/*
*{
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-modify:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	user-select:none;
}

input{
	-webkit-user-select:text !important;
	-webkit-touch-callout:text !important;
	-webkit-user-modify:text !important;
	-moz-user-select:text !important;
	-khtml-user-select:text !important;
	user-select:text !important;
}
*/

body {padding:0;margin:0;}
body,td{font-family:Arial,Helvetica,sans-serif;font-size:14px;}
/*
body[class="portrait"]{width:320px;}
body[class="landscape"]{width:480px;}
*/
table{border-collapse:collapse;}
table td{padding:0px;}
html{
	width:320px;
}
body{
	background-color:rgb(27,66,148);
	width:320px;
}
#popMain{
	width:320px;
	background-image:url(bg1su.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#popSlide{
	/*
	background-image:url(bg0.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	*/
	background-image:none;
}
#popDetail{
	background-image:url(bg3su.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.popup{
	width:320px;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgb(27,66,148);
	color:#ffffff;
	background-image:url(bg2su.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	height:auto !important;
}
.popupVis{
	display:block;
}
.popupWait{
	background-color:rgba(27,66,148,0.4) !important;
	background-color:rgb(27,66,148);
	background-image:none;
}
.popupWaitBox{
	margin-top:120px;
	text-align:center;
}
.logoBox{
	margin:0px;
	padding:0px;
	text-align:right;
	height:62px;
	background-position: top center;
	background-repeat:no-repeat;
	background-image:url(logo.png);
	color:rgb(255,255,255);
}
.headerBox{
	margin:0px;
	padding:0px;
	height:50px;
}
.footerBox{
	margin:0px;
	padding:0px;
	text-align:left;
	height:73px;
	padding-top:27px;
}
.footerInnerBox{
	height:50px;
	padding:4px;
	background-color:rgba(255,255,255,0.7) !important;
	background-color:rgb(255,255,255);
}
.footerInnerBoxDummy{
	height:50px;
	padding:4px;
}
.contentMain{
	margin: 0px 8px 0px 8px;
}
.content{
	margin: 0px 8px 0px 8px;
	color:#ffffff;
}
A.lang{
	color:rgb(255,255,255);
	margin-left:6px;
	margin-right:6px;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	text-align:left;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}
.title{
	font-weight:bold;
	font-size:16px;
	color:rgb(255,255,255);
	text-align:right;
	padding-right:13px;
	padding-top:8px;
}
h1{
	font-weight:bold;
	color:rgb(255,255,255);
	padding:0px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:18px;
	text-align:left;
}
h2{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:12px;
}
h3{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:normal;
}
.linkBox{
	margin-bottom:3px;
	width:296px;
	height:35px;
	background-color:rgb(57,89,164);
	background-image:url(linkBox.gif);
	
}
.detailFooter{
	margin: 0px 8px 0px 8px;
	padding:10px;
	color:#000000;
	background-color:rgba(205,205,205,0.7) !important;
	background-color:rgb(205,205,205);
}
.detailBox{
	padding-left:0px;
}
.linkHead{
	background-color:rgb(193,221,233);
}
.landscape .linkLandHead{
	background-position:0px -5px;
}
.link{
	display:block;
	padding: 8px 18px 0px 14px;
    text-decoration: none;
    color: #000000;
	text-align:left;
	font-weight:bold;
	font-size:16px;
	color:rgb(255,255,255);
}
.liLnk{
	color:rgb(0,0,0);
	font-size:14px;
	text-decoration:none;
	display:block;
	padding:0px;
	background-color:rgba(255,255,255,0.7) !important;
	background-color:rgb(255,255,255);
	border-top:rgb(27,66,148) 1px solid;
}
.liBox{
	min-height:67px;
}
.liPicBox{
	float:left;
	min-height:61px;
	width:82px;
	margin-right:6px;
	margin-top:3px;
	margin-bottom:3px;
	border:#c0c0c0 1px solid;
}
.liTxt{
	float:left;
	width:181px;
	padding-top:8px;
	font-weight:normal;
}

.landscape .linkLand{
	font-size:11px;
	padding:6px 10px 6px 10px;
}

.linkCam{
	margin:5px;
	padding:5px 15px 5px 15px;
	border:rgb(27,66,148) 1px solid;
	color:rgb(27,66,148);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-align:center;
}

.landscape .linkCam{
	font-size:11px;
	padding:3px 10px 3px 10px;
	margin:3px;
}

.landscape .linkCamHead{
	height:30px;
}

.linkCamHead{
	width:320px;
	background-image:none;
	background-color:rgb(208,214,226);
	height:40px;
}

.nomargin{
	margin:5px;
}
.next{

}
.sOpen{
	margin-top:6px;
	color:#006600;
	font-weight:normal;
}
.sClosed{
	margin-top:6px;
	color:#ff0000;
	font-weight:normal;
}
.subtitle{
	font-weight:bold;
	padding-top:5px;
	vertical-align:top;
}
.remarks{
	margin-top:2px;
	font-weight:bold;
	font-style:italic;
}

.detailContent{
	
	margin: 0px 8px 0px 8px;
	padding:10px;
	color:#000000;
	background-color:rgba(205,205,205,0.7) !important;
	background-color:rgb(205,205,205);
}

#slidePic{
	max-height:100%;
}
#slideTxt{
	background-color:rgb(255,255,255);
	filter:alpha(opacity=50);
	opacity:0.5;
	margin-left:auto;
	margin-right:auto;
	color:#000000;
	font-weight:bold;
	font-size:16px;
	position:absolute;
	top:50px;
	left:5px;
	padding:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.landscape #slideTxt{
	top:35px;
	font-size:12px;
}

