#distance
{ width:1px;
  height:50%;
  margin-bottom:-300px; /* halbe container-höhe */
  float:left;
}

#container
{ margin:0 auto;
  position:relative; /* legt container vor distance   */
  height:600px;
  width:1020px;
  clear:left;
}
/*   background-color:#556699;    */

#mitte
{ position:absolute;
  top:50%;
  left:50%;
  width:1020px;    margin-left:-510px;
  height:600px;    margin-top:-300px;
}