/* erzeugt immer einen Scrollbalken => verhindert "Springen" der Seite im Firefox */
html {
    min-height: 101%;
}

body {
    color: black; 
    background: rgb(167,167,167) url(../navpic/background.jpg) repeat-y center top;
    margin: 0;
    padding: 0;
    font-size: 10pt; 
    font-family: Verdana,sans-serif;
    text-align: center;
}

/* Seite mit fester Breite (ergibt <= 800px bei vorhandener Scrollleiste */
div#Seite {
    width: 780px;
    margin: 0 auto;
    border: 0px solid gray;
    text-align: left;
    position: relative;
}

/* Seitenüberschrift (immer "DPSG Stamm von Galen Karlsruhe" in der Kopfzeile) */
h1 {
    color: rgb(0,30,130);
    margin: 0 10px 0 10px; 
    padding: 0.6em 1.5em 2.4em 180px;
    border-bottom: 1px solid silver;
    font-size: 1.5em;
}

/* feste Positionierung des DPSG-Logos oben links */
img#DPSG-Logo {
    position: absolute;
    top: 8px;
    left: 17px;
}

/* feste Positionierung des Stammes-Logos oben links */
img#Stammeslogo {
    position: absolute;
    top: 8px;
    right: 27px;
}

/* --------------- */
/* Kopf-Navigation */
/* --------------- */

div#Navigation_oben {
    position: absolute;
    top: 45px;
    margin: 0 10px;
    text-align: left;
    padding-left: 180px;
}

div#Navigation_oben img {
    border: 0;
    margin-right: 5px;
    padding: 0;
}

/* ---------------- */
/* Haupt-Navigation */
/* ---------------- */

ul#Navigation {
    float: left;
    background-color: rgb(225,225,225);
    width: 128px;
    margin: 0 0 0 10px; padding-left: 32px;
}

li.Navigation_Spacer {
    height: 1px;
    background-color: silver; 
    list-style: none;
    list-style-image: none;
}

li.Navigation_Eintrag {
    margin: 0; padding: 0;
    list-style-image: url(../navpic/list_bullet.png);
    list-style-position: outside;
}

li.Navigation_Eintrag a {
    display: block;
    font-weight: bold;
    color: rgb(0,30,130);
    text-decoration: none;
    padding: 4px;
}

li.Navigation_Eintrag a:hover {
    color: rgb(179,0,26);
    background-color: rgb(215,215,215);
    text-decoration: none;
}

li.Navigation_Eintrag span {
    display: block;
    font-weight: bold;
    color: rgb(0,30,130);
    background-color: rgb(205,205,205);
    padding: 4px;
}

li.Navigation_Eintrag span:hover {
    color: rgb(179,0,26);
}

/* ------------------------- */
/* Haupt-Navigation Jubiläum */
/* ------------------------- */

li.Navigation_Eintrag_Jub {
    margin: 0; padding: 0;
    list-style-image: url(../navpic/list_bullet.png);
    list-style-position: outside;
}

li.Navigation_Eintrag_Jub a {
    display: block;
    font-weight: bold;
    color: rgb(197,158,0);
    text-decoration: none;
    padding: 4px;
}

li.Navigation_Eintrag_Jub a:hover {
    color: rgb(179,0,26);
    background-color: rgb(215,215,215);
    text-decoration: none;
}

li.Navigation_Eintrag_Jub span {
    display: block;
    font-weight: bold;
    color: rgb(197,158,0);
    background-color: rgb(205,205,205);
    padding: 4px;
}

li.Navigation_Eintrag_Jub span:hover {
    color: rgb(179,0,26);
}

/* ------------------------ */
/* Haupt-Navigation Ebene 2 */
/* ------------------------ */

ul#Navigation li ul {
    margin: 5px;
    padding: 0;
}

ul#Navigation li ul li {
    list-style: none;
}

ul#Navigation li ul li a {
    font-weight: normal;
    color: rgb(0,30,130);
}

ul#Navigation li ul span {
    font-weight: normal;
}

/* ------------------------ */
/* Haupt-Navigation Ebene 3 */
/* ------------------------ */

ul#Navigation li ul li ul {
    margin: 5px;
    margin-left: 10px;
    padding: 0;
}

ul#Navigation li ul li ul li {
    list-style: none;
}

ul#Navigation li ul li ul li a {
    color: rgb(0,30,130);
}

/* ------------ */
/* Seiteninhalt */
/* ------------ */

div#Inhalt {
    margin: 0 10px 0 170px;
    padding: 0 10px;
}

p {
    padding: 0 10px;
    margin: 5px 0 0 0;
    text-align: justify;
}

p.subscript {
    color: rgb(80,80,80);
    font-size: 0.8em;
    text-align: right;
}

/* Hauptüberschrift mit Start-Wegzeichen */
div#Inhalt h2 {
    color: rgb(0,30,130);
    background: url(../navpic/start.png) no-repeat 0px 0.3em;
    font-size: 1.5em;
    padding-left: 2em;
}

/* Kapitelüberschrift: zentriert */
div#Inhalt h3 {
    color: rgb(0,30,130);
    font-size: 1.3em;
    background: none;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

