* {
    padding: 0;      /* Zwischenabstände auf Null setzen */
    margin: 0;       /* Aussenabstände   auf Null setzen */
}

body {  /* bleibt */
        /* font-family: Arial, sans-serif; */
    /* btext-align: center; */
    background-color: #92C6ED; /*Hintergrundfarbe ganzer Bildschirm*/
    background-image: url(../00_images/back010.gif);  /* Hintergrundbild ganzer Bildschirm */
    /* background-image: url(../bilder/winter03.jpg);                    /* Hintergrundbild ganzer Bildschirm */
    background-attachment: fixed; /* Hintergrund scrollt nicht mit - feststehender Hintergrund */
}
header, nav, section, footer, aside {
    display: block;        /* Alle Elemente als Blockelement */
}
header {
    /*background-color: green;    */
    background-image: url(../00_images/headerbild01.jpg);     /* headerbild oben */
    height: 188px;         /*headerbild höhe */
    color:black ;         /* Schriftfarbe */
}
header p {
    /* padding-left: 10px; Steuerung nach rechts verschieben */
    /* text-align: right; */
    /* padding:1.6em;         Schrift nach unten rücken*    */

}

.headerbild {
    margin-top: 0em;
    margin-left: 20px;
    color: #FFFFFF;
}

.ffw {
    margin-top: 40px;
}

.logo {
    margin-top: 10px;
}

article {
    margin-left: 250px;                    /* Abstand nach links                        */
    /* background-color: #FFE1F8;             Hintergrundfarbe in section_01a           */
    background-image: url(../87_images/back002.gif);
    padding-left: 10px;;                   /* Schriftabstand links in der section_01b   */
}

.sie_sind_hier {
}

#mittig {   /*bleibt*/
    background-image: url(../00_images/back002.gif);  /*  */
    /* background-color: #F5E3BB; */
    width: 1280px;    /* Breite der Bildschirmausgabe - ist schon im body*/
    margin: 0px auto; /* 0px=Abstand oben und unten, auto ist Abstand links und rechts, Bildschirmausgabe wird mittig gesetzt*/
    text-align: left; /* Text nach links */
    border-left-width: 1px;        /* Strich links */
    border-left-style:solid;       /* einfacher Strich */
    border-left-color:#664466;     /* Strichfarbe */
    border-right-width:1px;        /* Strich rechts */
    border-right-style:solid;      /* einfacher Strich */
    border-right-color:#664466;    /* Strichfarbe */
}

#inhaltsbereich{

}


/* Anfang Navigation auf der linken Seite - Hauptnavigation */
nav {

    /* background-color: #C0C0C0; */
    width: 250px;                   /* Größe der Steuerung auf der linken Seite */
    float: left;                    /* Die Steuerung darf umflossen werden */
    /*border-right: 1px solid silver;  senkrechter Strich rechts bei den Links */
    display: block;
}

nav a {
    color: #000000;
    text-decoration: none;       /* Unterstriche bei den Links entfernen*/
    border-top: 1px solid black;

    padding: 2px 2px 2px 10px;    /*Schriftabstand im Rahmen*/
    border-right: 15px solid #808080; /* */
    margin: 1px;        /*  Abstand der Steuerung von links nach rechts und oben nach unten*/
    display: block;
}

nav a:visited {
    border-right: 15px solid #664466;
}


nav a:hover   {
    background-color: #FFC000;
    border-right: 15px solid red; /**/
    color: #000080;
}

nav ul {
    border-bottom: 1px solid black;
    margin-top: 0px;     /* Menüabstand zum Header */
    list-style-type: none;/* Punkte weg im Menue  */
}
#hauptmnenue {
    display: block;
    padding-left: 5px;   /*Steuerzung nach rechts verschieben*/
}
.hauptmenue_li {
    background-color: #C0C0C0;
}
/* Ende   Navigation auf der linken Seite - Hauptnavigation */





/* Anfang der Sectionen */
/* ------------------------------------------------------------------ */
section {
     /* background-color: orange; */    /* für section 1+2+nav        */
     /* margin-right: 0.5em;          Schriftabstand zum rechten Rand */
}

/* ------------------------------------------------------------------ */


/* ---------------------------------------------------------------- */
/* Ende der Sectionen */






