/* changelog:
2007-01-15 Bodo Eichstädt  Alle Dateipfade von absolut auf relativ umgestellt
*/

div.M1-positioner-1 {position:absolute; top:200px; left:0px; z-index:1001;}
div.M1-positioner-2 {position:absolute; top:0px; left:0px; z-index:1002;}
div.M1-positioner-3 {width:163px; z-index:1003;}

ul#menu, #menu ul {
	float:left;
	list-style:none;
	margin:0px; padding:0px;
	height:18px; width:163px;
	font-size:0.85em; line-height:1.2em; 
}
ul#menu ul {
	position:absolute;
	left:-999em;
	height:auto;
}
ul#menu li {
	/*float:left;*/ /* use for a horizontal first level */
	padding:0px;
	/*height:18px;*/ height:auto; /* auto for multi line in Mozilla */
}
ul#menu a {display:block; font-weight: normal;}



	/* 1. level -------------------------------------------------------------------------------------------------------*/ 
	ul#menu {
		border-top:none;
	}
	ul#menu li {
		width:163px;
		border:none;
		border-bottom: 1px solid #6e93d7;
		background-color:#6e93d7;

		margin-left:-16px; /* For the stupid browsers */

		/* For all other Browser */
		voice-family: "\"}\"";
		voice-family: inherit;
		margin-left:0; /* Set back for the good browsers */
	}
	ul#menu li.first {border-top:1px solid #6e93d7;}
	ul#menu a {
		padding-top:3px; padding-right:12px; padding-bottom:3px; padding-left:7px;
		text-decoration:none; color:white;
	}
	ul#menu a.act {background-color:#0a57d0; background:url(/schulportraets/fileadmin/template/images/PfeilMenu.gif) no-repeat; 
		background-position:bottom right;}
	ul#menu a.sub {background:url(/schulportraets/fileadmin/template/images/PfeilMenu.gif) no-repeat; 
		background-position:bottom right;
	}


	/* 2. level -------------------------------------------------------------------------------------------------------*/ 
	ul#menu ul {
		margin:-1.8em 0px 0px 163px; /* Move second level - hide for horizontal first level */
		width:160px;
		border-top:none; 
		border-left:1px solid #0a57d0;
		background-color:#6e93d7;
		font-size:1.0em; 
	}
	ul#menu li li {
		width:160px;
		border:none;
		border-right: 1px solid #0a57d0;
		border-bottom: 1px solid #0a57d0;
		background-color:#6e93d7;
	}
	ul#menu li li.first {border-top: 1px solid #0a57d0;}
	ul#menu ul li a {
		padding-top:3px; padding-right:7px; padding-bottom:3px; padding-left:7px;
		width:146px; /* width only for the dynamic levels */
		text-decoration:none; color:white;
	}
	ul#menu ul a.act {background-color:#0a57d0;}
	ul#menu ul a.sub {background:url(/schulportraets/fileadmin/template/images/PfeilMenu.gif) no-repeat; background-position:147px 6px;}

	/* sfhover is used for IE 6.0 */
	ul#menu li:hover, 
	ul#menu li.sfhover,
	ul#menu li.act {
		background-color:#0a57d0 !important;
	}



	/* 3. level -------------------------------------------------------------------------------------------------------*/ 
	ul#menu ul ul {
		margin:-1.9em 0px 0px 160px;
		width: 160px;
		border-top:none;
		border-left: 1px solid #0a57d0;
	}
	ul#menu li li li {
		width:160px;
		border:none;
		border-right: 1px solid #0a57d0;
		border-bottom: 1px solid #0a57d0;
		background-color:#6e93d7;
	}
	ul#menu li li li.first {border-top: 1px solid #0a57d0;}
	ul#menu ul li ul li a {
		padding-top:3px; padding-right:7px; padding-bottom:3px; padding-left:7px;
		width:146px; /* width only for the dynamic levels */
		text-decoration:none; color:white;
	}
	ul#menu ul ul a.act {background-color:#0a57d0;}
	ul#menu ul ul a.sub {background:url(/schulportraets/fileadmin/template/images/PfeilMenu.gif) no-repeat; background-position:147px 6px;}

	/* sfhover is used for IE 6.0 */
	ul#menu li li:hover, 
	ul#menu li li.sfhover {
		width:160px;
		background-color:#0a57d0 !important;
	}

/* ========================================================================= */

/* sfhover is used for IE 6.0 */

ul#menu li:hover ul ul, 
ul#menu li:hover ul ul ul, 
ul#menu li.sfhover ul ul, 
ul#menu li.sfhover ul ul ul {
	left:-999em;
}
 
ul#menu li:hover ul, 
ul#menu li li:hover ul, 
ul#menu li li li:hover ul, 
ul#menu li.sfhover ul, 
ul#menu li li.sfhover ul, 
ul#menu li li li.sfhover ul {
	left:auto;
}
