html {
  height:100.1%;
  font-size:62.5%;
}
body {
  height:100.1%;
  margin:0;
  padding:0;
  font:normal 1.3em Arial, Helvetica, sans-serif;
  color:#555050;
  background:#DEDEDE;
}
img {
  border:0;
}
form {
  margin:0;
}
h1 {
  margin-top:0.5em;
  margin-bottom:1.1em;
  font:bold 1.4em Arial, Helvetica, sans-serif;
  color:#A9952B;
}
h2 {
  margin-top:1.3em;
  margin-bottom:-0.5em;
  font:bold 1.1em Arial, Helvetica, sans-serif;
  color:#A9952B;
}
a {
  color:#586F78;
}
.clear {
  clear:left;
}
.bold {
  font-weight:bold;
}
.italic {
  font-style:italic;
}
.nospace {
  margin-top:-1em;
}



/* ***** Gerüst ***** */
.teaser, .content, .footer {
  position:relative;
  width:980px;
  left:50%;
  margin-left:-490px;
}
.teaser {
  height:110px;
  background:url(images/teaser.jpg) bottom;
}
.content {
  padding-top:80px;
  padding-bottom:80px;
  background:url(images/content.gif) left repeat-y #FBFBFB;
}
.left {
  position:relative;
  float:left;
  width:310px;
}
.right {
  position:relative;
  margin-left:370px;
  width:570px;
}
.footer {
  height:50px;
  background:url(images/footer.gif) top no-repeat;
}



/* ***** Logo-Balken ***** */
.bar {
  position:absolute;
  top:66px;
  left:50%;
  margin-left:-392px;
  width:475px;
}
.logo {
  position:absolute;
  top:0;
  left:197px;
  background:url(images/eule_link.gif);
}
.logo:hover {
  background:url(images/eule_hover.gif);
}



/* ***** Navigation ***** */
.nav {
  display:block;
  text-decoration:none;
}
.nav:hover {
  text-decoration:underline;
}
.main {
  font-size:1.1em;
  font-weight:bold;
  margin-top:1em;
  margin-bottom:0.15em;
  padding-left:35px;
  color:#656060;
}
.sub {
  padding-left:70px;
  color:#555050;
}



/* ***** Kontakt ***** */
.kontakt label, .kontakt .feld, .kontakt textarea {
  display:block;
}
.kontakt .feld, .kontakt textarea {
  margin-bottom:8px;
}
.kontakt .feld {
  width:220px;
}
.kontakt textarea {
  width:380px;
  height:140px;
}