/* CSS Document */
/************************/
/*LEVELABHAENGIGE STYLES*/
/************************/
#menu{
	text-align:left;
	z-index:1000;
	padding: 0px 5px;
	height:50px;
	background-image:url(../img/menu_background.png);
	background-repeat:no-repeat;
	background-color:#ffffff;
}
.submenu_indicator{
	float:right;
	padding-top:3px;
	padding-right:3px;
}
.submenu_indicator img{
	border:none;
}

/*HOVER*/
#menu #nav a.level_1:hover {background-image:url(../img/menu_background_active.png);background-repeat:repeat-x;color:#0a210b;}

/*ACTIVE*/
#menu #nav a.active_level, 
#menu #nav a.active_sublevel {background-image:url(../img/menu_background_active.png);background-repeat:repeat-x;color:#0a210b;}

/*******************/
/*ALLGEMEINE STYLES*/
/*******************/		
#menu #nav {padding:9px 0 0 0px; text-align:center;line-height:23px;}
#menu #nav ul {/*background:#FFFFFF;*/}
#menu #nav li li {/*background:#FFFFCC;*/}
#menu #nav li.level_1{display:inline;white-space:nowrap;}

#menu #nav li {font-size:0px;}
#menu #nav li a {color: #ffffff; font-size:19px; padding:10px 18px; text-decoration:none;border-bottom:1px solid #000000;}
#menu #nav li li a {padding: 2px 0 5px 25px; font-weight: normal; width:230px; text-transform:none; background:url("../img/menu_background.png") repeat scroll 0 0 transparent;}
#menu #nav li li a {font-size:14px;}
#menu #nav li:hover ul {top:21px;}

#menu #nav li:hover > a {background-image:url(../img/menu_background_active.png);background-repeat:repeat-x;color:#0a210b;}
#menu #nav li li:hover > a{background-image:url(../img/menu_background_active.png);background-repeat:repeat-x;color:#0a210b;}
#menu #nav li li:hover{background-image:url(../img/menu_background_active.png);background-repeat:repeat-x;color:#0a210b;}

#menu #nav li.css_class li a:hover {background-image:url(../img/menu_background_active.png);background-repeat:repeat-x;color:#0a210b;}

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

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

/* a hack for IE6 */
* html #menu #nav li li {float:left;}
#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:16px; z-index:500;background-color:#000000;}
#menu #nav li.css_class ul {left:0; top:51px; z-index:500;background-color:#000000;}

#menu #nav ul {position:absolute; left:-9999px; top:-9999px;}		
* 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;}