@charset "UTF-8";

/* @override 
	http://stage.musikschule-suedschwarzwald.de/tl_files/musikschule/system/css/menumatic2.css
	http://www.musikschule-suedschwarzwald.de/tl_files/musikschule/system/css/menumatic2.css
*/

#navi-mm #level_1 a, #subMenusContainer a{
	text-decoration:none;
	float: left;
	width: 140px;

}


#subMenusContainer div.smOW ul.unternavi li a.subMenuBtn {
	margin: 0 5px;
}



#subMenusContainer li span, #subMenusContainer a, #navi-mm #level_1 li li a{
	text-align:left;
	font-size: 12px;

line-height: 12px;
	margin: 0;
		color: #5b5b5b;

	
		
}


#navi-mm #level_1 a:hover, #navi-mm #level_1 a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #navi-mm #level_1 a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused,
#subMenusContainer li span:hover{
	
	color: #fff;
	
}




#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#navi-mm .unternavi a:hover{
	color: #fff}

.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 		 
	padding:0 2px;
	margin:-10px 0 0 -3px;

	
	

}
#navi-mm #level_1, #navi-mm #level_1 ul, #navi-mm #level_1 ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}
#navi-mm #level_1 ol, #navi-mm #level_1 ul, #subMenusContainer ul, #subMenusContainer ol {	
		 
	float:left;

	
}



#navi-mm #level_1 li { 
	/*great place to use a background image as a divider*/
	
	list-style:none;
	font-size: 11px;
	padding: 10px 0 5px;
	margin: 0px;
	float: left;
	text-transform: uppercase;
	float:left;
	

}

.unternavi li a{
	

text-decoration: none;
color: #3f3f3f;
float:left;
width: 133px;
margin:0 5px 0 5px;
	font: 12px/15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}


.unternavi li a:hover{
	color: #fff;
	background: url(../images/navi-hover.gif) no-repeat 0 0;
}






.unternavi{
	background-color: #e7eaef;
	width: 150px;
	padding: 20px 0 5px 0px;
	margin:0;
	float: left;
		-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #b2c8e0;

	

}

#subMenusContainer div.smOW ul.unternavi li.first {
	margin-top: 5px;
}

#subMenusContainer div.smOW ul.unternavi li.last a.last.subMenuBtn {
margin-bottom: 5px;
	
}

.unternavi li,
li.active.submenu
{
	padding: 0px;	
	margin: 0;
	height: auto;
	float: left;
	width: auto;
	

	list-style-type: none;
}




#subMenusContainer{	display:block; 	position:absolute;	top:10px;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000;

 }
#navi-mm #level_1 li li{	float:none;

	
	}

#navi-mm #level_1 li li a{ 	
	float:left;
}

#navi-mm li ul { 
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}
#navi-mm #level_1 li ul ul { margin: -1em 0 0 -1000em; }
#navi-mm #level_1 li:hover ul ul {	margin-left: -1000em; }
#navi-mm #level_1 li:hover ul{	margin-left: 0; }
#navi-mm #level_1 li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}
#navi-mm #level_1 li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#navi-mm #level_1 li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#navi-mm #level_1 li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#navi-mm #level_1 li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#navi-mm #level_1 li:hover a:focus{ margin-left: 0; }
#navi-mm #level_1 li li:hover a:focus + ul { margin-left: 10em; }

/* @group Hauptnavi-Grafiken */


#navi-mm #level_1 li a {
	width: 100%;
	height: 25px;
	line-height: 18px;
	
}

#subMenusContainer div.smOW ul.unternavi li a.subMenuBtn span

	
 {
	
	float: left;
	width: 100%;

	padding: 7px 0 7px 7px;
	
	}
	
	#subMenusContainer div.smOW ul.unternavi li a.subMenuBtn span:hover {
	
color: #fff;
	
}


#navi-mm #level_1 li a span {
	position: absolute;
	left: -2000px;
	color: #fff;
	
	
}

