body  { font-family: Helvetica, Verdana, Arial, sans-serif ; font-size: medium ;
          margin: 0em ; background-color: white }

  div#hdr { position: relative ;
            width: 680px ; height: 220px ;
            background-color: white;
            background-image: url(hp_hdr.jpg) ;
            background-position: top left ;
            background-repeat: no-repeat ;
          }
  div.main { position: relative ;
             margin-left: 179px ;
             font-size: 14px ;
             border-bottom: 1px white solid ;   /* keine Ahnung, warum das
                                                   nun wieder nötig ist,
                                                   aber ohne diese Border
                                                   rutscht das Zeug im
                                                   Firefox vertikal zusammen */
           }
  .main h1 { font-size: 120% ; margin: .4em 0 .1em 0 }
  .main p  { margin: 0 0 .2em 0 }
  .main a:link    { color: black }
  .main a:visited { color: black }
  .main a:hover   { color: #CE2B04 }
  .main a:active  { color: #CE2B04 }

  .main ul { margin: .5em 0 ; padding: 0 }
  .main li { margin: 0 0 0 1.1em ; padding: 0 }

  div.mtit { position: absolute; top: 0px ; left: -179px ; width: 166px ;
             color: white;
             background-color: #a60000 ;
             font-family: Impact ;
             font-size: 16px ;
             text-align: right ;
           }
  div.mtit p { margin: .5em }

  .bor  { position: absolute ; margin: 0px ; padding: 0px ; border: none ; top: 0 ; right: 0 }
  .bur  { position: absolute ; margin: 0px ; padding: 0px ; border: none ; bottom: 0 ; right: 0 }