@charset "utf-8";
/* CSS Document */
/*  =========================================================
Stylesheet für die horizontale Navigation mit Dropdown-Menü
Datei:  navi_dropdown.css 
Datum: 2009-09-20
Autor: Sandra Mensen 
========================================================== */

@media screen { 

/* ==============================================
   01 Das umgebende DIV gestalten
   ============================================== */
#navibereich {
   overflow: hidden;
   color: #006600;
   padding: 0px ;
   margin: 0px 0px 0px -80px;
}
/* Sternchen-Hack, hasLayout für IE5x. und 6 */ 
* html #navibereich { height: 1%; }

/* ==============================================
   02 Die ungeordnete Liste in Ebene 1 gestalten 
   ============================================== */
#navibereich ul { margin: 0; }
#navibereich li {
   float: left;
   width: auto;
   list-style: none;
   margin: 0 ;
}
/* Liste in Ebene 2 clearen */
#navibereich li li { clear: both; }

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
#navibereich a {
   display: block;
   color: #006600;
   padding: 0.4em 1em;
   text-decoration:none;
}
#navibereich a:hover,
#navibereich a:focus,
#startseite #navi01 a, 
#seite02    #navi02 a, 
#seite0201  #navi02 a, 
#seite03    #navi03 a, 
#seite0302  #navi03 a, 
#kontaktseite #navi04 a {
   color: #009F00;
   border-bottom: none;
   text-decoration:none;
} 

/* Spezifität auf > 225 erhöhen (ist so 312) */
#wrapper #navibereich #ebene01 li a:active {
   color: white;
   background-color: #ccffcc; 
}

/* ==============================================
   04 Ebene 2 verstecken 
   ============================================== */
#navibereich li ul {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline; 
   background-color: transparent; 
   margin: 0px 0px 0px 15px;
   padding: 0px 0px 0px 5px;  
}

/* ==============================================
   05 Ebene 2 sichtbar machen 
   ============================================== */
#navibereich li:hover ul,
#navibereich li.sfhover ul {
   left: auto; 
   top: auto;
   display: block;
   width: auto; 
   height: auto; 
   background-color: #ccffcc;
   border-bottom: 2px solid #006600;   
}

/* ==============================================
   06 Die Rausklappliste korrekt einfärben
   ============================================== */
/* Spezifität 214 */
#navibereich ul#ebene01 ul.ebene02 li a { 
   background-color: #ccffcc; 
}

/* Spezifität 224 */
#navibereich ul#ebene01 ul.ebene02 li a:hover {
   background-color: #ccffcc;
}

/* ==============================================
   07 Schönheitsreparaturen
   a) Kopfbereich padding-bottom 10px (in bildschirm.css)
   b) Spezifität für :active auf 312 erhöhen (Zeile 57)
   c) width für Links in Ebene 2
      (ohne schrumpft das Rausklappmenü im IE7)
   ============================================== */
/* 07c - width für die Hyperlinks in Ebene 2 */ 
#navibereich li li a {
   width: auto; 
}

} /* Ende @media - nicht löschen! */

/* ======================================
   E N D E navi_dropdown.css
   ====================================== */