* {
    padding: 0;      /* Zwischenabstände auf Null setzen */
    margin: 0;       /* Aussenabstände auf Null setzen */
}

body {
    background-image: url(../00_images/back000.jpg); /* Hintergrundbild ganzer Bildschirm */
    font-family: Arial, sans-serif;
    background-attachment: fixed;                  /* feststehender Hintergrund         */
    width: 1280px;                                 /* Breite der Bildschirmausgabe      */
    margin: 0px auto;                              /* 0px=Abstand oben und unten, auto ist Abstand links und rechts, Bildschirmausgabe wird mittig gesetzt*/
}

header, nav, section, footer {
    display: block;        /* Alle Elemente als Blockelement */
}

/* ------------------------------------------------------------------------------------ */

section {
    background-image: url(../00_images/back002.gif); /* Hintergrund                    */
    width: 1280px;                                /* Breite der Bildschirmausgabe       */
    margin: 0px auto; /* 0px=Abstand oben und unten, auto ist Abstand links und rechts  */
}

article {
    margin-left: 0px;                    /* Abstand nach links                        */
    /* background-color: #FFE1F8;             Hintergrundfarbe in section_01a           */
    background-image: url(../00_images/back002.gif);
    padding-left: 00px;;                   /* Schriftabstand links in der section_01b   */
}



/* ------------------------------------------------------------------------------------ */

header {
    /*background-color: green;                                                          */
    background-image: url(../00_images/001a_headerbild.jpg);   /* headerbild oben       */
    height: 188px;                                      /* headerbild höhe              */
    color:white ;                                       /* Schriftfarbe                 */
}

header p {                          /* ------------------------------------------------ */
    padding-left: 10px;             /* Steuerzung nach rechts verschieben               */
    padding:0.4em;                  /*Schrift nach unten rücken                         */
}

/* ------------------------------------------------------------------------------------ */

nav {

    /*background-color: #C0C0C0; */
    width: 210px;                   /* 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 2px;    /*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: 10px;     /* Menüabstand zum Header */
    list-style-type: none;/* Punkte weg im Menue  */
}

#hauptmnenue {
    display: block;
    padding-left: 10px;   /*Steuerzung nach rechts verschieben*/
}

/* ------------------------------------------------------------------------------------ */

 .aktiv {
    font-weight: bold;
    color: #006400;
    border-bottom: 2px solid #006400;
}
.gruen {
    color: green;
}
.rot {
    color: red;
}


/****************************************************************************************/

#fussbereich {
     line-height: 30px;            /* Zeilenhöhe in Bezug auf die Schrift                           */
}

footer {
     background-color: #B8B8B8;    /*                                                               */
     height: 20px;                 /*  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-family: Arial, sans-serif;
     font-size: 15px;
     color: #5E5E5E;               /* Schriftfarbe ohne Link                                        */
     text-align:center;            /* Text mittig ausrichten                                        */
     padding: 0.5em;               /* Schrift nach unten rücken                                     */
 }