.detailTable{
	width:100%;
}
.detailRow{
	background-color:rgba(255,255,255,0.7) !important;
	background-color:rgb(255,255,255);
	
}

.detailTxt{
	padding-left:6px;
	border-bottom:rgb(205,205,205) 2px solid;
	vertical-align:top;
}

/* icons */
.s,.p,.a,.ax{
	width:28px;
	height:27px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-color:#ffffff;
	border-bottom:rgb(205,205,205) 2px solid;
	border-right:rgb(205,205,205) 2px solid;
	
}
.s{background-image:url(status.gif);}
.p{background-image:url(pisten.gif);}
.a{background-image:url(anlagen.gif);}
.ax{background-image:url(anlagen2.gif);}

/* positions */
.s3,.s5,.s6,.s7,.s10,.s11,.s12,.s13,.s14,.s15,.s16,.s17,.s18{background-position:0px 0px;}
.s2,.s9{background-position:-30px 0px;}
.s1,.s8{background-position:-60px 0px;}

.p13{background-position:0px 0px;}
.p14{background-position:-30px 0px;}
.p15{background-position:-60px 0px;}
.p16{background-position:-90px 0px;}

.a1{background-position:0px 0px;}
.a2{background-position:-28px 0px;}
.a3{background-position:-56px 0px;}
.a4{background-position:-84px 0px;}
.a5{background-position:-112px 0px;}
.a6{background-position:-140px 0px;}
.a7{background-position:-168px 0px;}
.a8{background-position:-196px 0px;}
.a9{background-position:-224px 0px;}
.a10{background-position:-252px 0px;}
.a11{background-position:-280px 0px;}
.a12{background-position:-308px 0px;}
.a19{background-position:-336px 0px;}
.a20{background-position:-364px 0px;}
.a21{background-position:-392px 0px;}
.a22{background-position:-420px 0px;}
.a24{background-position:-448px 0px;}
.a25{background-position:-476px 0px;}
.a26{background-position:-504px 0px;}
.a28{background-position:-532px 0px;}
.a29{background-position:-560px 0px;}
.a32{background-position:-588px 0px;}
.a33{background-position:-616px 0px;}
.a35{background-position:-644px 0px;}
.a37{background-position:-672px 0px;}
.a38{background-position:-700px 0px;}
.a39{background-position:-728px 0px;}
.a40{background-position:-756px 0px;}
.a41{background-position:-784px 0px;}
.a43{background-position:-512px 0px;}
.a44{background-position:-840px 0px;}
.a45{background-position:-868px 0px;}
.a46{background-position:-896px 0px;}
.a48{background-position:-924px 0px;}
.a49{background-position:-952px 0px;}
.a51{background-position:-980px 0px;}
.a53{background-position:-1008px 0px;}
.a55{background-position:-1036px 0px;}
.a57{background-position:-1064px 0px;}
.a58{background-position:-1092px 0px;}
.a59{background-position:-1120px 0px;}
.a60{background-position:-1148px 0px;}
.a61{background-position:-1176px 0px;}
.a62{background-position:-1204px 0px;}
.a63{background-position:-1232px 0px;}
.a64{background-position:-1260px 0px;}
.a65{background-position:-1288px 0px;}
.a67{background-position:-1316px 0px;}
.a68{background-position:-1344px 0px;}
.a73{background-position:-1372px 0px;}
.a74{background-position:-1400px 0px;}
.a75{background-position:-1428px 0px;}
.a77{background-position:-1456px 0px;}
.a78{background-position:-1484px 0px;}
.a27{background-position:-1512px 0px;}

