@charset "utf-8";
/* ---------------------------------------------------------
   reset: http://developer.yahoo.com/yui/reset/
--------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* prevent the dotted border for <object> within FF3@win (e.g. when embeding flash) */
a,object { outline: none; }


/* ---------------------------------------------------------
   clearfix: http://jassesnee.de/easyclear/index.html (extended for ie7)
--------------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body { behavior:url("/fileadmin/styles/csshover3.htc"); }


/* ---------------------------------------------------------
   essentials
--------------------------------------------------------- */

body {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	background-color: #fffbf6;
	background-image: url(../img/common/background.gif);
	background-repeat: repeat-y;
	background-position: top center;
	color: #000000;
	font-size: 11px;
}

p, a, em, li, td, th, span, caption, select, input, label, textarea {
	font-size: 11px;
	line-height: 14px;
}

strong {
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	color: #efa01e;
}

h1, h2, h3 {
	color: #efa01e;
	font-size: 18px;
	font-family: Georgia, RotisSemiSerif, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 15px
}

a.internal-link,
a.download,
a.external-link-new-window {
	background-image: url(/fileadmin/styles/menschels_vitalresort/link-iconset.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}

a.internal-link {
	background-position: left 0px;
}

a.download {
	background-position: left -100px;
}

a.external-link-new-window {
	background-position: left -200px;
}


/* ---------------------------------------------------------
   page-header
--------------------------------------------------------- */
#page-header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 110px;
/*	background-color: #ffffff;*/
/*	border-bottom: 1px solid #ffffff;*/
	background-image:url(/fileadmin/img/common/sh-header.png);
	background-repeat:repeat-x;
	background-position: left bottom;
	z-index:2;
}

* html #page-header {
	/*bac\kground:none;
	fi\lter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/fileadmin/img/common/sh-header.png');*/	
}

#page-header .wrap {
	width: 980px;
	margin: auto;
	position: relative;
}

#logo a {
	background-image:url(../img/common/logo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 75px;
	width: 113px;
	position: absolute;
	top: 10px;
	left: 0px;
	overflow: hidden;
	line-height: 200px;
}



/* ---------------------------------------------------------
   top-nav
--------------------------------------------------------- */
#top-nav {
	position: absolute;
	top: 75px;
	right: 0px;
}

#top-nav li {
	float: left;
	list-style: none;
	position: relative;
	padding-top: 5px;
	padding-bottom: 6px;
}

#top-nav li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform:uppercase;
	padding: 0px 10px;	
}

#top-nav li:hover a {
	color: #fff;
}


#top-nav li a.selected {
	color: #efa01e;	
}

#top-nav li:hover a.selected {
	color: #fff !important;	
}



#top-nav div.nav-preview {
	position: absolute;
	top: 24px;
	right: -1px;
	width: 450px;
	height: 200px;	
	border: 1px solid #fff;
	border-top: none;
	display: none;
}

#top-nav div.nav-teaser {
	margin-top: 105px;
	margin-left: 15px;
	width: 250px;
}

#top-nav div.nav-teaser h3 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color: #fff;
}

#top-nav div.nav-teaser p {
	line-height: 14px;
}

#top-nav li:hover div.nav-preview {
	display: block;
}


/* individual nav settings */

/* vitalresort */
#top-nav-2 div.nav-preview {
	background-color: #EFA01E;
	background-image:url(/fileadmin/img/common/nav-vitalresort.jpg);
	background-position: 0px -28px;
}

#top-nav-2:hover {
	background-image:url(/fileadmin/img/common/nav-vitalresort.jpg);
	background-position: right top;
}

/* arrangements */
#top-nav-10 div.nav-preview {
	background-color: #B67850;
	background-image:url(/fileadmin/img/common/nav-arrangements.jpg);
	background-position: 0px -28px;
}

#top-nav-10:hover {
	background-image:url(/fileadmin/img/common/nav-arrangements.jpg) !important;
	background-position: right top !important;
}


