ul.menu, ul.menu ul {

    list-style-type: none;
margin:5px;
}



ul.menu a {

    display: block;

    padding: 0px 10px 0px 20px;

    font-weight: bold;
text-decoration:none;
color:#FFF;
font-size:12px;
}



ul.menu ul li a {

    display: block;

    padding: 0px 10px 0px 20px;

    font-weight: bold;
text-decoration:none;
color:#000;
font-size:12px;
}


ul.menu li {

    padding: 0;

    margin: 0;

    float: left;
    height: 20px;
    z-index:999999;

}



/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {

    float:none;

    background-color: #fff;
    border-left:1px solid #000;
  border-right:1px solid #000;
  border-bottom:1px solid #000;
}



/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */

ul.menu ul li.hover, ul.menu ul li:hover {

    background-color: #ffffff;

}



/* Zweite Ebene */

        ul.menu ul {

              margin:0;

                 padding: 0;

               position: absolute;

               background-color: #ffffff;

                border: 1px solid #000;

                display: none;

                    width: 190px;
                    z-index:99999;

     }



   /* Zweite Ebene anzeigen */

       ul.menu li.hover ul, ul.menu li:hover ul  {

               display: block;
               z-index:9999;

   }



/* Dritte Ebene */

   ul.menu li.hover ul ul, ul.menu li:hover ul ul {

                  display: none;

                    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */

              margin-top: -20px; /* Höhe eines Listenelements */

        }



   /* Dritte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {

                display: block;

   }





/* Vierte Ebene */

     ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {

                  display: none;

    }



   /* Vierte Ebene anzeigen */

       ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {

               display: block;

   }