/* Haupteigenschaften der Seite */
body {
        background-color: rgb(153,153,153);
        font-family: Times, serif;
        font-size: 1em;
}

/* main beschreibt die Hauptbox, in der sich alle anderen
Elemente befinden. Sie wird zentriert. */
#main {
        background-color: rgb(255,255,255);
        width: 900px;
        height: 700px;
        border: 1px solid rgb(0,0,0);
        position: absolute;
        left: 50%;
        margin-left: -450px;
        z-index: 1;
}


/* KOPFBEREICH */

     /* Oberes div */
        #top {
             background-color: rgb(255,255,255);
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 70px;
             z-index: 6;
        }

             /* Position und Eigenschaften des Mottos */
           #top_quality {
                 color: rgb(255,0,0);
                 font-family: Garamond;
                 margin: 10px 0 0 70px;
           }

           /* Position und Eigenschaften des Logos */
           #top_logo_top {
                 position: absolute;
                 right: 10px;
                 top: 6px;
                 z-index: 7;
           }

           #top_logo_bottom {
                 position: absolute;
                 right: 7px;
                 top: 71px;
                 z-index: 7;
           }

     /* Die Navigationsleiste */
        #navigation {
                 background-color: rgb(0,51,153);
                 position: absolute;
                 top: 71px;
                 left: 0;
                 width: 100%;
                 border-top: 1px solid rgb(0,0,0);
                 border-bottom: 1px solid rgb(0,0,0);
                 height: 30px;
                 z-index: 3;
                 font-family: Times, serif;
                 font-size: 1.1em;
        }

             /* Eigenschaften der einzelnen Navigationsbutton-Bereiche */
             .nav_button {
                 float: left;
                 margin: 3px 0 0 25px;
           }

                   /* Der erste Button wird weiter vom Rand links weggeschoben */
                     #nav_button_first {
                         margin-left: 40px;
                   }


                 /* Eigenschaften der einzelnen Navigationslinks */
                   .nav_link:link, .nav_link:visited, .nav_link:active {
                         color: rgb(255,255,255);
                         text-decoration: none;
                         font-weight: bold;
                   }

                   .nav_link:focus {
                         color: rgb(255,0,0);
                         text-decoration: underline;
                         font-weight: bold;
                   }

                   .nav_link:hover {
                         color: rgb(255,0,0);
                         text-decoration: underline;
                         font-weight: bold;
                   }

                   #nav_link_active {
                         color: rgb(255,0,0);
                         font-weight: bold;
                         text-decoration: none;
                   }


/* HAUPTBEREICH */

     /* Logo für die aktuell aufgerufene Seite */
     #left {
           position: absolute;
           top: 97px;
           left: 0px;
           width: 95px;
           z-index: 2;
     }

     /* Der eigentliche Seiteninhalt */
     #content {
           position: absolute;
           overflow: auto;
           top: 102px;
           height: 598px;
           left: 96px;
           z-index: 5;
           width: 805px;
     }

     #content_first {
           position: absolute;
           overflow: auto;
           top: 102px;
           height: 598px;
           left: 0px;
           z-index: 5;
           text-align: center;
           width: 100%;
     }

     #index_logo {
         margin-top: 90px;
     }



/* FUSSBEREICH */

        /* Eigenschaften und Position des Footers mit Firmeninformationen */
     #footer {
           position: absolute;
           top: 710px;
           left: 0px;
           background-color: rgb(255,255,255);
           width: 900px;
           height: 20px;
           border: 1px solid rgb(0,0,0);
           z-index: 6;
           font-size: 0.9em;
           text-align: center;
     }

             #impressum_link:link, #impressum_link:visited, #impressum_link:active {
                 font-weight: bold;
                 text-decoration: none;
             }

             #impressum_link:hover {
                 font-weight: bold;
                 text-decoration: underline;
                 color: rgb(255,0,0);
             }

             .mail:link, .mail:visited, .mail:active {
                 font-weight: normal;
                 text-decoration: none;
             }

             .mail:hover {
                 font-weight: none;
                 text-decoration: underline;
                 color: rgb(255,0,0);
             }


/* SONSTIGE ELEMENTE */

         .h3_headline {
                 font-size: 1em;
                 margin: 25px 0px 0px 0px;
         }

         .p_single_element {
                 margin: 0;
                 font-size: 0.9em;
         }

         .span_headline {
                 font-weight: bold;
         }

         .textbox_standard {
                 width: 700px;
                 text-align: justify;
         }