/* -- Allgemeines -- */
body {
 background: #FF9900; /* Hintergrundfarbe */
 color: black; /* Schriftfarbe */
 margin: 0;
 padding: 3px; /* Abstand zwischen Text und Rand */
 min-width: 640px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen */
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family: verdana, arial, sans-serif;
}
a { color: #0B4D8C; text-decoration: underline; } /* farbe der unbesuchten Links */
a:visited { color: #3333FF; } /* Besuchte Links */
.skip { /* Da ein wichtiger Screenreader das display: none; auch fälschlicherweise für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
 position: absolute;
 margin-left: -10000px;
}
h1 { /* Seitenueberschrift */
 font-size: 3em;
 line-height: 0.8em;
 padding: 20px 0 10px 0;
 margin: 0 20px;
 border-bottom: 1px dashed #aaa;
 color: #996633;
 font-weight: bold;
}
h2 { /* h2 darf unten nicht so viel Abstand zum Text haben (fuer IE speziell geloest in ielte.css */
 padding-top: 10px;
 line-height: 0px;
}
h2, h3, h4, h5, h6 { /* Alle Überschriften (ausser h1) sind schwarz */
 color: black;
}
img {
 padding: 1px;
 max-width: 95%; /* gute Broser machen ein zu großes Bild, welches das Design sprengen würde, funktioniert beim IE leider nicht */
 border: 0;
}
.fleft { /* Sachen an denen der Text vorbeifließen soll werden diese Klassen zugewiesen. */
 float: left;
 margin: 0 1em 0.2em 0;
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}


/* -- Layoutspezifisches -- */
#container {
 font-size: 0.8em; /* Textgrösse */
 max-width: 900px; /* fuer IE speziell geloest */
 margin: auto; /* Seite zentrieren */
 border: 1px solid #aaa; /* Rand */
 background: white;
}

/* - Logo bzw. Kopf - */
#logo {
 background: url(../pics/title.jpg) no-repeat; /* einmal das Bild einfuegen */
 height: 100px; /* Hoehe des Logos */
 padding: 0 20px;
 text-align: right;
 line-height: 54px;
 font-size: 54px; /* Schrfitgroesse Logo */
 overflow: hidden; /* Mozilla könnte den Text unverhältnissmäßig zum Hintergrund verändern. Alles was herausragt abschneiden. */
 letter-spacing: -3px; /* Abstand der Zeichen */
 margin: 0; /* Manche Browser haben das schon voreingestellt aber nicht alle, deshalb vereinheitlichen wir das. */
}
#logo a {
 color: white; /* Logofarbe. Logo ist ein Link auf die Startseite */
 text-decoration: none;
}
#logo a span { /* Der letzte Buchstabe soll invertiert dargestellt werden. */
 color: black;
 background: transparent;
 padding-right: 0.1em; /* damit das weiße rechts und links genau so breit ist. */
 font-weight: normal;
 vertical-align: middle;
}

/* - Menü - */
#menu { 
 background: #996633;
 padding: 5px 5px;
 margin: 0;
 text-align: right;
 color: white; /* Farbe des altuellen Menupunktes (ist kein Link) */
}
#menu li {
 font-size: 1.2em;
 display: inline; /* Menupunkte nebeneinander, nicht untereinander. */
 list-style-type: none; /* bullets abschalten */
 border-left: 1px solid white;
 padding: 0 15px 0 10px;
 font-weight: bold;
}
#menu li a {
 color: white; /* Farbe der anderen Menupunkte */
 text-decoration: none;
}

/* - Subnavigation, Rechte Spalte - --NUR bei beta2--*/
#subnav {
 width: 250px; /* Breite der rechten Spalte auf der Startseite */
 float: right;
 padding: 70px 20px 70px 10px; /* Abstand zu den Seitenraendern */
 margin: 10px 0 0 0; /* Abstand zwischen der vertikalen Linie und dem oberen Rand */
 border-left: 1px dotted #aaa; /* Trennlinie links */
 font-size: 0.9em; /* Die Schriftgröße setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
}
#subnav dt { /* Ueberschriften in der Subnavigation */
 font-family: verdana, arial, sans-serif;
 font-weight: bold;
 padding: 0.5em;
 margin-top: 1em;
 border-top: 1px dotted #aaa;
}
#subnav dd { /* Unterpunkte der Subnavigation. */
 padding: 0;
 margin: 0.5em 0;
}

/* - Her Hauptinhaltsteil - --NUR auf Startseite, kann ersetzt werden durch flexible Boxen--*/
#main {
 background: white;
 padding: 1px 300px 10px 20px; /* 300px Platz fuer Subnavigation */
 line-height: 1.5em; /* Linienhöhe. */
}

#title {
 background: white;
 font-size: 3em;
 line-height: 0.8em;
 padding: 20px 0 10px 5%;
 margin: 0 20px;
 border-bottom: 1px dashed #aaa;
 color: #996633;
 font-weight: bold;
}


/* - flexible Boxen - */
#left {
	line-height: 1.5em;
	margin: 10px 0 0 0;
}

#right {
 line-height: 1.5em; /* Linienhöhe. */
 float: right;
 padding: 20px 20px 70px 20px; /* Abstaende zwischen Inhalt und Rand der Box (oben, rechts, unten, links) */
 margin: 10px 0 0 0; /* Abstand zwischen der vertikalen Linie und dem oberen Rand */
 border-left: 1px dotted #aaa;
}

#inright {
 margin-top: 20px;
 line-height: 1.5em; /* Zesseren Lesbarkeit erhöhen wir die Linienhöhe. */
 border-top: 1px dashed #aaa;
}