* {
                margin:0;
                padding:0;
                }

        html, body {
                height:100%;
                }

        body {
                background-image: url(images/mix/intro.jpg);
background-repeat: no-repeat;
background-position:center center;
background-attachment:fixed;
background-color:#00001F;
                font:100.01%/1.4 sans-serif;
                text-align:center; /* horizontal centering for IE Win quirks */
                }

        #distance {
                width:1px;
                height:50%;

                margin-bottom:-16em; /* half of container's height */
                float:left;
                }

        #container {
                margin:0 auto;
                position:relative; /* puts container in front of distance */
                text-align:left;
                height:27.5em;
                width:45em;
                clear:left;

                }

        #container div {
                font-size:80%;
                float:right;
                width:17em;
                margin-left:2em;
                }

        #container div h2 {
                font-size:120%;
                font-weight:bold;
                text-transform:uppercase;
                margin:1em 0 0;
                }



a { font-family:Times; font-size:22pt;color:#00005F; text-decoration:none;font-weight:bold; }

a.klein { font-family:Arial; font-size:11pt;color:#000000; text-decoration:none;font-weight:normal; }


a:link { color:#000000; }


a.klein:link { color:#000000; }


a:hover { color:#6F6F6F; }
a.klein:hover { color:#000000; }


a:active { color:#000000; }
a.klein:active { color:#000000; }


br.abstand {
        line-height:8px;
}