html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

img{-ms-interpolation-mode: bicubic;}

html{ background:#fff url(images/bg/bg_body.jpg) repeat-x center top; font-size:10px; }

/*
** Font-Size set to 10px for use in EMs - zB 12px = 1.2em, 20px = 2em, usw
*/
body{ background:url(images/bg/bg_head.jpg) no-repeat center top; 
	   padding-left:17px; 
	   font-family: Tahoma, Geneva, Arial, sans-serif;
	   font-size:1.2em;
	   line-height:1.5em;}

/* FLOATS ********************************************************************************************************************/


#SiteContainer{ background:#fff; }

.left, .item{ float:left; }
.right{ float:right; }

html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear, html body * br.clear
{	background: none;	border: 0;	clear: both;	display: block;	float: none;	font-size: 0;	list-style: none;
	margin: 0;	padding: 0;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0; 
}

/* Column System *************************************************************************************************************/

.item{ width:140px; }
.small{ width:200px; }
.quart{ width:250px; }
.doublequart{ width:510px;}
.half{ width:450px; }
.wide{ width:710px; }

.viertel{ width:25%; }
.haelfte{ width:50%; }
.drittel{ width:33%; }
.dreiviertel{ width:75%;}

.col{ margin-right:10px; }
.colR{ margin-left:10px;}
.smallcol{ margin-right:2px;}


/* Container & Content Types ************************************************************************************************/

.wrapper{ width:970px; margin:0 auto; }

.section{ margin-bottom:10px; }
.boxed{ background:#ebf3f6; margin-bottom:15px; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.boxed .content{ margin:5px; }

.boxed h4.underline{ padding-bottom:10px; border-bottom:1px solid #bdd5e3;}

.boxed ul li{ margin:8px 0; }
.boxed li a:link{ color:#333; text-decoration:none; }
.boxed li a.highlight{ color:#C30; }
.boxed li a:hover{ text-decoration:underline;}

.item{ padding-top:10px;}

.opened{/*jquery*/}

.content{ width:auto; display:block; padding:5px; }
.content p{ margin-bottom:16px; }

.boxed .content{padding:5px 2px;}

/* Überschriften **********************************************************************************************************/

h1, h2, h3, h4, h5, h6{ font-family:"HelveticaNeueLT Std Cn", "Arial Narrow", Helvetica, Arial, sans-serif; color:#1d709f; font-weight:normal;  }
h3,h5{ font-family:"HelveticaNeueLT Std Lt Cn", "Arial Narrow", Helvetica, Arial, sans-serif; }
h1 em, h2 em, h3 em, h4 em, h5 em, h4, h5{ color:#085079; font-style:normal; }

h1{ font-size:3em; line-height:1em; letter-spacing:-0.02em;}
h2{ font-size:3em; line-height:1em; margin-bottom:10px;}
h3{ font-size:2.4em; line-height:1.333em; margin-bottom:1em;}
h4{ font-size:2.8em; line-height:1.16em; text-transform:uppercase;}
h5{ font-size:1.8em; line-height:1em;}
h6{ font-size:1.4em;}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link{ text-decoration:none !important;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{ color:#1d709f; text-decoration:none !important;}

.section .content h5{ font-size:1.4em; line-height:1.3em; font-family:Tahoma, Geneva, Arial, sans-serif; color:#121212; }
#EventsWidget h5{ font-size:2.4em; line-height:1.333em}

h2.subbed{margin-bottom:2px;}        
h3.subbed{ margin-bottom:-5px;}

#Angebote h3{ margin-bottom:3px;}

/* Typographie & Inhalte ***************************************************************************************************/

a:link{ color:#1d709f; text-decoration:underline; }
a:visited{ color:#1d709f; text-decoration:none; }
a:hover{ text-decoration:none; }

a img{ border:none; }

a.mehr, span.mehr a{ display:block; font: 1.8em/1.5em "HelveticaNeueLT Std Cn", "Arial Narrow", Helvetica, Arial, sans-serif; 
		text-decoration:none; padding-left:20px; margin-bottom:10px; background:url(images/sprites/general.png) no-repeat 0 -60px; 	}
a.mehr em, span.mehr a em{ font-style:normal; color:#085079; }
a.mehr:hover, span.mehr a:hover{ text-decoration:underline; }

.sub{ 
	font-family:"HelveticaNeueLT Std Cn", "Arial Narrow", Helvetica, Arial, sans-serif; 
	font-size: 1.2em;
	line-height:1.3em;
	color:#1d709f; 
	font-style:italic; 
	}

.underline{ border-bottom:1px dotted #28586b; display:block; padding:4px 0; }
.overline{ 	border-top:1px dotted #28586b; 	display:block;	}

.separated{ border-right:1px dotted #1d709f;}	

.grey{ color:#888 !important;}
.blue{ color:#1d709f !important; }

.temptext{ font:1.1em/1.2em Tahoma; margin:0 20px 15px 7px; }
p.temptext{ color:#666;}
span.temptext{ color:#b0b0b0; display:block;}

.light-bg{ background-color:#ecf3f7; }
.mid-bg{ background-color:#e6eff5; }
.blue-bg{ background-color:#d7e5ef; }

.alignleft{ text-align:left !important; }
.alignright{ text-align:right !important; }
.aligncenter{ text-align:center !important; }
.blocktext{ text-align:justify !important; }

.big{ font-size:16px !important; line-height:20px;}
.bigger{ font-size:22px !important; line-height:26px;}
.biggest{ font-size:30px !important; line-height:36px;}

.grandtext{ color:#085079; font:normal 3em/1.05em "HelveticaNeueLT Std Cn", "Arial Narrow", Helvetica, Arial, sans-serif; 
	text-decoration:none; text-transform:uppercase; }
	
.transparent40{ opacity: 0.4;}
.transparent100{ opacity:1;}

a.lightbox{ display:block; width:70px; height:45px; float:left; overflow:hidden; margin:5px; text-align:center;}
a.lightbox img{ 
	border:none;
	width:auto;
	}

/* DropDown-Sections *******************************************************************************************************/
.flyout{ /*jquery Container*/ } 
.trigger{ /*jquery Aktive Schaltfläche*/ } 
.opened{ /*jquery Status*/ }

.flyout .sub, .quickselect .sub.underline{ padding-left:20px; background:url(images/icon/drop_small.jpg) no-repeat 0 center; }
.flyout .sub.opened{ background:url(images/icon/drop_small_up.jpg) no-repeat 0 center; }

.flyout .alignright.sub{ padding-left:0; padding-right:20px; background:url(images/icon/drop_small.jpg) no-repeat 0 center; }
.flyout .alignright.sub.opened{ background:url(images/icon/drop_small-up.jpg) no-repeat 0 center; }

.flyout .content .sub{ padding-left:0; background:none;}

.flyout label{ padding-left:5px; color:#085079; line-height:12px; margin-bottom:5px; }
.flyout .content br{ clear:both; }

.dropdown{ display:block; padding-left:23px !important;	background:url(images/icon/drop_large.jpg) no-repeat 0 center; }
.dropdown.opened{ background:url(images/icon/drop_large-up.jpg) no-repeat 0 center; }

/* Tabellen & Listen ******************************************************************************************************/

table{ width:99%; border:none; border-collapse:collapse; margin:10px 0;}
table.spaced{ border-collapse:separate; border-spacing:1px;}
table.striped{/*jquery class*/}

table caption{ font:1.6em/1.2em "HelveticaNeueLT Std Cn", "Arial Narrow"; color:#1d709f; font-style:italic; margin-bottom:10px; }
table thead{ background-color:#d7e5ef; border-bottom:1px solid #1d709f;}
table tfoot{ background-color:#e6eff5; border-top:1px solid #1d709f;}

table th{ color:#085079; padding:4px;}
table tr{ }
table td{ padding:4px 7px; color:#666; width:auto; font-size:12px;}

table thead.big{ background-color:none; border-bottom:none; }
table thead.big th{ font:normal 3em/1.05em "HelveticaNeueLT Std Cn", "Arial Narrow"; color:#085079; text-decoration:none; text-transform:uppercase;}

ul{ list-style:outside;  margin:0 0 0 15px; color:#1d709f; }
ul li{ margin:3px 0; line-height:1.5em;}

.content ul{ list-style:none; margin:0 0 0 5px; color:#121212;}

.content .artikeldetail ul {list-style:disc;}


/* Formulare ******************************************************************************************************/

fieldset{ border:none; background:none; margin:0; padding:0;}
fieldset br{clear:both;}

fieldset .sub.underline{ margin-bottom:1.1em; }

label{color:#085079; line-height:22px;}

input, select, textarea{  border:1px solid #83b1cc; background:#f9f9f9; color:#444; font-family: Tahoma, Geneva, sans-serif; }
input{ height:19px; padding:4px 3px 0; }
select{ height:25px; padding:0 0 0 3px; }
textarea{ padding:5px;}
option{padding:0 5px;}

input:hover, select:hover, textarea:hover{ background:#eff9ff; } 
input:focus, select:focus, textarea:focus{ background:#fff; border:1px solid #fa5a04; }

input.dateselect { font:1.1em Tahoma; padding:4px 3px 0 3px !important; width:93px; height:19px; background:#f9f9f9 url(images/sprites/general.png) no-repeat 75px -509px; }
input.dateselect:hover{ background:#eff9ff url(images/sprites/general.png) no-repeat 75px -509px;}
input.dateselect:focus{ background:#fff url(images/sprites/general.png) no-repeat 75px -509px;}

select.text{ width:210px; }
select.num{ width:65px; text-align:center; }
select.num option{text-align:center;}

input.tiny{ width:23px; height:20px; text-align:center;}
*+html input.tiny{ width:23px;}

/* Sliding Door Buttons */
	.button{ 
		background:none;
		border:0;
		cursor:pointer;
		padding:0;
		margin:0 3px;
		text-align:center;
		display:inline-block;
		text-decoration:none;
		border-width:0;
		overflow:visible;
		}
	*+html a.button{ margin:0; }
		
	.button span{
		display:inline-block;
		position:relative;
		padding:0 4px 0 0;
		}
	.button span span{
		position:relative;
		top:0;
		float:left;
		white-space:nowrap;
		padding:0 14px 0 18px;
		margin:0;
		height:30px;
		line-height:30px;
		color:#fff;
		}
		
	a.button:link, a.button:visited, a.button:hover{ color:#fff; text-decoration:none;}
	
	.button.orange span{	background:url(images/sprites/repeaters-x.png) no-repeat right 0;	}
	.button.orange span span{	background:url(images/sprites/button.png) no-repeat left 0;	}
	.button.orange:hover span{ background-position:right -30px;}
	.button.orange:hover span span{ background-position:left -30px;}
	.button.orange:active span{ background-position:right -60px;}
	.button.orange:active span span{ background-position:left -60px;}
	
	.button.blue span{ background:url(images/sprites/repeaters-x.png) no-repeat right -90px;}
	.button.blue span span{ background:url(images/sprites/button.png) no-repeat left -90px;}
	.button.blue:hover span{ background-position:right -120px;}
	.button.blue:hover span span{ background-position:left -120px;}
	.button.blue:active span{ background-position:right -150px;}
	.button.blue:active span span{ background-position:left -150px;}
	 
	.button.grey span{ background:url(images/sprites/repeaters-x.png) no-repeat right -180px;}
	.button.grey span span{ background:url(images/sprites/button.png) no-repeat left -180px;}
	
	.button.light span{ background:url(images/sprites/repeaters-x.png) no-repeat right -300px;}
	.button.light span span{ line-height:18px !important; height:18px !important; font-size:11px; color:#606372; 
							 background:url(images/sprites/button.png) no-repeat left -426px; }
	.button.light:hover span{ background-position:right -318px;}
	.button.light:hover span span{ background-position:left -444px;}
	.button.light:active span{ background-position:right -336px;}
	.button.light:active span span{ background-position:left -462px;}
	
	/*size styling*/
	.quart .button.fullwidth span span{ display:block; width:200px;}
	.quart .tabcontent .button.fullwidth span span{ display:block; width:175px;}
	
	#QuickSelect.selected .button.fullwidth span span{ display:block; width:195px;}
	#QuickSelect.selected .button.fullwidth{ margin-top:3px;}
/* END Sliding Door Buttons*/

/* jQuery Checkbox replacement */
    .ui-helper-hidden-accessible {	position: absolute;	left: -999em; }

    .ui-radio-state-disabled, .ui-radio-state-checked-disabled,	.ui-radio-state-disabled-hover,
	.ui-radio-state-checked-disabled-hover {color: #999;}
	
	span.ui-checkbox, span.ui-radio 
		{ display: inline-block; width: 13px; height: 13px; cursor:pointer;
	      background: url(images/sprites/general.png) no-repeat 0 -240px;	}
	span.ui-radio{ background-position: 0 -330px;}
		
	span.ui-helper-hidden {display: none;}
    span.ui-radio-state-hover{ background-position:0 -360px;}
	span.ui-checkbox-state-hover,
	span.ui-checkbox-state-checked-hover{ background-position: 0 -270px;}
			
	span.ui-checkbox-state-checked { background-position: 0 -300px; }

	span.ui-radio-state-checked,
	span.ui-radio-state-checked-disabled,
	span.ui-radio-state-checked-disabled-hover,
	span.ui-checkbox-state-checked-disabled,
	span.ui-checkbox-state-checked-disabled-hover { background-position: 0 -390px;	}
			
	span.ui-radio-state-checked-hover {	background-position: 0 -360px;}
	
	li span.ui-checkbox{ display:block; float:left; margin:3px 2px 3px 0;}
/* END jQuery Checkbox replacement */

/* jQuery Iconized Checkboxes */
	.selectBoxes{ padding-left:8px;}
	
	.selectBoxes p{ display:inline-block; width:65px; height:80px; float:left; margin:0 6px 9px 0;
					font-size:10px; color:#666; font-style:italic; text-align:center;}
	.selectBoxes p label{ line-height:1em;}
	
	.selectBoxes p span.ui-checkbox,
	.selectBoxes p span.ui-radio {display: inline-block; width:61px; height:61px; cursor:pointer;
										border:2px solid #ccc;
										background-color:#fff; background-image:url(images/sprites/formicon.png);}
										
	.selectBoxes p span.ui-checkbox-state-hover,
	.selectBoxes p span.ui-radio-state-hover { background-color:#ffd88d !important; border:2px solid #ffd88d !important;}
	.selectBoxes p span.ui-checkbox-state-checked,
	.selectBoxes p span.ui-radio-state-checked {background-color:#addfff !important; border:2px solid #6baad5 !important;}
	.selectBoxes p span.ui-checkbox-state-checked-hover,
	.selectBoxes p span.ui-radio-state-checked-hover {background-color:#ffd88d !important; border:2px solid #ffa533 !important;}
	/*.selectBoxes p span.ui-checkbox{ display:block; float:left;}*/
	
	.selectBoxes.icon .hotel span.ui-checkbox{  background-position: 0 0;}
	.selectBoxes.icon .gasthof span.ui-checkbox{ background-position: 0 -65px;}
	.selectBoxes.icon .pension span.ui-checkbox{ background-position: 0 -130px;}
	.selectBoxes.icon .privat span.ui-checkbox{ background-position: 0 -195px;}
	.selectBoxes.icon .bauernhof span.ui-checkbox{ background-position: 0 -260px;}
	.selectBoxes.icon .appartement span.ui-checkbox{ background-position: 0 -325px;}
	.selectBoxes.icon .bungalow span.ui-checkbox{ background-position:0 -390px;}
	.selectBoxes.icon .huette span.ui-checkbox{ background-position:0 -455px;}
	.selectBoxes.icon .camping span.ui-checkbox{ background-position:0 -520px;}
	.selectBoxes.icon .sportzentrum span.ui-checkbox{ background-position:0 -585px;}
	.selectBoxes.icon .schutzhaus span.ui-checkbox{ background-position:0 -650px;}
	.selectBoxes.icon .jugend span.ui-checkbox{ background-position:0 -715px;}
	
	.selectBoxes.icon .allinc span.ui-checkbox{ background-position:0 -780px;}
	.selectBoxes.icon .vollpension span.ui-checkbox{ background-position:0 -845px;}
	.selectBoxes.icon .halbpension span.ui-checkbox{ background-position:0 -910px;}
	.selectBoxes.icon .fruehstueck span.ui-checkbox{ background-position:0 -975px;}
	.selectBoxes.icon .keinfruehstueck span.ui-checkbox{ background-position:0 -1040px;}
	
/* END jQuery Iconized Checkboxes */

/* jQuery Rating Plugin */
	div.rating{cursor:pointer;width:350px;clear:both;display:block; margin:0 0 10px 35px;}
	
	div.cancel,div.star{float:left;width:50px;height:50px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;margin:0;}
	div.cancel,div.cancel a{background:url(images/sprites/formicon.png) no-repeat 0 -1105px;}
	div.star,div.star a{background:url(images/sprites/formicon.png) no-repeat 0 -1255px;}
	div.cancel a,div.star a{display:block;width:50px;height:100%;}
	div.star-rating-on a{background-position:0 -1305px !important;}
	div.star-rating-hover a,div.star-rating-live a:hover{background-position:0 -1355px;}
	div.cancel.star-rating-on a{background-position:0 -1155px !important;}
	/* Read Only CSS */
	div.start-rating-readonly a,div.start-rating-readonly a:hover{cursor:default !important;}
	/* Partial Star CSS */
	div.star{background:transparent !important;overflow:hidden !important;}
	/* Star Superior */
	/*div.star.superior a{background-position:0 -1635px; }
	div.star-rating-on.superior a{background-position:0 -1680px; }
	div.star-rating-hover.superior a, div.star-rating-live.superior a:hover{background-position:0 -1730px; }*/
	
	#VerfeinernUnterkunftKategorie div.rating{ width:200px; clear:none; margin:0;}
	#VerfeinernUnterkunftKategorie div.cancel, #VerfeinernUnterkunftKategorie div.star{width:25px;height:25px}
	#VerfeinernUnterkunftKategorie div.cancel,#VerfeinernUnterkunftKategorie div.cancel a{background:url(images/sprites/formicon.png) no-repeat 0 -1405px;}
	#VerfeinernUnterkunftKategorie div.star, #VerfeinernUnterkunftKategorie div.star a{background:url(images/sprites/formicon.png) no-repeat 0 -1480px;}
	#VerfeinernUnterkunftKategorie div.cancel a,#VerfeinernUnterkunftKategorie div.star a{width:25px;}
	#VerfeinernUnterkunftKategorie div.star-rating-on a{background-position:0 -1505px !important;}
	#VerfeinernUnterkunftKategorie div.star-rating-hover a,#VerfeinernUnterkunftKategorie div.star-rating-live a:hover{background-position:0 -1530px !important;}
	#VerfeinernUnterkunftKategorie div.cancel.star-rating-on a{background-position:0 -1430px !important;}
	/* Verfeinern Star Superior*/
	#VerfeinernUnterkunftKategorie div.star.superior, #VerfeinernUnterkunftKategorie div.star.superior a{background:url(images/sprites/formicon.png) no-repeat 0 -1780px;}
	#VerfeinernUnterkunftKategorie div.star-rating-on.superior a{background-position:0 -1805px !important;}
	#VerfeinernUnterkunftKategorie div.star-rating-hover.superior a,#VerfeinernUnterkunftKategorie div.star-rating-live.superior a:hover{background-position:0 -1830px !important;}
/* END jQuery Rating Plugin */

/* Formular-Seiten */

.formular fieldset{ border:1px solid #b1d5e8; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.formular ul{ list-style:none;}

.formular.quart label{ float:left; color:#085079; width:90px; padding:2px 0 0 0; 
                       text-align:right; margin:0 5px 5px 0; }
.formular.quart input, .quart.formular select{ float:left; width:130px; margin-bottom:3px;}
.formular.quart select{ width:138px;}
.formular.quart input.radio{ width:20px; float:none; display:inline;}

.formular.quart .boxed input, .quart.formular .boxed select{ width:90px;}
.formular.quart .boxed select{ width:94px;}

fieldset.magazin:hover{ background:#fffad3; }
fieldset.magazin br{clear:none; }

/* Zimmerformular */

.zimmerform .sub{ font-size:1.1em; line-height:1.1em; }
.zimmerform p{ margin-bottom:3px;}

.zimmerform fieldset{  padding:4px 18px; }
#Finder .zimmerform fieldset{ padding:0;}
#VerfeinernLocation fieldset{ padding:4px 0; margin-left:10px;}

.zimmerform .halfcol{ width:110px; }
.zimmerform .thirdcol{ width:73px; }

#VerfeinernType, .VerfeinernType{ width:310px;}
#VerfeinernLocation, .PersonalDaten{ width:240px;}

#VerfeinernAlternativen a { line-height: 1.4em; }

.zimmerform label{ display:block; padding-left:7px;}

.zimmerform .PersonalDaten fieldset{ padding:4px 2px 4px 5px;}
.zimmerform .PersonalDaten label{ float:left; color:#085079; width:80px; padding:2px 0 0 0; text-align:right; margin:0 5px 5px 0; }
.zimmerform .PersonalDaten input{ float:left; width:124px; margin-bottom:3px;}
.zimmerform .PersonalDaten select{ width:126px;}
.zimmerform .PersonalDaten input.radio{ width:20px; float:none; display:inline;}

#RegionAuswahl .content{ margin-bottom:10px; }
#RegionAuswahl .content ul{ margin:10px 0 10px 20px; }

#ortssuche {margin-top: -40px; }

.RegionsListe input, .zimmerform .RegionsListe input,
.GeolocationListe input, .zimmerform .GeolocationListe input{ float:left; width:13px; margin:0 3px;}
.RegionsListe label, .GeolocationListe label{ float:right; width:200px; cursor:pointer;}
.zimmerform .RegionsListe label, .zimmerform .GeolocationListe label{ float:right; width:196px; cursor:pointer;}
.RegionsListe br, .GeolocationListe br { clear:both;}

#EventVerfeinernTyp input{ float:left; width:13px; margin:0 3px;}
#EventVerfeinernTyp label{ float:right; width:230px; cursor:pointer;}
#EventVerfeinernTyp br { clear:both;}

textarea#kontakt_anfrage, textarea#pauschale_wuensche { width: 96%; }

/* Unverbindliche Anfrage */
#unverb_anfrage .flyout label.big { font-size:14px !important; line-height:18px; display:inline-block; width:300px; vertical-align:middle; }
#unverb_anfrage .item { width:110px; vertical-align:middle; }
	
/* SPECIFIC STYLES ############################################################################################################*/
/* Header *****************************************************************************************************************/
#TopNav{ height:21px; font:10px/21px; background:#000; margin:0 0 30px -17px; text-align:right; line-height:16px; }
#TopNav #me{ text-align:left; }

#TopNav a, #TopNav a:active, #TopNav a:link { color:#b0b0b0; font-size:11px; padding-left:24px; margin-right:10px; }
#TopNav a:hover, #TopNav a:visited { color:#fff; }

#TopNav #top_fuermich{ color:#f00; background:url(images/sprites/general.png) no-repeat 3px -900px; padding-left:20px; }
#TopNav #top_suche{ background:url(images/sprites/general.png) no-repeat left -930px; padding-left:20px;}
#TopNav #top_fontsize{ background:url(images/sprites/general.png) no-repeat left -960px; margin-right:30px;}
#TopNav #lang_english{ background:url(images/sprites/general.png) no-repeat left -1020px; }
#TopNav #lang_ita{ background:url(images/sprites/general.png) no-repeat left -1050px; }
#TopNav #lang_deutsch{ background:url(images/sprites/general.png) no-repeat left -1080px; }
#TopNav #lang_other{ background:url(images/sprites/general.png) no-repeat left -990px; }

#TopNav ul{ list-style:none; padding:0; }
#TopNav ul li { display:inline; margin:0; position:relative; z-index: 35; }
#TopNav ul ul{ position:absolute; top:14px; left:-20px; padding:5px; display:none; background:#000; }
#TopNav ul ul li{ float:none; white-space:nowrap; font-size:11px; margin:0 5px; display:block; }
#TopNav ul li:hover ul{ display:block;}



#Timeline{ margin-bottom:1px; }
#HeadLine{ height:60px; }
#SubTitle{ width:400px; padding-top:14px; }
#Media{ background:#eee; height:313px; margin-bottom:1px; }

/* Hauptnavigation ******************************************************************************************************/

#Nav { height:2.3em; background:#67ABD3; color:#c6e4f6; font-size:1.25em; line-height:2.1em; margin-bottom:2em; }

#Nav ul, #Footer ul{ list-style:none; padding:0; }
#Nav ul li, #Footer ul li{ display:inline; float:left; margin:0 17px; position:relative; z-index: 35; }

#Nav ul ul{ position:absolute; top:28px; left:-48px; padding:5px 12px 5px 5px; display:none; background:#67ABD3; border:2px solid #fff; z-index:50;}
#Nav ul ul li{ float:none; white-space:nowrap; font-size:0.8em; margin:0 5px; display:block;}

#Nav ul li:hover ul{ display:block;}

#Nav a:link{ color:#fff; line-height:2.1em; text-decoration:none; }
#Nav a:visited{ color:#c6eaf6; line-height:2.1em; text-decoration:none; }
#Nav a:hover, #Nav a:visited:hover{ text-decoration:underline; line-height:2.1em; }

/* SeitenInhalt ******************************************************************************************************/

#PageContent{ margin-bottom:40px; }

#IntroText, #IntroText p { margin-bottom:0; }

/*#IntroText a:link{ color:#232323; text-decoration:underline; }
#IntoText a:visited{ color:#323232; text-decoration:underline; }
#IntroText a:hover{ color:#1d709f; }*/

/* Wann Was Wo ******************************************************************************************************/

#QuickSelect h4{ display:block; margin:3px 0 0 2px; padding: 0 0 10px 0; }
#QuickSelect.boxed{ padding:7px 5px; }
#QuickSelect.boxed .content{ padding:5px 0; margin:0;}

#QuickSelect #Wann h4{ background:url(images/sprites/fixed.png) no-repeat right -80px; line-height:30px !important; }
#QuickSelect #Was h4{ background:url(images/sprites/fixed.png) no-repeat right -120px; line-height:30px !important;  }
#QuickSelect #Wo h4{ background:url(images/sprites/fixed.png) no-repeat right -160px; line-height:30px !important;  }
#QuickSelect h4:hover, #QuickSelect h4:visited:hover{ color:#41a0da;}

#QuickSelect .button.fullwidth span span{ width:190px !important;}
#QuickSelect .button.fullwidth{ margin-top:4px; margin-bottom:0;}
#Selected_WannWasWo{ padding:0 5px;}

/*#QuickSelect.selected{position:relative; top:-15px;}*/
h4#meinUrlaub{ background:url(images/sprites/button.png) no-repeat left -390px; padding:0 0 9px 14px; height:27px; postition:relative; z-index:20; }
#IndexView h4#meinUrlaub{ background:none;}
#Selected_WannWasWo div.underline{ padding-left:17px;}
#Selected_WannWasWo strong{ color:#085079; position:relative; left:-12px; z-index:30;}

#QuickSelect span.ui-checkbox{margin-right:5px;}
#QuickSelect .RegionsListe span.ui-checkbox,
#QuickSelect .GeolocationListe span.ui-checkbox{ margin-right:0;}
#QuickSelect .RegionsListe label, #QuickSelect .GeolocationListe label{ float:right; width:210px; line-height:1.1em; margin-bottom:5px;}

#QuickSelect #Was .content, #QuickSelect #Wo .RegionsListe, #QuickSelect #Wo .GeolocationListe{ margin-left:10px;}
label.where-region { background: #085079; color: white; padding: 3px;}
/* Such-Widget ******************************************************************************************************/

#Search span.sub{ margin-bottom:4px; }

#Search #Searchterm{ border:1px solid #83b1cc; width:140px; height:24px; padding:0 3px; font:18px/21px "Arial Narrow"; color:#085079; background:#fff; }
#Search #Searchterm:focus{ background:#ecf3f7; }

.quart input#Searchterm{ position:relative; top:-8px; }
*+html .quart input#Searchterm{ top:-4px;}

/* Zimmerfrei Widget ******************************************************************************************************/

#Finder ul#Icons { position: relative; list-style:none; margin-left:0; }
#Finder ul#Icons li { float: left; background:#cddfeb; height:42px; width:62px; 
                  border-bottom: 1px solid #fff; border-right:1px solid #fff; padding: 0;  text-align:center; }
#Finder ul#Icons li a { display:block; text-decoration: none; }
#Finder ul#Icons li.active { border-bottom: 1px solid #ecf3f7; background:#ecf3f7; }

#Finder ul#Icons li a img{ opacity: 0.4; }
#Finder ul#Icons li.active a img{ opacity: 1;}

#Finder .tabcontent { display: block; border: 0; position:relative; top:-4px; }

/* Pauschalen / Angebote  *******************************************************************************************************/

#Angebote{ padding-bottom:20px;}

.thumb{ border:1px solid #ccc; background:#fff; padding:4px; width:115px; margin:0 5px 5px 0;}
.thumb a, .thumb span{ display:block; width:115px; height:81px; padding:0; margin:0; overflow:hidden; text-align:center; vertical-align:middle;}

.thumb.big{ width:188px; margin:0 10px 10px 0;}
.thumb.big a, .thumb.big span{ width:188px; height:142px;}
.articlelist .thumb.big a, .articlelist .thumb.big span {height: 122px;}
.articlelist.ergebnis .thumb.big{ width:165px;}
.articlelist.ergebnis .thumb.big a{ width:165px;}
.articlelist.ergebnis .thumb.big a{ width:165px;}

.thumb.medium{ width:135px; }
.thumb.medium a, .thumb.medium span{ width:135px; height:93px;}
.thumb.medium img{ position:relative; top:-5px; left:-5px;}

.item { margin-bottom:10px; margin:0 2px 0 3px;}
.item .thumb{ border:1px solid #ccc; background:#fff; padding:4px; width:115px; height:81px; position:relative;}
.item a, .item span, .item small{margin:0; display:block; padding:0 2px; }
.item span{ font-style:italic; color:#888;}
.item a:link{ line-height:1.3em; margin:2px 0; text-decoration:none;}
.item a:hover{ text-decoration:underline;}

.item .thumb a{ margin:0; padding:0;}

.item .clickicon{ background:url(images/sprites/general.png) no-repeat center -422px; position:absolute; top:-5px; left:-5px; 
                  width:16px !important; height:16px !important; cursor:pointer; }
.item .clickicon:hover{ background:url(images/sprites/general.png) no-repeat center -452px; }
.item .clickicon {display: none; }
/* News-Widget ********************************************************************************************************************/

#News{ width:191px;
		margin-right:10px;
		background:#ebf3f6;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;}
		
/* Events-Widget ********************************************************************************************************************/

#EventsWidget h5, #EventsWidget .sub, #EventsWidget ul{ padding-left:10px; }
#EventsWidget ul{ margin:0; list-style:none; padding:10px 0 10px 8px;}
#EventsWidget ul li{ display:block; clear:both; margin:0;  }

#EventsWidget ul li a{ display:block; padding-top:0; line-height:1em; margin-bottom:3px; float:left; width:160px; }
#EventsWidget ul li span{ display:block; float:left; width:160px; color:#333;}

#EventsWidget .date{ width:24px !important; margin-right:8px; margin-bottom:10px; }
#EventsWidget .date .month{ font:10px/12px Arial, sans-serif; width:24px !important; color:#fff; background:#a0a0a0; text-transform:uppercase; }
#EventsWidget .date .day{ font:16px/20px Arial, sans-serif; width:24px !important; color:#000; }

.date .month, .date .day{ text-align:center; display:block; }
	
a.btmlink{ clear:both; color:#232323; margin-right:18px; margin-top:15px; }

/* Modification for sidebar display */
.left.quart #EventsWidget.small{ width:250px;}

.left.quart #EventsWidget h5{ font-size:1.8em; line-height:1em; display:block; padding-left:23px !important;	background:url(images/sprites/general.png) no-repeat 0 0px;}

.left.quart #EventsWidget ul li a{ width:210px;}
.left.quart #EventsWidget ul li a{ width:210px;}

.left.quart #EventsWidget a.btmlink{ display:block; text-align:right;}
		
/* Karte ********************************************************************************************************************/
#theMap{ background:#97bbd5; border:1px solid #97bbd5;}

#mapPreview { width:auto; height:60px;  }
#mapPreview a#mapOpen{ display:block; float:left; margin-right:1px; width:67px; height:53px; text-align:center; padding-top:7px;
						font: 18px/19px "HelveticaNeue Condensed", "Arial Narrow", Helvetica, Arial; text-decoration:none;
						background:url(images/sprites/button.png) no-repeat 2px -270px; color:#085079; }
#mapPreview a#mapOpen:hover{ background-position:2px -330px;}
						
#mapContent a#mapClose{ display:block; width:auto; text-align:center; height:30px; background:url(images/sprites/repeaters-x.png) repeat-x 0 -240px;
						margin-top:5px; color:#085079; text-decoration:none; line-height:30px; vertical-align:middle; }
#mapContent a#mapClose:hover{ background-position:0 -270px;}
#mapContent a#mapClose strong{ padding-left:15px; background:url(images/sprites/general.png) no-repeat left -205px;}

/* Artikel Listen ********************************************************************************************************************/ 

.articlelist h4{ display:block; font: 2em/1.2em "HelveticaNeue Condensed", "Arial Narrow"; text-transform:none; color:#1d709f; margin-bottom:4px;}
	.articlelist h4 em{ font-style:normal; color:#085079; }
	.articlelist h4 a{ text-decoration:none; }
	.articlelist h4 a:hover{ text-decoration:underline; }

/*.bigthumb{ background:#fff; border:1px solid #ccc; padding:4px; width:168px; margin-right:12px; float:left; overflow:hidden;}*/

ul.taglist{ list-style:none; padding:10px 40px 20px; width:auto;}
ul.taglist li{ display:block; width:170px; float:left; margin:0; padding:4px 10px 4px 20px; font-size:1.2em; background:url(images/sprites/general.png) no-repeat left -60px;}
ul.taglist li:hover{ background-color:#ecf3f7;}

#Artikel.articlelist .vorspann{ float:right; width:250px; margin:0;}

.paging ul li{ list-style:none; float:left; text-align:center; margin:0 2px; line-height:25px;}
.paging ul li a{ display:block; padding:3px 5px; text-align:center; text-decoration:none; border:1px solid #ccc; color:#666; line-height:18px;}
.paging ul li a:hover{ text-decoration:underline; color:#1d709f; background-color:#e6eff5; border:1px solid #1d709f; }

#Sehenswertes.articlelist h3{ margin-bottom:16px;}
#Sehenswertes.articlelist p{ margin-bottom:16px;}
#Sehenswertes.articlelist .bigthumb{margin:10px 12px 10px 0;}
#sehenswertes-kontakt h4 { text-transform: none; }

#Suchergebnis h2{ margin-bottom:0 !important; top:10px;}
#Suchergebnis #Search{ padding-bottom:5px;}
#Suchergebnis .articlelist a.content{ text-decoration:none; margin:3px 15px 0 0; padding:3px 5px 5px 25px; background:#ecf3f7 url(images/sprites/general.png) no-repeat 4px -718px; }
#Suchergebnis .articlelist a.content:hover{ text-decoration:underline;}
#Searchterm{ text-transform:none;}

p.image span{ display:block; text-align:right; padding:3px 10px; margin:0 10px 0 0; font:italic normal 11px/13px Verdana, Geneva, sans-serif; color:#666; background:#EDF4FC; }

#RegionsListe .content{ margin:10px;}
#RegionsListe h5{ margin-bottom:5px;}

#ArtikelDetailText ul{ list-style:inside; padding-left:20px;}
#ArtikelDetailText ul li{ line-height:1.6em;}

/* Betriebsliste ********************************************************************************************************************/ 

#BetriebsListe ul{ margin:0; list-style:none;}

#BetriebsListe .item{ margin:0;}

#BetriebsListe .tabcontent .klein { display:block; border:0; width:538px; }
#BetriebsListe .tabcontent .description{ width:266px; margin-right:13px;}
#BetriebsListe .tabcontent .contact{ width:110px; padding-top:25px;}
#BetriebsListe .tabcontent .links{ width:135px; padding-left:10px; border-left:1px dotted #1d709f; }

#BetriebsListe .tabcontent{ padding:10px 15px; background:#ecf3f7;  }

span.hotel{ display:block;
		font-size:11px; 
		font-weight:bold; 
		line-height:16px; 
		margin-bottom:5px; 
		padding-left:18px;
		background:url(images/sprites/general.png) no-repeat 0 -691px;  }

small.adress{ line-height:18px;}


.links ul{ margin:0; list-style:none;}
.links ul li a{ display:block; padding:2px 0 2px 26px; text-decoration:none; font-size:11px;}
.links ul li a:hover{ text-decoration:underline;}
.links ul li:hover{ background:url(images/sprites/button.png) no-repeat left -240px;}
a.zimmer{background:url(images/sprites/general.png) no-repeat 4px -540px;}
a.karte{ background:url(images/sprites/general.png) no-repeat 4px -570px;}
a.buchen{ background:url(images/sprites/general.png) no-repeat 4px -630px;}
a.kontakt{ background:url(images/sprites/general.png) no-repeat 4px -600px;}
a.tipps{ background:url(images/sprites/general.png) no-repeat 4px -660px;}
a.betriebspauschale{ background:url(images/icon/link-pauschale.png) no-repeat 4px center;}
a.vormerken{background:url(images/sprites/general.png) no-repeat 4px -419px;}
a.vormerken:hover{ background:url(images/sprites/general.png) no-repeat 4px -449px;}

ul.meta-links, ul.downloads{list-style:none !important;}
ul.meta-links li a, ul.downloads li a{ padding:2px 0 2px 22px;}

ul.meta-links a{ background:url(images/icon/link.png) no-repeat left 2px;}
ul.meta-links a.extern{ background:url(images/icon/link_go.png) no-repeat left 2px;}
ul.meta-links a.feed{ background:url(images/icon/rss.png) no-repeat left 4px;}
/*
ul.downloads a.pdf{ background:url(images/icon/page_white_acrobat.png) no-repeat left center;}
ul.downloads a.word{ background:url(images/icon/page_white_word.png) no-repeat left center;}
ul.downloads a.excel{background:url(images/icon/page_white_excel.png) no-repeat left center;}
ul.downloads a.bild{background:url(images/icon/page_white_picture.png) no-repeat left center;}
ul.downloads a.powepoint{background:url(images/icon/page_white_powerpoint.png) no-repeat left center;}
ul.downloads a.zip{background:url(images/icon/page_white_compressed.png) no-repeat left center;}
ul.downloads a.audio{background:url(images/icon/sound-none.png) no-repeat left center;}
ul.downloads a.video{background:url(images/icon/film.png) no-repeat left center;}
*/

#meta-tags{ padding:10px;}
#meta-tags a{ line-height:24px; font-size:14px; padding:0 5px 0 0; margin:0 3px 0 0; text-decoration:none; border-right:1px solid #1d709f;}
#meta-tags a:hover{background:#ecf3f7;}


#PortalLink{ margin-top:10px;}
#PortalLink a:link,
#PortalLink a:visited,
#PortalLink a:hover {display:block; font: 1.8em/1em "HelveticaNeueLT Std Cn", "Arial Narrow", Helvetica, Arial, sans-serif; height:20px;
            padding-left:20px; margin-bottom:10px; background:url(images/sprites/general.png) no-repeat 0 -63px;}
#PortalLink a:hover, #PortalLink a:visited:hover{text-decoration:underline;}

/* Newsletter */

#Newsletter li{ padding-left:20px;}
li.facebook{ background:url(images/icon/facebook.png) no-repeat left center;}
li.flickr{background:url(images/icon/flickr.png) no-repeat left center;}
li.youtube{background:url(images/icon/youtube.png) no-repeat left center;}
li.delicious{background:url(images/icon/delicious.png) no-repeat left center;}
li.rss{background:url(images/icon/rss1.png) no-repeat left center;}
li.digg{background:url(images/icon/digg.png) no-repeat left center;}
li.myspace{background:url(images/icon/myspace.png) no-repeat left center;}
li.twitter{background:url(images/icon/twitter.png) no-repeat left center;}
li.ktnblog{background:url(images/icon/ktn_blog.png) no-repeat left center;}

/* Wetter ********************************************************************************************************************/ 

.wetter .item{ margin:0 1px 5px 0 !important;}
.klima{ margin-right:20px;}

.left.temperaturen{ margin:5px 12px 0 0;}
p.info{ width:350px;}

.lowtemp{padding-left:20px; background:url(images/icon/temp_lowest.jpg) no-repeat center left; }
.hightemp{padding-left:20px; background:url(images/icon/temp_highest.jpg) no-repeat center left; }

.bergwetter{ padding-left:40px; background:url(images/icon/bergwetter.jpg) no-repeat center left; }

#Wetter img, #Wetter span{ display:block;}

#Schneeberichte-Nav .content{ padding-right:0; border-right:3px solid #d7e5ef; }
#Schneeberichte-Nav ul{ margin:0; padding:0;}
#Schneeberichte-Nav ul li{ padding: 6px 0 6px 20px; font-size:14px; line-height:18px;}
#Schneeberichte-Nav ul li:hover{ background:#ecf3f7;}

#Schneeberichte-Nav ul li.active{ background:#d7e5ef;}
#Schneeberichte-Nav ul li.active a{ font-weight:bold; text-decoration:none;}

/* Pauschalen ********************************************************************************************************************/

.pauschale .badge{ width:135px; height:135px; background:url(images/bg/badge_klein.png) no-repeat center center; margin-top:5px; }
.pauschale div.preis span{ display:block; padding-left:10px; text-align:center; font-size:14px; font-style:italic; font-weight:bold; color:#555; margin-top:30px;}
.pauschale div.preis span.preis{ font:bold normal 32px/34px Georgia, "Times New Roman", Times, serif; color:#1d709f; margin-top:0;}

.pauschale h3{ margin-bottom:5px;}
.pauschale .content{ width:500px;}

.pauschale .content ul{ list-style:square inside; display:block; margin-left:10px; color:#666; }
/* FOOTER
---------------------------------------------------------------------------------------*/

#Footer ul a{ font-size:14px; line-height:45px; font-family: HelveticaNeue MediumCond, Tahoma, Geneva, Arial, sans-serif; color:#1d709f; text-decoration:none; }

hr.lightblue{ height:2px; border:none; background:#b1d5e8; margin:0; }

#Footer span.lightgrey{ line-height:45px; color:#e4e4e4; }

/* Regionen *********************************************************************************************************************/
.Regionsliste .boxed, .Regionsliste .section { border: 2px solid white; }
.Regionsliste .highlight .boxed, .Regionsliste .highlight .section  { border: 2px solid yellow; }
.Regionsliste a img { border: 1px solid gray; padding: 3px; margin-right: 6px;}
.Regionsliste h3 { margin-bottom: .2em; }

/* Tabs */

.tabbed{/*jquery*/}
.tabcontent{ padding:10px 10px 15px 20px; background:#ebf3f6; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.tabbed{ border-bottom:1px dotted #666;}

#BetriebsListe .ui-tabs { padding:0; margin:0;}
#BetriebsListe .ui-tabs-nav { position: relative; }
#BetriebsListe .ui-tabs-nav li { float: left; background:#cddfeb; height:28px; width:auto; 
                  border-bottom: 1px solid #fff; border-right:1px solid #fff; padding: 0; margin:0;  text-align:center; }
#BetriebsListe .ui-tabs-nav li a { display:block; text-decoration: none; padding:3px 6px; margin:0; }
#BetriebsListe .ui-tabs-nav li a:focus{ outline:none;}
#BetriebsListe .ui-tabs-nav li.ui-tabs-selected { border-bottom: 1px solid #ecf3f7; padding-left:10px; background:#ecf3f7 url(images/sprites/general.png) no-repeat 6px -169px; font-weight:bold; }

#BetriebsListe .ui-tabs-hide { display:none !important;  }
#BetriebsListe .ui-tabs-panel{ display:block; border:0; clear:both; }

/* Ajax links ********************************************************************************************************************/
.ajaxlink, .instantload {
	display: none;
}
.loading {
	
	background: red;
}
/*--------------------------------------------------------------------------------------------------------------------------------*/