/*
Stylesheet für die Jungliberale Aktion (JuliA) ERZ                  ##########
--T--H-----H--O--M--E--P--A--G--E--S----S--Z--B-/--E--R--Z--           ##
Stand: 2009                                                            #######
Autor: Christian und Tobias Hertig                                     ##   ##
Datum: 01.04.2009 (Kein Aprilscherz)
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: 2em; } /* 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: #1e4374; /* Hintergrundfarbe */
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  font-size: medium; /* Schriftgröße */
}

h1 { 
  font-size: medium;
  font-family: Cambria, Georgia, "Times New Roman", Helvetica, sans-serif;
  color: #1e4374;
  text-transform: uppercase;
  margin: 10px;
  border-bottom: 2px solid #1e4374;
}
h2 { 
  font-size: 160%;
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  padding-bottom: 0px;
}
h3 {
  font-size: 110%;
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  border-bottom: 1px solid #1e4374;
}
h4 {
  font-size: 110%; 
  font-family: Cambria, Georgia, "Times New Roman", Helvetica, sans-serif;
  padding-bottom: 3px;
  border-bottom: 1px solid #8c8c8c;
  padding-left: 3px;
  border-left: 1px solid #8c8c8c;
  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 #8c8c8c;
  background-color: #f2f2f2;
}
h6 {
  font-size: 100%; 
  color: #1e4374;
  text-align: left; /* zentrieren */
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  padding-bottom: 3px;
  border: 2px solid white; /*#8c8c8c*/
  padding-left: 3px;
  background-color: white;
  margin-bottom: 6px;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 5px;
}
h7 {   
  text-align: center; /* zentrieren */
  font-size: 80%; /* etw. kleiner */
  font-style: normal; /* normale Schrift */
}
hr { border-top: 2px solid #214b83; }
address {
  text-align: center; /* zentrieren */
  font-size: 80%; /* etw. kleiner */
  font-style: normal; /* normale Schrift, nocht kursiv */
  letter-spacing: 1px; /* Abstand zwischgen den Buchstaben */
  line-height: 1.5em; /* Zeilenabstand */
}

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

a:link { color: #214b83; }
a:visited { color: #214b83; }

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;
  border: 3px solid #ccc;
  margin-right: 5px;
  margin-bottom: 1px;
}
.bildmitte {
   line-height:250%;
   width:auto;
   margin:1em 20%;
   text-align:center; 
}
.bildrechts {
  float: right;
  padding: 3px;
  border: 3px solid #ccc;
  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;
}


/* ================================
   2. Styles für die Layoutbereiche
   ================================ */
   
#wrapper { /* Gestalte das HTML- Element mit id="wrapper" */
  color: black; /* Schriftfarbe */
  background-color: white; /* Hintergrundfarbe */
  width: 752px; /*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 */
}

#kopfbereich { /* Gestalte das HTML- Element mit id="kopfbereich" */
  z-index: 1;
}

#bild {
  position: relative;
  height: 60px;
  background-image: url(img/banner-hglink3.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 60px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
}

#navi {
  font-size: medium;
  position: absolute;
  height: 161px;
  width: 752px;
  top: 139px;
  z-index: 2;
}
#navi a { color: white; }
  #navi ul { margin-bottom: 0; }
  #navi li {
    display: inline;       /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
    padding: 3px;
    margin-top: 3px;
    color: white;
  }
  #navi li a:hover, 
  #navi li a:focus,
  #navi li a:active {
    color: white;
    background-color: #1E4374;  
  } 
  #navib {
    width: 752px;
    margin-top: 10px;
    font-size: small;
    background-image: url(img/hg50weisz.png);
  }
  #navib a {color: #1E4374;}
  #navib ul { margin-bottom: 0; }
  #navib li {
    list-style-type: none; /* ohne Aufzählungspunkte */
    padding: 3px;
    margin-top: 20px;
    color: #1E4374;
  }
  #navib li a:hover, 
  #navib li a:focus,
  #navib li a:active {
    color: white;
    background-color: #1E4374;  
  } 
  
  
#inhalt {
  width: 752px;
  height: auto;
  position: absolute;
  background-color: white;
  
}

  #textbereich { /* Gestalte das HTML- Element mit id="textbereich" */
    font-size: normal; 
    float: left;
    background-color: white;
    width: 529px;
    margin-left: 10px;
    border-bottom: 40px solid white;
    
  }
  
  #wahl {
    background-color: #1e4374;
    float: top;
    margin-right: 20px;
    width: 399px;
    top: -400px;
  }
  
  #rechts {
    font-size: normal;
    float: right;
    background-color: #1E4374;
    color: white;
    height: auto;
    width: 154px;
    margin-right: 10px;
    margin-bottom: 10px;
    
  }
  #fusz {
    font-size: small;
    position: fixed;
    bottom: 0px;
    width: 752px;
    height: auto;
    background-color: white;
    color: #1E4374;
    
    
    }




/* ==================
   3. Sonstige Styles
   ================== */
   
#infofeld {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 10% 30% auto 30%;
  text-align: center;
  border: 10px solid yellow;
  background-color: white;
  color: black;
  padding: 20px;
}



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