@import url(cms.css);
@import url(autocomplete.css);
@import url(lytebox.css);
@import url(buttons.css);

/* ALLGEMEIN */
html, body                             { color: #5a5a5a; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; background-color: #fbf9f6; margin: 0; padding: 0; width: 100%; height: 100% }
input, textarea, select, option                         { color: #313840; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 13px; text-decoration: none; padding: 1px }
select { color: #313840; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; text-decoration: none; padding: 0 }
table, td, p        { color: #5a5a5a; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0; padding: 0 }
body      { background-color: #fbf9f6; text-align: center; margin: 0; padding: 0; width: 100%; height: 100% }
a                 { color: #313840; font-weight: normal; text-decoration: underline }
a:hover               { color: #b2141b }
.clear {clear: both; margin: 0;padding:0;}
.debug  { border: solid 1px #666 }

/* CALENDAR */
#calendar    { text-align: left; margin-left: 9px; position: relative }

/* HINTERGRUND */
#body      { background-color: #fbf9f6; background-repeat: repeat-x; background-position: left bottom; text-align: center; margin: auto; padding: 0; width: 100%; height: 100% }
#wrapper      { text-align: center; margin: 0 auto -50px; min-width: 1010px; width: 1010px; height: 100%; min-height: 100%;height: auto !important; overflow: hidden; }
#background      { background-image: url(/global/background-intro-header.gif); background-repeat: no-repeat; background-position: left top; text-align: center; margin: auto; z-index: 1; width: 1010px; height: 482px; overflow: hidden }
#mainmenu            { margin-top: 302px; margin-left: 210px; padding: 0 0 0 10px; position: absolute; z-index: 100; width: 670px; height: 40px; overflow: visible }
/* HEADER */
#header       { text-align: left; margin: auto; width: 980px; height: 465px; overflow: hidden }
#header .logo    { margin-top: 16px; margin-left: 40px; position: absolute; z-index: 99999 }
#header div.introimage      { width: 980px; height: 465px; overflow: hidden }
#header div.introimage img     { margin: 0; padding: 17px 0 0; width: 980px; height: 465px }

/* WETTER LASCHE */
#header .lasche     { background-image: url(/global/background-lasche.png); background-repeat: no-repeat; background-position: left top; cursor: pointer; margin-top: 40px; margin-left: 603px; position: absolute; z-index: 9999; width: 389px; height: 37px }
#header .lasche .preview    { width: 200px; height: 30px; float: left; overflow: hidden }
#header .lasche .preview .text        { color: #9b1d23; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-top: 9px; margin-left: 10px; float: left }
#header .lasche .preview .status  { margin-top: 6px; margin-left: 10px; float: left }
#header .lasche .preview .temperature     { color: #9b1d23; font-size: 14px; font-weight: bold; margin-top: 8px; margin-left: 10px; float: left }
#header .lasche .lifts      { color: #414141; font-size: 12px; font-weight: bold; background-image: url(/global/wetter-icon-lifte.png); background-repeat: no-repeat; background-position: left 1px; text-transform: uppercase; margin-top: 6px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; float: left }
#header .lasche .lifts span   { color: #9b1d23; font-size: 14px }
#header .lasche .slopes      { color: #414141; font-size: 12px; font-weight: bold; background-image: url(/global/wetter-icon-pisten.png); background-repeat: no-repeat; background-position: left 3px; text-transform: uppercase; margin-top: 6px; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; float: left }
#header .lasche .slopes span   { color: #9b1d23; font-size: 14px }
#header .lasche .seperator  { line-height: 12px; background-image: url(/global/wetter-lasche-seperator.gif); background-repeat: no-repeat; background-position: left top; margin-top: 13px; margin-right: 10px; margin-left: 10px; width: 1px; height: 12px; float: left }

/* WETTER DETAILS*/
#header .wetter         { background-image: url(/global/background-wetter.png); background-repeat: repeat-x; background-position: left top; display: none; margin-top: 73px; margin-left: 577px; padding-top: 10px; position: absolute; z-index: 9999; width: 407px; height: 242px; overflow: hidden; border-color:  }
#header .wetter .header  { margin-top: 7px; margin-left: 40px }
#header .wetter .header h1   { }
#header .wetter ul      { margin: 0 0 0 25px; padding: 0; position: absolute }
#header .wetter li   { text-align: center; list-style-type: none; margin: 0; padding: 0; width: 126px; float: left }
#header .wetter li .time    { font-weight: bold; padding-top: 5px }
#header .wetter li .status    { margin-top: -5px; width: 70px; height: 70px }
#header .wetter li .short     { color: #999; font-size: 12px; font-weight: bold }
#header .wetter li .temperature     { color: #004171; font-weight: bold; margin-top: 1px }
#header .wetter li .temperature span   { color: #004171; font-size: 20px; font-weight: bold }
#header .wetter .wettertext         { font-size: 11px; line-height: 1.3em; margin-top: 136px; margin-right: 15px; margin-left: 40px; position: absolute; height: 30px; overflow: hidden }
#header .wetter .more     { font-weight: bold; text-decoration: none; background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: left 7px; margin-top: 164px; margin-left: 40px; padding-left: 12px; position: absolute }

/* LIFT DETAILS */
#header .liftsummary          { background-image: url(/global/background-liftstatus.png); background-repeat: repeat-x; background-position: left top; display: none; margin-top: 73px; margin-left: 577px; padding-top: 10px; position: absolute; z-index: 9999; width: 407px; height: 242px; overflow: hidden; border-color:  }
#header .liftsummary .header  { margin-top: 7px; margin-left: 40px }
#header .liftsummary .header h1   { }
#header .liftsummary .item  { text-align: center; margin-left: 25px; position: absolute; width: 125px }
#header .liftsummary .item .anzahl  { color: #004171; font-weight: bold }
#header .liftsummary .item .anzahl span   { color: #004171; font-size: 20px; font-weight: bold }
#header .liftsummary .item .info   { color: #999; font-size: 12px; font-weight: bold; margin-top: 2px }
#header .liftsummary .lifte   { margin-top: 85px; margin-left: 25px }
#header .liftsummary .piste   { margin-top: 85px; margin-left: 150px }
#header .liftsummary .schnee   { margin-top: 85px; margin-left: 275px }
#header .liftsummary .more     { font-weight: bold; text-decoration: none; background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: left 7px; margin-top: 164px; margin-left: 40px; padding-left: 12px; position: absolute }
#header .liftsummary .copyright    { color: #999; font-weight: normal; text-decoration: none; margin-top: 164px; margin-left: 260px; position: absolute }

/* INTRO */
#introbox            { background-image: url(/global/transparency.png); background-repeat: repeat; background-position: left top; margin-top: 336px; margin-left: 20px; padding: 0; position: absolute; width: 940px; height: 130px; overflow: hidden }
#introbox .quickfinder          { background-repeat: no-repeat; background-position: left top; position: absolute; width: 215px; height: 130px; border-right: 1px solid #fff }
#introbox .quickfinder .datepicker    { margin-left: 10px }
#introbox .quickfinder .datepicker  .header     { color: #a43238; font-size: 12px; font-weight: bold; background-image: url(/global/bed.gif); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; display: block; margin-top: 10px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 7px; padding-left: 50px }
#introbox .quickfinder .datepicker .button    { margin-top: 5px; margin-left: 50px }

/*TEASER*/
#introbox .sliderleft { margin-left: 215px; position: absolute; width: 30px; height: 130px; float: left; overflow: hidden }
#introbox .sliderright{ margin-left: 625px; position: absolute; width: 30px; height: 130px; float: left; overflow: hidden }
#introbox .teaser     { background-repeat: no-repeat; background-position: left top; margin-left: 245px; padding: 0; position: absolute; width: 380px; height: 130px; float: left; overflow: hidden; border-right: #fff }
#introbox .teaserslider      { margin: 7px 7px 0; width: 380px; height: 120px; clear: none }
#introbox .teaserslider ul     { margin: 0; padding: 0; width: 380px; height: 120px;overflow: hidden;-webkit-transition: margin-left;-webkit-transition-timing-function: ease-in;-webkit-transition-duration: 450ms; }
#introbox .teaserslider li     { list-style: none; margin: 0; padding: 0; width: 380px; height: 120px; overflow: hidden }
#introbox .teaserslider li  a  { text-decoration: none; margin-right: 10px; float: left }
#introbox .teaserslider li  a:hover  { text-decoration: none }
#introbox .teaserslider li .titel      { color: #fff; font-size: 16px; font-weight: bold; line-height: 16px; text-decoration: none; margin-top: -40px; margin-left: 5px; position: relative; width: 170px; height: 35px; overflow: hidden; text-shadow: 1px 1px 1px #000  }


/*PACKAGES */
#introbox .packages          { margin-left: 655px; padding-left: 10px; position: absolute; width: 230px; height: 130px; border-left: 1px solid #fff }
#introbox .packages .introslider    {}
#introbox .packages .introslider ul      { margin: 0; padding: 0; width: 295px; height: 120px-webkit-transition: margin-left;-webkit-transition-timing-function: ease-in;-webkit-transition-duration: 450ms; }
#introbox .packages .introslider li             { font-size: 11px; line-height: 1.3em; list-style-type: none; margin: 0; padding: 0; width: 280px; height: 115px; overflow: hidden }
#introbox .packages .introslider li  a  { text-decoration: none }
#introbox .packages .introslider li  a:hover  { color: #313131; text-decoration: none }
#introbox .packages .introslider li  .image         { background-color: #fff; margin-top: 7px; margin-bottom: 5px; z-index: 999; width: 98px; height: 68px; float: left; border-width: 1px; border-color: #d5d4d1 }
#introbox .packages .introslider li  .image  img  { padding: 3px; border: solid 1px #e1e1e1 }
#introbox .packages .introslider li  .preis       { background-image: url(../de/images/package-preis.png); background-repeat: no-repeat; background-position: center top; margin-top: 3px; margin-left: 105px; width: 75px; height: 80px }
#introbox .packages .introslider li  .preis .value   { color: #fff; font-size: 11px; font-weight: bold; line-height: 1.3em; text-align: center; display: block; margin-left: 18px; padding-top: 13px; width: 40px; overflow: hidden }
#introbox .packages .introslider li  .preis .statt   { text-decoration: line-through; text-align: center; display: block; padding-top: 18px; width: 70px }
#introbox .packages .introslider li  .titel    { color: #2f2f2e; font-size: 13px; font-weight: bold; line-height: 1.3em; vertical-align: text-bottom }
#introbox .packages .introslider li  .hotel   { color: #a43238; font-size: 12px; font-weight: bold }

/*PACKAGE CONTROLS */
ol#controls         { margin: 3px 0 0; padding: 0; height: 4px }
ol#controls li       { line-height: 4px; list-style: none; margin: 0 2px 0 0; padding: 0; width: 28px; height: 4px; float: left; overflow: hidden }
ol#controls li a     { line-height: 4px; text-decoration: none; background-image: url(/global/line-low.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; padding: 10px 0 0 10px; width: 28px; height: 4px; float: left; border-color: #ccc; overlow: hidden    }
ol#controls li.current a    { color: #fff; background-image: url(/global/line-high.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; width: 28px; height: 4px }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* LANGUAGES*/
#languages       { margin-top: 145px; margin-left: 30px; position: absolute; width: 400px; height: 27px; border-color:  }
#languages ul     { margin: 0; padding: 0; border-color:  }
#languages ul li      { background-image: url(/global/flags/low.gif); background-repeat: no-repeat; background-position: left top; list-style-type: none; margin: 0 4px 0 0; padding: 0; width: 28px; height: 27px; float: left; overflow: hidden; }
#languages ul li:hover,#footer #languages ul li.selected {background-image: url(/global/flags/high.gif);}
#languages ul li  a     { background-position: left top; display: block; padding-top: 9px; padding-left: 6px; float: left }
#languages ul li  a:hover    { }

/* FOOTER */
#footer     { margin: auto; width: 990px; height: 180px }

#footer #footermenu     { background-position: right 5px; text-align: left; margin-top: 20px; margin-left: 30px; height: 160px; float: left }
#footer #footermenu .header  { color: #2f2f2e; font-size: 12px; font-weight: bold; margin-bottom: 5px }
#footer #footermenu ul   { margin: 0 15px 0 0; padding: 0; width: 160px; float: left }
#footer #footermenu ul li      { line-height: 11px; list-style-type: none; margin: 0; padding: 0 }
#footer #footermenu ul li  a      { color: #989795; font-size: 11px; font-weight: bold; text-decoration: none; background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: left 6px; display: block; margin: 0; padding: 4px 2px 4px 12px }
#footer #footermenu ul li  a:hover     { color: #2f2f2e}

#footer #orte    { background-image: url(../de/images/background-karte.gif); background-repeat: no-repeat; background-position: right 5px; text-align: left; margin-top: 20px; width: 420px; height: 160px; float: right }
#footer #orte ul  { margin: 0; padding: 0; width: 260px }
#footer #orte ul li    { background-image: url(../de/images/background-orte.gif); background-repeat: no-repeat; background-position: right bottom; list-style-type: none; margin: 0 15px 3px 0; padding: 0; width: 100px; float: left }
#footer #orte ul li  a  { color: #2f2f2e; font-size: 11px; font-weight: bold; line-height: 11px; text-decoration: none; background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: 5px 6px; display: block; padding: 4px 2px 4px 17px }
#footer #orte ul li  a:hover   { color: #fff; font-size: 11px; font-weight: bold; line-height: 11px; text-decoration: none; background-color: #2f2f2e; background-image: url(/global/point-white.gif); background-repeat: no-repeat; background-position: 5px 6px; display: block; padding: 4px 2px 4px 17px }
#footer #orte .header {margin-top: 30px;}
#footer #orte .header h1   { color: #bcbbb9; font-size: 29px; margin-top: 40px }

/* META STICKY */
#metawrapper  { background-image: url(/global/background-footer.gif); background-repeat: repeat-x; background-position: left bottom; height: 50px; width: 100%;text-align: center; min-width: 1010px }
#metapush  { height: 50px }
#metawrapper #meta {width: 990px;text-align: left;margin: auto}
#metamenu { margin-top: 25px; float: left}
#metamenu a     { color: #6e6e6d; font-size: 11px; font-weight: bold; text-decoration: none; float: left }
#metamenu a:hover    { color: #44494f; text-decoration: none }
#metamenu div.seperator    { background-color: #6e6e6d; margin-top: 3px; margin-right: 7px; margin-left: 7px; width: 1px; height: 14px; float: left; overflow: hidden }
#metawrapper #meta #socialbookmarks  { margin-top: 22px; float: right }
#metawrapper #meta #socialbookmarks a {float: left;margin-right: 5px}

/*SOCIAL INFOBOXES*/
#socialbookmarks .socialinfo              { background-image: url(../de/images/background-social.png); background-repeat: no-repeat; background-position: left top; display: none; margin-top: -90px; margin-left: -180px; position: absolute; width: 225px; height: 90px }
#socialbookmarks .socialinfo a        { color: #44494f; font-size: 10px; line-height: 1.3em; text-decoration: none; background-image: url(../de/images/arrow-right.png); background-repeat: no-repeat; background-position: right bottom; display: block; margin: 17px 10px 10px 52px; padding-right: 10px }
#socialbookmarks .socialinfo a:hover  { color: #44494f }
#socialbookmarks .facebook    { background-image: url(../de/images/facebook.gif); background-repeat: no-repeat; background-position: 13px 15px; width: 215px; height: 50px }
#socialbookmarks .twitter  { background-image: url(../de/images/twitter.gif); background-repeat: no-repeat; background-position: 13px 15px; width: 215px; height: 50px }
#socialbookmarks .rss  { background-image: url(../de/images/rss.gif); background-repeat: no-repeat; background-position: 13px 15px; width: 215px; height: 50px }
#socialbookmarks .youtube  { background-image: url(../de/images/youtube.png); background-repeat: no-repeat; background-position: 13px 15px; width: 215px; height: 50px }
#socialbookmarks .flickr  { background-image: url(../de/images/flickr.png); background-repeat: no-repeat; background-position: 13px 15px; width: 215px; height: 50px }

/* SITEMAP */
#sitemap      { margin-right: 40px; margin-bottom: 15px; margin-left: 30px; padding-bottom: 15px }
#sitemap .sitemap_link       { color: #325c9a; font-size: 16px; font-family: "Times New Roman", Times, serif; font-weight: bold; line-height: 20px; text-decoration: none; display: block; padding-top: 10px; padding-bottom: 5px; position: relative }
#sitemap .sitemap_link:hover      { text-decoration: underline }
#sitemap .sitemap_sublink      { background-image: url(../de/images/point.gif); background-repeat: no-repeat; background-position: left 6px; display: block; padding-left: 12px }
#sitemap .sitemap_sublink:hover      { }
/* DATEPICKER */
.datepicker input.text  { font-size: 12px; line-height: 15px; background-image: url(/global/background-input.gif); background-repeat: repeat-x; background-position: left 1px; padding: 1px; height: 15px; border: solid 1px #9c9e9f }
	.datepicker .startDate,
	.datepicker p{height:21px;}
	.datepicker label.fixed     { color: #7f7e7d; font-size: 11px; font-weight: bold; letter-spacing: 0; display: block; padding-top: 1px; width: 50px; float: left; border-style: none }
.datepicker label.float   { color: #7f7e7d; font-size: 11px; font-weight: bold; letter-spacing: 0; display: block; margin-left: 10px; padding-top: 1px; width: 58px; float: left; border-style: none }
.datepicker input.text{
		text-align:center;
		float:left;
	}
	.datepicker input.dateField{}
	.datepicker input.dayField{
		margin-right:4px;
		width:21px;
	}
	.datepicker input.yearField{
		margin-right:4px;
		width:32px;
	}
	.datepicker input.personField{width:21px;}
	.datepicker .submit{margin-left:4px;}
	.ui-datepicker-trigger{cursor:pointer;}
	.ui-datepicker  { color: #737373; font-size: 11px; background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -270px; display: none; width: 225px; border: solid 1px #dadadc }
		.ui-datepicker a{color:#737373;}
		.ui-datepicker .ui-datepicker-header{
			border-bottom:1px solid #dadadc;
			padding:10px 15px;
			position:relative;
		}
			.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{
				height:auto;
				position:absolute;
				width:auto;
			}
				.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{}
				.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-prev-hover{
					text-align:left;
					left:15px;
				}
				.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-next-hover{
					text-align:right;
					right:15px;
				}	
				.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{
					cursor:pointer;
					display:block;
					margin-top:2px;
				}
	.ui-datepicker .ui-datepicker-title{
		line-height:1.8em;
		font-weight:bold;
		margin:0 2.3em;
		text-align:center;
	}
	.ui-datepicker .ui-datepicker-title select{
		font-size:1em;
		margin:1px 0;
	}
	.ui-datepicker select.ui-datepicker-month-year{
		width:100%;
	}
	.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{
		width:49%;
	}
	.ui-datepicker table{
		border-collapse:collapse;
		font-size:.9em;
		margin:2px 15px 15px;
		width:195px;
	}
	.ui-datepicker th{
		border:0;
		font-weight:700;
		padding:.7em .3em;
		text-align:center;
	}
	.ui-datepicker td{
		border:1px solid #dadadc;
		border-collapse:collapse;
		height:18px;
		width:27px;
	}
	.ui-datepicker td span,.ui-datepicker td a{
		display:block;
		line-height:18px;
		text-align:center;
		text-decoration:none;
	}
	.ui-datepicker table .ui-state-default{}
	.ui-datepicker .ui-state-disabled,.ui-datepicker .ui-state-disabled span{
		color:#dadadc;
		cursor:default;
	}
	.ui-datepicker table .ui-state-active { color: #fff; font-weight: bold; background: #901a24 }
	.ui-datepicker table .ui-state-highlight, .ui-datepicker .ui-datepicker-today span{
		/*background:#ededed;*/
		/*color:#737373;*/
		font-weight:bold;
	}
	.ui-datepicker table .ui-state-hover{
		background:#ededed;
		color:#737373;
		font-weight:bold;
	}
	.ui-datepicker .ui-datepicker-buttonpane{
		background-image:none;
		border-bottom:0;
		border-left:0;
		border-right:0;
		margin:.7em 0 0;
		padding:0 .2em;
	}
	
	.ui-datepicker .ui-datepicker-buttonpane button{
		cursor:pointer;
		float:right;
		margin:.5em .2em .4em;
		overflow:visible;
		padding:.2em .6em .3em;
		width:auto;
	}
	/* with multiple calendars */
	.ui-datepicker.ui-datepicker-multi{width:auto;}
	.ui-datepicker-multi .ui-datepicker-group table{
		margin:0 auto .4em;
		width:95%;
	}
	.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}
	.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}
	.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}
	.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}
	.ui-datepicker-row-break{
		clear:both;
		width:100%;
	}
	/* RTL support */
	.ui-datepicker-rtl{direction:rtl;}
	.ui-datepicker-rtl .ui-datepicker-prev{
		left:auto;
		right:2px;
	}
	.ui-datepicker-rtl .ui-datepicker-next{
		left:2px;
		right:auto;
	}
	.ui-datepicker-rtl .ui-datepicker-prev:hover{
		left:auto;
		right:1px;
	}
	.ui-datepicker-rtl .ui-datepicker-next:hover{
		left:1px;
		right:auto;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}
	/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
	.ui-datepicker-cover{
		display:block;
		filter:mask();
		height:200px;
		left:-4px;
		position:absolute;
		top:-4px;
		width:200px;
		z-index:-1;
	}
	.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}
	.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right;}
	.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{
		border-left-width:1px;
		border-right-width:0;
	}
	
	.ui-tabs .ui-tabs-hide { display: none }	
/* IE 6 */	
* html .ui-datepicker-trigger{position:absolute;}