@charset "utf-8"; /* CSS Document */
body{			margin-left: 		15%; 
				margin-right: 		15%; 
				margin-bottom: 		0px;
				font-size: 			14px;
				font-family: 		'Montserrat';
				color: 				#FFFFFF; 
				text-align: 		center;
				background-repeat: 	no-repeat; background-size: 100%; background-color: #303030;}
a{				text-decoration: 	none; 	color: #FFFFFF; }
h1{				font-size: 			22px; 	color: #DCA20E; }
h2{				font-size: 			18px;  	color: #DCA20E; 	font-style: italic;}

.banner{ 		width: 60%;}
.social	{		width: 50%; float: left;}
.pinterestknop{	position: fixed; right:10px; top: 10px; z-index: 5;}
.menubalk{		margin-bottom: 		40px; 	margin-left: 5px; margin-right: 5px; }
.menu{ 			width: 33%; height:	30px; 	display:grid; align-items:center; float: left; background: #0094FF; 
				border: 1px solid #303030; box-sizing: border-box; text-align: center;}
.menu:hover{	color: #D6D6D6; background: #333; cursor: pointer;}
.headline { 	color: #DCA20E; font-size: 18px; }
.red {			color:red;}
.biggertext{ 	font-size: 25px;}
.roundedge{		box-sizing: border-box; border-radius:  20px; }

/* Kolommen voor o.a. Over Ons */
.leftcolum{		width: 50%;		float:left;		padding-right: 	25px;	box-sizing: border-box;}
.rightcolum{	width: 50%;		float:left;		padding-left: 	25px;	box-sizing: border-box;}

/* Overzicht en hoofdpagina */
.overzicht{			position:relative; float: left; overflow:hidden; left: -5px; font-size: 22px;}
.overzicht img {	width:100%; min-width:100%; min-height: 100%; margin: 10px; 
					position:absolute; left: 0px; 
					box-sizing: border-box;  object-fit: cover;  }
.vierkantjes{		width: 25%; padding-bottom: 25%;} /* vierkantjes van het overzicht*/
.big{				width: 50%; padding-bottom: 50%; }  /* halve pagina breed en even hoog*/
.wide{				width: 50%; padding-bottom: 25%;}  /* halve pagina breed*/
.portfolio{			width: 25%; padding-bottom: 25%; }  /* Kopjes op Portfoliopagina*/
.centered {			color: black; z-index: 1; 
					position: absolute; top: 33.3%; left: 33.3%; transform: translate(-50%, -50%);}

/* Plaatsing en grootte van contactinformatie, tags en de footer met copyright */
.footercontact 		{ 	float: left; 	width: 40%; 	box-sizing: border-box; 	padding: 25px; 		font-size: 14px;}
.footertags			{ 	float: left;	width: 40%; 	box-sizing: border-box;		padding: 25px;		font-size: 14px;}
.footer				{ 	overflow: auto; width: 100%;													font-size: 12px;}

/* Alles voor het contactformulier, de invoervelden en submitknop*/
.contactform{			width: 50%; 	border-radius:  15px; border: 1px solid #303030; height: 40px; 	padding: 15px; }
.contactformtext{		width: 70%; 	border-radius:  15px; border: 1px solid #303030; height: 200px; padding: 15px; }
.contactsubmitbutton{ 	width: 200px; 	border-radius:  15px; border: 1px solid #303030; height: 40px;  
						-webkit-appearance: none; background-color: #0094FF; color: #FFFFFF; font-size: 20px;}