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



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



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

body {
	margin: 0;
	padding: 0;
	background: #f0f5f8 url('') 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/05.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: normal;		
}


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

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

object {
	display: block;
}

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

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

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

a:active {
	color: #505e69;
	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 {
	width: 999px;
	height: 40px;
	padding: 0;
	overflow: visible;
	position: absolute;
	top: 338px;
	left: 1px;
	z-index: 1000;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(../../bilder/flash/br.jpg);
}

#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: 34px;
	right: 851px;
	z-index: 1500;
}

#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;
}



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

#languages .actualselect {
	width: 80px;
	height: 14px;
	overflow: hidden;
	border-left: 1px solid #0082c8;
	border-bottom: 1px solid #0082c8;
	padding: 2px 5px;
	color: #006EAF;
	float: left;
	background-color: #FFFFFF;
}

#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: 980px;
	height: 20px;
	overflow: visible;
	padding: 0 0 0 10px;
	float: left;
}

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

#metanav ul li {
	float: left;
	display: block;
	height: 20px;
	position: relative;
	padding-top: 10;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	top: 15px;
}

#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: #ffff;
	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: -123px;
	left: -999em;
	overflow: visible;
	width: 138px;
	padding: 7px 0 30px 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;
}





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

#linkbuttons .button {
	width: 240px;
	height: 20px;
	overflow: hidden;
	color: #006EAF;
	padding: 3px 0 0 31px;
	float: left;
	cursor: pointer;
	background-image: url(../../bilder/test.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#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;


}


/* IE 5.5, 6.0 PNG Fix */
div, #headerPortal img, #header img, #main .left img, #main .right img, #slidebox img{ behavior: url(../js/iepngfix.htc); }


body {
margin:0;
padding:0;
font-family:Tahoma, Verdana, Arial;
font-size:11px;
background-image:url(../img/body-bg.gif);
background-repeat:repeat-y;
background-color:#;
}

form {
padding:0;
margin:0;
}

img {
border:0px;
}

h2 {
font-size:13px;
text-transform:uppercase;
margin:0;
padding:0;
}

h2.white {
color:#FFFFFF;
}

h2.summer {
color:#007832;
}

h2.grey {
color:#505e69;
}

h3 {
font-size:11px;
font-weight:normal;
color:#006eb4;
padding:0 0 5px 0;
margin:0;
}

a {
color:#006eb4;
text-decoration:none;
}

select {
border:1px solid #FFFFFF;
font-size:11px;
}

input {
border:1px solid #d1d5d8;
background-color:#FFFFFF;
padding:0 0 0 3px;
margin:0;
font-size:11px;
}

hr {
	width:560px;
	margin-left:0px;
	_margin-left:-15px;
	height:2px;
	background-color:#adb6bd;
	color:#adb6bd;
	border:none;
}

#site {
}

#header {
width:980px;
float:left;
height:245px;
overflow:hidden;
position:relative;
}

#header .logo {
position:absolute;
left:50px;
top:0;
}

#header .sdtlogo {
position:absolute;
width:358px;
height:95px;
left:0;
top:0;
}

#header .sdtlogosmall {
position:absolute;
width:180px;
height:95px;
left:0;
top:0;
}

#header .regionlogo {
position:absolute;
left:170px;
top:0;
}

#header .sdtregionlogo {
position:absolute;
left:180px;
top:0;
}

#rightboxHg {
position:absolute;
right:0;
top:0;
width:180px;
height:215px;
padding:15px;
background-image:url(../img/rightbox-bg.png);
background-repeat:repeat;
background-position:top left;
}


#rightbox {
position:absolute;
right:0;
top:0;
width:180px;
height:215px;
padding:15px;
color:#FFFFFF;
z-index:400;
}


#rightbox .line {
float:left;
width:180px;
text-align:right;
overflow:hidden;
padding-bottom:3px;
}

#rightbox .linebottom {
float:left;
width:180px;
text-align:left;
overflow:hidden;
padding-bottom:4px;
}

#rightbox .submitline {
float:right;
width:25px;
height:20px;
overflow:hidden;
padding-bottom:3px;
}

#rightbox .lastline {
float:right;
width:105px;
text-align:left;
height:20px;
overflow:hidden;
padding-bottom:3px;
}

#rightbox .lastlinehotel {
float:right;
width:155px;
text-align:left;
height:20px;
overflow:hidden;
padding-bottom:3px;
}

#rightbox form {
float:left;
position:relative;
display:block;
}

#rightbox .submit {
background:none;
border:none;
margin-bottom:-4px;
}


#rightbox .slider {
float:left;
border-top:1px solid #404b56;
}

#rightbox .slider.first {
border:none;
}

