* {
margin:0;
padding:0;
/*line-height: 120%;*/
}
html{
font-family: Arial, Helvetica, sans-serif; 
/*font-family: Didact Gothic, sans-serif;*/
/*font-family: 'Nunito';*/
font-size: 14px;
height: 100%;
}
body{
height: 100%;
}
img{
border: 0;
}
p{
margin-bottom:.3em;
}
a{
color:#000;
/*text-decoration:none;*/
}

hr{
background-color:#0063a3;
height:1px;
margin: 10px 0 10px 0;
border:none;
}
hr.black{
background-color:#000;
height:2px;
margin: 3px 0 5px 0;
border:none;
}

.wrapper{
margin:0 auto;
width: 930px;
}
.top{
height:98px;
}
.top_navi{
float:right;
margin-top:45px;
}
.top_navi ul{
list-style-type:none;
}
.top_navi li{
text-align: center;
width:240px;
}
.top_navi > ul > li{
float: left;
height:35px;
background-position:center center;
background-repeat:no-repeat;
position: relative;
z-index:101;
}
.top_navi li#doc1{
background-image:url(assets/images/layout/topnavi_doc1.png);
background-color:#01a0d8;
}
.top_navi li#doc1 li{
background-color:#01a0d8;
border-bottom: 1px solid #43b9e2;
}
.top_navi li#doc1 li:hover{
background-color:#0063a3;
}
.top_navi li#doc2{
background-image:url(assets/images/layout/topnavi_doc2.png);
background-color:#ca6815;
}
.top_navi li#doc2 li{
background-color:#ca6815;
border-bottom: 1px solid #d78c4d;
}
.top_navi li#doc2 li:hover{
background-color:#b04c22;
}
.top_navi li#doc3{
background-image:url(assets/images/layout/topnavi_doc3.png);
background-color:#c2ae68;
}
.top_navi li#doc3 li{
background-color:#c2ae68;
border-bottom: 1px solid #cdbd84;
}
.top_navi li#doc3 li:hover{
background-color:#b7a357;
}

.top_navi li a{
display: block;
color:#fff;
text-decoration:none;
font-size:18px;
font-weight:bold;
padding:8px 0 10px;
}
.top_navi li li a{
font-size: 14px;
padding:2px 0;
letter-spacing:0;
}
.top_navi li li.first a{
padding-top:8px;
}
.top_navi > ul > li > a{
	z-index:-5;
	height: 35px;
	line-height: 35px;
	padding:0;
	box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.75);
	/*text-shadow: 3px 3px 2px #333;*/
}
.top_navi li > ul {
    float: left;
    top: 35px;
    left: -999em;
    position: absolute;
    width: 240px;
    z-index: -1;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.75);
}
.top_navi li:hover > ul {
    left: 0;
}

.top_navi li div {
    display:none;
}
.top_navi li:hover > div {
    background-repeat:no-repeat;
    width:19px;
    height:10px;
    position:absolute;
    top:31px;
    left:111px;
    display: block;
}
.top_navi li#doc1:hover > div {
    background-image:url(assets/images/layout/topnavi_doc1_pfeil.png);
}
.top_navi li#doc2:hover > div {
    background-image:url(assets/images/layout/topnavi_doc2_pfeil.png);
}
.top_navi li#doc3:hover > div {
    background-image:url(assets/images/layout/topnavi_doc3_pfeil.png);
}
img.logo{
	float:left;
	margin:8px 0 0 2px;
}
.headerpic {
    /*height: 228px;*/
    padding: 4px 0;
    background-color:#fff;
    margin-bottom:30px;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.75);
    z-index:2;
    position:relative;
}
.headerpic img#pic1 {
	width:100%;
    height: auto;
    vertical-align: top;
}
.headerpic .wrapper {
	width: 890px;
}
#logoSlider_container {
    width: 131px;
    height: 126px;
    position: absolute;
    top:55px;
}
#logoSlider {
    width: 131px;
    height: 126px;
    position: relative;
}
#logoSlider img {
    display: none;
    position: absolute;
}
.main {
    min-height: 100%;
    min-width: 100%;
    overflow-y: hidden;
    position: relative;
}
.mainwrapper{
	position: relative;
	margin-bottom:40px;
}
.sidebar_left{
	width: 200px;
	float: left;
	font-size: 16px;
}

