body {
    margin: 0;
    padding: 0;
    background-color: #EEE;
    color: #4C4C4C;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    text-align: center;
}
a {
    color: #102A54;
}
a:visited {
    color: #619FD2;
}

div#center {
    position: relative;
    margin: 0 auto 0 auto;
    width: 906px;
    height: 100%;
    background: #EEE url(/skin/page-bg.png) 50% 0 repeat-y;
    text-align: left;
}

div#content {
    overflow: auto;
    margin: 0 256px 0 198px;
    padding: 5px 20px 5px 20px;
    width: 412px;
    height: 390px;
}
* html div#content {
    width: 396px;
}
div#content h1 {
    margin: 10px 0 0 0;
    color: #619FD2;
    font-size: 1.4em;
}
div#content h2 {
    margin: 10px 0 0 0;
    color: #06204B;
    font-size: 1.2em;
    font-variant: small-caps;
}
div#content h3 {
    margin: 10px 0 0 0;
    color: #619FD2;
    font-size: 1.4em;
}
div#content h4 {
    margin: 2px 0 0 0;
    color: #06204B;
    font-size: 1.1em;
    font-variant: small-caps;
}
div#page {
    position: absolute;
    left: 0;
    top: 196px;
    height: 400px;
    width: 906px;
}
div#leftbox {
    position: absolute;
    left: 0;
    top: 0px;
    width: 198px;
    background-color: #06204B;
    color: #48689B;
    font-size: 0.8em;
}
div#leftbox p {
    height: 40px;
    margin: 10px 20px 10px 20px;
    padding: 0;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
}
div#rightbox {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 256px;
    border-top: 60px solid #619FD2;
}

div#top {
    position: absolute;
    top: 0;
    left: 0;
    width: 906px;
    height: 196px;
    background: #619FD2 url(/skin/achtergrondblauw.png) right bottom no-repeat;
}
ul#mainnav {
    width: 703px;
    height: 56px;
    margin: 0 0 0 198px;
    padding: 0 0 0 5px;
    list-style: none;
    background-color: #FFF;
}
ul#mainnav li {
    position: relative;
    float: left;
    margin-top: 30px;
}
ul#mainnav li  a {
    display: block;
    background-image: none;
    height: 26px;
    background-image: url(/skin/topmenu.png);
}
/*ul#mainnav > li > a {
    display: block;
    margin-right: 12px;
    background-image: none;
    color: #000;
    text-decoration: none;
    line-height: 26px;
    font-variant: small-caps;
    font-weight: bold;
    font-size: 1.08em;
}*/
ul#mainnav  li a:hover {
    color: #619FD2;
}
ul#mainnav li a#algemeen {
    width: 60px;
    background-position: -8px -30px;
}
ul#mainnav li a#algemeen:hover, ul#mainnav li a#algemeen.active {
    background-position: -8px -86px;
} /* 68 */
ul#mainnav li a#detacheringen {
    width: 93px;
    background-position: -68px -30px;
}
ul#mainnav li a#detacheringen:hover, ul#mainnav li a#detacheringen.active {
    background-position: -68px -86px;
} /* 161 */
ul#mainnav li a#reintegratie {
    width: 168px;
    background-position: -161px -30px;
}
ul#mainnav li a#reintegratie:hover, ul#mainnav li a#reintegratie.active {
    background-position: -161px -86px;
} /* 329 */
ul#mainnav li a#groen {
    width: 45px;
    background-position: -329px -30px;
}
ul#mainnav li a#groen:hover, ul#mainnav li a#groen.active {
    background-position: -329px -86px;
} /* 374 */
ul#mainnav li a#bouw {
    width: 41px;
    background-position: -374px -30px;
}
ul#mainnav li a#bouw:hover, ul#mainnav li a#bouw.active {
    background-position: -374px -86px;
} /* 415 */
ul#mainnav li a#industrie {
    width: 64px;
    background-position: -415px -30px;
}
ul#mainnav li a#industrie:hover, ul#mainnav li a#industrie.active {
    background-position: -415px -86px;
} /* 479 */
ul#mainnav li a#werken {
    width: 126px;
    background-position: -479px -30px;
}
ul#mainnav li a#werken:hover, ul#mainnav li a#werken.active {
    background-position: -479px -86px;
} /* 605 */
ul#mainnav li a#contact {
    width: 53px;
    background-position: -605px -30px;
}
ul#mainnav li a#contact:hover, ul#mainnav li a#contact.active {
    background-position: -605px -86px;
} /* 658 */
ul#mainnav li ul.subnav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#mainnav li ul.subnav li {
    float: none;
    height: 20px;
    margin: 0;
    padding: 0 0 0 5px;
    line-height: 20px;
}
ul#mainnav li ul.subnav li a {
    height: 20px;
    color: #FFF;
    background-image: none;
    text-decoration: none;
    line-height: 20px;
    white-space: nowrap;
}
ul#mainnav li ul.subnav li a:hover, ul#mainnav li ul.subnav li a.active {
    font-weight: bold;
}

div#logo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 198px;
    height: 141px;
    background: #FFF url(/skin/logo.png) bottom left no-repeat;
}
div#bottom {
    position: absolute;
    top: 596px;
    left: 198px;
    width: 452px;
    height: 28px;
    background: #FFF url(/skin/mensenwerkvakwerk.png) bottom left no-repeat;
}

form td {
    color: #619FD2;
    font-size: 10pt;
    font-weight: normal;
}
input.form, textarea.form {
    width: 100%;
    border: 1px solid #619FD2;
    color: #4C4C4C;
    font-weight: normal;
}
input.button {
    border: 1px solid #619FD2;
    background-color: #619FD2;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
}