/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {margin: 0px; padding: 0px 0px 0px 15px; border: 0px;} 

/* hack to correct IE5.5 faulty box model*/ 
* html #nav {width:980px; w\idth:980px;}

#nav ul {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style:none;
	overflow: visible;
}

#nav ul li {	
	position: relative;
	z-index: 5;
	margin: -25px 0px 0px 10px;
	padding: 6px 0px 0px 0px;
	border: 0px;
	float:left;
}

#nav ul li a {
	margin:0px;
	padding: 5px 0px 0px 0px;
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
	
	display: block;
	text-align:center;
	
	width:146px;
	height:42px;
	background-image:url(img/design/navi_bt.png);
	background-repeat:no-repeat;
}

#nav ul li a:hover {
	width:146px;
	height:42px;
	background-image: url(img/design/navi_bt_over.png);
	background-repeat:no-repeat;
	}




	



/* style the links for the top level */
/* Letzter Navigationspunkt davon erster Unterpunkt
#nav a:visited, #navi a {display:block; text-decoration:none; color: #000; width:146px; height:42px; margin: 0; padding: 0; border:0; background: #fff;  vertical-align: middle; text-align:center; } 
 
#nav a:active, #nav a:hover {width:146px; w\idth:145px; }*/

/* a hack so that IE5.5 faulty box model is corrected 
* html #nav a, * html #nav a:visited {width: 85px; w/idth: 84px; margin:0px; padding:0;}*/

/* style the second level background*/
/* .................................................. */
#nav ul ul a.drop, #nav ul ul a.drop:visited {margin:0; padding:0; }
#nav ul ul li { margin:0; padding:0; } 
/* style the second level hover */
#nav ul ul a.drop:hover{ background-color: #fff !important;}
#nav ul ul :hover > a.drop {} 
/* style the third level background 
#nav ul ul ul a, #nav ul ul ul a:visited {}*/
/* style the third level hover  
#nav ul ul ul a:hover {}*/


/* hide the sub levels and give them a positon absolute so that they take up no room */
/* Der Abstand zwischen Navigation und den Unterpunkten */
#nav ul ul {visibility: hidden; position: absolute; top:50px; left:0; margin:0; padding: 5px 0px 0px 0px;}



/* position the third level flyout menu */
/* .................................................. 
#nav ul ul ul{left:100px; top:-1px; width:100px;*/

/* position the third level flyout menu for a left flyout 
#nav ul ul.left {left:-100px;}*/




/* style the second level links */
/* Hintergrund der Unternavigation */
#nav ul ul a, #nav ul ul a:visited { text-align: left; color:#fff; width:200px; height:auto; padding: 5px 0px 5px 10px; margin: 0px; background: url(img/design/durchsichtige_grafik.png); }

/* yet another hack for IE5.5   */
* html #nav ul ul a, * html #nav ul ul a:visited {width:146px; w\idth:145px; text-align:left;}

/* style the top level hover */
#nav a:hover {background-image: url(img/design/navi_bt_over.png); background-repeat:no-repeat; color: #fff;} 
#nav ul ul a:hover{color: #fff; background: url(img/design/durchsichtige_grafik.png);  width:200px; height:auto; }

#nav :hover > a{background-image: url(img/design/navi_bt_over.png); background-repeat:no-repeat; color: #fff;} 
#nav ul ul :hover > a {color:#fff; background: url(img/design/durchsichtige_grafik.png);  width:200px; height:auto; text-decoration:underline;  }


/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{visibility:visible;} 

/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul{visibility:hidden;} 

/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul{ visibility:visible;}

/*	#active {
		color:#e4af00 !important;
	}
*/