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




/*======================================================================
	GLOBAL
======================================================================*/

 *, ul, lu {
	margin: 0;
	padding: 0;
	list-style: none;
	}

 a:focus { outline:none }

 img { border: none; }

 body {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	background: #fff url('../img/background.jpg') top repeat-x;
	}

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

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


/*======================================================================
	STRUCTURE
======================================================================*/

 #page {
	margin: 0px auto;
	width: 660px;
	text-align: center;
	}

 #header {
	margin: 60px 0 0 0;
	width: 660px;
	text-align: left;
	background: url('../img/title.jpg') top left no-repeat;
	}

 #content {
	width: 660px;
	text-align: left;
	line-height: 18px;
	}

 #content #left {
	width: 400px;
	margin: 0 20px 0 20px;
	padding-right: 20px;
	border-right: 1px solid #eaeaea;
	float: left;
	}

 #content #right {
	width: 180px;
	float: left;
	}

 #footer {
	width: 640px;
	margin: 25px 10px 20px 10px;
	padding-top: 10px;
	color: #afafaf;
	border-top: 1px solid #eaeaea;
	}

 #footer .trb {
	margin: 0 5px 0 5px;
	color: #dbdbdb;
	}

 #footer #left {
	width: 449px;
	margin-left:11px;
	text-align: left;
	float: left;
	}

 #footer #right {
	width: 169px;
	margin-right:11px;
	text-align: right;
	float: left;
	}

 #footer #left a:link, #footer #left a:visited {
	color: #afafaf;
	text-decoration: none;
	}

 #footer #left a:hover, #footer #left a:active {
	color: #666;
	text-decoration: none;
	}

 #footer #right a:link, #footer #right a:visited {
	color: #afafaf;
	text-decoration: underline;
	}

 #footer #right a:hover, #footer #right a:active {
	color: #666;
	text-decoration: none;
	}


/*======================================================================
	TEXT / LINKS
======================================================================*/

 h1 {
	margin-bottom: 10px;
	color: #797979;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

 h2 {
	margin-top: 40px;
	margin-bottom: 5px;
	color: #797979;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

 h3 {
	color: #797979;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

 li.punkte {
	text-indent: 12px;
	line-height: 18px;
	background: url('../img/pfeil.gif') 0 7px no-repeat;
	}
 li.punkte:hover { background: url('../img/pfeil2.gif') 0 7px no-repeat; }


/*======================================================================
	MENU
======================================================================*/

 #menu {
	margin: 0 0 0 395px;
	padding: 0;
	height: 60px;
	list-style: none;
	width: 345px;
	}

 #menu li {
	margin: 38px 0 0 0;
	padding: 0;
	height: 22px;
	list-style: none;
	display: inline;
	float: left;
	}

 #menu #m-start a {
	float: left;
	height: 22px;
	width: 33px;
	margin-right: 4px;
	text-indent: -197666px;
	background: url('../img/menu.jpg') 0px 0px no-repeat;
	}
 #menu #m-start a:hover, #menu #m-start a:active, #menu #m-start .active { background-position: 0px -22px; }

 #menu #m-therapien a {
	float: left;
	height: 22px;
	width: 62px;
	margin-right: 4px;
	text-indent: -197666px;
	background: url('../img/menu.jpg') -33px 0px no-repeat;
	}
 #menu #m-therapien a:hover, #menu #m-therapien a:active, #menu #m-therapien .active { background-position: -33px -22px; }

 #menu #m-schwerpunkte a {
	float: left;
	height: 22px;
	width: 86px;
	margin-right: 4px;
	text-indent: -197666px;
	background: url('../img/menu.jpg') -95px 0px no-repeat;
	}
 #menu #m-schwerpunkte a:hover, #menu #m-schwerpunkte a:active, #menu #m-schwerpunkte .active { background-position: -95px -22px; }

 #menu #m-person a {
	float: left;
	height: 22px;
	width: 45px;
	margin-right: 4px;
	text-indent: -197666px;
	background: url('../img/menu.jpg') -181px 0px no-repeat;
	}
 #menu #m-person a:hover, #menu #m-person a:active, #menu #m-person .active { background-position: -181px -22px; }

 #menu #m-praxis a {
	float: left;
	height: 22px;
	width: 40px;
	margin-right: 4px;
	text-indent: -197666px;
	background: url('../img/menu.jpg') -226px 0px no-repeat;
	}
 #menu #m-praxis a:hover, #menu #m-praxis a:active, #menu #m-praxis a.active { background-position: -226px -22px; }

 #menu #m-kontakt a {
	float: left;
	height: 22px;
	width: 50px;
	text-indent: -197666px;
	background: url('../img/menu.jpg') -266px 0px no-repeat;
	}
 #menu #m-kontakt a:hover, #menu #m-kontakt a:active, #menu #m-kontakt .active { background-position: -266px -22px; }


/*======================================================================
	HEADER PHOTOS
========================================================================
	p01  =>  Start
	p02  =>  Therapien
	p03  =>  Schwerpunkte
	p04  =>  Person
	p05  =>  Praxis
	p06  =>  Kontakt
======================================================================*/

 #photos {
	margin: 0;
	padding: 0;
	height: 245px;
	width: 660px;
	}

 .p01 { background: url('../img/photos/start.jpg') 0 10px no-repeat; }
 .p02 { background: url('../img/photos/therapien.jpg') 0 10px no-repeat; }
 .p03 { background: url('../img/photos/schwerpunkte.jpg') 0 10px no-repeat; }
 .p04 { background: url('../img/photos/person.jpg') 0 10px no-repeat; }
 .p05 { background: url('../img/photos/praxis.jpg') 0 10px no-repeat; }
 .p06 { background: url('../img/photos/kontakt.jpg') 0 10px no-repeat; }


