html { 
  background-color: #ffffff;
}

body {
	color: #202020;    
	position: relative;        
	width: 100%;  
	height: auto;          
	margin-left: auto;      
	margin-right: auto;
	margin-top: 0px;
	text-align:left;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:40px;
	line-height: 58px;
	text-rendering: optimizeLegibility;
	}

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

a:hover { 
	color: #202020; 
	text-decoration: underline;
	}

A.class1 {color:#202020;}
A.class1:link {text-decoration: underline; color: #202020;}
A.class1:visited {text-decoration: none; color: #202020;}
A.class1:hover {text-decoration: underline; color: #202020; opacity: 0.8;}
A.class1:active {text-decoration: none; color: #202020;}

A.class2 {color:#ffffff;}
A.class2:link {text-decoration: none; color: #ffffff;}
A.class2:visited {text-decoration: none; color: #ffffff;}
A.class2:hover {text-decoration: underline; color: #ffffff;}
A.class2:active {text-decoration: none; color: #ffffff;}



#kop {
	top: 0px;
	width: 100%;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	position: fixed;
  	}

#somelinks {
	float: right;
	height: 48px;
	width: 200px;
	text-align: right;
	margin-right: 8%;	
	margin-top: 28px;
	}

#mail {
	float: left;
	margin-top: 46px;
	margin-left: 8%;
	height: auto;
	width: 200px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:44px;
	line-height: 30px;
	text-align: left;
}	

	
#header {
	overflow: hidden;
	width: 100%;
	height: 1000px;
	margin-top: 0px;
	margin-right: 0px;
	text-align:center;
	background-image: url(images/header.jpg);
	background-size: cover;
	position: fixed;
	}


	
#logo {
	width: 60%;
  	padding-top: 370px;
  	text-align: center;
  	margin-left: auto;
  	margin-right: auto;
	position: relative;
	}
	



#content {
	width: 100%
	height: auto;
	top: 1000px;
	background-color: #ffffff;
	position: relative;
	}


#contentbox {
   	width: 84%;
   	height: auto;
	overflow: hidden; /* add this to contain floated children */
  	margin-left: auto ;
  	margin-right: auto ;
  	padding-bottom: 70px;
	}

#contentbox2 {
   	width: 100%;
   	height: auto;
	overflow: hidden; /* add this to contain floated children */
  	margin-left: auto ;
  	margin-right: auto ;
  	padding-bottom: 80px;
  	padding-top: 0px;
	}

#intro {
	text-align:left;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size:56px;
	line-height: 68px;
	padding-top: 50px;
	padding-bottom: 0px;
	color: #F45432;
	text-rendering: optimizeLegibility;
	}


#container {
	width: 100%;
	height: auto;
	text-align: left;
	overflow: hidden; /* add this to contain floated children */
	background-color: #07C9C8;
	}


.kop1 {
	padding-left: 8%;
	padding-right: 8%;
	padding-top: 45px;
	padding-bottom: 20px;
	color: #FFFFFF;
	font-size:56px;
	line-height: 58px;
	font-weight: 400;
}

.kop2 {
	color: #F45432;
	font-size:48px;
	font-weight: 600;
}

.lijst {
	padding-left: 8%;
	padding-right: 8%;
	padding-bottom: 30px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:40px;
	line-height: 58px;
	color: #FFFFFF;	
	}

li {
	padding-bottom: 10px;
	}
	
		
.imgcontainer2 {
	width: 100%;
	height: auto;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	overflow: hidden; /* add this to contain floated children */
	}	

.mySlides {display:none;}





#footer {
	bottom: 0px;
	margin-top: 0px;
	background-color: #F2BB3E;
	width: 100%;
	height: auto;
	position: relative;
	}



#content2 {
   	width: 84%;
   	height: auto;
	overflow: hidden; /* add this to contain floated children */
  	margin-left: auto ;
  	margin-right: auto ;
  	padding-top: 30px;
  	padding-bottom: 40px;
	text-align:center;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size:24px;
	line-height: 36px;
	color: #ffffff;
	}
	


#info3 {
	width: 100%;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 70px;
	height: auto;
	text-align: left;
	overflow: hidden; /* add this to contain floated children */
	}
	
#info1 {
	width: 100%;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0%;
	height: auto;
	text-align: left;
	overflow: hidden; /* add this to contain floated children */
	}

#info2 {
	width: 100%;
	padding-top: 20px;
	padding-left: 0px;
	padding-bottom: 40px;
	padding-right: 0%;
	height: auto;
	text-align: left;
	overflow: hidden; /* add this to contain floated children */
	}


.linkedin {
	width: 56px;
	height: 56px;
	text-align:left;
	margin-top: 0px;
	background-image: url(images/linkedin.png);
	background-size: cover;
	float: right;
	text-align: left;
	}	

.instagram {
	width: 56px;
	height: 56px;
	text-align:left;
	margin-top: 0px;
	margin-right: 40px;
	background-image: url(images/instagram.png);
	background-size: cover;
	float: right;
	text-align: left;
	}
	
	
	
.linkedin-black {
	width: 56px;
	height: 56px;
	text-align:left;
	margin-top: 0px;
	background-image: url(images/linkedin_zwart.png);
	background-size: cover;
	float: left;
	text-align: right;
	}	

.instagram-black {
	width: 56px;
	height: 56px;
	text-align:left;
	margin-top: 0px;
	margin-left: 40px;
	background-image: url(images/instagram_zwart.png);
	background-size: cover;
	float: left;
	text-align: right;
	}