/* First Level */

ul.menu, ul.menu ul {
	padding:0px;
	margin:0px;
    list-style-type: none;
	padding-left:5px;
	z-index:100;
	line-height:12px;
}
ul.menu li {
    float: left;
	color:#023789;
}
ul.menu a {
	color:#023789;
    display: block;
	padding:4px 12px;
	text-decoration:none;
	font-size: 13px;
	border-right: solid 1px #023789;
}
ul.menu li a.active {
	color:#023789;
	font-weight:bold;
}
ul.menu a:hover {
	background-color:#ecd90b;
	color:#023789;
	font-weight:bold;
}

/* Fï¿½r Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
    float:none;
    background-color: transparent;
	border: solid 1px #ecd90b;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ï¿½ndern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #ecd90b;
	border: solid 1px #ecd90b;
}


/* Zweite Ebene */
ul.menu ul {
	margin:0px;
    padding: 0px;
    position: absolute;
    background-color: #ecd90b;
    display: none;
    width: 180px;
	font-size: 11px;
}
ul.menu ul a{
	padding-top:2px;
	color:#023789;
	font-weight:normal;
	font-size: 11px;
	border-right: solid 0px #ecd90b;	
}
ul.menu ul a:hover{
    background-color: #ecd90b;
}
 /* 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;
}