body, html, #navigation, #container, #inhalt {
           margin:0;
           padding:0;
	  
}

body {     font: 100.01% Verdana, Arial, Helvetika,sans-serif;

	   background-color: White;	
}

#container {
	   text-align: left;
           width: 980px;
           margin-left: 5%;
          
	   background-color: #BBDAFF;

}

#ute	{
	padding: 10px;

}


#navigation {
	   padding-top: 20px;
           width: 180px;
           float: left;
           background-color: #BBDAFF;
           color: #3054BF;
	   font-size: 0.8em;

background-image: url(Bilder/Hintergrun.gif);
	


}
	
#logo {
           width: 800px;
           float: left;
           background-color:#f5eadc;
           background-image: ;	
           color: #604420;
	   text-align: left;
	   font-size: 0.8em;
	   height: 100px;


}

#inhalt {
           width: 800px;
           float: left;
           background-color: #EEEEEE;
           color: #604420;
	   text-align: left;
	   font-size: 0.8em;
           
	  
}
h1,p {
           margin: 25px;
        
}
h1 {
           font-size: 1.7em;
	   padding: 18px;
} 
h2 {
           font-size: 1.3em;
           margin-left: 25px;
}

h3 {
           font-size: 1.1em;
           margin-left: 25px;
}

.bilder {
	   margin: 10px;
	   float: left;	   
	   
	      
}
#box1   { width: 710px;
	  margin: 20px;
	  padding: 20px;
	  border: 0px solid;
	  height: 300px;
	  
}	   
#box2   { width: 710px;
	  margin: 20px;
	  padding: 20px;
	  border: 0px solid;
	  height: 850px;	  
}	   

#box3   { width: 710px;
	  margin: 20px;
	  padding: 20px;
	  border: 0px solid;	  
}

#box4   { width: 710px;
	  margin: 20px;
	  padding: 20px;
	  border: 0px solid;
	  height: 580px;	  
}

#box5   { width: 710px;
	  margin: 20px;
	  padding: 20px;
	  border: 0px solid;
	  height: 400px;
	  
}	   

#Fusszeile  { 
	    text-align: center;
            font-size: 0.7em;
	    padding: 5px;
            width:100%;
}


/*Bilder*/

#bilder{ 
  
  float: left;
  margin: 0;
  padding: 0;
  z-index: 2;
  
}
#bilder ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#bilder li {
  margin: 0px;
}
#bilder li a:link, #bilder li a:visited {
  display: block;
}

#bilder li a .pop {
  display: none;
  text-decoration: none;
  top: 0;
} 
/*Bilder Popup*/
#bilder li a:hover span.pop {
  display: block;
  position: absolute;
  left: -150px;
  top: 30px;
  width: 500px;
 
  
}
#bilder li a:hover {
  position: relative;
}


.links {
float: left;
padding:0 1.3em 0.8em 0;
margin-left: 25px;
}