html, body {
margin              : 0;
padding             : 0;
overflow            : auto;
}

.top {
position            : absolute;
width               : 100%;
height              : 50%;
background-color    : #E5EAF0;
border              : 0px #000000 solid;
}

.mid {
position            : absolute;
width               : 100%;
height              : 6px;
background-color    : #FFFFFF;
top                 : 50%;
margin-top          : -4px;
border-top          : 1px #003368 solid;
border-bottom       : 1px #003368 solid;
z-index             : 1;
}

.bot {
position            : absolute;
width               : 100%;
height              : 50%;
background-color    : #F3D796;
top                 : 50%;
margin-top          : -1px;
border              : 0px #000000 solid;
}

.container {
position            : absolute;
top                 : 50%;
margin-top          : -275px;
left                : 50%;
margin-left         : -485px;
z-index             : 1;
}

.portal-container {
border              : 0px #000000 solid;
}

.portal {
width               : 970px;
height              : 550px;
background-image    : url('images/bg.png');
background-position : 0 100%;
background-repeat   : no-repeat;
border              : 1px #003368 solid;
}

.welkom {
position            : absolute;
width               : 300px;
height              : 100px;
background-image    : url('images/welkom.png');
background-repeat   : no-repeat;
top                 : 100px;
right               : 15px;
z-index             : 2;
}

.logo {
position            : absolute;
width               : 970px;
height              : 89px;
background-image    : url('images/logo.png');
background-repeat   : no-repeat;
top                 : 1px;
left                : 1px;
z-index             : 1;
}

.bloemendaal {
position            : absolute;
top                 : 100px;
left                : 70px;
}

.driebergen {
position            : absolute;
bottom              : 130px;
left                : 0px;
}

ul.links div.ahover {
background              : #F6E7C0;
padding                 : 3px;
-webkit-border-radius   : 5px;
-moz-border-radius      : 5px;
border                  : 1px solid #F3D796;
}

ul.links {
    clear: both;
    font-family: Helvetica, Arial, sans-serif;
    list-style-type: none;
    position: relative;
    margin: 2em;
    padding: 1em;
}

ul.links li {
    position: relative;
    z-index: 200;
    padding: 0 0.5em;
    line-height: 1.5;
    float: left;
}

div.ahover {
    position: absolute;
}

img {
border              : 0;
}