ul.menu, ul.menu ul {
list-style-type: none;
font-family:Verdana;
padding: 0;
margin: 0;
}

ul.menu a {
color:white;
display: block;
padding: 9px 16px 9px 16px;
text-decoration:none;
}

ul.menu li {
padding: 0;
margin: 0;
float: left;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
border-left:0;
height: 95%;
background-color:#d29808;
}

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

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

/* Zweite Ebene */
ul.menu ul {
margin-left:-1px;
padding: 0;
position: absolute;
background-color: #a0a0a0;
border-left:1px solid #FFFFFF;
border-right:0;
border-bottom:0;
border-top:0;
display: none;
width: 165px;
}

/* 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: 179px; /* Breite eines Listenelements - Überlagerung */
margin-top: -22px; /* 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;
}