/* CSS Document */
/************************/
/*LEVELABHAENGIGE STYLES*/
/************************/
#menu{
	text-align:left;
	z-index:1000;
	padding: 0px 5px;
	background-color:#232323;
	height:38px;
	background-image:url(../img/menue.gif);
	background-repeat:no-repeat;
	padding-left:264px;
}
.submenu_indicator{
	float:right;
	padding-top:3px;
	padding-right:3px;
}
.submenu_indicator img{
	border:none;
}
/*NORMAL*/
#menu a.level_1 {background-color:#000000; background-image:url(../img/menu_button_background.png); background-repeat:repeat-x; border-bottom:1px solid #FFFFFF;margin-right:-1px;}
#menu a.level_2, #menu a.level_3,
#menu a.level_4, #menu a.level_5,
#menu a.level_6 {background-color:#0066CC;}

/*HOVER*/
#menu a.level_1:hover {background-color:#0066CC; background-image:url(../img/menu_button_background_hover.png); background-repeat:repeat-x;}
#menu a.level_2:hover, #menu a.level_3:hover, 
#menu a.level_4:hover, #menu a.level_5:hover, 
#menu a.level_6:hover {background-color:#FFE000;}

/*******************/
/*ALLGEMEINE STYLES*/
/*******************/		
#menu #nav {padding:0 0 0 0px; font-size:12px;}
#menu #nav ul {background:#FFFFFF;}
#menu #nav li li {background:#FFFFCC;}

#menu #nav li a {color: #FFFFFF; padding:4px 15px; text-decoration:none; line-height: 18px}
#menu #nav li li a {padding: 2px 0px 2px 10px; font-weight: normal; width:150px; line-height: 14px}
#menu #nav li li a {font-size:11px;}
#menu #nav li:hover ul {top:21px;}

#menu #nav li:hover > a {color: #FFFFFF;}
#menu #nav li li:hover > a{color: #000000;background-color:#FFE000;}
#menu #nav li li:hover{background-color:#e0ebfb;}

/****************/
/*FUNKTIONALITÄT*/	
/****************/		

#menu #nav {margin:0px 0px 0px 50px; list-style:none; position:relative; z-index:200;}
#menu #nav ul {padding:0; margin:0px; list-style:none; float:left;}
#menu #nav li {float:left;}
#menu #nav li li {float:none;}

/* a hack for IE6 */
* html #menu #nav li li {float:left;}
#menu #nav li a {display:block; float:left; white-space:nowrap;}
#menu #nav li li a {display:block; float:none;}
#menu #nav li:hover {position:relative; z-index:300;}
#menu #nav li.css_class {position:relative; z-index:300;}		
#menu #nav li:hover ul {left:0; top:27px; z-index:500;}
#menu #nav li.css_class ul {left:0; top:27px; z-index:500;}

#menu #nav ul {position:absolute; left:-9999px; top:-9999px; border-bottom:1px solid #000000;border-left:1px solid #000000;}		
* html #menu #nav ul {width:2px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#menu #nav li:hover li:hover > ul {left:-1px; margin-left:100%; top:0px; z-index:500;}

/* keep further levels hidden */
#menu #nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
	
/* show next level */
#menu #nav li.css_class li.css_class ul,
#menu #nav li.css_class li.css_class li.css_class ul,
#menu #nav li.css_class li.css_class li.css_class li.css_class ul,
#menu #nav li.css_class li.css_class li.css_class li.css_class li.css_class ul
{left:100%; margin-left:0px; top:0px;}

/* keep further levels hidden */
#menu #nav li.css_class ul ul,
#menu #nav li.css_class li.css_class ul ul,
#menu #nav li.css_class li.css_class li.css_class ul ul,
#menu #nav li.css_class li.css_class li.css_class li.css_class ul ul
{position:absolute; left:-9999px; top:-9999px;}