div#Inhalt h4.wo {
    background: url(../navpic/lilie_wo_klein.png) no-repeat 8px 0px;
    padding: 0 28px;
}

div#Inhalt h4.ju {
    background: url(../navpic/lilie_ju_klein.png) no-repeat 8px 0px;
    padding: 0 28px;
}

div#Inhalt h4.pf {
    background: url(../navpic/lilie_pf_klein.png) no-repeat 8px 0px;
    padding: 0 28px;
}

div#Inhalt h4.ro {
    background: url(../navpic/lilie_ro_klein.png) no-repeat 8px 0px;
    padding: 0 28px;
}

div#Inhalt h4.lr {
    background: url(../navpic/lilie_lr_klein.png) no-repeat 8px 0px;
    padding: 0 28px;
}

div#Inhalt h4.st {
    background: url(../navpic/lilie_st_klein.png) no-repeat 8px 0px;
    padding: 0 28px;
}

div#Inhalt h4 {
    color: rgb(0,30,130);
    font-size: 1.0em;
    text-align: left;
    font-weight: bold;
    padding: 0 10px;
    margin-bottom: 3px;
}

/* Bullet-Liste im Seiteninhalt */
div#Inhalt ul {
    margin: 10px 10px 20px 25px;
    padding: 0 10px;
}

/* Abstandshalter, setzt float-Tags zurück */
div.Spacer {
    clear: both;
    padding: 0;
    margin: 0;
    height: 20px;
}

/* graue Box für Bilder, Logos etc. */
div.Box {
    border: 1px solid silver;
    background: rgb(240,240,240);
    padding: 5px 5px 3px 5px;
    margin: 5px 10px;
    float: left;
}

div.Box p {
    padding: 0;
    margin: 5px 0 0 0;
}

div.Box img {
    margin: 0;
    padding: 0;
}

/* Linkfarbe an restliches Layout anpassen */
div#Inhalt a:link {
    color: rgb(0,30,130);
    border: 0;
}

div#Inhalt a:visited {
    color: rgb(0,30,130);
    border: 0;
}

/* externer Link mit Symbol */
a.link_extern {
    background: url(../navpic/link_extern.gif) no-repeat 1px 4px;
    padding-left: 13px;
}

/* Telefonnummern: leicht grau und kursiv */
a.Telefon {
    font-style: italic;
    color: rgb(60,60,60);
}

p.Telefon {
    font-style: italic;
    color: rgb(60,60,60);
    padding: 0;
    margin: 0;
}

/* Adresse: leicht grau */
p.Adresse {
    color: rgb(60,60,60);
    padding-left: 2em;
    padding-top: 0.4em;
}

/* -------------------------- */
/* Box zur Auswahl der Stufen */
/* -------------------------- */
div.Stufenwahl-Box {
    margin: 20px auto;
    width: 180px;
    float: none;
}

div.Stufenwahl-Box p {
    padding: 12px 10px 12px 65px;
}

p#Stufe_Wo {
    background: url(../pic/wo.png) no-repeat 5px 3px;
}

p#Stufe_Wo a:link {
    color: rgb(250,100,36);
    text-decoration: none;
}

p#Stufe_Wo a:visited {
    color: rgb(250,100,36);
    text-decoration: none;
}

p#Stufe_Ju{
    background: url(../pic/ju.png) no-repeat 5px 3px;
}

p#Stufe_Ju a:link {
    color: rgb(0,0,221);
    text-decoration: none;
}

p#Stufe_Ju a:visited {
    color: rgb(0,0,221);
    text-decoration: none;
}

p#Stufe_Pf {
    background: url(../pic/pf.png) no-repeat 5px 3px;
}

p#Stufe_Pf a:link {
    color: rgb(25,140,0);
    text-decoration: none;
}

p#Stufe_Pf a:visited {
    color: rgb(25,140,0);
    text-decoration: none;
}

p#Stufe_Ro {
    background: url(../pic/ro.png) no-repeat 5px 3px;
}

p#Stufe_Ro a:link {
    color: rgb(255,0,0);
    text-decoration: none;
}

p#Stufe_Ro a:visited {
    color: rgb(255,0,0);
    text-decoration: none;
}

p#Stufe_Lr {
    background: url(../pic/lr.png) no-repeat 5px 3px;
}

p#Stufe_Lr a:link {
    color: rgb(250,185,0);
    text-decoration: none;
}

p#Stufe_Lr a:visited {
    color: rgb(250,185,0);
    text-decoration: none;
}

/* Bilder bekommen keinen Rahmen */
div#Inhalt img {
    border: 0;
}

/* automatische Fußzeile mit Ende-Wegzeichen */
div#Fusszeile {
    font-size: 0.7em;
    text-align: right;
    padding-top: 50px;
    padding-right: 10px;
    margin-bottom: 20px;
    margin-top: 1em;
    color: silver;
    background: url(../navpic/ende.png) no-repeat 608px 0px;
    clear: both;
}

div#Fusszeile span {
    border-top: 1px solid silver;
    margin-right: 2em;
    margin-top: 4em;
    overflow: visible;
}
 
div#Fusszeile span a:link {
    color: silver;
}

div#Fusszeile span a:visited {
    color: silver;
}