/* drop-down-menue || basiert auf MenuMatic http://greengeckodesign.com/menumatic */

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                Main-Menue                                                                             */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#nav {padding-left: 0px; height: 32px;}
#nav li {float: left;}
#nav li a,
#nav li span {display: block; padding-top: 8px; padding-bottom: 7px; padding-left: 15px; padding-right: 15px; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; text-transform: uppercase;}
#nav li span {color: #fff;}
#nav li a:hover {color: #0E84DB;}
#nav li a.trail {color: #0E84DB;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                Drop-Down JavaScript Version                                                           */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*     --wrapper drop-down
------------------------------------------------- */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	padding: 0 2px; /* padding wird nur benoetigt wenn ein border um #subMenusContainer ul ist */
	margin:2px 0 0 -2px;
}

/*     --links
------------------------------------------------- */
#subMenusContainer a,
#subMenusContainer span {padding: 7px 10px 7px 15px; display: block; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; text-transform: uppercase;}
#subMenusContainer a:hover {color: #0E84DB;}

/*     --ul ebene 2
------------------------------------------------- */
#subMenusContainer li {	 
	background: #333;	
	border-left:1px solid #333;
	border-bottom:1px solid #fff;
	border-right:1px solid #333;
	left:0;
/*	border-bottom-right-radius: 5px; */
/*	border-bottom-left-radius: 5px; */
/*	-moz-border-radius-bottomright: 5px; */
/*	-moz-border-radius-bottomleft: 5px; */
}

/*     --ul ebene 3
------------------------------------------------- */
/* #subMenusContainer ul.level_3 {*/
	border-top-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;

	background: #000;
}

/*     --hover || focus
------------------------------------------------- */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav li ul li a:hover, nav li ul li a:focus {color: #0E84DB;}

/*     --aktiver & trail menuepunkt
------------------------------------------------- */
#subMenusContainer li a.trail, 
#subMenusContainer li.active a {color: #f18f4e;}
#subMenusContainer {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }

/*     --icons wenn unterpunkte vorhanden ist
------------------------------------------------- */
.mainMenuParentBtn {background: url(../img/arrow-down.png) 95% center no-repeat;}
.mainMenuParentBtnFocused {background: url(../img/arrow-down-hover.png) 95% center no-repeat;}
.subMenuParentBtn {background: url(../img/arrow-right.png) 95% center no-repeat;}
.subMenuParentBtnFocused {background: url(../img/arrow-right-over.png) 95% center no-repeat;}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                              Drop-Down non-javscript fallback || wenn kein JavaScript aktiviert ist                                   */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*     --nav-container | menue wrapper hat klasse block bzw. overflow hidden - wird hiermit aufgehoben
------------------------------------------------- */
#nav-container {overflow: visible;} 

/*     --li
------------------------------------------------- */
#nav li li {float:none;}

/*     --links
------------------------------------------------- */
#nav li li a {text-transform: none; padding: 7px 15px; font-family: Arial; font-size: 10px; color: #fff; position: relative;}

/*     --aktiver menuepunkt
------------------------------------------------- */
#nav li li.active a {color: #f18f4e;}

/*     --ul ebene 2
------------------------------------------------- */
#nav li ul {
	position: absolute;
	margin-left: -1000em;
	z-index: 100000000;
	background: #000;	
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}

/*     --ul ebene 3
------------------------------------------------- */
#nav li ul.level_3 { 
	border-top-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
}

/*     --blendet submenu ebene 1 & 2 aus
------------------------------------------------- */
#nav li ul ul { margin: 0 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

/*     --blendet submenu ebene 1 bei hover ein
------------------------------------------------- */
#nav li:hover ul{	margin-left: 0; }

/*     --blendet submenu ebene 2 bei hover ein
------------------------------------------------- */
#nav li li:hover ul {	
	margin-left: 9.8em; 
	margin-top:-2.5em;
}