@charset "utf-8"; /* Zeichencodierung für das CSS Dokument festlegen*/
li{
    list-style:none;
}
a { text-decoration: none; outline: none;}




* {padding: 0; margin: 0;} /* Sitenposition auf Null/Null setzen */

body{
background-image: url("../bilder/hintergrund_site.jpg");
text-align:center;/* Seitenzentrierung für den IE*/
}


#wrapper{
  width:1024px;
  height:768px;
  margin:0 auto;/* Ausrichtung Mitte für die anderen Explorer*/
  text-align:left;/* Alle anderen Bereiche werden wieder auf Ausrichtung links gesetzt*/
}

   


#banner{ position:static;
width:1024px;
height:150px;
background-image: url("../bilder/bannerversuch2.jpg");
border:1px solid black;
border-bottom:0px solid black;
}

#text_banner{float:left;
margin-left:300px;
margin-top:10px;
font-family:"Arial";
font-size:36px;
text-align:center;
}




#hintergrund{ margin-top:0px; float:left;
width:1024px;
height:768px;
background-image: url("../bilder/grund3.jpg");
border:1px solid black;
border-top:0px solid black;
}




.navigation{
margin-left:1em; 
margin-top:14px;
float:left;
width:150px;
display:block;
}
   
 
.navigation ul li a:link,  .navigation ul li a:visited{  float:left;  
width:150px;
height:45px;
padding-top:10px;
background-image: url("../bilder/button.jpg");
background-repeat:no-repeat; 
font-family:"Arial";
font-size:20px;
text-align:center;
color:#FFFFFF;
margin-top:16px;
 
}

 .navigation ul li a:hover,  .navigation ul li a:focus{  
background-image: url("../bilder/button_hover.jpg");
background-repeat:no-repeat;
font-size:18px;
margin-top:16px;
}


#includbereich{
padding:5px;
float:left;
margin-left:2em;
margin-top:1.6em;
width:600px;
height:700px;
border:1px solid black;
font-family:"Arial";
font-size:18px;
text-align:center;
}

#news{float:left;
padding:2px;
margin-top:0.8em;
margin-left:20px;
width:165px;
height:230px;
border:1px solid black;
text-align:center;
background-color:#FF3845;    
}

#buttons_oben{float:left;
margin-left:-10px;
width:210px;
height:20px;
}

#buttons_oben a:link, #buttons_oben a:visited{
color:black;
font-size:14px;
}  

#index_foto{position:static;
float:left;
width:300px;
height:400px;
margin-top:55px;
margin-left:155px;
background-image: url("../bilder/index_foto.jpg");
background-repeat:no-repeat;
}

#google{position:static;
float:left;
width:165px;
height:370px;
margin-left:22px;
margin-top:20px;
}

#zaehler{position:static;
float:left;
margin-left:50px;
margin-top:20px;
}

#pwmedia{position:static;
float:left;
margin-top:30px;      
margin-left:425px;
}

 #pwmedia a:link, #pwmedia a:visited{
color:black;
}