/* portal.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules nassfeld portal 

Author: elements.at 
--------------------------------------------------------------------- */


/* general overwrites
---------------------------------------------------------------------*/

body {
 	background: #e1eff6 url(/static/source/img/gradient_portal_right.png) left top repeat-x;
}	

#background {
	height: 620px;
}

#background .leftgradient {
	background: url(/static/source/img/gradient_portal_left.png) left top repeat-x;
	height: 620px;
}

#background_image {
	background: url(/static/source/img/backgrounds/background_portal.png) center top no-repeat;
	height: 620px;
	margin-top: -620px;
}

#sitecontainer {
	margin-top: -620px;
}

#footer {
	background: #e1eff6 url(/static/source/img/footer_portal_bg.png) left top no-repeat;
}

#footer .switchbutton {
	width: 955px;
	height: 20px;
	overflow: hidden;
	padding: 0 0 0 25px;
}

#footer .switchbutton a {
	display: block;
	background: url(/static/source/img/footer_button_bg.gif) left top repeat-x;
	overflow: hidden;
	padding: 3px 10px;
	text-decoration: none;
	color: #458bac;
	float: left;
}
#footer .footer_elements {
	height: 70px;
}

/* Portal
---------------------------------------------------------------------*/
#portal {
	background: #fff;
	width: 980px;
	height: 620px;
	overflow: hidden;
	position: relative;
}

#portal .portal_sujet {
	width: 980px;
	height: 620px;
	overflow: hidden;
}

#portal_news {
	position:absolute;
	top:130px;
	left:810px;
	width:170px;
	height:210px;
	overflow:hidden;
	z-index:300;
}

#portal_news .pn_box {
	position:relative;
	float:left;
	width:170px;
	height:210px;
	overflow:hidden;
	z-index:10;
}

#portal_news .pn_box .pn_background {
	background:url(/static/source/img/portal_news_winter.png) no-repeat;
	behavior: url(/static/source/js/iepngfix.htc);
	position:absolute;
	top:0;
	left:0;
	width:170px;
	height:210px;
	overflow:hidden;
	z-index:15;
}

#portal_news .pn_box .pn_news {
	position:absolute;
	top:0;
	left:0;
	width:165px;
	cursor:pointer;
	padding:68px 0 0 5px;
	overflow:hidden;
	z-index:20;
}

#portal_news .pn_box .pn_news .pn_head {
	float:left;
	width:165px;
	padding:0 0 5px 0;
	overflow:hidden;
}

#portal_news .pn_box .pn_news .pn_head h3 {
	color:#186498;
	font-size:18px;
	text-align:center;
	font-style:italic;
	font-weight:normal;
	line-height:20px;
	overflow:hidden;
	width:165px;
}

#portal_news .pn_box .pn_news .pn_text {
	float:left;
	color:#555;
	text-align:center;
	width:165px;
	padding:0 0 5px 0;
	overflow:hidden;
}

#portal_news .pn_box .pn_news .pn_link {
	float:left;
	padding:0 0 0 65px;
	overflow:hidden;
}

#portal_news .pn_box .pn_news .pn_link a {
	background:url(/static/source/img/arrow_blue.gif) 0 5px no-repeat;
	color:#186498;
	display:block;
	float:left;
	overflow:hidden;
	padding:1px 0 1px 10px;
}


/* vacancybox overwrites*/
#vacancybox {
	position: absolute;
	left: 810px;
	top: 345px;
	z-index: 100;
}

/* linkbox overwrites*/
#linkbox {
	position: absolute;
	left: 780px;
	top: 520px;
	z-index: 100;
}

/* hotline overwrites  */
#hotline {
	background: url(/static/source/img/hotline_icon_white.gif) 7px top no-repeat;
	position: absolute;
	left: 227px;
	top: 573px;
	z-index: 100;
}

/* Portal elemente
---------------------------------------------------------------------*/

/* arrivalbox */
#arrivalbox {
	width: 175px;
	height: 115px;
	overflow: hidden;
	position: absolute;
	left: 25px;
	top: 467px;
	z-index: 100;
}

#arrivalbox h3 {
	width: 175px;
	overflow: hidden;
	color: #666;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
}

#arrivalbox .arrival_map {
	width: 175px;
	height: 95px;
	overflow: hidden;
}

/* webcamsportal */
#webcams_portal {
	background: #fff;
	width: 180px;
	height: 135px;
	overflow: hidden;
	position: absolute;
	left: 25px;
	top: 460px;
	z-index: 100;
}

