/* ------------------ max-width 1499 --------------------------- */

@media (max-width: 1499px) {

.mastercontainer {
	width: 1200px;
	left: -moz-calc(50% - 600px);
    left: -webkit-calc(50% - 600px);
    left: calc(50% - 600px);
}

.menukadervast {
	width: 1200px;
}

.menulogo {
	width: 125px;
}

.menulogoplus {
	width: 110px;
}

.cpadding {
	padding-left:125px;
	padding-right:125px;
}

.contentafbgrootelement {
	width: -moz-calc(100% - 295px);
    width: -webkit-calc(100% - 295px);
    width: calc(100% - 295px);
	left:95px;
}

.contentafbgroottekst {
	width: -moz-calc(100% - 500px);
    width: -webkit-calc(100% - 500px);
    width: calc(100% - 500px);
	left:125px;
}
	
footer {
	padding-left:125px;
	padding-right:125px;
}

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

.mastercontainer {
	width: 1000px;
	left: -moz-calc(50% - 500px);
    left: -webkit-calc(50% - 500px);
    left: calc(50% - 500px);
}

.menukadervast {
	width: 1000px;
}
	
header {
	height:140px;
}

.logo {
	width:227px;
	height:80px;
}

.payoff {
	width: -moz-calc(100% - 450px);
    width: -webkit-calc(100% - 450px);
    width: calc(100% - 450px);
    margin-top:60px;
}

.menukader {
	height:30px;
}

.menulogo {
	height:30px;
	background-size: 40px;
}

.menulogoplus {
	width: 75px;
}

.menuitem {
	height:30px;
	line-height:30px;
	font-size: 13px;
}

.cpadding {
	padding-left:90px;
	padding-right:90px;
}
	
footer {
	padding-left:90px;
	padding-right:90px;
}

.contentafbgrootelement {
	width: -moz-calc(100% - 225px);
    width: -webkit-calc(100% - 225px);
    width: calc(100% - 225px);
	left:65px;
}

.contentafbgroottekst {
	width: -moz-calc(100% - 430px);
    width: -webkit-calc(100% - 430px);
    width: calc(100% - 430px);
	left:90px;
}

.contentitemstekstbreed {
	padding-left:90px;
	padding-right:90px;
}

.schaduwcontainer {
	height:280px;
	top:170px;
}

.homepagehfdonderwerp {
	height:280px;
}
	
}
	
/* ------------------ max-width 1099 --------------------------- */
	
@media (max-width: 1099px) {

.mastercontainer {
	width: 900px;
	left: -moz-calc(50% - 450px);
    left: -webkit-calc(50% - 450px);
    left: calc(50% - 450px);
}

.menukadervast {
	width: 900px;
}

main {
	width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
	padding-right: 30px;
}

aside {
	width: 200px;
}

.footerkolombreed {
	width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
	padding-right:30px;
}

.footerkolomaside {
	width:200px;
}
	
.contentafbgroottekst {
	width: -moz-calc(100% - 380px);
    width: -webkit-calc(100% - 380px);
    width: calc(100% - 380px);
}

.citekstauto {
	height:auto;
	position:relative;
	margin-left:0px;
	padding-top:10px;
	padding-bottom:0px;
}

.contentitemstekstbreed {
	padding-top:10px;
}

.hoogteklein {
	height:125px;
}

.hoogtesmal {
	height:200px;
}

.hoogtemiddel {
	height:240px;
}

.hoogtehoog {
	height:350px;
}

.hoogtehoogst {
	height:475px;
}
	
}

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

.mastercontainer {
	width: 100%;
	left: 0;
}

.menukadervast {
	width:  100%;
}

.contentitemstekstbreed {
	padding-left:45px;
	padding-right:45px;
}
	
}
	
/* ------------------ max-width 899 --------------------------- */
	
@media (max-width: 899px) {

header {
	background-position: right -60px center;
}

.payoff {
	width: -moz-calc(100% - 390px);
    width: -webkit-calc(100% - 390px);
    width: calc(100% - 390px);
}

nav {
	display:none;
}

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

main {
	width:100%;
}

aside {
	width:300px;
	left: -moz-calc(50% - 150px);
    left: -webkit-calc(50% - 150px);
    left: calc(50% - 150px);
    position: relative;	
}

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

.contentafbgroottekst {
	width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
	left:90px;
}

.contentitemstekstbreed {
	padding-left:0px;
	padding-right:0px;
}
		
.contentoproepbalktekst {
	width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
}
		
}


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

.contentitemstekst {
	width:70%;
}
	
.contentitemsafbeelding {
	width:30%;
}

header {
	background-position: right -100px center;
}

.payoff {
	width: -moz-calc(100% - 350px);
    width: -webkit-calc(100% - 350px);
    width: calc(100% - 350px);
    margin-top:40px;
}

.hoogteklein {
	height:100px;
}

.hoogtesmal {
	height:160px;
}

.hoogtemiddel {
	height:200px;
}

.hoogtehoog {
	height:300px;
}

.hoogtehoogst {
	height:425px;
}

}


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


header {
	background-image: none;
}

.payoff {
	width: -moz-calc(100% - 270px);
    width: -webkit-calc(100% - 270px);
    width: calc(100% - 270px);
}

.footerkolombreed {
	width: 100%;
	padding-right:0px;
	padding-bottom:30px;
}

.footerkolomaside {
	width: 100%;
}


}

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


.payoff {
	display:none;
}

.cpadding, footer {
	padding-left:45px;
	padding-right:45px;
}

.contentafbgrootelement {
	width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
	left:20px;
}

.contentafbgroottekst {
	width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
	left:45px;
}
	
.contentafbgroottekst h3, .contentoproepbalktekst h3 {
	font-size: 20px;
	padding-bottom:-10px;
}

.contentitemstekst {
	width:100%;
	padding:0px;
	padding-top:30px;
}
	
.contentitemsafbeelding {
	width:100%;
}

.contentitemstekstbreed {
	text-align:left;
}
		
.contentoproepbalktekst {
	width: -moz-calc(100% - 175px);
    width: -webkit-calc(100% - 175px);
    width: calc(100% - 175px);
}


}

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


.contentoproepbalkafbeelding {
	width:125px;
}
		
.contentoproepbalktekst {
	width: -moz-calc(100% - 125px);
    width: -webkit-calc(100% - 125px);
    width: calc(100% - 125px);
    margin-left:125px;
}

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

}