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

body {
  background-image      : url("img/logo_medium-light.png");
  background-position   : top right;
  background-repeat     : no-repeat;
  background-attachment : fixed;
  background-color      : white;
  border                : 3px solid #080;
  color                 : #080;
  margin                : 0px;
  padding               : 1ex 2ex 0px 2ex;
  font-family           : "DejaVu Sans", Tahoma, sans-serif;
  font-size             : 101%;
}

p.signature {
  font-family           : "Script", cursive;
  font-size             : 240%;
  font-weight           : bold;
  text-align            : right;
  margin                : 0px;
  color                 : blue;
}

p.signature img {
  border                : none;
}

p.kleindruck {
  text-align            : center;
  border-top            : 1px solid #DDD;
  font-size             : 80%;
  color                 : #9B9;
  padding               : 0.5ex;
  margin                : 0.5ex;
}

p.kleindruck a:link, p.kleindruck a:visited {
  color                 : #9B9;
}

p.links, ol.links {
  border-top            : 1px solid #9B9;
}
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      : #9B9;
}

p.impressum {
  background-color      : #BDB;
  color                 : black;
  font-family           : sans-serif;
  margin                : 1em 2em;
  padding               : 0px 1ex 2.5ex 1ex;
  border                : 1px solid #9B9;
  text-align            : center;
}

p.impressum:before {
  content               : "Impressum";
  display               : block;
  width                 : 7em;
  text-align            : center;
  position              : relative;
  top                   : -0.6em;
  left                  : 0px;
  color                 : #FFE;
  background-color      : #9B9;
}

blockquote {
  font-family           : serif;
}

h1 {
  padding               : 0.3ex 0px;
  font-family           : "DejaVu Serif", Georgia, serif;
  font-size             : 200%;
}

h1.logo {
  float                 : right;
/*   text-align            : center; */
  border                : none;
  background-color      : transparent;
  padding               : 0px;
}


h2 {
  font-size             : 140%;
  font-weight           : bold;
  font-style            : normal;
  font-family           : "DejaVu Serif", Georgia, serif;
}

h1.title {
  margin-bottom         : 0px;
  padding-bottom        : 0px;
}

h2.subtitle {
  padding-top           : 0px;
  margin-top            : 0px;
  color                 : #999;
}

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

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

div#menu {
  border-bottom         : 1px solid #9B9;
  margin                : -1ex;
  padding               : 0.5ex 130px 0.5ex 0px;
  text-align            : right;
  color                 : black;
}

div#menu a, div#menu a:visited {
  color                 : black;
  text-decoration       : underline;

}

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

a:hover {
  text-decoration       : none;
}

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

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

sup a {
  text-decoration       : none;
}

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

hr {
  height                : 1px;
  border                : none;
  background-color      : #BDB;
  color                 : #BDB;
  margin                : 0px;
  padding               : 0px;
}

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


@media print {
  *, p.impressum, p.kleindruck { background-color: white; color: black;}

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

  body {
  }

  div#menu {
    display              : none;
  }

  h1:before {
    display              : block;
    width                : 100px;
    height               : 90px;
    content              : " ";
    margin               : 0px;
    padding              : 0px;
    background-image     : url("img/logo_small.png");
    background-position  : right center;
    background-repeat    : no-repeat;
    float: right;
  }

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

}