







h1 {
	font-size: 24px;
}















/* - - - - - - CONTENTBLOCKS - - - - - -  */
.contentblok {
	margin:15px 0 25px 0;
}

/* default contentblok met foto links/rechts */
.contentblok.links > div.content,
.contentblok.rechts > div.content {
    display:block;
}

.contentblok.links > div.content > div,
.contentblok.rechts > div.content > div {
    display:block;
}
.contentblok.links > div.content > div.img,
.contentblok.rechts > div.content > div.img {
    width:100%;
}


/* default contentblok met foto links */
.contentblok.links > div.content > div.img {
    padding: 0 0 25px 0;
}

/* default contentblok met foto rechts */
.contentblok.rechts > div.content {
    direction:ltr;
}
.contentblok.rechts > div.content > div.img {
    padding: 0 0 25px 0;
}



.contentspacer {
	margin:15px 0 25px 0;
}





















/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* WEBSITE SETTINGS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* LINKS_OVERZICHT */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#linksWrap > div.item {
    width: calc((100% - 25px) / 2);
}
div#linksWrap > div.item:nth-child(3n+2) {
    margin-left: 0;
    margin-right: 0;
}
div#linksWrap > div.item:nth-child(2n+2) {
    margin-left: 25px;
    margin-right: 0;
}

@media (max-width: 639px) {
	div#linksWrap > div.item h5 {
		font-size: 17px;
	}
}
@media (max-width: 479px) {
    div#linksWrap > div.item {
        width: 100%;
    }
    div#linksWrap > div.item:nth-child(2n+2) {
        margin-left: 0;
        margin-right: 0;
    }
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* WEETJES OVERZICHT */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#weetjesWrap .item > div.img {
	width: 50%;
}
@media (max-width: 479px) {
    div#weetjesWrap .item {
        display: block;
    }
    div#weetjesWrap .item > div {
        display: block;
    }
    div#weetjesWrap .item > div.img {
        width: 100%;
        padding-bottom: 25px;
    }
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* AANNEMER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#fichenavi > div:nth-child(1) {
	width:0;
}
div#fichenavi > div:nth-child(2) {
	padding-left: 0;
	width:50px;
}
div#fichenavi > div:nth-child(3) {
    width:auto;
    text-align: left;
}
div#fichenavi > div:nth-child(4) {
    width:200px;
}





div#ficheWrap {
	display: block;
	margin: 15px 0 25px 0;
}
div#ficheWrap > div {
    display: block;
}
div#ficheWrap > div.images {
    width: 100%;
    max-width:480px;
    padding-left: 0;
    margin: auto;
}



div#ficheWrap div.contact {
	display: block;
}
div#ficheWrap div.contact > div {
	display: block;
	width: 100%;
}
div#ficheWrap div.contact > div:nth-child(1) {
    padding-right: 0;
    padding-bottom: 15px;
}

div#ficheWrap div.labels > div {
	width: 50%;
}



div#ficheWrap div.logo {
    display: none;
}
div#ficheWrap div.gallery {
    margin-top: 25px;
}


div#mapboxContainer {
	padding-right: 0;
}








/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* AANNEMERS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#resultsWrap div.item > div {
	display: table-cell;
	vertical-align: top;
}
div#resultsWrap div.item > div.logo {
    display: none;
}








/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HOME */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@media (max-width: 639px) {
    body#page-home header div.logo {
        width: 120px;
    }
}


body#page-home header form {
    display: table-cell;
    padding-left: 15px;
}



body#page-home header form > span {
    margin-bottom: 10px;
    width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}
body#page-home header form > input[type="text"] {
	width: calc(100% - 30px);
    margin-right: 0;
    margin-bottom: 10px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}
body#page-home header form > a {
	width: 100%;
	height:30px;
	padding: 8px 8px 5px 8px;
}
header form > a img {
	width: 20px;
}




body#page-home header nav#mobile {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
}
body#page-home header nav#mobile a:not(#openMenu) {
    display: none;
}






