body{
        font-family: Helvetica,Arial,sans-serif;
        font-size: 100.01%;
        text-align: center;
        color: black; background-color: white;
        margin: 0;
        padding: 1em 0;
        text-align: center;
}

div#page {
        text-align: center;
        margin: 0 auto;
        width: 900px;
        position: absolute;
        top: 30%;
        left: 20%;
        padding: 0;
        background: white;
}

div#logo {
        font-size: 2.5em;
        font-weight: bold;
        background-color: white;
        padding: 0px;
        margin: 5px;
        height: 50px;
}
div#logoleft {
        float:left;
        width: 400px;
}

div#logoright {
        float:right;
        width: 450px;
        text-align: right;
}

div#logo a:link, div#logo a:visited{
  color: #7f7f7f;
  text-decoration:none;
}

div#logo a:hover {
  color: black;
  text-decoration:underline;
}


/* ------------------------------------------------------- */

div#content {
    vertical-align: top;
    margin: 0px;
        background-color: white;
    padding: 5px;
}
* html div#content {
    height: 1em;  /* Workaround 3-Pixel-Bug Internet Explorer < Version 6 */
    margin-bottom: 0;
}

div#content h1 {
    font-size: 1.2em;
    margin: 0.2em 0;
}
div#content p {
    font-size: 1em;
    margin: 1em 0;
}

div#content li {
    list-style-image: url(images/text_dot.png);
}

div#box {
        float: right;
        width: 200px;
        margin: 5px;
        border: #232323 1px dashed;
}

/* ------------------------------------------------------ */
.footer{
        clear: both;
        background-color: white;
        font-size: 75%;
        color: black;
        padding: 4px 10px 4px 10px;
        margin: 0;
}

.footer a:active {
  color:#000000;
  text-decoration:underline;
}
.footer a:link, .footer a:visited{
  color: black;
  text-decoration: none;
}
.footer a:hover{
  color: black;
  text-decoration:underline;
}