@charset "UTF-8";
/* CSS Document */

/* ####################### Main - Navigation ####################### */

.button {
	width: 104px;
	height: 86px;
	float: left;
	text-align: center;
}
.buttonText {
	text-align: center;
	width: 86px;
	margin-right: 0px;
	font-size: 10px;
}

#buttonHome a, #buttonBaden a, #buttonRundfahrten a, #buttonErlebnis a, #buttonKultur a, #buttonMobilitaet a, #buttonWinter a { width: 86px; height: 86px; display:block; }
#buttonHomeActive a, #buttonBadenActive a, #buttonRundfahrtenActive a, #buttonErlebnisActive a, #buttonKulturActive a, #buttonMobilitaetActive a, #buttonWinterActive a  { width: 86px; height: 86px; display:block; }

/* Lo */
#buttonHome a { background-image:url(/pix/menu/b_home_lo.jpg); }
#buttonBaden a { background-image:url(/pix/menu/b_baden_lo.jpg); }
#buttonRundfahrten a { background-image:url(/pix/menu/b_radfahren_lo.jpg); }
#buttonErlebnis a { background-image:url(/pix/menu/b_erlebnis_lo.jpg); }
#buttonKultur a { background-image:url(/pix/menu/b_kultur_lo.jpg); }
#buttonMobilitaet a {background-image:url(/pix/menu/b_mobilitaet_lo.jpg); }
#buttonWinter a {background-image:url(/pix/menu/b_winter_lo.jpg); }


/* Highlighted */
#buttonHome a:hover { background-image:url(/pix/menu/b_home_hi.jpg); }
#buttonBaden a:hover { background-image:url(/pix/menu/b_baden_hi.jpg); }
#buttonRundfahrten a:hover { background-image:url(/pix/menu/b_radfahren_hi.jpg); }
#buttonErlebnis a:hover { background-image:url(/pix/menu/b_erlebnis_hi.jpg); }
#buttonKultur a:hover { background-image:url(/pix/menu/b_kultur_hi.jpg); }
#buttonMobilitaet a:hover {background-image:url(/pix/menu/b_mobilitaet_hi.jpg); }
#buttonWinter a:hover {background-image:url(/pix/menu/b_winter_hi.jpg); }

/* Down */
#buttonHomeActive a { background-image:url(/pix/menu/b_home_hi.jpg); }
#buttonBadenActive a { background-image:url(/pix/menu/b_baden_hi.jpg); }
#buttonRundfahrtenActive a { background-image:url(/pix/menu/b_radfahren_hi.jpg); }
#buttonErlebnisActive a { background-image:url(/pix/menu/b_erlebnis_hi.jpg); }
#buttonKulturActive a { background-image:url(/pix/menu/b_kultur_hi.jpg); }
#buttonMobilitaetActive a {background-image:url(/pix/menu/b_mobilitaet_hi.jpg); }
#buttonWinterActive a {background-image:url(/pix/menu/b_winter_hi.jpg); }


/* ####################### Bottom - Navigation ####################### */

#bottomMenu {
	margin:0;
	padding:0;
}
#bottomMenu ul {
	list-style: none;	
}
#bottomMenu li {
	display:inline;
	border-left: 1px solid #666666;
	line-height: 11px;
}
#bottomMenu li.first {
	border: none;
}
#bottomMenu a {
	text-decoration: none;
	color:#666666;
	cursor:pointer;
	font-size: 11px;
	padding-top: 0;
	padding-right: 3px;
	padding-left: 6px;
}
* html #bottomMenu a {
	padding-top: 0;
}
*+html #bottomMenu a {
	padding-top: 0;
}
#bottomMenu li a:hover {
	color:#333333;
}

/* ####################### Side - Navigation ####################### */

#sideNavL {
	margin-top:15px;
	margin-left:12px;
	margin-bottom: 5px;
	width: 192px;
}
.sideNavExtra {
	
	background-image: url(../pix/menu/side_topthema.gif);
	background-repeat: no-repeat;
}
.sideNavExtra a {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	height: 15px;
	padding:12px 0 10px 5px;;
	text-transform: uppercase;
	text-decoration: none;
	width: 187px;
	display:block;
}
.sideNavExtra a:hover {
	text-decoration: underline;
}
.sideNavFoto {
	background-image: url(../pix/menu/side_foto_lo.gif);
	background-repeat: no-repeat;
}
.sideNavFoto a {
	font-size: 11px;
	color: #333;
	height: 17px;
	width: 147px;
	padding:3px 0 5px 45px;
	text-decoration: none;
	display:block;
}
.sideNavFoto a:hover {
	
	background-image: url(../pix/menu/side_foto_hi.gif);
	background-repeat: no-repeat;
}

