/*  GRID OF TWELVE   ============================================================================= */
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0 5px;
	margin: 1% 0;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 5px 1.6% 5px 0;
}
.col:last-child { margin-right: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.c12 {
	width: 100%;
}

.c11 {
	width: 91.53%;
}

.c10 {
	width: 83.06%;
}

.c9 {
	width: 74.6%;
}

.c8 {
	width: 66.13%;
}

.c7 {
	width: 57.66%; 
}

.c6 {
	width: 49.2%; 
}

.c5 {
	width: 40.73%; 
}

.c4 {
	width: 32.26%; 
}

.c3 {
	width: 23.8%;
}

.c2 {
	width: 15.33%; 
}

.c1 {
	width: 6.86%; 
}



/*  GO FULL WIDTH AT LESS THAN 520 PIXELS */

@media only screen and (max-width: 550px) {
.col { 
		margin: 1% 0 1% 0%;
	}
	.c12 {
		width: 100%; 
	}
	.c11 {
		width: 100%; 
	}
	.c10 {
		width: 100%; 
	}
	.c9 {
		width: 100%; 
	}
	.c8 {
		width: 100%; 
	}
	.c7 {
		width: 100%; 
	}
	.c6 {
		width: 100%; 
	}
	.c5 {
		width: 100%; 
	}
	.c4 {
		width: 100%; 
	}
	.c3 {
		width: 100%; 
	}
	.c2 {
		width: 100%; 
	}
	.c1 {
		width: 100%; 
	}
	nav ul li {
		display: block;
		width: 50%;
		font-size: 110%;
	}

	.prijslijst img {
		max-width: 100%;
	}
}