/* HTML zentrieren | 2009 - Free for all
   Ebenen-Styles
------------------------------------ */

#distance {
  float: left;
  height: 50%;
  margin-bottom: -180px; /* Muss die Hälfte der Höhe des zu zentrierenden Objekts sein, in diesem Fall 480px durch 2 */
  width: 1px
}

    #shell {
      clear: left;
      width: 640px;
      height: 360px;
      margin: 0 auto;
      position: relative;
      background: #000000
    }

/* 
  Diese Auszeichnungen sind für die Demo nicht relevant
------------------------------------ */

* {
  margin: 0;
  padding: 0;
  border: 0
}

li {
  list-style-type: none
}