/* ------------------ max-width 1520 --------------------------- */

@media (max-width: 1520px) {

.climiet {
	width:100%;
	padding-left:60px;
	padding-right:60px;
	float: left;
}

.cleft {
	padding-right:0px;
}
	
.contentafbgroottekst {
	width: -moz-calc(50% - 60px);
    width: -webkit-calc(50% - 60px);
    width: calc(50% - 60px);
	left: 60px;
}
	
main {
	padding-right: 60px;
}
		
}
	
/* ------------------ max-width 1399 --------------------------- */

@media (max-width: 1399px) {

.volgordeitemkadertekst {
	padding:0px;
	padding-top:15px;
}

}

/* ------------------ max-width 1299 --------------------------- */
	
@media (max-width: 1299px) {

nav {
	width: -moz-calc(100% - 350px);
    width: -webkit-calc(100% - 350px);
    width: calc(100% - 350px);
}

nav ul li {
	margin-right:20px;
}

.reklamebalkkader {
	height:30px;
}

.reklamebalktekst {
	width:75%;
	height:30px;
	line-height:28px;
}

main {
	width: -moz-calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
}

aside {
	width:300px;
}

.contactcontainer {
	width: -moz-calc(100% - 360px);
    width: -webkit-calc(100% - 360px);
    width: calc(100% - 360px);
}

.tweekoloms {
	padding-right:30px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
}

.contentitemstekst {
	padding-bottom:15px;
	height:120px;
}

.itemkaderbalktekst2streepje {
	display:none;
}
	
}

/* ------------------ max-width 1199 --------------------------- */
	
@media (max-width: 1199px) {

.logo {
	margin-right:45px;
}

nav {
    padding-right:30px;
}

nav ul li {
	margin-right:15px;
}

.contactkader {
	width:50vw;
}

.nieuwsitemcontainer {
	width: -moz-calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
    padding-right:60px;
}

.nieuwsitemkader, .nieuwsitemkaderafbeelding, .nieuwsitemkadertransparant, .nieuwsitemkadertekst {
	height:150px;
}

.nieuwsitemkadertekst h3 {
	margin-top:0px;
}
	
}

	
/* ------------------ max-width 1099 --------------------------- */
	
@media (max-width: 1099px) {


nav ul li {
	margin-right:10px;
}

nav ul {
	font-size: 80%;
}

article, .titelcontainer, .breadcrumkader, .nieuwsitemcontainer, .itemcontainer, .itemcontainerhp, .selectcategoriekader {
	padding-left:90px;
}

article {
	padding-right:0px;
}

.homepagehfdonderwerp {
	height: 180px;
}

}

/* ------------------ max-width 999 --------------------------- */
	
@media (max-width: 999px) {

header {
	height:145px;
}

.logo {
	width:200px;
	height:80px;
	margin-top:45px;
	margin-left:120px;
	margin-right:90px;
}

.icoonkader {
	margin-right:45px;
}

.reklamebalkkader {
   	width: 100vw;
	background-position: right -150px center;
}

.reklamebalktekst {
	width:90%;
	padding-left:120px;
}

nav {
	display:none;
}

label[for="nav-trigger"], .sidemenu  {
	display:block;
}

.raster {
	width:60px;
	height:60px;
}

.contactkader {
	width:100vw;
	z-index:0;
}

main, .nieuwsitemcontainer {
	width: -moz-calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
    width: calc(100% - 250px);
}

aside {
	width:250px;
}

article, .titelcontainer, .breadcrumkader, .nieuwsitemcontainer, .itemcontainer, .itemcontainerhp, .selectcategoriekader {
	padding-left:60px;
}

.footerkolom {
	width:50%;
	height:auto;
	min-height:30px;
	float:left;
	padding-right:30px;
}

.contentitems {
	width: -moz-calc(40% - 30px);
    width: -webkit-calc(40% - 30px);
    width: calc(40% - 30px);
}


}
	
/* ------------------ max-width 899 --------------------------- */
	
@media (max-width: 899px) {

.logo {
	margin-left:60px;
}

.homepagehfdonderwerp {
	height: 150px;
}

main {
	width:100%;
	padding-right:120px;
}

.icoonkader {
	margin-right:30px;
}

article {
	padding-right:0px;
}

aside {
	left: -moz-calc(50% - 130px);
    left: -webkit-calc(50% - 130px);
    left: calc(50% - 130px);
    position: relative;
    padding-top:0px;
    padding-bottom:15px;
}

.extrapaddingtop {
	padding-top:0px;
}

.nieuwsitemcontainer {
	width: 100%;
}

.nieuwsitemkader, .nieuwsitemkaderafbeelding, .nieuwsitemkadertransparant, .nieuwsitemkadertekst {
	height:200px;
}

.nieuwsitemkadertekst h3 {
	margin-top:20px;
}

article, .titelcontainer, .breadcrumkader, .nieuwsitemcontainer, .itemcontainer, .itemcontainerhp, .selectcategoriekader {
	padding-left:0px;
}

.raster {
	width:30px;
	height:30px;
}

.contactkader {
	padding-left:55px;
}
	
.contentafbgroottekst {
	padding-top:0px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:5px;
}

.itemkaderkleinafbeelding, .itemkaderkleintransparant {
    margin-top:-65%;
}

.formuliercontainertekst {
	width: 100%;
	padding-right: 30px;
}

.formuliercontainer {
	width: 100%;
}

.meldingformulier {
	width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
	left: 30px;
}

.contentafbkader {
	width: -moz-calc(25% - 30px);
    width: -webkit-calc(25% - 30px);
    width: calc(25% - 30px);
	padding-top:13%;

}

}


