@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Merienda:400,700);

@font-face {
    font-family: 'saginaw_medium';
    src: url('fonts/saginawmedium-webfont.eot#') format('eot'),
url('fonts/saginawmedium-webfont.woff') format('woff'),
url('fonts/saginawmedium-webfont.ttf') format('truetype'),
url('fonts/saginawmedium-webfont.svg#saginaw_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
	padding: 0;
    margin: 0;
    background: url("images/bg.jpg") no-repeat center top #090c37; /* bg-image sichtbar links und rechts von wrapper, bg-color ausserhalb von bg-image */	
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #00224E; 
}

.wrapper {
	width:1280px;
	margin: 0 auto;  
	min-height: 700px;
	padding-top: 45px;
	background: url("images/bg.jpg") no-repeat center top; /* bg von wrapper, wichtig fuer Positionierung hinter Wechsellogo bei Browserfenster < wrapper */
/*	background-color:rgba(0, 0, 0, 0.4); */
}

.header {
	width:1280px;
	height: 220px;
	position: relative; /* wird gebraucht, dass position:absolute in logo-position greift */
}
#logo-position {
	height: 220px;
	width: 220px;
    left: 970px;
	position: absolute;
}
         
.contentwrap {
	margin-top: 45px;
	min-height: 745px;
	background-image:url(images/bg-extension.png);
	background-position: 0px 748px;
	background-repeat: no-repeat;
    background-size: 1280px 10000px;
}
.contentwrap:after { /* löst float auf und ermöglicht die bg-Grafik in contentwrap */
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.nav {
	width: 230px;
	margin-top: 180px;
	margin-left: -3px;
	float:left;
}



#inhalt {
color: #00224E;
width: 700px;
line-height: 1.3;
float: left;
padding-left: 30px;
margin-top: 50px;
margin-bottom: 40px;
}


.footer {
padding-top: 10px;
padding-bottom: 40px;
clear: both; 
width:1280px;
color: #bac0e9;
text-align: center;
font-size: 13px;
}


#nav-aktiv {
           background-image: url("images/nav-aktiv.png");
		   font-family: 'saginaw_medium';
		   font-size: 23px;
           padding-left:10px;
		   padding-right:10px;
           padding-top:26px;
           width: 210px;
           height: 67px;
           float: left;
		   text-align: center;
}

.nav #nav-aktiv a {
			display: block; /* ganze Fläche anklickbar machen*/
			font-family: 'saginaw_medium';
			font-size: 23px;
			color: #00224E;
			text-align: center;
}

#nav-passiv {
           background-image: url("images/nav-passiv.png");
		   font-family: 'saginaw_medium';
		   font-size: 23px;
           padding-left:10px;
		   padding-right:10px;
           padding-top:26px;
           width: 210px;
           height: 67px;
           float: left;
		   text-align: center;
}

.nav #nav-passiv a {
			display: block; /* ganze Fläche anklickbar machen*/
			font-family: 'saginaw_medium';
			font-size: 23px;
			color: #00224E;
			text-align: center;
}

h1 {
    font-size: 20px;
    font-family: 'Merienda', cursive;
    color: #00224E;
    border: none;
    margin-bottom: 15px;
    font-weight: bold;
}




a:link { text-decoration:none; font-family:'Open Sans', sans-serif; font-size:15px; color:#7F5454;}
a:visited { text-decoration:none; font-family:'Open Sans', sans-serif; font-size:15px; color:#7F5454;}
a:active { text-decoration:none; font-family:'Open Sans', sans-serif; font-size:15px; color:#7F5454;}
a:hover { text-decoration:none; font-family:'Open Sans', sans-serif; font-size:15px; color:#00224E;}

.footer a:link { text-decoration:none; font-family:'Open Sans', sans-serif; font-size:13px; color:#bac0e9;}
.footer a:visited { text-decoration:none; font-family:'Open Sans', sans-serif; font-size:13px; color:#bac0e9;}
.footer a:active { text-decoration:none; font-family:'Open Sans', sans-serif; font-size:13px; color:#bac0e9;}
.footer a:hover { text-decoration:none; font-family:'Open Sans', sans-serif; font-size:13px; color:#e79999;}