/* ---------------------------------------------------------------------- */
/* -------------------- common formatings ------------------------------- */ 
/* ---------------------------------------------------------------------- */

 
 body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

  h1 {
    font-size: 1.7em;
    color: white;
    margin: 0 0 0.7em; padding: 1em 1em 1em 0.5em;
    text-align: left;
    background-color: #8B0000;
  }
  
  html>body h1 {
    border-color: gray;  /* Color adaption for Internet Explorer  */
  }
  
  a {
  	text-decoration: none;
  }	
  
  a:link {
  	color: #8B0000;
  }
  
  a:visited {
    color: gray;
  }
 
  a:active {
    color: gray;
  }

/* ---------------------------------------------------------------------- */
/* ---------------------- navigation menu ------------------------------- */ 
/* ---------------------------------------------------------------------- */


  ul#Navigation {
    font-size: 0.9em;
    float: left; width: 10em;
    margin: 0 0 1.2em; padding: 0;
    border: 1px dashed silver;
    background-color: white;
  }
  
  ul#Navigation li {
    list-style: none;
    margin: 0.5em 0.5em 0.5em 0.5em; padding: 0;
  }
  
  ul#Navigation a {
  	display: block;
  	text-decoration: none;
    padding: 0.2em;
    font-weight: bold;
  }
  
  * html ul#Navigation a {  /* IE special to extend hover area (like display: block)*/
    width: 100%;
    w\idth: 8.8em;
  }
  
  ul#Navigation a:link {
    color: black; background-color: #eee;
  }
  ul#Navigation a:visited {
    color: #666; background-color: #eee;
  }
  ul#Navigation a:hover {
    color: black; background-color: white;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }

/* ---------------------------------------------------------------------- */
/* -------------------- info menu (latest news) ------------------------- */ 
/* ---------------------------------------------------------------------- */


  div#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin: 0 0 1.1em; padding: 0;
    background-color: #eee; border: 1px dashed silver;
  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    margin: 0.5em;
  }

/* ---------------------------------------------------------------------- */
/* -------------------- content menu (main panel)------------------------ */ 
/* ---------------------------------------------------------------------- */


  div#Content {
    /*margin: 0em 12.5em 0em 10.5em; *//* related to thr width of the Info and Navigation panel */
    padding: 0 1em;
    font-size: 0.9em;
    border: 1px dashed silver;
  }
  
  * html div#Content {
    height: 1em;  /* Workaround for 3-Pixel-Bug of Internet Explorers */
  }
  
  div#Content h2 {
    font-size: 1.33em;
    margin: 0.2em 0;
  }
  
  div#Content td {
    font-size: 0.9em;
  }
  
  div#Content p {
    margin: 1em 0;
  }
  
  
/* ---------------------------------------------------------------------- */
/* ------------------------------- Footer ------------------------------- */ 
/* ---------------------------------------------------------------------- */
  

  div#FootNote {
    clear: both;
    font-size: 0.8em;
    margin: 0.5em 0 0 0; padding: 0.1em;
    background-color: white; border: 1px dashed silver;
  }