* {
    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: 260px;                    /* Abstand nach links                        */
    background-image: url(../00_images/back002.gif);
    padding-left: 00px;;                   /* Schriftabstand links                      */
    font-family:'Comic Sans MS', 'VERDANA', 'ARIAL', 'HELVETICA';
}



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

header {
    background-color: green;
    background-image: url(../00_images/001a_headerbild.jpg);
    height: 188px;
    color:white ;
}

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

#mittig {   /* bleibt */
    background-image: url(../images/back002.gif);

}

/* ------------------------------------------------------------------------------------ */
/* -------- Anfang Navigation auf der linken Seite - Hauptnavigation ------------------ */

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

.hauptnavigation {                   /* ----------------------------------------------- */
    list-style-type: none;           /* Punkte weg im Menue                             */
}

nav {                                /* ----------------------------------------------- */
    width: 250px;                    /* Größe der Steuerung auf der linken Seite        */
    float: left;                     /* Die Steuerung darf umflossen werden             */
    font-family:'Comic Sans MS', 'VERDANA', 'ARIAL', 'HELVETICA';
    font-size: 15px;
    /* border-right: 1px solid silver;  senkrechter Strich rechts bei den Links         */
    /* background-image: url(../images/back026b.jpg);                                    */
    display: block;
}

nav a {
    color: #000000;
    text-decoration: none;
    border-top: 1px solid black;
    padding: 1px 1px 1px 5px;
    border-right: 15px solid #808080;
    margin: 1px;
    display: block;
    line-height: 1.8em; /* ? Hier kannst du die Zeilenhöhe steuern */
}

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                             */
}                                    /* ----------------------------------------------- */

/* -------- Ende   Navigation auf der linken Seite - Hauptnavigation ------------------ */
/* ------------------------------------------------------------------------------------ */




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

#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                                     */
 }