/* Menu:Dropdown  */


/* menu structure */
.nav
{
	position: absolute;
	top:134px;
	height: 19px;
	width:875px;
	z-index: 100;
	padding-left:15px;
	
}
/* end Menu */
ul.menu, ul.menu ul {
   	list-style-type: none;
 	padding:0;
 	margin:0;
	z-index: 5;

}

ul.menu a.main {
 display: block;
 width: 145px;
 height: 15px;
 padding: 3px 0px 3px 0px;
 margin:0;
 font-weight: bold;
 background: url(images/button_no.png) no-repeat;
 text-align:center;
 font-size:12px;
 color:#ffffff;
}

ul.menu a.main:hover, a.mainactive:hover
{
 background: url(images/button_ro.png) no-repeat;
 color:#5B134F;
}

ul.menu a.mainactive
{
 display: block;
 width: 145px;
 height: 15px;
 padding: 3px 0px 3px 0px;
 margin: 0;
 font-weight: bold;
 text-align:center;
 font-size: 12px;
background: url(images/button_act.png) no-repeat;
 color:#5B134F;
}

/*Blocks als Links*/
ul.menu a {  
    display: block;
    padding: 3px 10px 3px 10px;
}

ul.menu li {
 padding: 0;
 margin: 0;
 float: left;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li {
	 float:none;
	 padding: 3px;
	 text-align:left;
	 min-height:12px;
	
}


/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
 background-color: #BDDCEE;


}	



/* Zweite Ebene */
ul.menu ul {
 margin:0;
 padding: 0;
 position: absolute;
 background-color: #E3F0F8;
 /*background-image: url(images/bggrey.gif);*/
 display: none;
 font-size:12px;
 color: #ffffff;

 
}
ul.menu ul a {
	padding:  1px 3px 1px 6px;
	color:#5B134F;

}

ul.menu ul li {
 color:#000000;
 border-top:1px  solid #ffffff;
}

ul.menu ul li:hover {
 min-width: 130px;
 color:#5B134F;
}

ul.menu ul a:hover {
padding: 1px 3px 1px 6px;
 color:#5B134F;

}

/* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
 display: block;
 width:140px;
}


/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
 display: none;
 margin-left: 135px; /* Breite eines Listenelements - Überlagerung */
 margin-top: -19.5px; /* 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;
}