.content_sidebar .news{
	font-size: 14px;
	color:#0063a3;
	line-height:108%;
}

.content_sidebar .news a{
	/*font-size: 14px;*/
	color:#0063a3;
}
.content_sidebar img {
	width:100% !important;
	height:auto !important;
}

.news_preise{
	font-size: 14px;
	color:#0063a3;
}

.news_preise a{
	font-size: 12px;
	color:#0063a3;
	/*text-decoration:none;*/
}

.content_txt .partner{
	font-size: 12px;
	text-align:center;
	width: 132px;
	height:115px;
	float:left; 
}
.content_txt .partner img{
	border-width:1px;
	color:#0063a3;
	border-style:solid;
	height: 62px; 
	width: 110px; 
}

.partner span.news{
	color:#0063a3;
}
table.partner td{
	
}

.leftnavi{
	width: 190px;
}
.leftnavi ul{
	list-style-type:none;
}
.leftnavi > ul > li{
	border-top:3px solid #fff;
	border-left:3px solid #fff;
	border-right:3px solid #fff;
	box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.75);
	position: relative;
}
.leftnavi li div {
    display:none;
}
.leftnavi > ul  {
    /*min-height:582px;*/
}
.leftnavi > ul > li > ul { /* Shanti */
    display:none;
}
.leftnavi > ul > li.active > ul { /* Shanti */
    display:block;
}
.leftnavi li.active > div { /* Shanti und Aquafit - Subnavi */
    background-image:url(assets/images/layout/topnavi_doc1_pfeil.png);
    background-repeat:no-repeat;
    width:19px;
    height:10px;
    position:absolute;
    top:29px;
    left:83px;
    display: block;
}
.leftnavi li#doc19, .leftnavi li#doc21, .leftnavi li#doc23, .leftnavi li#doc26, .leftnavi > ul > li.last{
	border-bottom:3px solid #fff;
	margin-bottom:8px;
}
.leftnavi > ul > li#doc26{
	/*margin-bottom:7px;*/
}
.leftnavi > ul > li.last{
	margin-bottom:0;
}
.leftnavi li a{
	background-color:#0063a3;
	color:#fff;
	text-decoration:none;
	font-size: 12px;
	font-weight:bold;
	letter-spacing:0;
	padding: 7px 5px;
	display:block;
}
.leftnavi li li a{
	background-color:#818284;
	padding: 4px 5px;
	font-size: 12px;
	border-top:3px solid #fff;
}
.leftnavi li.active#doc24 > a{ /* Shanti */
	background-color:#00abe5;
}
.leftnavi li.active#doc24 li a:hover{ /* Shanti Submenu*/
	background-color:#80caf0;
}

.leftnavi li#doc27 a{
	background-color:#d56e14;
} 
.leftnavi li a:hover{
	background-color:#00abe5;
}
.leftnavi li#doc27 a:hover{
	background-color:#b04c22;
} 
.bottomnavi{
	width:720px;
	float:right;
}
.bottomnavi ul{
	list-style-type:none;
}
.bottomnavi li{
	display: inline-block;
	float:right;
}
.bottomnavi li a{
	color:#0065a5;
	text-decoration:none;
	font-size: 10px;
	letter-spacing:0;
	padding: 7px 5px;
	display:block;
	font-weight:bold;
	text-shadow: 0 0 4px #fff;
}
.bottomnavi li a:hover{
	color:#03ace5;
}

table.preisliste{
	border-style:none;
	border:0.5px;
	border-color:#0063a3;
	font-size:12px;
}

#events-und-aktionen td{
	border-bottom:2px solid #000;
	
}
#events-und-aktionen .red td{
	background-color:#eec19a;
}

