/* ============================================================
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: black ;
    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: black ;
    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;
}


#textbereich1 {
  float: left;
  width: 958px;
  height: 30px;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 1px solid #000000;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  color: #000000;
  background-color: #ECF3F7;
}



#textbereich2 {
  float: left;
  width: 400px;
  height: 180px;
  border-top: 0px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 1px solid #000000;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  color: #000000;
  background-color: #ECF3F7;
}


#textbereich3 {
  float: left;
  width: 518px;
  height: 100px;
  border-top: 0px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 0px solid #000000;
  padding-top: 17px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  line-height: 2;
  color: #000000;
  background-color: #ECF3F7;
}

#textbereich4 {
  float: left;
  width: 518px;
  height: 43px;
  border-top: 0px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 0px solid #000000;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  color: #000000;
  background-color: #ECF3F7;
}

#textbereich5 {
  float: left;
  width: 943px;
  height: 30px;
  border-top: 0px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 1px solid #000000;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 35px;
  color: #000000;
  background-color: #ECF3F7;
}


#literatur {
  float: left;
  width: 800px;
  height: 1580px;
  border-top: 0px solid #dddddd;
  border-right: 0px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 1px solid #000000;
  padding-top: 30px;
  padding-right: 1px;
  padding-bottom: 0px;
  padding-left: 30px;
  color: #000000;
  background-color: #ECF3F7;
}


/* nun Einstellung der Literatur-Liste per CSS */


/* CSS zur Gestaltung der Tabelle aus Literatur */
  #litartur table { 
   background: #c0c0c0;
   color: black;
   margin-top: 30px;
   } 

  th, td {
    padding: 0.4em 0.4em 0.4em 0.4em;
    text-align: left;
    vertical-align: top;
}    
   tr { background-color: #e0e0e0; }

   th {
    font-family: Georgia, "Times Roman", serif;
    font-size: 110%;
    font-variant: small-caps;
    letter-spacing: 2px;
    font-weight: normal;
}
   thead {
     background-color: #f3c600;
     color: black;
     border-bottom: 1px solid #999999;
}
   tr.zebrastreifen {
      background-color: #ffeda0; color: black;
}
  tr:hover {
      background-color: yellow;
      color: white;
      border-bottom: 0px;
}
   thead tr:hover {
       background-color: transparent;
       color: inherit;
}


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

/* Ende CSS zur Gestaltung der Tabelle aus Literatur */


#textbereich7 {
  float: left;
  width: 139px;
  height: 1568px;
  border-top: 0px solid #dddddd;
  border-right: 1px solid #000000;
  border-bottom: 0px solid #000000; 
  border-left: 0px solid #000000;
  padding-top: 32px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 28px;
  color: #000000;
  background-color: #ECF3F7;
}

#textbereich7
  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: 204px;
  height: 58px;
  border-top: 1px solid #000000;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #222222; 
  border-left: 1px solid #000000;
  padding-top: 12px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 30px;
  color: #000000;
  font-size: 90%;
  background-color: #ffffff;
}

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

#fussbereich11 {
  float: left;
  width: 210px;
  height: 48px;
  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;
}


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

#fussbereich12 {
  float: left;
  width: 210px;
  height: 48px;
  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: white ;
    border-bottom: 0px solid;}
  a:active {
       letter-spacing: 0px;}

#fussbereich13 {
  float: left;
  width: 209px;
  height: 70px;
  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: 25px;
  color: #000000;
  font-size: 90%;
  background-color: #ffffff;
}

#fussbereich13
  a:hover,
  a:focus {
    letter-spacing: 0px;
    color: white ;
    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;}