/* -------------------[ menu ]-------------------  */
 
#menu li a {
  color:#ffffff;
  font-size:14px;
  text-decoration:none;
  }
 
#menu ul {
  margin:0;
  padding:0;
  width:100%;
  }
  
#menu ul li {
  margin:0;
  margin-right:1px;
  padding:0;
  float:left;
  list-style-type:none;
  height:31px;
  }

#menu ul li li {
  text-transform:none;
  width:190px;
  }

#menu .bg_menu_middle {
  height:24px;
  float:left;
  padding:7px 35px 0 33px;
  } 
  
#menu .bg_menu_left {
  width:2px;
  height:31px;
  background-image:url(img/bg_menu_li_left.gif);
  background-repeat:no-repeat;
  background-position:left top;
  float:left;
  }
  

/*----------[ on ]---------------------*/
#menu .bg_menu_middle_on{
  height:24px;
  float:left;
  padding:7px 35px 0 33px;
  background:none;
  background-color:#c0bebe;
  }
  
#menu .bg_menu_left_on {
  width:2px;
  height:31px;
  background:none;
  background-color:#FFFFFF;
  float:left;
  }
  
#menu ul li.on a {
  color:#670726;
  }


/*-------------[ hover ]--------------------*/
#menu li:hover .bg_menu_left, #menu li.sfhover .bg_menu_left {
  background-image:url(img/bg_menu_li_left_ov.gif);
  }
/*----------[ 2. EBENE: Untermenu und so... ]-------------------*/


#menu ul li ul li {
  height:30px;
  line-height:30px;
  clear:left;
  color:#670726;
}

#menu ul li ul li a{  
  margin:0;
  display:block;
  color:#333333;
  }

#menu ul li.on ul li a {  
  color:#333333;
  }

#menu ul li.on ul li.on a {  
  color:#670726;
  }
  
#menu ul li ul li a:hover, #menu ul li.on ul li a:hover {
  color:#670726;
  }
  

#menu li a {
   display:block;
  }
  
#menu li ul {
	display:none;
	position: absolute;
	left:-999em;
	z-index:20;
	}


#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul { 
	display:block;
	left:auto;
	margin-top:7px;
	margin-left:-35px;
  }

#menu ul ul {
  background-image:url(img/bg_menu_ul_ul.png);
  background-repeat:repeat;
  width:190px;
  padding:5px 0 5px 36px;
  }


#menu {
     display:block;
}


/* ---------------[ ENDE NAV ]--------------- */