/*  
Theme Name: Praxis für Klassische Homoeopathie '08
Theme URI: http://www.homoeopathie-im-wuermtal.de.de
Version: 1.0
Author: Veronika Sattler
Author URI: http://websache.de
*/

* { margin: 0; padding: 0;}

/*Tag-Zuweisungen und gebundene Klassen*/

body {background:#e4dcdd; font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; font-size:0.89em; color:#333333; margin:0; padding:0; line-height:1.5em; width: 100%;}
a {color:#6f0913; text-decoration:none; font-weight: bold;}
a:visited{text-decoration:none;}
a:focus, a:hover, a:active{text-decoration:underline; outline:0;}
a img {border:0;}
ul {list-style: none;}
p {margin: 0 0 20px 0;}
h1{font-size:110%; color:#6f0913; margin: 0 0 8px 0; padding:0; font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; position: relative;}
h2{font-size:110%; color:#6f0913; margin: 0 0 10px 0; font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; position: relative;}
h3{font-size:105%; color:#6f0913; font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;; margin: 0 0 10px 0; position: relative;}
h4{font-size:100%; color:#6f0913; margin:0px 0 4px 0; padding:0; font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; position: relative;}
h5{font-size:100%; color:#6f0913; margin:50px 0 0 0; padding:0; font-weight: bold; font-family: Verdana, Arial, "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; position: relative;}
fieldset {border:none;}
label {float:left; clear:both; display:block; width:125px; margin: 0 0 13px 15px; color:#6f0913; font-weight: bold;}
input, textarea {float:left; display:block; width:250px; margin-bottom:13px; background: none; padding:7px 2px 7px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 95%; border: solid 2px #6f0913; color:#6f0913;}
p {margin-bottom: 20px;}

blockquote {background: url(../images/inhalt1.png) no-repeat top right; color:#6f0913; padding: 30px 40px; width: 380px; height: 178px; display: block; float: right;} 
blockquote p {margin-top: 0;}

/*Id-Zuweisungen und Pseudoformate*/
#streifenoben {background-color:#6f0913; width:100%; height:20px;}
#header {width:960px; height:170px;	margin:60px auto 0 auto; position:relative;	background:url(../images/oben.gif) #fbf7f8 no-repeat; overflow: hidden;}

/*Navigation*/
#navi {padding:0; list-style:none; height:50px; position: relative; width:960px; height:50px; margin:0 auto 0 auto;  background-color:#6f0913; list-style: none; clear: both;}
#navi li.oben {	display:block; float:left;}
#navi li a {display:block; float:left; height:50px;	text-decoration:none; padding:0; cursor:pointer;}
#navi li a b {display:none;}
#navi li a.index {background:url(../images/start1.gif) 0 50px; width:160px;}
#navi li a.team {background:url(../images/team1.gif) 0 50px; width:122px;}
#navi li a.hom {background:url(../images/hom1.gif) 0 50px; width:180px;}
#navi li a.leistungen {background:url(../images/weitere1.gif) 0 50px; width:231px;}
#navi li a.praxis {background:url(../images/praxis1.gif) 0 50px; width:127px;}
#navi li a.aktuelles {background:url(../images/aktuelles1.gif) 0 50px; width:140px;}
#navi li:hover a, #navi a:hover, #navi li a.aktiviert {background-position: 0 100px;}
#navi ul.unten	{position:absolute; display:none;}
#navi ul.unten li ul {position: absolute; left: 106px; display: none;}
#navi li:hover {position:relative; z-index:200;}
#navi a:hover {position:relative; white-space:normal; z-index:200;}
#navi:hover ul.unten {display: block; top: 50px; left:0; height:auto; width:160px; z-index:300;}
#navi:hover ul.unten li {display: block; position: relative; height: 22px; width:160px;}
#navi:hover ul.unten li a {display:block; position: absolute; height:20px; width:160px; text-decoration:none;padding:0; cursor:pointer;}
#navi:hover ul.unten li a b {position:absolute; display:none; margin: 0;}
#navi:hover ul.unten li ul {display: block;}
#navi li:hover ul li a.kinder {background:url(../images/kinder.gif); width:103px; height: 20px;}
#navi li:hover ul li a.frauen {background:url(../images/frauen.gif); width:103px; height: 20px;}
#navi li:hover ul li a.senioren {background:url(../images/senioren.gif); width:103px; height: 20px;}
#navi li:hover ul li a.maenner {background:url(../images/maenner.gif); width:103px; height: 20px;}
#navi li:hover ul li a.phyto {background:url(../images/phyto.gif); width:155px;height: 20px;}
#navi li:hover ul li a.myko {background:url(../images/myko.gif); width:155px;height: 20px;}
#navi li:hover ul li a.ernaehrungsberatung {background:url(../images/ernaehrung.gif); width:155px;height: 20px;}
#navi li:hover ul li a.gesundheitsg {background:url(../images/gesundheit.gif); width:155px;height: 20px;}
#navi li:hover ul li a.lage {background:url(../images/lage.gif); width:127px;height: 20px;}
#navi li:hover ul li a.kosten {background:url(../images/kosten.gif); width:127px;height: 20px;}
#navi li:hover ul li a.informationen {background:url(../images/informationen.gif); width:127px;height: 20px;}
#navi li:hover ul li a.kinderwunsch {background:url(../images/kinderwunsch.gif); width:103px;height: 20px;}
#navi :hover ul.unten li a:hover {background-position: 0 20px; position:relative;height: 20px;}

/*Hauptcontainer mit Bildern*/
#hauptcontainer {width:880px; height:auto; margin:0 auto;background:url(../images/grossespirale.gif) no-repeat fixed 
center #fbf7f8; padding: 30px 40px 80px 40px; overflow: hidden; position: relative; clear: left;}
#hauptcontainer ul {list-style: url(../images/spirale.png); padding: 20px 0 20px 30px; position: relative;}

.info {float:right; margin-left: 50px; margin-bottom: 50px; margin-top: 10px;display: block; width: 260px; height: auto; clear: both;  position: relative; background:url(../images/info.png) no-repeat bottom left; clear: left; padding: 20px;}
.info h3 {color: #ffffff; background:url(../images/inhalt4_3_01.png) no-repeat top left; width: 310px; height: 33px; position: relative; left:-24px; top:-25px;text-align: center; padding-top: 7px; font-size: 95%;}
.teaser {margin-bottom: 50px;display: block; width: 390px; height: auto; clear: both;  position: relative; margin-top: 40px;background:url(../images/teaser.png) no-repeat bottom left; padding: 30px 30px 30px 30px; top: 13px;}
.teaser h3 {background:url(../images/teaser_top.png) no-repeat top left;; width: 450px; height: 40px; position: absolute; top: -48px; left: 0;padding: 35px 0 0 25px;}
#hauptcontainer small {background: url(../images/calendar.png) no-repeat top left; color: #6f0913; height: 30px; text-indent: 40px; display: block; position: relative; padding-top: 5px; margin-bottom: 5px; font-weight: bold; font-size: 80%;}


.artikel {float: left; width: 450px; margin-right: 50px; margin-bottom: 50px; display: block;height: auto; clear: left; position: relative; position: relative;}
.archiv {float: right; margin-left: 50px; margin-bottom: 50px;display: block; width: 300px; height: auto; position: relative}
.kontakt {float: right; margin-left: 50px; margin-bottom: 50px;display: block; width: 450px; height: auto; position: relative}
.weiter {display: block; position: absolute; width: 430px; height: 83px; background:url(../images/weiter.png) no-repeat top left; bottom: -35px; padding: 25px 0 0 40px; right: -70px; font-size: 90%;}
.tab {display: block; position: relative; text-indent: 35px;}

/*Bilder mit Bildtitel*/

.links {float: left; margin-right: 70px; margin-top: 20px; margin-bottom: 50px; display: block; width: 300px; height: auto; clear: left; position: relative;}
.rechts {float:right; margin-left: 70px; margin-top: 20px; margin-bottom: 50px; display: block; width: 300px; height: auto; clear: right;  position: relative;}
.clearer {clear: both; width: 100%; display: block; position: relative;}
.clearer em {font-size: 85%;}
.map {float:left; margin-right: 80px; margin-bottom: 80px;display: block; margin-top: 20px; width: 300px; height: auto; clear: left;  position: relative;}

/*Bildergalerie*/
.bildergalerie {clear: both; width: 100%; margin: 20px auto; position: relative;}
.bildergalerie ul {padding: 0; position: relative; left:-30px;}
.bildergalerie li {float: left; padding: 0 10px 10px 0; list-style: none;}
.bildergalerie img {width: 80px; height: 80px;}




/*Footer*/
#footer {width:960px; height:18px; margin:0 auto 0 auto;background:url(../images/unten.gif) no-repeat bottom #fbf7f8; clear:left;}
#footer ul {list-style:none; margin:0px; padding-left:10px; padding-top:0;}
#footer li {float:left;	margin:0px;	padding:0px;}
#footer li a {display:block; float:left; height:18px; text-decoration:none;	padding:0; cursor:pointer; overflow:hidden;}
#footer li a b {margin-left:-9999px;}
#footer li a.kontakt {background:url(../images/kontakt.gif) no-repeat; width:84px;}
#footer li a.impressum {background:url(../images/impressum.gif) no-repeat; width:81px;}
#footer li a.druck {background:url(../images/druck.gif) no-repeat; width:71px;}
#footer li:hover a, #footer a:hover {background-position: 0 -20px;}
#streifenunten {background-color:#6f0913; margin-top: 60px;	width:100%;	height:20px;}


/*Freie Klassen*/
.klein {font-size: 80%; margin:O; padding:0;}
.form-button {margin-left:110px; width:100px; clear:both;}
.option {border:none;  background:none;  width:auto;}
.spirale {width:200px; float:left; margin:12px 0 0 15px; display: block;}
.logo {float:right;	width:500px; margin:12px 8px 10px 10px;}

.hidden {display: none;}
.form-button {margin-left: 140px;}
.winz {font-size: 82%; text-align: right;}
.fehler {font-size: 110%; font-weight: bold;}
.fehler a {margin-top: 20px; display:block;}
.error {display: block; width: 466px; height: 348px; margin: 50px auto;}