

/* -------------------- HEADER MENU -------------------- */
#top div #headermenu{
	position:absolute;
	top:0;
	right:0;
	font-size:11px;
	color: #ccc;
	
	display:block;
	width: 728px;
	height: 29px;
	background-color: #fff;
	overflow: hidden;
	
	z-index: 1;
}
#headermenu a{
  text-decoration:underline;
  color:#333;
  
  margin: 0 5px; 
}
#headermenu a:hover{text-decoration:underline;}
#headermenu b{font-weight:normal;}
#headermenu p{
  text-align: left;
  margin-top: 7px;
  margin-left: 42px;
}

/* -------------------- MAIN MENU -------------------- */
#menu_wrapper{

}
#menu_arrow{
  display: block;
  width: 20px;
  height: 11px;
  overflow: hidden;
  background: url(/nav/kappl_sprite.png) -23px -43px no-repeat;
  padding: 0;
  float: right;
  top: 17px;
  right: 15px;
  z-index: 400;
  position: absolute;
}

#menu, #homemenu, #menu_footer, #menu_wrapper{
  position:relative;
  display:block;
  width:230px;
  background-color:#f19600;
}


#menu_footer{
  height: 45px;
  padding-top: 15px;
}


#menu, #homemenu{
	z-index:70;
	white-space:nowrap; /*dc*/
}
#menu li, #homemenu li{
	margin:0;
	padding:0;
	position:relative; /*dc*/
}
#menu li a, #homemenu li a, #menu_footer a{
  color: #fff;
  text-decoration: none;
  font-size: 15px;
	padding:5px 10px;
	text-transform: uppercase;
	font-weight:bold;
	display:block;
	height: 18px;
}

/* FIRST LEVEL */
#menu li a, #homemenu li a, #menu_footer a{
  font-size: 13px;
  font-family: Trebuchet MS, verdana;
}
#menu li a.first, #homemenu li a.first {
  height:26px;
  padding-left:40px;
  padding-top:12px;
}
#menu li a:hover, #homemenu li a:hover, #menu li a.hover, #menu li a.active, #menu li ul li a.first:hover, #menu li ul li a.first.active{
	background:#f7c066;
}
#menu li a.first.active, #homemenu li a.first, #menu li a.first.hover, #menu li a.first:hover{
  background-color:#f19600;
}

/* SECOND LEVEL */
#menu li ul li a, #menu li ul li a.first{
  font-size: 12px;
  font-weight:bold;
  text-transform: none;
  height: 14px; 
  padding:5px 25px;
}


/* THIRD LEVEL */
#menu li ul ul li a{
	font-size:11px !important;
	font-weight: normal;
	padding:5px 35px !important;
	font-family: arial;
}

#menu li ul ul li a.first{
  font-weight:normal;
}


#menu li ul li a.first.active, #menu li ul li a.active{
  background-color: #f4ab33;
}
#menu li ul ul li a.active, #menu li ul ul li a.first.active{
	background: url('/nav/nav_arrow.gif') 25px center no-repeat;
	background-color: #f19600;
}
#menu li ul ul ul li a, #menu li ul ul ul li a.first{
  font-weight:normal;
  padding: 5px 0 5px 40px !important;
}
#menu li ul ul ul li a.active, #menu li ul ul ul li a.first.active{
  background-color: #f2a11a;
}


#fade_nav{
  margin-top: 25px;
}

#menu_body div{
  margin-bottom: 7px;
}

#menu_footer a{
   padding-top: 10px;
}

.menu_hr{
  display:block;
  width:228px;
  height:1px;
  background-color: #6f4500;
  border-bottom: #f7c066 solid 1px;
  overflow: hidden;
}

#menu li ul{
  display:none;
}


/* -------------------- DROP DOWN -------------------- */


/* -------------------- SUB MENU -------------------- */
#menu li.active ul{
  display:block;
}


/* -------------------- FOOTER MENU -------------------- */
#footermenu{
	padding: 7px 0px 7px 0px;
	background-color:#f19600;
	text-align: center;
	
  -moz-border-radius-topleft: 3px;  
  -webkit-border-top-left-radius: 3px;
    
  -moz-border-radius-topright: 3px;   
  -webkit-border-top-right-radius: 3px;  
  
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, rgb(198,124,0)),color-stop(0.75, rgb(241,159)));
  background-image: -moz-linear-gradient(center bottom, rgb(198,124,0) 25%, rgb(241,159) 75% );
}

#footermenu a{
  color: #fff;
  font-family:Trebuchet MS,verdana;
  font-size:13px;
  font-weight:bold;
  margin:0 28px;
  padding:8px 0;
  text-decoration:none;
  text-transform:uppercase;
}


/* -------------------- FOOTER MENU -------------------- */

#langmenu{
  width: 124px;
  height: 20px;
  margin-top: 6px;
}

/* -------------------- SLIDER MENU -------------------- */

#slidermenu{
  position: absolute;
  top: 349px;
  left:233px;
  
  display: block;
  width: 743px;
  height: 39px;
  z-index:60;
}

#slidermenu ul, #slidermenu ul li{
  float: left;
}
#slidermenu li{
	margin-right: 15px;
}
#slidermenu a{
  display: block;
  width: 115px;
  height: 40px;
  overflow: hidden;
  text-indent: -19999px; 
  background: url(/nav/de/slider_menu.png) 0 0 no-repeat;
}

#slidermenu #sm_familie{
  background-position: 0 -40px;
}

#slidermenu #sm_webcams{
    background-position: 0 -80px;
}

#slidermenu #sm_videos{
  background-position: 0 -120px;
}

#slidermenu #sm_ski:hover{
  background-position: -120px 0px;
}

#slidermenu #sm_familie:hover{
  background-position: -120px -40px;
}
#slidermenu #sm_webcams:hover{
  background-position: -120px -80px;
}
#slidermenu #sm_videos:hover{
  background-position: -120px -120px;
}

#slidermenu #sm_ski.active{
  background-position: -240px 0px;
}

#slidermenu #sm_familie.active{
  background-position: -240px -40px;
}


#slidermenu #sm_webcams.active{
  background-position: -240px -80px;
}
#slidermenu #sm_videos.active{
  background-position: -240px -120px;
}

/* SOMMER LINK ENFERNEN WENN AKTIV */
#menu_footer a{
	cursor: pointer !important;
}
