body {
  height: 100%;
  background-color: #e7e1c4;
  font-family: Trebuchet, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  line-height: 135%;
  color: #3f3f3f;
}

* {
  color: #394c60;
}

a {
  color: #6e7f91;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a.anker:hover {
  text-decoration: none;
}

h1 {
  margin: 0px 0px 10px 0px;
  padding: 0em;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  font-size: 16pt;
  font-weight: normal;
  line-height: 135%;
  color: #c9c7c3;
}

h2 {
  margin: 0px 0px 3px 0px;
  padding: 0em;
  font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: normal;
  line-height: 135%;
  color: #c9c7c3;
}

h3 {
  margin: 0px 0px 3px 0px;
  padding: 0em;
  font-size: 11pt;
  font-weight: bold;
  line-height: 135%;
  color: #c9c7c3;
}

p {
  text-align: left;
  color: #394c60;
}

table {
  width: 100%;
  border-left: 1px solid #78684e;
  border-bottom: 1px solid #78684e;
}

td {
  padding: 5px;
  border-right: 1px solid #78684e;
  border-top: 1px solid #78684e;
}

#wrapper {
  width: 980px;
  height: 100%;
  background-color: #77b78c;
  margin: 0 auto;
}

#title {
  padding: 20px 30px 20px 30px;
  font-family: Georgia, Arial, Helvetica, sans-serif;
  font-size: 16pt;
  color: #7a999d;
  background-color: #cdcac5;
}

#header {
  height: 300px;
  background-color: #6e7f91;
  padding: 0;
  border-bottom: solid 5px #cdcac5;
}

#header_image {
  padding: 0;
}

#navcontainer {
  float: left;
  font-family: Georgia, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  line-height: 30pt;
  width: 320px;
  vertical-align: middle;
  padding: 20px 30px 20px 30px;
}

ul#navlist {
  text-align: right;
  padding: 0;
  margin: 0 auto;
}

ul#navlist li {
  display: block;
  margin: 0;
  padding: 0;
}

ul#navlist li a {
  color: #cdcac5;
  text-decoration: none;
}

ul#navlist li#active a {
  font-size: 32pt;
  line-height: 42pt;
}

ul#navlist li a:hover {
  color: #ffffff;
}

#quote {
  float: right;
  width: 240px;
  height: 240px;
  font-family: Georgia, Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-style: oblique;
  color: #EF7660‚;
  padding: 30px;
  background-color: #7a999d;
  vertical-align: bottom;
}

#content_box {
  clear: both;
  position: relative;
  background-color: #7a999d;
  color: #ffffff;
  padding: 0;
}

#content {
  background-color: #7a999d;
  float: left;
  width: 620px;
  padding: 20px 30px 20px 30px;
  color: #394c60;
}

#sidebar {
  float: right;
  width: 240px;
  padding: 20px 30px 20px 30px;
}

#footer {
  clear: both;
  position: relative;
  padding: 20px 30px 20px 20px;
  color: #6e7f91;
  background-color: #cdcac5;
}

.blocktext {
  text-align: justify;
}

@media handheld {
  /* ... Formatdefinitionen zur Bildschirmausgabe ... */
  #navcontainer {
    float: left;
    font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 30pt;
    width: 320px;
    vertical-align: middle;
    padding: 20px 30px 20px 30px;
  }
}

ul#navlist {
  text-align: right;
  padding: 0;
  margin: 0 auto;
}

ul#navlist li {
  display: block;
  margin: 0;
  padding: 0;
}

ul#navlist li a {
  color: #cdcac5;
  text-decoration: none;
}

ul#navlist li#active a {
  font-size: 28pt;
  line-height: 42pt;
}

ul#navlist li a:hover {
  color: #ffffff;
}

.sidebar-header {
  color: #bcc8d4;
}