* {
    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                         */
}

/* ------------------------------------------------------------------------------------ */

#hauptmnenue {
    display: block;
    padding-left: 0; /* Kein unnötiger Versatz */
}

nav {

    /* background-color: #C0C0C0;                                                       */
    width: 230px;                   /* Größe der Steuerung auf der linken Seite         */
    font-family: Arial, sans-serif;
    font-size: 13px;
    float: left;                    /* Die Steuerung darf umflossen werden              */
    border-right: 1px solid black;  /* senkrechter Strich rechts bei den Links          */
    border-left: 1px solid black;   /* senkrechter Strich links  bei den Links          */
    display: block;
}

nav a  {                                /*                                              */
    color: #000000;
    text-decoration: none;              /* Unterstriche bei den Links entfernen*/
    padding: 12px 2px 2px 33px;         /* Schriftabstand im Rahmen*/
    margin: 1px;                        /* Abstand der Steuerung von links nach rechts und oben nach unten*/
    display: block;
    height: 33px;
    background-image: url(../00_images/001a_menue.gif);
}

nav a:visited {
    /*border-right: 15px solid #664466;                                                 */
    color: #000000;                      /* #4B4B55                                     */
    height: 33px;
    background-image: url(../00_images/001c_menue.gif);
}


nav a:hover   {
    /*background-color: #FFC000;                                                        */
    /*border-right: 15px solid red;                                                     */
    color: #ffffff;
    height: 33px;
    background-image: url(../00_images/001b_menue.gif);
}


nav ul {
    /* border-bottom: 1px solid black;                                                  */
    margin-top: 10px;                /* Menüabstand zum Header                          */
    list-style-type: none;           /* Punkte weg im Menue                             */
}                                    /* ----------------------------------------------- */

/* ------------------------------------------------------------------------------------ */




/****************************************************************************************/

#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                                     */
 }





