body{
	background:url(/images/bg-wrapper.gif) 50% 0 repeat-y;
}


/******************************************************/
/*                   RESET                            */
/******************************************************/
*{
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	outline:none;
}

/******************************************************/
/*                   STANDARD                         */
/******************************************************/
caption,th{text-align:left;}
.inv, .fhinv{display:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.nofloat{float:none;}
.noborder {
	padding:0;
	margin:0;
	border:0;
}

/******************************************************/
/*                   TEXT INDENTS                     */
/******************************************************/
#logo a{
	display:block;
	text-indent:-19999px;
	overflow:hidden;
}

/******************************************************/
/*                   LANGUAGES                        */
/******************************************************/

#lang{
	position:absolute;
	right:20px;
	top: 110px;
	background: #fff;
}
#lang select{	
	width:130px;
}
#lang select .de{
	background:url(/nav/de.gif) 85px 2px no-repeat;
}
#lang select .en{
	background:url(/nav/en.gif) 85px 2px no-repeat;
}
#lang select .it{
	background:url(/nav/it.gif) 85px 2px no-repeat;
}

/******************************************************/
/*                   HEADER / FOOTER                  */
/******************************************************/

/*  after-Hack: um den Rahmen eines Elements um die Elemente in sich herunterzuziehen 
element:after{
	content: ".";
	font-size: 0%;
	display: block;
	clear: both;
	text-indent: -9999px;
	visibility: hidden;
}
*/

#wrapper, #footer{
	position:relative;
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
#menuwrapper{
	position:relative;
}

#content{
	margin-top:640px;
	position:relative;
	min-height: 1050px;
	/* rest ist im layout.css */
}
#content_wrapper{
	display:block;
	overflow:hidden;
	position:relative;
	width:680px;
	padding-right:30px;
}
#more_content{
	display:block;
	border-bottom:1px dotted #b19451;
	font-size:12px;
	width:100%;
	height:26px;
	background-color:#fff;
	position:relative;
}
#content #more_content a{
	color:#360;
	display:block;
	position:absolute;
	font-weight:normal;
	left:0;
	top:0;
	padding-left:12px;
	cursor:pointer;
	background:url(/nav/arrow_green.gif) 0 2px no-repeat;
}
#content #more_content a.goup{
	background-position:left bottom;
}

#logo{
	position:absolute;
	top: 10px;
	left: 0;
	width:960px;
	height:137px;
	background:url(/nav/header_bg.png) 0 0 repeat-x;
	border-top: 1px solid #fdd072;	
	border-bottom: 1px solid #fdd072;
	
}
#logo a{
	background:url(/nav/logo.png) 0 0 no-repeat;
	width: 160px;
	height: 159px;
	padding: 0;
	position: absolute;
	top: 25px;
	left: 50%;
	margin-left: -80px;
	z-index: 10000;
	text-indent: -9999px;
	-moz-box-shadow: 2px 2px 4px #333;
	-khtml-box-shadow: 2px 2px 4px #333;
	-webkit-box-shadow: 2px 2px 4px #333;
	-o-box-shadow: 2px 2px 4px #333;
	-ms-box-shadow: 2px 2px 4px #333;
	box-shadow: 2px 2px 4px #333;
}




#address{display:none;}

#contactus{
	position: absolute;
	right: 20px;
	width: 180px;
	top: 35px;
	font-size: 11px;
	text-align: right;
	color: #555555;
	line-height: 16px;
}
#contactaddress{
	position: absolute;
	left: 20px;
	width: 180px;
	top: 35px;
	font-size: 11px;
	color: #555555;
	line-height: 16px;
}

#footer{
	margin:20px auto;
	padding:10px 20px;
	border-top:2px solid #b19451;
	width:920px;
	clear:both;
}
#cmslink{
	cursor:text;
	color:#000;
	text-decoration:none;
}
#ncm{
	float:right;
	padding:12px 0 0 19px;
	width:97px;
	font-size:10px;
	text-decoration:none;
	background:url(/nav/ncmlogo.gif) 0 0 no-repeat;
	color:#bbbbbb;
	font-family:Arial, Helvetica, sans-serif;
}
#ncm:hover, a#ncm:focus{
	background-position:0 -48px;
	color:#000000;
	outline:none;
}
#ncm b{
	display:none;
}
/******************************************************/
/* SIDEBAR -> LEFT, nicht sidebar wegen WEBMASTER !!  */
/******************************************************/

