/* Überblick über die Farben:
 * Hintergrund der Seite ist schwarz: #000;
 * Die normale Schriftfarbe vor dem schwarzen Seitenhintergrund ist 
 * cornflowerblue: #6495ED;
 * eine weitere Schriftfarbe vor diesem Hintergrund ist burlywood: #DEB887;
 * Für den Fließtext ist der Hintergrund #EFEFEF; 
 * und die Farbe der Schrift ist dunkelgrau #050505;
 * als Farbe für kleine Überschriften wird brown verwendet: #A52A2A;
 * hover auf schwarzem Hintergrund ist gold: #FFD700
 * hover im Fließtext wird nur unterstrichen ohne farbliche Hervorhebung.
 */
body {
				background: #000;
				/* die Schriftart ist einheitlich für die gesamte Site */
				font-family: tahoma,verdana,sans-serif;
				font-size: 12pt;
				color: #6495ED;
}

/* Standard-Definitionen für die Schriften auf dem schwarzen Hintergrund */
/* Überschriften */
h1 {
			 	font-size: 1.7em;
}	 

h2 {
			 	font-size: 1.0em;
}	 

h3 {
			  font-size: 0.7em;
}	 

/* Links vor dem schwarzen Hintergrund */
a {
				color: #6495ED;
				text-decoration: none;
}

/* bereits besuchte Links werden nicht gesondert hervorgehoben */
a:visited {
				color: #6495ED;
}

a:hover {
				color: #FFD700;
				text-decoration: underline;
}


/* Listen auf dem Schwarzen Hintergrund */
ul {
				list-style-type: circle;
				color: #6495ED;
}


/* die Navigationsleiste, hier wird nur deren Ausrichtung festgelegt */
.navi {
				position: absolute;
				top: 300px;
				left: 550px;
}

/* Inhaltsverzeichnis fürs Email-Howto */
.inhalt {
				/* Position des Inhaltsverzeichnisses */
				position: absolute;
				top: 350px;
				left: 20px;
				/* zusätzlich soll hier der Text in der Farbe "burlywood" erscheinen */
				color: #DEB887;
}

/* Index fürs Email-Howto */
.index {
				position: absolute;
				top: 650px;
				left: 20px;
				/* zusätzlich soll hier der Text in der Farbe "burlywood" erscheinen */
				color: #DEB887;
}




/* Alle folgenden Angabe in diesem Stylesheet beziehen sich auf den Fließtext 
 * Das Haupttextfeld mit hellgrauem Hintergrund und dunkelgrauer Schrift 
 * Dieser Text muss so formatiert werden, dass er sehr gut lesbar ist! 
 */ 

.fliesstext {
				/* Position und Größe der hellen Fläche 
				 * dies gilt nicht fürs Email-Howto
				 * dessen Positionierung wird später überschrieben */
				width: 450px;
				position: relative;
			 	top: 34px; 
				left: 55px;
				/* Schriftgröße */
				font-size: 0.7em;
				/* Farben für Hintergrund und normalen Fließtext */
				background-color: #FFFFF0;
				color: #050505;
				/* Abstände zwischen dem Text und den Rändern der hellen Fläche */
				padding-top: 12px;
				padding-right: 12px;
				padding-bottom: 8px;
				padding-left: 12px;
}

/* Die Überschriften im Fließtext sollen etwas kleiner sein als auf der Außenfläche */
.fliesstext h1 {
				font-size: 1.7em;
}	 

.fliesstext h2 {
				font-size: 1.3em;
}	 

.fliesstext h3 {
				font-size: 0.9em;
				/* zusätzlich bekommt die kleinste Überschrift eine rötliche Farbe */
				color: #A52A2A;
}	 

/* Links im Fließtext müssen unterschiedlich behandelt werden
 * Sprungmarken im Fließtext sollen nicht sichtbar sein */
.fliesstext a {
				color: #050505;
				text-decoration: none;
}

/* Sprungmarken sollen auch bei Mauskontakt nicht sichtbar sein */
.fliesstext a:hover {
				color: #050505;
				text-decoration: none;
}

/* gleichzeitig sollen aber die h3-Überschriften eingefärbt werden 
 * auch dann, wenn auf sie verwiesen wird */
.fliesstext h3 a {
				color: #A52A2A;
}

/* Wenn der link das href-Attribut hat, dann soll er hervorgehoben werden */
.fliesstext a[href] {
				color: #050505;
				text-decoration: underline;
}

/* und dann soll er bei Mauskontakt auch gekennzeichnet sein */
.fliesstext a[href]:hover {
				color: #A52A2A;
				text-decoration: underline;
}

/* Listen ohne Aufzählung im Fließtext */
.fliesstext ul {
				font-size: 1.0em;
				color: #050505;
				list-style-type: disc;

}

/* Aufzählungslisten im Fließtext */
ol {
				font-size: 1.0em;
}


/* die Angaben zum Autor und Copyright im Email-Howto sollen zentriert dargestellt werden */
.copyright {
				text-align: center;
}

/* Beispiele für das Email-Howto werden in einem Rahmen dargestellt */
.example {
	/* Schrift für die Beispiele ist Courier */
				font-family: courier;
	/* und etwas größer für die Lesbarkeit */
				font-size: 1.2em;
				font-weight: 600;
	/* Rahmen */
				border: #6A6A6A inset 1px;
	/* Abstände zum Rand */
				padding-left: 12px;
				padding-top: 4px;
				padding-bottom: 4px;
	/* Leerzeichen als solche darstellen */
				white-space: pre;
	/* die Position relativ zum umgebenden Text */
				position: relative; 
				left: 20px; 
				width: 350px;
}