body {
        background-color: #ddd;
        padding: 0;
        padding-bottom: 1em;
        margin: 0;
}

div.container {
        width: 702px;
        margin: 0 auto; /* centeren */
}

div.content {
        background-color: #fff;
/*        background-image: url('kblogo.gif');
        background-repeat: no-repeat;
        background-position: 32px 28px; */
        padding: 1em 5em 3em 4em;
        font-family: 'Century Schoolbook', 'Garamond';
        border: 1px solid #000;
        border-top: none;
}

div.content h2,
div.content h3 {
/*        border-bottom: 1px solid black; */
        margin-bottom: .25em;
        font-family: 'Trebuchet MS', 'Arial Black', 'Arial';
}

div.content p {
        margin-top: 1em;
        margin-left: 1.6em;
        padding: 0;
        padding-left: .8em;
        border-left: 1px solid #fff;
        line-height: 140%;
        text-align: justify;
}

div.content a {
        color: blue;
}

div.header {
        width: 700px;
        border: 1px solid black;
        border-bottom: none;
        height: 310px;
        background-color: #fff;
        background-image: url('wp.jpg');
        background-repeat: no-repeat;
        margin-top: 0;
}

div.header ul {
        padding: 0;
        margin: 0;
        position: absolute; /* overlay */
        border-bottom: 1px solid #444;
        top: 1px;
}

div.header ul li {
        list-style: none;
        display: inline;
        float: left;
}

div.header a {
        display: block;
        width: 100px;
        padding-top: 278px;
        padding-bottom: 4px;
        border-bottom: 8px solid #fff;
        text-align: center;
        vertical-align: bottom;
        color: #444;
        font-family: 'Garamond';
        font-size: 16px;
        text-decoration: none;
        font-weight: bold;

}

div.header a#l1:hover {
        color: #952420;
        border-bottom-color: #952420;
}
div.header a#l2:hover {
        color: #D7582F;
        border-bottom-color: #D7582F;
}
div.header a#l3:hover {
        color: #BE912C;
        border-bottom-color: #BE912C;
}
div.header a#l4:hover {
        color: #357225;
        border-bottom-color: #357225;
}
div.header a#l5:hover {
        color: #2686D2;
        border-bottom-color: #2686D2;
}
div.header a#l6:hover {
        color: #172468;
        border-bottom-color: #172468;
}
div.header a#l7:hover {
        color: #5B57B6;
        border-bottom-color: #5B57B6;
}

div.header img {
        display: block;
}

div.header h1 {
        padding-left: 16px;
        margin-top: 50px;
        font-family: 'Garamond';
        font-size: 36px;
/*        text-align: center; */
        color: #222;
}

div.content ul {
        margin-left: 1.5em;
        line-height: 140%;
}