/*-------------------- ALGEMEEN -------------------- */
*, *:before, *:after{
	box-sizing:border-box;
}

html, body{
	width:100%;
	padding:0px;
	margin:0px;
	font-family:'Lato', sans-serif;
	font-size:14px;
	line-height:24px;
	font-weight:300;
	color:#4F4F4F;
	background-color:#F3F3F3;
}

a{
	color:#FF8A00;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

p{
	margin-top:0px;
}

h1, h2, h3{
	width:100%;
	font-weight:400;
	color:#343434;
}

h1{
	font-size:30px;
	margin:0px 0px 20px 0px;
}

h2{
	font-size:26px;
	margin:0px 0px 15px 0px;
}

h3{
	font-size:22px;
	margin:0px 0px 10px 0px;
}

.wrapper{
	float:left;
	width:100%;
}

.container{
	max-width:1200px;
	width:100%;
	margin:0px auto;
}

.readMore{
	background:#FF8A00;
	color:#FFF;
	padding:5px 10px;
	font-weight:700;
	float:left;
}

.readMore:hover{
	text-decoration:none;
	background-color:rgba(255,138,0,0.9);
}

/*-------------------- MENUBALK -------------------- */
#menuBalk{
	float:left;
    width:15%;
}

#menuBalk #logo{
	float:left;
	width:100%;
	text-align:center;
	padding:30px 0px;
	border-bottom:3px solid #FFF;
}

#menuBalk #logo img{
	max-width:75%;
}

#menuBalk #menu{
	float:left;
	width:100%;
}

#menuBalk #menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
	width:100%;
	text-align:left;
	font-size:18px;
	font-weight:400;
}

#menuBalk #menu ul li{
	float:left;
	width:100%;
	border-bottom:3px solid #FFF;
}

#menuBalk #menu ul li a{
	color:#343434;
	padding:15px;
	float:left;
	width:100%;
}

#menuBalk #menu ul li a:hover{
	color:#FF8A00;
	text-decoration:none;
	background:#464646;
}

/*-------------------- CONTENTBALK -------------------- */
#contentBalk{
	float:left;
    width:85%;
	background-color:#FFF;
}

/*-------------------- BANNER -------------------- */
#banner{
	width:100%;
	float:left;
	padding:150px 0px;
	margin:0px 0px 40px 0px;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-position:top !important;
}

/*-------------------- OVER -------------------- */
#overTop, #overBottom{
	float:left;
	width:100%;
	margin:0px 0px 40px 0px;
}

#overTop p:last-child, #overBottom p:last-child{
	margin:0px;
}

/*-------------------- ARTIKELEN -------------------- */
#artikelen{
	width:100%;
	float:left;
	margin:0px 0px 40px 0px;
}

#artikelen .artikelenElement{
	float:left;
	width:49%;
	margin:0px 0px 0px 0px;
}

#artikelen .artikelenElement:nth-of-type(2){
	margin:0px 0px 0px 2%;
}

#artikelen .artikelenElement .artikelImage{
	float:left;
	width:100%;
	height:150px;
	background-size:cover;
	margin:0px 0px 10px 0px;
	background-position:center;
}

#artikelen .artikelenElement span{
	font-size:18px;
	color:#343434;
	font-weight:400;
	width:100%;
	float:left;
	margin:0px 0px 10px 0px;
}

#artikelen .artikelenElement p{
	height:80px;
	overflow:hidden;
	float:left;
	width:100%;
}

/*-------------------- BLOGS -------------------- */
#blogs{
	width:100%;
	float:left;
}

#blogs .blogsElement{
	float:left;
	width:32%;
	margin:0px 0px 40px 0px;
}

#blogs .blogsElement:nth-of-type(1), #blogs .blogsElement:nth-of-type(2){
	width:49%;
	margin:0px 0px 2% 0px;
}

#blogs .blogsElement:nth-of-type(1){
	margin:0px 2% 2% 0px;
}

#blogs .blogsElement:nth-of-type(4){
	margin:0px 2% 2% 2%;
}

#blogs .blogsElement .blogsImage{
	float:left;
	width:100%;
	height:150px;
	background-size:cover;
	margin:0px 0px 10px 0px;
	background-position:center;
}

#blogs .blogsElement span{
	font-size:18px;
	color:#756557;
	font-weight:400;
	width:100%;
	float:left;
	margin:0px 0px 10px 0px;
}

#blogs .blogsElement p{
	height:80px;
	overflow:hidden;
	float:left;
	width:100%;
}

/*-------------------- FOOTER -------------------- */
#footer{
	float:left;
	width:100%;
	text-align:center;
	background-color:#464646;
	color:#FFF;
	font-size:14px;
	padding:10px;
}

#footer a{
	color:#FFF;
}