#left{
	float:left;
	margin:640px 0 0 0;
	/*width:250px;*/
}
#left h3{
	margin-bottom:8px;
	font-size:12px;
}


/******************************************************/
/*                   QUICKANFRAGE                     */
/******************************************************/


#qanfrage{
	position: absolute;
	width:220px;
	/* height:238px; */
	padding-bottom:5px;
	background: url(/nav/bg_qanfrage.png) repeat-x;
	right: 20px;
	z-index: 200;
	top: 312px;
}
#qanfrage .date-picker-control{
	margin:-24px 0 0 0;
	float:left;
}
#qanfrage h4{
	background:url(/nav/de/h_anfrage.png) 0 0 no-repeat;
	width:183px;
	height:10px;
	margin:18px 0 10px 20px;
	text-indent:-19999px;
}
#qanfrage p{
	padding:0 18px;
	line-height:18px;
	margin-bottom:20px;
}
#qanfrage div{
	padding:0 18px;
	line-height:18px;
	margin-bottom:0;
}

/*#qanfrage label{
	margin:0 18px;
	height:50px;
}*/
#qanfrage input{
	width:168px;
	height:18px;
	border:1px solid #b19451;
	margin:5px 0;
	padding:3px 0 0 10px;
	background:url(/nav/kal.gif) 160px 3px #fff no-repeat;
	cursor:pointer;
}
#qanfrage input.button{
	width: 210px;
	/* height:23px; */
	background:none;
	background: url(/nav/anfragen_btn.gif) no-repeat;
	border: none;
	height: 25px;
	/*
	background-color:#b19451;
	border:2px #b19451 outset;
	*/
	color:#fff;
	font-weight:bold;
	display:block;
	cursor:pointer;
	margin:8px 0 0 4px;
	padding:3px 0;
}




.ce_error {
    font-weight: bold;
    color: black;
    font-size: 120%;
    position: relative;
    top: -100px;
    border: 5px solid red;
    background: white;
    z-index: 1000;
    padding: 10px;
}

.text_folgt {
    height: 150px;
    margin-bottom: 20px;
}

/******************************************************/
/*                   BUTTONS                          */
/******************************************************/
input.button, a.button{
	background-color:#af0000;
	color:#fff;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}
a.button{
	text-decoration:none;
	padding:2px 0;
	display:table;
}
#content input.button, #content a.button{width:250px;}
input.button:hover, a.button:hover{background-color:#870202;}

#package_btn, #panorama_btn {
	width:220px;
	height:38px;
	display:block;
	background:url(/nav/de/button_packages.gif) 0 0 no-repeat;
	text-indent:-19999px;
	overflow:hidden;
	outline:none;
	margin-top:35px;
	float:left;
}
#gutschein_btn  { 
	background:url("/nav/de/gmachl_gutscheinwelt.jpg") no-repeat scroll 0 0 transparent;
	display:block;	
	height:81px;
	width:180px;
	text-indent: -99586px;
}
.package_button{ 
	background:url("/nav/anfragen_btn.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:25px;
	margin: 8px 0 0 4px;
	padding: 5px 10px;
	width:210px;
	text-decoration: none;
}

#panorama_btn {margin-top:15px;}
#panorama_btn{background-image:url(/nav/de/button_panorama.gif);}
/* #gutschein_btn{background-image:url(/nav/de/button_gutschein.gif);} */
#package_btn:hover, #panorama_btn:hover {background-position:0 -38px;}

/******************************************************/
/*                   LINK CLASSES                     */
/******************************************************/
.pdf, .external, .doc, .xls, .zip, .jpg, .back{
	padding:2px 0 2px 22px;
	background:url(/nav/icons/pdf.gif) left center no-repeat;
}
.external{background-image:url(/nav/icons/external.gif);}
.doc{background-image:url(/nav/icons/doc.gif);}
.xls{background-image:url(/nav/icons/xls.gif);}
.zip{background-image:url(/nav/icons/zip.gif);}
.jpg{background-image:url(/nav/icons/jpg.gif);}
.back{background-image:url(/nav/icons/back.gif);}

/******************************************************/
/*                   ERRORS                           */
/******************************************************/
#error ul, #content #error ul{
	border:1px solid #9d1c33;
	background:#fff;
	font-weight:bold;
}
#error li{display:block;}

