body {
    font: normal 100.01% Helvetica, Arial, sans-serif;
   color: #563118;
    background-color: #F8D076;
  }

  .petit{
  	padding-top:2.1em;
  }

   ul#Navigation {
    margin: 0; padding: 0;
    margin-top:0px;
     padding-top:0px;
     text-align: center;

  }

  ul#Navigation li {
    list-style: none;
    margin: 0.0em; padding: 4;
  }

  ul#Navigation a {
    display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #563118;
    background-color: #FFA637;
    width:8.8em;
  }

  ul#Navigation a:hover {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
   div#Rahmen {


   /* border: 1px solid black;
    background-color: #FAF9AF;*/
  }
 /* div#Info {
    font-size: 0.9em;
    float: right; width: 12em;
    margin: 0 10 1.1em; padding: 0;
    background-color: #eee; border: 1px dashed silver;
  }*/
   div#Inhalt {
    margin: 1 1em 1em 1em;
    padding: 0 1em;
    border: 1px dashed silver;
  }

   #aktuelbereich {
   position:absolute;
   top:5px;
   right:1px;
	 width:18.0em;
   padding-right:0.0em;
   margin-right:0.1em;
   border:4px solid #FFEE88;
}

  #roterBereich {
   position:absolute;
   top:180px;
   right:1px;

   padding-right:0.0em;
   margin-right:2.1em;
   border:4px solid #FFEE88;
}

#blauerBereich {
   position:absolute;
   top:426px;
   right:1px;

   padding-right:0px;
  margin-right:2.1em;
   border:4px solid #FFEE88;
}



#mitteBereich {
   position:absolute;
   top:180px;
   right:2px;
   width:63.9em;
   padding-right:0px;
  margin-right:2.5em;
   border:4px solid #FFEE88;
}