* {
margin: 0;
padding: 0;
}

body {
background-color: #888;
font-size: x-small; /*für IE*/
voice-family: "\"}\"";
voice-family: inherit;
font-size: small; /* für andere*/
font-size: 100.01%; 
font-family: Helvetica, san-serif;

color: #555;


}


html>body { /* Opera */
font-size: small;
background-color: #888;
}

p {
text-align: left;
line-height: 1.4em;

}

.klein {
font-size: xx-small;
}

.bold {
font-weight: bold;

}

#content {
position: relative;
width: 892px;
height: 600px;
margin: 1.5% auto;
padding: 0 0 0 0;


background-color: #fff;

 }
 
 #kopf {
position: absolute;
width: 900px;
height: auto;
margin: 0px 0 30px 0;
border: none;

 }
 
 /* 
 #navi1 {
position: relative;

 width: 98%;
height: auto;
text-align: right;
margin: 20px 0px 0 0px;
 }
 evtl. Problem Umbruch bei Safari? */
 
  #navi1 {
position: relative;

 width: auto;
height: auto;
text-align: left;
margin: 20px 0 0 580px;




 }
 
 #navi1 li {
 
 display:inline;


 }


img {

border-style: none;
}



#logo {
position: relative;
width: 240px;
height: 60px;
/*border: 1px #000000 solid;*/
margin: 30px 0 0 80px;

}

 #navi2 {
 position: relative;
 width: auto;
height: auto;
text-align: left;
margin: -20px 0 0 471px;



/*border: 1px #000000 solid;*/

 }
 
  #navi2 ul li {
 padding-right: 20px;
 display:inline; 
 }
 
 /* bis hier steht alles, was im Kopfbereich erscheint */
 
  /* ab hier index content */
 
#galerie {
position: absolute;
 width: auto;
 height: auto;
/*border: 1px #000000 solid;*/
background: #fff;
padding: 0 0 0 1px;
margin: 180px 0 0 3px;
text-align: center;

}
 

 
 
#galerie ul li{
display: inline;
list-style: none;


}
 a {
 text-decoration: none;
 
 }
 
 a.wo:link{text-decoration: none;  background-color: transparent; color: #cc6600;}
a.wo:visited{text-decoration: none;  background-color: transparent; color: #cc6600;}
a.wo:hover{text-decoration: none;  background-color: transparent; color: #555;}
a.wo:active{text-decoration: none;  background-color: transparent; color: #cc6600;}


 
 
 
 
 
 
 
 
 
 
 

 /* ab hier beginnt das Layout der Seite mit Text und Bild */
 
 
  

 
 #text {
position: absolute;
 width: 422px;
 height: 358px;

background: #ccc;
 float: left;
 padding-left: 30px;
 padding-right: 20px;
 padding-top: 20px;
 margin: 180px 0 0 0;
text-align: left;

 }
 
 
 #text ul li{

list-style: none;
line-height: 1.5em;


}

   #bild {
 position: relative;
 width: 420px;
 height: 378px;

text-align: right;
background: #fff;
float: right;
 margin: 180px 0 0 0; 
 
 }
 

 /* datenschutzseite*/

  
 #text2 {
position: absolute;
 width: 802px;
 height: 338px;
overflow: auto;
background: #ccc;

 padding-left: 30px;
 padding-right: 60px;
 padding-top: 20px;
 padding-bottom:20px;
 margin: 180px 0px 0 0px;
text-align: left;

 }