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

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

#portal_image {
	width: 1000px;
	height: 577px;
	overflow: hidden;
}


/* Teaser Portalseite 
-----------------------------------------------------------------------*/
#portalteaser {
	width: 744px;
	height: 182px;
	overflow: visible !important;
	position: absolute;
	left: 20px;
	top: 378px;
	z-index: 500;
}

#portalteaser .teaser {
	background: url(/static/img/portalteaser_bg.gif) left bottom no-repeat;
	width: 182px;
	height: 182px;
	overflow: hidden;
	padding: 0;
	margin: 0 4px 0 0;
	float: left;
	position: relative;
	cursor: pointer;
}

#portalteaser .teaser .topline {
	background: #0082c8;
	width: 182px;
	height: 3px;
	overflow: hidden;
}

#portalteaser .teaser .image {
	width: 182px;
	height: 107px;
	overflow: hidden;
}

#portalteaser .teaser h3 {
	width: 162px;
	height: 28px;
	overflow: hidden;
	color: #283746;
	font-size: 12px;
	padding: 7px 10px;
	font-weight: normal;
}

#portalteaser .teaser span.h3 {
	width: 162px;
	height: 28px;
	overflow: hidden;
	padding: 7px 10px;
	display: block;
}

#portalteaser .teaser .opentext {
	width: 162px;
	height: 130px;
	overflow: hidden;
	padding: 0 10px;
	color: #5a6978;
	background: none;
}


#portalteaser .teaser .opentext a {
	color: #5a6978;
	text-decoration: none;
}

#portalteaser .teaser .opentext .linklist a {
	background: url(/static/img/arrow_blue.gif) left 4px no-repeat;
	width: 149px;
	overflow: hidden;
	padding: 0 0 0 13px;
	color: #006eaf;
	text-decoration: none;
	display: block;
	margin: 5px 0 0 0;
}

#portalteaser .teaser .opentext .linklist a:hover {
	background: url(/static/img/arrow_red.gif) left 4px no-repeat;
	color: #f00000;
}

#portalteaser .slide {
	cursor: default;
	z-index:300;
}

#portalteaser .teaser .opentext .vacationplanner p {
	padding: 0 0 4px 0;
	overflow: hidden;
}

#portalteaser .teaser .opentext .vacationplanner p input {
	width: 15px;
	background: #fff;
	border: 1px solid #b6bbc0;
	padding: 2px 0 2px 5px;
	line-height: 14px;
	margin: 0 4px 0 0;
	overflow: hidden;
	color: #000;
}

#portalteaser .teaser .opentext .vacationplanner p select {
	width: 161px;
	background: #fff;
	border: 1px solid #b6bbc0;
	padding: 1px 1px 1px 1px;
	overflow: hidden;
	color: #000;
}

#portalteaser .teaser .opentext .vacationplanner p select.day {
	width: 40px;
	float: left;
	margin: 0 3px 0 0;
}

#portalteaser .teaser .opentext .vacationplanner p select.month {
	width: 40px;
	float: left;
	margin: 0 3px 0 0;
}

#portalteaser .teaser .opentext .vacationplanner p select.year {
	width: 50px;
	float: left;
	margin: 0 3px 0 0;
}

#portalteaser .teaser .opentext .vacationplanner p .calendar_icon {
	background: url(/static/img/calendar_1.gif) left top no-repeat;
	display: block;
	width: 23px;
	height: 19px;
	overflow: hidden;
	cursor:pointer;
	
	float: left;
}

#portalteaser .teaser .opentext .vacationplanner p a {
	background: url(/static/img/arrow_blue.gif) left 4px no-repeat;
	width: 149px;
	overflow: hidden;
	padding: 0 0 0 13px;
	color: #006eaf;
	text-decoration: none;
	display: block;
	margin: 5px 0 0 0;
}

#portalteaser .teaser .opentext .vacationplanner p a:hover {
	background: url(/static/img/arrow_red.gif) left center no-repeat;
	color: #f00000;
}

#portalteaser .teaser .opentext .vacationplanner .submit {
	background: #f00000 url(/static/img/arrow_search.gif) no-repeat scroll 9px 4px;
	border:	1px solid #f00000;
	color: #fff;
	cursor: pointer;
	line-height: 11px;
	overflow: visible;
	padding: 1px 14px 1px 24px;
	width: auto;
}


#portalteaser .teaser .opentext.vacation {
	margin: -15px 0 0 0;
	height: 145px;
}
#portalteaser .teaser .opentext.vacation .vacationplanner p {
	padding: 0 0 2px 0;
	overflow: hidden;
}


/* Flashmap (Portal)
-----------------------------------------------------------------------*/
#flashmap {
	width: 240px;
	height: 199px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 378px;
	z-index: 400;
}

/* Portal Elements (Wetterbox, Sonderaktionen, Flashheadline)
-----------------------------------------------------------------------*/
#portal_elements {
	width: 1000px;
	height: 322px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 56px;
	z-index: 200;
}

/* Flashclaim im CMS frei positionierbar hier nur default*/
#claim {
	width: 760px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	top: 120px;
	left: 100px;
	z-index: 5;
}

/* Special (zB Snowalert) */
#special {
	width: 240px;
	height: 140px;
	overflow: hidden;
	position: absolute;
	top: 122px;
	right: 0;
	z-index: 5;
}

