/**********************************************/
/*** CSS-Zeug nur für das CSS Dropdown Menü ***/
/**********************************************/

div#menu {
	background-color:darkBlue;
	height:4.43em;
	position:static;
	margin-left:-0.25em;
	margin-right:0.25em;
	margin-top:0;
	margin-bottom:0;
	text-align:center;
	}
	
div#menu div#menu_bg {
	position:absolute;
	left:0;
	right:0;
	background-color:darkBlue;
	height:4.43em;
	min-width:92em;
	z-index:2;
	}
	
	
/* Für alle gild: (border-style aktiviert) */
div#menu ul.mainlevel {
	border-width:0.2em;
	border-color:Gray;
	}
	
div#menu ul.mainlevel ul, div#menu ul.mainlevel li, div#menu ul.mainlevel div {
	border-width:0.2em;
	border-color:Gray;
	}
	

	

/*** 1. Menü Ebene! ***/


div#menu ul.mainlevel {
	display: block;
	width:100%;
	border-style:none solid;
	padding: 0;
	margin: 0;
	list-style:none;
	height:4.43em;
	position:relative;
	z-index:3;
	border-width:0.31em;
	}
	

div#menu ul.mainlevel > li {
	float: left;
	min-width:4.17em;
	height:4.43em;
	display: block;
	position:relative;
	padding:0;
	margin:0;
	z-index:4;
}
div#menu ul.mainlevel > li:first-child {
	border-left-style:none;
}

div#menu ul.mainlevel > li > div {
	/*display:table-cell;*/
	/*vertical-align:middle;*/
	height:3.1em;
	margin:0.67em 0;
	border-left-style:solid;
}

div#menu ul.mainlevel > li:first-child > div {
	border-left-style:none;
}

div#menu ul.mainlevel > li > div > div {
	display:table-cell;
	vertical-align:middle;
	height:3.1em;
}
/*center-container für a î */
div#menu ul.mainlevel > li > div > div > a {
	display: block;
	max-width:16.0em;
	min-width:4.17em;
	font-size:1.1em;
	line-height:1.3em;
	padding:0 1.25em;
	font-weight:bold !important;	
}

/* Hier noch die hervorhebung des Aktuellen Menu-Items machen */
/*
div#menu a.mainlevel_active, div#menu a.mainlevel_current {
	color:darkBlue;
	}

div#menu li.active_menu > div > div {
	background-color:orange;
}

div#menu li.active_menu > div > div >a {
	color:darkBlue;
}*/

div#menu li > div > div >a {
	color:orange
}


/* 2-Ebene und folgende (alles): */
div#menu ul.mainlevel > li ul {
	display: block;
	list-style: none;
	background-color:darkBlue;
	border-style:solid;
}

div#menu ul.mainlevel > li > ul {
	-moz-opacity:0.85;
	/*filter:alpha(opacity=85);*/
	opacity:0.85;
}

div#menu ul.mainlevel > li  ul > li {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	display: block;
	background-color:inherit;	
}


div#menu  ul.mainlevel ul a{	
	display: block;
	font-size:1.1em;
	line-height:1.14em;
	padding:0.36em;
	
}


div#menu ul.mainlevel > li  ul > li:first-child {
	
	/*margin-top:3px;*/
}

div#menu ul.mainlevel > li  ul > li > div {
	border-top-style:solid;
	text-align:left;
	margin:0 1.67em;
	padding:0.58em 0;
}

div#menu ul.mainlevel > li  ul > li:first-child > div {
	border-top-style:none;
	}
		
/* 3. Ebene und folgende ;-)  */ 
div#menu ul.mainlevel > li ul  ul > li:first-child > div {
	margin-top:0.2em; /* Ausgleich Rahmen! */
	}
	

/* NUR 2-Ebene (alles): */
div#menu ul.mainlevel > li > ul {
	min-width:100%;
	/*position:relative;*/
	z-index:101;
	margin:0;
	padding:0;
	margin-left:-0.1em;
	top:100%;
	position:absolute;
	display: block;	
}

/* 3-Ebene u folgende (alles): */
div#menu ul.mainlevel > li > ul ul {
	padding:0;
	margin:0;
	margin-left:100%;
	z-index:102;
	/*margin-left:100%;*/
	/*margin-top:-100%;*/
	/*position:absolute;*/
	position:absolute;
	display: block;

}



/* Sichtbarkeit und Unsichtbarkeit*/
/* test: permanent sichtbar: */

/*
div#menu ul.mainlevel li ul {
	display: block;
	left: auto;
}


div#menu ul.mainlevel li ul, ul.mainlevel li li ul {
	left: auto;
	display: block;
}

*/

div#menu ul.mainlevel li ul {
	left: -999em;
	display: block;
}

div#menu ul.mainlevel li:hover ul {
	display: block;
	left: auto;
}

div#menu ul.mainlevel li:sfhover ul  {
	left: auto;
	display: block;
}

div#menu ul.mainlevel li:hover ul ul {
	left: -999em;
	display: block;
}

div#menu ul.mainlevel li.sfhover ul ul {
	left: -999em;
	display: block;
}

div#menu ul.mainlevel li:hover ul, div#menu ul.mainlevel li li:hover ul {
	left: auto;
	display: block;
}

div#menu ul.mainlevel li.sfhover ul, div#menu ul.mainlevel li li.sfhover ul {
	left: auto;
	display: block;
}