/******************************************************/
/*                   SCROLL                           */
/******************************************************/
#content p.scroll{
	margin-bottom:8px;
	display:block;
	height:22px;
	font-size:11px;
	clear:both;
}
.scroll a, .scroll strong{
	display:block;
	float:left;
	margin-right:1px;
	padding:2px 4px;
	background-color:#efefef;
	border:1px solid #efefef;
	color:#9d1c33;
	font-weight:bold;
}
.scroll a{
	text-decoration:none;
	border-color:#ccc;
	background-color:#fff;
	outline:none;
}
.scroll a:hover{border-color:#efefef;}

/******************************************************/
/*                   FORMULAR                         */
/******************************************************/
input, textarea, select{
	border:1px solid #b7b7b7;
	padding:1px;
}
textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
input, textarea{width:300px;}
input.plz, input.wert{width:53px;}
input.ort{width:230px;}
input.radio{
	border:none;
	width:40px;
}
#content form input.button{width:304px;}
.errorfield{background-color:#af0000;}
span.req{
	font-weight:bold;
	color:#af0000;
	font-size:14px;
}

/******************************************************/
/*                   TOPIMG                           */
/******************************************************/
#topimg{
	position:absolute;
	left:0;
	top: 157px;
	width:960px;
	height:412px;
}

/******************************************************/
/*                   TIMESLIDE                        */
/******************************************************/

#seasons{
	clear:both;
	position:relative;
	width:960px;
	height:300px;
	padding:0;
	margin: 25px 0 0 0;
	/*background-color:#fef3d9;*/
}
#timeslide_wrap{
	position:absolute;
	left:21px;
	top:5px;
	width:919px;
	overflow:hidden;
	display:block;
	z-index:48;
}
#timeslide{
	position:relative;
	height:312px;
	width:19000px;
	display:block;
}
.timebox{
	float:left;
	width:230px;
	height:300px;
	position:relative;
	margin:0;
	background: url(/nav/bg_zeitthemen1.gif) no-repeat;
}
.timebox2{
	float:left;
	width:230px;
	height:300px;
	position:relative;
	margin:0;
	background: url(/nav/bg_zeitthemen2.gif) no-repeat;
}

h3.slider_hl{
	color:#fff;
	text-transform:uppercase;
	background:#d4873f;
	display:block;
	font-size:11px;
	margin:0;
	padding: 2px 0 2px 44px;
	width:100%;
}


.boxes h3{
	color:#000;
	font-size:14px;
	margin:15px 5px 5px 5px;
	padding-left: 5px;
	padding-top: 5px;
	text-align: center;
	background: #feeabb;
}

.boxes{
	display:block;
	width:219px; 
	height:230px;
	margin: 6px 0 0 6px;
	padding: 0; 
	/*background-color:#fef3d9;*/
	float:left;
}

.lastboxes{
	background:none;
}

.boxes img{
	float:left;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 5px;
	width: 209px;
}
.boxes ul{
	color:#000;
	list-style:none;
	font-size:11px;
	margin:0;
	padding:0 0 0 5px;
}
.boxes li{
	line-height:20px;
	list-style:none;
	margin:0;
	padding:0;
}
.boxes li.textonly{
	line-height:15px;
}
.boxes li a{color:#000;}

#time_arrow_back{
	left: 1px;
	background:url(/nav/pfeil_left.png) right center no-repeat;
}
#time_arrow_next{
	right:1px;
	background:url(/nav/pfeil_right.png) right center no-repeat;
}

