<style type="text/css">
  body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em;
    min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

  div#Kopf {
    border: 1px solid black;
    width: 100%;
    height: 80px;
    min-width: 50em;
    background-image:url(/logo_berlin.jpg); background-repeat:no-repeat;
    font: normal 100.01% Helvetica, Arial, sans-serif;
    margin-bottom:20px
  }

  div#Kopf div {
     clear: left;
  }
  

  /** **************** Navigation ****************************** */
  /** Menueleiste oben */
  
  
  ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: center;
    margin-top:60px;
    margin-left:150px;
  }

  ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    /*margin: 0.4em; padding: 0;*/
  }
  * html ul#Navigation li {  /* Korrektur fuer den IE */
    /*margin-bottom: -0.4em;*/
  }  

  ul#Navigation li ul {  
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    /*margin-bottom: 0.2em;*/
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    color: grey; background-color: white;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    border-color: black;
    color: green;
  }
  ul#Navigation li ul span {
    color: black;
  } 
  
  /** **************** Inhalt ****************************** */

  div#Inhalt {
	float:center;
    /*max-width: 70em;*/
	width:20cm;
	min-width:15cm;
    padding: 1em 1em;
    /*border: 1px dashed silver;*/
    border-left: 1px solid silver;
	/*margin-left:30mm;*/
  }
  
  div#Inhalt h1 {
    font-size: 1.5em;
    margin: 0 0 0.5em;
  }
  
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

  /** **************** Menue auf der rechten Seite ****************************** */
  
  
  div#Infobox_rechts {
    float:right;
    margin-top:1em;
    margin-left:1em;
    width:17em;
    background-color:#EBEBEB; /*#DDFFDD;*/
    padding: 1em 1em;
    /*border: 1px dashed silver;*/
	border: 1px solid silver;
  }
  div#Infobox_rechts h1 {
    font-size: 1.5em;
    margin: 0 0 0.5em;
  }
  div#Infobox_rechts h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Infobox_rechts p {
    font-size: 1em;
    margin: 1em 0;
  }  

  /** Farbklassen fuer die Infoboxen */
  /** Farbbeispiele: http://www.html-php-mysql.de/generatoren/colors.php */
  /**                http://www.ovgu.de/counter/rgb.txt.shtml */
  
  div#Infobox_rechts.marius {
	background-color:#E0EEEE;
  }  
  
  div#Infobox_rechts.hanka {
	background-color:#FFFFE0;
  }

  div#Infobox_rechts.radtour {
	background-color:#EBEBEB;
  }
  
  div#Infobox_rechts.famtreffen {
	background-color:#EBEBEB;
  }
  
  
  
  
  /** Box fuer externe Links, z.B. zum Ochsenhof in Muehltal (Schwarzwaldradtour). */
  div#Infobox_extern {
    border: 1px solid black;
    float:right;
    margin-top:1em;
    margin-left:1em;
    width:17em;
    background-color:#FFFFDD;
    padding: 1em 1em;
    /*border: 1px dashed silver;*/
  }
  
  /** **************** Sonstiges ****************************** */
  
  img {
    border:none;
  }
  
  a img {
    margin: 10px 10px 10px 10px;
  }
  
  /** Sonderklasse fuer eine fettere horizontale Trennlinie */
  /** Beispiel: <hr class="trennung" align="center"/>  */
  hr.trennung{
	height: 3px;
	color: black;
	background-color:silver;
	align: center;
  }


</style>