/* CSS Document */
/************************/
/*LEVELABHAENGIGE STYLES*/
/************************/
#menu{
	text-align:left;
	z-index:1000;
	padding: 5px 5px;
}
.submenu_indicator{
	float:right;
	padding-top:3px;
	padding-right:3px;
}
.submenu_indicator img{
	border:none;
}
/*NORMAL*/
#menu a.level_1 {font-weight: bold; background-color:#E1B02C; background-image:url(http://www.kaspar-oberhof.de/img/menu_button.jpg); background-repeat:no-repeat; border:1px solid #000000;margin-right:2px;}
#menu a.level_2, #menu a.level_3,
#menu a.level_4, #menu a.level_5,
#menu a.level_6 {background-color:#FFFFCC;}

/*HOVER*/
#menu a.level_1:hover {background-color:#FFE000; background-image:url(http://www.kaspar-oberhof.de/img/menu_button_active.jpg);}
#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: #000000; padding:2px 5px 2px 23px; text-decoration:none;}
#menu #nav li li a {padding: 2px 0px 2px 10px; font-weight: normal; width:150px; }
#menu #nav li li a {font-size:11px;}
#menu #nav li:hover ul {top:20px;}

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

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

#menu #nav {margin:0; list-style:none; position:relative; z-index:200;}
#menu #nav ul {padding:0; margin:0; 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:24px; z-index:500;}
#menu #nav li.css_class ul {left:0; top:24px; 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;}