/* ============================================================
Stylesheet für Seite index.html
Datei: index.css
Zieldatei: index.html
Datum: 12.06.2008
Autor: Michael Riehm

Aufbau: 1. Kalibrierung und allgemeine Styles
        2. Styles für Layoutbereiche
        3. Sonstiges Styles
============================================================ */

/* ======================================================
   1. Kalibrierung und allgemeine Styles
   =================================================== */


/* ==============================================
   1.1 - Reset
   ============================================== */
* { padding: 0; margin: 0; }


/* ==============================================
   1.2 - Restaurierung 
   ============================================== */





/* ==========================================
   1.3 - Grundlegende Formatierung  
   ======================================= */


/* =============================================
   1.3.1 html und body */

/* Bildlaufleiste im Firefox immer zeigen */
html { height: 101%; }


body {
   background-color: #ffffff;
   color: black;
   background-image: url(hintergrund.jpg);
   background-repeat: repeat-x;
   background-attachment: scroll; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 75%;
}


/* =============================================
   1.3.2 Schriftformatierung für Überschriften   */

/* Serifenschrift für Überschriften, inkl. h1 (alt-Text) */
h1, h2, h3, h4, h5, h6 {
   font-family: Arial, Georgia, "Times New Roman", serif;
   font-weight: bold; 
}

/*  Überschriften Größen anpassen */
h1 { font-size: 200%; } 
h2 { font-size: 150%; }  
h3 { font-size: 125%; }  
h4 { font-size: 112%; }  
h5 { font-size: 87%; } 
h6 { font-size: 75%; }
h7 { font-size: 62%; }

/* Hyperlinks allgemein */

a { text-decoration: none; outline: none; }

a:link { color: #000000; }
a:visited { color: #000000; }

a:hover,
a:focus {
  border-bottom: 1px solid #000000;
}

a:active {
  color:#000000;
  letter-spacing: 0px;
}



/* ========================================================
   2. Styles für Layoutbereiche
   ===================================================== */


#wrapper {
  color: black;
  width: 1000px; /* Breite des Inhaltsbereiches */
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
}


#logobereich {
  position: relative;
  float: left;
  width: 262px; 
  height: 98px;
  border-top: 1px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 1px solid #000000;
  padding-top: 6px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 3px;
  color: red;
  background-color: #ffffff;
}

#werbungsbereich {
  position: relative;
  float: left;
  width: 725px; 
  height: 88px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 0px solid #000000;
  padding-top: 6px;
  padding-right: 8px;
  padding-bottom: 10px;
  padding-left: 0px;
  margin-left: 0px;
  color: red;
  background-color: #ffffff;
}



#menuebereich1 {
  position: relative;
  float: left;
  width: 673px; 
  height: 20px;
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 1px solid #000000;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 5px;
  color: red;
  background-color: #ffffff;
}


#menuebereich1
  a:hover,
  a:focus {
    letter-spacing: 0px;
    color: white ;
    border-bottom: 0px solid;}
  a:active {
       letter-spacing: 0px;}


#menuebereich2 {
  position: relative;
  float: left;
  width: 28px; 
  height: 35px;
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 0px solid #000000;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: red;
  background-color: #ffffff;
}

#menuebereich2
  a:hover,
  a:focus {
    letter-spacing: 0px;
    color: white ;
    border-bottom: 0px solid;}
  a:active {
       letter-spacing: 0px;}


#menuebereich3 {
  position: relative;
  float: left;
  width: 279px; 
  height: 37px;
  border-top: 0px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 0px solid #000000;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 13px;
  color: red;
  background-color: #ffffff;
}


/* =============================
    Hervorgehobene Testpassagen
    ============================ */
.hervorgehoben-lang {
   float:left;
   width: 45em;
   font-size: 110%;
   background-color: #fff9df;
   padding: 0 0 0 35px;
   border-top: 3px solid #f3c600;
   border-bottom: 3px solid #f3c600;
   margin: 10px;
 }


#textbereich1 {
  float: left;
  width: 790px;
  height: 1656px;
  border-top: 1px solid #dddddd;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 1px solid #000000;
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #000000;
  background-color: #ECF3F7;
  line-height: 1.5;
}