/* wellness & therme */
#top-nav-3 div.nav-preview {
	background-color: #7E242F;	
	background-image:url(/fileadmin/img/common/nav-therme.jpg);
	background-position: 0px -28px;
}

#top-nav-3:hover {
	background-image:url(/fileadmin/img/common/nav-therme.jpg);
	background-position: right top;
}


/* felkekur & heilfasten */
#top-nav-29 div.nav-preview {
	background-color: #815441;	
	background-image:url(/fileadmin/img/common/nav-felkekur.jpg);
	background-position: 0px -28px;
}

#top-nav-29:hover {
	background-image:url(/fileadmin/img/common/nav-felkekur.jpg);
	background-position: right top;
}


/* medical */
#top-nav-28 div.nav-preview {
	background-color: #6A6CA1;	
	background-image:url(/fileadmin/img/common/nav-medical.jpg);
	background-position: 0px -28px;
}

#top-nav-28:hover {
	background-image:url(/fileadmin/img/common/nav-medical.jpg);
	background-position: right top;
}

#top-nav ul ul {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 140px;
}


#top-nav li li {
	float: none;
	text-align: right;
	line-height: 18px;
	padding: 0px;
}

#top-nav li li a {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	line-height: 14px;
	padding: 0px;
	padding-left: 10px;
}

#top-nav li li a:hover {
	background-image: url(../img/common/icon-topnavi.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}


#top-nav div.teaser {
	position: absolute;
	left: 15px;
	top: 110px;
	width: 253px;
}

#teaser h2 {
	color: #fff;
}

#top-nav h3 {
	font-weight: bold;
	margin-bottom: 3px;
	color: #fff;
}

#top-nav p {
	color: #fff;
	line-height: 15px;
}




/* ---------------------------------------------------------
   page-body
--------------------------------------------------------- */
#page-body {
	width: 980px;
	margin: auto;
	padding-top: 100px;
	padding-bottom: 50px;
	position: relative;
}



/* teaser */
#teaser, #teaser-video {
	height: 300px;
	width: 980px;
	border-bottom: 1px solid #ffffff;
	overflow: hidden;
	background-image: url(../img/common/header.jpg);
	background-position: left top;
	position: relative;
}

#teaser.video {
	cursor: pointer;	
}

#teaser-body {
	position: absolute;
	top: 0;
	right: 0px;
	width: 245px;
	height: 300px;
	background-image:url(../img/common/teaser-background.jpg);
	background-repeat: no-repeat;
	border-left: 1px solid #fff;
}

#teaser-body .wrap {
	position: absolute;
	bottom: 0px;
	padding: 15px;
}

#teaser-body h1 {
	margin-bottom: 16px;
	color: #fff;
}

#teaser-body p {
	line-height: 16px;
	color: #fff;
}


.element {
	/*padding: 15px;*/
	padding-top: 20px;
	padding-bottom: 20px;	
}


/* nav-section */
#nav-section {
	width: 215px;
	float: left;
	position: relative;
	padding: 20px 15px;
}

#main-nav ul {
	margin-bottom: 25px;
}

#main-nav a {
	margin-left: -8px;
	padding-left: 9px;
	line-height: 18px;	
}

#main-nav a:hover, #main-nav a.selected {
	color: #efa01e;	
}

#main-nav a.selected {
	background-image: url(../img/common/icon-mainnavi.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-weight: bold;
}

* html #main-nav a.selected {
	margin-left: -10px;
	padding-left: 4px;	
}

#main-nav ul ul {
	margin-left: 15px;
	margin-bottom: 0px;
}


#nav-section h1 {
	margin-bottom: 15px;
}

#nav-section .article {
	margin-bottom: 25px;
}

#nav-section .article .image-col {
	margin-left: -15px;
	float: left;
}

#nav-section .article .image-col img {
	width: 75px;
}

#nav-section .article .content-col {
	float: left;
	width: 145px;
	margin-left: 10px;	
}




/* content-section */
#content-section {
	width: 460px;
	min-height: 1px;
	float: left;
	padding: 20px 15px;
	position: relative;
}