.sideNavWebcam {
	background-image: url(../pix/menu/side_webcam_lo.gif);
	background-repeat: no-repeat;
}
.sideNavWebcam a {
	font-size: 11px;
	color: #333;
	height: 17px;
	width: 147px;
	padding:3px 0 8px 45px;
	text-decoration: none;
	display:block;
}
.sideNavWebcam a:hover {
	
	background-image: url(../pix/menu/side_webcam_hi.gif);
	background-repeat: no-repeat;
}
.sideNavAnreise {
	background-image: url(../pix/menu/sub_anreise.gif);
	background-repeat: no-repeat;
}
.sideNavAnreise a {
	font-size: 11px;
	color: #333;
	height: 17px;
	width: 147px;
	padding:3px 0 8px 45px;
	text-decoration: none;
	display:block;
}
.sideNavAnreise a:hover {
	
	background-image: url(../pix/menu/sub_anreise_hi.gif);
	background-repeat: no-repeat;
}
.sideNavCO2 {
	background-image: url(../pix/menu/co2_lo.gif);
	background-repeat: no-repeat;
}
.sideNavCO2 a {
	font-size: 11px;
	color: #333;
	height: 17px;
	width: 147px;
	padding:3px 0 8px 45px;
	text-decoration: none;
	display:block;
}
.sideNavCO2 a:hover {
	
	background-image: url(../pix/menu/co2_hi.gif);
	background-repeat: no-repeat;
}

.sideNavEmpfehlung {
	background-image: url(../pix/menu/sub_lo_top.gif);
	background-repeat: no-repeat;
}
.sideNavEmpfehlung a {
	font-size: 11px;
	color: #333;
	height: 17px;
	width: 147px;
	padding:3px 0 8px 45px;
	text-decoration: none;
	display:block;
}
.sideNavEmpfehlung a:hover {
	
	background-image: url(../pix/menu/sub_hi.gif);
	background-repeat: no-repeat;
}

.sideNavGeschichte {
	background-image: url(../pix/menu/sub_lo_top.gif);
	background-repeat: no-repeat;
}
.sideNavGeschichte a {
	font-size: 11px;
	color: #333;
	height: 17px;
	width: 147px;
	padding:3px 0 8px 45px;
	text-decoration: none;
	display:block;
}
.sideNavGeschichte a:hover {
	
	background-image: url(../pix/menu/sub_hi.gif);
	background-repeat: no-repeat;
}

.sideNavGuest {
	background-image: url(../pix/menu/sub_guest.gif);
	background-repeat: no-repeat;
}
.sideNavGuest a {
	font-size: 11px;
	color: #333;
	height: 17px;
	width: 147px;
	padding:3px 0 8px 45px;
	text-decoration: none;
	display:block;
}
.sideNavGuest a:hover {
	
	background-image: url(../pix/menu/sub_guest_hi.gif);
	background-repeat: no-repeat;
}



.sideNavWinter {
	background-image: url(../pix/menu/sub_winter.gif);
	background-repeat: no-repeat;
}
.sideNavWinter a {
	font-size: 11px;
	color: #333;
	height: 17px;
	width: 147px;
	padding:3px 0 8px 45px;
	text-decoration: none;
	display:block;
}
.sideNavWinter a:hover {
	
	background-image: url(../pix/menu/sub_winter_hi.gif);
	background-repeat: no-repeat;
}

/* .sideNavGuest {
	font-size: 12px;
	color: #333;
	background-image: url(../pix/menu/sub_guest.gif);
	height: 14px;
	width: 147px;
	padding-top: 4px;
	padding-left: 45px;
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F6A80B;
	border-bottom-color: #F6A80B;
	padding-bottom: 5px;
	background-position: 2px 2px;
	margin-top: 10px;
	background-color: #FDEDCA;
} */

.subnav {}
.subNavheaderbox {}
.sideNavlist {}

.sideNavlist ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type:none;
	border-bottom:1px solid #F6A80B;
	width:192px;
}
.sideNavlist li {
	/* list-style-image:url(../pix/menu/sub_lo.gif); */
	
	width:182px;
}
.sideNavlist li a {
	background-color:#FDEDCA;
	background-image:url(../pix/menu/sub_lo.gif);
	background-position:2px 2px;
	background-repeat:no-repeat;
	/* border-bottom:1px solid #F6A80B; */
	border-top:1px solid #F6A80B;
	color:#333333;
	font-size:11px;
	height:auto;
	margin-top:0px;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:4px;
	width:182px;
	display:block;
	text-decoration:none;
}
.sideNavlist li a:hover {
	background-image:url(../pix/menu/sub_hi.gif);
	background-position:0px 1px;
	background-repeat:no-repeat;
}
.sideNavlist li a .active {
	background-image:url(../pix/menu/sub_hi.gif) !important;
	background-position:0px 1px;

}
.sideNavlist li ul li a {
	padding-left:52px;
	width:140px;
	font-size: 10px;
}
.sideNavlist li ul li a:hover {
	background-image:url(../pix/menu/room_hi.gif) !important;
	background-position:0px 1px;
}
.sideNavlist li ul li a .active {
	background-image:url(../pix/menu/room_hi.gif) !important;
	background-position:0px 1px;
}