/* ===================================
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: #FCDAE6; 
   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: #BD6A87; 
   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) 
   ============================================== */

#kosmetik #navi07 strong ,
#kdachau #navi0701 strong,
#kstarnberg #navi0702 strong,
#kveranstaltungen #navi0703 strong,
#kbehandlungen #navi0704 strong
{
   background: white url(../images_k/bullet_red.gif) no-repeat left 50%;
   color: black; 
   border-bottom: none;   
} 

/* ==============================================
   Aktive Menüpunkte hervorheben (grauer Hintergrund, auskommentiert) 
   ============================================== */
/*#startseite #navi01 strong,
#seite02 #navi02 strong, 
#seite0201 #navi0201 strong,
#seite03 #navi03 strong,
#seite0302 #navi0302 strong, 
#kontaktseite #navi04 strong {
   background: #8c8c8c; 
   color: white; 
   border-bottom: none;
}*/

/* ==============================================
   Hauptmenüpunkt auch hervorheben (je 201 Punkte)
   ============================================== */
#seite0201 #navi02 a, 
#seite0302 #navi03 a,
#kdachau #navi07 a,
#kveranstaltungen #navi07 a,
#kbehandlungen #navi07 a,
#kstarnberg #navi07 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 
   =============================== */