#content-section a {
	text-decoration: underline;
}

#content-section p {
	margin-bottom:7px;
}

#content-section .align-left {
	text-align: left;
}

#content-section .align-center {
	text-align: center;
}

#content-section .align-right {
	text-align: right;
}




#content-section .article {
	margin-bottom: 25px;
}

#content-section .article .image-col {
  margin-top: -13px;
	width: 144px;
	margin-right: 15px;
	float: left;
}



#content-section .article .image-col img {
	display: block;
	margin-top: 13px;
}

#content-section .article .image-col  a {
	position: relative;
}

#content-section .article .image-col a span.zoom-icon {
	background-color:#FFFFFF;
	background-image:url("/fileadmin/img/common/zoom_icon.gif");
	background-position: center center;
	background-repeat:no-repeat;
	bottom:0px;
	height:17px;
	position:absolute;
	right:0px;
	width:17px;
	opacity: 0.7;
	filter:Alpha(opacity=70);
	cursor: pointer;
} 
	

#content-section .article .image-col p {
	background-color: #fae1b7;
	font-size: 9px;
	padding: 3px 4px;
	margin-bottom: 14px;
}

#content-section .article div.image-col img:first-child {
	/*margin-top: 0px !important;*/
}

#content-section .article .content-col p,
#content-section .article .content-col ul,
#content-section .article .content-col h1,
#content-section .article .content-col h2,
#content-section .article .content-col h3,
#content-section .article .content-col h4,
#content-section .article .content-col h5,
#content-section .article .content-col h6,	
#content-section .article .content-col table {
	margin-left: 159px;
}

#content-section .article .content-col table {
	width: 301px;
}

#content-section ul {
	margin-bottom: 10px;	
}

#content-section h2 {
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 14px;
}

#content-section h3 {
	font-size: 12px;
	line-height: 15px;
	margin-top: 15px;
	margin-bottom: 8px;
}

#content-section h4 {
	font-size: 11px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	color: #efa01e;
	margin-bottom: 7px;
	text-decoration: none;
}

#content-section h5 {
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #efa01e;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

#content-section h6 {
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 30px;
	margin-right: -14px;
	margin-top: -3px;
	float: right;
	color: #fff;
	background-color: #EFA01E;
	white-space: nowrap;
	text-decoration: none;
}


#content-section li {
	line-height: 14px;
	background-image: url(../img/common/icon-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
	margin-bottom: 4px;
}

#content-section table {
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content-section a.button-booking {
	float: right;
	text-indent: -3000px;
	margin-top: 10px;
	background-image: url(../img/common/button_buchen.gif);
	background-position: top left; 
	background-repeat: no-repeat;
	width: 200px;
	height: 20px;
}

#content-section a.button-booking-room {
	float: right;
	text-indent: -3000px;
	margin-top: 10px;
	background-image: url(../img/common/zimmer_buchen.gif);
	background-position: top left; 
	background-repeat: no-repeat;
	width: 200px;
	height: 20px;
}

#content-section a.button-gift {
	float: right;
	text-indent: -3000px;
	margin-top: 10px;
	background-image: url(../img/common/button_gutscheine.gif);
	background-position: top left; 
	background-repeat: no-repeat;
	width: 200px;
	height: 20px;
}

#content-section table td, #content-section table th {
	padding: 1px 0px;
}

#content-section table caption {
	font-weight: bold;
	border-bottom: 1px solid #efa01e;
	padding-bottom: 3px;
	margin-bottom: 0px;
}

#content-section table thead th, #content-section table tfoot td{
	font-weight: bold;
}




/* tool-section */
#tool-section {
	width: 215px;
	float: left;
}

#tool-section .article {
	border-bottom: 1px solid #fff;
	padding: 20px 15px;
	width: 100%;
	
}

#tool-section .image-col {
	margin-left: -15px;
	float: left;
	padding-right: 9px;
	padding-bottom: 9px;
	
}

#tool-section .content-col h5 {
	font-size: 11px;
	font-weight: bold;
	margin-top: -2px;
	margin-left: 70px;
}

