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";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
 */

/**
 * Contao Extension
 * @copyright  Felix Pfeiffer : Neue Medien 2007 - 2012
 * @author     Felix Pfeiffer <info@felixpfeiffer.com>
 * @package    Subcolumns
 */

@media screen{.subcolumns{width:100%;overflow:hidden}.subcolumns_oldgecko{width:100%;float:left}.c20l,.c20r{width:20%}.c40l,.c40r{width:40%}.c60l,.c60r{width:60%}.c80l,.c80r{width:80%}.c25l,.c25r{width:25%}.c33l,.c33r{width:33.333%}.c50l,.c50r{width:50%}.c66l,.c66r{width:66.666%}.c75l,.c75r{width:75%}.c38l,.c38r{width:38.2%}.c62l,.c62r{width:61.8%}.c15l,.c15r{width:15%}.c16l,.c16r{width:16.666%}.c30l,.c30r{width:30%}.c45l,.c45r{width:45%}.c55l,.c55r{width:55%}.c70l,.c70r{width:70%}.c85l,.c85r{width:85%}.subc{padding:0 .5em}.subcl{padding:0 1em 0 0}.subcr{padding:0 0 0 1em}.equalize,.equalize .subcolumns{overflow:visible;display:table;table-layout:fixed}.equalize > div{display:table-cell;float:none;overflow:hidden;vertical-align:top;margin:0}.c20l,.c25l,.c33l,.c40l,.c38l,.c50l,.c60l,.c62l,.c66l,.c75l,.c80l,.c15l,.c16l,.c30l,.c45l,.c55l,.c70l,.c85l{float:left}.c20r,.c25r,.c33r,.c40r,.c38r,.c50r,.c60r,.c66r,.c62r,.c75r,.c80r,.c15r,.c16r,.c30r,.c45r,.c55r,.c70r,.c85r{float:right;margin-left:-5px}}@media print{.subcolumns > div{display:table;overflow:visible}}
@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;
}