div#catWrap > div.cat {
	display: block;
	width: 100%;
	padding: 15px 0 15px 0;
}
div#catWrap > div.cat:nth-child(2n+1) {
	padding-right: 0;
}
div#catWrap > div.cat:nth-child(2n+2) {
	padding-left: 0;
}







div.homebalk {
	padding: 75px 0;
    padding: 40px 0;
}

@media (max-width: 639px) {
    div.homebalk {
        padding: 25px 0;
        margin: 50px 0;
    }
	div.homebalk h3 {
		font-size: 25px;
	}
	div.homebalk a.meer {
		font-size: 18px;
	}
}
@media (max-width: 479px) {
    div.homebalk {
        padding: 25px 0;
    }
    div.homebalk svg {
        display: none;
    }
	div.homebalk h3 {
		font-size: 22px;
	}
	div.homebalk a.meer {
		font-size: 18px;
	}
    
    div.homebalk a.meer {
        font-size: 18px;
        margin-top: 22px;
        padding: 10px 25px;
    }
}





div#homeGrid > div.item {
    padding: 25px;
    width: calc((100% - 25px) / 2);
}
div#homeGrid > div.item:nth-child(3n+2) {
    margin-left: 0;
    margin-right: 0;
}
div#homeGrid > div.item:nth-child(2n+2) {
    margin-left: 25px;
    margin-right: 0;
}
div#homeGrid h3 {
    font-size: 22px;
}

@media (max-width: 639px) {

    div#homeGrid {
        margin: 50px auto 25px auto;
    }

    div#homeGrid > div.item {
        padding: 15px 20px;
    }
	div#homeGrid > div.item h3 {
		font-size: 17px;
    }
    
    div#homeGrid a.meer {
        font-size: 16px;
        margin-top: 15px;
        padding: 7.5px 15px;
    }
}
@media (max-width: 479px) {
    div#homeGrid > div.item {
        width: 100%;
    }
    div#homeGrid > div.item:nth-child(2n+2) {
        margin-left: 0;
        margin-right: 0;
    }

    div#homeGrid > div.item {
        padding: 20px;
    }
	div#homeGrid > div.item h3 {
		font-size: 22px;
    }
    
    div#homeGrid a.meer {
        font-size: 18px;
        margin-top: 22px;
        padding: 10px 25px;
    }
}













/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* TEMPLATE */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */



.wrapper {
	padding:0 15px;
}





nav#top {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height: 100%;

    display: none;
    z-index: 991;

    font-size: 15px;
    font-weight: 600;
	text-align: center;
}
nav#top a {
    display: block;
    margin: 15px 0;
}
nav#top span {
	display: none;
}



nav#top a#closeMenu {
	display: block;
}






header div.logo {
    width: 200px;
}

@media (max-width: 639px) {
    header div.logo {
        width: 150px;
    }
}
header form {
    display: none;
}




header nav#mobile {
    display: table-cell;
}



header a#scrollDown {
	left: calc(50% - 15px);
	width: 30px;
	height: 30px;

	font-size: 24px;
}





main {
	padding: 5px 0 30px 0;
}




div.bannering {
	margin: 30px 0;
}
div.bannering.leaderboard {
	display: none;
}
div.bannering.medium-rectangle {
	display: block;
}







footer#lidworden {
    padding:15px 0;
}








footer#contact {
	padding:15px 0;
}
footer#contact > div.wrapper {
	flex-wrap: wrap;
	justify-content:space-between;
}
footer#contact > div.wrapper > div {
	width: calc((100% - 50px) / 2);
}
footer#contact > div.wrapper > div:nth-child(1) {
    width: 100%;
    margin-bottom: 25px;
}


@media (max-width: 479px) {
	footer#contact > div.wrapper {
        flex-wrap: wrap;
        flex-direction: column;
    }
    footer#contact > div.wrapper > div {
        width: 100%;
        margin-top: 25px;
    }
    footer#contact > div.wrapper > div:nth-child(1) {
        margin: 0;
    }
}


