/*
Author: AGX
Based on the idea by Boon
*/
body {
	margin: 0;
}

.container {
	width: 90%;
	margin: 0 auto;
}

/* grids */
.grid-wrap {
	margin-left: -30px;
	overflow: hidden;
	clear: both;
}
.grid-col {
	float: left;
	padding-left: 30px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grid-content img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.half-gutter {
	margin-left: -25px;
}
.half-gutter .grid-col {
	padding-left: 25px;
}

/* culomns */
.col-1-1 {
	width: 100%;
}
.col-1-2 {
	width: 50%;
}
.col-1-3, .col-2-6 {
	width: 33.333%;
}
.col-2-3, .col-4-6 {
	width: 66.666%;
}
.col-1-4 {
	width: 25%;
}
.col-3-4 {
	width: 75%;
}
.col-1-5 {
	width: 20%;
}
.col-2-5 {
	width: 40%;
}
.col-3-5 {
	width: 60%;
}
.col-4-5 {
	width: 80%;
}
.col-1-6 {
	width: 16.6667%;
}
.col-5-6 {
	width: 83.334%;
}
.col-1-7 {
	width: 14.28%;
}
.col-2-7 {
	width: 28.57%;
}
.col-3-7 {
	width: 42.86%;
}
.col-4-7 {
	width: 57.14%;
}
.col-5-7 {
	width: 71.43%;
}
.col-6-7 {
	width: 85.71%;
}
/* 8 tot 11 zijn niet volledig uitgewerkt */
.col-1-8 {
	width: 12.5%;
}
.col-1-9 {
	width: 11.1%;
}
.col-1-10 {
	width: 10%;
}
.col-1-11 {
	width: 9.09%;
}
.col-1-12 {
	width: 8.33%
}
.col-2-12 {
	width: 16.667%;
}
.col-3-12 {
	width: 25%;
}
.col-4-12 {
	width: 33.33%;
}
.col-5-12 {
	width: 41.66%;
}
.col-6-12 {
	width: 50%;
}
.col-7-12 {
	width: 58.33%
}
.col-8-12 {
	width: 66.66%;
}
.col-9-12 {
	width: 75%;
}
.col-10-12 {
	width: 83.333%;
}
.col-11-12 {
	width: 91.66%
}

.bp1-padding, .bp2-padding {
	display: none;
}
.bp0-clear {
	clear: both;
}
.bp1-clear, .bp2-clear, .bp3-clear {
	clear: none;
}



/* IE7 or less */
.lte7 .grid-wrap {
    margin-left: 0;
}
.lte7 .grid-col {
    padding: 0;
    margin-left: 5%;
}
.lte7 .grid-col:first-child {
    margin-left: 0;
}

.lte7 .col-1-1 {
	width: 99.95%;
}
.lte7 .col-1-2 {
	width: 47.45%;
}
.lte7 .col-1-3, .lte7 .col-2-6 {
	width: 30%;
}
.lte7 .col-2-3, .lte7 .col-4-6 {
	width: 64.95%;
}
.lte7 .col-1-4 {
	width: 21.25%;
}
.lte7 .col-3-4 {
	width: 73.7%;
}
.lte7 .col-1-5 {
	width: 15.95%;
}
.lte7 .col-2-5 {
	width: 37%;
}
.lte7 .col-3-5 {
	width: 58%;
}
.lte7 .col-4-5 {
	width: 79.1%;
}
.lte7 .col-1-6 {
	width: 12.45%;
}
.lte7 .col-5-6 {
	width: 82.55%;
}
.lte7 .col-1-7 {
	width: 10%;
}
.lte7 .col-2-7 {
	width: 27%;
}
.lte7 .col-3-7 {
	width: 42%;
}
.lte7 .col-4-7 {
	width: 53%;
}
.lte7 .col-5-7 {
	width: 68%;
}
.lte7 .col-6-7 {
	width: 85%;
}
.lte7 .col-1-8 {
	width: 8.15%;
}
.lte7 .col-1-9 {
	width: 6.65%;
}
.lte7 .col-1-10 {
	width: 5.46%;
}
.lte7 .col-1-11 {
	width: 4.53%;
}
.lte7 .col-1-12 {
	width: 3.75%;
}
.lte7 .col-2-12 {
	width: 12.5%;
}
.lte7 .col-3-12 {
	width: 21.25%;
}
.lte7 .col-4-12 {
	width: 30%;
}
.lte7 .col-5-12 {
	width: 38.75%;
}
.lte7 .col-6-12 {
	width: 47.5%;
}
.lte7 .col-7-12 {
	width: 56.3%;
}
.lte7 .col-8-12 {
	width: 65%;
}
.lte7 .col-9-12 {
	width: 73.8%;
}
.lte7 .col-10-12 {
	width: 82.5%;
}
.lte7 .col-11-12 {
	width: 91.3%;
}

/* mobile first, dus breakpoints van klein naar groot rangschikken (bp3 is de grootste dus) */

/* breakpoint (.bp1) // ipad */
@media only screen and (min-width: 500px) {
	.bp1-col-1-1 {
		width: 100%;
	}
	.bp1-col-1-2 {
		width: 50%;
	}
	.bp1-col-1-3, .bp1-col-2-6 {
		width: 33.333%;
	}
	.bp1-col-2-3, .bp1-col-4-6 {
		width: 66.666%;
	}
	.bp1-col-1-4 {
		width: 25%;
	}
	.bp1-col-3-4 {
		width: 75%;
	}
	.bp1-col-1-5 {
		width: 20%;
	}
	.bp1-col-2-5 {
		width: 40%;
	}
	.bp1-col-3-5 {
		width: 60%;
	}
	.bp1-col-4-5 {
		width: 80%;
	}
	.bp1-col-1-6 {
		width: 16.6667%;
	}
	.bp1-col-5-6 {
		width: 83.334%;
	}
	.bp1-col-1-7 {
		width: 14.28%;
	}
	.bp1-col-2-7 {
		width: 28.59%;
	}
	.bp1-col-3-7 {
		width: 42.86%;
	}
	.bp1-col-4-7 {
		width: 57.14%;
	}
	.bp1-col-5-7 {
		width: 71.43%;
	}
	.bp1-col-6-7 {
		width: 85.71%;
	}
	.bp1-col-1-8 {
		width: 12.5%;
	}
	.bp1-col-1-9 {
		width: 11.1%;
	}
	.bp1-col-1-10 {
		width: 10%;
	}
	.bp1-col-1-11 {
		width: 9.09%;
	}
	.bp1-col-1-12 {
		width: 8.33%
	}
	.bp1-col-2-12 {
		width: 16.667%;
	}
	.bp1-col-3-12 {
		width: 25%;
	}
	.bp1-col-4-12 {
		width: 33.33%;
	}
	.bp1-col-5-12 {
		width: 41.66%;
	}
	.bp1-col-6-12 {
		width: 50%;
	}
	.bp1-col-7-12 {
		width: 58.33%
	}
	.bp1-col-8-12 {
		width: 66.66%;
	}
	.bp1-col-9-12 {
		width: 75%;
	}
	.bp1-col-10-12 {
		width: 83.333%;
	}
	.bp1-col-11-12 {
		width: 91.66%
	}
	
	.bp1-padding {
		display: block;
	}
	.bp0-clear {
		clear: none;
	}
	.bp1-clear {
		clear: both;
	}
	
	.lte7 .bp1-col-1-1 {
		width: 99.95%;
	}
	.lte7 .bp1-col-1-2 {
		width: 47.45%;
	}
	.lte7 .bp1-col-1-3, .lte7 .bp1-col-2-6 {
		width: 30%;
	}
	.lte7 .bp1-col-2-3, .lte7 .bp1-col-4-6 {
		width: 64.95%;
	}
	.lte7 .bp1-col-1-4 {
		width: 21.25%;
	}
	.lte7 .bp1-col-3-4 {
		width: 73.7%;
	}
	.lte7 .bp1-col-1-5 {
		width: 15.95%;
	}
	.lte7 .bp1-col-2-5 {
		width: 37%;
	}
	.lte7 .bp1-col-3-5 {
		width: 58%;
	}
	.lte7 .bp1-col-4-5 {
		width: 79.1%;
	}
	.lte7 .bp1-col-1-6 {
		width: 12.45%;
	}
	.lte7 .bp1-col-5-6 {
		width: 82.55%;
	}
	.lte7 .bp1-col-1-7 {
		width: 10%;
	}
	.lte7 .bp1-col-2-7 {
		width: 27%;
	}
	.lte7 .bp1-col-3-7 {
		width: 42%;
	}
	.lte7 .bp1-col-4-7 {
		width: 53%;
	}
	.lte7 .bp1-col-5-7 {
		width: 68%;
	}
	.lte7 .bp1-col-6-7 {
		width: 85%;
	}
	.lte7 .bp1-col-1-8 {
		width: 8.15%;
	}
	.lte7 .bp1-col-1-9 {
		width: 6.65%;
	}
	.lte7 .bp1-col-1-10 {
		width: 5.46%;
	}
	.lte7 .bp1-col-1-11 {
		width: 4.53%;
	}
	.lte7 .bp1-col-1-12 {
		width: 3.75%;
	}
	.lte7 .bp1-col-2-12 {
		width: 12.5%;
	}
	.lte7 .bp1-col-3-12 {
		width: 21.25%;
	}
	.lte7 .bp1-col-4-12 {
		width: 30%;
	}
	.lte7 .bp1-col-5-12 {
		width: 38.75%;
	}
	.lte7 .bp1-col-6-12 {
		width: 47.5%;
	}
	.lte7 .bp1-col-7-12 {
		width: 56.3%;
	}
	.lte7 .bp1-col-8-12 {
		width: 65%;
	}
	.lte7 .bp1-col-9-12 {
		width: 73.8%;
	}
	.lte7 .bp1-col-10-12 {
		width: 82.5%;
	}
	.lte7 .bp1-col-11-12 {
		width: 91.3%;
	}
}

/* voeg extra breakpoints toe naar believen */
/* breakpoint (.bp2) // desktop */
@media only screen and (min-width: 800px) {
	.bp2-col-1-1 {
		width: 100%;
	}
	.bp2-col-1-2 {
		width: 50%;
	}
	.bp2-col-1-3, .bp2-col-2-6 {
		width: 33.333%;
	}
	.bp2-col-2-3, .bp2-col-4-6 {
		width: 66.666%;
	}
	.bp2-col-1-4 {
		width: 25%;
	}
	.bp2-col-3-4 {
		width: 75%;
	}
	.bp2-col-1-5 {
		width: 20%;
	}
	.bp2-col-2-5 {
		width: 40%;
	}
	.bp2-col-3-5 {
		width: 60%;
	}
	.bp2-col-4-5 {
		width: 80%;
	}
	.bp2-col-1-6 {
		width: 16.6667%;
	}
	.bp2-col-5-6 {
		width: 83.334%;
	}
	.bp2-col-1-7 {
		width: 14.28%;
	}
	.bp2-col-2-7 {
		width: 28.59%;
	}
	.bp2-col-3-7 {
		width: 42.86%;
	}
	.bp2-col-4-7 {
		width: 57.14%;
	}
	.bp2-col-5-7 {
		width: 71.43%;
	}
	.bp2-col-6-7 {
		width: 85.71%;
	}
	.bp2-col-1-8 {
		width: 12.5%;
	}
	.bp2-col-1-9 {
		width: 11.1%;
	}
	.bp2-col-1-10 {
		width: 10%;
	}
	.bp2-col-1-11 {
		width: 9.09%;
	}
	.bp2-col-1-12 {
		width: 8.33%
	}
	.bp2-col-2-12 {
		width: 16.667%;
	}
	.bp2-col-3-12 {
		width: 25%;
	}
	.bp2-col-4-12 {
		width: 33.33%;
	}
	.bp2-col-5-12 {
		width: 41.66%;
	}
	.bp2-col-6-12 {
		width: 50%;
	}
	.bp2-col-7-12 {
		width: 58.33%
	}
	.bp2-col-8-12 {
		width: 66.66%;
	}
	.bp2-col-9-12 {
		width: 75%;
	}
	.bp2-col-10-12 {
		width: 83.333%;
	}
	.bp2-col-11-12 {
		width: 91.66%
	}
	
	.bp2-padding {
		display: block;
	}
	.bp1-clear {
		clear: none;
	}
	.bp2-clear {
		clear: both;
		height: 10px;
	}
	
	.lte7 .bp2-col-1-1 {
		width: 99.95%;
	}
	.lte7 .bp2-col-1-2 {
		width: 47.45%;
	}
	.lte7 .bp2-col-1-3, .lte7 .bp2-col-2-6 {
		width: 30%;
	}
	.lte7 .bp2-col-2-3, .lte7 .bp2-col-4-6 {
		width: 64.95%;
	}
	.lte7 .bp2-col-1-4 {
		width: 21.25%;
	}
	.lte7 .bp2-col-3-4 {
		width: 73.7%;
	}
	.lte7 .bp2-col-1-5 {
		width: 15.95%;
	}
	.lte7 .bp2-col-2-5 {
		width: 37%;
	}
	.lte7 .bp2-col-3-5 {
		width: 58%;
	}
	.lte7 .bp2-col-4-5 {
		width: 79.1%;
	}
	.lte7 .bp2-col-1-6 {
		width: 12.45%;
	}
	.lte7 .bp2-col-5-6 {
		width: 82.55%;
	}
	.lte7 .bp2-col-1-7 {
		width: 10%;
	}
	.lte7 .bp2-col-2-7 {
		width: 27%;
	}
	.lte7 .bp2-col-3-7 {
		width: 42%;
	}
	.lte7 .bp2-col-4-7 {
		width: 53%;
	}
	.lte7 .bp2-col-5-7 {
		width: 68%;
	}
	.lte7 .bp2-col-6-7 {
		width: 85%;
	}
	.lte7 .bp2-col-1-8 {
		width: 8.15%;
	}
	.lte7 .bp2-col-1-9 {
		width: 6.65%;
	}
	.lte7 .bp2-col-1-10 {
		width: 5.46%;
	}
	.lte7 .bp2-col-1-11 {
		width: 4.53%;
	}
	.lte7 .bp2-col-1-12 {
		width: 3.75%;
	}
	.lte7 .bp2-col-2-12 {
		width: 12.5%;
	}
	.lte7 .bp2-col-3-12 {
		width: 21.25%;
	}
	.lte7 .bp2-col-4-12 {
		width: 30%;
	}
	.lte7 .bp2-col-5-12 {
		width: 38.75%;
	}
	.lte7 .bp2-col-6-12 {
		width: 47.5%;
	}
	.lte7 .bp2-col-7-12 {
		width: 56.3%;
	}
	.lte7 .bp2-col-8-12 {
		width: 65%;
	}
	.lte7 .bp2-col-9-12 {
		width: 73.8%;
	}
	.lte7 .bp2-col-10-12 {
		width: 82.5%;
	}
	.lte7 .bp2-col-11-12 {
		width: 91.3%;
	}
}
/* breakpoint (.bp3) */
/*@media only screen and (min-width: 500px) {
	.bp3-col-1-1 {
		width: 100%;
	}
	.bp3-col-1-2 {
		width: 50%;
	}
	.bp3-col-1-3, .bp3-col-2-6 {
		width: 33.333%;
	}
	.bp3-col-2-3, .bp3-col-4-6 {
		width: 66.666%;
	}
	.bp3-col-1-4 {
		width: 25%;
	}
	.bp3-col-3-4 {
		width: 75%;
	}
	.bp3-col-1-5 {
		width: 20%;
	}
	.bp3-col-2-5 {
		width: 40%;
	}
	.bp3-col-3-5 {
		width: 60%;
	}
	.bp3-col-4-5 {
		width: 80%;
	}
	.bp3-col-1-6 {
		width: 16.6667%;
	}
	.bp3-col-5-6 {
		width: 83.334%;
	}
	.bp3-col-1-7 {
		width: 14.28%;
	}
	.bp3-col-2-7 {
		width: 28.59%;
	}
	.bp3-col-3-7 {
		width: 42.86%;
	}
	.bp3-col-4-7 {
		width: 57.14%;
	}
	.bp3-col-5-7 {
		width: 71.43%;
	}
	.bp3-col-6-7 {
		width: 85.71%;
	}
	.bp3-col-1-8 {
		width: 12.5%;
	}
	.bp3-col-1-9 {
		width: 11.1%;
	}
	.bp3-col-1-10 {
		width: 10%;
	}
	.bp3-col-1-11 {
		width: 9.09%;
	}
	.bp3-col-1-12 {
		width: 8.33%
	}
	.bp3-col-2-12 {
		width: 16.667%;
	}
	.bp3-col-3-12 {
		width: 25%;
	}
	.bp3-col-4-12 {
		width: 33.33%;
	}
	.bp3-col-5-12 {
		width: 41.66%;
	}
	.bp3-col-6-12 {
		width: 50%;
	}
	.bp3-col-7-12 {
		width: 58.33%
	}
	.bp3-col-8-12 {
		width: 66.66%;
	}
	.bp3-col-9-12 {
		width: 75%;
	}
	.bp3-col-10-12 {
		width: 83.333%;
	}
	.bp3-col-11-12 {
		width: 91.66%
	}
	
	.bp1-clear {
		clear: none;
	}
	.bp3-clear {
		clear: both;
	}
	
	.lte7 .bp3-col-1-1 {
		width: 99.95%;
	}
	.lte7 .bp3-col-1-2 {
		width: 47.45%;
	}
	.lte7 .bp3-col-1-3, .lte7 .bp3-col-2-6 {
		width: 30%;
	}
	.lte7 .bp3-col-2-3, .lte7 .bp3-col-4-6 {
		width: 64.95%;
	}
	.lte7 .bp3-col-1-4 {
		width: 21.25%;
	}
	.lte7 .bp3-col-3-4 {
		width: 73.7%;
	}
	.lte7 .bp3-col-1-5 {
		width: 15.95%;
	}
	.lte7 .bp3-col-2-5 {
		width: 37%;
	}
	.lte7 .bp3-col-3-5 {
		width: 58%;
	}
	.lte7 .bp3-col-4-5 {
		width: 79.1%;
	}
	.lte7 .bp3-col-1-6 {
		width: 12.45%;
	}
	.lte7 .bp3-col-5-6 {
		width: 82.55%;
	}
	.lte7 .bp3-col-1-7 {
		width: 10%;
	}
	.lte7 .bp3-col-2-7 {
		width: 27%;
	}
	.lte7 .bp3-col-3-7 {
		width: 42%;
	}
	.lte7 .bp3-col-4-7 {
		width: 53%;
	}
	.lte7 .bp3-col-5-7 {
		width: 68%;
	}
	.lte7 .bp3-col-6-7 {
		width: 85%;
	}
	.lte7 .bp3-col-1-8 {
		width: 8.15%;
	}
	.lte7 .bp3-col-1-9 {
		width: 6.65%;
	}
	.lte7 .bp3-col-1-10 {
		width: 5.46%;
	}
	.lte7 .bp3-col-1-11 {
		width: 4.53%;
	}
	.lte7 .bp3-col-1-12 {
		width: 3.75%;
	}
	.lte7 .bp3-col-2-12 {
		width: 12.5%;
	}
	.lte7 .bp3-col-3-12 {
		width: 21.25%;
	}
	.lte7 .bp3-col-4-12 {
		width: 30%;
	}
	.lte7 .bp3-col-5-12 {
		width: 38.75%;
	}
	.lte7 .bp3-col-6-12 {
		width: 47.5%;
	}
	.lte7 .bp3-col-7-12 {
		width: 56.3%;
	}
	.lte7 .bp3-col-8-12 {
		width: 65%;
	}
	.lte7 .bp3-col-9-12 {
		width: 73.8%;
	}
	.lte7 .bp3-col-10-12 {
		width: 82.5%;
	}
	.lte7 .bp3-col-11-12 {
		width: 91.3%;
	}
}*/