html {
  margin                : 0px;
  padding               : 85px 2em 2em 2em;
  background-color      : #999;
  background-image      : url("img/logo_big.png");
  background-position   : top right;
  background-repeat     : no-repeat;
  background-attachment : fixed;
}

body {
  background-image      : url("img/logo_big-light.png");
  background-position   : top right;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  background-color      : white;
  color                 : black;
  margin                : 0px;
  padding               : 2ex 2ex 0px 2ex;
  font-family           : Georgia, "DejaVu Serif", serif;
  font-size             : 101%;
  border                : 1px solid black;
}

p.signature {
  font-style            : italic;
  text-align            : right;
  margin-bottom         : 3em;
}

p.signature img {
  border                : none;
}

p.kleindruck {
  text-align            : center;
  border-top            : 4px solid black;
  font-size             : 80%;
  color                 : #BBB;
  padding               : 1em 1ex 1ex 1ex;
  margin                : 2em 1ex 1ex 1ex;
}

p.kleindruck a {
  color                 : #BBB;
}

div.footnotes:before {
  display               : block;
  content               : '______';
}

p.hinweis { /* Erklärender Text für die Gullylegende */
  font-style            : italic;
  padding               : 1ex 1em 1ex 4em;
  text-align            : right;
  margin-bottom         : 2em;
}

p#hinweis { /* Am Ende, damit verlinkt werden kann */
  background-image      : url("img/logo_small.png");
  background-position   : top left;
  background-repeat     : no-repeat;
  padding-left          : 60px;
  min-height            : 60px;
  color                 : #A00;
  margin-top            : 5em;
}

p#hinweis:before {
  content               : "!";
  color                 : #A00;
  font-size             : 300%;
  font-weight           : bold;
  display               : block;
  float                 : left;
  margin-left           : -45px;
  margin-top            : 3px;
}

p.links, ol.links {
  border-top            : 1px solid #A00;
  margin-bottom         : 3em;
}
p.links:before, ol.links:before {
  content               : "Links";
  display               : block;
  width                 : 7em;
  text-align            : center;
  position              : relative;
  /* top                   : -0.6em; */
  left                  : 0px;
  color                 : #FFE;
  background-color      : #A00;
}

div#impressum {
  background-color      : #EEE;
  border                : 1px solid #999;
  color                 : black;
  margin                : 2em 2em;
  padding               : 1em 4em;
  text-align            : center;
}

div.impressum h2 {
  margin                : 0px;
  font-size             : 100%;
  width                 : 7em;
  text-align            : center;
  position              : relative;
  top                   : -0.8em;
  left                  : 0px;
  color                 : #FFE;
  background-color      : #F54;
}

h1 {
  padding               : 0.3ex 0px;
  font-size             : 200%;
  text-align            : left;
  font-variant          : small-caps;
}

h2 {
  font-size             : 140%;
  font-weight           : bold;
  font-style            : normal;
  font-variant          : small-caps;
}

div#title h1 {
  margin                : 0px;
  padding               : 0px;
  font-size             : 300%;
  border                : none;
  font-weight           : bold;
  letter-spacing        : 0.2ex;
  text-align            : center;
}

div#title h2 {
  margin                : -1ex 0px 1em 0px;
  padding               : 0px;
  font-size             : 120%;
  font-weight           : normal;
  text-align            : center;
  color                 : #999;
  letter-spacing        : 2px;
  text-transform        : uppercase;
}

h2.subtitle {
  margin                : -1.5em 0px 1em 0px;
  padding               : 0px;
  font-size             : 110%;
  font-weight           : normal;
  text-align            : left;
  color                 : #999;
  letter-spacing        : 1px;
  text-transform        : uppercase;
}



h3 {
  font-size             : 120%;
  font-weight           : bold;
  font-style            : normal;
  font-variant          : small-caps;
}

h4, h5, h6 {
  font-size             : 100%;
  font-weight           : bold;
  font-style            : normal;
  font-variant          : small-caps;
}

blockquote {
  font-style            : italic;
}

div.menu {
  border-top            : 3px solid black;
  border-bottom         : 3px solid black;
  margin                : 0px;
  padding               : 0.5ex;
  text-align            : center;
  color                 : black;
  text-transform        : uppercase;
/*  font-variant          : small-caps; */
  font-weight           : bold;
  letter-spacing        : 1px;
  /* background-color      : #FEE; */
}

div.menu small {
  display               : none;
}

div.menu a, div.menu a:visited {
  color                 : black;
  text-decoration       : underline;
  padding               : 0px 1em;
}

a[href^="http://"]:after {
    content: "\20\2197";
    display: inline;
}

em {
  font-weight           : bold;
  font-style            : normal;
}

dfn {
  color                 : #080;
  font-style            : normal;
}

strong {
  font-weight           : bold;
  font-style            : italic;
  text-decoration       : none;
}

q:lang(de) {
  quotes: "\201E" "\201C"
}

q:lang(en) {
  quotes: "\22" "\22"
}

sup {
  font-family           : "DejaVu Sans Mono", "Courier New", monospace;
}

sup a {
  text-decoration       : none;
}

.nodisp {
  display: none
}


@media screen {
h1#inhalt {
  background-image      : url("img/logo_medium.png");
  background-position   : top left;
  background-repeat     : no-repeat;
  height                : 4em;
  width                 : 6em;
  color                 : black;
  padding               : 10px 1em 0px 170px;
  margin-bottom         : 0px;
  margin-right          : 1em;
  text-align            : right;
  float                 : left;
}
}


@media print {
  *, div#impressum { background-color: white; }

  html, body {
    background-color     : white;
    background-image     : none;
    border               : none;
    padding              : 0px;
    margin               : 0px;
  }

  body {
  }

  div.menu {
    display              : none;
  }

  div#title {
    border-top           : 0.8ex solid black;
    border-bottom        : 0.8ex solid black;
    background-image     : url("img/logo_medium-light.png");
    background-position  : left center;
    background-repeat    : no-repeat;
    padding-left         : 172px;
  }

  p#hinweis {
    margin-top           : 1em;
  }

}