/*Haupt Elemente*/
* { padding: 0; margin: 0; }
/* links */
a     { color: #869400; text-decoration: none;}
a:hover    { color: #576000; }
p { margin-bottom: 15px;}
/* headers */
h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 130%; font-weight: normal; padding: 15px 0 5px;}
h3 { font-size: 120%; font-weight: normal; }
h4 { font-size: 110%; font-weight: normal; }
h5 { font-size: 105%; font-weight: normal; }
h6 { font-size: 100%; font-weight: normal; }
ul {
  padding: 0 0 20px 20px;
}
td {}
li {  }
/* images */
img {  margin: 0; padding: 0; border-width: 0; }
img.border {   padding: 5px; border-color: #eaeaea #b1b0b0 #b1b0b0 #eaeaea; border-style: solid; border-width: 1px;}
img .float-right { background-color: maroon; text-align: right; float: right; border: solid 12px orange; }
.float-left { text-align: left; float: left; margin-right: 10px; }
.float-right { text-align: left; float: right; }
a img {  }
a:hover img {  }
/***********************/
html, body {
  width: 100%;
  height: 100%;
}
body {
  font-family: sans-serif;
  background-image: url("body_hg.png");
  background-repeat: repeat;
}

#container {
  display: table;
  width: 100%;
  height: 100%;
}
#logo {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding: 25px;
}
.textfeld {
  position: relative;
  display: table-cell;
  text-align: left;
  max-width: 600px;
  vertical-align: middle;
  padding: 25px;
}
#inhalt {
  margin: 0 0 10px 0;
}
.links {
  border-top: solid thin #869400;
  padding: 10px 0;
  display: inherit;
}
@media (max-width:767px) {
  #logo, .textfeld {
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 25px 0;
  }
}