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

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

/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/


body{
	color: #303030;
	font-size: 14px;
	line-height:18px;
	font-family:"Trebuchet MS", sans-serif, Arial, Verdana!important;
	list-style:none;
	text-decoration: none;
	background: url(../images/bg-kachel.jpg) #ffffeb repeat-x;
}

ewcms_editor p{
	font-family: "Trebuchet MS", sans-serif, Arial, Verdana!important;
}

#container{
	width: 950px;
	margin: 0 auto;
}

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

h1#branding{
	position: absolute;
	left: 213px;
	top: 70px;
	text-indent: -9999px;
	display:block;
	height: 149px;
	width: 205px;
}

h1#branding a{
	outline: none;
	display: block;
	width: 205px;
	height: 149px;
}

p{
	margin: 10px 0 10px 0;
	font-family: "Trebuchet MS", sans-serif, Arial, Verdana!important;
	font-size:15px;
	line-height:19px;
}

p strong{
	margin: 10px 0 10px 0;
	font-family: "Trebuchet MS", sans-serif, Arial, Verdana!important;
}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATION-----------------------------------------
---------------------------------------------------------------------------------------*/


#navigation{
	list-style: none;
	height: 36px;
    position:absolute;
    left: 0;
    top: 314px;
    width:950px;
    background:url(../images/bg-navigation.jpg) no-repeat;
}



ul#navigation li{
	position:relative;
   list-style: none;
   float:left;
   overflow:visible;
}

ul#navigation li a {
  text-indent:-9999px;
   height: 36px;
   display: block;
   outline: none;
   float:left;
}

ul#navigation li a:link,
ul#navigation li a:visited {
			height:36px;
			display:block;
			text-decoration:none;
}


ul#navigation li a.uns
			{
					width:118px;
					background:url(../images/bg-navigation.jpg) no-repeat 0px 0px;
					}
					ul#navigation li a.uns:hover{
					background:url(../images/bg-navigation.jpg)  0px 36px ;
					}
					ul#navigation li.active a.uns{
					background:url(../images/bg-navigation.jpg)  0px 36px ;
					}
					
ul#navigation li a.hinweis
			{
					width:108px;
					background:url(../images/bg-navigation.jpg) no-repeat -117px 0px;
					}
					ul#navigation li a.hinweis:hover{
					background:url(../images/bg-navigation.jpg)  -117px 36px ;
					}
					ul#navigation li.active a.hinweis{
					background:url(../images/bg-navigation.jpg)  -117px 36px ;
					}					
					
ul#navigation li a.angebote
			{
					width:195px;
					background:url(../images/bg-navigation.jpg) no-repeat -230px 0px;
					}
					ul#navigation li a.angebote:hover{
					background:url(../images/bg-navigation.jpg)  -230px 36px ;
					}
					ul#navigation li.active a.angebote{
					background:url(../images/bg-navigation.jpg)  -230px 36px ;
					}
					
ul#navigation li a.informationen
			{
					width:148px;
					background:url(../images/bg-navigation.jpg) no-repeat -430px 0px;
					}
					ul#navigation li a.informationen:hover{
					background:url(../images/bg-navigation.jpg)  -430px 36px ;
					}
					ul#navigation li.active a.informationen{
					background:url(../images/bg-navigation.jpg)  -430px 36px ;
					}
					
ul#navigation li a.seminare
			{
					width:162px;
					background:url(../images/bg-navigation.jpg) no-repeat -580px 0px;
					}
					ul#navigation li a.seminare:hover{
					background:url(../images/bg-navigation.jpg)  -580px 36px ;
					}
					ul#navigation li.active a.seminare{
					background:url(../images/bg-navigation.jpg)  -580px 36px ;
					}
					
ul#navigation li a.news
			{
					width:90px;
					background:url(../images/bg-navigation.jpg) no-repeat -745px 0px;
					}
					ul#navigation li a.news:hover{
					background:url(../images/bg-navigation.jpg)  -745px 36px ;
					}
					ul#navigation li.active a.news{
					background:url(../images/bg-navigation.jpg)  -745px 36px ;
					}
					
