body {
    font-family:       Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:         62.5%;
    background-color:  #ffffd7;
    color:             #000000;
    text-align:        center;
    }

    * {
    margin:            0;
    padding:           0;
    font-size:         1em;
    }

    h1,h2,h3,h4,h5,h6  {
    font-weight:       normal;
    }

    #topdiv,#topdiv *  {
    text-align:        left;
    }

    #topdiv            {
    margin-left:       auto;
    margin-right:      auto;
    width:             900px;
    }

    #topbanner         {
    float:             left;
    width:             100%;
    height:            60px;
    background-color:  #9cceff;
    margin:            5px auto;
    }

    /* Menü links bzw. linke Spalte */
    #menu              {
    float:             left;
    width:             190px;
    height:            540px;
    background-color:  #9cceff;     // cyan
    }
    #menli             {
    width:             190px;
    margin:            0;
    font-size:         1.5em;
    list-style-type:   none;
    color:             #0000ff;     // blaue Schrift
    }
    #menli li          {
  //  Vor 'display inline', damit aktiver Menueintrag farbig markiert ist!!!
    display:           inline; /* double margin bug */
    }
    #menli a           {
    display:           block;
    padding:           3px;
    width:             184px;
    }
    #menli a.butt      {
    text-decoration:   none;
    }
    #menli a:hover     {
    background-color:  #c0c0c0;
    color:             #ffffff;
    }
    #menli li.hi       {
    color:             #ffffff;
    font-weight:       bold;
    background-color:  #ff4444;
    }
 
    #inhalt            {
    float:             right;
    width:             700px;
    height:            540px;
    font-size:         1.5em;
    }

    #mitte             {
    width:             890px;
    height:            540px;
    font-size:         1.5em;
    }

    #zentr             {
    text-align:        center;
    }

    /* Clearing bei 'floats' */
    .reset             {
    clear:             both;
    height:            1px;
    font-size:         1px;
    }

    h1                 {
    float:             left;
    margin-right:      50px;
    display:           inline; /* double margin bug */
    font-size:         1.6em;
    font-weight:       bold;
    color:             blue;
    }
    h2                 {
    float:             right;
    margin-right:      240px;
    display:           inline; /* double margin bug */
    font-size:         2.0em;
    font-weight:       bold;
    color:             blue;
    }
    h3                 {
    margin-left:       200px;
    display:           inline; /* double margin bug */
    font-size:         1.6em;
    font-weight:       bold;
    color:             #000000;
    }
    h4                 {
    display:           inline; /* double margin bug */
    font-size:         1.4em;
    color:             #000000;
    }
    /* Copyright - Angabe */
    span.cpright       {
    font-size:         .8em;
}

<!--[if lt IE 6]> /* Styles für IE 5.0 und 5.5! -Diese Conditional Comments
  werden nur von IE ab V.5 verstanden, alle anderen Browser ignorieren sie
  als Kommentare. Praktische und standardkonforme Browserweiche!         */
  /* Ausgleich wegen "double margin bug" */
      #menli a {
      width:           190px;
      }
  <![endif]-->