#tool-section .content-col p {
	margin-left: 70px;
}

#tool-section h6 {
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 30px;
	margin-right: -15px;
	margin-top: 10px;
	float: right;
	color: #fff;
	background-color: #EFA01E;
}

#tool-section .article.arrangement {
	cursor: pointer;
}

#tool-section .article.arrangement:hover {
	/*ackground-image: url(../img/common/tool-hover.gif);
	background-repeat:repeat-y;*/
	background-color: #fad293;
}


/* ---------------------------------------------------------
   booking-tool
--------------------------------------------------------- */
#HWBMask {
	margin-top: 15px;
}

#HWBMask #hwbro1 {
	display: none;
}

#HWBMask td {
	padding-bottom: 2px;	
}

#HWBMask #hwbdt1, #HWBMask #hwbdt2 {
	height: 16px;
	width: 18px;
	background-image: url(/fileadmin/styles/menschels_vitalresort/calendar.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	cursor: pointer;	
}

#HWBMask #hwbbutton {
	margin-top: 10px;
}

#HWBMask #hwbbutton input {
	float: right;
	color:#FFFFFF;
	font-weight:bold;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	border: 1px solid #fff;
	background-color: #EFA01E;
	cursor: pointer;
	letter-spacing:0.03em;
}

*+html #HWBMask #hwbbutton input, * html #HWBMask #hwbbutton input {
	padding: 0px;
}

.calendar {
	background-color: #fdf1dd;
	border: 1px solid #fff;
}

.calendar td {
	padding: 4px;
}

.calendar td.day {
	text-align: center;
}

.calendar td.day.disabled {
	color: #ddd;
	cursor: auto;
}
.calendar td.day.disabled:hover {
	background-color: #fdf1dd;
}

.calendar td.selected, .calendar td.day:hover {
	background-color: #fae1b7;
	cursor: pointer;
}

.calendar td.today {
	padding: 3px;
	border: 1px solid #EFA01E;
}

.calendar thead, .calendar tfoot {
	background-color: #efa01e;
}

.calendar thead td {
	border-bottom: 1px solid #fff;
}

.calendar .daynames, .calendar .button, .calendar .title, .calendar .ttip {
	font-weight: bold;
}

.calendar .daynames td {
	padding-left: 7px;
	padding-right: 7px;
}

.calendar .headrow .nav {
	cursor: pointer;
}

.calendar thead {
	text-align: center;
		cursor: pointer;
	
}

.calendar .headrow td {
	padding-left: 13px;
	padding-right: 13px;

}

.calendar thead .headrow td, .calendar thead .daynames td {
	background-color: #fae1b7;
}

.calendar tfoot .ttip {
	border-top: 1px solid #fff;
	text-align: center;
}

/* ---------------------------------------------------------
   contact-nav
--------------------------------------------------------- */

#contact-nav {
	position:absolute;
	left: 0px;
	width: 100%;
	top:3px;
	z-index:3;
}

#contact-nav ul {
	width: 980px;
	margin: auto;	
}

#contact-nav li {
	float: right;
	padding-left: 15px;
	background-image:url(/fileadmin/img/contact-delimiter.gif);
	background-repeat:no-repeat;
	background-position: 7px 6px;		
}

#contact-nav li.first {
	background-image:url(/fileadmin/img/contact-flyout.gif);
	background-position: 1px 5px;		
}


#contact-section, #gift-section, #booking-section, #brochure-section {
	position:absolute;
	left: 0px;
	width: 100%;
	background-image:url(/fileadmin/styles/menschels_vitalresort/sh-contact.png);
	background-repeat:repeat-x;
	background-position: left bottom;
}

#contact-section, #brochure-section {
	top:-470px;
	height: 470px;
}

#gift-section {
	top:-500px;
	height: 500px;
}

#booking-section {
	top: -470px;
	height: 470px;
}