#subMenusContainer div.smOW ul.unternavi li.submenu.trail a.submenu.trail.subParentBtn.subMenuParentBtnFocused span:hover {
	color: #fff;
}

#level_1 li.active a.active {
	visibility: hidden;
	
}

#subMenusContainer div.smOW ul.unternavi li.active a.active.subMenuBtn,
a.active.submenu.subParentBtn.subMenuParentBtn,
a.active.submenu.subParentBtn.subMenuParentBtnFocused  {
	margin: 0;

	padding: 7px 10px 7px 10px;
	
}


#navi-mm #level_1 li.submenu.ueber-uns {
	background: url(../images/hauptnavi/ueber-uns.gif) no-repeat 0;
	width: 90px;
}



#navi-mm #level_1 li.submenu.die-ensembles {
	background: url(../images/hauptnavi/die-ensembles.gif) no-repeat 0;

	width: 130px;
}



#navi-mm #level_1 li.submenu.unterricht {
	background: url(../images/hauptnavi/unterricht.gif) no-repeat 0;

	width: 110px;
}



#navi-mm #level_1 li.partner {
	background: url(../images/hauptnavi/partner.gif) no-repeat 0;

	width: 80px;
}


#navi-mm #level_1 li.veranstaltungen {
	background: url(../images/hauptnavi/veranstaltungen.gif) no-repeat 0;

	width: 135px;
}



#navi-mm #level_1 li:hover {
opacity: 0.5;
filter:alpha(opacity=50);

}


/* @end */





/* @group Subnavi */
#navi1{
	margin: 12px 0 0 55px;
	float: left;
	padding: 11px 0 0 0px;
}





#navi1 ul{
	padding: 0;
	float: left;
	margin: 0;
}

#navi1 li{
	float: left;
	height: 25px;
	list-style-type: none;
	padding: 0 10px 0;
	


	background-position: 10px 0;
}
#navi1 li:hover{
	opacity: 0.5;
	filter:alpha(opacity=50);
	cursor: pointer;
}

#navi1 ul li a,
#navi1 ul li span{
		height: 25px;
	padding-right: 10px;
	display: inline-table;
	width: 100%;
	float: left;
	line-height: 25px;
	margin-left: -10px;
		list-style-image: url(../images/subnavi/trennstrich.gif);
	background-repeat: repeat-x;
}



#navi1 ul.level_1 li a span,
#navi1 ul.level_1 li  span {
position: absolute;
width: 90px;
left: -2000px;
	
	
}

#navi1 li.startseite span.startseite{
 
	
	height: 25px;
	width: 100%;
	
}

#navi1 .level_1 li.startseite {
	background: url(../images/subnavi/startseite.gif) no-repeat 0;
	
	width: 70px;
	list-style-type: none;
	list-style-image: none;
}


#navi1 .level_1 li.anmeldung {
	background: url(../images/subnavi/anmeldung.gif) no-repeat 0;

	width: 73px;
}
#navi1 .level_1 li.intern {
	background: url(../images/subnavi/intern.gif) no-repeat 0;

	width: 43px;
}
#navi1 .level_1 li.feedback {
	background: url(../images/subnavi/feedback.gif) no-repeat 0;

	width: 65px;
}
#navi1 .level_1 li.kontakt {
	background: url(../images/subnavi/kontakt.gif) no-repeat 0;

	width: 70px;
}

#navi1 .level_1 li.preise {
	background: url(../images/subnavi/preise.gif) no-repeat 0;

	width: 40px;
}


/* @end */
#subMenusContainer div.smOW ul.unternavi li.submenu.trail a.submenu.trail.subMenuParentBtn.subParentBtn, #subMenusContainer div.smOW ul.unternavi li.submenu.trail a.submenu.trail.subParentBtn.subMenuParentBtnFocused
 {
	padding: 7px 7px 7px 12px;
	color: #fff;
	
}