@charset "utf-8";
/* CSS Document */
html, body{
	height: 100%;
	background-color: #dff1f4;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	background-image: url(../images/bgHtml.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

* html{
	height: 100%;
}

#container{
	min-height: 100%;
	width: 848px;
	margin: auto;
	background-image: url(../images/bgNeu.png);
	background-repeat: repeat-y;
}

* html #container{
	height: 100%;
}

#flashheader{
	width: 840px;
	margin: auto;
	height: 313px;
}

#navigation{
	width: 840px;
	margin: 0px 0px 0px -420px;
	padding: 0px;
	height: 70px;
	position: absolute;
	z-index: 30;
	left: 50%;
}

#content{
	width: 840px;
	min-height: 100%;
	margin: auto;
	background-color: #81cdd9;
	padding-top: 35px;
}

#content{
	height: 100%;
}

#maincontent{
	width: 600px;
	min-height: 800px;
	float: left;
	background-color: #ffffff;
}

* html #maincontent{
	/*height: 400px;*/
	height: 100%;
}

#rightbox{
	width: 240px;
	min-height: 600px;
	float: right;
	background-color: #81cdd9;
}

* html #rightbox{
	/*height: 600px;*/
	height: 100%;
}

#newsletterform{
	width: 200px;
	min-height: 180px;
	background-color: #dff1f5;
	margin: 0px 0px 0px 20px;
	padding-bottom: 0px;
}

* html #newsletterform{
	height: 180px;
}

a.rundgang{
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	width: 190px;
	height: 20px;
	display: block;
	background-color: #9ad7e1;
	color: #ffffff;
	text-decoration: none;
	text-align: right;
	padding: 3px 10px 0px 0px;
	margin:0px 0px 0px 20px;
}

a.rundgang:hover{
	background-color: #ffffff;
	color: #000000;
}

input, select{
	font-size: 10px;
	border: 1px solid #999999;
}

h3{
	font-size: 14px;
	margin: 8px 0px 5px 0px;
	padding: 0px;
}

h1{
	font-size: 16px;
	margin: 20px 0px 0px 25px;
	padding: 0px;
	color: #99cccc;
}

.saison_header{
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color: #99cccc;
}

.suchen{
	width: 70px;
	height: 20px;
	background-image: url(../images/btn_suchen.gif);
	display: block;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}

.btn_anfragen{
	width: 90px;
	height: 20px;
	background-image: url(../images/btn_anfragen.gif);
	display: block;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}

#suchform{
	width: 200px;
	min-height: 200px;
	background-color: #dff1f5;
	margin: 0px 0px 10px 20px;
	padding-bottom: 10px;
}

* html #suchform{
	height: 200px;
}

a.infos{
	width: 70px;
	height: 20px;
	background-image: url(../images/btn_infos.gif);
	display: block;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}

a.anfrage{
	width: 70px;
	height: 20px;
	background-image: url(../images/btn_anfrage.gif);
	display: block;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}

a.mehr{
	width: 70px;
	height: 20px;
	background-image: url(../images/btn_mehr.gif);
	display: block;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}

.inputown{
	font-size: 10px;
	border: 1px solid #999999;
	width: 250px;
}

.selectown{
	font-size: 10px;
	border: 1px solid #999999;
	width: 255px;
}

.textareaown{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #999999;
	width: 250px;
	overflow: auto;
}

.btn_senden{
	width: 70px;
	height: 20px;
	background-image: url(../images/btn_senden.gif);
	display: block;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}

.btn_berechnen{
	width: 90px;
	height: 20px;
	background-image: url(../images/btn_berechnen.gif);
	display: block;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}

.btn_eintragen{
	width: 90px;
	height: 20px;
	background-image: url(../images/btn_eintragen.gif);
	display: block;
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
}

.content_txt{
	width: 550px;
	text-align: justify;
	margin: 20px 0px 10px 25px;
	line-height: 16px;
}

.content_txt_so{
	width: 550px;
	min-height: 160px;
	text-align: justify;
	margin: 20px 0px 10px 25px;
	line-height: 16px;
}

* html .content_txt_so{
	height: 160px;
}

.content_tbl{
	width: 555px;
	margin-top: 25px;
}

