@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	background-color:#f6f6f6;
}

#head {
	width:100%;
	height:445px;
	background-image:url(../Bilder/bg_head.jpg);
	background-position:center;
	}
	
#head1 {
	width:1000px;
	height:172px;
	background-image:url(../Bilder/head.png);
	margin: 0 auto;
	}
	
#head2 {
	width:1000px;
	height:273px;
	margin: 0 auto;
	margin-top: -10px;

	}
	
#head3 {
	width:806px;
	height:273px;
	margin: 0 auto;
	margin-top: -10px;

	}
#head4 {
	width:806px;
	height:273px;
	margin: 0 auto;
	margin-top: -10px;
		}	
	
#navi_bg {
	height: 65px;
	width:100%;
	background-color:#51658e;
	border-top: 1px solid #fff;}
	
#navi {
	height: 85px;
	width:930px;
	margin:0 auto;
	}
	
/*NAVIGATION*/	
#navcontainer ul	{
	padding-left: 10px;
	margin-left: 80px;
	background-color: #51658e;
	color: #fff;
	float: left;
	width: 960px;
	font-family: "Comic Sans MS", cursive;
	margin-top:15px;
}




	
	
	
.container {
	width: 765px;
	background: #FFF;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
	overflow: hidden; /* Diese Deklaration bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
	box-shadow:2px 2px 2px 2px grey;
	margin-bottom:25px;
	padding-left:25px;
}

.content {
  padding: 20px 50px 30px;
	width: 630px;
	float: left;
}

#inhalt1 { 
	float:left;
	width: 430px;
	height:auto;
	
	padding-left:0px;
  padding-top:20px;
  margin-bottom:0px;
 	
 }

#inhalt2 {
   width:195px;
   height:805px;
   float:right;
   margin-right:0px;
   
  
}

#footer {
	height: 380px;
	background-image: url(../Bilder/footer_bg.png);
	background-repeat:repeat-x;


	}


	
#footer_bild {
	height: 263px;
	width:942px;
	margin:0 auto;
	background-image:url(../Bilder/footer.png);
	margin-top:-225px;
	text-align:center; 
	}
	
#footer_content {
	height: auto;
	width:942px;
	margin:0 auto;
	padding-top:300px;
	text-align:center; 
	}