#events-und-aktionen .rosa td{
	background-color:#f4d0c1;
}

#events-und-aktionen .yellow td{
	background-color:#fffcd6;
}

#events-und-aktionen .blue td{
	background-color:#c1d3e9;
}
#events-und-aktionen .grey td{
	background-color:#ece5d3;
}
.hellblau td{
background-color:#d4ebfa;
border-top:2px solid #000;
border-bottom:2px solid #000;
}

.content_sidebar .hellblau_sidebar{
color:#0063A3; /* war hellblau: #4c8cbf; */
font-size:14px;
line-height:110%;
}
.content_sidebar .bbox{
border:2px solid #00abe5;
color:#0063A3;
background-color:#eff7fe;
padding:7px;
margin:8px 0;
}
.content_sidebar .bbox a{
color:#0063A3;
text-decoration:none;
}
.content_sidebar .bbox .button a{
color:#fff;
}

.content_sidebar .bbox p{
line-height:110%;
}
.content_sidebar .button {
    cursor: pointer;
    background:url(/assets/images/layout/submit.png) no-repeat;
    background-size:contain;
    color:#fff;
    white-space: nowrap;
    font-size:12px;
    width:100%;
    padding: 11%;
    box-sizing: border-box;
    position: relative;
	
}
.content_sidebar .button span{
    position: absolute;
    top: 25%;
    width:100%;
    text-align: center;
    margin-left:-11%;
}
.content_sidebar .dbutton a{
	display:block;
    cursor: pointer;
    background:url(/assets/images/layout/dbutton.png) no-repeat;
    background-size:contain;
    padding:3px 5px;
    color:#01A0D8;
    white-space: nowrap;
    font-size:12px;
    text-decoration:none;
    text-align:center;
    height:37px;
    font-weight:bold;
}
.content_sidebar .dbutton span.dsub{
	text-transform:uppercase;
	color:#0063A3;
}

.content_txt .bahn{
background-color:#67c2ee;
display: block;
padding: 5px;
position:relative;
}
.content_txt .bahn.kinder img.kinder{
	position:absolute;
	right:0;
	bottom:2px;
}

.green td{
background-color:#bae0cc;
border-bottom:2px solid #000;
}
.fullmoon td{
background-color:rgb(214,116,42);
}

.content{ 
float:right;
position: relative;
width:690px;
padding:15px 15px 104px; 
background-color:#fff;
background-repeat:no-repeat;
background-image: url(/assets/images/layout/content_footer.jpg);
background-position: center bottom;
box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.75);
}
.oeffnungszeiten .content{ 
background-image: url(/assets/images/layout/bg_oeffnungszeiten.jpg);
background-position: center bottom;
background-size:contain;
min-height:312px;
}

.oeffnungszeiten .content .content_txt.big {
width:50%;
}

.prospekte .content{ 
padding-bottom: 138px;
background-image: url(/assets/images/layout/oval_prospekte.png), url(/assets/images/layout/content_footer.jpg);
background-position: 414px bottom, center bottom;
}
.content .content_footer_txt{
color:#fff;
position:absolute;
bottom:13px;
left:120px;
font-size: 20px;
}
.startseite .content{ 
width:720px;
padding:0 !important;
background:#fff; 
}
.startseite .content .head{
display:none; 
}
.startseite .content img.start{
vertical-align: top;
}
.startseite .content .content_txt {
padding:0; 
}

