/*
 * Farben
 * ===============================
 * blau aus PDF #4F3795
 * blau heller #8067C7
 * blau dunkler #261B49
 * orange aus PDF #E76E33
 * orange aus PDF heller #FFE7CF
 */

/*
 * Querverweise
 * ===============================
 * aktuelles Menu wird erzeugt in main::styles()
 */

body {
  padding: 0;
  margin: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #111;
  background-color: white;
  line-height: 20px;
}

ins {
  background-color: yellow;
}

hr {
  width: 90%;
  height: 3px;
  background-color: orange;
  margin-top: 3ex;
  margin-bottom: 3ex;
}

ul.nobullet {
  list-style-type: none;
  padding-left: 0;
}

p.emphasize {
  font-weight: bold;
}

.hidden {
  display: none;
}

#page {
  position: absolute;
  width: 820px;
  margin-left: -410px;
  left: 50%;
  top: 50px;
  padding-bottom: 40px;
}

#content {
  background-color: #FFE7CF;
  border: 2px solid #8067C7;
  clear: both;
  padding: 20px 28px;
  min-height: 350px;
}

/* basic definition; needs the image url, width and height to be added */
#illustration {
  border: 2px solid #c33f00;
  border-style: outset;
  float: right;
  margin: 10px;
  display: none;
}

div.todo {
  background-color: #eee;
  position: absolute;
  top: 0;
  right: 0;
  /*padding: 3px;*/
  border: thin solid maroon;
  margin: 2px;
  width: 150px;
  z-index: 100;
}

div.todo p {
  font-size: small;
  margin: 2px;
  /*background-color: orange;
  padding: 3px;
  margin: 5px;*/
}

#footer {
  font-size: x-small;
  text-align: right;
}

h1, h2, h2 {
  margin: 0 0 1ex 0;
  color: #E76E33;
}

h1 {
  font-size: 120%;
}

h2 {
  font-size: 112%;
}

h3 {
  font-size: 105%;
}

img {
  border: none;
  vertical-align: middle;
}

a, a:visited {
    color: #4F3795;
}

div.clear {
    clear: both;
}