/* ===================================
Stylesheet für horizontale Navigation mit 2 Ebenen (mit IE-Patches) 
Datei: navi_vertikal02.css 
=================================== */

@media screen 
{ 

/* ==============================================
   01 div#navibereich
   width => margin-left von 14em #textbereich
   ============================================== */   
#main_area 
{   
  margin-left: 11em;  
}

#navi2_area_kag 
{
  float: left; 
  width: 11em; /* war 9em */
  padding: 20px 0 0 10px;
  font-size: 1.3em;
}

/* ==============================================
   02 Liste in Ebene 1
   ============================================== */
#navi2_area_kag ul 
{
   font-size: 90%;
   margin-top: 20px;
   border-bottom: 2px solid #FF3300;     
}
#navi2_area_kag li 
{
   position: relative;
   list-style-type: none; 
   margin: 0;   
}

/* ==============================================
   Liste in Ebene 2 
   ============================================== */
#navi2_area_kag li ul 
{ 
   border-top: none; 
   border-bottom:none; 
   margin: 0; 
}
/* ==============================================
   Liste in Ebene 2 verstecken
   ============================================== */
#navi2_area_kag li ul 
{ 
   position: absolute;
   top: -9999px;
   left: -9999px; 
   display: none;
   width: 0;
   height:0;
   border-bottom: 1px solid transparent; 
   background-color: transparent;  
}
/* ==============================================
   Liste in Ebene 2 sichtbar machen
   ============================================== */
#navi2_area_kag li:hover ul,
#navi2_area_kag li:active ul
{ 
   top: 0;
   left: 10em;
   display: block;
   width: 15em;
   height:auto;
   z-index:15;
}

#navi2_area_kag li li 
{
   padding: 0; 
   margin: 0; 
}

/* ==============================================
   03 Gestaltung der Navigation: Hyperlinks  
   ============================================== */
#navi2_area_kag a
{
   display: block; 
   font-weight: normal; 
   text-decoration: none; 
   background-color: #FF6633; 
   color: black; 
   padding: 4px; 
   padding-left: 12px; 
   border-top: 2px solid #FF3300;
   border-left: 2px solid #FF3300;
   border-right: 2px solid #FF3300;    
}
/* Hover und Focus */
#wrapper #navi2_area_kag a:hover,
#wrapper #navi2_area_kag a:focus 
{  
   background-color: #FF9966; 
   color: black; 
   border-top: 2px solid #FF3300; 

}

/* ==============================================
   Hyperlinks in Ebene 2
   ============================================== */
#navi2_area_kag li li a
{
   background-color: #e2bd08;
   background-color: #cc5a1a; 
   background-color: #FF9966; 
   color: black;
   padding-left: 12px;
   border-top: 1px solid #AE0000;
   border-left: 1px solid #AE0000; 
   border-right: 2px solid #AE0000;     
   margin-left: 9px;
}

/* Hover und Focus */
#wrapper #navi2_area_kag li li a:hover,
#wrapper #navi2_area_kag li li a:focus 
{  

   color: black; 
   background-color: #feff5f;
   background-color: #e74916;
   border-top: 1px solid #FF3300;
   border-bottom: none; 
} 


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

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

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