/* screen.css
------------------------------------------------------------------------



--------------------------------------------------------------------- */



/* Basic CSS Rules
--------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #f0f5f8 url('../img/body_bg.gif') center top repeat-y;
}




div#flashNav {
	height: 289px;
	background-color: #E9E6DD;
}

div#flashImg {
	background-image: url('../images/layout/flash_img.jpg');
	height: 381px;
	width: 1000px;
}
div#flashHeaderImg {
	background-image: url(../../bilder/flash/05pub.jpg);
	height: 381px;
	width: 1000px;
}

div#content table.dataTable tr {
	background: #e1e1e1;
}
div#content table.dataTable tr.rowFirst {
	background: #e1e1e1;
}
div#content table.dataTable tr.rowSecond {
	background: #f0f0f0;
}
div#content table.dataTable tr td {
	border: 1px solid #fff;
	padding: 2px 5px 2px 5px;
	color: #000;
	font-weight: normal;
}

div#content table.dataTable tr td.center {
	text-align: center;
}
div#content table.dataTable tr td.right {
	text-align: right;
}
div#content table.dataTable tr td.left {
	text-align: left;
}

div#content table.dataTable tr.rowHead {
	background: #9c0e0e;
}
div#content table.dataTable tr.rowHead td {
	color: #fff;
	font-weight: bold;
}

div#content table.dataTable tr.rowSubHead {
	background: #c6c6c6;
}
div#content table.dataTable tr.rowSubHead td {
	color: #000;
	font-weight: bold;
}

div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
}

h1 {
	color: #000;
	font-weight: bold;
	font-size: 19px;
	line-height: 22px;	
}

h2 {
	color: #000;
	font-weight: bold;		
}


h3 {
	color: #000;
	font-weight: bold;		
}

h4 {
	color: #000;
	font-weight: bold;		
}

object {
	display: block;
}

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: underline;
}

img {
	border: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}





/* Generelle Container (Seite und Hntergrund Container)
--------------------------------------------------------------------- */

#background {
	width: 100%;
	height: 600px;
	background: url('../img/gradient_winter_bg.gif') left top repeat-x;
	overflow: visible;
	
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#background #shadow {
	width: 100%;
	height: 520px;
	background: url('../img/shadow_winter.gif') center top no-repeat;
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#background #top_image {
	width: 100%;
	height: 600px;
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

#background #top_image .image {
	background: #f0f5f8;
	width: 1000px;
	height: 600px;
	padding: 2px 0 0 0;
	overflow: visible;
	margin: 0 auto;
}

#sitecontainer {
	width: 100%;
	overflow: visible;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;

}
#site {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	border-top: 2px solid #f00000;
	position: relative;
	
	overflow: visible;
}



/* Head Bereich (Logo, Metanavigation)
--------------------------------------------------------------------- */

#head {
	background: url('../img/metanav_line.gif') left bottom repeat-x;
	width: 1000px;
	height: 40px;
	padding: 0;
	overflow: visible;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 1000;
	background-image: url(../img/metanav_line.gif);
}

#head .logo {
	width: 180px;
	height: 40px;
	padding: 0 0 0 20px;
	overflow: hidden;
	float: left;
}


/* Saisonumschaltung
--------------------------------------------------------------- */
#seasons {
	width: 120px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	top: 18px;
	right: 47px;
	z-index: 1500;
	background-image: url(../../logo.gif);
}

#seasons .s_back {
	behavior: url('../js/iepngfix.htc');
	background: url('../img/season_bg_summer.png') right top no-repeat;	
	width: 105px;
	height: 65px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}


#seasons.winter .s_back {
	behavior: url('../js/iepngfix.htc');
	background: url('../img/season_bg_winter.png') right top no-repeat;	
	width: 105px;
	height: 65px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#seasons .s_link {
	width: 105px;
	height: 20px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 10;
}

#seasons .s_link a {
	/*background: url('../img/arrow_seasons.gif') right top no-repeat;*/
	display: block;
	width: 62px;
	height: 20px;
	overflow: hidden;
	float: right;
	text-decoration: none;
	padding: 0 43px 0 0;
	cursor: pointer;
}

#seasons .s_link a em {
	font-style:normal;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 3px 0;
	display: block;
	float: right;
}

#seasons .s_link a span.em {
	padding: 3px 0;
	display: block;
	float: right;
}

/* Suche
--------------------------------------------------------------- */
#site_search {
	width: 180px;
	height: 19px;
	padding: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 900;
}


#site_search form {
	width: 180px;
	padding: 0;
	overflow: hidden;
}


