.hide {
  display: none;
}

/******************************/

body {
  background-color: #660033;
  color: white;
}

a:link    { color: #FF8C00; }
a:visited { color: white ; }
a:hover   { color: #660033; background-color: white; }
a:active  { color: #FFA500 ; }  /* orange */

/******************************/

div#facts {
  z-index: 1;
  position: fixed;
  width: 33%;
  top: 1em;			/* oben rechts in die Ecke setzen */
  right: 1.5em;			/* -- " --                        */
  color: white;
  background-color: #FF8C00;		/* darkorange */
  border-color: white;
  border-style: dashed;
}

div#facts h3 {
  text-align: center;
  margin-bottom: 0;		/* Überschriften haben unten einen größeren Rand */
}

div#facts ul {
  list-style-type: none;
  padding: 0.5em;		/* Abstand zwischen Text und Boxrand halten */
  margin: 0;
}

div#facts li {
  font-weight: bold;
  background-color: white;
  color: #FF8C00;		/* darkorange */
  margin: 0.5em;		/* Abstand zwischen den <li> */
  padding: 0.5em 1em 0.5em 1em;	/* links und rechts mehr Kasten */
}

div#facts li a:link    { color: #660033; }
div#facts li a:visited { color: #FF8C00; }
div#facts li a:hover   { color: white; background-color: #660033; }
div#facts li a:active  { color: #FFA500 ; }  /* orange */

/******************************/

div#everything {
}

/******************************/

div#main {
  width: 44%;
  padding-top: 5%;
  padding-bottom: 5%;
  padding-left: 10%;
  padding-right: 10%;
}

@media print {
  div#main {
    width: 54%;
    padding-left: 0%;
    padding-right: 0%;
  }
}

div#main h1 {
  text-align: center;
}

div#main dl dt {
  font-weight: bold;
  font-style: italic;
  margin-top: 1em;
}

/******************************/

div#right-column {
  position: fixed;
  bottom: 1em;
  right: 1em;
  text-align: right;
}