.content_tbl tr{
	height: 35px;
}

.content_tbl td{
	border-bottom: 1px solid #99eaf6;
}

* html .content_tbl img{
	behavior: url(png/iepngfix.htc);
}

a.textlink{
	color: #999999;
}

a.textlink:hover{
	text-decoration: none;
}

.sitemap{
	list-style-type: none;
	margin: 0px 0px 0px 25px;
	padding: 0px;
}

.sitemap a{
	font-size: 14px;
	font-weight: bold;
	color: #99cccc;
	text-decoration: none;
}

.sitemap li{
	padding: 5px 0px 0px 0px;
}

.sitemap ul{
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

.sitemap ul li{
	padding: 5px 0px 0px 0px;
}

.sitemap ul li a{
	font-size: 12px;
	color: #999999;
}

.sitemap ul li ul{
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

.sitemap ul li ul li a{
	font-size: 11px;
	color: #999999;
}

img{
	border: 0px;
}

#vip-package-content h1{
	margin: 0px;
	padding: 0px;
	color: #2c292d;
}

#vip-package-content p{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #2c292d;
	line-height: 18px;
	text-align: justify;
}

#vip-package{
	width: 544px;
	min-height: 200px;
	margin: 20px 0px 0px 40px;
}

#vip-package-img{
	width: 544px; height: 208px;
}

#vip-package-content{
	width: 544px;
	height: 1px;
	font-size: 1px;
	background-image: url(../images/banner/vipContent.jpg);
	background-repeat: repeat-y;
}

#vip-content{
	width: 496px;
	display: none;
	margin-left: 23px;
	font-size: 11px;
}

#vip-content ul{
	color: #2c292d;
	margin: 0px;
	padding: 10px 0px 0px 13px;
}

.list-content{
	width: 170px; float: left;
}

.vip-details{
	width: 145px; margin-left: 10px; height: 56px; margin-top: 10px; border-left: 1px solid #fff; float: left;
}

.vip-details-info{
	padding: 0px 0px 0px 10px; color: #2c292d; margin: 0px;
}

.vip-preis{
	font-weight: bold; color: #2c292d; font-size: 12px; margin: 13px 0px 0px 10px;
}

a.vip-show{
	width: 25px;
	height: 25px;
	display: block;
	background-image: url(../images/banner/vipShow.gif);
	background-repeat: no-repeat;
}

#vip-show-holder{
	width: 25px;
	height: 25px;
	position: absolute;
	z-index: 5;
	margin: 185px 0px 0px 3px;
	cursor: pointer;
}

a.vip-hide{
	width: 25px;
	height: 25px;
	display: block;
	background-image: url(../images/banner/vipHide.gif);
	background-repeat: no-repeat;
}

#vip-hide-holder{
	width: 25px;
	height: 25px;
	position: absolute;
	z-index: 5;
	margin: 180px 0px 0px 491px;
	cursor: pointer;
}

