@charset "UTF-8";

html { overflow-y: scroll;}

body {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #D9D9D9;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center;
	background: #990033;
}		
#wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	position: relative;
} 
#back {
	width: 780px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: url(bilder/spiraleRR.jpg) no-repeat 240px 110px;
	margin: 0 auto;
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
	position: fixed;
	height: 650px;
}
#header {
	background: #990033;
	padding: 20px 10px 30px 0; /*  Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
} 
#header a {
	border: 0;
	outline: none;
	display: block;
	background-image: url(none);
	padding: 0;
}
#header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
}
#sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 200px; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
	padding: 0px 0px 15px 0px;
	position: fixed;
}
#sidebar1 ul {
	margin: 0;
	padding: 0;
}
#sidebar1 li {
	list-style: none;
	padding: 0 10px 0px 0;
}
#sidebar1 a {
	text-decoration: none;
	display: block;
	height: 65px;
	border-bottom: solid #999 1px;
	background-repeat: no-repeat;
	outline: none;
	color: #990033;
}

#sidebar1 a:link { background-position: left top; }

#sidebar1 a:hover, sidebar1 a:focus {background-position: 0px -65px; }

#sidebar1 a:active { background-position: 0px -65px; }

#p01 #nav01 a, 
#p02 #nav02 a, 
#p03 #nav03 a, 
#p04 #nav04 a, 
#p05 #nav05 a, 
#p06 #nav06 a, 
#p07 #nav07 a {background-position: 0px -65px; }

#sidebar1 #nav01 a:link, #sidebar1 #nav01 a:visited { background-image: url(bilder/uebermich.jpg); }

#sidebar1 #nav02 a:link, #sidebar1 #nav02 a:visited { background-image: url(bilder/beckenboden.jpg); }

#sidebar1 #nav03 a:link, #sidebar1 #nav03 a:visited { background-image: url(bilder/ausbildung.jpg); }

#sidebar1 #nav04 a:link, #sidebar1 #nav04 a:visited { background-image: url(bilder/heilpraxis.jpg); }

#sidebar1 #nav05 a:link, #sidebar1 #nav05 a:visited { background-image: url(bilder/kurse.jpg); }

#sidebar1 #nav06 a:link, #sidebar1 #nav06 a:visited { background-image: url(bilder/bestellen.jpg); }

#sidebar1 #nav07 a:link, #sidebar1 #nav07 a:visited { background-image: url(bilder/kontakt.jpg); }

#main {
	margin: -14px 0 0 230px; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #main-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
	padding: 0 0 30px 0;
	min-height: 500px;
	position: relative;
	background: url(bilder/spiraleRR.jpg) no-repeat 0px 0px;
} 
#main ul {
	margin: 0 0 -5px 0px;
	padding: 0 0 0 35px;
}
#main li { padding: 0 0 3px 0; }

#footer {
	padding: 5px 0 0 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background:#990033;
	border-top: solid #fff 1px;
	border-color: #CCCCCC;
	margin: 40px 0 0 0;
	position: fixed;
	bottom: 0px;
	height: 20px;
	width: 780px;
	visibility: hidden;
} 
#footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 0;
}
#main a, #footer a {
	background-position: left 2px;
	background-repeat: no-repeat;
	text-decoration: none;
	height: auto;
	padding-left: 16px;
	border: 0;
	font-style: italic;
	outline: none;
}
a:link, a:visited {
	text-decoration: none;
	color: #CC99FF;
	background-image: url(bilder/link13.gif);
	padding-left: 16px;
}
a:hover, a:focus {
	color: #CCCCFF;
	background-image: url(bilder/linkover13.gif);
}
#main a:active {
	color: #FFF;
	background-image: url(bilder/linkover13.gif);
}
li span { visibility: hidden; }
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
h1 {
	color: #CCCCCC;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	padding: 0;
	border-left: solid #666 1px;
	display: block;
	border-top: solid #666 1px;
	height: 65px;
	margin: 14px 0 0 0;
	}
h2 {
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	display: block;
	margin: 0 0 20px 0;
	padding: 0px 0 3px 10px;
	border-left: solid #666 66px;
	border-bottom: solid #666 1px;
	border-top: solid #666 1px;
}
h3
{
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	padding: 0 0 0 10px;
	border-left: solid #666 17px;
}
h4 {
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	font-style: normal;
}
h5 {
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	color: #CCCCCC;
}
h6 {
	color: #CCCCCC;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	padding: 0 0 0 10px;
	border-left: solid #CCC 66px;
	display: block;
	border-top: solid #666 1px;
	margin: 14px 0 0 0;
	height: 66px;
}
#p03 h3, #p05 h3 {
	font-style: italic;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 10px;
	border-left: 0;
	display: inline-block;
}
#p03 a h3, #p05 a h3 { color: #CC99FF; }

#p03 a:hover h3, #p05 a:hover h3 { color: #CCCCFF; }

#p03 h5, #p05 h5 {
	font-style: italic;
	font-size: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #CCCCCC;
	margin: -15px 0 18px 0;
	padding: 0 0 0 40px;
}
.fett {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.kursiv {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
div.info {
	font-family: Verdana, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #C0C0C0;
	margin: 20px 0 30px 0;
	padding: 0 0 0 20px;
	border-left: solid #C0C0C0 1px;
}
.info p { margin: 11px 0 -8px 0; }
.infofett   {
	margin: 11px 0 -8px 0;
	font-weight: bold;
}

.neu {
	color: #FFFFFF;
	background-color: #CC6600;
	margin-bottom: 15px;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	display: block;
	padding: 0 0 0 75px;
}
#main a:link.ohne, a:hover.ohne, a:focus.ohne, a:active.ohne {
	background-image: url(none);
}
#main a.ohne { padding-left: 0px;}
#main a:link.up, #main a:visited.up {
	text-decoration: none;
	background-image: url(bilder/link13up.gif);
	padding-left: 22px;
	color: #666666;
	margin-left: -6px;
}
#main a:hover.up, #main a:focus.up {
	text-decoration: none;
	background-image: url(bilder/link13upover.gif);
	padding-left: 22px;
	color: #999999;
	margin-left: -6px;
}
.rechts {
	float: right;
	padding: 6px 0 5px 3px;
}
.links {
	float: left;
	padding: 0 10px 0 0;
	border: 0;
}
.center { margin: 0 0 20px 0; }
.center img {
	margin: 0 auto;
	display: block;
}
#main2 {
	margin: 0; /* Durch den linken Rand dieses div-Elements entsteht die Spalte am linken Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #main-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
	padding: 0px 0 0 0;
	min-height: 500px;
	position: relative;
	background: url(bilder/spiraleRR.jpg) no-repeat 0px 0px;
}
hr {
	margin-top: 20px;
	visibility: hidden;
}
#main2 a {
	background-position: left 2px;
	background-repeat: no-repeat;
	text-decoration: none;
	height: auto;
	padding-left: 16px;
	border: 0;
	font-style: italic;
	outline: none;
}
#main address {
	margin: 10px 0px 0 0px;
	padding: 0px 0 0 15px;
	border-left: solid #CCC 1px;
	display: block;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}