#special img {
	behavior: url(/static/js/iepngfix.htc);
}


/* Wetterbox */
#weatherbox {
	width: 240px;
	/*height: 128px;*/
	height: 149px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

#weatherbox .wb_back {
	background:url(/static/img/weatherbox_bg_small.png) no-repeat;
	height:149px;
}


/* Webcambutton */
#linkbuttons {
	width: 240px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	/*top: 122px;*/
	top: 143px;
	right: 0;
	z-index: 20;
}


/* Webcambox */
#webcams {
	background: #005a96;
	width: 240px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	/*top: 122px;*/
	top: 143px;
	right: 0;
	z-index: 40;
}

/* Resort Teaser 
-----------------------------------------------------------------------*/
#resort_teaser {
	width: 744px;
	height: 182px;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 378px;
	z-index: 500;
}

#resort_teaser .teaser {
	background: url(/static/img/portalteaser_bg.gif) left bottom no-repeat;
	width: 182px;
	height: 182px;
	overflow: hidden;
	padding: 0;
	margin: 0 4px 0 0;
	float: left;
	cursor: pointer;
}

#resort_teaser .teaser h3 {
	width: 162px;
	height: 28px;
	overflow: hidden;
	color: #283746;
	font-size: 12px;
	padding: 7px 10px;
	font-weight: normal;
}

#resort_teaser .teaser span.h3 {
	width: 162px;
	height: 28px;
	overflow: hidden;
	padding: 7px 10px;
	display: block;
}

#resort_teaser .teaser .t_text {
	width: 162px;
	height: 98px;
	overflow: hidden;
	padding: 0 10px;
	margin: 9px 0 0 0;
	color: #5a6978;
}

#resort_teaser .teaser .t_text a {
	text-decoration: none;
	color: #5a6978;
}


#resort_teaser .teaserwide {
	background: url(/static/img/resortwide_bg.gif) left bottom no-repeat;
	width: 310px;
	height: 182px;
	overflow: hidden;
	padding: 0;
	margin: 0 4px 0 0;
	float: left;
}

#resort_teaser .teaserwide h3 {
	width: 290px;
	height: 28px;
	overflow: hidden;
	color: #283746;
	font-size: 12px;
	padding: 7px 10px;
	font-weight: normal;
}

#resort_teaser .teaserwide span.h3 {
	width: 290px;
	height: 28px;
	overflow: hidden;
	padding: 7px 10px;
	display: block;
}

#resort_teaser .teaserwide .t_text {
	width: 290px;
	height: 98px;
	overflow: hidden;
	padding: 0 10px;
	margin: 9px 0 0 0;
	color: #5a6978;
}

#resort_teaser .teaserwide .t_links {
	width: 290px;
	overflow: hidden;
	padding: 0 10px;
	margin: 5px 0 0 0;
}

#resort_teaser .teaserwide .t_links a {
	background: url(/static/img/arrow_blue.gif) left 5px no-repeat;
	overflow: hidden;
	padding: 0 0 0 10px;
	margin: 0 20px 0 0;
	text-decoration: none;
	color: #006eaf;
	float: left;
}


#resort_teaser .top_teaser {
	background: url(/static/img/resort_tophotel_bg.gif) left bottom no-repeat;
	width: 240px;
	height: 92px;
	overflow: hidden;
	padding: 0;
	margin: 0 4px 0 0;
	float: left;
	cursor: pointer;
}

#resort_teaser .top_teaser .image {
	width: 90px;
	height: 90px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
}

#resort_teaser .top_teaser .th_text {
	width: 150px;
	height: 90px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
}

#resort_teaser .top_teaser .th_text h3 {
	width: 130px;
	overflow: hidden;
	color: #283746;
	font-size: 12px;
	padding: 7px 10px;
	font-weight: normal;
}

#resort_teaser .top_teaser .th_text span.h3 {
	width: 130px;
	overflow: hidden;
	padding: 7px 10px;
	display: block;
}

#resort_teaser .top_teaser .th_text p {
	width: 130px;
	overflow: hidden;
	color: #283746;
	padding: 0 10px;
}

#resort_teaser .top_teaser .th_text p i.ort {
	font-style: normal;
	color: #5a6978;
}


#resort_teaser .adress_teaser {
	background: url(/static/img/resort_adress_bg.gif) left bottom no-repeat;
	width: 240px;
	height: 82px;
	overflow: hidden;
	padding: 0;
	margin: 9px 4px 0 0;
	float: left;
}

#resort_teaser .adress_teaser p {
	width: 210px;
	overflow: hidden;
	color: #5a6978;
	padding: 7px 10px 0 10px;
}

#resort_teaser .adress_teaser p a {
	background: url(/static/img/arrow_blue.gif) left 5px no-repeat;
	overflow: hidden;
	padding: 0 0 0 10px;
	margin: 0 ;
	text-decoration: none;
	color: #006eaf;
}



/* WE EDITMODE BILDAUSWAHL*/
#we_bg_image {
	width: 200px;
	overflow: hidden;
	position: absolute;
	top: 120px;
	left: 200px;
	z-index: 10;
}



/* flash banner header */

#flashHeaderAd {
	position:absolute;
	top:58px;
	left:0;
	z-index:300;
}