body { background-color: #ffffdd;font-family: arial;}

a {text-decoration: none;color: #cc4400;font-weight: 600; }


#left
 {
 top: 0; 
 left: 0; 
 margin:0; 
 padding: 0; 
 border-top: 2px solid #D9CF82;
 height: 580px;
 width: 215px;
 background-color: #ffffaa;
 position: absolute;
 }
 
#oben 
 { 
  color: #cc4400;
  background-color: #ffffaa; 
  height: 81px; 
  width: 100%;
  left: 0px;
  top: 0; 
  border-top: 2px solid #D9CF82;
  margin: 0;
  padding: 0;
  position: absolute; 
  visibility: visible; 
  text-align: right;
  font-size: 12px; 
 }
 
#logo 
 { 
  background-image: url(../bilder/logo1.jpg); 
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #ffffdd;
  height: 80px; 
  width: 215px; 
  margin: 0;
  margin-top: 2px; 
  padding: 0; 
  left: 0; 
  top: 0px; 
  position: absolute; 
  visibility: visible; 
 }

#nav { padding: 0; margin: 0;  position: absolute; top: 150px; left: 10px;width:180px; }


#kinderschutzbund 
 { 
  font-size: 0.7em; 
  height: 190px; 
  width: 120px; 
  left: 70px; 
  top: 400px; 
  position: absolute; 
  visibility: visible;
 }



#content { 
background-position: center center;
background-repeat: no-repeat;
text-align: left;
width: 744px;
height: 500px;
left: 215px; 
top: 80px;
padding: 0; 
margin-left: 35px; 
margin-top: 20px;
position:absolute; 
visibility: visible;
font-size: 0.85em;
 }

#content h1 { color: #cc4400; font-size: 1.2em; font-weight: bold; }

#content h2 {color: #000000;font-weight: bold; font-size: 0.90em;}

#content p {color: #000000;font-size: 0.85em;}

#content img { margin-top:10px;margin-right:10px; margin-bottom: 10px;}

.link a { font-size: 10px; }




ul.menu, ul.menu ul {

    list-style-type: none;
   
    
}

ul.menu
 {
  line-height: 35px;
 }

ul.menu ul 
 {
  line-height: 15px;
  font-size: 12px;
  position: absolute;
 } 

ul.menu ul li
 {
  border-bottom: 1px solid ##ffffaa;
 }

ul.menu a {

    display: block;

    padding: 3px 10px 3px 10px;

    font-weight:bold;

}



ul.menu ul a {

    padding: 10px 10px,0 10px;

}



ul.menu li {

    padding:0;
        
    margin:0;

    background-image: none;

    background-color: #ffffaa;

    float:left;

   
}



ul.menu ul {

    margin-left:36px;

    padding: 5px 0 5px 0;

    position: absolute;

    background-color: #FFFFFF;

    border:1px solid #FFF9E4;

    display:none;

    min-width:120px;

}



/* IE-Hack für die Breite */

*html ul.menu ul {

    width:120px;

}



/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {

    display:block;

}



ul.menu ul li {

    float:none;

    background-color: transparent;

}