/*CSS-Stylesheet */


/* setzt Schrifart, Schriftfarbe schwarz und Hintergrundfarbe weiß */
body {
 font-family: 'Times New Roman', sans-serif;
 color: #000000;
 background: #ffffff;
}
/* Allgemeine Tabelleneigenschaften: Kein Abstand der Zellenrahmen und Zusammenfallen dieser */
table {
 border-spacing: 0px;
 border-collapse: collapse;
}
/* Allgemeine Zelleneigenschaften: Schriftausrichtung oben sowie 10 Pixel Innenabstand */
td {
 vertical-align: top;
 padding: 10px;
}
/* Eigenschaften für Titelzelle: 10 Pixel Innenabstand und schwarzer Rahmen */
th {
 padding: 10px;
 border: 1px solid black;
}
/* Überschrift 2: unterstrichen */
h2 {
 text-decoration: underline;
 text-align: center;
}
/* Links: immer unterstrichen und fett, normal: schwarze Schrift; mit Maus: rote Schrift */
a {
 font-weight: bold;
 text-decoration: underline;
 color: #000000;
}
a:link {
 font-weight: bold;
 text-decoration: underline;
 color: #000000;
}
a:visited {
 font-weight: bold;
 text-decoration: underline;
 color: #000000;
}
a:hover {
 font-weight: bold;
 text-decoration: underline;
 color: #ff0000;
}
/* Querstriche: schwarz, 62% Breite, schwarzer Rahmen stellt Strich mit Höhe 2 Pixel dar; zudem noch etwas Abstand nach oben und unten */
hr {
 color: black;
 width: 62%;
 height: 0px;
 border: 1px solid #000000;
 margin-top: 25px;
 margin-bottom: 25px;
}
/* Anzeige-Container für Links in der Navigation: nimmt automatisch Pfeil als Hintergrund; lässt nach oben und unten
10 Pixel Innenabstand, nach links 16 Pixel (damit der Pfeil Platz hat); rückt ganze Navi 10 Pixel ein  */
div.navi {
 background: url(../pic/arrow_ico.gif) no-repeat center left;
 padding: 10px 0px 10px 16px;
 margin-left: 10px;
}
/* Analoger Container für zweite Ebene der Navigation; kleinere Schriftgröße + weitere Einrückung (25 Pixel)*/
div.subnavi {
 font-size: small;
 background: url(../pic/arrow_ico.gif) no-repeat top left;
 padding: 0px 0px 10px 16px;
 margin-left: 25px;
}
/* Container für Navigation der gerade ausgewählten Seite; Schrift dann in weiß und nicht unterstrichen; weißer Pfeil*/
div.active_navi {
 background: url(../pic/arrow_ico_white.gif) no-repeat center left;
 padding: 10px 0px 10px 16px;
 margin-left: 10px;
 color: white;
 font-weight: bold;
}
/* Analoger Container für aktiven Link in zweiter Navi-Ebene*/
div.active_subnavi {
 background: url(../pic/arrow_ico_white.gif) no-repeat top left;
 padding: 0px 0px 10px 16px;
 margin-left: 25px;
 color: white;
 font-weight: bold;
 font-size: small;
}
/* ID für die Zelle mit der Navigation; setzt Hintergrundfarbe, Rahmen und Linksausrichtung des Textes fest*/
#navi {
 text-align: left;
 background-color: #00cd13;
 border: 1px solid black;
 padding: 0px;
}
/* ID für Logo-Zelle; legt hauptsächlich deren Breite und den Rahmen sowie die mittige Ausrichtung fest*/
#logo {
 background-color: #FFFFFF;
 text-align: center;
 border: 1px solid black;
 padding: 0px;
 width: 200px;
}
/* ID für header-Zelle; legt eigentlich nur Rahmen fest*/
#header {
 border: 1px solid black;
 padding: 0px;
}
/* ID für Inhalts-Zelle; legt mittige Textausrichtung, weiße Hintergrundfarbe, Rahmen, Innenabstand und kleine Schriftart fest*/
#inhalt {
 text-align: center;
 background-color: white;
 border: 1px solid black;
 padding: 0px 10px 5px 10px;
 font-size: small;
}
/* ID für Haupttabelle; legt deren feste Breite fest*/
#main-table {
 width: 1100px;
}
/* Vorgaben für eine kleine Tabelle zur Strukturierung; Breite: 80%*/
table.sub-table {
 width: 80%;
}
/* legt Zelle mit grauem Rahmen fest*/
td.bordered-gray {
 border: 1px solid gray;
}
/* legt Tabelle fest, die z.b. zeitungsartikel aufnehmen kann; 80% Breite und graue Hintergrundfarbe*/
table.news {
 width: 80%;
 background-color: #c0c0c0;
}
/* Zelle für Zeitungsartikel; schwarzer Rahmen, links und rechts 10 Pixel Innenabstand, kleine Schrift in Blocksatz*/
td.news {
 border: 1px solid black;
 padding: 0px 10px 0px 10px;
 font-size: small;
 text-align: justify;
}
/* Bilder ohne Rahmen*/
img {
 border-width: 0px;
}
/* sorgt dafür, dass unter manchen Browsern (Chrome, Safari) die Nummerierung bzw. Aufzählungspunkte auch bei mittiger Zentrierung direkt vor dem Text steht*/
ol {
 list-style-position: inside;
}
ul {
 list-style-position: inside;
}
/* sorgt für Abstand zwischen einzelnen Aufzählungspunkten*/
li {
 margin-bottom: 20px;
}