/* Anfang für Formular*/

/*   Ende für Formular*/


/* Anfang für die Bilder */
.bildlinks {                   /* Bild linke Seite */
    background-color: white;   /* Hintergrundfarbe Bild*/
    padding: 1em;              /* Abstand ums Bild - margin=Aussenabstand, padding ist Innenabstand*/
    /*margin-left: 1em;           Abstand nach links zu Schrift*/
    margin-right: 1em;         /* Abstand nach rechts zu Schrift*/
    border: 1px solid black;   /* Rahmen ums Bild - stärke, solid=strich(nicht gepunktet) Farbe*/
    float: left                /* Bild nach links und soll umflossen werden*/
}

.bildlinks-rahmen {
    background-color: white;   /* Hintergrundfarbe Bild*/
    border: 1px solid black;
    border-collapse:collapse;  /* Entfernt Zwischenräume zwischen den einzelnen Tabellen */
    /*margin-left: 1em;           Abstand nach links zu Schrift*/
    margin-right: 1em;         /* Abstand nach rechts zu Schrift*/
    float: left;
    padding: 20px;             /* Zwischenabstand */
    text-align: center;
}

.bildcenter-rahmen {
    background-color: white;   /* Hintergrundfarbe Bild*/
    border: 1px solid black;
    border-collapse:collapse;  /* Entfernt Zwischenräume zwischen den einzelnen Tabellen */
    /*margin-left: 1em;           Abstand nach links zu Schrift*/
    margin-right: 1em;         /* Abstand nach rechts zu Schrift*/
    
    padding: 20px;             /* Zwischenabstand */
    text-align: center;
}

.bildrechts {                /* Bild rechte Seite */
    background-color: #FFFFD4;   /* Hintergrundfarbe Bild*/
    padding: 1em;            /* Abstand ums Bild - margin=Aussenabstand, padding ist Innenabstand*/
    margin-left: 1em;        /* Abstand nach links zu Schrift*/
    border: 1px solid black ;/* Rahmen ums Bild*/
    float: right             /* Bild nach rechts und soll umflossen werden*/
}

.bildrechts-rahmen {
    background-color: white;   /* Hintergrundfarbe Bild*/
    border: 1px solid black;   /* Rahmen ums Bild */
    border-collapse:collapse;  /* Entfernt Zwischenräume zwischen den einzelnen Tabellen */
    margin-right: 1em;         /* Abstand nach rechts zu Schrift*/
    float: right;
    padding: 20px;             /* Zwischenabstand */
    text-align: center;
}
/* Ende   für die Bilder */


/* Ab hier Anfang für Farben im Text */
.orange {
    color: orange;
}
.gruen {
    color: #000000;
}
.rot {
    color:  #FF0000;
}
.schwarz {
    color:  #000000;
}
.blau {
    color:  #000000;
}
.grau {
    color: #787878;
}
/* Ab hier Ende   für Farben im Text */

/* Ab hier Anfang für Farben im Texthintergrund */
.roetlich {
    background-color: #FF5A5A;
    color: #000000;
}
.rot_back {
    background-color: #FF0000;
    color: #ffffff;
}
.lila {
    background-color: #803C80;
    color: #000000;
}
.gruenlich {
    background-color: #338033;
    color: #000000;
}
.gelblich {
    background-color: #F38C00;
    color: #000000;
}
.gelblich_FFCC99 {
    background-color: #FFCC99;
    color: #000000;
}
/* Ab hier Ende   für Farben im Texthintergrund */


footer {                          /*Fusszeile*/
     background-color: #808080;   /*         */
     height: 36px;                /* Höhe Fussbereich */
     background-image: url(../00_images/schatten-unten.jpg);
     background-repeat: repeat-x;  /*Grafik darf sich nicht wiederholen in x=senkrecht, y=waagrecht*/
     clear: both;           /* Über footer alles schließen*/
     font-size: 9pt;        /* Schriftgröße */
     color: #5E5E5E;        /* Schriftfarbe ohne Link*/
     text-align:center;     /* Text mittig ausrichten*/
     /*padding:0.4em;          Schrift nach unten rücken*/
     }

     #fussbereich {          /*bleibt*/
     line-height: 30px;      /* Zeilenhöhe in Bezug auf die Schrift*/
}



