@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*Dit is overgenomen van internet op aanraade van Hendrik*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/*Alle css header homepage*/
header{
	background-color: black;
	padding: 10px;
	margin-top: none;
	height: 50px;
	width: 2010px;
	position: fixed;
}
/*Alle css navigatie overzichtspagina*/
.navigatie {
	background-color: black;
}
.navigatie ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.navigatie li {
  float: right;
}

.navigatie li a {
  display: block;
  font-family: Arial, "sans-serif";
  color: white;
  font-size: 16px;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.navigatie li a:hover {
  background-color: #333;
}

.navigatie u {
	font-weight: 800;
}

/*Alle css sidenav homepage*/
.sidenav {
  font-family: Arial, "sans-serif";
  font-weight: normal;
  font-size: 10pt;
  height: 100%;
  width: 210px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: black;
  overflow-x: hidden;
  padding-top: 60px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 17px;
  color: white;
  display: block;
}
.sidenav h3{
	font-family: Arial, "sans-serif";
	font-size: 18px;
	font-weight: 800;
	color: white;
	margin-left: 15px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
/* sidenav overzichts pagina*/
.sidenavoverzicht {
  font-family: Arial, "sans-serif";
  font-weight: normal;
  font-size: 10pt;
  height: 700px;
  width: 210px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: black;
  overflow-x: hidden;
  padding-top: 60px;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
}

.sidenavoverzicht p {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 14px;
  color: white;
  display: block;
}
.sidenavoverzicht h2{
	font-family: Arial, "sans-serif";
	font-size: 18px;
	font-weight: 800;
	color: white;
	padding-right: 5px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.sidenavoverzicht h3{
	font-family: Arial, "sans-serif";
	font-size: 16px;
	font-weight: 800;
	color: white;
	margin-left: 15px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
.logo{
	size: 80%;
	align-items: center;
}
/*Alle css main homepage*/
.main {
	padding-top: 130px;
	margin-left: 250px;
 	font-size: 28px; 
}
/*Alle css main2 overzichtspagina*/
.main2 {
	margin-left: 250px;
	margin-bottom: 300px; 
}
/*Alle css over mij homepage*/
.overmij{
	padding-left: 300px;
}
.overmij img{
	width: 60%  !important;
}
/*Alle css blok1 homepage*/
.button1 a{
	color: white;
	font-size: 16px;
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

}
.button1 {
	background-color:#BDECB6;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	font-weight:bold;
	padding:11px 27px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	margin-top: -50px;
	margin-bottom: 20px;
	margin-left: 350px;
	up-to: front; 
	
}
.button1:hover {
	background-color:#2f9149;
}
.button1:active {
	position:relative;
	top:1px;
}

 
/*Alle css blok2 homepage*/
.calltoaction{
	background-color: black;
}
.calltoaction h2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	color: white;
	padding-top: 25px;
	margin-bottom: 15px;
}
.calltoaction p{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 14px;
	text-align: center;
	color: white;
	padding-left: 160px;
	padding-right: 160px;
}
.button2 {
	background-color:#BDECB6;
	border-radius:42px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:11px 27px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 515px;
}
.button2 a{
	color: white;
	font-size: 16px;
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.button2:hover {
	background-color:#2f9149;
}
.button2:active {
	position:relative;
	top:1px;
}

.button2 a{
	color: white;
	font-size: 16;
	text-align: center;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";

}
/*Alle css blok3 homepage*/
.uitgelicht {
  	display: -ms-flexbox; /* IE10 */
 	display: flex;
 	-ms-flex-wrap: wrap; /* IE10 */
 	flex-wrap: wrap;
 	padding: 0 4px;
	margin-left: 200px;
	margin-bottom: 15px;
}

/* Create four equal columns that sits next to each other */
.fotogallerij {
 	-ms-flex: 40%; /* IE10 */
 	flex: 40%;
 	max-width: 40%;
 	padding: 0 4px;
}

.fotogallerij img {
  	margin-top: 8px;
  	vertical-align: middle;
  	width: 100%;
}

/*Alle css fotogallerij overzichtspagina*/
.uitgelicht2 {
  	display: -ms-flexbox; /* IE10 */
 	display: flex;
 	-ms-flex-wrap: wrap; /* IE10 */
 	flex-wrap: wrap;
 	padding: 0 4px;
	padding-top: 0px;
	margin-left: 40px;
	margin-bottom: 15px;
}
.fotogallerij2 {
 	-ms-flex: 40%; /* IE10 */
 	flex: 40%;
 	max-width: 50%;
 	padding: 0 4px;
}

.fotogallerij2 img {
  	margin-top: 8px;
  	vertical-align: middle;
  	width: 100%;
}
.fotogallerij2 img:hover{
	-ms-transform: scale(1.04); /* IE 9 */
  -webkit-transform: scale(1.04); /* Safari 3-8 */
  transform: scale(1.04); 
}
/*standaard  css koppen en platte tekst*/
h1{
	font-family: Arial, "sans-serif";
	font-size: 22px;
	letter-spacing: 1px;
}
h2{
	font-family: Arial, "sans-serif";
	font-size: 20px;
	text-align: center;
	font-weight: 800;
	margin-top: 10px;
	letter-spacing: 1px;
}
h3{
	color: white;
	font-family: Arial, "sans-serif";
	font-size: 10px;
	font-weight: 800;
	margin-left: 15px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
h4{
	color: white;
	font-family: Arial, "sans-serif";
	font-size: 12px;
	letter-spacing: 1px;
}
p1{
	font-family: Arial, "sans-serif";
	font-size: 15px;
}
p2{
	color: white;
	font-family: Arial, "sans-serif";
	font-size: 9px;
}
p{
	font-family: Arial, "sans-serif";
	font-size: 14px;
}
a{
	color: white;
	font-family: Arial, "sans-serif";
	font-size: 11px;
}
/*Alle css footer*/
.footer{
	background-color: black;
	font-color: white;
	font-family: Arial, "sans-serif";
	font-size: 14px;
	margin-top: 40px;
	width: auto;
	padding: 40px 5%;
	display: flex;
}
.footer div{
	text-align: left;
}
.contact{
	flex-grow: 2;
	padding-right: 0px;
}
.socials{
	flex-grow: 2;
}
.footer div h4{
	font-weight: 300;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.footer div a{
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
}
#icons{
	padding-right: 500px; 
}
.footer2{
	background-color: black;
	font-color: white;
	font-family: Arial, "sans-serif";
	font-size: 14px;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
}
.footer0{
	background-color: black;
	font-color: white;
	font-family: Arial, "sans-serif";
	font-size: 14px;
	margin-top: 40px;
	width: auto;
	padding: 40px 5%;
	padding-left: 300px;
	display: flex;
}
.footer0 div{
	text-align: left;
}
.footer0 div h4{
	font-weight: 300;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.footer0 div a{
	display: block;
	text-decoration: none;
	margin-bottom: 10px;
}