/* Externes Stylesheet für Heilersein Startseite*/

*	{ padding: 0; margin: 0;
}	/* Kalibriert alle Abstände auf Null, um browserunabhängig zu konfigurieren */

html{ height: 101%;					  /* Erzwingt Scrollbar im Firefox */
	background-image: url(gruen.gif); /* Hier sicherheitshalber noch einmal das Hintergrundbild, da der eigentliche Body vom HTML gebildet wird */
	background-attachment: fixed;
	background-repeat: repeat;
	scrollbar-base-color: #669966;	/* Hier farbige Scrollbalken für den IE */ 
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #FFFFFF;
}	

/* ============================================================================== */

body{
	background-image: url(gruen.gif);
	background-attachment: fixed;
	background-repeat: repeat;
	color: #000000;
	background-color: #66CC66;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
h1 h2 h3 h4 h5 {
	background-color: transparent;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
h1	{
	font-size: 180%;
 	background-color: transparent;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	text-align: left;
	border-bottom: 0px solid #FFFFFF;
	margin: 0 0 2em 0;
}
h2	{
 	font-size: 170%;
	background-color: transparent;
 	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 1em;
}
h3	{
 	font-size: 120%;
	background-color: transparent;
 	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
h4	{
 	font-size: 100%;
 	font-weight: bold;
	background-color: transparent;
 	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	text-align: center;
}
h5	{
 	font-size: 9px;
	font-weight: bold;
	background-color: transparent;
 	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
h6	{
 	font-size: 10px;
	font-weight: normal;
	background-color: transparent;
 	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
ul	{
 list-style-type: disc;
}
ul ul{
 list-style-type: disc;
}
ul ul ul{
 list-style-type: none;
}
a:link, a:visited {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none; outline: none;
	font-size: 10px;
}
a:hover, a:focus {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none; outline: none;
	font-size: 10px;
}
a:active {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none; outline: none;
	font-size: 10px;
}

/* ============================================================================== */

#wrapper	{
	color:#000000;
	background-color: transparent;
	width: 98%; 			/* Breite des Inhaltsbereiches */
	margin-top: 15px;		/* Oberer Randabstand */
	margin-right: auto; 	/* Abstand rechts automatisch */
	margin-bottom: 10px; 	/* Unterer Randabstand */
	margin-left: auto; 		/* Abstand links automatisch */
}
#kopfbereich{	
	color: #000000;
	background-color: transparent;
	width: auto;
	height: 50px;
	text-align: center;
	margin-bottom: 20px;
}
#kopfbereich p{
	background-color: transparent;
	color: #000000;
	padding: 5px 0 5px 0;
	margin-bottom: 0; 	/* war 1em */
}
#navbereich_oben{	
	width: 1000px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #FFFFFF;	/* Stellt die Rahmenlinie unterhalb der Navigationslinks dar */
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
}
#navbereich_oben ul{
    margin: 0 0 0 90px;		/* Hier wird der Abstand der gesamten Navigationsbottons vom linken Rand eingestellt */
	padding: 0;
    text-align: center;
    border: none;
    background-color: transparent;
}
#navbereich_oben li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
}
#navbereich_oben a, #navbereich_oben span {
    float: left; width: auto; 
	height: auto;
    margin: 0 5px 0 0; 			/* Hier wird der Abstand zwischen den einzelnen Navigationsbottons eingestellt */
	padding: 4px 4px 4px 4px;	/* Hier wird die Auspolsterung und damit auch teilweise die Größe der Navigationsbottons eingestellt */
    text-decoration: none;
	font-size: 10px;
	font-weight: bold;
    border-width: 2px;
	border-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #333333;
	border-right-color: #333333;
    color: #FFFFFF; 			/* Hier wird die Schriftfarbe für die Links bestimmt */
	background-color: #669966;
}
* html #navbereich_oben a, * html #navbereich_oben span {  /* Korrektur fuer IE 5.x */
    width: auto;
    w\idth: auto;
}
#navbereich_oben a:link, #navbereich_oben span {
    float: left; width: auto; 
	height: auto;
    margin: 0 5px 0 0; 			/* Hier wird der Abstand zwischen den einzelnen Navigationsbottons eingestellt */
	padding: 4px 4px 4px 4px;	/* Hier wird die Auspolsterung und damit auch teilweise die Größe der Navigationsbottons eingestellt */
    text-decoration: none;
	font-size: 10px;
	font-weight: bold;
    border-width: 2px;
	border-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #333333;
	border-right-color: #333333;
    color: #FFFFFF; 			/* Hier wird die Schriftfarbe für die Links bestimmt */
	background-color: #669966;
}
#navbereich_oben a:visited, #navbereich_oben span {
    float: left; width: auto; 
	height: auto;
    margin: 0 5px 0 0; 			/* Hier wird der Abstand zwischen den einzelnen Navigationsbottons eingestellt */
	padding: 4px 4px 4px 4px;	/* Hier wird die Auspolsterung und damit auch teilweise die Größe der Navigationsbottons eingestellt */
    text-decoration: none;
	font-size: 10px;
	font-weight: bold;
    border-width: 2px;
	border-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #333333;
	border-right-color: #333333;
    color: #FFFFFF; 			/* Hier wird die Schriftfarbe für die Links bestimmt */
	background-color: #669966;
}
#navbereich_oben a:hover, #navbereich_oben a:focus, #navbereich_oben span {
   	float: left; width: auto; 
	height: auto;
	margin: 0 5px 0 0; 			/* Hier wird der Abstand zwischen den einzelnen Navigationsbottons eingestellt */
	padding: 4px 4px 4px 4px;	/* Hier wird die Auspolsterung und damit auch teilweise die Größe der Navigationsbottons eingestellt */
    text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	border-width: 2px;
	border-style: inset;
	border-top-color: #333333;
	border-left-color: #333333;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
	color: #000000; 			/* Hier wird die Schriftfarbe der Links beim Rüberfahren und Anklicken eingestellt */
   	background-color: #FFFFFF;	/* Hier wird die Hintergrundfarbe beim Rüberfahren und Anklicken eingestellt */
}
#navbereich_oben a:active, #navbereich_oben span {
    float: left; width: auto; 
	height: auto;
    margin: 0 5px 0 0; 			/* Hier wird der Abstand zwischen den einzelnen Navigationsbottons eingestellt */
	padding: 4px 4px 4px 4px;	/* Hier wird die Auspolsterung und damit auch teilweise die Größe der Navigationsbottons eingestellt */
    text-decoration: none;
	font-size: 10px;
	font-weight: bold;
    border-width: 2px;
	border-style: inset;
	border-top-color: #333333;
	border-left-color: #333333;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
	color: #000000; 			/* Hier wird die Schriftfarbe der Links beim Rüberfahren und Anklicken eingestellt */
   	background-color: #FFFFFF;	/* Hier wird die Hintergrundfarbe beim Rüberfahren und Anklicken eingestellt */
}
#navbereich_oben div {
     clear: left;
}
#bildtabelle_mitte{		/* Wichtig: ein Block, damit die einzelnen Bildtabellen dargestellt werden können. */
	width: 275px;		/* Die dazugehörige Klasse und der Link zum Hintergrundbild der Tabelle sind im Headbereich der jeweiligen Seite */
	color: #000000;
	background-color: transparent;
	border: 0px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0 0 0 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#textbereich{	
	width: 990px;
	color: #000000;
	background-color: transparent;
	border: 0px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0 0 0 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
