body {
  font-family: sans-serif;
  line-height: 125%;
  margin: 0;
  padding: 0;
  background-color: #fff;
}


p {
  margin: 0;
   margin-bottom: 0.5em;
}


a, a:visited {
  text-decoration: none;
  color: #0069b2;
  border-bottom: 1px dotted #c0c0c0;
}

a:hover {
  border-bottom: 1px solid #b0b0b0;
}

a img {
  border: none;
}


h1, h2 {
  font-size: medium;
  color: #303030;
  margin: 0;
   margin-right: 2em;
   margin-bottom: 1em;
  padding: 0;
   padding-left: 1.5ex;
  border: none;
   border-left: 1.2ex solid #ff9000;
}

h2 {
   margin-top: 3em;
}


abbr,
acronym,
dfn {
  text-decoration: none;
  font-style: normal;
  cursor: help;
  border-bottom: 1px dotted #c0c0c0;
}

abbr:hover,
acronym:hover,
dfn:hover {
  border-bottom: 1px solid #b0b0b0;
}


.none {
  display: none;
}


/* Limit the actual content's max-width to some reasonable size, where lines
   won't get too long to read -- even in full-screen.  Need to be children of
   the individual sections, to keep background stuff flowing. */

div.limit {
  max-width: 70em;
  margin: 0em;
   margin-left: auto;
   margin-right: auto;
}


#container {
  padding: 0;
   padding-top: 5em;
  background-color: #fff;
  background-image: url(../img/back.png);    /* shade */
   background-repeat: repeat-x;
}


#content {
  padding: 0;
   padding-left: 1.5em;
   padding-right: 1em;
   padding-bottom: 4em;
}


#header {
  min-height: 90px;
  color: #e0e0e0;
  margin: 0;
  padding: 0;
  border: none;
   border-top: 0.4em solid #0069b2;
  background-color: #303030;
  background-image: url(../img/structure.png);
}

#header a,
#header .home {
  display: block;
  float: left;
  height: 30px;
  margin: 0;
  padding: 0.5em;
   padding-top: 60px;
   padding-bottom: 0;
  border: none;
   border-right: 1px solid #505050;
  background-color: #303030;
  background-image: url(../img/structure.png);
}

#header a {
  min-width: 5em;
  color: inherit;
  text-align: center;
}

#header a:hover {
  background-color: #0069b2;
}

#header .home {
  text-align: left;
  font-weight: bold;
/*
   font-size: larger;
   font-variant: small-caps;
  min-width: 8em;
*/
  min-width: 10em;    /* lower-case variant */

  padding-left: 1.5em;
  padding-right: 4em;
  cursor: default;
}

#header .home:hover {
  background-color: #101010
}

#header .fade {
  overflow: hidden;
  height: 90px;
  background-image: url(../img/rollsitz.png);
   background-repeat: no-repeat;
}

#header .fade img {
  position: relative;
   top: 0px;
   left: 435px;
}

#header .fade div.text {
  position: relative;
   top: 0px;
   left: 385px;
  width: 90px;
   height: 80px;
  background-color: #000;
  opacity: 0.4;
  padding: 0;
   padding-top: 10px;
   padding-left: 10px;
}


#footer {
  clear: both;
  background-color: #303030;
  background-image: url(../img/footer-bg.png);
   background-repeat: repeat-x;
}

#footer > div.limit {
  padding: 2em;
   padding-left: 1.5em;
   padding-right: 1em;
   padding-bottom: 3em;
  text-align: right;
  color: #c0c0c0;
}

#footer > div > * {
  font-size: smaller;
}

#footer a,
#footer a:visited {
  color: #66a5d0;    /* 40% lighter */
  border: none;
}

#footer a:hover {
  border-bottom: 1px solid #66a5d0;
}

#footer .block {
  padding: 0;
   padding-right: 2em;
}

#footer .impressum {
  padding: 0;
   padding-left: 4em;
}