#contact-section .wrap, #gift-section .wrap, #booking-section .wrap, #brochure-section .wrap {
	margin: auto;
	width: 980px;
	background-image:url(/fileadmin/img/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position: center center;	
}

#contact-section .wrap, , #brochure-section .wrap {
	height: 470px;	
}

#gift-section .wrap {
	height: 500px;	
}

#booking-section .wrap {
	height: 470px;
}


#contact-closer, #gift-closer, #booking-closer, #brochure-closer {
	position: absolute;
	right: 5px;
	top: 3px;
	background-image:url(/fileadmin/img/closelabel.gif);
	background-repeat:no-repeat;
	background-position: top right;
	display: block;
	width: 20px;
	height: 22px;
	text-indent: -3000px;
}


/* ---------------------------------------------------------
   page-footer
--------------------------------------------------------- */
#page-footer {
	background-image: url(/fileadmin/img/common/sh-footer.png);
	background-position: left bottom;
	background-repeat:repeat-x;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	text-align: center;
}

/*
* html #page-footer {
	bac\kground:none;
	fi\lter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/fileadmin/img/common/sh-footer.png');	
}
*/

#page-footer .wrap {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: 25px;
	margin-top: 12px;
}

#page-footer p {
	padding-top: 6px;
	float: right
}

#page-footer ul.partner-logos {
	list-style: none;
}

#page-footer ul.partner-logos li {
	float: left;
	text-indent: -1000px;
	margin-right: 6px;
}

#page-footer ul.partner-logos li a{
	text-indent: -1000px;
	height: 25px;
	overflow: hidden;
	background-image: url(/fileadmin/img/partner_logos.jpg);
	background-repeat:no-repeat;
	display: block;
}

#partner-whd {
	width: 18px;
	background-position: 0px 0px;
}

#partner-whd:hover{
	background-position: 0px -25px;
}

#partner-sqd {
	width: 15px;
	background-position: -23px 0px;
}

#partner-sqd:hover {
	background-position: -23px -49px;
}

#partner-bio {
	width: 52px;
	background-position: -41px -1px;
}

#partner-bio:hover {
	background-position: -41px -75px;
}

#partner-rg {
	width: 26px;
	background-position: -93px -1px;
}

#partner-rg:hover {
	background-position: -93px -100px;
}

#partner-wz {
	width: 21px;
	background-position: -119px -1px;
}

#partner-wz:hover {
	background-position: -119px -125px;
}


#partner-ps {
	width: 21px;
	background-position: -141px -125px;
}

#partner-ps:hover {
	background-position: -141px -150px;
}


#tooltip { 
    display:none; 
    background:transparent url(/fileadmin/img/black.png);
	background-position: top left;
	background-repeat: no-repeat;
    font-size:11px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;     
}

#sec_lageplan {
	position: relative;
}

#img-360 {
	left:157px;
	position:absolute;
	top:-6px;	
}


#overlay {
   position: fixed;
   z-index:1;
   top: 0px;
   left: 0px;
   height:100%;
   width:100%;
   background-color: transparent;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}

* html #overlay { /* ie6 hack */
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.
    offsetHeight ? document.body.scrollHeight : document.body.
    offsetHeight + 'px');
}


#video-play-icon {
	opacity:1;
	height: 60px;
	width:60px;
	display: block;
	opacity:0.8;
	filter:Alpha(opacity=80);
	bottom: 0px;
	left:0px;
	position: absolute;
	background-image: url(/fileadmin/mediaplayer/play_icon.gif);
	cursor: pointer;
}


#close-video {
	position: absolute;
	cursor: pointer;
	right: 0px;
	top: 0px;
	z-index: 1300;
	background-image:url(/fileadmin/mediaplayer/video_close_icon.gif);
	background-repeat:no-repeat;
	background-position: top right;
	display: block;
	width: 50px;
	height: 50px;
	opacity: 0.8;
	text-indent: -3000px;
}

#teaser-gallery {
	visibility: hidden;
    height: 500px;
    left: 0;
    position: absolute;
    top: 100px;
    width: 980px;
    z-index: 2;
}