html{
margin: 0; 
padding: 0;
height: 100%;
width: 100%; 
}


body{
margin: 0; 
padding: 0;
text-align: center;
background-color: #0a112c; 
width: 100%; 
height: 100%;
height: auto !important;
min-height: 100%;
font-family: verdana, arial, sans-serif; 
font-size: 11px; 
font-weight: normal;
color: #FFFFFF;

}

img {
border: 0;
}


#wrapper{

width: 100%;


margin: 0;
padding: 0;
z-index: 0;
height: 100%;
}

#main{
margin: 0 auto 0 auto;
width:1005px; 
height: 100%;
text-align: left;
z-index: 1;
}

#header{
padding:0;
margin: 0;
width: 1005px;
height: 170px;

}
#logo{
position: absolute;
padding:0;
margin-top: 40px;
margin-left: 372px;
width: 265px;
height: 66px;
}
#slogan-mh{
position: absolute;
padding:0;
margin-top: 40px;
margin-left: 680px;
width: 135px;
height: 66px;
}
#bollijn{
position: absolute;
padding:0;
margin-top: 160px;
margin-left: 0px;
width: 1003px;
height: 5px;
background-image: url("images/bollijn.png");
background-repeat: no-repeat;
background-position: top center;
}
#menu{
position: absolute;
padding:0;
margin-top: 140px;
margin-left: 0px;
height: 15px;
width: 1005px;
font-family: verdana, arial, sans-serif; 
font-size: 11px; 
font-weight: normal;
color: #FFFFFF;
text-align: center;
}

#promowebshop{
position: absolute;
padding:0;
margin-top: 140px;
margin-left: 880px;
height: 15px;
font-family: verdana, arial, sans-serif; 
font-size: 11px; 
font-weight: normal;
color: #FFFFFF;
}

#nieuwsbrief{

padding:0;
margin: 15px 0 0 0;

height: 15px;
font-family: verdana, arial, sans-serif; 
font-size: 11px; 
font-weight: normal;
color: #FFFFFF;
}
#contentmain{

padding:0 0 0 0;
margin: 0;
width: 1005px;
min-height: 520px;
height: auto;

}

#contentleft{
float: left;
margin-top: 30px;
margin-left: 0px;
width: 550px;
min-height: 520px;
height: auto;
font-size: 10px;
text-align: left;
line-height: 1.5em;

}

#contentleftcontact{
float: left;
margin-top: 30px;
margin-left: 0px;
width: 550px;
min-height: 520px;
height: auto;
font-size: 10px;
text-align: right;
line-height: 1.5em;

}

#contentright{
float: left;
margin-top: 30px;
margin-left: 0px;
padding-right: 5px;
width: 440px;
min-height: 520px;
height: auto;
color: #FFFFFF;
font-size: 10px;
line-height: 1.5em;
padding-left: 10px;
text-align: left;

}
#menu2{

padding:0;
margin-top: 2px;
margin-left: 0px;
width: 1005px;
height: 30px;
font-family: verdana, arial, sans-serif; 
font-size: 11px; 
font-weight: normal;
color: #FFFFFF;
text-align: center;
}

#footer{
margin: 0 auto 20px auto;
font-size: 9px;
text-align: center;
color: #454a5e;
width: 1005px;


}
#bollijnfoot{

padding:0;
margin-top: 0px;

width: 1003px;
height: 5px;
background-image: url("images/bollijn.png");
background-repeat: no-repeat;
background-position: top center;
}




#paginatie{
position: relative;
width: 550px;
height: 92px;
cursor:pointer;
}
.paginator{
position: absolute;
margin-top: 374px;
margin-left: 446px;
}

.paginator .active
{
color:#EDBF48;
padding:3px 5px;
text-decoration:none;
}
.paginator .inactive
{
color:#666666;
cursor:default;
text-decoration:none;
padding:3px 5px;

}
.projectnaam{
margin-right: 100px;
margin-top: -55px;

color: #EDBF48;
font-size: 11px;
padding-left: 10px;
}

.projectdatum{
color: #FFFFFF;
font-size: 11px;

}
.projectdatum2{
position: relative;
top: -10px;
color: #FFFFFF;
font-size: 9px;

}
.projectthumb{

}

.project1{
text-align: right;
color: #FFFFFF;
width: 550px;
height: 92px;
}

.project2{
text-align: right;
width: 550px;
height: 86px;
margin-bottom: 6px;
background-image: url("images/hoverback.png");
background-repeat: repeat;
background-position: top left;

}
H1{
color: #EDBF48;
font-size: 11px;
margin-bottom: 10px;
}
a.footerlink:link, a.footerlink:visited{
color: #454a5e;
text-decoration: none;
}

a.footerlink:hover {
color: #747d9f;
text-decoration: underline;
}

a.menulink:link, a.menulink:visited{
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

a.menulink:hover {
color: #EDBF48;
text-decoration: none;
font-weight: normal;
}
a.menulinkpromo:link, a.menulinkpromo:visited{
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

a.menulinkpromo:hover {
color: #d0ccd4;
text-decoration: none;
font-weight: normal;
}
a.selected:link, a.selected:visited{
color: #EDBF48;
text-decoration: none;
font-weight: normal;
}

a.selected:hover {
color: #EDBF48;
text-decoration: none;
font-weight: normal;
}
a.menulink2:link, a.menulink2:visited{
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
font-size: 10px;
letter-spacing:-1px
}

a.menulink2:hover {
color: #EDBF48;
text-decoration: none;
font-weight: normal;
font-size: 10px;
letter-spacing:-1px
}

a.teruglink2:link, a.teruglink2:visited{
color: #EDBF48;
text-decoration: none;
font-weight: normal;
font-size: 10px;
letter-spacing:-1px
}

a.teruglink2:hover {
color: #EDBF48;
text-decoration: underline;
font-weight: normal;
font-size: 10px;
letter-spacing:-1px
}

a:link, a:visited{
color: #EDBF48;
text-decoration: none;
font-weight: normal;
font-size: 11px;

}

a:hover {
color: #EDBF48;
text-decoration: underline;
font-weight: normal;
font-size: 11px;

}

a.selected2:link, a.selected2:visited{
color: #EDBF48;
text-decoration: none;
font-weight: normal;
font-size: 10px;
letter-spacing:-1px
}

a.selected2:hover {
color: #EDBF48;
text-decoration: none;
font-weight: normal;
font-size: 10px;
letter-spacing:-1px
}