#textbereich1
  a:hover,
  a:focus {
    letter-spacing: 0px;
    color: blue ;
    border-bottom: 1px solid;}
  a:active {
       letter-spacing: 0px;}


#textbereich2 {
  float: left;
  width: 140px;
  height: 1626px;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 0px solid #000000;
  padding-top: 50px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 58px;
  color: #000000;
  background-color: #ECF3F7;
}

#textbereich2
  a:hover,
  a:focus {
    letter-spacing: 0px;
    color: white ;
    border-bottom: 0px solid;}
  a:active {
       letter-spacing: 0px;}



#fussbereich1 {
  float: left;
  width: 140px;
  height: 110px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #222222; 
  border-left: 1px solid #000000;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 50px;
  color: #000000;
  background-color: #ffffff;
  font-size: 90%;
  line-height: 1.7;
}

#fussbereich2 {
  float: left;
  width: 390px;
  height: 110px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #222222; 
  border-left: 0px solid #000000;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 35px;
  color: #000000;
  background-color: #ffffff;
  font-size: 90%;
  line-height: 1.7;
}

#fussbereich3 {
  float: left;
  width: 120px;
  height: 110px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #222222; 
  border-left: 0px solid #000000;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 30px;
  color: #000000;
  background-color: #ffffff;
  font-size: 90%;
  line-height: 1.7;
}


#fussbereich4 {
  float: left;
  width: 200px;
  height: 110px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #222222; 
  border-left: 0px solid #000000;
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 12px;
  padding-left: 30px;
  color: #000000;
  font-size: 90%;
  background-color: #ffffff;
}


#fussbereich10 {
  float: left;
  width: 474px;
  height: 67px;
  border-top: 1px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #222222; 
  border-left: 1px solid #000000;
  padding-top: 7px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  color: #000000;
  font-size: 100%;
  background-color: #ffffff;
}

#fussbereich10
  a:hover,
  a:focus {
    letter-spacing: 0px;
    color: black ;
    border-bottom: 0px solid;}
  a:active {
       letter-spacing: 0px;}

#fussbereich11 {
  float: left;
  width: 210px;
  height: 55px;
  border-top: 1px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #222222; 
  border-left: 0px solid #000000;
  padding-top: 7px;
  padding-right: 0px;
  padding-bottom: 12px;
  padding-left: 5px;
  color: #000000;
  font-size: 90%;
  background-color: #ffffff;
}


#fussbereich11
  a:hover,
  a:focus {
    letter-spacing: 0px;
    color: black ;
    border-bottom: 0px solid;}
  a:active {
       letter-spacing: 0px;}

#fussbereich12 {
  float: left;
  width: 110px;
  height: 52px;
  border-top: 1px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #222222; 
  border-left: 0px solid #000000;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 12px;
  padding-left: 55px;
  color: #000000;
  font-size: 90%;
  background-color: #ffffff;
}


#fussbereich12
  a:hover,
  a:focus {
    letter-spacing: 0px;
    color: black ;
    border-bottom: 0px solid;}
  a:active {
       letter-spacing: 0px;}

#fussbereich13 {
  float: left;
  width: 98px;
  height: 74px;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #222222; 
  border-left: 0px solid #000000;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 36px;
  color: #000000;
  font-size: 90%;
  background-color: #ffffff;
}

#fussbereich13
  a:hover,
  a:focus {
    letter-spacing: 0px;
    color: black ;
    border-bottom: 0px solid;}
  a:active {
       letter-spacing: 0px;}


#fussbereich20 {
  float: left;
  width: 1px;
  height: 5px;
}


#fussbereich1 a:visited { border-bottom: 0px solid;}
#fussbereich1 a:hover { border-bottom: 0px solid; color: blue;}  
#fussbereich1 a:active { border-bottom: 0px solid;}

#fussbereich2 a:visited { border-bottom: 0px solid;}
#fussbereich2 a:hover { border-bottom: 0px solid; color: blue;}    
#fussbereich2 a:active { border-bottom: 0px solid;}

#fussbereich3 a:visited { border-bottom: 0px solid;}
#fussbereich3 a:hover { border-bottom: 0px solid;}  
#fussbereich3 a:active { border-bottom: 0px solid;}