body { 
	font-family:Verdana; 
	text-align:left; 
	font-size:9pt; 
	line-height:1.5em;
	text-decoration:none; 
	color:#000000;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px; 
	}

P, ul {
	margin-left:0px;
	}

a {
	text-decoration:none;
	color: rgb(0, 168, 195);
	}
	
a.logo {
	font-family:Helvetica; 
	text-align:left; 
	font-size:18pt; 
	text-decoration:none; 
	color:#000000;
}

a.vervolg {
    color: /*#a5fff9*/#FFFFFF;
    font-family: Georgia, Times, serif;
    font-size: 20px;
}

.transparant {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 200px 8px 20px 8px;
}

h1 {
	font-family:arial, helvetica, sans;
	font-weight: normal;
    font-size: 1.6em;
    line-height:1.3em;
   /* color:#858585;*/
}

h2 {
	font-weight:bold;
	font-size:1.1em;
}

.intro {
	font-family:arial, helvetica, sans;
	font-size: 1.1em;
	line-height:1.4em;
	font-weight:bold;
}

.blogtekst {
	font-family: Georgia, Times, Serif;
	font-size:1.2em;
	line-height:1.45em;
	color: #333333; /*#858585*/;
	margin-top:5px;
	}
	
/*divs*/
#body {
	width:1000px;
	margin:auto;
	}

#logo { 
	background: #FFFFFF;
	margin:auto;
	margin-top: 40px;
	max-width: 1000px; 
	height: 100px; 
	}

#navigatie { 
	background: #FFFFFF;
	width: 690px; 
	height: 352px; 
	float:right;
	}

#navigatieblokje_projecten { 
    background-color: rgb(255, 121, 34);
	width: 300px; 
	height: 300px;
	margin-right:40px;
	float:left;
	}
	
#navigatieblokje_overdiges { 
    background-color: rgb(0, 168, 195);
	width: 300px; 
	height: 300px; 
	margin-right: 40px;
	float:left;
	}

#navigatieblokje_contact { 
    background-color: #ffac33;
	width: 300px; 
	height: 300px; 
	margin-right: 40px;
	margin-top: 40px;
	float: left;
	}
	
#navigatieblokje_vakkennis { 
    background-color: rgb(141, 100, 158);
	width: 300px; 
	height: 300px; 
	margin-right: 40px;
	margin-top: 40px;
	float: left;
	}	

#navigatie_blog {	
	background-color: #f9f9f9;
	height: auto; 
	width: 650px; 
	float:right;
	padding:24px;
	margin-bottom:20px;
}
	
#navigatie_vervolg {	
	background-color: #f9f9f9;
	width: 690px; 
	height: auto; 
	float:right;
	padding:24px;
	margin-bottom:20px;
}
	
#tekstveld { 
	background: transparent;
	width: 260px; 
	height: 450px; 
	float:left;
	margin-top:-8px;
	}
	
#rondje1{
	background-color: rgb(255, 121, 34);
  	width:190px;
  	height:30px;
  	margin-top:10px;
}

#rondje2{
	background-color: rgb(0, 168, 195);
  	width:190px;
  	height:30px;
  	margin-top:8px;
	}

#rondje3{
	background-color: #ffac33;
  	width:190px;
  	height:30px;
  	margin-top:8px;
	}
	
#rondje4{
	background-color: rgb(141, 100, 158);
  	width:190px;
  	height:30px;
  	margin-top:8px;
	}	
	
a.rondje {
	color:#ffffff;
	font-family: Georgia, Times, Serif;
	font-size:20px;
	line-height:45px;
	padding-left:5px;
	}
	
a.rondje:hover {
    background-color: rgba(0, 0, 0, 0.1);
    padding:4px 50px 0px 5px;
    line-height:32px;
}

a.actief {
	color:#ffffff;
	font-family: Georgia, Times, Serif;
	font-size:20px;
	background-color: rgba(0, 0, 0, 0.1);
    padding:4px 50px 0px 5px;
    line-height:32px;
}
	
.slider {
	width:642px;
	max-height: 450px;
	margin-left: 20px;
	margin-top: 20px;
	}

.slider img {
	max-height:300px;
	max-width:636px;
	border: 1px solid #d4d4d4;
    box-shadow: 0 3px 8px #555555;
    margin-right:20px;
    margin-left:5px;
    margin-top:3px;
    margin-bottom: 15px;
    }
    
.bijschrift {
	max-width: 300px;
	font-family: Georgia, Times, Serif;
	font-size:1.1em;
	line-height:1.4em;
	color: #858585;
	}
	
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    color: #bbbbbb;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 .slick-prev {
 	margin-left: -3px;
 }

