body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@charset "utf-8";
/* CSS Document */

html, body {
height:100%;
}


body {
	font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:22px;
  color:#2b2b2b;
padding-bottom:1px; /*scrollbars erzwingen */
}


#wrapper {
	background-image:url(../../files/design/mainbg.png);
	background-position:center;
	background-repeat:repeat-y;
	/*pding:0 30px;	/* seitliche Schatten */
	min-height: 100%;
position:relative;
}



#container {
padding-bottom:40px;	
}


#main .inside {
padding:40px;	
}

#footer {
position:absolute;
bottom:0;
width:100%;
font-size:18px;	
}

#footer .inside {
	padding:0 40px;
}

#footer ul, #footer li {
margin-bottom:0;	
}

#footer li {
float:left;
padding-right:50px;
line-height:40px;	
}

a {
color:#726c6f;	
text-decoration:none;
}

#main a {
	color:#007984;
}

#main .rosa > a {
color:#ce91a0;	

}


#logo {
position:relative;
margin:auto;
width:441px;

}

#logo .image_container {
	margin:60px 0 50px;
}

#mainnav {
height:106px;	
background-image:url(../../files/design/navbg.gif);
background-repeat:repeat-x;
}

#mainnav ul li {
float:left;	
}

#mainnav ul li a, #mainnav ul li strong {
line-height:100px;
display:block;
width:185px;
text-align:center;

background-repeat:no-repeat;
background-position:top left;
text-indent:-9999px;
}

#mainnav ul li.home a {
	background-image:url(../../files/design/Navigation%20HOME.png);
	background-position: -10px 3px;
}

#mainnav ul li.home a:hover, #mainnav ul li.home strong {
	background-image:url(../../files/design/Navigation-HOME_akt.png);
		background-position: -10px 3px;

}

#mainnav ul li.therapie a {
	background-image:url(../../files/design/Navigation%20THERAPIE.png);
		background-position: -1px 7px;
}

#mainnav ul li.therapie a:hover, #mainnav ul li.therapie strong {
	background-image:url(../../files/design/Navigation-THERAPIE_akt.png);
			background-position: -1px 7px;

}



#mainnav ul li.wellness a {
	background-image:url(../../files/design/Navigation%20WELLNESS.png);
		background-position: 14px 2px;
}

#mainnav ul li.wellness a:hover, #mainnav ul li.wellness strong {
	background-image:url(../../files/design/Navigation-WELLNESS_akt.png);
			background-position: 14px 2px;

}

#mainnav ul li.preise a {
	background-image:url(../../files/design/Navigation%20PREISE.png);
			background-position: 29px 3px;
}


#mainnav ul li.preise a:hover, #mainnav ul li.preise strong {
	background-image:url(../../files/design/Navigation-PREISE_akt.png);
	background-position: 29px 3px;
}

#mainnav ul li.termine a {
	background-image:url(../../files/design/Navigation%20TERMINE.png);
	width:205px;
		background-position: 40px 4px;
}

#mainnav ul li.termine a:hover, #mainnav ul li.termine strong {
	background-image:url(../../files/design/Navigation-TERMINE_akt.png);
	width:205px;
		background-position: 40px 4px;
	
}




.ce_accordion {
margin-bottom:20px;	
}

.ce_accordion .toggler {
		background-color:#007984;
		color:#fff;
		padding:3px 10px;
		cursor:pointer;
			font-size:24px;
	line-height:36px;
		
}



.wellness .ce_accordion .toggler {
		background-color:#ce91a0;
	
}
	
.ce_accordion .accordion {
	padding: 10px;
}


table {
width:100%;	
}

th {
text-align:left;	
padding:10px;
}

td {
padding:10px;	
}

#main ul, #main ul li {
list-style-type:disc;
}

#main ul {
padding-left:20px;	
overflow: hidden;
}

#main ul li {
padding-left:10px;	
margin-bottom:6px;	
}



@media (max-width:1100px) {
	#wrapper {
	background-image:none; /* kein Schatten, wenn nahe an 960px, sonst unerwünschte Scroll-Leisten */
	padding:0 ;	
	background-color:#fff;
}
	
	
	
}


@media print {
	
	html, body {
height:auto;
}
	#mainnav, #footernav, .backstretch {
	display:none;	
	}
	
	
	#wrapper {
	padding:0;	
	min-height:100px;
}


#logo {
width:200px;
height:208px;

}

#logo .image_container, #logo img {
	margin:0;
	width:200px;
height:208px;
}

.ce_accordion .accordion {
  display:block!important;
}

	
	
}
/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */


.gruen {
	color:#007984;
}

.rosa {
	color:#ce91a0;
}


.gruen_gross {
color:#007984;
	font-size:24px;
	line-height:36px;
}

.rosa_gross {
color:#ce91a0;
	font-size:24px;
	line-height:36px;
}