#top  {
      position:absolute;
      z-index:100;
      width:980px;
      height:200px;
      left:50%;
      margin-left:-490px;
    }

    .logo  {
      position:absolute;
      z-index:1;
      margin-left:-490px;
      left:50%;
    }

    .navtop  {
      margin-left:212px;
      padding-top:112px;
      position:absolute;
      z-index:100;
    }

    .nav  {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }

    .nav li  {
      list-style-type:none;
      font-weight:normal;
      float:left;
      height:28px;
      text-align:center;
    }

    .nav li a  {
      line-height:16px;
      font-size:12px;
      color:#ffffff;
      float:left;
      list-style-type:none;
      font-weight:normal;
      height:28px;
      padding-top:5px;
      text-align:center;
      text-decoration:none;
    }

    .nav li a:hover{
      list-style-type:none;
      font-weight:normal;
      background-color:#00447b;
      height:23px;
      text-align:center;
      text-decoration:none;    
    }

    .trenner  {
      float:left;
      background-image:url(../img/nav/trenner.gif);
      background-repeat:no-repeat;
    }