#webcams_portal .slideCamleft {
	background: url(/static/source/img/slide_cam_left.gif) left top no-repeat;
	width: 17px;
	height: 17px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 118px;
	z-index: 50;
}

#webcams_portal .slideCamright {
	background: url(/static/source/img/slide_cam_right.gif) left top no-repeat;
	width: 17px;
	height: 17px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	left: 163px;
	top: 118px;
	z-index: 50;
}

#webcams_portal .webcamimages {
	background: url(/static/source/img/webcamportal_bg.gif) left bottom repeat-x;
	width: 180px;
	height: 135px;
	overflow: hidden;
	position: relative;
}

#webcams_portal .webcamimages .slider {
	width: 1800px;
	height: 135px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#webcams_portal .webcamimages .slider .webcam_thumb {
	width: 180px;
	height: 135px;
	overflow: hidden;
	float: left;
}

#webcams_portal .webcamimages .slider .webcam_thumb a {
	display: block;
	width: 180px;
	height: 135px;
	overflow: hidden;
	position: relative;
}

#webcams_portal .webcamimages .slider .webcam_thumb .image {
	display: block;
	width: 180px;
	height: 117px;
	overflow: hidden;
}

#webcams_portal .webcamimages .slider .webcam_thumb .image img {
	margin: -1px 0 0 -1px;
}

#webcams_portal .webcamimages .slider .webcam_thumb .thumb_caption {
	display: block;
	width: 180px;
	height: 15px;
	overflow: hidden;
	padding: 1px 0 2px 0;
	color: #666;
	text-align: center;
	font-size: 11px;
}



/* weatherbox */
#weatherbox {
	width: 250px;
	height: 165px;
	overflow: hidden;
	position: absolute;
	left: 227px;
	top: 390px;
	z-index: 100;
}

#weatherbox .head {
	width: 235px;
	height: 23px;
	overflow: hidden;
	padding: 0 0 0 15px;
}

#weatherbox .head h3 {
	width: 235px;
	overflow: hidden;
	color: #666;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
}

/* weatherdata normal */
#weatherbox .weather_data {
	width: 250px;
	height: 65px;
	overflow: hidden;
}

#weatherbox .weather_data .weathertime {
	width: 58px;
	height: 65px;
	overflow: hidden;
	margin: 0 6px 0 0;
	float: left;
}

#weatherbox .weather_data .weathertime.last {
	margin: 0;
}

#weatherbox .weather_data .weathertime .icon {
	width: 58px;
	height: 48px;
	overflow: hidden;
}

#weatherbox .weather_data .weathertime .time {
	width: 43px;
	height: 15px;
	overflow: hidden;
	padding: 2px 0 0 15px;
	color: #a3a3a3;
}

/* weather daily */
#weatherbox .weather_daily {
	width: 250px;
	height: 65px;
	overflow: hidden;
}

#weatherbox .weather_daily .icon {
	width: 58px;
	height: 48px;
	overflow: hidden;
	padding: 5px 5px 0 46px;
	float: left;
}

#weatherbox .weather_daily .temperature {
	width: 120px;
	height: 45px;
	overflow: hidden;
	padding: 20px 0 0 20px;
	float: left;
}

#weatherbox .weather_daily .temperature strong {
	overflow: hidden;
	color: #72aac2;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
}

#weatherbox .resort_info {
	background: url(/static/source/img/resort_info_line.gif) 15px bottom no-repeat;
	width: 235px;
	height: 35px;
	overflow: hidden;
	padding: 10px 0 0 15px;
}


#weatherbox .resort_info .snow_high {
	width: 120px;
	height: 15px;
	overflow: hidden;
	padding: 0;
	color: #666;
	font-size: 11px;
	float: left;
}

#weatherbox .resort_info .snow_low {
	width: 115px;
	height: 15px;
	overflow: hidden;
	color: #666;
	text-align: right;
	font-size: 11px;
	float: left;
}

#weatherbox .resort_info .freshsnow {
	width: 235px;
	height: 15px;
	overflow: hidden;
	padding: 0;
	color: #666;
	font-size: 11px;
	float: left;
}

#weatherbox .webo_links {
	width: 235px;
	height: 16px;
	overflow: hidden;
	padding: 5px 0 0 15px;
}

#weatherbox .webo_links .wb_link {
	width: 110px;
	height: 16px;
	overflow: hidden;
	padding: 0 5px 0 0;
	float: left;
}

