/* CSS alle pagina's, header en footer */
html{
    font-family: Noteworthy;
	font-size:20px;
}
li{
	margin-bottom: 20px;
	margin-top:10px;
}
img{
	width:200px;
}
p{
	font-size:25px;
	margin: 20px;
}
h1{
	font-weight: normal;
	font-size:2em;
}
h2{ 
	font-weight: normal;
	font-size:1.5em;
}
h3{
	font-size:25px;
	padding-bottom:10px;
}
label{
	font-size:15px;
	text-align:center;
	padding-top:20px;
}
a:link {color: black;}
a:visited{color: black;}
a:hover {color: #73ADCD;}
a.contact:hover {color: #FAF8DC;}
a{
	text-decoration: none;
}
.containerMenu{
background-color:#DA9CA2;
	margin:10px;
	margin-bottom:50px;
	margin-right:870px;
	text-align:left;
	padding:20px;
}
.containersocials{
	margin:10px;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
}
.containersocials img{
	width:73px;
}
.containerContact{
	background-color: #DA9CA2;
	text-align: center;
	padding:20px;
	margin:60px;
	margin-left:120px;
	margin-right:120px;
	
}
.containerHeader{
	background-color:aliceblue;
	padding-top:20px;
	display:grid;
	text-align:center;
	grid-template-columns: repeat(3, 1fr); 
}
.HeaderCVfoto Img{
	width:130px;
}
.containerFooter{
	background-color:aliceblue;
	text-align: center;
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	padding-top:20px;
}
@media (max-width:512px){
	.containerFooter{
		display:grid;
		grid-template-columns: repeat(2, 1fr);
	}
}
/*__________________________________________________________________CSS Hoofdpagina________________________________________________*/
.containerCategory{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 100px;
	margin:20px;
	align-items: flex-end;
	text-align:center;
	
}
.containerCategory img{
	width:250px;
}
@media (min-width:512px){
	.containerCategory{
		display:grid;
		grid-template-columns: repeat(3, 1fr);
	}
}
/*---------------------------------------------------------------Contact pagina----------------------------------------------------*/
@media (max-width:512px){
	.containerContactgegevens img{
		display:none;
	}
	.containerAfspraak img{
		display:none;
	}
	.containerBericht img{
		display:none;
	}
}
.Form{
	margin-top:20px;
	margin-bottom:20px;
	padding:20px;
}
.inhoudform{
	text-align: center;
}
.keuzemail{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
}
.keuzetel{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
}
.datumtijd{
	margin:20px;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
}
.adres2{
	margin-top:20px;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
}
.adres1{
	margin-bottom:20px;
	display:grid;
	grid-template-columns: repeat(3, 1fr);
}
.containerContactgegevens{
	background-color: #E3B19C;
	padding:20px;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
}
.containerAfspraak{
	margin-top: 20px;
	margin-bottom:20px;
	padding:20px;
	background-color: #FFE2E4;
	align-items: center;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
}
.containerBericht{
	background-color:#EAFDC5;
	padding:20px;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
}
.containerSelecteer{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
}
.naam{
	margin:20px;
	display:grid;
	grid-template-columns: repeat(3, 1fr);
}
select{
	border:transparent;
	padding-left:50px;
	font-family:noteworthy;
	margin:50px;
	border-radius:10px;
}
textarea{
	border-color: transparent;
	background-color:white;
	border-width: thick; 
	border-radius: 10px;
	width:500px;
	margin:20px;
}
Button{
	padding:20px;
	background: #E599A1;
	border-color:white;
	border-width: thick;
	border-radius: 10px;
	font-family: noteworthy;
	font-size: 1em;
	margin:40px;
}
Button:hover{
	color:#FAF8DC;
}

input{
	background-color:white;
	border-color:transparent;
	border-width: thick; 
	width:100px;
	height: 40px;
	border-radius: 10px;
	margin:10px;
}
/*_____________________________________________________________________ CV pagina__________________________________________________*/
@media (min-width:512px){
	.containerCVkoppel{
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		margin-bottom: 30px;
	}
}
.containerCVfoto{
	text-align: center;
}
.containerCVfoto img{
	width:300px;
	margin:20px;
}
.containerCVvoorstellen{
	background-color: #EAFDC5;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	padding:20px;
	text-align: center;
	align-content: flex-end;
}
.containerCVgegevens{
	background-color:#FFF2C4;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	padding:20px;
	align-items: flex-end;
}
.containerCVgegevens img{
	height:300px;
	width:auto;
	margin-left: 30px;
}
.containerCVexperience{
	background-color:#E3B19C;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	padding:20px;
	align-items: flex-end;
}
.containerCVexperience img{
	height: 300px;
	width:auto;
}
.containerCVskills{
	background-color:#FFE2E4;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	padding:20px;
	align-items:flex-end;
}
.containerCVskills img{
	height: 300px;
}
.containerCVopleidingen{
	background-color:#A9CBCF;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	padding:20px;
	align-items:flex-end;
}
.containerCVopleidingen img{
	height: 300px;
	width:auto;
}

.contactContainer{
	background-color: #DA9CA2;
	text-align: right;
	margin: 10px;
	margin-left:970px;
}
.contactContainer h2{
	padding: 20px;
}
/*______________________________________________Portfolio pagina's_________________________________________________________________*/
@media (min-width:512px){
	.portfolio{
		display:grid;
		grid-template-columns: repeat(2, 1fr);
	}}
.portfolio img{
	border:white solid 5px;
	margin:10px;
	width:500px;
	text-align: center;
	align-items: center;
	background-color: white;
}
.portfolio video{
	border:white solid 5px;
	margin:10px;
	text-align: center;
	justify-content: center;
}
.portfolio{
	text-align: center;
}
.artwhite{
	background-color: white;
	padding: 20px;
}
.artoranje{
	background-color: #E3B19C;
	padding: 20px;
	
}
.artblauw{
	background-color: #A9CBCF;
	padding: 20px;
	
}
.artroze{
	background-color: #FFE2E4;
	padding: 20px;
		
}
.artgroen{
	background-color: #EAFDC5;
	padding: 20px;
	
}