ul#navigation li a.links
			{
					width:120px;
					background:url(../images/bg-navigation.jpg) no-repeat -836px 0px;
					}
					ul#navigation li a.links:hover{
					background:url(../images/bg-navigation.jpg)  -836px 36px ;
					}
					ul#navigation li.active a.links{
					background:url(../images/bg-navigation.jpg)  -836px 36px ;
					}					
					
					
/***************************/

ul#navigation li#angebote ul {
	display: none;
	list-style: none;
    left: 0;
	padding: 0 0 15px 0!important;
	position: absolute;
	border-top: 1px solid #fff;
	top: 36px;
}

ul#navigation li#angebote ul li{
	background: none;
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
}

ul#navigation li#angebote ul li a{
	display: block;
	color: #fff;
	text-decoration: none;
	height: auto;
	padding: 5px 0 5px 10px;
	margin: 0;
	width: 165px;
	font-size: 12px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: left;
	text-indent: 0px;
	background:url(../images/bg-subnavi.gif) 5px 11px #003577 no-repeat;
	padding-left:15px;
}

ul#navigation li#angebote ul a:hover{color: #faf600; text-decoration: underline;}

ul#navigation li#angebote:hover ul{display: block;}

* html ul#navigation li#angebote ul li{
	float: none;
	position: relative;
	display: inline;
	clear: both;

}
						
					

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENTSIDEBAR-------------------------------------
---------------------------------------------------------------------------------------*/

#contentSidebar{
	width: 325px;
	float: left;
	height:556px;
	background:url(../images/bg-sidebar.jpg) no-repeat;
}	


.sidebar {
	margin: 88px 0 0 25px;
}

.sidebar p,
.sidebar2 p { font-size: 14px!important; }

.sidebar2{
	margin: 58px 0 0 25px;
}

#contentSidebar a:link,
#contentSidebar a:visited {
   color: #303030;
   text-decoration:underline;
}

#contentSidebar a:hover,
#contentSidebar a:active {
   color:#303030;
   text-decoration:none;
}


					
/*---------------------------------------------------------------------------------------
--------------------------------------CONTENTMAIN----------------------------------------
---------------------------------------------------------------------------------------*/
#container2{
   width:100%;
   background: url(../images/bg-container2.jpg) top center no-repeat;
}

#contentContainer {
   width:950px;
   margin: 0 auto;
   background: url(../images/bg-contentKachel.jpg) repeat-y;
}

#contentMain{
	width: 600px;
	float: left;
	background: url(../images/contentMain.jpg) top center no-repeat;
	font-family:"Trebuchet MS", sans-serif, Arial, Verdana;
}	

h2 {
   text-indent: -2000px;
   width: 570px;
   height: 46px;
   background-repeat: no-repeat;
   float:left;
}

.h2-HerzlichWillkommen {
   background-image: url(../images/index/h2.jpg);
}

.h2-Uns {
   background-image: url(../images/uns/h2.jpg);
}

.h2-Behandlung {
   background-image: url(../images/behandlung/h2.jpg);
}

.h2-Vitalberatung {
   background-image: url(../images/vitalberatung/h2.jpg);
}

.h2-Massnahmen {
   background-image: url(../images/massnahmen/h2.jpg);
}

.h2-Seminarangebote {
   background-image: url(../images/seminar/h2.jpg);
}

.h2-Informationen {
   background-image: url(../images/informationen/h2.jpg);
}

.h2-News {
   background-image: url(../images/news/h2.jpg);
}

.h2-Links {
   background-image: url(../images/links/h2.jpg);
}

.h2-Anfahrt {
   background-image: url(../images/anfahrt/h2.jpg);
}

.h2-Kontakt {
   background-image: url(../images/kontakt/h2.jpg);
}

.h2-Impressum {
   background-image: url(../images/impressum/h2.jpg);
}

.h2-Newsletter {
   background-image: url(../images/newsletter/h2.jpg);
}

.h2-Danke {
   background-image: url(../images/danke/h2.jpg);
}

.h2-Error {
   background-image: url(../images/error/h2.jpg);
}

.h2-Hinweis {
   background-image: url(../images/hinweis/h2.jpg);
}

.abstand{
	margin-left: 8px;
}