@media screen and (max-width: 820px)
{	
	/*divs*/
	#body {
		max-width:820px;
		margin:20px;
		}
	
	#logo { 
		background: #FFFFFF;
		margin:20px;
		margin-top: 40px;
		max-width: 820px; 
		height: 100px; 
		}
	
	#navigatie { 
		background: #FFFFFF;
		width: 566px; 
		height: 352px; 
		float:right;
		}
	
	#navigatieblokje_projecten { 
		background-color: rgb(255, 121, 34);
		width: 450px; 
		height: 150px;
		float:left;
		}
		
	#navigatieblokje_overdiges { 
		background-color: rgb(0, 168, 195);
		width: 450px; 
		height: 150px; 
		margin-top: 20px;
		float:left;
		}
	
	#navigatieblokje_contact { 
		background-color: #ffac33;
		width: 450px; 
		height: 150px; 
		margin-top: 20px;
		float: left;
		}
		
	#navigatieblokje_vakkennis {
		background-color: rgb(141, 100, 158);
		width: 450px; 
		height: 150px; 
		margin-top: 20px;
		float: left;
		}
		
	#navigatie_vervolg {	
		width: 475px; 
		height:auto; 
		float:left;
		padding:8px;
		margin-left:20px;
		}
		
	#navigatie_blog {	
		height: auto; 
		width: 475px; 
		float:left;
		padding:12px;
		margin-left:20px;
		}	
		
	#tekstveld { 
		background: transparent;
		width: 213px; 
		height: 450px; 
		float:left;
		margin-top:-8px;
		}
		
	.transparant {
   		background-color: rgba(0, 0, 0, 0.1);
    	padding: 60px 8px 20px 8px;
		}	
		
	.slider {
		width:425px;
		max-height: 450px;
		margin-left: 22px;
		margin-top:10px;
		}
	
	.slider img {
		max-height:280px;
		max-width: 425px;
		border: 1px solid #d4d4d4;
		box-shadow: 0 3px 8px #555555;
		margin-right:20px;
		margin-bottom: 15px;
		}
		
	.slick-dots li	{
		position: relative;
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
		}
		
	#rondje1{
		background-color: rgb(255, 121, 34);
		width:190px;
		height:35px;
		margin-top:10px;
	}
	
	#rondje2{
		background-color: rgb(0, 168, 195);
		width:190px;
		height:35px;
		margin-top:10px;
		}
	
	#rondje3{
		background-color: rgb(141, 100, 158);
		width:190px;
		height:35px;
		margin-top:10px;
		}
		
	#rondje4{
		background-color: #ffac33;
		width:190px;
		height:35px;
		margin-top:10px;
		}	
		
	a.rondje {
		color:#ffffff;
		font-family: Georgia, Times, Serif;
		font-size:20px;
		line-height:56px;
		padding-left:5px;
		}
		
	a.rondje:hover {
		background-color: rgba(0, 0, 0, 0.1);
		padding:6px 50px 4px 5px;
		line-height:35px;
	}
	
	a.actief {
		color:#ffffff;
		font-family: Georgia, Times, Serif;
		font-size:20px;
		background-color: rgba(0, 0, 0, 0.1);
		padding:6px 50px 4px 5px;
		line-height:35px;
	}	

}
	
@media screen and (max-width: 700px)/*was 360*/
{
	/*divs*/
	#body {
		max-width:360px;
		margin:8px;
		}
	
	#logo { 
		background: #FFFFFF;
		margin:8px;
		margin-top: 20px;
		max-width: 360px; 
		height: 40px; 
		}
	
	#navigatie { 
		background: #FFFFFF;
		width: 360px; 
		height: auto; 
		}
	
	#navigatieblokje_projecten { 
		background-color: rgb(255, 121, 34);
		width: 320px; 
		height: 50px;
		float:left;
		}
		
	#navigatieblokje_overdiges { 
		background-color: rgb(0, 168, 195);
		width: 320px; 
		height: 50px; 
		margin-top: 20px;
		float:left;
		}
	
	#navigatieblokje_contact { 
		background-color: #ffac33;
		width: 320px; 
		height: 50px; 
		margin-top: 20px;
		float: left;
		}
		
	#navigatieblokje_vakkennis {
		background-color: rgb(141, 100, 158);
		width: 320px; 
		height: 50px; 
		margin-top: 20px;
		float: left;
		}	
		
	#navigatie_vervolg {	
		width: 305px; 
		height: auto; 
		margin-left:0px;
		padding:8px;
		margin-top:15px;
		}
	
	#navigatie_blog {	
		height: auto; 
		width: 305px; 
		padding:8px;
		margin-top:15px;
		margin-left:0px;
		}		
		
	#tekstveld { 
		background: transparent;
		width: 345px; 
		height: auto; 
		margin-top:0px;
		}
		
	.transparant {
   		background-color: rgba(0, 0, 0, 0.1);
    	padding: 8px 8px 8px 8px;
		}	
		
	.slider {
		width:290px;
		max-height: 450px;
		margin-left:12px;
		margin-top:5px;
		padding-left:6px;
		}
	
	.slider img {
		max-height:220px;
		max-width:280px;
		border: 1px solid #d4d4d4;
		box-shadow: 0 3px 8px #555555;
		margin-right:20px;
		margin-bottom: 15px;
		}	
		
	.bijschrift {
		max-width: 280px;
		font-family: Georgia, Times, Serif;
		font-size:1.1em;
		line-height:1.4em;
		color: #858585;
		}	
		
	.slick-prev:before,
	.slick-next:before	{
		font-family: 'slick';
		font-size: 30px;
		line-height: 1;
		color: #bbbbbb;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		}
		
	 .slick-prev {
		margin-left: 2px;
		 }	
	
	.slick-dots li	{
		position: relative;
		display: inline-block;
		width: 5px;
		height: 5px;
		margin: 0 4px;
		padding: 0;
		cursor: pointer;
		}
		
	#rondje1{
		background-color: rgb(255, 121, 34);
		width:320px;
		height:35px;
		margin-top:10px;
	}
	
	#rondje2{
		background-color: rgb(0, 168, 195);
		width:320px;
		height:35px;
		margin-top:10px;
		}
	
	#rondje3{
		background-color: rgb(141, 100, 158);
		width:320px;
		height:35px;
		margin-top:10px;
		}

	#rondje4{
		background-color: #ffac33;
		width:320px;
		height:35px;
		margin-top:10px;
		}	
}