ul.menu, ul.menu ul {
list-style-type: none;
font-family:Arial;
font-size:16px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


ul.menu a {
display: block;
padding: 3px 5px 3px 5px;
font-weight: 100;
color:#256bc5;
text-decoration:none;
}


ul.menu a:visited { 
color:#256bc5;
font-weight: 100;
text-decoration:none;
}


ul.menu li {
padding: 0;
margin: 0;
float: left;
background-color: #ffffff;
border-right:1px solid #ffffff;
height: 21px;
}


/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
float:none;
background-color: transparent;
height: 100%;
border-bottom:1px solid #cccccc;
}


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


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


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