.A1, .A2, .A3, .A4, .A5, .A6, .A7, .A8, .A9, .A10, .A11, .A12, 
.B1, .B2, .B3, .B4, .B5, .B6, .B7, .B8, .B9, .B10, .B11, .B12,
.C1, .C2, .C3, .C4, .C5, .C6, .C7, .C8, .C9, .C10, .C11, .C12,
.A1nm,.A2nm,.A3nm,.A4nm,.A5nm,.A6nm,.A7nm,.A8nm,.A9nm,.A10nm,.A11nm,.A12nm,
.B1nm,.B2nm,.B3nm,.B4nm,.B5nm,.B6nm,.B7nm,.B8nm,.B9nm,.B10nm,.B11nm,.B12nm,
.C1nm,.C2nm,.C3nm,.C4nm,.C5nm,.C6nm,.C7nm,.C8nm,.C9nm,.C10nm,.C11nm,.C12nm{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	margin-bottom: 2%;
}


/* alle kollommen hebben standaard margin */
.A1, .A2, .A3, .A4, .A5, .A6, .A7, .A8, .A9, .A10, .A11, .A12, 
.B1, .B2, .B3, .B4, .B5, .B6, .B7, .B8, .B9, .B10, .B11, .B12,
.C1, .C2, .C3, .C4, .C5, .C6, .C7, .C8, .C9, .C10, .C11, .C12 {
	margin-left: 1%;
	margin-right: 1%;
}

/* Images scalen automatisch mee: */
.A1>img, .A2>img, .A3>img, .A4>img, .A5>img, .A6>img, .A7>img, .A8>img, .A9>img, .A10>img, .A11>img, .A12>img, 
.B1>img, .B2>img, .B3>img, .B4>img, .B5>img, .B6>img, .B7>img, .B8>img, .B9>img, .B10>img, .B11>img, .B12>img, 
.C1>img, .C2>img, .C3>img, .C4>img, .C5>img, .C6>img, .C7>img, .C8>img, .C9>img, .C10>img, .C11>img, .C12>img,
.A1>a>img, .A2>a>img, .A3>a>img, .A4>a>img, .A5>a>img, .A6>a>img, .A7>a>img, .A8>a>img, .A9>a>img, .A10>a>img, .A11>a>img, .A12>a>img, 
.B1>a>img, .B2>a>img, .B3>a>img, .B4>a>img, .B5>a>img, .B6>a>img, .B7>a>img, .B8>a>img, .B9>a>img, .B10>a>img, .B11>a>img, .B12>a>img, 
.C1>a>img, .C2>a>img, .C3>a>img, .C4>a>img, .C5>a>img, .C6>a>img, .C7>a>img, .C8>a>img, .C9>a>img, .C10>a>img, .C11>a>img, .C12>a>img {
	max-width: 100%
}


/* ---------------------------------- */
/* ---- Basis breedtes ---- */

/* C en groter */
.C1 {	width: 6.333%;	}
.C2 {	width: 14.666%;	}
.C3 {	width: 23%;	    }
.C4 {	width: 31.333%;	}
.C5 {	width: 39.666%;	}
.C6 {	width: 48%;	    }
.C7 {	width: 56.333%;	}
.C8 {	width: 64.666%;	}
.C9 {	width: 73%;	    }
.C10 {	width: 81.333%;	}
.C11 {	width: 89.666%;	}
.C12 {	width: 98%;     }

.C1nm {	  width: 8.333%;	}
.C2nm {	  width: 16.666%;	}
.C3nm {	  width: 25%;	    }
.C4nm {	  width: 33.333%;	}
.C5nm {	  width: 41.666%;	}
.C6nm {	  width: 50%;	    }
.C7nm {	  width: 58.333%;	}
.C8nm {	  width: 66.666%;	}
.C9nm {	  width: 75%;	    }
.C10nm {  width: 83.333%;	}
.C11nm {  width: 91.666%;	}
.C12nm {  width: 100%;	    }

