@charset "UTF-8";

* { margin: 0;  padding: 0; } 
	
/*################################################################## 
	Uebergeordnete Positionierung
################################################################## */ 

ul#Navigation {
	margin: -6px 0 0 -40px;
	padding: 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	outline:none;
	list-style:none;
	float: left;
	position: relative;
}
	

/*################################################################## 
	Ebene 1      mit icon links   level_1
################################################################## */  	
	
ul.dropdown {
	font-weight: bold;
	position: relative;         /*  fuer die darunterligeneden Container   */
	margin: 0 0 0 60px ;
	padding: 0;
}

ul.dropdown  a{ 
	color: #262626; text-decoration: none; 
}

ul.dropdown *.level_1, ul.dropdown *.level_1_aktiv { 
	float: left;
	position: relative;
	color: #262626; 
	text-decoration: none;
	  
	/* Workaround fuer das Menue ohne Hintergrundrahmen damit beim darueber rollen das Dropdown nicht verschwindet  */
	
	background:none;
	height:28px; 
	
	margin: 0 0 0 60px  ;  /*Abstaende der Icons wird oben durch margin wieder nach links gerutscht */  
	padding: 7px 0 0 12px;   /* RE Positionierung der Icons  */
	 
	background-image: url(../_images/klein_material/TLN_Icon_.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

ul.dropdown li a.aktiv { 
	color: #ef8000;
	text-decoration: none;
}

/*################################################################## 
	Ebene 2     ul 
################################################################## */  

ul.dropdown ul {
	 visibility: hidden;    /* blendet alle Unterpunkte aus */
	 position: absolute;

	 top: 34px;     /* wo sitzt die Ebene 2 unterhalb? */
	 
	 left: 0; 
	 width: 180px;
	 height:16px;
}

ul.dropdown ul ul {
	 top: 0;
	 left:  181px;   /* wo sitzt die Ebene 3 rechts */
}

ul.dropdown li:hover > ul {
	 visibility: visible;    /* blendet alle Unterpunkte ein */
}

/*################################################################## 
	Rollover Effekt Ebene2 und 3   
################################################################## */  	

ul.dropdown ul li a { 
	color: #999999; text-decoration: none; line-height:12px; 
}

ul.dropdown a:hover { 
	color: #EF8000;  text-decoration: none;  
}

ul.dropdown a:active { 
	color: #EF8000;  text-decoration: none;  
}

/*################################################################## 
	Liste ansicht als BOX allgemein für Ebene 2 und 3   
################################################################## */  

ul.dropdown li ul li {
	line-height:12px;
	font-size:11px;
	color:#999999;
	display: block;
	padding: 6px 1em;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #DDDDDD;
	background-color: #EEEEEE;
	outline:none;
	/**/
	filter:alpha(opacity=97);
	-moz-opacity:0.97;
	-khtml-opacity: 0.97;
	opacity: 0.97;
}