#site_search .searchterm {
	background: none;
	width: 146px;
	border: none;
	border-left: 1px solid #0082c8;
	border-bottom: 1px solid #0082c8;
	padding: 2px 6px 3px 6px;
	margin: 0;
	line-height: 14px;
	color: #fff;
	float: left;
}

#site_search input.submit {
	float: left;
	width: 21px;
	height: 19px;
	overflow: hidden;
}

/* Sprachauswahl
--------------------------------------------------------------- */
#languages {
	width: 131px;
	height: 23px;
	padding: 0;
	overflow: visible;
	position: absolute;
	top: 1px;
	right: 800px;
	z-index: 2000;
}

#languages .actualselect {
	width: 98px;
	height: 14px;
	overflow: hidden;
	border-left: 1px solid #0082c8;
	border-bottom: 1px solid #0082c8;
	padding: 2px 5px;
	color: #009BD9;
	float: left;
}

#languages .actualselect img {
	margin: 1px 5px 0 0;
	overflow: hidden;
	float: left;
}


#languages .selectbutton {
	float: left;
	width: 21px;
	height: 19px;
	overflow: hidden;
	cursor: pointer;
	background-image: url(../img/linkbutton_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#languages .options {
	background: #005a96;
	width: 128px;
	overflow: hidden;
	border-left: 1px solid #0082c8;
	border-right: 1px solid #0082c8;
	float: left;
}

#languages .options a {
	display: block;
	width: 118px;
	height: 14px;
	overflow: hidden;
	margin: 0;
	padding: 2px 5px;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #0082c8;
}

#languages .options a img {
	margin: 1px 5px 0 0;
	overflow: hidden;
	float: left;
}


/* Dropdown Skiregionen
--------------------------------------------------------------- */
#skiregions {
	background: #005a96;
	width: 180px;
	height: 19px;
	padding: 0;
	overflow: visible;
	position: absolute;
	top: 58px;
	left: 20px;
	z-index: 2000;
}

#skiregions .actualselect {
	width: 148px;
	height: 14px;
	overflow: hidden;
	border-left: 1px solid #0082c8;
	border-bottom: 1px solid #0082c8;
	padding: 2px 5px;
	color: #fff;
	float: left;
}

#skiregions .selectbutton {
	background: url('../img/dropdown_selectbutton.gif') left top no-repeat;
	float: left;
	width: 21px;
	height: 19px;
	overflow: hidden;
	cursor: pointer;
}


#skiregions .options {
	background: #005a96;
	width: 178px;
	overflow: hidden;
	border-left: 1px solid #0082c8;
	border-right: 1px solid #0082c8;
	float: left;
}

#skiregions .options a {
	display: block;
	width: 178px;
	height: 14px;
	overflow: hidden;
	margin: 0;
	padding: 2px 5px;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #0082c8;
}

#skiregions .options a.main {
	font-weight:bold;
}

#skiregions .options a.main.gastein {
	background:#fac800;
}

#skiregions .options a.main.grossarl {
	background:#fa6400;
}

#skiregions .options a.main.hochkoenig {
	background:#0082c8;
}

#skiregions .options a.main.sportwelt {
	background:#f00000;
}

#skiregions .options a.main.schladming {
	background:#5a9600;
}

#skiregions .options a.sub {
	padding-left:10px;
}

#skiregions .options a.sub:hover {
	background:#0082c8;
}




/* Brand Logo (Region, Ort)
--------------------------------------------------------------- */
#brand {
	behavior: url('../js/iepngfix.htc');
	background: url('../img/brand_bg.png') left top no-repeat;
	width: 180px;
	height: 145px;
	padding: 0 0 0 20px;
	overflow: hidden;
	position: absolute;
	top: 58px;
	left: 0;
	z-index: 900;
}

#brand img {
	behavior: url('../js/iepngfix.htc');
}

/* Metanavigation (Hauptnavigation)
--------------------------------------------------------------- */

#metanav {
	width: 790px;
	height: 40px;
	overflow: visible;
	padding: 0 0 0 10px;
	float: left;
}

#metanav ul {
	list-style: none;
	overflow: visible;
}

#metanav ul li {
	float: left;
	display: block;
	height: 40px;
	padding: 0 10px;
	position: relative;
}

#metanav ul li.sfhover {
	background: url('../img/metanav_hover.gif') left bottom no-repeat;
}

#metanav ul li a {
	text-decoration: none;
	cursor: pointer;
	display: block;
}

#metanav ul li em {
	font-style:normal;
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding: 19px 0 7px 0;
	display: block;
}

#metanav ul li span.em {
	padding: 19px 0 7px 0;
	display: block;
}

