/* CSS Document */

a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, dd, del, dir, div, dfn, dl, dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, hr, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul, var {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align: baseline;
 background:none;
}
ol, ul {
 list-style:none;
}
h1, h2, h3, h4, h5, h6, li {
 line-height:100%;
}
blockquote, q {
 quotes:none;
}
q:before, q:after {
 content: '';
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
input, textarea, select {
 font:11px Arial, Helvetica, sans-serif;
 vertical-align:middle;
 padding:0;
 margin:0;
}
form, fieldset {
 border-style:none;
}
/* general setting */
html {
 height:100%;
}
body {
 background:#193c65;
 font-family:Arial, Helvetica, sans-serif;
}
a {
 text-decoration:none;
}
.clr {
 height:0;
 font-size:0;
 clear:both;
}
h1{
 font-size:36px;
 color:#5d810c;
 font-weight:normal;
 padding:10px 0 15px;
}

/*****Common Styles*****/
#headerBg{width:100%; height:179px; border-bottom:1px solid #fff; background:#0a264f; position:relative; z-index:1;}
.wrapper{max-width:881px; margin:0 auto; padding-bottom:20px; position:relative; z-index:2;}
/*...headers....*/
.header_home{width:881px; height:179px; background:url(header_home.jpg) top right no-repeat; margin:0 auto; position:relative; overflow:hidden;}
.header_bio{width:881px; height:179px; background:url(header_bio.jpg) top right no-repeat; margin:0 auto; position:relative; overflow:hidden;}
.header_public{width:881px; height:179px; background:url(header_public.jpg) top right no-repeat; margin:0 auto; position:relative; overflow:hidden;}
.header_contact{width:881px; height:179px; background:url(header_contact.jpg) top right no-repeat; margin:0 auto; position:relative; overflow:hidden;}
	
#logo{width:481px; height:48px; margin:14px 1px 0 0; float:right; display:inline;}

/*..Menu Block..*/
#menuBg{max-width:845px; height:90px; background:url(menu_bg.png) 0 0 repeat-x; border-left:1px solid #fff; border-right:1px solid #fff; margin-top:89px;}
.menu{width:515px; height:33px; float:right;}
.menu ul li{float:right; margin:0 19px 0 4px; line-height:33px; font-size:16px; display:inline;}
.menu ul li a{color:#fff;}
.menu ul li a:hover, .menu ul li a.active{color:#7d9fc5;}

/*..container...*/
#container{max-width:845px; border-left:1px solid #fff; border-right:1px solid #fff; background:#dce9fb; position:relative; min-height:310px; height:auto !important; height:310px;}
#ie6_hack #container{height:auto; height:310px;}
.picture{width:268px; height:418px; border:1px solid #fff; position:absolute; top:-136px; left:48px;}
#content{max-width:487px; margin-left:358px;}
#content p{font-size:14px; line-height:18px; color:#0a264f; padding:0 30px 20px 3px;}
#content p span{font-size:18px;}

/*...footer...*/
#footer{max-width:845px; height:19px; border:1px solid #dce9fb; background:#0a264f;}
#footer p{font-size:11px; line-height:19px; text-align:right; padding:0 7px; color:#fff;}
#footer p a{font-size:11px; line-height:19px; text-align:right; padding:0 7px; color:#fff;}

/*...contact page....*/
.contact{max-width:416px; padding-bottom:65px; overflow:hidden;}
.contact div{color:#062047; font-size:12px; line-height:18px; padding-bottom:6px;}
.contact div.btn{padding:8px 0 0; float:right; margin-left:19px;}
.contact div input{border:1px solid #40638b; width:213px; height:20px; padding:0 5px; background:#fff; color:#062047;}
#ie6_hack .contact div input{line-height:20px;}
.contact div textarea{border:1px solid #40638b; width: 90%; max-width:402px; height:162px; padding:0 5px; background:#fff; color:#062047;}
.contact div.btn input{border:1px solid #40638b; width:76px; height:17px; padding:0; background:#0a264f; color:#fff; cursor:pointer;}
#ie6_hack .contact div.btn input{line-height:12px;}

/* responsive Stuff */

body {
	display: flex;
	flex-direction: column;
}

#headerBg{
	flex: 0 1 auto;
	display: flex;
}

#wrapper {
	flex: 0 1 auto;
}

.header_home {
	flex: 0 1 auto;
}

#container{
	display:flex;
	flex-direction: column;
}

#container > .picture{
	flex: 0 1 auto;
}

#container > #content{
	flex: 0 1 auto;
}

/* kleine verschiebungen durch flex korrigieren */
@media all and (min-width : 780px){
	#container{
		margin-left: -34px;
	}
	
	#footer{
		margin-left: -33px;
	    position: relative;
	}
}

@media all and (max-width : 670px){
	.picture{
		top: -50px;
	}
}

@media all and (max-width : 780px){
	#content {
		margin-left: 10px;
		
	}
	
	#content > p {
		font-size:16px;
	}
	.picture {
		position: relative;
		top: -50px;
		margin: auto;
		left: 0px;
	}
}