#navibereich, #navibereich ul, #navibereich li { margin:0; border:0; padding:0; }

#NaviText, #colOver, #colOut,
#navibereich,
#navibereich li:hover ul,
#navibereich ul.ebene02 li a { background-color: #FFCC66; }
#navibereich ul.ebene03 li a { background-color: #CCCCCC; }
#navibereich ul.ebene04 li a { background-color: #99FFCC; }

#navibereich ul li ul li ul li:last-child  { right:222px; left:auto; }
 
#navibereich a:visited, #navibereich a:link, #navibereich a:hover { color:blue; font-weight: bold; }

#navibereich li li a:hover   { color:green; background-color:#CCCCCC; }
#navibereich li li a:visited { border-left:10px solid silver }
#navibereich li li a:link    { border-left:10px solid white  }
#navibereich li li a:active  { border-left:10px solid red  }       /* aktuell geladen - klappt nicht (mehr) */


#navibereich li li li    a:link    { border-left:10px solid #CCCCCC  }
#navibereich li li li li a:link    { border-left:10px solid #99FFCC  }

#navibereich       { vertical-align:middle; line-height:34px; overflow: hidden; }

#navibereich li    { float: left; width: auto; list-style: none; }  /* Ebene 1 */
#navibereich li li { clear: both; }                                 /* Ebene 2 */

#navibereich a     { display: block; }                              /* Hyperlinks Ebene 1 */

#NaviBild  { vertical-align:middle; line-height:32px; }             /* line-height wird ignoriert ?! */
#NaviText  { font-size: 10px; color:blue; font-style:italic; }
#NaviFolge { font-size: 16px; color:blue; font-style:italic; font-weight:bold}
#NaviKomm  { font-size: 16px; color:blue; font-style:normal; font-weight:bold}

#navibereich li ul               /* Ebene 2 weg */
 {
   position: absolute;
   left: -9999px;
   top: -9999px;
   display: inline;
   width: 0;
   height: 0; 
   background-color: transparent;
   z-index:2;                     /* <--------------------- */
}
#navibereich li:hover ul,         /* Ebene 2 her */
#navibereich li.sfhover ul {
   left: auto; 
   top: auto;
   display: block;
   width: auto; 
   height: auto; 
}

#navibereich ul li:hover ul ul    /* Ebene 3 weg */
{
 display: none;
}

#navibereich ul ul li:hover ul /* Ebene 3 her */
{
 position: absolute;
 left: 55px; 
 display: block;
 width: auto; 
}

#navibereich ul ul li:hover ul ul    /* Ebene 4 weg */
{
 display: none;
}

#navibereich ul ul ul li:hover ul  /* Ebene 4 her */
{
 position: absolute;
 left: 55px; 
 display: block;
 width: auto; 
}

#navibereich li li a { width: 250px; text-align:left; }             /* Breite Ebene 2 */

#NaviText, #colOver, #colOut { vertical-align:middle; line-height:16px; font-weight:bold; } /* Spielereien mit den Jahreszahlen */
#colOver { font-size: 16px; color: red;   }
#colOut  { font-size: 16px; color: black; }