/* CSS Document */
/************************/
/*LEVELABHAENGIGE STYLES*/
/************************/
.submenu_indicator{
	float:right;
	padding-top:3px;
	padding-right:3px;
}
.submenu_indicator img{
	border:none;
}
/*NORMAL*/
/*#menu a.level_1 {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:#d10000;}*/

/*HOVER*/
#menu a.level_1:hover {text-decoration: underline;}
#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 {text-decoration: underline;}

/*ACTIVE*/
#menu a.active_level {text-decoration: underline;}
#menu a.active_sublevel {text-decoration: underline;}

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

#menu #nav li a {color: #ffffff; padding:5px 0px 5px 40px; background-image: url(../img/menu_indicator.png); background-repeat:no-repeat; background-position: left;}
#menu #nav li li a {padding: 5px 0 5px 40px font-weight: normal; width:150px; text-transform:none;}
#menu #nav li li a {font-size:11px;}

#menu #nav li:hover > a {text-decoration: underline;}
#menu #nav li li:hover > a{text-decoration: underline;}
#menu #nav li li:hover{text-decoration: underline;}

#menu #nav li.css_class li a:hover {text-decoration: underline;}

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

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

/* a hack for IE6 */
* html #menu #nav li li {float:left;}
#menu #nav li a {display:block; 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: 175px;top: 5px;z-index: 500;}
#menu #nav li.css_class ul {left:0; top:36px; z-index:500;}

#menu #nav ul {position:absolute; left:-9999px; top:-9999px; background-image: url("../img/menu_background.jpg"); background-position: center bottom; background-repeat: no-repeat;padding: 10px; border: 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;}