@charset "utf-8";
@import url("reset.css");
body  {
  font: 75% Arial, Verdana, Helvetica, sans-serif;
  background: #FFF;
  text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
  color: #000000;
  line-height:1.3em;
}
p{
  margin:0 0 1em;
}
p.bodytext{
padding:0 10px;
}
h1{
padding:10px;
line-height:1.1em;
}
h2,h3,h4,h5{
padding:5px 10px;
}
.twoColFixLtHdr #container { 
  width: 950px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
  background: #FFFFFF;
  margin: 20px auto 0; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
  text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
  z-index:10;
} 
.twoColFixLtHdr #header { 
  position:relative;
  top:0;
  left:0;
  height:100px;
  z-index:2;
  overflow:visible;
} 
.twoColFixLtHdr #sidebar1 {
  float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
  width: 150px;
}
.twoColFixLtHdr #mainContent { 
  position:relative;
  top:0;
  left:0;
  height:600px;
  width:800px;
  overflow:hidden;
  background:url(../htm/bilder/bg_content.jpg) repeat-x;
} 
.twoColFixLtHdr #mainContent #cont_hoch {
  position:absolute;
  top:24px;
  left:20px;
  background:url(../htm/bilder/bg_hoch.jpg) repeat-x;
  width:300px;
  height:400px;
  overflow:hidden;
  z-index:11;
}
.twoColFixLtHdr #mainContent #cont_breit {
  position:absolute;
  top:245px;
  left:328px;
  background:url(../htm/bilder/bg_breit.jpg) repeat-x;
  width:451px;
  height:338px;
  overflow:hidden;
  z-index:12;
}
.twoColFixLtHdr #mainContent #cont_klein {
  position:absolute;
  top:24px;
  left:328px;
  background:url(../htm/bilder/bg_klein.jpg) repeat-x;
  width:213px;
  height:213px;
  overflow:hidden;
  z-index:13;
}
.twoColFixLtHdr #footer { 

} 
.twoColFixLtHdr #footer #meta {
float:right;
}
.twoColFixLtHdr #footer #adresse{
float:left;
margin-left:150px;
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}