#textbereich p{
	padding: 5px 0 5px 0;
	margin-bottom: 0.5em;
}
#textbereich h1{			/* Überschrift "Willkommen..." */
	text-align: center;
	margin: 0 0 0.5em 0;
	font-size: 23px;
	font-weight: bold;
}
#textbereich h3{
	text-align: center;		/* Überschrift Peter Launhardt..." */
	margin: 0 0 0.5em 0;
	font-size: 17px;
	font-weight: bold;
}
#textbereich h4{			/* Zitat "Sonne..." */
	text-align: center;
	margin: 0 0 0.2em 0;
	font-style: italic;
	font-size: 15px;
	font-weight: bold;
}
#textbereich h5 {
	text-align: left;
	margin: 0 0 0.5em 0;
}
#textbereich a{					/* Hier wird das Aussehen der Links, die im im Text vorkommen, eingestellt */
	font-size: 13px;
	font-weight: normal;
	background: transparent;
	color: #000000;
	text-decoration: underline; outline: none;
}
#textbereich a:hover, a:focus{	/* Hier wird das Aussehen der Links, die im im Text vorkommen, eingestellt */
	font-size: 13px;
	font-weight: normal;
	background: transparent;
	color: #FFFFFF;
	text-decoration: underline; outline: none;
}
#trennlinie_unten{
	border-top: 1px solid #FFFFFF;	/* Rahmenlinie oben als Trennlinie für den Fussbereich, musste als durchgehendes Blockelement eingerichtet werden */
	width: auto;					/* Damit die Rahmenlinie durchgängig ist */
	margin-top: 30px;				/* Abstand der Rahmenlinie vom Textbereich darüber */
	margin-bottom: 15px;			/* Abstand der Rahmenlinie zum Fussbereich darunter */
}
#fussbereich{	
	width: 990px;
	font-size: 10px;
	color: #000000;
	background-color: transparent;
	padding-top: 0px; 				/* Innenabstand oben, unterhalb der Linie */
	border-top: 0px solid #FFFFFF; 	/* Rahmenlinie oben, aber durch "trennline_unten" ersetzt */
	margin-top: 0px; 				/* Aussenabstand oben, aber durch margin-bottom von "trennlinie_unten" geregelt */
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}
#fussbereich ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#fussbereich ul li{
	margin: 0px;
}
#fussbereich ul li a{
	float: none; width: auto; 
	height: auto;
    margin: 0 25px 0 25px; 		/* Hier wird der Abstand zwischen den einzelnen Navigationsbottons eingestellt, falls mehrere vorhanden */
	padding: 4px 4px 4px 4px;	/* Hier wird die Auspolsterung und damit auch teilweise die Größe der Navigationsbottons eingestellt */
    text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
   	color: #000000; 			/* Hier wird die Schriftfarbe für die Links bestimmt */
	background-color: transparent;
	border: 0px solid #FFFFFF;
}
#fussbereich a:hover, a:focus {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: underline; outline: none;
}
#fussbereich div{
	clear: left;
}
#fussbereich p{				/* Hier wird der Abstand des Emailbottons nach oben und unten eingestellt */
	padding: 1px 0 1px 0;
	margin-bottom: 0em;
}
#email_fussbereich{
	width: 990px;
	height: 30px;
	font-weight: bold;
	color: #000000;
	border: 0px solid #FFFFFF;
	background-color: transparent;
	padding: 6px 0px 6px 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#email_fussbereich a, #email_fussbereich span{
	float: none; width: auto; 
	height: auto;
    margin: 0 0 0 0; 			/* Hier wird der Abstand zwischen den einzelnen Navigationsbottons eingestellt, falls mehrere vorhanden */
	padding: 4px 4px 4px 4px;	/* Hier wird die Auspolsterung und damit auch teilweise die Größe der Navigationsbottons eingestellt */
    text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
   	border-width: 2px;
	border-style: outset;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #333333;
	border-right-color: #333333;
    color: #FFFFFF; 			/* Hier wird die Schriftfarbe für die Links bestimmt */
	background-color: #669966;
}
#email_fussbereich a:hover, #email_fussbereich span{
	text-decoration: none; outline: none;
	color: #000000;				/* Die Schriftfarbe, die sich beim Mausübergang einstellt */
	background-color: #FFFFFF; 	/* Die Hintergrundfarbe, die sich beim Mausübergang einstellt */
	border-width: 2px;
	border-style: inset;
	border-top-color: #333333;
	border-left-color: #333333;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
}
#email_fussbereich div{
	clear: left;
}
#copyright_fussbereich{
	width: 990px;
	color: #000000;
	background-color: transparent;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#navbereich_unten{
	width: 990px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
	padding: 0px 0px 5px 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #FFFFFF;
}
#navbereich_unten ul{
    margin: 0 0 0 103px;		/* Hier wird der Abstand der gesamten Navigationsbottons vom linken Rand eingestellt */
	padding: 0;
    text-align: center;
    border: none;
    background-color: transparent;
}
#navbereich_unten li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
}
#navbereich_unten a, #navbereich_unten span {
    float: left; width: auto; 
	height: auto;
    margin: 0 -1px 0 0px; 		/* Hier wird der Abstand zwischen den einzelnen Navigationsbottons eingestellt */
	padding: 0px 6px 2px 6px;	/* Hier wird die Auspolsterung und damit auch teilweise die Größe der Navigationsbottons eingestellt */
    text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
    color: #000000; 			/* Hier wird die Schriftfarbe für die Links bestimmt */
	background-color: transparent;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#nav_unten_startseite a{
	border-left-width: 0px;		/* Hier verschwindet der linke Rand vom ersten Link */
}
#nav_unten_impressum a{
	border-right-width: 0px;	/* Hier verschwindet der rechte Rand vom letzten Link */	
}
#navbereich_unten a:link, #navbereich_unten span {
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
    color: #000000; 			/* Hier wird die Schriftfarbe für die Links bestimmt */
	background-color: transparent;
}
#navbereich_unten a:visited, #navbereich_unten span {
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
    color: #000000; 			/* Hier wird die Schriftfarbe für die Links bestimmt */
	background-color: transparent;
}
#navbereich_unten a:hover, #navbereich_unten a:focus, #navbereich_unten span {
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF; 				/* Hier wird die Schriftfarbe der Links beim Rüberfahren und Anklicken eingestellt */
	background-color: transparent;	
}
#navbereich_unten a:active, #navbereich_unten span {
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
    color: #FFFFFF; 			/* Hier wird die Schriftfarbe für die Links bestimmt */
	background-color: transparent;
}
#navbereich_unten div {
     clear: left;
}

/* ============================================================================== */

p, ul	{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em; /*Abstand nach unten */
	margin-left: 0;
}
ul ul	{
	margin: 0;
}
li	{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em; /* Abstand von links */
}