/* B modus en groter */
@media screen and (min-width:768px) {
	.B1 {	width: 6.333%;	}
	.B2 {	width: 14.666%;	}
	.B3 {	width: 23%;	    }
	.B4 {	width: 31.333%;	}
	.B5 {	width: 39.666%;	}
	.B6 {	width: 48%;	    }
	.B7 {	width: 56.333%;	}
	.B8 {	width: 64.666%;	}
	.B9 {	width: 73%;	    }
	.B10 {	width: 81.333%;	}
	.B11 {	width: 89.666%;	}
	.B12 {	width: 98%;	    }

	.B1nm {	  width: 8.333%;	}
	.B2nm {	  width: 16.666%;	}
	.B3nm {	  width: 25%;	    }
	.B4nm {	  width: 33.333%;	}
	.B5nm {	  width: 41.666%;	}
	.B6nm {	  width: 50%;	    }
	.B7nm {	  width: 58.333%;	}
	.B8nm {	  width: 66.666%;	}
	.B9nm {	  width: 75%;	    }
	.B10nm {  width: 83.333%;	}
	.B11nm {  width: 91.666%;	}
	.B12nm {  width: 100%;	    }
}
/* A modus en groter */
@media screen and (min-width:1025px) {
	.A1 {	width: 6.333%;	}
	.A2 {	width: 14.666%;	}
	.A3 {	width: 23%;	    }
	.A4 {	width: 31.333%;	}
	.A5 {	width: 39.666%;	}
	.A6 {	width: 48%;  	}
	.A7 {	width: 56.333%;	}
	.A8 {	width: 64.666%;	}
	.A9 {	width: 73%;	    }
	.A10 {	width: 81.333%;	}
	.A11 {	width: 89.666%;	}
	.A12 {	width: 98%;	    }

	.B1nm {	  width: 8.333%;	}
	.B2nm {	  width: 16.666%;	}
	.B3nm {	  width: 25%;	    }
	.B4nm {	  width: 33.333%;	}
	.B5nm {	  width: 41.666%;	}
	.B6nm {	  width: 50%;	    }
	.B7nm {	  width: 58.333%;	}
	.B8nm {	  width: 66.666%;	}
	.B9nm {	  width: 75%;	    }
	.B10nm {  width: 83.333%;	}
	.B11nm {  width: 91.666%;	}
	.B12nm {  width: 100%;	    }
}

/* ---------------------------------- */
/* ---- Weergave per modus ---- */

/* enkel in C modus */
@media screen and (max-width:767px) {
	.hideWhenC { display: none;	}

	.showWhenA { display: none;	}
	.showWhenB { display: none;	}
}

/* enkel in B modus */
@media screen and (min-width:768px) and (max-width:1024px) {
	.hideWhenB { display: none;	}
	
	.showWhenC { display: none;	}
	.showWhenA { display: none;	}
}

/* enkel in B modus */
@media screen and (min-width:1025px){
	.hideWhenA { display: none;	}

	.showWhenC { display: none;	}
	.showWhenB { display: none;	}
}

/* --------------------------------------------------- */
/* Algemene dingen */
.GutterTop {
	margin-top: 2%
}
.GutterBottom {
	margin-bottom: 2%
}

.noGutter, .noGutteredChilds>* {
	margin-bottom: 0
}
.gridRow {
	width: auto;
	display: block
}
.gridPadded {
	padding: 0 2%
}
.gridPaddedAll {
	padding: 2%
}
.grid_TC, .gridTC {
	text-align: center;
}
.grid_TR, .gridTR {
	text-align: right;
}

/* Text Vertical */
.grid_tv_top >*{
	vertical-align : top;
}
.grid_tv_middle >* {
	vertical-align: middle;
}
.grid_tv_bottom >* {
	vertical-align : bottom;
}