.content .content_headpics{
margin-bottom:35px;
}
.content .content_headpics > img.cpic, .content .content_headpics > .effectzoomcon{
margin-right:1%;
width:24%;
}
.content .content_headpics > .effectzoomcon > img.cpic{
width:100%;
}
.content .content_headpics img.last, .content .content_headpics > .effectzoomcon:last-child{
margin-right:0;
}
.content .content_txt {
width:500px;
float:left;
padding:10px 10px 0; 
}
.content .content_txt.big {
width:670px;
}
.content .content_sidebar {
width:160px;
float:right;
border-left:1px solid #00abe0;
padding-left:7px;
}
.content .head {
margin-bottom: 21px;
}
.content h1 {
font-size: 26px;
color:#0063A3;
}
.content .subtitle{
color:#01a0d8;
font-weight:bold;
font-size: 16px;
}
.ultimate1 .content h1 {
color:#0063A3;
}
.ultimate1 .content .subtitle{
color:#01a0d8;
}
.ultimate2 .content h1 {
color:#b04c22;
}
.ultimate2 .content .subtitle{
color:#ca6815;
}
.ultimate3 .content h1 {
color:#b7a357;
}
.ultimate3 .content .subtitle{
color:#c2ae68;
}

.content h2 {
font-size: 20px;
color:#01A0D8;
padding:10px 0;
}
.ultimate2 .content h2 {
color:#CA6815;
}

.content h3 {
font-size: 16px;
color:#01A0D8;
padding-top:7px;
}
.ultimate2 .content h3 {
color:#CA6815;
}
.content h4 {
font-size: 16px;
}

.content_txt ul {
list-style-position: outside;
list-style-type: none;
margin-bottom:10px;
}
.content_txt li {
background-image:url(assets/images/layout/li_u1.png);
background-repeat:no-repeat;
background-position:0 5px;
text-indent:0;
padding-left: 12px;
}

.anfahrt .content_txt .effectzoomcon, .anfahrt .content_txt > img.anfahrt{
	float:right;
	width:45%;
	margin:0 0 20px 10px;
} 
.anfahrt .content_txt .effectzoomcon img{
	width:100%;
} 

.content_txt ul.anfahrt {
list-style-position: outside;
margin-bottom: 10px;
}
.content_txt ul.anfahrt li {
padding-left:10px;
text-indent: -9px;
background:none;
}
.content_txt ul.anfahrt li:before {
content:"- ";
}
.ultimate2 .content_txt li, .content_txt ul.bullets_u2 li {
background-image:url(assets/images/layout/li_u2.png);
}
.ultimate2 .content_txt .bg_u2{
background-color:#f5ddc7;
padding:10px;
}
.ultimate2 .content_txt .bg_u2a{
background-color:#e1985e;
padding:5px;
margin: 5px 0;
}

.content_txt a{
text-decoration:underline;
}
.content_txt a h1, .content_txt a h2, .content_txt a h3{
text-decoration:none;
}
.content_txt th{
text-align:left;
}

.content_txt td, .content_txt th{
padding:5px;
vertical-align:top;
}
.ultimate2 .content_txt td{
border-color:#CA6815;
}
.ultimate2 .content_txt th{
color:#CA6815;
}
.content_txt .cblue{
color:#0063A3;
}
.content_txt .cblue1{
color:#01A0D8;
}
.content_txt .boxblue{
border:1px solid #01A0D8;
background-color:#dee8f4;
padding:10px;
}
.content_txt img.w100{
	width:100% !important;
	height:auto !important;
}
.orange{
color:#d6742a;
font-size: 16px;
}

.braun{
color:#c5b372;
font-size: 16px;
}

.angebot {
color:#0063a3;
}

.funbeach {
color:#fff;
background-color:#00ABE5;
font-size:26px;
padding-left:10px;
}

.saunawelt{
color:#fff;
background-color:#d6742a;
font-size:26px;
padding-left:10px;
}

.kristalltherme{
color:#fff;
background-color:#c5b372;
font-size:26px;
padding-left:10px;
}

.oeffnungszeiten{
font-size: 18px;
color:#000000;
}

