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

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

#nav {}
#nav li {}
#nav li a,
#nav li span {color: #FFF; text-decoration: none;  text-transform: uppercase; white-space: nowrap;
}
#nav li span {color: #fbad34;}
#nav li a:hover {color: #fbad34;}
#nav li a.trail {color: #fbad34;}
#nav li.active > a { color: #fbad34; }

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

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

/*     --links
------------------------------------------------- */
#subMenusContainer a {padding: 0; display: inline-block; font: 1.2em/1.2em "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #fff; white-space: nowrap; padding: 0 5px}

/*     --ul ebene 2
------------------------------------------------- */
#subMenusContainer ul.level_2 {	 
font: 1.2em/1.4em "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
list-style-type: none;
}

/*     --ul ebene 3
------------------------------------------------- */
#subMenusContainer ul.level_3 {

}

/*     --hover || focus
------------------------------------------------- */
#subMenusContainer a:hover, #subMenusContainer a:focus, #nav li ul li a:hover, nav li ul li a:focus {color: #fbad34; background-color: rgba(255,254,255,0.3);}

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

/*     --icons wenn unterpunkte vorhanden ist
------------------------------------------------- */
/*.mainMenuParentBtn {background: url(http://www.iris-analytics.com/tl_files/img/arrow-down.png) 95% center no-repeat;}
.mainMenuParentBtnFocused {background: url(http://www.iris-analytics.com/tl_files/img/arrow-down-hover.png) 95% center no-repeat;}
.subMenuParentBtn {background: url(http://www.iris-analytics.com/tl_files/img/arrow-right.png) 95% center no-repeat;}
.subMenuParentBtnFocused {background: url(http://www.iris-analytics.com/tl_files/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: 3px 0; 	
font: 1.2em/1.4em "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
color: #fff; position: relative;}

/*     --aktiver menuepunkt
------------------------------------------------- */
#nav li li.active a {background-color: rgba(255,254,255,0.3);}

/*     --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; /* muss an breite der MenŸpunkte angepasst werden */
	margin-top:-2.5em;
}