@media screen
{	
	#nav 
	{
		color: black;
		/*background-color: #e3e3e3;*/ 
		padding: 10px 0 58px 140px; 
		/*margin: 10px 0 29px 140px;*/
		margin: 10px 0 0 0;
		display:block;
		background: transparent url(images/navi_bgr.png) repeat-x;
		z-index: 10;
		position: relative;
	}
	/* Sternchen Hack für IE6 & Co. */ 
	* html #nav {height: 1%; } 
	
	#nav UL#ebene01 {
		float: left;		
	}
	/* ================================
	   Suchformular gestalten 
	   ======================= */

	/* =================================
	   02 Die ungeordnete Liste in Ebene 1 gestalten 
	   =============================== */
	#nav ul 
	{ 
		margin-left: 0; 
		margin-right: 0; 
	}
	
	#nav ul.ebene01 li a
	{
		padding-bottom:10px;
	}
	
	ul.ebene01
	{
		margin: 0;
	}
	
	#nav li 
	{
		float: left; 
		width: auto; 
		list-style: none;
		margin: 0; 
	}   
	/* Liste in Ebene 2 clearen */ 
	#nav li li 
	{ 
		float: none;
		clear: both;
	}

/* ==============================================
   03 Die Hyperlinks in Ebene 1 gestalten 
   ============================================== */
	#nav a 
	{
		display: block;
		/*color: black;*/
		padding: 0.4em 1.7em 0.4em 1.2em;
		background: url(images/tip.png) no-repeat 0px -1px;
	}
	#nav a:hover,
	#nav a:focus
	{
	   /*color: black;
	   background-color: #ffe05a;*/
	   border-bottom: none;
	} 
	/* 314 Punkte 
	div#wrapper div#nav ul#ebene01 a:active 
	{
		color: white; 
		background-color: #d90000; 
	}
	*/ 

/* ==============================
   04 Ebene 2 verstecken 
   ========================= */ 
	#nav li ul 
	{
		position: absolute; 
		top: -9999px; 
		left: -9999px; 
		display: inline; 
		width: 0; 
		height: 0;
		background: 0px 28px transparent url(images/nav_a_left.png) no-repeat;
	}   
    #nav li a.active_l {
    	color: #F28B10;
    }
/* ==============================
   05 Ebene 2 sichtbar machen  
   ========================= */ 
	#nav li:hover ul,
	#nav li.sfhover ul 
	{
		left: auto; 
		top: auto;
		display: block; 
		width: auto; 
		height: auto; 
		padding-top:28px;
		z-index:1000; 
		/*border-bottom: 2px solid #f3c600;*/ 
	}
   
/* ==============================
   06 Ebene 2 korrekt einfärben   
   ========================= */   
	/* 214 Punkte */ 
	
	#nav .bottomline {
		float: none;
		border-bottom: none;
		background-image: url();
		margin: 0px;
		padding: 0px;
		position: absolute;
		bottom: -9px;
		right: 0px;
		left: 0px;
		width: 100%;
	}
	#nav ul#ebene01 {
		height: 17px;
	}
	#nav ul#ebene01 ul.ebene02 li a { 
		/*background-color: #fff3c0;*/
		/*background-color: #e3e3e3;*/
		border-bottom: 1px dotted #aabbc9;
		margin-left: 15px;
		padding-left: 5px;
		margin-right: 15px;
		background-image: url(images/nav_a_bgr.png);
		background-repeat: repeat;
		background-position: top left;
	}   
	/* 224 Punkte */ 
	#nav ul#ebene01 ul.ebene02 li a:hover { 
		/*background-color: #ffe05a;*/ 
	}   

	#nav ul .dropnav_bottom {
		position: relative;
		height: 10px;
		width: 100%;
	}	
	#nav ul .dropnav_bottom .dropnav_bottom_l{
		position: absolute;
		left: 0px;
		top: 0px;
		height: 8px;
		width: 9px;
		background: url(images/dropnav_bottom_l.png) no-repeat;
	}
	#nav ul .dropnav_bottom .dropnav_bottom_m{
		margin-left: 9px;
		background: url(images/dropnav_bottom_m.png) repeat-x;
		margin-right: 12px;
	}
	#nav ul .dropnav_bottom .dropnav_bottom_r{
		position: absolute;
		top: 0px;
		right: 0px;
		height: 8px;
		width:  12px;
		background: url(images/dropnav_bottom_r.png) no-repeat;
	}
/*
						<div class="dropnav_bottom">
							<div class="dropnav_bottom_l"></div>
							<div class="dropnav_bottom_m"></div>
							<div class="dropnav_bottom_r"></div>
 */
	
	/* Feste Breite für die Links in Ebene 2 */ 
	#nav li li a 
	{
		background-image:none;
		margin:0; 
	}
	#nav li li {
		padding-right: 5px;
		background: right transparent url(images/nav_a_right.png) repeat-y;
	}
	/* ==============================
   07 Trennlinie   
   ========================= */
}