/* Allgemeine HTML-Elemente */

body {
 background-color: #000;
 font: 80% Verdana, Arial, sans-serif;
 overflow: auto;
 color: #FFF;
}

h1 {
 font-size: 160%;
 font-weight: bold;
 font-variant: small-caps;
 color: #FFF;
}

h1:first-letter {
 font: 200% Times New Roman, Times, serif;
 border: 1px solid white;
 padding: 4px;
 margin: 2px;
 color: #FFF;
}

h2 {
 font: 100% Verdana, Arial, sans-serif;
 font-weight: bold;
 margin-top: 40px;
 color: #FFF;
}

a {
 color: #FFA;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

textarea {
 width: 450px;
 height: 100px;
 overflow: auto;
}

/* Der Bereich, in dem die aktuelle bzw. die Geschichten im Archiv dargestellt werden */

p.geschichte, p.geschichte_archiv {
 line-height: 160%;
 border: 4px solid #CCC;
 background-color: #000;
 padding: 6px;
 margin-bottom: 0px;
 color: #FFF;
}

.geschichte_archiv:first-letter {
 font: 600% Times New Roman, Times, serif;
 color: #AFF;
 padding: 0px;
 float: left;
}

/* Fehlerausgaben(z.B. bei zu kurzem Text) */

.fehler {
 color: #f00;
}

/* Das Menü, das unten im Archiv angezeigt wird(vor, zurück, aktuelle Geschichte) */

.menue {
 text-align: center;
 color: #FFF;
}

/* Der Link, der die einzelnen Abschnitte kenntlich macht */

.abschnitte {
 margin-top: 0px;
 text-align: right;
 color: #FF6;
}

.abschnitte a {
 color: #FF6;
 text-decoration: none;
}

.abschnitte a:hover {
 color: #AAA;
 text-decoration: none;
}

/* Formatierung der Abschnitte bei aktivierter Abschnitterkennung */

.gerade {
 background-color: #009;
}

.ungerade {
 background-color: #606;
}

/* Die Loginfelder für den Administrationsbereich */

#user, #pwd {
display: block;
}