<!--

/* Stylesheet für die Audilogik-Seiten */

* { padding: 0; margin: 0; }

body {
   color: white; /* Schriftfarbe */
   background-color: #FFFFFF; /* Hintergrundfarbe */
   background-image: url(../images/back.gif);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small; /* Schriftgröße */
   }

/* ==================================
======== I. DIV-Bereiche ============
===================================*/


#wrapper {
   color: black;
   width: 500px; /* Breite des Inhaltsbereiches */
   margin-top: 50px;
   margin-right: auto; /* Abstand rechts automatisch */
   margin-bottom: 10px;
   margin-left: auto; /* Abstand links automatisch */
   padding: 5px;
   border: 1px solid #E3E3E1;
   }

#kopfbereich {
   text-align: center;
   position: relative;
   color: black;
   background-color: #E3E3E1;
   padding-top: 10px;
   padding-right: 20px;
   padding-bottom: 5px;
   padding-left: 20px;
   border-bottom: 5px solid #FFFFFF;
   }


/* Uhr --------------------------------------.*/

#Uhr {
     margin: 0 auto;
     padding: 3px;
     border: 0px none;
     font-size: 9pt;
     font-weight: bold;
     color: #000000;
}

#textbereich {
   padding-top: 20px;
   padding-right: 10px;
   padding-bottom: 20px;
   padding-left: 20px;
   border-top: 2px solid #CDCBC9;
   border-right: 1px solid #E3E3E1;
   border-bottom: 1px solid #E3E3E1;
   border-left: 1px solid #E3E3E1;
   }

#textbereich p {
   text-align: center;
   font-weight: bold;
   line-height: 1.5em;
   margin: 2em;
   }

/* Verschachtelter Selektor: nur die Grafik im Kopfbereich */

#fussbereich {
   padding: 20px;
   padding-top: 5px; /* Innenabstand oben, unterhalb Linie */
   border-top: 5px solid #FFFFFF; /* Rahmenlinie oben */
   margin-top: 5px; /* Außenabstand oben, oberhalb Linie */
   border: 1px solid #E3E3E1;
   border-bottom: 2px solid #CDCBC9;
   }

#copyright {
   text-align: center;
   color: #000000;
   font-size: 80%;
   font-weight: bold;
   padding: 10px;
   background-color: #E3E3E1;
   border-top: 5px solid #FFFFFF;
   }

#copyright a {
   color: #FFFFFF;
   text-decoration: underline;
   outline: none;
   }

#copyright a:active {
   color: #E3E3E1;
   }

#copyright a:hover {
   color: #E3E3E1;
   }

#copyright p {
   margin-top: 0.5em;
   margin-bottom: 0.25em;
   }


/* ==================================
=== II. Allgemeine HTML-Elemente ====
===================================*/

h1, h2, h3, h5, h6 {
   text-align: center;
   text-decoration: underline;
   color: #058F54;
   }
h1 {
   font-size: 150%;
   margin-bottom: 1em;}
h2 {
   font-size: 130%;
   margin-bottom: 1em;
   }
h3 {
   font-size: 110%;
   margin-top: 1em;
   margin-left: 1em;
   margin-bottom: 1em;
   }
h4 {
   font-size: 100%;
   text-align: center;
   text-decoration: none;
   color: #058F54;
   margin-bottom: 0.75em;
   }


address {
   text-align: center; /* zentrieren */
   font-size: 80%; /* Schriftgröße verkleinert */
   font-style: normal; /* normale Schrift, nicht kursiv */
   font-weight: bold; /* fett hervorgehoben */
   letter-spacing: 2px; /* Abstände zwischen den Buchstaben */
   line-height: 1.5em; /* Zeilenabstand */
   }

a { text-decoration: none; outline: none; } /* Unterstreichung entfernen */
a:link { color: #058F54; font-weight: bold; }
a:visited { color: #808080; font-weight: bold; }
a:hover, a:focus { text-decoration: underline; font-weight: bold; }
a:active { color: #808080; font-weight: bold; }

.green {
   font-weight: bold;
   color: #058F54;
   }

.bold {
   font-weight: bold;
   }

.center {
   text-align: center !important;
   font-weight: bold;
   }

p, ul {
   margin-top: 0 ;
   margin-right: 0 ;
   margin-bottom: 1em ; /* Abstand nach unten */
   margin-left: 0;
   }

ul ul {
   margin: 0;
   }

li {
   margin-top: 0.25em;
   margin-right: 0;
   margin-bottom; 0;
   margin-left: 3em; /* Abstand nach links */
   }

-->