#metanav ul li.sfhover a, #metanav ul li.active a.active {
	background: url('../img/metanav_main_active.gif') left bottom repeat-x;
	text-decoration: none;
	cursor: pointer;
	display: block;
}


/* Ebene 2 (Aufklappen darunter)*/
#metanav ul li.sfhover ul {
	left: 0;
}

#metanav ul li ul {
	background: url('../img/metanav_sub_bg.png') left top repeat-y;
	position: absolute;
	top: 40px;
	left: -999em;
	overflow: visible;
	width: 138px;
	padding: 7px 0 15px 0;
}

*html #metanav ul li ul {
	background: url('../img/metanav_sub_bg.gif') left top repeat-y;
}

#metanav ul li ul li {
	overflow: visible;
	width: 137px;
	position: relative;
	padding:0 0 0 1px;
	margin: 0;
	height: auto;
	background: none !important;
}

#metanav ul li.sfhover ul li a {
	background: url('../img/nav_arrow_blue.gif') 9px 7px no-repeat;
	overflow: hidden;
	width: 113px;
	position: relative;
	padding: 3px 5px 3px 19px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

#metanav ul li.sfhover ul li.sfhover a {
	background: #0082c8 url('../img/nav_arrow_white.gif') 9px 7px no-repeat;
	cursor: pointer;
}

/* Ebene 3 (Aufklappen rechts) */

#metanav ul li.sfhover ul li.sfhover ul {
	left: 138px !important;
}

#metanav ul li ul li ul {
	background: #0082c8;
	overflow: visible;
	position: absolute;
	top: 0;
	left: -999em !important;
	padding: 0 0 15px 0;
	width: 140px;
}

#metanav ul li ul li ul li {
	overflow: visible;
	width: 140px;
	position: static;
	padding:0;
	margin: 0;
	background: none !important;
}


#metanav ul li.sfhover ul li.sfhover ul li a {
	background: none;
	overflow: hidden;
	width: 115px;
	position: relative;
	padding: 3px 5px 3px 20px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

#metanav ul li.sfhover ul li.sfhover ul li.sfhover a {
	background: url('../img/nav_arrow_white.gif') 10px 7px no-repeat;
	cursor: pointer;
}



/* Wetterbox (allgemein)
--------------------------------------------------------------- */

#weatherbox {
	width: 240px;
	height: 128px;
	overflow: hidden;
	position: absolute;
}


#weatherbox .wb_back {
	behavior: url('../js/iepngfix.htc');
	background: url('../img/weatherbox_bg.png') left top no-repeat;
	width: 240px;
	height: 128px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#weatherbox .wb_infos {
	width: 240px;
	height: 120px;
	overflow: hidden;
	padding: 2px 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#weatherbox .wb_infos h3 {
	width: 200px;
	height: 16px;
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 20px 0 20px;
	font-weight: normal;
	text-transform: uppercase;
	
	float: left;
}

#weatherbox .wb_infos span.h3 {
	width: 200px;
	height: 16px;
	overflow: hidden;
	padding: 5px 20px 0 20px;
	float: left;
	display: block;
}

#weatherbox .wb_infos .weather {
	width: 101px;
	height: 98px;
	overflow: hidden;
	padding: 0 0 0 15px;
	color: #fff;
	float: left;
}

#weatherbox .wb_infos .weather .today, #weatherbox .wb_infos .weather .tomorrow {
	width: 101px;
	height: 49px;
	overflow: hidden;
	padding: 0;
}

#weatherbox .wb_infos .weather .icon {
	width: 65px;
	height: 49px;
	overflow: hidden;
	padding: 0;
	float: left;
}

#weatherbox .wb_infos .weather .icon img {
	behavior: url('../js/iepngfix.htc');
}

#weatherbox .wb_infos .weather .today .date {
	padding: 18px 0 0 0;
	float: left;
}

#weatherbox .wb_infos .weather .tomorrow .date {
	padding: 5px 0 0 0;
	float: left;
}


#weatherbox .wb_infos .snowinfo {
	width: 122px;
	height: 80px;
	overflow: hidden;
	padding: 18px 0 0 2px;
	color: #fff;
	float: left;
}

#weatherbox .wb_infos .snowinfo .indicator {
	width: 114px;
	height: 14px;
	overflow: hidden;
	padding: 0 0 0 8px;
	margin: 0 0 5px 0;
}

#weatherbox .wb_infos .snowinfo .indicator label {
	display: block;
	width: 34px;
	height: 14px;
	overflow: hidden;
	padding: 0 2px 0 0;
	float: left;
}

#weatherbox .wb_infos .snowinfo .indicator .graph {
	width: 29px;
	height: 14px;
	overflow: hidden;
	padding: 0;
	margin: 0 7px 0 0;
	float: left;
}

