/* -- Allgemeines -- */
body {
 background: url(../images/bg_4.gif) #e7f3f7;
 color: #000;
 margin: 0;
 padding: 0;
 min-width: 640px;
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family: verdana, arial, sans-serif;
 text-align: center;
}
html a { color: #226699; text-decoration: none;} 
html a:hover { color: #B21838; text-decoration: underline;}

h1 { /* Die Überschrift jeder Seite stellen wir besonders da, denn sie ist sehr wichtig. */
 font-size: 3em;
 line-height: 0.8em;
 padding: 20px 0 5px 0;
 margin: 0;
 border-bottom: 1px dashed #aaa;
}
h1, h2, h3, h4, h5, h6 { /* Alle Überschriften bekommen eine besondere Farbe und da sie sehr groß sind können wir es uns erlauben hier eine Schrift mit Serifen zu wählen. Wir spielen hier ein wenig mit Typographie, und entgegen dem Einheitsbrei auf vielen Seiten. */
 color: #50742F;
 font-family: verdana, arial, sans-serif ;
}

.fleft { /* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
 float: left;
 margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen sonst kleben die Sachen so am Text. */
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}


/* -- Layoutspezifisches -- */
#container {
 font-size: 0.8em; /* Ein Kompromiss über den man sicherlich streiten kann, aber viele Leute empfinden die von Ihnen selbst eingestellte Textgröße für zu groß, wissen aber nicht wie man das ändert. */
 width: 900px;
 background-color: #fff;
 margin: 20px auto;
 border: 1px solid #aaa;
 text-align: left;
}

/* - Logo bzw. Kopf - */
#logo {
 background: url(../images/header.gif) 0 0 no-repeat #fff;
 height: 142px;
 margin: 0;
 padding: 0;
 text-align: center;
 line-height: 80px;
 font-size: 24px;
 overflow: hidden; /* Einzig der Mozilla könnte den Text unverhältnissmäßig zum Hintergrund verändern. Damit dann wenigstens das Menü benutzbar bleibt schneiden wir alles was herausragt ab. */
 letter-spacing: -3px; /* Wieder ein wenig Typografie damit das Logo besser aussieht. */
}
#logo a {
 color: #000;
 text-decoration: none;
}

/* - Menü - */
#menu {
 background: url(../images/leiste1.gif) #287635;
 margin: 0;
 padding: 5px;
 text-align: right;
 color: #B21838;
 font-size: 1.2em;
}
#menu a {
 color: #50742F;
 text-decoration: none;
 display: inline;
 list-style-type: none;
 border-left: 1px dotted #B21838;
 padding: 0 5px 0 10px;
 font-weight: bold;
}

#menu a:hover {text-decoration:none; color: #B21838;}

/* - Subnavigation, Rechte Spalte - */
#subnav {
 background: url(../images/suedt_adler.png) no-repeat 100% 0 white;
 width: 300px;
 height: 100%;
 float: right;
 padding: 70px 20px;
 margin: 0;
 font-size: 0.9em; /* Die Schriftgröße setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
}
#subnav dt { /* Die einzelnen Überschriften in der Subnavigation */
 font-size: 1.2em;
 font-family: Georgia, "Times New Roman", Times, serif;
 padding: 0.5em;
 margin-top: 1em;
 border-top: 1px dotted #aaa; /* Hier eine optische Trennungslinie zwischen den einzelnen Bereichen der Subnavigation. */
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
 padding: 0;
 margin: 0.2em 0;
}

#subnav ul { margin: 0 0 1em 0; padding: 0; }
#subnav li { margin: 0 0 0 10px; padding: 0; list-style-type: none; }

/* - Her Hauptinhaltsteil - */
#main {
 height: 100%;
 background-color: #fff;
 padding: 0 20px 10px 20px;
 line-height: 1.5em; /* Zesseren Lesbarkeit erhöhen wir die Linienhöhe. */
 border-right: 1px dotted #aaa; /* Hiermit trennen wir optisch die Subnavigation vom eigentlichen Inhalt ab. */
}

.manage { font-size : 11px; }

/********************************************************************
 * CSS rules which may be present in html code that gunther generates
 * from page content. These should always be present but maybe edited
 * at will.
 ********************************************************************/
 
font,th,td,p	{ font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited	{ color: #50742F; text-decoration: none; }
a:hover			{ text-decoration: underline; color:#B21838;}
hr				{ height: 0px; border: solid #D1D7DC 0px; border-top: 1px solid #D1D7DC;}

pre {	color : #333333; border: 1px #98AAB1 solid;
		background-color: #F3F3F3;
		border-width: 1px;
		margin: 22px; padding: 10px;
		font-size : 10 px;
	}

h1, h2, h3, h4, h5, h6 { /* Bereits oben definiert */ }
h2, h3, h4, h5, h6 { margin-bottom: 0; }

.tableheader { background-color: #EFEFEF;
			border-bottom: 1px #A9BBC2 solid;
			border-right: 1px #A9BBC2 solid;
			font-weight: bold; }
.tablecell { background-color: #FFFFFF;
			border-bottom: 1px #A9BBC2 solid;
			border-right: 1px #A9BBC2 solid; }
.tableborder { background-color: #FFFFFF;
			border-top: 1px #A9BBC2 solid;
			border-left: 1px #A9BBC2 solid;
			font-size : 12px; }