/* ===================================
Stylesheet für horizontale Navigation mit 2 Ebenen (mit IE-Patches) 
Datei: navi_vertikal02.css 
Datum: 2007-10-28
Autor: Peter Müller 
=================================== */

@media screen { 

/* ==============================================
   01 div#navibereich
   width => margin-left von 14em #textbereich
   ============================================== */
#navibereich {
  
  width: 190px; /* war 9em */
  padding: 20px 20px 20px 12px;
}

/* ==============================================
   02 Liste in Ebene 1
   ============================================== */
#navibereich ul {
   border-bottom: 1px solid #d6f773;     
}
#navibereich li {
   list-style-type: none; 
   margin: 0; 
}

/* ==============================================
   Liste in Ebene 2 
   ============================================== */
#navibereich li ul { 
border-bottom: 1px solid #d6f773;
   font-size: 90%;
   border-top: none; 
   border-bottom:none; 
   margin: 0; 
}
#navibereich li li {
   padding: 0; 
   margin: 0; 
}

/* ==============================================
   03 Gestaltung der Navigation: Hyperlinks  und strong 
   ============================================== */
#navibereich a,
#navibereich strong {
   display: block; 
   font-weight: normal; 
   text-decoration: none; 
   background-color: #d6f773; 
   color: black; 
   padding: 8px; 
   padding-left: 18px; 
   border-top: 1px solid #8c8c8c;    
}
/* Hover und Focus */
#wrapper #navibereich a:hover,
#wrapper #navibereich a:focus {  
   background-color: #85A51E; 
   color: white; 
   border-bottom: none; 
   border-top: 1px solid #FF5200; 
}

/* ==============================================
   Hyperlinks und strong in Ebene 2
   ============================================== */
#navibereich li li a, 
#navibereich li li strong {
   background-color: white; 
   padding-left: 50px;
   border-top: 1px solid #e2e2e2;    
   margin-left: 0px;
}

/* ==============================================
   04 Aktive Menüpunkte hervorheben (roter Punkt, aktiviert) 
   ============================================== */
#startseite #navi01 strong,
#aktuelles #navi02 strong, 

#aangebote #navi0201 strong,
#astellen #navi0202 strong,
#averanstaltungen #navi0203 strong,

#filialen #navi03 strong,
#ldachau #navi0301 strong, 
#lstarnberg #navi0302 strong,
#lveranstaltungen #navi0303 strong,
#ueberuns #navi04 strong,
#umaria #navi0401 strong,
#uzahlen #navi0402 strong,
#ukonzept #navi0403 strong,
#service #navi05 strong,
#links #navi08 strong,
#sinfo #navi0501 strong,
#sbiomarkt #navi0502 strong,

#kontakt #navi06 strong,
#kosmetik #navi07 strong {
   background: white url(../images/bullet_red.gif) no-repeat left 50%;
   color: black; 
   border-bottom: none;   
} 



/* ==============================================
   Hauptmenüpunkt auch hervorheben (je 201 Punkte)
   ============================================== */
#aangebote #navi02 a, 
#astellen #navi02 a,
#averanstaltungen #navi02 a,
#ldachau #navi03 a,
#lstarnberg #navi03 a, 
#lveranstaltungen #navi03 a,
#umaria #navi04 a,
#uzahlen #navi04 a,
#ukonzept #navi04 a,
#sinfo #navi05 a,
#sbiomarkt #navi05 a

{  
   background-color: white; 
   color: black; 
}

/* ==============================================
   05 Patches für IE5.x und 6
   ============================================== */
/* IE 5.x und 6: hasLayout für Hyperlinks */ 
* html #navibereich ul, 
* html #navibereich a, 
* html #navibereich strong {
   height: 1%;  /* oder 1px oder irgendeinen anderen Wert */ 
}
/* Für IE 5.x (für IE 6 stört es nicht) */
* html #navibereich li {
   float: left; 
   width: 100%; 
}

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

/* ==================================
   ENDE navi_vertikal02.css 
   =============================== */