* {
                margin:0;
                padding:0;
                }

        html, body {
                height:100%;
                }

        body {
                background-color:#ffffff;
                color:#002C5A;
                font:100.01%/1.4 eurostyle, verdana, tahoma, sans-serif;
                text-align:center; /* horizontal centering for IE Win quirks */
                }

        #distance {
                width:1px;
                height:50%;
                background-color:#ffffff;
                margin-bottom:-300px; /* half of container's height */
                float:left;
                }

        #hauptcontainer {
                margin:0 auto;
                position:relative; /* puts container in front of distance */
                text-align:right;
                height:460px;
                width:595px;
                clear:left;

                 }


a:link.seiten    {

  font-size:11px;

  color:#002C5A;

  font-weight:normal;

  text-decoration:none;

}

a:visited.seiten {

  font-size:11px;

  color:#002C5A;

  font-weight:normal;

  text-decoration:none;

}

a:focus.seiten   {

  font-size:11px;

  color:#002C5A;

  font-weight:normal;

  text-decoration:none;

}

a:hover.seiten   {

  font-size:11px;

  color:#000000;

  font-weight:normal;

  text-decoration:none;

}

a:active.seiten  {

  font-size:11px;

  color:#002C5A;

  font-weight:normal;

  text-decoration:none;

}