body {
width: 1022px;
margin:auto;
margin-top: 20px;
background-color:#666666;
color:#ffffff;
font-family:verdana,sans serif;
}

h3  {
font-size: 1.1em;
}

a  {
text-decoration:none;
color:#ffffff;
margin-left: 5px;
}

a:hover  {
text-decoration:none;
color:#ffa500;
}

#oben {
display:block;
height: 95px;
background-image:url(images/top.jpg);
background-repeat: no-repeat;
background-position: top center;
background-color:#ffffff;
}

#header {
display:block;
background-color:#404040;
color:#ffffff;
font-size: 0.7em;
height: 1.4em;
padding: 1px 0 1px 0;
}


.content {
float:left;
padding: 20px 0 0 20px;
background-image:url(images/hintergrund.gif);
background-repeat: no-repeat;
background-position: top left;
min-height: 400px;
min-width: 1000px;
}



.left_navi {
height: 15px;
margin: 0 1em 0 1em;
}



.right_navi {
float:right;
margin: 0 2em 0 2em;
}


.pics  {
float:right;
padding: 30px 20px 0 20px;
width: 350px;
}

.pic {
float:left;
margin: 10px;
border: 1px solid;
border-color:#c0c0c0;
}


.pics_montage  {
float:right;
padding: 30px 20px 0 20px;
width: 420px;
}

.pic_montage_1 {
float:right;
margin: 10px 0 0 0;
border: 1px solid;
border-color:#c0c0c0;
}

.pic_montage_2 {
float:left;
margin: 30px 0 10px 0;
border: 1px solid;
border-color:#c0c0c0;
}

.pics_laden  {
float:right;
padding: 20px 0 0 0;
width: 480px;
}

.pic_le {
margin: 3px;
float:right;
border: 1px solid;
border-color:#c0c0c0;
}

.pic_re {
margin: 3px;
float:right;
border: 1px solid;
border-color:#c0c0c0;
}

.textbox  {
float:left;
margin: 40px 20px 0 30px;
font-size: 0.7em;
width: 380px;
}



       /*startseite*/
	   
a.start {
color:#800000;
}

a.start:hover {
color:#ffa500;
}
           
.text_start  {
color:#ffffff;
font-size: 0.7em;
padding: 50px 0 0 70px;
}

.box  {
width: 200px;
float:right;

}



   /*galerie*/
 
.left_pics {
float:left;
width: 350px;
margin:20px 20px 20px 60px;
}

.right_pics {
float:right;
width: 350px;
margin:20px;
}

 
.galerie {
margin: 10px;
}

.galerie_re {
margin: 10px;
}





        /*kontakt*/
		
.contact_mail {
clear:right;
margin-left: 30px;
padding-top: 30px;
font-size: 0.8em;
color:#ffffff;
}
         
a.contact_link {
text-decoration:none;
color:#ffffff;
}

a.contact_link:hover {
text-decoration:none;
color:#ffa500;
}

.contact_form  {
clear:left;
margin-right: 30px;
}

.report {
clear:left;
color:#ff8000;
font-size: 0.9em;
}
    
.left_stuff_contact {
float:left;
width: 240px;
margin-left: 30px;
padding-top: 20px;
}

.feld_oben  {
clear:left;
}

.feld_unten  {
clear:left;
}

.right_stuff_contact {
float:right;
margin: 20px;
}

.lab_contact {
width: 80px;
float:left;
font-size: 0.9em;
color:#ffffff;
}
	           
.inpt_contact {
width: 150px;
height: 1.2em;
float:right;
font-size: 0.7em;
background-color:#ffffff;
color:#000000;
border: 1px solid;
border-color:#404040;
}    

.label_text {
margin-left: 5px;
font-size: 0.8em;
}

.label_news {
color:#000000;
margin-left: 5px;
font-size: 0.8em;
}

.text  {
font-family:verdana, sans serif;
font-size: 0.8em;
}

.button_contact_box {
margin: 10px 20px 0 0;
clear:right;
}

.button_contact  {
float:right;
font-size: 0.8em;
}

.thanx {
font-size: 1em;
margin: 80px;
color:#c0c0c0;
}


       /*impressum*/

.impressum {
padding: 30px 0 0 20px;
font-size: 0.8em;
}

.left_impressum  {
float:left;
}

.right_impressum {
float:left;
margin: 40px 0 0 50px;
}

.box_impressum {
width: 500px;
float:right;
}




      /*klappmenue*/
	  
 
  ul#Navigation {
    margin: 0; padding: 0;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
 }
  * html ul#Navigation li {  /* Korrektur fuer den IE */
    margin-bottom: -0.4em;
  }

  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.5em; left: -1.3em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    top: 1.5em;
    left: -1.6em;
    lef\t: -0.4em;
	border: 1px solid grey;
  }
  
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
    background-color: #404040; 
 }
 
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 7em;  /* Breite den in li enthaltenen Elementen zuweisen */
    margin: 0.2em 2em 0 2em;
    text-decoration: none;
  }
  

  
  
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
   color:#ffa500;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
   border: 1px solid grey;
  }
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
   border: 1px solid grey;
  }