/*############## navi vertikal #################################################################################*/
ul#Navi, ul#Navi ul {
list-style-type: none;
font-size: 10pt;
   font-family: Arial, Verdana, Helvetica, Tahoma,Courier;
    font-style: italic;
   font-weight: normal;

}

 ul#Navi  :hover{
color:  #ffcc00;
 }
ul#Navi a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight: normal;
}
ul#Navi li {
    padding: 10px;
    margin: 0px 0px 0px -40px;
    height: 25px;
}
/* Fuer Unterpunkte keine Float-Eigenschaft */
ul#Navi ul li {
    float:none;
    background-color:transparent;
}
/* Links auf Unterpunkten sollen die Hintergrundfarbe ndern */

ul#Navi ul li.hover, ul#Navi ul li:hover {
    background-color: #9f1515;
}
/* Zweite Ebene */

        ul#Navi ul {
               margin:-38px 50px 10px 200px;   /* locatuion*/
               padding: 0px 0px 0px 40px;
               position: absolute;

               filter:alpha(opacity=80);
               -moz-opacity:0.8;
               -khtml-opacity: 0.8;
               opacity: 0.8;
               background-color: #f6f6f6;
               display: none;
               width: 180px;
}



/* Zweite Ebene anzeigen */
       ul#Navi li.hover ul, ul#Navi li:hover ul  {

                    display: block;
}
  *:first-child+html ul#Navi li.hover ul ,  ul#Navi li:hover ul{
                    display:block;
                    margin:-35px 50px 10px 200px;
  }
/* Dritte Ebene */

   ul#Navi li.hover ul ul, ul#Navi li:hover ul ul {

                   display: none ;
                   margin:-36px 0px 0px 210px;
}

/* Dritte Ebene anzeigen */

       ul#Navi li.hover ul li.hover ul, ul#Navi li:hover ul li:hover ul {
       
                           display:block;
}
      *:first-child+html ul#Navi li.hover ul li.hover ul , ul#Navi li:hover ul li:hover ul  {  /* Korrektur fuer den IE 7 */
                           display:block;
                           margin:-35px 0px 0px 210px;
                           padding: 0px 0px 0px 40px;


 }


/* Vierte Ebene */

     ul#Navi li.hover ul li.hover ul ul, ul#Navi li:hover ul li:hover ul ul {

                   display: none;
                   margin:-42px 0px 0px 210px;
    }
    
/* Vierte Ebene anzeigen */

       ul#Navi li.hover ul li.hover ul li.hover ul , ul#Navi li:hover ul li:hover ul li:hover ul {

               display: block;


   }

    *:first-child+html  ul#Navi li.hover ul li.hover ul li.hover ul , *:first-child+html ul#Navi li:hover ul li:hover ul li:hover ul{

                           display:block;
                           margin:-10px 0px 0px 56px;


 }