@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?87022553');
  src: url('../fonts/fontello.eot?87022553#iefix') format('embedded-opentype'),
	   url('../fonts/fontello.woff?87022553') format('woff'),
	   url('../fonts/fontello.ttf?87022553') format('truetype'),
	   url('../fonts/fontello.svg?87022553#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

.wrapper{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 40px;
	overflow: hidden;
	box-sizing: border-box;
	}

.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

[class*='grid_']{
	padding-right: 3.5rem;
	float: left;
}

.grid_1_8{
	width: 12.5%
}

.grid_1_6{
	width: 16.66666666%
}

.grid_5_6{
	width: 83.333333333%
}

.grid_1_4{
	width: 25%
}

.grid_3_8{
	width: 37.5%;
}

.grid_1_2{
	width: 50%;
}

.grid_1_3{
	width: 33.3333333%;
}

.grid_2_3{
	width: 66.66666666%;
}

.grid_5_8{
	width: 62.5%;
}

.grid_3_4{
	width: 75%;
}

.grid_7_8{
	width: 87.5%;
}

.grid_1_1{
	width: 100%;
}

.grid_1_7{
	width: 14.27%;
}

.grid_2_7{
	width: 28.57%;
}

.grid_5_7{
	width: 71.42%;
}

.grid_6_7{
	width: 85.71%;
}

.grid_1_5{
	width: 20%;
}

.grid_2_5{
	width:40%;
}

.grid_4_5{
	width:80%;
}

.grid_3_10{
	width:30%;
}

/* clear */


.last{
	padding-right: 0;
	float:right; /* gaat dat goed ?? */
}

.clearfix{
	content: "";
	clear: both;

}

ul{
	margin: 0;
	padding: 0;
}

.mar_left_1_7{
	margin-left: 14.27%;
}

.mar_right_1_7{
	margin-right: 14.27%;
}
.mar_left_1_5{
	margin-left: 20%;
}

.mar_left_1_4{
	margin-left: 25%;
}