body {
  color: #000000;
  font-family: sans-serif;
  background-color: #ffffff;
  font-size: 110%;
  margin-top: 1em;
  margin-bottom: 3em;
}

div.floater {
  clear: both;
}

span.quote:lang(de) {
  quotes: "\201E" "\201D" "\201B" "\2019";
}

span.quote:before {
  content: open-quote;
}

span.quote:after {
  content: close-quote;
}

span.quote {
  font-style: italic;
}

div#page {
  min-width: 760px;
  max-width: 984px;
  margin: 0 auto;
  text-align: left;
}

h1 {
  color: inherit;
  background-color: #d3d3d3;

  font-size: 120%;
  font-weight: bold;
  margin-bottom: 1em;
}

div#plaque {
  color: rgb(31, 113, 8);
  background-color: rgb(195, 247, 178);
  border: 1px solid rgb(31, 81, 8);
  margin-bottom: 2em;
  padding: 0.2em;
}

div#plaque p {
  margin: 0;
}

div#plaque p.title {
  font-size: 1.2em;
  font-weight: bold;
}

div#plaque p.subtitle {
  font-size: 0.8em;
}

div#plaque ul.offer {
  font-size: 0.6em;
  float: right;
  margin: 0 2em;
}

div#leftbox {
  font-size: 0.92em;
  width: 16em;
  float: left;
}

ul#navigation {
  margin: 0;
  padding: 0;
  border: 1px dashed silver;
  color: rgb(31, 113, 8);
  background-color: #efffe6;
}

ul#navigation li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0.4em;
  font-size: 0.92em;
}

ul#navigation ul {
  padding: 0 1em;
}

ul#navigation li li {
  padding: 0.05em 0.1em;
  font-size: 0.84em;
}

ul#navigation a, div#infobox a {
  color: #186888;
  background-color: inherit;
  text-decoration: none;
}

ul#navigation a:hover, div#infobox a:hover {
  color: #006400;
  background-color: inherit;
  text-decoration: underline;
}

ul#navigation li.title {
  margin: 0;
  padding: 0 0 1pt;
  font-size: 0.7em;
  text-align: center;
  color: rgb(31, 113, 8);
  background-color: rgb(195, 247, 178);
  border-bottom: 1px dashed silver;
}

div#infobox {
  margin: 2em 0 0 0;
  padding: 0;
  border: 1px dashed silver;
  text-align: center;
  color: rgb(16, 83, 2);
  background-color: #efffe6;
}

div#infobox p {
  font-size: 0.6em;
}

div#infobox p.title {
  margin: 0;
  padding: 0 0 1pt;
  font-size: 0.7em;
  text-align: center;
  color: rgb(31, 113, 8);
  background-color: rgb(195, 247, 178);
  border-bottom: 1px dashed silver;
}

div#infobox p.name {
  font-weight: bold;
  font-size: 0.9em;
  margin-top: 0.1em;
  margin-bottom: 0.2em;
}

div#content {
    padding: 0;
    margin-left: 16em;

    text-align: justify;
    border: 1px solid gray;

    color: inherit;
    background-color: #e4ebf0;
}

div#content div#rcontent {
    padding: 0 1.4em 1.4em 0.8em;
}

div#content td {
  vertical-align: top;
}

div#content a.link {
  color: #006400;
  background-color: inherit;
  text-decoration: none;
  font-weight: 700;
}

div#content a.link:hover {
  color: #00008B;
  background-color: inherit;
  text-decoration: underline;
  font-weight: 700;
}

div#content h2 {
    margin: 0 0 1em 0;
    padding: 0.2em 0.4em;

    font-size: 140%;
    text-align: left;
    font-weight: bold;

    color: inherit;
    background-color: inherit;
    border-bottom: 1px dashed gray;

    font-size: 140%;
    font-weight: bold;
}

div#content h3 {
  margin-top: 3.2em;
  padding-top: 0.6em;
  border-top: 1px solid silver;

  font-size: 115%;
  font-weight: 700;
}

div#content h3:before {
  content: "\2026" " ";
}

div#content p {
  font-size: 0.9em;
  margin: 1em 0;
}

div#content p.subtitle {
  font-size: 0.8em;
  margin-top: -1.2em;
}

div#content p span.strong {
  font-weight: bold;
}

div#content ul {
  padding: 0 0 0 1em;
}

div#content li {
  font-size: 0.8em;
  margin: 0.6em 0;
}

div#content li li {
  font-size: 0.94em;
  margin: 0.2em 0;
}

div#content p.picsubtitle {
  color: #3d3d3d;
  background-color: inherit;
  font-size: 0.6em;
  text-align: center;
}

div#content div.picture {
  float: right;
  border: 1px dashed silver;
  color: black;
  background-color: white;
  margin: 0.4em 0 0.4em 1.2em;
  padding: 0.2em;
}

div#content img.border {
  border: 1px solid black;
}

div#content p.indent {
  margin-left: 1em;
  text-indent: -1em;
}

hr {
  margin-bottom: 2em;
  margin-top: 3em;
}

