/*
Stylesheet für die Website von Christian Hertig                      ######    
--C--H-----H--O--M--E--P--A--G--E--S----S--Z--B-/--E--R--Z--        ##    ##   ##
Stand: 2008                                                        ##     #######
Autor: Christian Hertig                                             ##    ##   ##
Datum: 10. November 2008                                             ######    
Aufbau: 1. Kalibrierung und allgemeine Styles
        2. Syles für Layoutbereiche
        3. Sonstiges Styles
____________________________________________________________ */
   
/* =====================================
   1. Kalibrierung und allgemeine Styles
   ===================================== */
   
/*=== Kalibrierung der wichtigen Abstände ===*/
* { padding: 0; margin: 0; }
h2, p, ul, ol { margin-bottom: 1em; } /* Abstand nach unten */
ul ul { margin-bottom: 0; } /* Verschachtelte Listen ohne Absatz */
li { margin-left: 20px; } /* Abstand von Links */

/*=== Allgemeine Selektoren ===*/

html { height: 101% } /* erzwingt Scrollbar im Firefox */
body { /*Gestalte das HTML- Element mit dem Namen Body */
  color: white; /* Schriftfarbe */
  background-color: #96B2D7; /* Hintergrundfarbe */
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  font-size: normal; /* Schriftgröße */
}

h1 { font-size: 180%; }
h2 { 
  font-size: 180%; 
  font-family: Cambria, Georgia, "Times New Roman", Helvetica, sans-serif;
  padding-bottom: 5px;
  border-bottom: 4px solid #96B2D7;

}
h3 {
  font-size: 150%;
  font-family: Cambria, Georgia, "Times New Roman", Helvetica, sans-serif;
}
h4 {
  font-size: 110%; 
  font-family: Cambria, Georgia, "Times New Roman", Helvetica, sans-serif;
  padding-bottom: 3px;
  border-bottom: 2px solid #6783AA;
  padding-left: 3px;
  border-left: 2px solid #6783AA;
  background-color: #f2f2f2;
  margin-bottom: 3px;
}
h5 {
  font-size: 70%;
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: 2px; /* Abstand zwischgen den Buchstaben */
  color: #214b83;
  padding-left: 3px;
  border-left: 2px solid #96B2D7;
  background-color: #f2f2f2;
}
h6 {
  font-size: 100%; 
  color: #214b83;
  text-align: left; /* zentrieren */
  font-family: Cambria, Georgia, "Times New Roman", Helvetica, sans-serif;
  padding-bottom: 3px;
  border: 2px solid white; /*#8c8c8c*/
  padding-left: 3px;
  background-color: #c0c0c0;
  margin-bottom: 3px;
  margin-left: 2%;
  margin-right: 2%;
}
hr { border-top: 2px solid #96B2D7; }
h7 {   
  text-align: center; /* zentrieren */
  font-size: 80%; /* etw. kleiner */
  font-style: normal; /* normale Schrift */
}

address {
  text-align: center; /* zentrieren */
  font-size: 80%; /* etw. kleiner */
  font-style: normal; /* normale Schrift, nocht kursiv */
  letter-spacing: 2px; /* Abstand zwischgen den Buchstaben */
  line-height: 1.5em; /* Zeilenabstand */
  background-image: url(julia-jot1.jpg);
  background-repeat: no-repeat;
  background-position: center right;
}

/*=== Hyperlinks allgemein ===*/
a { text-decoration: none; outline: none; } /* Unterstreichung entfernen */

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

a:hover, 
a:focus { 
  border-bottom: 0px solid #899ab0;
}

a:active {
  color: white;
  background-color: #214b83;  
}

/*=== Allgemeine Klassen und IDs ===*/
.skiplink {
  position: absolute;
  top: -2000px;
  left: -300px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
}
.bildlinks {
  float: left;
  padding: 3px;
  margin-right: 5px;
  margin-bottom: 1px;
}
.bildmitte {
   line-height:250%;
   width:auto;
   margin:1em 20%;
   text-align:center; 
}
.bildrechts {
  float: right;
  padding: 3px;
  margin-left: 7px;
  margin-bottom: 1px;
}
.clearing { clear: both; }
#logo { /* Gestalte das HTML- Element mit id="logo" */
  position: absolute;
  top: -2000px;
  left: -300px;
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline;
}
#tabA1 {
    float: left;
  width: 186px;
  height: 20px;
    line-height: 20px;
  background-color: #ffffff;
  color: black;
  letter-spacing: 2px;
  font-size: normal; /* Schriftgröße */
  font-weight: bolder;
  text-align: left;
  margin-bottom: 2px;
}

#tabA2 {
    float: right;
  width: 392px;
  height: 20px;
    line-height: 20px;
  background-color: #ffffff; 
  font-family: Cambria, Georgia, "Times New Roman", Helvetica, sans-serif;
  font-weight: bolder;
  text-align: left;
  font-size: normal;
}


/* ================================
   2. Styles für die Layoutbereiche
   ================================ */
   
#wrapper { /* Gestalte das HTML- Element mit id="wrapper" */
  color: black; /* Schriftfarbe */
  background-color: white; /* Hintergrundfarbe */
  width: 658px; /*Breite des Inhaltsbereiches */
  margin-top: 10px; /* Abstand von oben */
  margin-right: auto; /* Abstand rechts automatisch / für Zentrieren */
  margin-bottom: 10px; /* Abstand von unten */
  margin-left: auto; /* Abstand links automatisch / für Zentrieren */
}

#kopf { /* Gestalte das HTML- Element mit id="kopfbereich" */
  position: relative; /* Positioniert, aber bleibt im Fluss */
  color: black;
  background-color: #96B2D7;
  height: 202px;
  background-image: url(bild/banner.jpg);
  background-repeat: no-repeat; /* nur vertikal (untereinander) */
  background-position: center;
  padding-top: 00px;
  padding-right: 10px;
  padding-bottom: 00px;
  padding-left: 10px;
}
#navi {
  padding-top: 165px;
  text-align: center;
  font-family: Cambria, Georgia, "Times New Roman", Helvetica, sans-serif;
  width: 100%;
}

#text { /* Gestalte das HTML- Element mit id="textbereich" */
  font-size: normal; /* Schriftgröße */
  background-color: white;
  width: 618px;
  height: 100%;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
#inhalt {
  font-size: normal; /* Schriftgröße */
  background-color: white;
  width: 618px;
  height: 1200px;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
#fusz { 
  height: 53px;
    line-height: 53px;
  text-align: center;
  font-size: small;
  background-image: url(bild/fusz.jpg);
  background-repeat: no-repeat; /* nur vertikal (untereinander) */
  background-position: center top;
  position: relative; /* Positioniert, aber bleibt im Fluss */
  color: black;
  background-color: #96B2D7;
  padding-top: 00px;
  padding-right: 10px;
  padding-bottom: 00px;
  padding-left: 10px;
}



   
/* =====================================
   E N D E  D E S  S T Y L E S H E E T S
   ===================================== */