#weatherbox .webo_links .wb_link a {
	background: url(/static/source/img/arrow_blue.gif) left center no-repeat;
	display: block;
	overflow: hidden;
	padding: 1px 0 1px 10px;
	color: #458bac;
	float: left;
}

/* specialteaser  */
#special_teaser {
	width: 230px;
	height: 145px;
	overflow: hidden;
	position: absolute;
	left: 505px;
	top: 460px;
	z-index: 100;
	cursor: pointer;
}

#special_teaser .st_head {
	width: 195px;
	height: 20px;
	overflow: hidden;
	padding: 0 0 0 35px;
}

#special_teaser .st_head h3 {
	width: 195px;
	overflow: hidden;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
}

#special_teaser .st_text {
	width: 195px;
	height: 65px;
	overflow: hidden;
	padding: 0 0 0 35px;
	margin: 0 0 8px 0;
}

#special_teaser .st_text .stt_entry {
	background: url(/static/source/img/checkmark_white.gif) left 4px no-repeat;
	width: 181px;
	overflow: hidden;
	padding: 0 0 0 14px;
	margin: 2px 0 0 0;
	color: #fff;
}

#special_teaser .st_priceline {
	background: url(/static/source/img/specialteaser_price_bg.gif) left top no-repeat;
	width: 230px;
	height: 41px;
	overflow: hidden;
}

#special_teaser .st_priceline a {
	display: block;
	width: 195px;
	height: 41px;
	overflow: hidden;
	padding: 0 0 0 25px;
}

#special_teaser .st_priceline label {
	display: block;
	width: 105px;
	height: 16px;
	overflow: hidden;
	margin: 14px 7px 0 0;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	cursor: pointer;
	float: left;
}

#special_teaser .st_priceline strong {
	display: block;
	width: 68px;
	overflow: hidden;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
	margin: 11px 0 0 0;
	cursor: pointer;
	float: left;
}

/* specialteaser simple  */
#special_teaser_simple {
	width: 230px;
	height: 150px;
	overflow: hidden;
	position: absolute;
	left: 505px;
	top: 460px;
	z-index: 100;
	cursor: pointer;
}

#special_teaser_simple .sts_head {
	width: 195px;
	height: 20px;
	overflow: hidden;
	padding: 0 0 0 35px;
}

#special_teaser_simple .sts_head h3 {
	width: 195px;
	overflow: hidden;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
}

#special_teaser_simple .sts_text {
	width: 185px;
	overflow: hidden;
	padding: 5px 0 5px 35px;
	color: #fff;
	line-height: 15px;
}

#special_teaser_simple .sts_link {
	width: 185px;
	overflow: hidden;
	padding: 0 0 0 35px;
	color: #fff;
	line-height: 15px;
}

#special_teaser_simple .sts_link a {
	background: url(/static/source/img/arrow_white.gif) left 4px no-repeat;
	overflow: hidden;
	color: #fff;
	padding: 0 0 0 10px;
}




/* top event teaser  */
#top_events {
	width: 210px;
	height: 185px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	left: 0;
	top: 265px;
	z-index: 100;
}

#top_events .header {
	width: 210px;
	height: 88px;
	overflow: hidden;
	background: none;
}

#top_events.surprise .header {
	behavior: url(/static/source/js/iepngfix.htc);
	background: url(/static/source/img/nice_surprice_header.png) left top no-repeat;
}

#top_events h3 {
	width: 170px;
	height: 20px;
	overflow: hidden;
	color: #666;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	font-style: italic;
	margin: 60px 0 0 25px;
}

#top_events.surprise h3 {
	display: none;
}

#top_events .te_text {
	width: 175px;
	height: 78px;
	overflow: hidden;
	margin: 0 0 0 25px;
}

#top_events .te_text .location {
	width: 175px;
	height: 15px;
	overflow: hidden;
	color: #458bac;
}

#top_events .te_text .eventdate {
	width: 175px;
	height: 15px;
	overflow: hidden;
	color: #a3a3a3;
	margin: 0 0 3px 0;
}

#top_events .te_text .eventtext {
	width: 175px;
	height: 45px;
	overflow: hidden;
	color: #666;
}

#top_events .te_link {
	width: 175px;
	height: 16px;
	overflow: hidden;
	padding: 2px 0 0 25px;
}

#top_events .te_link a {
	background: url(/static/source/img/arrow_blue.gif) left center no-repeat;
	display: block;
	overflow: hidden;
	padding: 1px 0 1px 10px;
	color: #458bac;
	float: left;
}