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

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

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

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

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

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

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

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

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

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

ul.links {
font-family             : Helvetica, Arial, sans-serif;
list-style-type         : none;
position                : relative;
}

ul.links li {
position                : relative;
z-index                 : 200;
}

div.ahover {
position                : absolute;
}

img {
border                  : 0;
}

.part {
position                : absolute;
width                   : 156px;
height                  : 25px;
bottom                  : 50px;
left                    : 200px;
border                  : 0px #003368 solid;
}

.part a {
position                : absolute;
width                   : 156px;
height                  : 25px;
background-image        : url('images/button-particulier.png');
background-repeat       : no-repeat;
}

.part a:hover {
position                : absolute;
width                   : 156px;
height                  : 25px;
background-image        : url('images/button-particulier-hover.png');
background-repeat       : no-repeat;
}

.zake {
position                : absolute;
width                   : 118px;
height                  : 31px;
bottom                  : 43px;
right                   : 200px;
border                  : 0px #003368 solid;
}

.zake a {
position                : absolute;
width                   : 118px;
height                  : 31px;
background-image        : url('images/button-zakelijk.png');
background-repeat       : no-repeat;
}

.zake a:hover {
width                   : 118px;
height                  : 31px;
background-image        : url('images/button-zakelijk-hover.png');
background-repeat       : no-repeat;
}

.bigImage {
position                : absolute;
width                   : 600px;
height                  : 300px;
top                     : 120px;
left                    : 120px;
background-image        : url('images/big-image-default.pngx');
border                  : 1px solid #000000;
}