#time_arrow_back, #time_arrow_next{
	position:absolute;
	top:-20px;
	z-index:53;
	display:block;
	text-indent:-19999px;
	overflow:hidden;
}

#time_arrow_back a, #time_arrow_next a{
	width:53px;
	height:54px;
	display:block;
	background:url(/nav/pfeil_left.png) right center no-repeat;
}
#time_arrow_next a{
	background:url(/nav/pfeil_right.png) right center no-repeat;
}
#time_arrow_back a:hover{
	background:url(/nav/pfeil_left_hover.png) right center no-repeat;
}
#time_arrow_next a:hover{
	background:url(/nav/pfeil_right_hover.png) right center no-repeat;
}


/******************************************************/
/*                   TOPPACKAGE                       */
/******************************************************/

#toppackage{
	width:200px;
	float:left;
	clear:left;
	margin:20px 0 0 20px;
	display: inline;
}
#toppackage img{
	border:none;
}
#toppackage h3{
	color:#595959;
	text-transform:uppercase;
	font-size:11px;
	padding:20px 0 10px 0;
}
#toppackage div{
	position:relative;
}
#toppackage div span{
	width:78px;
	height:43px;
	position:absolute;
	right:-20px;
	top: 116px;
	background:url(/nav/price_bg.png) 0 0 no-repeat;
	text-align:center;
	padding-top:7px;
	color:#fff;
}
.package_content{
	margin-bottom:10px;
}
#toppackage .button{
	background-color:#b19451;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	width:200px;
	display:block;
	text-align:center;
	padding:5px 0;
	text-decoration:none;
	border:2px #b19451 outset;
}
#toppackage .button:hover{background-color:#c9b17a;}
#toppackage .morepackages{margin-top:10px;}

/**********************************************/
/*               Massage Table                */
/**********************************************/
table.massage_table{
	margin-top: 10px;
	background: #ffe9b7;
}
table.massage_table .b_desc p{
	padding: 0px !important;
	margin: 0px !important;
}
table.massage_table tr{
	border-bottom: 2px solid #fff !important;
}
table.massage_table td{
	padding: 5px !important;
}
table.massage_table td.b_zeit, table.massage_table td.b_preis{
	width: 50px !important;
	font-weight: bold !important;
	vertical-align: top !important;
}


/******************************************************/
/*          blog und facebook BTN                     */
/******************************************************/

.blogButton{
	display: block;
	width: 230px;
	height: 25px;
	line-height: 23px;
	background: url(/nav/blog_btn.gif) 202px 0 no-repeat;
	margin-top: 100px;
	position: absolute;
	top: 280px;
	font-size: 11px;
}
.facebookButton{
	display: block;
	width: 230px;
	height: 25px;
	line-height: 23px;
	position: absolute;
	background: url(/nav/facebook_btn.gif) 202px 0 no-repeat;
	top: 410px;
	font-size: 11px;
}

/* TOOLTIPP DESIGN */

