@import url(blitzer/jquery-ui-1.8.1.custom.css);
@import url(inc_common.css);
@import url(inc_news.css);
@import url(inc_availability.css);
@import url(inc_gallery.css);
@import url(inc_ecards.css);
@import url(inc_csc.css);
@import url(inc_htmlarea.css);
@import url(inc_indexedsearch.css);
@import url(colorbox.css);

/* Common Page Layout
----------------------------------------------- */
body.page {
	margin:0;
}

#wrapper {
	width:960px;
	margin:0 auto;
}

#content_frame {
	margin-top:20px;
	width:960px;
	background:url(../images/page_content_frame_bg.gif) repeat-y 240px 0px;
}

div.col_left {
	float:left;
	width:210px;/*210px*/
	padding-left:10px;
	padding-right:20px;
}

div.col_middle {
	float:left;
	width:640px;
	padding:0 10px 0 30px;
}

#html_header {
	background-repeat:no-repeat;
	position:relative;
	height:298px;
}

#html_logo {
	position:absolute;
	background:url(../images/page_logo_html.png) no-repeat right bottom;
	width:905px;
	height:188px;
	right:0px;
	bottom:0px;
}
#html_logo #home {
	position:absolute;
	width:282px;
	height:118px;
	right:22px;
	bottom:70px;
}
#html_logo #home span {
	display:none;
}
#html_logo div {
	position:absolute;
	right:22px;
	bottom:44px;
	width:282px;
	text-align:center;
}
#html_logo div span {
	color:#cccccc;
	padding:0 20px 0 20px;
}
#html_logo div a {
	text-decoration:none;
}
* html #html_logo {
	background:url(../images/page_logo_ie6_html.gif) no-repeat right bottom;
}

a.lang_de {
	background:url(../images/lang_de.gif) no-repeat left center;
	padding-left:24px;
}

a.lang_en {
	background:url(../images/lang_en.gif) no-repeat left center;
	padding-left:24px;
}

a.seas_wi {
	background:url(../images/icon_seas_wi.gif) no-repeat left center;
	padding-left:22px;
}

a.seas_su {
	background:url(../images/icon_seas_su.gif) no-repeat left center;
	padding-left:22px;
}

#printlink {
	margin-top:20px;
}
#printlink a {
	background:url(../images/icon_print.gif) no-repeat left center;
	padding:2px 0;
	padding-left:24px;
}

#footer {
	margin-top:20px;
	background:url(../images/page_footer_bg.gif) no-repeat;
	height:60px;
	font-size:11px;
	text-align:center;
}

#siteby {
	text-align:right;
	height:20px;
	padding-bottom:24px;
	padding-right:8px;
	padding-top:9px;
	font-family:arial,verdana,helvetica,sans-serif;
}
#siteby a {
	font-size:9px;
	text-decoration:none;
	color:#b68101;
}

#facebook {
	margin-top:20px;
}

/* Cufon
----------------------------------------------- */
.cufon-active h3 {
	font-size:17px;
}


/* Startsite
----------------------------------------------- */
div.startpage #html_header {
	height:398px;
}
div.startpage div.col_middle {
	width:449px;
}

div.startpage div.col_right {
	float:left;
	width:230px;
}

#startnav {
	background:#c5daef;
	padding:10px;
	/*height:250px;*/
	overflow:hidden;
}
#startnav ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#startnav ul li {
	padding-bottom:2px;
}
#startnav li a {
	background:#e2edf7 url(../images/page_sidenav_mp.gif) no-repeat 10px center;
	padding:4px 0;
	padding-left:40px;
	text-decoration:none;
	display:block;
}
#startnav li a:hover {
	background-color:#f3f8fc;
}

#startnav li a.startnav01 { background-image:url(../images/icons/start_search.gif); }
#startnav li a.startnav02 { background-image:url(../images/icons/start_calendar.gif); }
#startnav li a.startnav03 { background-image:url(../images/icons/start_photopoint.gif); }
#startnav li a.startnav04 { background-image:url(../images/icons/start_facebook.gif); }
#startnav li a.startnav05 { background-image:url(../images/icons/start_weather.gif); }
#startnav li a.startnav06 { background-image:url(../images/icons/start_email.gif); }
#startnav li a.startnav07 { background-image:url(../images/icons/request_offer.gif); }
#startnav li a.startnav08 { background-image:url(../images/icons/brochure_request.gif); }
#startnav li a.startnav09 { background-image:url(../images/icons/start_accomodation.gif); }
#startnav li a.startnav10 { background-image:url(../images/icons/start_skier.gif); }

