/* start reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset */
a{text-decoration: none; color: #004a99;}
p, ul{margin-bottom: 15px;}
h1{margin-bottom: 22px; font-family: 'futura_hv_btheavy', sans-serif; font-size: 20px; color: #004a99; font-weight: normal;}
h2{margin-bottom: 22px; font-family: 'futura_hv_btheavy', sans-serif; font-size: 14px; color: #004a99; font-weight: normal;}
h3{margin-bottom: 15px; font-family: 'futura_bk_btbook', sans-serif; font-size: 14px; color: #004a99; font-weight: normal;}
li{list-style: disc; list-style-position: inside;}

.groesser{font-size: 14px; line-height: 26px;}
.smallFat{font-size: 12px; line-height: 20px; font-family: 'futura_hv_btheavy';}
.blue{color: #004a99;}

body{font-family: 'futura_bk_btbook', sans-serif; font-size: 13px; line-height: 19px; color: #3e3d40;}

#header{width: 100%; min-width: 1260px; height: 228px; background: url("images/layout/headerBackground.jpg") no-repeat center 0; background-size: cover; position: fixed; top: 0; z-index: 40;}
	
#header .content{width: 1220px; padding: 0 20px; margin: 0 auto; position: relative; height: 100%; z-index: 60;}
		
#logo{position: absolute; bottom: 75px; margin-left: 20px; }
		
.impressum{position: absolute; font-family: 'futura_bk_btbook', sans-serif; text-transform: uppercase; font-size: 12px; color: #3e3d40; margin: 0 0 0 930px; bottom: 158px;}
.impressum a{color: #3e3d40;}
.impressum a:hover {color: #294d99;}
		

#schriftzug{position: absolute; margin: 0 0 0 429px; bottom: 109px;}
		
#navContainer{font-family: 'futura_bk_btbook', sans-serif; font-size: 14px; text-transform: uppercase; position: absolute; z-index: 70; bottom: 0; width: 100%; height: 62px; background: url("images/layout/bgNav.png") repeat 0 0;}
				ul.navigation{width: 831px; padding: 0; margin: 0 auto; padding-left: 429px; height: 100%;}
				ul.navigation li{display: inline-block; list-style: none;}
					ul.navigation a{display: inline-block; line-height: 62px; height: 62px; padding: 0 21px; color: #3e3d40;}
						ul.navigation a span{display: block; height: 55px;}
						ul.navigation a.active span, ul.navigation a:hover span{color: #fff; border-bottom: 7px solid #294d99; }
	
	.subsite span.scrollFix {display: inline-block; position: absolute;}				
	.subsite{position: relative; width: 100%; min-width: 1260px; overflow: hidden; background-position: center center; background-size: cover; }
		.subsite img.background, .subiste .subsiteBGsrc{display: none; color: #fff; position: absolute;}
			.subsite .contentBG{width: 100%; padding: 52px 20px 100px 20px; position: relative; z-index: 5; background: url("images/layout/bgContent.png") no-repeat 0 0; height: 500px;}
			.subsite .NOcontentBG{width: 100%; padding: 35px 20px 100px 20px; position: relative; z-index: 5; height: 500px;}
				.subsite .content{width: 1220px;  margin: 0 auto; height: 100%;} /*100 padding on bottom for bg*/
					.subsite .contentLeft{position: absolute;}
					.subsite .contentRight{position: absolute; margin-left: 858px; width: 400px;}	
	.subsite a.arrowNav{z-index: 30; position: absolute; width: 185px; margin-left: -92px; left: 50%; bottom: 20px;}

	
/* fonts */

@font-face {
    font-family: 'futura_hv_btheavy';
    src: url('fonts/FuturaHvBt/futurah-webfont.eot');
    src: url('fonts/FuturaHvBt/futurah-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/FuturaHvBt/futurah-webfont.woff2') format('woff2'),
         url('fonts/FuturaHvBt/futurah-webfont.woff') format('woff'),
         url('fonts/FuturaHvBt/futurah-webfont.ttf') format('truetype'),
         url('fonts/FuturaHvBt/futurah-webfont.svg#futura_hv_btheavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futura_bk_btbook';
    src: url('fonts/FuturaBkBt/futura_book_bt-webfont.eot');
    src: url('fonts/FuturaBkBt/futura_book_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/FuturaBkBt/futura_book_bt-webfont.woff2') format('woff2'),
         url('fonts/FuturaBkBt/futura_book_bt-webfont.woff') format('woff'),
         url('fonts/FuturaBkBt/futura_book_bt-webfont.ttf') format('truetype'),
         url('fonts/FuturaBkBt/futura_book_bt-webfont.svg#futura_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* cookie alert */
div.useOfCookies {
width: 100%;
padding-top: 26px;
padding-bottom:36px;
position: fixed;
bottom:0;
left: 0;
text-align: left;
z-index: 10000;
background-color: rgba(0,74,153,0.9);
color: white;
text-align:center;
}
div.useOfCookies a {
color: white; 
cursor:pointer;
text-decoration:underline;
}
div.useOfCookies a:hover {
text-decoration:none;
}
div.useOfCookies #cookieWrapper {
position: relative;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
div.useOfCookies #cookieWrapper div {
width:96%;
padding-left:5%;
padding-right:2%;
}
a.cookieButton {
text-transform:uppercase;
font-size:1.4em;
padding:8px 14px;
border:1px solid white;
background-color: rgba(0,44,82,0.9);
font-weight:300;
text-decoration:none !important;
transition: .1s ease-in-out;
}