body {
     background-color: #403055;
        font: normal small Arial, Helvetica, sans-serif;
        text-align: justify;
        color: #674F8B;
        border: 0;
        height: 100%;
                text-align:center; /* horizontal centering for IE Win quirks */
}

A {
  color: #FFF;
}

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

        #container {
                margin:0 auto;
                position:relative; /* puts container in front of distance */
                text-align: left;
                height:50.5em;
                width:45em;
                clear:left;
                background-color:#403055;
                }
#mission{
         position: absolute;
         top: 20px;
         left: 120px;
         text-align: justify;
         color: #FFFFFF;
         }
#box1 {
    position: absolute;
    top: 150px;
    left: 50px;
}

#box2 {
    position: absolute;
    top: 150px;
    left: 225px;
}

#box3 {
    position: absolute;
    top: 150px;
    left: 400px;
}

#box4 {
    position: absolute;
    top: 250px;
    left: 100px;
 }

#box5 {
    position: absolute;
    top: 250px;
    left: 275px;
}

#box6 {
    position: absolute;
    top: 250px;
    left: 450px;
}

#box7 {
    position: absolute;
    top: 350px;
    left: 150px;
 }

#box8 {
    position: absolute;
    top: 350px;
    left: 325px;
}

#box9 {
    position: absolute;
    top: 350px;
    left: 500px;
}

#textfeld {
         position: absolute;
         top: 450px;
         left: 120px;
         color: #FFFFFF;
}