#webcam,
#youtube_vid {
	width:230px;
	height:120px;
	position:relative;
	margin-top:10px;
	overflow:hidden;
}
#youtube_vid {
	height: 110px;
}
#webcam a,
#youtube_vid a {
	display:block;
	text-decoration:none;
}
#webcam span,
#youtube_vid span {
	width:230px;
	left:0;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	position:absolute;
	bottom:0;
	display:block;
	background:url(../images/page_webcam_bg.png);
	padding:4px 0;
}

#button_vermieter {
	margin-top:10px;
}
#button_vermieter a {
	display:block;
	font-size:11px;
	text-decoration:none;
	padding:10px 10px;
	padding-left:30px;
	background:#fff7d9 url(../images/icon_lock.gif) no-repeat 10px center;
}


/* Navigation
----------------------------------------------- */
#mainnav {
	border-top:1px solid white;
	height:34px;
	background:#D71920 url(../images/page_header_watermark.gif) no-repeat right top;
}
#mainnav ul {
	list-style-type:none;
	padding:0 0 0 10px;
	margin:0;
}
#mainnav li {
	float:left;
	background:url(../images/page_mainnav_separator.gif) no-repeat left center;
}
#mainnav a {
	display:block;
	padding:0 12px;
}
#mainnav a:hover, #mainnav a.sel {
	background-color:#DF474D;
}


#sidenav ul,
#quicknav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	border-top:1px solid #F9DDD9;
}
#sidenav ul {
	margin-bottom:20px;
}
#sidenav ul li,
#quicknav ul li {
	border-bottom:1px solid #F9DDD9;
	padding:1px 0 1px 0;
	line-height: normal;
}
#sidenav a,
#quicknav a {
	background-image:url(../images/page_sidenav_mp.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:2px 0 2px 24px;
	text-decoration:none;
	display:block;
}
#quicknav div img {
	border:1px solid #cccccc;
	margin:5px 0 5px 0;
}
#sidenav a:hover, #sidenav a.sel,
#quicknav a:hover, #quicknav li.sel a {
	background-color:#FBE8E8;
}
/* 2nd level */
#sidenav ul ul li {
	border:none;
}
#sidenav ul ul li a {
	background:none;
	padding:1px 0 1px 24px;
}
#sidenav ul ul {
	margin:0;
	padding:5px 0;
}
#quicknav h3 {
	background:#ffcb05 url(../images/page_quicknav_toggler.gif) no-repeat right center;
	color:#d71920;
	font-weight:bold;
	font-size:12px;
	padding:7px 10px;
	margin:0;
	margin-top:3px;
	width:190px;
}
#quicknav div.slider {
	width:210px;
	overflow:hidden;
}
#quicknav h3.ui-state-active {
	background-image:url(../images/page_quicknav_toggler_act.gif);
}
#quicknav a {
	padding:5px 0;
	padding-left:34px;
	background-position:10px 4px;
	text-decoration:none;
	display:block;
}
#quicknav a.nobg {
	background-image:none;
}

#quicknav img.ui-datepicker-trigger {
	border:none;
	margin:0;
	margin-left:3px;
}
#quicknav input, #quicknav select, #quicknav textarea {
	font-size:11px;
}

#quicknav a.request_link {
	background:#d71920 url(../images/page_quicknav_arrow1.gif) no-repeat right center;;
	padding:0;
	margin:0;
	display:block;
	color:#fff;
	font-weight:bold;
	padding:7px 10px;
	
}

/* Google Map
----------------------------------------------- */
div.tx-emgooglemap-pi1 {
	font-size:11px;
}
div.tx-emgooglemap-pi1 div div span {
	display:block;
	width:400px;
}
div.tx-emgooglemap-pi1 div div div span {
	display:inline;
	width:auto;
	white-space:normal;
}
input.gmapDirButton {
	color:white;
	background:#D71920;
    border:1px solid #D71920;
	cursor:pointer;
	font-size:11px;
}
input.gmapTextBox {
	border:1px solid #cccccc;
	font-size:11px;
}
label.gmapDirLabel {
	display:block;
	margin-bottom:5px;
}
input.gmapTextBox {
	width:150px;
	margin-right:5px;
}


/* Newsticker
----------------------------------------------- */
div.edticker {
	background:#ffe581;
	width:450px; 
	margin:0; 
	padding:0;
	overflow:hidden; 
}
div.edticker div.mask {
	position:relative;
	left:0px;
	top:0px;
	padding:5px 0;
	width:450px;
	overflow:hidden;
}
ul.newsticker { /* that's your list */
	position:relative;
	left:380px;
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.newsticker li {
	font-size:11px;
	float:left;
	margin:0;
	padding:0 20px;
}
ul.newsticker a {
	white-space:nowrap;
}