/* @override http://www.grieshaber-group.com/tl_files/grieshaber/system/css/MenuMatic.css */



#navi #level_1 a, #subMenusContainer a{
	text-decoration:none;
	float: left;

}

#subMenusContainer li span, #subMenusContainer a, #navi #level_1 li li a{
	text-align:left;
	font-size: 11px;
	padding: 7px 10px;
line-height: 12px;
	margin: 0;
		color: #5b5b5b;
	width: 130px;
	border-bottom: 1px solid #ccc;
		
}


#navi #level_1 a:hover, #navi #level_1 a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #navi #level_1 a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused,
#subMenusContainer li span:hover{
	
	color: #9b9b9b;
	
}




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

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

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


	
}
#navi #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;
	

}

#navi #level_1 li.lang130 {
	width: 135px;
	float: left;
	margin: 0;

	
}

#level_1 li.lang130 a.lang130{
width: 115px;
text-align: center;
	
}



#navi #level_1 li.last a.last{ 
border-right: none;
}


#navi #level_1 li a{ 
	
	list-style:none;
	text-align: center;
	padding: 7px 10px 5px 10px;
	margin: 0px;
	height: 40px;
	color: #747474;
	border-right: 1px solid #ccc;
	font:bolder 10px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color:#555
	
}


.unternavi li a:hover{
background-color: #ccc;

}


#level_1{
	float: left;	
	list-style:none;
	margin:0;
	z-index:5;
	
	
}
.unternavi{
	background-color: #fff;
	width: 150px;

}

.unternavi li{
	height: auto;
	background-color:#fff ;
	

}
#navi #level_1 li.lang {
	text-align: center;
	width: 100px;
	float: left;
	margin: 0;
}

#level_1 li.lang a.lang {
	width: 80px;
	float: left;
	margin: 0;
}



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

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

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

#navi #level_1 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 #level_1 li ul ul { margin: -1em 0 0 -1000em; }
#navi #level_1 li:hover ul ul {	margin-left: -1000em; }
#navi #level_1 li:hover ul{	margin-left: 0; }
#navi #level_1 li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}
#navi #level_1 li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#navi #level_1 li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#navi #level_1 li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#navi #level_1 li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#navi #level_1 li:hover a:focus{ margin-left: 0; }
#navi #level_1 li li:hover a:focus + ul { margin-left: 10em; }