#nav { /*hauptmenüpunkte*/
		 padding-left: 0px; 
		 margin-left: 0px; /* abstand zum linken rand */
		 margin-top:5px; /* höhe der navi*/
		 list-style:none;		 
		 position:absolute;	
		  
		 z-index:1;}
		  
#nav ul{ /*untermenüpunkte*/
		 padding-left: 0px; 
		 margin-left: -1px; /* abstand zum linken rand */
		 margin-top:-2px; /* abstand der untermenü-boxen zur navileiste*/
		 list-style:none;
		 padding-top: 0px;	 
		 padding-bottom: 0px;
		 background-color: #e8e8e8;
		 font: 11px Arial; 
		 border:1px solid #7c7c7c;
		 position:absolute;	 		 
		 z-index:2;}

/* Untermenüausrichtung für IE */		 
* html #nav ul {margin-left: -10px;} 
		 
#nav {height:25px; padding-left:0px;} /* navi-box*/

#nav li {float:left;}
#nav li li {float:none; background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {
		display:block; 
		float:left; 
		color:#7c7c7c; /* Buttons */
		margin:30 0px 0 10px;  /* angaben für die menüpunkte */
		height:25px;		
		margin-left: 0px;
		line-height:25px; 
		text-decoration:none; 
		white-space:nowrap;
		}
		
#nav li li a {
			height:20px;  /* abstand zwischen den einzelnen untermenüpunkte */
			line-height:0px;	/* zeilenhöhe der untermneüpunkte */		
			background-image:none;
			padding-left: 8px;
			padding-top: 5px;
			background-color:#e8e8e8;
			font: 11px Arial;
			width: 90px;  
			float: none;
			}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; background-image:none; top:30px;}  /* abstand der box zu der navileiste */
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px; }


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px; }


 /* untermenüpunkte*/
 
#nav li:hover li:hover a{color:#000000; background-color:#DBD9D9;} /* hintergrundfarbe beim überfahren der menüpunkte*/
/* show path followed */
#nav li:hover a
#nav li:hover li:hover li:hover a
{color:#000000; line-height: 25px;  text-decoration: none; }

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a
{text-decoration:none; color:#888;