/* CSS Document */

* { margin: 0; padding: 0}            /*Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das Aussehen der Webseite in allen Browsern vereinheitlicht. */ 
html { height: 100% }
body {background-color: #000;}

/*_____Site-Elemente___________________________________________________________________________________________________*/
#container {
	position: relative;               /* Damit gilt dieses Element als positioniert und dient als Bezugspunkt für absolut positionierte Kindelemente */
	width: 1000px;
	\width: 1000px;
	w\idth: 1000px;
	height: 610px;
	background: url(bilder/KgegenK.gif) top no-repeat #FFFFFF;
	margin: 20px;                     /*Abstand nach aussen*/
	margin-left: auto;                /*Abstand nach links, ausmitteln*/
	margin-right: auto;               /*Abstand nach rechts, ausmitteln*/
	}
#textbox {							  /*Textkasten für alle Seiten*/
	position: absolute;
	margin: 205px 0 0 365px;                        /*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	width: 635px;
	height: 330px;
	overflow:auto;
	z-index: 2;
	}
#textbox_galeri {							  /*Textkasten für Seite Galerie*/
	position: absolute;
	margin: 220px 0 0 90px;                        /*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	width: 910px;
	height: 338px;
	overflow:auto;
	z-index: 2;
	}
#textbox_kontakt {							  /*Textkasten für alle Seiten*/
	position: absolute;
	margin: 205px 0 0 365px;                        /*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	width: 635px;
	height: 360px;
	overflow:auto;
	z-index: 2;
	}
#disclaimerbox {							  /*Textkasten für Termine*/
	position: absolute;
	margin: 250px 0 0 212px;                        /*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	width: 460px;
	height: 200px;
	overflow:auto;
	z-index: 2;
	}

/*____Link-Verhalten_______________________________________________________________________________________________________*/
a:link {						  /*Linkverhalten*/
	color: #000;
	text-decoration: none;
	}
a:active {
	color: #DD0000;
	}
a:hover {
	color: #DD0000;
	}
a:visited {
	color: #a9a9a9;
	text-decoration: none;
	}
a img
	{
	border: none;
	}
	
/*******Navigation******************************************************/
ul#navigation {                    /*Hauptnavigation*/
	position: absolute;
	width: 70px;                    /* Breite Navigation richtet sich nach Browserschriftgröße*/
	margin: 162px 0 0 0;           /*oben, rechts, unten, links Abstand nach außen*/
	list-style: none;              /*keine Bulletpoints*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;             /*Festlegung der Zeilenhöhe für identische Darstellung auf Mac und PC*/
	font-weight: normal;
	}
#navigation li {
	padding: 0 0 3.7em 0;          /*Abstand zwischen Links*/
	}
#navigation a {
	color: #000;
	display: block;                /*ganze Fläche als Link definiert*/
	text-decoration: none;         /*Link-Unterstreichung weg*/
	width: 100%;                   /*IE auf PC stellt sonst nicht richtig dar*/	
	}
html>body #navigation a { 
	width: auto;                   /*Rücknahme für standardkonforme Browser, IE versteht das nicht*/ 
	} 
#navigation a:hover {
	color: #DD0000;
	}
#navigation a:visited {
	color: #a9a9a9;
	}
/*____Text und Bildunterschriften__________________________________________________________________________________________*/	
.h2head {                                     /*überschrift*/
	position: absolute;
	margin: 165px 0 0 365px;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	font-family:  Helvectica, Arial, sans-serif; 
	font-size: 20px; 
	font-weight: bold; 
	color: #000;
	width: 635px;
	z-index: 2;
}
.h3head {                                     /*überschrift*/
	position: absolute;
	margin: 165px 0 0 94px;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	font-family:  Helvectica, Arial, sans-serif; 
	font-size: 20px; 
	font-weight: bold; 
	color: #000;
	width: 635px;
	z-index: 2;
}
.h2head_galeri {                                     /*überschrift*/
	position: absolute;
	margin: 165px 0 0 90px;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	font-family:  Helvectica, Arial, sans-serif; 
	font-size: 20px; 
	font-weight: bold; 
	color: #000;
	width: 260px;
	z-index: 2;
}
.h4copy_indent {                                     /*Fließtext mit Einzug*/
	margin: 5px 0 0 110px;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	font-family: Helvectica, Arial, sans-serif; 
	font-size: 14px; 
	line-height: 16px; 
	font-weight: normal; 
	color: #000;
	text-indent: -60px;
}
.h4copy {                                     /*Fließtext*/
	margin: 5px 0 0 3px;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	font-family: Helvectica, Arial, sans-serif; 
	font-size: 13px; 
	line-height: 16px; 
	font-weight: normal; 
	color: #000;
	width: 570px;
}
.h4copy_dank {                                     /*Fließtext auf Seite danke*/
	margin: 5px 0 0 3px;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	font-family: Helvectica, Arial, sans-serif; 
	font-size: 13px; 
	line-height: 16px; 
	font-weight: normal; 
	color: #000;
	width: 790px;
}
.h4copy_kunst {                                     /*Fließtext auf Seite Danke*/
	margin: 5px 0 0 3px;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	font-family: Helvectica, Arial, sans-serif; 
	font-size: 11px; 
	line-height: 13px; 
	font-weight: normal; 
	color: #000;
}
.h4adresse {                                     /*Adresszeile*/
	position: absolute;
	margin: 580px 0 0 0;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	width: 1000px;
	font-family: Helvectica, Arial, sans-serif; 
	font-size: 13px; 
	font-weight: normal; 
	color: #000;
	text-align:center;
	z-index: 5;
}
.h4impressum {                                     /*Link zu Impressum*/
	position: absolute;
	margin: 100px 0 0 930px;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	width: 70px;
	font-family: Helvectica, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #000;
	z-index: 6;
}
.h4disclaimer {                                     /*Impressum/Disclaimer*/
	margin: 5px 0 0 3px;          		/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	font-family: Helvectica, Arial, sans-serif; 
	font-size: 11px; 
	line-height: 14px; 
	font-weight: normal; 
	color: #000;
	z-index: 7;
}
/*_____Abbildungen__________________________________________________________________________________________*/
#kohlekurort { /*Kohlebad auf Seite "Startseite"*/
	position: absolute;
	margin: 165px 0 0 80px;/*Abstand nach aussen, Reihenfolge: oben, rechts, unten, links*/
	width: 256px;
	height: 364px;
	z-index: 3;
	}
/*____Bilder-Galerieseite "zu sehen"____________________________________________________________________________________*/
#sehen_bilder {                 /*Bildergalerie*/
	position: absolute;
	margin: 165px 0 0 390px;
	z-index: 2;
	}
#back {                       /*container Pfeil zurück */
	position: absolute;
	margin: 315px 0 0 925px;
	width: 20px;
	height: 20px;
	z-index: 4;
	}
#next {                       /*container Pfeil vor*/
	position: absolute;
	margin: 315px 0 0 955px;
	width: 20px;
	height: 20px;
	z-index: 4;
	}

/*______Navigation-Off____________________________________________________________________________________________________*/
.Stil1 {                                    /*navi span*/
	color: #DD0000;
	}