ul.menu, ul.menu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-family: Arial;
    font-weight:bold;
    font-size:13px;
    color: #ffffff;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    text-decoration:none;
    font-family: Arial;
    font-weight:bold;
    font-size:13px;
    color: #ffffff;
}

ul.menu li {
    padding: 0;
    margin: 0;
    float: left;
    background-color: #551D0C;
    border:1px solid #741D0E;
    height: 20px;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #551D0C;
}

/* Zweite Ebene */
ul.menu ul a {
font-size: 11px;
color: #fbedcc;
font-weight:bolder;
}


        ul.menu ul {
              margin:0;
                 padding: 0;
               position: absolute;
               background-color: #741D0E;
                border: 1px solid #ba3016;
                display: none; 
              width: 180px;
    font-family: Arial;
    font-wheight:bold;
    font-size:12px;
    color: #fbedcc;
     }

   /* Zweite Ebene anzeigen */
       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;
   }

/* 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;
   }