/* basic elements */
body { 
  
  font-family: verdana, sans-serif;
  font-size: 80%;
  color: #123456; 
  margin: 0px;
  background-color: #ccffcc;
  background-image:url(../images/bg_rechts.gif);
  }
  
p { 
  margin-top: 0px; 
  text-align: left;
  }

p.bildunterschrift { 
  margin-top: 0px; 
  text-align: left;
  color: #666666;
  font-size: 75%;
  }


h1 { 
  font-size: 120%;  
  font-weight: bold; 
  letter-spacing: 1px; 
  margin-top: 5px;
  margin-bottom: 0px;  
  color: #000000;
  }
  
h2 { 
  font-size: 120%;  
  margin-top: 10px;
  margin-left: 0px;  
  color: #339933;
  }

h3 { 
  font-size: 100%;    
  font-weight: normal; 
  letter-spacing: 1px; 
  margin-top: 25px;
  margin-bottom: 10px;
  padding-left:10px;
  color: #ffffff;
  background-color: #669966;
  border: #003300 solid 1px;
  }
 
h4 {
  font-size:100%;
  color: #333333
}
 
a:link { 
  text-decoration: underline; 
  color: #336633;
  }
a:visited { 
  text-decoration: underline; 
  color: #336633;
  }
a:hover { 
  text-decoration: underline; 
  color: #000000;
  }
  
a:active { 
  text-decoration: underline; 
  color: #000000;
  }  

td { 
  font-size: 80%;
  font: verdana, sans-serif; 
  color: #000000;
  vertical-align:top;
  }
  
td.kopf { 
  font-size: 75%;
  font: verdana, sans-serif; 
  color: #cccccc;
  vertical-align:top;
  text-align:center;
  }
  
td.kontakttitel{
  font-size: 80%;
  font-family:verdana; 
  font-style:normal; 
  color:#666666; 
  font-weight:bold;}
  
td.link_titel{
  font-size: 80%;
  font-family:verdana; 
  font-style:normal; 
  color:#666666; 
  font-weight:bold;}

li { 
  color: #000000;
  }


/* specific divs */



/* ---------------------------------------------------------------- */
/* Kopf                                                             */
/* ---------------------------------------------------------------- */
#kopfbereich_container { 
  position: absolute;   
  background-color: #006600;
  color: #ffffff;
  width: 801px;
  height:135px;  
  top: 0px; 
  left: 0px;  
  border-bottom:1px solid #339933;    
  border-right:1px solid #339933;    
  }

  
#kopf_bild { 
  position: absolute;   
  top: 0px;
  left: 0px;
  z-index:1;
  }      
  
#firmendaten { 
  background:#ffffff;   
  top:0px;   
  position: absolute;   
  font: 10pt verdana, sans-serif; 
  bottom: 0px; 
  left: 10px; 
  z-index:2;  
  }  

  
  
/* ---------------------------------------------------------------- */
/* Content                                                       */
/* ---------------------------------------------------------------- */  
#content_container { 
  position: absolute;   
  background:#ffffff; 
  width: 601px;
  height:5000px;  
  top: 135px; 
  left: 200px;  
  border-right:1px solid #339933;  
  border-left:1px solid #cccccc;    
  border-bottom:1px solid #339933;    
  }  

#content { 
  padding:20px;
  }   

/* ---------------------------------------------------------------- */
/* Navigation                                                       */
/* ---------------------------------------------------------------- */    
#navigation_container {
  position: absolute;  
  top: 135px; 
  left: 0px;
  width: 200px;
  height:5000px;
  background:#efffef;   
  border-right:1px solid black; 
  border-bottom:1px solid #339933;  
  }
  
#navigation_main { 
  position: relative;  
  top: 20px;  
  }

#zeiten{ 
  margin-left:10px;
  border-top:1px solid rgb(50,50,50); 
  color: rgb(0,0,0);
  }

/* ------- 1. Ebene ----------------------------------------------- */   

#navigation_main div { 
  margin-left:10px;
  margin-top:5px;
  margin-bottom:5px;
  position:relative;
  right:-2px;
  }

#navigation_main div a:link {
  font-weight:bold;
  text-decoration: none;
  color: #003300;
  }

#navigation_main div a:visited {
  font-weight:bold;
  text-decoration: none;
  color: #003300;
  }

#navigation_main div a:active {
  font-weight:bold;  
  text-decoration: none; 
  color: #003300;
  }

#navigation_main div a:hover {
  font-weight:bold;  
  text-decoration: none; 
  color: #ffffff;
  background:#336633;  
  width:100%;
  }
/* ------- 2. Ebene ------------------------------------------------- */   

#navigation_main div div { 
  margin-left:15px;
  margin-top:5px;
  margin-bottom:5px;
  padding:0px;
  display:none;
  }
  
#navigation_main div div a:link {
  font-weight:normal;
  text-decoration: none; 
  color: #000000;
  }

#navigation_main div div a:visited {
  font-weight:normal;
  text-decoration: none; 
  color: #000000;
  }

#navigation_main div div a:active {
  font-weight:normal;
  text-decoration: underline; 
  color: #000000;
  }
  
#navigation_main div div a:hover {
  font-weight:normal;
  text-decoration: none; 
  color: #ffffff;
  background:#339933;
  }
  

#navigation_main div div a.aktiv:link { 
  text-decoration: underline; 
  color: #3366cc;
  }
#navigation_main div div a.aktiv:visited { 
  text-decoration: underline; 
  color: #339933;
  }
#navigation_main div div a.aktiv:hover, a:active { 
  text-decoration: underline; 
  color: #000000;
  }