/* CSS Document */

#bg {
position:absolute;
width:100%;
height:100%;
top:0;
z-index:1;
background-position:top center;
background-repeat:no-repeat;
background-size:cover;
}

#bg img{
display:none;
}

#bg-mobiel {
display:none;
}

#headerwrapper {
z-index:2;
position:relative;
}

#contentwrapper {
display:none;
}

#asideheader {
margin-top:80vh;
}

#asideheader, #asidewrapper, #footerwrapper {
position:relative;
z-index:2;
}

@media screen and (max-width: 1023px) {

#bg {
position:relative;
z-index:3;
height:auto;
}

#bg img {
display:block;
width:100%;
height:auto;
}

#asideheader {
margin-top:-38px;
z-index:4;
}

#headerwrapper {
z-index:4;
}

} /* end mediaquery */

@media screen and (max-width: 700px) {

#bg {
display:none;
}

#bg-mobiel {
display:block;
}

#bg-mobiel img {
display:block;
width:100%;
height:auto;
}

} /* end mediaquery */