/* ------------------ max-width 799 --------------------------- */
	
@media (max-width: 799px) {

h1 {
	font-size: 220%;
}

h2 {
	font-size: 160%;
}


h3 {
	font-size: 120%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 120%;
}

span.homepagehfdonderwerptekst h1 {
	font-size:220%;
}

.itemkaderklein {
	width: -moz-calc(33.33% - 30px);
    width: -webkit-calc(33.33% - 30px);
    width: calc(33.33% - 30px);
    padding-top:18%;
}

.itemkaderkleinafbeelding, .itemkaderkleintransparant {
    margin-top:-65%;
}

.footerkolom {
	width:60%;
}

.footerkolomplus {
	width:40%;
}

.contentitems {
	width: -moz-calc(50% - 30px);
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
}

.iconenbalk {
display:none;
}

}

/* ------------------ max-width 699 --------------------------- */
	
@media (max-width: 699px) {

main {
	padding-right:0px;
}

.icoonkader {
	width:50%;
	margin-right:0px;
	padding-right:60px;
	height:45px;
	border-bottom:thin solid #DCDDDE;
}

.vacatureicoon-grijs {
	width: 35px;
}

.homepagehfdonderwerp {
	height: 120px;
}

.vacaturebalk {
	width: 100vw;
	height:auto;
	min-height:65px;
}

.vacatureselectiekader {
	display:none;
}

.asidealgemeen {
	margin-top:0px;
}

.nieuwsitemcontainer {
	padding-right:0px;
}

.nieuwsitemkader, .nieuwsitemkadertekst {
	height:auto;
	min-height:110px;
}

.nieuwsitemkaderafbeelding, .nieuwsitemkadertransparant {
	height:200px;
}

.nieuwsitemkaderafbeelding, .nieuwsitemkadertransparant, .nieuwsitemkadertekst {
	width:100%;
}

.nieuwsitemkadertekst h3 {
	margin-top:0px;
}

.contentafbkader {
	width: -moz-calc(50% - 30px);
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
	padding-top:28%;
	-webkit-filter: grayscale(0) opacity(1);
	filter: grayscale(0) opacity(1);
}

}

/* ------------------ max-width 599 --------------------------- */
	
@media (max-width: 599px) {

h1 {
	font-size: 160%;
}

header {
	height:115px;
}

.logo {
	left: -moz-calc(50% - 100px);
    left: -webkit-calc(50% - 100px);
    left: calc(50% - 100px);
    margin-left:0px;
    position:absolute;
	margin-top:15px;
}


.homepagehfdonderwerp {
	height: 110px;
}

.icoonkader {
	padding-right:30px;
}

.reklamebalkkader {
	display:none;
}

.contentafbgroottekst {
	width: -moz-calc(50% - 15px);
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
	height: -moz-calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
	left:15px;
	bottom:15px;
}

.itemkaderklein {
	width: -moz-calc(33.33% - 40px);
    width: -webkit-calc(33.33% - 40px);
    width: calc(33.33% - 40px);
    margin-right:15px;
	margin-bottom:15px;
    padding-top:16%;
}

.itemkaderkleinafbeelding, .itemkaderkleintransparant {
    margin-top:-67%;
}

.nieuwsitemkaderafbeelding, .nieuwsitemkadertransparant {
	height:150px;
}

.footerkolom {
	width:100%;
	height:auto;
	min-height:30px;
	float:left;
	margin-bottom:15px;
	padding-right:60px;
}

.selectcat {
	font-size: 100%;
}

.containerplus {
	width: 100%;
}

.contentitems {
	width: 80%;
	margin-right:0px;
}

.contentitemstekst {
	height:auto;
}

article table tr {
	float:left;
	padding-bottom:15px;
}

article table td {
	width:100%;
	float:left;
}

}



/* ------------------ max-width 499 --------------------------- */
	
@media (max-width: 499px) {


.homepagehfdonderwerp {
	height: 90px;
}

.icoonkader {
	width:100%;
	padding-right:0px;
}

.contentitems {
	width: 100%;
}

aside {
	width:100%;
	left: 0;
}

.itemkaderkleinafbeelding, .itemkaderkleintransparant {
    margin-top:-70%;
}

.contentafbgroottekst {
	padding-left:15px;
	padding-right:15px;
}

.h2extra {
	font-size: 120%;
}

.nieuwsitemkaderafbeelding, .nieuwsitemkadertransparant {
	height:120px;
}

.meldingformulier {
	height: -moz-calc(100% - 140px);
    height: -webkit-calc(100% - 140px);
    height: calc(100% - 140px);
	top: 110px;
}

.itemkaderbalktekst {
	width: -moz-calc(100% - 45px);
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
}

.itemkaderbalkleesverder {
	width: 45px;
    height:100%;
	background-position: center center;
}

.itemkaderbalkleesverdertekst {
	display:none;
}

.itemkadertekst {
    padding-left:15px;
    padding-right:15px;
}

.itemkaderbalk {
    margin-top:15px;
    padding-left:15px;
}

.contentafbkader {
	width: 100%;
	padding-top:60%;
	margin-right:0px;
}

.itemkaderbalktekst1, .itemkaderbalktekst2 {
	font-size: 75%;
}

}


/* ------------------ max-width 399 --------------------------- */
	
@media (max-width: 399px) {

h1 {
	font-size: 130%;
}

.contentitemsafbeelding {
	height:120px;
}


.itemkaderbalktekst {
	width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    width: calc(100% - 25px);
}

.itemkaderbalkleesverder {
	width: 25px;
}

}