a.btn-mehr{
	width: 85px;
	height: 18px;
	display: block;
	background-image: url(../images/btnMehr.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

a.btn-mehr:hover{
	width: 85px;
	height: 18px;
	display: block;
	background-image: url(../images/btnMehr.png);
	background-repeat: no-repeat;
	background-position: 0 -18px;
}

.start-box{
	width: 170px;
	margin-right: 13px;
	float: left;
}

.start-box p{
	margin: 0px; padding: 8px; color: #fff; text-align: justify; background-color: #216195;
}

.vorteile{
	margin: 0px 0px 0px 20px;
	width: 200px;
	color: #fff;
}

.vorteile div{
	background-color: #fff;
	color: #999;
}

.vorteile a{
	display: block;
	height: 25px;
	background-color: #216195;
	cursor: pointer;
}

.vorteile a.sonne-bergpanorama{
	width: 200px;
	height: 25px;
	background-image: url(../images/vorteile.png);
	background-repeat: no-repeat;
	background-position: 0 -75px;
}

.vorteile a.schneesicherheit{
	width: 200px;
	height: 25px;
	background-image: url(../images/vorteile.png);
	background-repeat: no-repeat;
	background-position: 0 -50px;
}

.vorteile a.keine-warteschlangen{
	width: 200px;
	height: 25px;
	background-image: url(../images/vorteile.png);
	background-repeat: no-repeat;
	background-position: 0 -25px;
}

.vorteile a.aufdiepiste{
	width: 200px;
	height: 25px;
	background-image: url(../images/vorteile.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.vorteile p{
	margin: 0px;
	padding: 8px;
	text-align: justify;
}

.vorteile a.btn-mehr{
	width: 85px;
	height: 18px;
	display: block;
	background-image: url(../images/btnMehr.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
}

.vorteile a.btn-mehr:hover{
	width: 85px;
	height: 18px;
	display: block;
	background-image: url(../images/btnMehr.png);
	background-repeat: no-repeat;
	background-position: 0 -18px;
	float: right;
}

.vorteile .holder-button{
	height: 18px;
	padding: 0px 8px 8px 8px;
}

.banners{
	width: 550px;
	margin: 10px 0px 0px 25px;
	padding-top: 10px;
	border-top: 1px solid #99cccc;
}

.vip-show-big{
	width: 544px; height: 208px; position: absolute; z-index: 20; cursor: pointer; background-image: url(../s.gif); background-repeat: repeat;
}

.vip-hide-big{
	width: 544px; height: 208px; position: absolute; z-index: 25; cursor: pointer; display: none; background-image: url(../s.gif); background-repeat: repeat;
}

#vip-book-holder{
	width: 153px;
	height: 39px;
	position: absolute;
	z-index: 10;
	margin: 75px 0px 0px 348px;
	cursor: pointer;
}

a.btn-book{
	width: 153px;
	height: 39px;
	display: block;
	background-image: url(../images/btnBuchen.png);
	background-repeat: no-repeat;
}

.cams-holder{width: 564px; margin: 14px 0px 0px 19px;}
.cams-bg{width: 188px; height: 158px; background-image: url(../skigebiet/images/bg.png); background-repeat: no-repeat; float: left;}
.cams-image{width: 166px; height: 136px; overflow: hidden; margin: 11px;}
.cams-name{width: 175px; float: left; padding-left: 13px;}
.cams-name a{font-weight: bold; color: #216195; text-decoration: none; background-image: url(../skigebiet/images/bullet.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 7px;}
.cams-name a:hover{text-decoration: underline;}

.jClock{
	margin: 15px 0px 0px 25px;
	font-weight: bold;
}

.clockdate{
	padding-right: 10px;
}

.clocktime{
	padding-left: 10px;
}

.cam-bg{width: 564px; height: 466px; background-image: url(../skigebiet/images/bgBig.png); background-repeat: no-repeat;}
.cam-image{width: 542px; height: 444px; overflow: hidden; padding: 11px;}

#betriebe .betriebe-images{width:568px; height:288px; background:transparent url(../images/bg-images.png) no-repeat; margin:11px 0 0 16px;}
#betriebe .betriebe-images .images{width:530px; height:250px; padding:19px 0 0 19px;}
#betriebe .betriebe-content {width:550px; margin:10px 25px 25px 25px; position:relative;}
#betriebe .betriebe-content h1{margin:0; padding:0 0 10px 0; font-size:20px;}
#betriebe .betriebe-content h3{margin:0; padding:0 0 5px 0;}
#betriebe .betriebe-content p{margin:0; padding:0; line-height:16px; text-align:justify;}
#betriebe .betriebe-content .left{width:265px; float:left;}
#betriebe .betriebe-content .right{width:265px; float:right;}
#betriebe .betriebe-content ul{margin:0; padding:5px 0 0 15px;}
#betriebe .betriebe-anfrage{width: 530px; height: 15px; border: 1px dashed #999999; background-color: #dff1f5; margin: auto; padding: 10px;}
#betriebe .betriebe-anfrage a{font-weight: bold;}
#betriebe .buttons{width:250px; height:20px; position:absolute; right:0;}
#betriebe .buttons a{width:96px; height:20px; display:block; background:transparent url(../images/buttons.png) no-repeat 0 0;}
#betriebe .buttons a.btn-anfrage{background-position:0 -20px;}
#betriebe .buttons a.btn-website{background-position:0 0;}
#betriebe .buttons ul{margin:0; padding:0; list-style-type:none; float:right;}
#betriebe .buttons ul li{margin:0; padding:0 0 0 10px; float:left;}

.clear{clear:both;}

div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	width: 530px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
#slideshow{width:420px; height:250px; overflow:hidden; float:left;}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 250px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 420px;
	height: 250px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
	width:420px; height:250px; position:relative;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 420px;
	height: 250px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 0px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
}
div.download {
	float: right;
}
div.caption-container {
	
}
span.image-caption {
	display: block;
	position: absolute;
}
div.caption {
	background-color: #000;
	padding: 12px;
	color: #ccc;
}
div.caption a {
	color: #fff;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	width:100px; float:right;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: none;
	padding: 0 0 3px 0;
	margin: 0;
	list-style: none;
}
a.thumb {
	padding: 0;
	display: block;
	border: none;
}
* html a.thumb{height:57px;}

ul.thumbs li.selected a.thumb {
	color: #000;
	font-weight: bold;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
#captionToggle a {
	float: right;
	display: block;
	background-image: url('caption.png');
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 5px;
	padding: 5px 30px 5px 5px;
}

#pauschalenbox{ width:550px; height:auto; background:#dff1f5 url(../images/banners/bannerPauschalen.jpg) no-repeat top center; padding:150px 0px 4px 0px; margin:17px 0px 10px 0px;}
#banner-pauschalen{ width:539px; height:12px; font-weight:bold; font-size:12px; text-transform:uppercase; background:#216195; padding:3px 0px 6px 11px; color:#FFF;}
.pauschalen{ width:500px; height:auto; padding:10px 0px 7px 11px; color:#999999;}
.pauschalen-name{ font-weight:bold; font-size:17px; color:#999999; margin-bottom:7px;}
.pro-person{ font-weight:bold; font-size:11px; color:#999999; margin-top:7px;}
li.list-pauschalen{ list-style:none; background:url(../images/bullet.jpg) no-repeat 0 50%; padding-left:10px; color:#999999; line-height:1.6;}
a.mehr-pauschalen{ width:96px; height:20px; background:url(../images/button_mehr.png) no-repeat top; border:0px; margin-left:424px; margin-top:-20px; display:block; position:absolute;}
a.mehr-pauschalen:hover{ background:url(../images/button_mehr.png) no-repeat bottom;}
a.buchen-pauschalen{ width:96px; height:20px; background:url(../images/button_buchen.png) no-repeat top; border:0px; margin-left:318px; margin-top:-20px; display:block; position:absolute;}
a.buchen-pauschalen:hover{ background:url(../images/button_buchen.png) no-repeat bottom;}
.trennlinie{ width:510px; height:1px; background:url(../images/trennlinie.png); margin:17px 0px 0px 8px;}
.preis{font-size:16px; font-style:italic;}

.iviewer_common{position:absolute; top:5px; height:26px; z-index:5000;}
.iviewer_cursor{cursor:-moz-grab; cursor:move;}
.iviewer_drag_cursor{cursor:-moz-grabbing; cursor:move;}
.iviewer_button{width:26px; cursor:pointer; background-position:center center; background-repeat:no-repeat;}
.iviewer_zoom_in{left:5px; background:url(../images/zoom-in.png); border:none !important;}
.iviewer_zoom_out{left:41px; background:url(../images/zoom-out.png); border:none !important;}
.iviewer_zoom_zero{left:76px; background:url(../images/zoom-zero.png); border:none !important;}
.iviewer_zoom_fit{left:111px; background:url(../images/zoom-fit.png); border:none !important;}
.iviewer_zoom_status{left:146px; font:10px Verdana, Arial, Helvetica, sans-serif; line-height:24px; height:24px !important; color:#999999; background-color:#f3f1ee; text-align:center; width:40px; border:1px solid #999999;}
.viewer-holder{width:533px; padding:10px; position:relative; margin:10px 0 10px 25px; border:1px solid #81cdd9;}
.viewer{height:375px; position:relative; width:533px;}


.navigation-main{margin:0; padding:0; list-style-type:none;}
.navigation-main li{margin:0; padding:0; float:left;}
.navigation-main li.trenner{width:2px; height:35px; display:block; background:transparent url(../images/trenner-navi.png) no-repeat; font-size:0px; line-height:0px;}
.navigation-main a{background:transparent url(../images/navigation.png) no-repeat; height:35px; display:block;}
.navigation-main a.btn-home{width:76px; background-position:0 0;}
.navigation-main a.btn-hochsoelden{width:113px; background-position:-76px 0;}
.navigation-main a.btn-unterkuenfte{width:116px; background-position:-189px 0;}
.navigation-main a.btn-skigebiet{width:98px; background-position:-305px 0;}
.navigation-main a.btn-lifestyle{width:91px; background-position:-403px 0;}
.navigation-main a.btn-skischulen-verleih{width:161px; background-position:-494px 0;}
.navigation-main a.btn-service{width:83px; background-position:-655px 0;}
.navigation-main a.btn-kontakt{width:88px; background-position:-738px 0;}

.navigation-main a span{width:100%; height:100%; top:0; left:0; z-index:100; display:block; position:relative; background:transparent url(../images/navigation.png) no-repeat; cursor:pointer; font-size:0px; line-height:0px;}
.navigation-main a.btn-home span{background-position:0 -35px;}
.navigation-main a.btn-hochsoelden span{width:113px; background-position:-76px -35px;}
.navigation-main a.btn-unterkuenfte span{width:116px; background-position:-189px -35px;}
.navigation-main a.btn-skigebiet span{width:98px; background-position:-305px -35px;}
.navigation-main a.btn-lifestyle span{width:91px; background-position:-403px -35px;}
.navigation-main a.btn-skischulen-verleih span{width:161px; background-position:-494px -35px;}
.navigation-main a.btn-service span{width:83px; background-position:-655px -35px;}
.navigation-main a.btn-kontakt span{width:88px; background-position:-738px -35px;}

.subnavigation-0{margin-left:76px; padding:0; height:32px; z-index:5; position:absolute; display:none;}
.subnavigation-1{margin-left:191px; padding:0; height:32px; z-index:5; position:absolute; display:none;}
.subnavigation-2{margin-left:309px; padding:0; height:32px; z-index:5; position:absolute; display:none;}
.subnavigation-3{margin-left:409px; padding:0; height:32px; z-index:5; position:absolute; display:none;}
.subnavigation-4{margin-left:502px; padding:0; height:32px; z-index:5; position:absolute; display:none;}
.subnavigation-5{margin-left:256px; padding:0; height:32px; z-index:5; position:absolute; display:none;}

.bg-nav-left{width:12px; height:32px; display:block; background:transparent url(../images/bg-nav-left.png) no-repeat; float:left;}
.bg-nav{height:32px; background:transparent url(../images/bg-nav.png) repeat-x; float:left;}
.bg-nav-right{width:16px; height:32px; display:block; background:transparent url(../images/bg-nav-right.png) no-repeat; float:left;}


.subnavigation{margin:0; padding:5px 0 0 0; list-style-type:none;}
.subnavigation li{margin:0; padding:0 15px 0 0; float:left;}
.subnavigation li.last{padding-right:0;}
.subnavigation a{font-size:12px; color:#999999; text-decoration:none;}
.subnavigation a:hover{text-decoration:underline;}

.subholder{width:840px; position:relative; padding-top:35px; z-index:2;}

#oetztal-band{margin:0 0 0 -2px; padding:0; width:842px; height:63px; overflow:hidden;}

#top-banner{background:#81cdd9;}
#wetter-wrapper{width:510px; height:250px; margin-left:330px; position:absolute; z-index:10; float:right;}
#banner-wrapper{width:600px; height:250px;}

#wetter-info{width:240px; height:250px; float:right;}
.wetter-content-wrapper{margin-left:22px;}
.wetter-content{width:45px; height:100px; background:#99eaf6; margin-right:5px; float:left;}
.wetter-content-last{width:45px; height:100px; background:#99eaf6; float:left;}
.wetter-content-text{text-align:center; font-weight:bold; padding-top:10px;}
#lang{width:240px; height:20px; padding-top:10px;}
#lang ul{margin:0 10px 0 0; padding:0; list-style-type:none; float:right;}
#lang li{margin:0; padding:0 0 0 10px; float:left;}
.hochsoelden-button{width:240px; text-align:center; padding-top:10px; padding-bottom:10px;}