.axatc{background-position:0px 0px;}
.axsachuette{background-position:-28px 0px;}
.axpedestrian{background-position:-56px 0px;}
.axparagl{background-position:-84px 0px;}
.axkraeuterweg{background-position:-112px 0px;}
.axeislauf{background-position:-140px 0px;}
.axbike{background-position:-168px 0px;}
.axbad{background-position:-196px 0px;}
.axservicecenter{background-position:-224px 0px;}
.axhaengematte{background-position:-252px 0px;}

.ax60{background-position:-168px 0px;}

/* wetter */
.m{
	width:50px;
	height:40px;
	background-image:url(meteo.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.m600{background-position:0px 0px;}
.m601{background-position:0px -45px;}
.m602{background-position:0px -90px;}
.m603{background-position:0px -135px;}
.m604{background-position:0px -180px;}
.m605{background-position:0px -225px;}
.m606{background-position:0px -270px;}
.m607{background-position:0px -315px;}
.m608{background-position:0px -360px;}
.m609{background-position:0px -405px;}
.m610{background-position:0px -450px;}

.cLnk,.snLnk,.gLnk{
	display:block;
	float:left;
	position:relative;
	width:40px;
	height:40px;
	background-position:0px 0px;
	text-decoration:none;
	margin:2px 15px 5px 15px;
}
.gLnk{
	width:44px;
	height:44px;
}

.cLnk{
	background-image:url(com.png);
	margin:2px 10px 5px 10px;
}
.cPhone{background-position:0px 0px;}
.cMail{background-position:0px -42px;}
.cWeb{background-position:0px -84px;}
.cMobile{background-position:0px -126px;}
.cMap{background-position:0px -168px;}
.cPrice{background-position:0px -210px;}

.snLnk{
	margin:2px 5px 5px 5px;
	background-image:url(sn.png);
}
.snMap{background-position:0px 0px;}
.snYT{background-position:0px -42px;}
.snFB{background-position:0px -84px;}
.snFL{background-position:0px -126px;}
.snTW{background-position:0px -168px;}
.snIN{background-position:0px -210px;}
.snSB{background-position:0px -252px;}
.snSO{background-position:0px -294px;}

.gLnk{
	background-image:url(buttons.png);
	margin:2px 5px 5px 8px;
}
.gHome{background-position:0px 0px;}
.gBack{background-position:-44px 0px;}
.gCams{background-position:-88px 0px;}
.gInfo{background-position:-132px 0px;}
.gWeather{background-position:-176px 0px;}