.footer {
    padding:10px 0;
    font-size: 12px;
    color:#fff;
    background-color:#00abe5;
    margin-top:35px;
    text-align: center;
    margin-top: -36px;
    position: relative;    
}
.footer a{
    color:#fff;
    text-decoration:none;
}
.footer a:hover{
    text-decoration:underline;
}
.clear {
	clear: both;
}
.faerstaeggt {
    display: none;
}
.err_note {
    color:red;
}
.content input[type="text"], textarea, #map {
    border:1px solid #000;
}
.content input[type="text"].error, textarea.error {
    border-color:red;
}
.content input[type="submit"] {
    cursor: pointer;
    background:url(/assets/images/layout/submit.png) no-repeat;
    background-size:cover;
    padding:3px 10px;
    color:#fff;
    border:0;
}
.content input[type="submit"]:hover {
}
button{
	border:0;
}
#bg-pic{
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -5;
    background-image:url(assets/images/layout/bg.jpg);
    background-size:cover;
}
#bg-pic img.img1{
	position:fixed;
	left:0;
	bottom:6px;
	z-index:2001;
}
#bg-pic img.img2{
	position:fixed;
	right:0;
	bottom:6px;
	z-index:2002;
}
tr.hidden{
	display:none;
}

#back-top {
position: fixed;
bottom: 75px;
right:30px;
z-index: 10;
display: block;
}

#back-top a {
text-decoration:none;
}
#back-top span {
width: 55px;
height: 55px;
display: block;
background: url('assets/images/layout/link-to-top.png') center center no-repeat;
}

.outer_sidebar_container {
	position:absolute;
	right:-208px;
	width:190px;
}

#sidebar_news{
	float:left;
	margin-bottom: 20px;
}

#sidebar_news_inner {
	width:170px;
	padding:7px 10px;
	background:#fff;
	box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.75);
	font-size:12px;
	font-weight:300;
}
#sidebar_news_inner h2{
	color: #0063A3;
	font-size:12px;
}
#sidebar_news_inner .akt_event, #sidebar_news_inner .akt_event a{
	color: #01A0D8;
	/*font-size:14px;
	font-weight:700;*/
}
#sidebar_news_inner .akt_event.upper{
	text-transform:uppercase;
}
#sidebar_news > img{
  display:none;
}

#fb_likebox{
	float:left;
}
#fb_likebox_inner {
	width:190px;
	height:270px;
	background:#fff;
	box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.75);
	overflow: hidden;
}
#fb_likebox > img{
  display:none;
}
@media all and (max-width:1330px) {
	#sidebar_news {
		float:none;
		width:59px;
		height:59px;
		background:url(assets/images/layout/aktuelles.png) left top no-repeat;
		margin-bottom: 0;
		display:block;
		position: fixed;
		right: 0;
		top:107px;
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
		z-index: 9999;
	}
	#sidebar_news > img{
	  display:block;
	}
	#sidebar_news_inner {
		position: fixed;
		/*margin-top:-59px;*/
		right: -190px;
		background: #fff; /* Standartmäßig ist die Box transparent */
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
		top:auto;
		/*box-shadow: none;*/
	}
	#sidebar_news.hover{
		right: 190px;
	}
	#sidebar_news.hover #sidebar_news_inner{
		right: 0;
		z-index:10000;
	}
	#fb_likebox {
		float:none;
		display:block;
		position: fixed;
		right: 0;
		top:170px;
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
		z-index: 9998;
		background:url(assets/images/layout/facebook.png) left top no-repeat;
		width:59px;
		height:58px;
	}
	#fb_likebox > img{
	  display:block;
	}
	#fb_likebox_inner {
		position: fixed;
		/*margin-top:-59px;*/
		right: -190px;
		background: #fff; /* Standartmäßig ist die Box transparent */
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		-o-transition-duration: 0.8s;
		transition-duration: 0.8s;
		height:280px;
		top:auto;
		width:190px;
		/*box-shadow: none;*/
	}
	#fb_likebox.mobile #fb_likebox_inner {
		width:300px;
	}
	#fb_likebox.hover {
	  right: 190px;
	}
	#fb_likebox.mobile.hover {
	  right: 300px;
	}
	#fb_likebox.hover #fb_likebox_inner {
	  right: 0;
	}
	.fb-like-box{
		background:#fff;
	}

}