@charset "utf-8";
/* CSS Document */

* {
   padding:0;
   margin:0;
   border:0;
}

.clear {
   float: none;
   clear: both;
}

a {
	color:#008f5f;
}

a:hover {
	text-decoration:underline;
}

p {
	margin: 0.8em 0 1.2em 0;
}

.noText {
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	display:block;
}

hr {
	width:100%;
	height:1px;
	background-color:#F1CC35;
	float:left;
	margin:40px 0;
}

.panel {
 	margin: 0 0 0 25px;
	padding: 0 54px;
	background:url(../images/bg-liste.gif) -3px 0 no-repeat;
}

.accordioncontent {
	width:300px;
	float:left;
	padding: 5px 0 0 5px;
	
}

.acc-content {
	height:auto;
	width:300px;
	float:left;
	padding:10px 15px 10px 0;
}

.acc-bild {
	height:auto;
	width:315px;
	float:left;
	padding:10px 0 0 0;
}

#branding {
	left:623px;
	position:absolute;
	top:106px;
}

html {
	background:#fbefc9 url(../images/bg-html.jpg) repeat-x;
}

body {
	background:url(../images/bg-body.jpg) top center no-repeat;
	color:#000;
	font:0.85em "Trebuchet MS", Arial, Helvetica, sans-serif;
	behavior: url("files/csshover2.htc");
}

#container {
	width:960px;
	margin: 0 auto;
	font-size:1.0em;
	position:relative;
}

h2 {
	height:84px;
	left:1px;
	position:absolute;
	text-indent:-9999px;
	top:621px;
	width:468px;
}


h2#h2-kontakt {
	background:url(../images/h2/h2-kontakt.jpg) 0 0 no-repeat;
}

h2#h2-anfahrt {
	background:url(../images/h2/h2-anfahrt.jpg) 0 0 no-repeat;
}

h2#h2-impressum {
	background:url(../images/h2/h2-impressum.jpg) 0 0 no-repeat;
}

h2#h2-5elemente {
	background:url(../images/h2/h2-5elemente.jpg) 0 0 no-repeat;
}

h2#h2-spezielles {
	background:url(../images/h2/h2-spezielles.jpg) 0 0 no-repeat;
}

h2#h2-therapieangebote {
	background:url(../images/h2/h2-therapieangebote.jpg) 0 0 no-repeat;
}

h2#h2-unserteam {
	background:url(../images/h2/h2-unserteam.jpg) 0 0 no-repeat;
}

h2#h2-aktuelles {
	background:url(../images/h2/h2-aktuelles.jpg) 0 0 no-repeat;
}

h2#h2-fehler404 {
	background:url(../images/h2/h2-fehler404.jpg) 0 0 no-repeat;
}

h2#h2-danke {
	background:url(../images/h2/h2-danke.jpg) 0 0 no-repeat;
}


h3 {
	font-size:18px;
	color:#0B8B5B;
	padding:0 0 10px 0;´
	}
	
h4 {
	font-size:24px;
	color:#0B8B5B;
	padding:0 0 10px 0;´
	}
	
ul {
	padding: 5px 0  1.5em 15px;}
	
ul li {
	color:#4f4f4f;
	padding: 5px 0 5px 0;}

/* ==================================================
    => header
================================================== */

#header {
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	width:960px;
	height:753px;
	position:relative;
}

.head-kontakt {
	left:750px;
	position:absolute;
	top:284px;
	width:230px;
}

.aktuelles {
	left:519px;
	position:absolute;
	top:628px;
	width:130px;
	height:100px;
}

.aktuelles a:link,
.aktuelles a:visited {
	text-indent:-9999px;
	width:130px;
	height:100px;
	display:block;
	overflow:hidden;
}

.aktuelles a:hover {
	background:url(../images/bg-aktuelles-hover.jpg) 0 0 no-repeat;
	width:130px;
	height:100px;
	display:block;
	overflow:hidden;
}

/* ==================================================
    => navi-add
================================================== */


ul#navi-add {
	list-style:none;
	text-indent:-9999px;
	position:absolute;
	top:33px;
	left:609px;
	width:345px;
}

ul#navi-add li {
	float:left;
	}
	
ul#navi-add a {
	display:block;
	overflow:hidden;
	background:none;
	height:40px;
}
ul#navi-add li a:hover, 
ul#navi-add li.active a {
	background:url(../images/navi-add-hover.jpg) no-repeat;

}
	ul#navi-add a#kontakt {
		background-position:0 0;
		width:112px;
	}
	ul#navi-add a#anfahrt {
		background-position:-112px 0;
		width:111px;
	}
	
	ul#navi-add a#impressum {
		background-position:-223px 0;
		width:117px;
	}

/* ==================================================
    => navi-add
================================================== */


ul#navi {
	list-style:none;
	text-indent:-9999px;
	top:476px;
	position:absolute;
	left:0;
	width:960px;
	margin:0;
	padding:0;
}

ul#navi li {
	float:left;
	}
	
ul#navi a {
	display:block;
	overflow:hidden;
	background:none;
	height:88px;
}
ul#navi li a:hover, 
ul#navi li.active a {
	background:url(../images/navi-hover.jpg) no-repeat;


}
	ul#navi a#index {
		background-position:0 -5px;
		width:172px;
	}
	
	ul#navi a#team {
		background-position:-172px -5px;
		width:180px;
	}
	
	ul#navi a#aktuelles {
		background-position:-352px -5px;
		width:155px;
	}
	
	ul#navi a#therapie {
		background-position:-507px -5px;
		width:220px;
	}
	
	ul#navi a#elemente {
		background-position:-727px -5px;
		width:220px;
	}

/* ==================================================
    => content
================================================== */

div#contentMain {
	width:960px;
	margin:0 auto;	
}

.contentColumn01 {
	float:left;
	padding:0 0 0 19px;
	position:relative;
	width:300px;
}

.contentColumn02 {
	position:relative;
	width:500px;
	float:left;
	left:20px;
	}



a.routenplaner {
	background:url(../images/bg-karte.jpg) 0 0 no-repeat;
	display:block;
	width:478px;
	height:277px;
	position:relative;
	text-indent:-9999px;
	}
	
a.routenplaner:hover {
	background:url(../images/bg-karte-hover.jpg);
	width:478px;
	height:277px;
	}
	
a.weblink {
	background:url(../images/screenshot-hover.jpg) 0 0 no-repeat;
	display:block;
	height:615px;
	width:960px;
	position:relative;
	text-indent:-9999px;
}

a.weblink:hover {
	background:url(../images/screenshot.jpg) 0 0 no-repeat;
	height:615px;
	width:960px;
	}
	
.newsticker-aktuelles {
	bottom:42px;
	left:705px;
	position:absolute;
}
	
.bild {
	border:1px solid #010101;
	padding:3px;
	margin: 0 0 15px 0;
}

#rotator {
	overflow: hidden;
	position: relative;
	top:41px;
	left:22px;
	width: 588px;
	height: 288px;
	}

#rotator img {
	width: 588px;
	height: 288px;
	}
	

/* ==================================================
    => footer
================================================== */

div#footer {
	position:absolute;
	width:960px;
	height:244px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
}
	
.footer-kontakt {
	left:600px;
	position:relative;
	top:72px;
	width:230px;
}