#column1{
	width: 270px;
	margin: 32px 30px 0 0;
	float:left;
}


#column2{
	width: 270px;
	float:left;
	margin: 32px 0 0 0;
}

.content{
	margin-top: 88px;
}

#contentMain li{
   font-size: 15px;
   font-family:"trebuchet MS", verdana, arial, sans-serif;
   background: url(../images/li-content.jpg) left 7px no-repeat;
   padding:4px 0 0 20px;
   text-decoration:none;
   list-style-type: none;
   float:none;
   margin:0 0 0 2px;
   line-height:19px;
}

#contentMain ul {
   margin-bottom: 17px;
}

strong{
	color: #003376;
}

.heavy{
	color: #003376;
	font-size:16px;
}

#contentMain .content p a:link,
#contentMain .content p a:visited {
   color: #003376;
   text-decoration:underline;
}

#contentMain .content p a:hover,
#contentMain .content p a:active {
   color: #003376;
   text-decoration:none;
}

.border {
   border: solid 1px #003476;
   padding: 3px 3px 3px 3px;
   margin: 15px 20px 20px 0;
}

.floatLeft{
	float:left;
}

#contentMain a:link,
#contentMain a:visited {
   color: #303030;
   text-decoration:underline;
}

#contentMain a:hover,
#contentMain a:active {
   color:#303030;
   text-decoration:none;
}
.abstand2{
	margin-left: 19px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------accordian------------------------------------------
---------------------------------------------------------------------------------------*/

#basic-accordian{
	border:5px solid #d6d6d6;
	padding:5px;
	width:555px;
	z-index:2;
	}

.accordion_headings{
	padding:5px;
	background:#0087c3;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#3f3f3f;
}

.accordion_child{
	padding:15px;
}

.header_highlight{
	background:#003476;
}




/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/


.fragen p,
.oeffnungszeiten p,
.oeffnungszeiten1 p,
#footer p { font-size: 12px!important; }

#footer {
	background: url(../images/bg-footer.jpg) no-repeat;
	width:950px;
	height: 188px;
	clear:both;
	float:none;
	margin: 0 auto;
	font-size:12px;
	line-height:18px;
}

.fragen{
	float: left;
	width: 298px;
	margin: 53px 0 0 84px;
	_margin: 53px 0 0 84px;
}

.oeffnungszeiten{
	float: left;
	margin: 53px 0 0 105px;
	_margin: 53px 0 0 105px;
}

.oeffnungszeiten1{
	float: left;
}

.oeffnungszeiten2{
	float: left;
	margin: 10px 0 0 30px;
}

.anfahrt{
	float: left;
}



a.skizze, a.skizze:link, a.skizze:visited {
	text-indent: -9999px;
	height: 118px;
	width:91px;
	margin:-10px 0 0 129px;
	outline: none;
	text-decoration: none;
	display: block;
	float: left;
	_margin: -10px 0 0 64px;
}
a.skizze:hover, a.skizze:active {
	background: url(../images/anfahrt.jpg) no-repeat;
}


/*---------------------------------------------------------------------------------------
--------------------------------------NAVIGATIONADDITIONAL-------------------------------
---------------------------------------------------------------------------------------*/
#navigationAdditional {
   list-style: none;
   position:absolute;
   float:left;
   margin: 115px 0 0 619px;
   _margin: 115px 0 0 -303px;
}

*+ html #navigationAdditional {
   margin: 105px 0 0 -303px;
}

#navigationAdditional li {
   float:left;
   background:none;
   list-style:none;
   margin-top: 35px;
   padding: 5px;
}

#navigationAdditional li a {
   display:block;
   text-decoration:none;
}

#navigationAdditional a:link,
#navigationAdditional a:visited {
   color: #303030;
   text-decoration: none;
}

#navigationAdditional a:hover,
#navigationAdditional a:active {
   color: #303030;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#kontakt{
   color: #303030;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#anfahrt{
   color: #303030;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#impressum{
   color: #303030;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#startseite{
   color: #303030;
   text-decoration: underline;
}

ul#navigationAdditional li.active a#newsletter{
   color: #303030;
   text-decoration: underline;
}