#rightbox .slider .close {
float:left;
width:164px;
padding:3px 0 3px 16px;
background:url(../img/rightbox-plus.gif) no-repeat left 4px;
cursor:pointer;
}

#rightbox .slider .link {
float:left;
width:164px;
padding:3px 0 3px 16px;
background:url(../img/green-arrow.gif) no-repeat 4px 6px;
}

#rightbox .slider .open {
float:left;
width:180px;
height:130px;
padding-top:5px;
overflow:hidden;
position:relative;
}

#rightbox .slider .open img.h2 {
padding:0 0 5px 0;
}

#rightbox a {
color:#FFFFFF;
}






#header .languages {
display:block;
position:absolute;
top:220px;
right:0;
width:200px;
height:25px;
overflow:hidden;
background:#ebf0f2;
margin:0;
padding:0 0 0 10px;
z-index:1000;
}

#header .languages li {
float:left;
display:block;
margin:6px 10px 0 0px;
padding:0 0 0 10px;
background-image:url(../img/blue-arrow.gif);
background-position:center left;
background-repeat:no-repeat;
}

#header .languages li a {
color:#006eb4;
text-decoration:none;
}

.azform td {
height:22px;
}


/* navigation */
#navigation {
width:980px;
height:35px;
float:left;
position:relative;
overflow:hidden;
background-color:#FFFFFF;
}

#navigation ul {
list-style:none;
padding:0 0 0 10px;
margin:1px 0 0 0;
overflow:hidden;
}

#navigation ul li {
list-style:none;
float:left;
}

#navigation ul li a {
color:#505e69;
cursor:pointer;
padding:10px 20px 0 0;
display:block;
}

#navigation ul li.summer {
background:url(../img/icon_summer.png) no-repeat;
behavior: url(../js/iepngfix.htc);
}

#navigation ul li.winter {
background:url(../img/icon_winter.png) no-repeat;
behavior: url(../js/iepngfix.htc);
}


#navigation ul li.summer a, #navigation ul li.winter a {
padding:10px 20px 0 22px;
width:85px;
}

#navigation .search {
position:absolute;
width:200px;
height:35px;
right:10px;
top:1px;
}

#navigation .search .searchterm {
float:left;
overflow:hidden;
width:120px;
margin:8px 0 0 0;
}

#navigation .search .submit {
position:relative;
float:left;
overflow:hidden;
width:65px;
height:20px;
margin:10px 5px 0 0;
}

#navigation .search .searchterm input {
width:100px;
padding:2px 5px;
}

#navigation .search .submit input {
border:none;
padding:2px 5px;
width:auto;
}

#navigation .search .submit .arrow {
position:absolute;
right:4px;
top:2px;
}


#main {
float:left;
width:980px;
border-top:15px solid #ebf0f2;
background-image:url(../img/main-bg.gif);
}

#main .left {
float:left;
width:150px;
padding:13px 15px 0 15px;
overflow:hidden;
}

#main .middle {
float:left;
width:590px;
}

#main .middle.full {
width:800px;
background:#ebf0f2;
}

#main .right {
float:left;
width:180px;
padding:13px 15px 15px 15px;
}

/* Section Icons */

	#section_icons {
	width: 170px;
	height: 47px;
	overflow: hidden;
	margin: 0;
	paddin: 0;
	padding-left: 0px;
	}
	
	#section_icons a {
		display: block;
		float: left;
		padding: 0;
		height: 42px;
		width: 24px;
		overflow: hidden;
		text-decoration: none !important;
		margin-bottom: 10px;
		margin-right: 7px;
		background-position: -2px 0 !important;
	}
	
	#section_icons a#si_schnee, #section_icons a#si_baden {
		margin-right: 0;
	}	
	
	a#si_anfrage:link, a#si_anfrage:visited {
	background-image: url(../../images/01.png);
	}	
	a#si_anfrage:hover, a#si_anfrage:active {
	background-image: url(../../images/01+.png);
	}	
	
		
	
	a#si_suche:link, a#si_suche:visited {
	background-image: url(../../images/02.png);
	}	
	a#si_suche:hover, a#si_suche:active {
	background-image: url(../../images/01+.png);
	}	


	a#si_pauschal:link, a#si_pauschal:visited {
	background-image: url(../../images/03.png);
	}	
	a#si_pauschal:hover, a#si_pauschal:active {
	background-image: url(../../images/01+.png);
	}	


	a#si_cam:link, a#si_cam:visited {
	background-image: url(../../images/04.png);
	}	
	a#si_cam:hover, a#si_cam:active {
	background-image: url(../../images/01+.png);
	}	

	


	a#si_help:link, a#si_help:visited {
	background-image: url(../../images/05.png);
	}	
	a#si_help:hover, a#si_help:active {
	background-image: url(../../images/01+.png);
	}