ul.menu, ul.menu ul {

    list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	color: #FFFFFF;
	font: normal 12px/18px verdana;

}

ul.menu a {

    display: block;
    padding: 0;
	font-weight: normal;
	color: #FFFFFF;
	margin-left: 10px;

}

ul.menu li {

    padding: 0;
    margin: 0;
    float: left;
    background-color: #808080;
    height: 20px;
	width: 101px;
	border: 1px solid #eeeeef;

}

ul.menu li:hover {

	background-color: #58585a;
}

ul.menu li .active {
	
	background-color: #FFFFFF;
	color: #d20032;
	margin: 0;
	padding: 0;
	height: 20px;
	padding-left: 10px;
	
	

}

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

ul.menu ul li {

	float: none;
	background-color: #808080;;
	width: 204px;
	padding: 0;
	margin: 0;

}

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

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

	background-color: #58585a;

}

/* Zweite Ebene */

ul.menu ul {

margin: 0px 0 0 -1px;
padding: 0;
position: absolute;
background-color: #26383D;
border: 0px solid #FFF;
border-top-width: 1px;
display: none;
width: 204px;

     }



   /* 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: 205px; /* 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;

   }