/*======================================================================
	CONTENT ( PHOTOSHOW )
======================================================================*/

 #photoshow {
	margin: 0;
	padding: 0;
	height: 444px;
	width: 660px;
	}

 #photoshow #gallery {position:relative; width:660px; margin:10px auto;}
 #photoshow #image {position:relative; width:660px; height:444px; background: url('../img/loading.gif') center center no-repeat;}
 #photoshow #image img {position:absolute;}
 #photoshow #thumbwrapper {margin-top:10px; padding:5px 0; width:660px; height:100px; visibility:hidden;}
 #photoshow #thumbarea {position:relative; overflow:hidden; height:100px; width:660px;}
 #photoshow #thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px;}
 #photoshow #thumbs li {float:left; margin-right:5px; cursor:pointer;}
 #photoshow .imgnav {position:absolute; height:444px; width:20%; z-index:100; height:444px; width:20%; z-index:100; outline:none; cursor:pointer;}
 #photoshow #previmg {left:0; background:url('../img/left.gif') left center no-repeat;}
 #photoshow #previmg:hover {background:url('../img/left2.gif') left center no-repeat;}
 #photoshow #nextimg {right:0; background:url('../img/right.gif') right center no-repeat;}
 #photoshow #nextimg:hover {background:url('../img/right2.gif') right center no-repeat;}

/*======================================================================
	CONTENT ( FORMULAR )
======================================================================*/

 .formerror {
	background: #ffdada;
	border: 1px solid #de9b9b;
	}

 .formfeld {
	width: 190px;
	margin-bottom: 5px;
	padding: 5px 10px 5px 10px;
	color: #9d9d9d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
	border: 1px solid #d4d4d4;
	}
 .formfeld:hover, .formfeld:focus { background: #f1f1f1; }

 .formfeld2 {
	width: 200px;
	margin-bottom: 5px;
	padding: 5px 0px 5px 10px;
	color: #9d9d9d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #fff;
	border: 1px solid #d4d4d4;
	}
 .formfeld2:hover, .formfeld2:focus { background: #f1f1f1; }

 .fb { margin-bottom: 5px; }

 .formsenden {
	padding: 5px 10px 5px 10px;
	color: #9d9d9d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #d4d4d4;
	cursor: pointer;
	}
 .formsenden:hover { color: #666; background: #f1f1f1; }


/*======================================================================
	CONTENT ( SONSTIGES )
======================================================================*/

 a#skizze {
	height: 130px;
	width:180px;
	text-indent: -197666px;
	display: block;
	background: url('../img/skizze.jpg') 0px 0px no-repeat;
	}
 a#skizze:hover, a#skizze:active { background-position: 0px -130px; }

/*======================================================================
	CONTENT (THERAPIE IMG)
========================================================================
	c01  =>  Elektroakupunktur und Bioresonanz
	c02  =>  Wirbelsaeulentherapie nach Dorn
	c03  =>  Homoeopathie
	c04  =>  Bachbluetentherapie
	c05  =>  Ohrakupunktur
	c06  =>  Ausleitungsverfahren
======================================================================*/

 ul#therapie-img {
	width:180px;
	}

 ul#therapie-img li.c01 {
	margin-top: 0px;
	height: 130px;
	width:180px;
	background: no-repeat;
	}


/*======================================================================
	CONTENT ( jFlow )
======================================================================*/

 #jFlowSlide{ }
 #myController { width: 180px; margin-bottom: 15px; }
 #myController span.jFlowSelected { font-weight: bold; color: #fff; background: #ffcc01; }

 .slide-wrapper { width:180px; line-height: 18px; }
 .slide-wrapper ul { width:180px; float:right; }
 .slide-wrapper li.txt { }
 .slide-wrapper li.name { margin-top:15px; }
 .slide-wrapper li.url { }

 .jTitel{ padding: 0px 3px 2px 0px; margin-right: 4px; float: left; }

 .jflow-content-slider { width: 180px; height: 200px; }

 .jFlowControl{ cursor:pointer; padding: 0px 4px 1px 4px; margin-right: 2px; display: block; float: left; }
 .jFlowControl:hover { font-weight: bold; }

 .jFlowPrev { width: 9px; height: 9px; margin: 5px 2px 0 0; background: url('../img/arrow_prev.gif') 0 0px no-repeat; text-indent: -197666px; cursor: pointer; display: block; float: left; }
 .jFlowPrev:hover { background: url('../img/arrow_prev.gif') 0 -9px no-repeat; }

 .jFlowNext { width: 9px; height: 9px; margin: 5px 0 0 0; background: url('../img/arrow_next.gif') 0 0px no-repeat; text-indent: -197666px; cursor: pointer; display: block; float: left; }
 .jFlowNext:hover { background: url('../img/arrow_next.gif') 0 -9px no-repeat; }


/*======================================================================
	THE END
======================================================================*/