/* ============================================================
Stylesheet für Seite bibliothek.html
Datei: bibliothek.css
Zieldatei: bibliothek.html
Datum: 03.07.2009
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: #003466;
   color: white;
   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: 150%; } 
h2 { font-size: 135%; }  
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;
}



/* =============================================
   1.3.3 Klassen definieren   */

.hervorgehoben {
   float:left;
   width: 50em;
   font-size: 110%;
   background-color: #fff9df;
   padding: 0 0 0 35px;
   border-top: 3px solid #f3c600;
   border-bottom: 3px solid #f3c600;
   margin: 10px;
 }

.suchformular {
 border: 0px solid #999;
 padding: 1px;
 width: 280px;
 text-align: center;
}

.suchformular2 {
 vertical-align: middle;
}

.suchformular3 {
 margin-right: 10px;
}

.float-left-ohne-rand {
  float:left;
  border: 0px; 
  padding-right: 20px; 
}

.bild-in-der-mitte {
  display:block;
  margin:0 auto;
}

.keinrand {
  border: 0px;
}


.linie {
  border-bottom: 1px solid #bbbbbb;
  width:665px;
}

.monat {
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold;
  margin-left: 7px;
  margin-top: -5px;
}

.tag {
   margin-left: 12px;
   margin-top: 3px;
}

.ueberschriftblog {
  width:570px;
  float:right; 
  color: black;
  margin-top: 10px;
}

.schwarzeueberschrift {
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
}

.identischefarbe {
  color: #ECF3F7;
}

.mittlereschrift {
  font-size: 1em;
}

.kleineschrift {
  font-size: 0.8em;
}

.sehrkleineschrift {
  font-size: 0.3em;
}

.linkforexpros {
  font-weight: bold;
    color: blue;
}

.derivatechecklink {
  font-size: 1.0em;
  font-weight: bold;
}

.bildlinks {
  float:left;
  text-align: center;
  padding: 3px;
  border: 0px solid #d9d9d9;
  border-bottom-color: #bbbbbb;
  border-right-color: #bbbbbb;
  margin-right: 5px;
  margin-left: 5px;
}

span.bildtext {
  display: block;
  font-size: 100%;
  margin-top: 15px;
}

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


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


#logobereich {
  position: relative;
  float: left;
  width: 237px; 
  height: 88px;
  border-top: 1px solid #bedaea;
  border-right: 0px solid #bedaea;
  border-bottom: 0px solid #bedaea; 
  border-left: 1px solid #bedaea;
  padding-top: 16px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
  margin-left: 10px;
  margin-top: 10px;
  color: #0000AB;
  background-color: #ffffff;
  letter-spacing: 0.34em;
}

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

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


#suchbereich {
  position: relative;
  float: left;
  width: 265px; 
  height: 45px;
  border-top: 0px solid #bedaea;
  border-right: 1px solid #bedaea;
  border-bottom: 1px solid #bedaea; 
  border-left: 0px solid #bedaea;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  color: #000000;
  background-color: #ffffff;
}



#menuebereich {
  position: relative;
  float: left;
  width: 693px; 
  height: 40px;
  border-top: 0px solid #bedaea;
  border-right: 0px solid #bedaea;
  border-bottom: 1px solid #bedaea; 
  border-left: 1px solid #bedaea;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  margin-left: 10px;
  color: #000000;
  background-color: #ffffff;
}


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


#kompletterhintergrund {
  float: left;
  width: 1000px;
  height: auto;
  border-top: 0px solid #8eb0c4;
  border-right: 0px solid #8eb0c4;
  border-bottom: 0px solid #8eb0c4; 
  border-left: 0px solid #8eb0c4;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #000000;
  background-color: #ebf4f9;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}


#textbereich1 {
  float: left;
  width: 800px;
  height: auto;
  border: 1px solid #bedaea;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 15px;
  color: #000000;
  background-color: #FFFFFF;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px; 
  line-height: 150%; 
}

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


#textbereich2 {
  float: right;
  width: 120px;
  height: 600px;
  border: 1px solid #bedaea;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  color: #000000;
  background-color: #FFFFFF;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

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

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


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


/* CSS zur Gestaltung der Tabelle aus Literatur */
  #litartur table { 
   background: #FFFFFF;
   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: blue;
      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 */






#fussbereich1 {
  float: left;
  width: 141px;
  height: 110px;
  border-top: 1px solid #bedaea;
  border-right: 1px solid #bedaea;
  border-bottom: 0px solid #222222; 
  border-left: 0px 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 #bedaea;
  border-right: 1px solid #bedaea;
  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 #bedaea;
  border-right: 1px solid #bedaea;
  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: 201px;
  height: 110px;
  border-top: 1px solid #bedaea;
  border-right: 0px 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: 475px;
  height: 67px;
  border-top: 1px solid #bedaea;
  border-right: 0px solid #000000;
  border-bottom: 1px solid #222222; 
  border-left: 0px 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 #bedaea;
  border-right: 0px solid #000000;
  border-bottom: 0px 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 #bedaea;
  border-right: 0px solid #000000;
  border-bottom: 0px 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: 99px;
  height: 74px;
  border-top: 1px solid #bedaea;
  border-right: 0px solid #000000;
  border-bottom: 0px 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: 1000px;
  height: 20px;
  color: #FFFFFF;
  letter-spacing: 0.2em;
  font-size: 75%;  
}


#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;}