html{height:100%;}
body{
	margin:0;
	color:#f3f8fa;
	font-size:15px;
	line-height:1.5;
	min-width:928px;
	font-family:Georgia, Times, 'Times New Roman', serif;
	height:100%;
}
* html body {width:expression(document.documentElement.clientWidth < 928 ? "928px" : "auto");}
h2 em {font-size:17px}
p{margin:0}
img{border-style:none;vertical-align:top}
a{color:#fff;text-decoration:underline;}
/*	old: text-decoration:none; color:#1c20d0; a:hover{text-decoration:underline;} */
a:active {background-color: transparent;}
a[href^=tel]{color:inherit;text-decoration:none;cursor:default}
.karte{background-image: url(../images/spa-massage-anfahrt.png);-webkit-transition: background-image 1s;transition: background-image 1s}
.karte:hover{background-image: url(../images/spa-massage-anfahrt-zoom.png)}
.mybutton{width:200px;text-decoration:none;padding:5px 23px;margin-top:1em;font-weight:bold;color:#fff!important;background:#bfaf99;cursor:pointer;border-radius:5px;background-image: -webkit-linear-gradient(top, #bfaf99 0%, #a89273 80%);background-image:-moz-linear-gradient(top, #bfaf99 0%, #a89273 80%);background-image:-ms-linear-gradient(top, #bfaf99 0%, #a89273 80%);background-image:linear-gradient(top, #bfaf99 0%, #a89273 80%)}

/* The following is for smartphones, e.g. iphone*/
@media only screen and (max-device-width: 480px) {
  a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {font-family:Helvetica, sans-serif;text-decoration:underline}
}

input, textarea, select{
	font:100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
#wrapper{
	width:100%;
	min-height:100%;
	background:#9db2bd url(../images/bg-body.png) repeat-y 50% 0;
}
#header{
	width:100%;
	overflow:hidden;
	background:url(../images/bg-header.png) repeat-x;
}
#header .holder{
	background:url(../images/bg-header-holder.png) no-repeat 50% 100%;
}
#header .frame{
	width:908px;
	margin:0 auto;
	overflow:hidden;
	padding:56px 0 0;
	height:171px;
}
#header .logo-holder{
	float:left;
	width:227px;
	height:227px;
	position:relative;
	margin:-56px 0 0;
	text-align:center;
	background:url(../images/bg-logo-holder.png) repeat-x;
}
.facebook{position:absolute;right:20px;top:15px}
.logo{
	display:block;
	margin:113px auto 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
	width:196px;
	height:44px;
}
.logo a{
	display:block;
	height:100%;
}
#nav{
	float:left;
	width:663px;
	font-size:15px;
	padding:130px 5px 0 13px;
}
#nav ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	text-transform:uppercase;
    text-align:justify;
    width:100%;
}
#nav ul:after{
    display:inline-block;
    width:100%;
    content:'';
    height:0;
    font-size:0;
    line-height:0;
}
#nav ul li{
    display:inline-block;
    vertical-align:bottom;
}
#nav ul a{
    margin:0 14px;
    display:block;
	color:#bcac95;text-decoration:none;
}
#nav ul li.active a,
#nav ul a:hover{color:#7d949f;text-decoration:none;}
* html #nav ul{
    text-align:center;
}
*+ html #nav ul{
    text-align:center;
}
* html #nav ul li{
    display:inline;
}
*+ html #nav ul li{
    display:inline;
}
#main{
	width:100%;
	overflow:hidden;
}
.heading{
	width:100%;
	background:url(../images/bg-heading.png) repeat-y 50% 0;
}
.heading .holder{
	margin:0 auto;
	width:908px;
	background:url(../images/bg-image.png) repeat-y;
	overflow:hidden;
}
.image.alignleft{
	float:left;
	width:227px;
}
.text{
	overflow:hidden;
	margin:0 228px 0 237px;
	padding:24px 16px 10px;
}
.image.alignright{
	float:right;
	width:228px;
}
.image img{
	max-width:100%;
	height:auto;
	vertical-align:top;
}
.heading h1{
	margin:0 0 12px;
	color:#5f7b88;
	font-size:19px;
	line-height:22px;
	font-weight:normal;
	font-style:italic;
}
.content{
	margin:0 auto;
	width:908px;
	overflow:hidden;
	padding:0 0 30px;
}
.content p{margin:0 0 10px;}
.content .mark{color:#5f7b88;font-size:15px}
.content .text-box{margin:0 0 35px;}
.content .text-box .mark{
	display:block;
	margin:0 0 15px;
}
.content .text-holder{
	overflow:hidden;
	display:none;
	background:#a0b5bf;
	/*9DB2BD   #a6bbc4;*/
	border:1px solid #bad1db;
	border-radius:4px;
	padding:5px
}
.content .text-holder p{margin:17px 0 0;}
.content .text-holder p:first-child{margin:0;}
.content .text-box .open-close{
	color:#f3f8fa;
	text-decoration:underline;
	font-size:11px;
}
.preis {float:right;color:eef}
.content .text-box .open-close:hover{text-decoration:none;}
#wrapper.bildergalerie{background:#9db2bd;}
.image-list{
	margin:0;
	padding:56px 0 72px;
	list-style:none;
	background:#aec0c9;
	overflow:hidden;
}
.image-list li{
	display:inline-block;
	vertical-align:top;
	width:113px;
	margin:0 0 56px 54px;
}
* html .image-list li{display:inline;}
*+ html .image-list li{display:inline;}
.popup-holder{
	/* display:none; */
}
.popup-holder .overlay{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,.5);
}
.popup-holder .popup{
	position:absolute;
	left:50%;
	top:50%;
	text-align:center;
	margin:-210px 0 0 -210px;
	border:10px solid #fff;
}
.popup-holder .close{
	position:absolute;
	right:-25px;
	top:-25px;
	width:15px;
	height:15px;
	font-size:15px;
	/*line-height:15px;*/
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:#000;
	font-family:Arial;
}