/* tooltip design */
.ToolTips { display:block; position:absolute; width:404px; }
.ToolTips .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(/images/tooltips/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
.ToolTips .message { display:block; position:relative; background:url(/images/tooltips/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(/images/tooltips/dockBottomHeader.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(/images/tooltips/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(/images/tooltips/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(/images/tooltips/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tooltips/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(/images/tooltips/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 10px; padding:0px; color:#FF6600; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }

.theImagemap{
	position: relative;
	display: block;
	width: 416px;
	height: 300px;
}
.theImagemap_vit{
	text-align: center;
	display: block;
	width: 416px;
	height: 510px;
}

.theTipps{
	display: none;
}

.tooltipTitle{
	display: block;
	float: left;
	font-weight: bold;
	margin: 0 0 5px 0;
	font-size: 14px;
	position: relative;
}

/* BILDERGALERIE KATEGORIE */
#content .bildergal_cat{
	display: block;
	
	overflow: hidden;
}
#content .bildergal_cat ul{
	list-style: none ;
	overflow: hidden;
	padding: 0 ;
	margin:0;
}
#content .bildergal_cat ul li{
	float: left;
	display: block;
	background: #fee9ba;
	margin: 0;
	border-right: 1px solid #fff;
}

#content .bildergal_cat a, #content .cat_aktiv{
	display: block;
	color: #000;
	padding: 10px 20px 5px 20px;
	text-decoration: none ;
}

#content .bildergal_cat a:hover, #content .cat_aktiv{
	font-weight: bold;	
	border-bottom: 4px solid #f0c004;
}

.h3_heading{
	color: #B29552;
	font-size: 16px !important;
}
.h3_heading img{
	margin-left: 10px;
}


.partner a{
	margin-right: 10px;
}
#trivago_rating_1{
	margin-left:10px;
}
#trivago_rating_11,#trivago_affirm{
	padding-right:10px;
}
#trivago_rating_1,#trivago_affirm,#trivago_rating_2,#trivago_rating_3,#trivago_rating_4,#trivago_rating_5,#trivago_rating_6,#trivago_rating_7,#trivago_rating_8,#trivago_rating_9,#trivago_rating_10,#trivago_rating_11{
	width:15px;
}

/*SOCIAL MEDIA ICONS*/

.sm_facebook, .sm_blog, .sm_youtube{
  background: url(/nav/icons/sm_facebook.png) no-repeat;
  display: inline-block;
  float: left;
  height: 38px;
  text-indent: -1999px;
  text-align: left;
  overflow: hidden;
  width: 38px;
  margin: 15px 0 0 5px;
}
.sm_facebook{
  margin-left: 56px;
}
.sm_blog{
  background-image: url(/nav/icons/sm_blog.png);
  text-decoration: none;
  text-align:center;
  line-height: 53px;
  text-indent: inherit;
  font-weight: 600;
}
.sm_youtube{
  background-image: url(/nav/icons/sm_youtube.png);
}

.qanfrage2{
	margin-left: 18px;
	display: block;
	position: absolute;
	width: 210px;
	bottom: 370px;
	left: 0;
}
.qanfrage2 .anf_top{
	background: url(/nav/anf_top.gif) no-repeat;
	display: block;
	height: 8px;
	overflow: hidden;
	width: 205px;
}
.qanfrage2 .anf_center{
	padding: 10px 5px;
	background: url(/nav/anf_center.gif) repeat-y;
	width: 205px;
	display: block;
	/* margin-bottom: -25px; */
}
.qanfrage2 .anf_bottom{
	background: url(/nav/anf_bottom.gif) no-repeat;
	display: block;
	width: 205px;
	height: 7px;
}

#qanfrage2{
	position:relative;
	padding: 0 10px 0 3px;
}
#qanfrage2 h4{
	margin-bottom: 8px;
	margin-left: 1px;
	padding-bottom: 4px;
	border-bottom: 1px solid #F8C900;
	font-size: 12px;
	display: inline-block;
}
#qanfrage2 label{
	padding-bottom: 3px;
	display: block;
	position: relative;
}
#qanfrage2 div{
	display: inline-block;
	margin-right: 30px;
	padding-bottom: 8px;
	margin-left: 5px;
}
#qanfrage2 input{
	width: 150px;
	border: 1px solid #B19451;
	background: url("/nav/kal.gif") no-repeat scroll 136px 2px #FFFFFF;
}
#qanfrage2 .button{
	background: url(/nav/anfragen_btn.gif) no-repeat scroll 0 0 transparent;
	border: none;
	color: #fff;
	height: 25px;
	width: 188px;
	margin-top: 5px;
	display: block;
}
#toppackage{
	min-height: 520px;
}

/* Best Wellness Logo */

.bestWellness {
	position:absolute;
	bottom:562px;
	left:43px;
	width:150px;
	height:86px;
	background: url(/images/best-wellness-hotel-logo.jpg) no-repeat scroll 0 0 transparent;
	text-indent:-19999px;
	display:block;
	overflow:hidden;
}