#weatherbox .wb_infos .snowinfo .indicator .graph img {
	margin: 3px 0 0 0;
}


#weatherbox .wb_infos .snowinfo .indicator .percent {
	width: 40px;
	height: 14px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	float: left;
}

#weatherbox .wb_infos .snowinfo .snowdepth {
	width: 114px;
	height: 14px;
	overflow: hidden;
	padding: 0 0 0 8px;
	margin: -2px 0 4px 0;
}

#weatherbox .wb_infos .snowinfo a {
	background: url('../img/arrow_doublewhite.gif') left 4px no-repeat;
	padding: 0 0 0 15px;
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 8px;
	overflow: hidden;
}

#weatherbox .wb_infos .snowinfo .indicator label a {
	background: none;
	padding: 0 0 0 0;
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 0;
	overflow: visible;
}


/* Webcam Button und Webcam (allgemein)
--------------------------------------------------------------- */
#linkbuttons {
	width: 240px;
	height: 20px;
	overflow: hidden;
	position: absolute;
}

#linkbuttons .button {
	background: #005a96 url('../img/linkbutton_bg.gif') left top no-repeat;
	width: 86px;
	height: 20px;
	overflow: hidden;
	color: #fff;
	padding: 3px 0 0 31px; 
	float: left;
	cursor: pointer;
}


#webcams {
	background: #005a96;
	width: 240px;
	height: 20px;
	overflow: hidden;
	position: absolute;
}

#webcams .close {
	background: url('../img/close_webcams.gif') left top no-repeat;
	width: 21px;
	height: 20px;
	overflow: hidden;
	color: #fff;
	padding: 0; 
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}

#webcams #webcamslider {
	width: 240px;
	height: 131px;
	overflow: hidden;
}

#webcams #webcamslider .left {
	width: 37px;
	height: 64px;
	overflow: hidden;
	padding: 67px 0 0 0;
	float: left;
}

#webcams #webcamslider .left .slideCamleft {
	background: url('../img/webcam_slide_left.gif') left top no-repeat;
	width: 21px;
	height: 21px;
	overflow: hidden;
	cursor: pointer;
	float: left;
}

#webcams #webcamslider .left .hoverButton {
	background: #006eaf url('../img/webcam_slide_left.gif') left top no-repeat;
}

#webcams #webcamslider .webcamimages {
	width: 165px;
	height: 131px;
	overflow: hidden;
	float: left;
	position: relative;
}

#webcams #webcamslider .webcamimages .slider {
	height: 131px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 4950px;
}

#webcams #webcamslider .webcamimages .slider .webcam_thumb {
	width: 165px;
	height: 131px;
	overflow: hidden;
	float: left;
}

#webcams #webcamslider .webcamimages .slider .webcam_thumb label {
	display: block;
	width: 160px;
	height: 14px;
	padding: 3px 5px 4px 0;
	color: #fff;
	overflow: hidden;
}

#webcams #webcamslider .right {
	width: 37px;
	height: 64px;
	overflow: hidden;
	padding: 67px 0 0 0;
	float: right;
}

#webcams #webcamslider .right .slideCamright {
	background: url('../img/webcam_slide_right.gif') left top no-repeat;
	width: 21px;
	height: 21px;
	overflow: hidden;
	cursor: pointer;
	float: right;
}

#webcams #webcamslider .right .hoverButton {
	background: #006eaf url('../img/webcam_slide_right.gif') left top no-repeat;
}




/* Footer
--------------------------------------------------------------- */

#footer {
	background: url('../img/footer_line.gif') left top repeat-x;		
	width: 1000px;
	padding: 0;
	overflow: hidden;
}

#footer .footer_left {
	width: 755px;
	height: 28px;
	padding: 16px 0 0 20px;
	margin: 0;
	overflow: hidden;
	float: left;
	color: #5a6978;
}

#footer .footer_left a {
	color: #5a6978;
	text-decoration: none;	
}

#footer .footer_left a:hover {
	color: #f00000;
}

#footer .elementslogo {
	width: 155px;
	height: 40px;
	margin: 3px 0 0 0;
	padding: 0 20px 0 0;
	overflow: hidden;
	float: right;
}

#footer .elementslogo a  {
	background: url('../img/elements.gif') right 4px no-repeat;
	height: 14px;
	padding: 13px 30px 7px 0;
	color: #5a6978;
	text-decoration:none;
	overflow: hidden;
	display: block;
	width: 72px;
	float: right;
}

#footer .elementslogo a:hover {
	background: url('../img/elements_hover.gif') right 4px no-repeat;
}