@media only screen and (max-width: 1800px) {

	/* Standaard pagina opmaak */
	html, body{
		font-family: 'calibri', sans-serif;
		margin: 0;
		padding: 0;
		height: 100%;
		-webkit-appearance: none;
	}

	/* Kop lettertype */
	h1 {
		font-family: 'calibri', sans-serif;
		font-size: 80pt;
		color: rgba(255,255,255,1);
		line-height: 0pt; /* Hoogte staat op "0" vanwege design */
		font-weight: lighter;
		margin-top: 400px
	}

	/* Tweede hoofdlettertype */
	h2 {
		font-family: 'calibri', sans-serif;
		font-size: 34pt;
		color: rgba(255,255,255,1);
		line-height: 20pt; /* Hoogte staat op "0" vanwege design */
		font-weight: lighter;
	}

	/* Derde hoofdlettertype */
	h3 {
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 24pt;
		line-height: 24pt;
		margin-top: 0px;
		font-weight: normal;
	}

	/* Normale lettertype */
	p {
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 16pt;
		line-height: 16pt;
		margin-bottom: 0px;
	}

	p.voorwaarden {
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 12pt;
		line-height: 12pt;
		margin-top: 0px;
		margin-bottom: 0px;
		font-style: italic;
		
	}

	/* Lettertype voor een link */
	a {
		font-family: 'calibri', sans-serif;
		color: #333;
		color: rgba(0,0,0,0.5);
		font-size: 20px;
		line-height: 20px;	
	}

	/* Navigatiebalk */
	#topnav {
		list-style-type: none;
		overflow: hidden;
		margin: 0;
		padding:0;
		background-color: rgba(255, 255, 255, 0.0);
		top: 0;
		width: 100%;
		position: fixed;
		height: 60px;
	 /*   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.8);*/
		z-index: 999;
	}

	/* Navigatiebalk */
	.topnav1 {
		background-color: rgba( 169, 169, 169, 1.0) !Important;
		color: rgba( 255, 255, 255, 1.0) !Important;  
		transition: 0.3s !Important; 
		z-index: 999 !Important;
	}

	/* Hoe breed de tekst kan zijn */
	#topnav .text {
		padding: 0;
		background-color: none;
		width: 100%;
		display: block;
		margin-left: 0;
		margin-right: auto;
		text-align: center;
		z-index: 999;
	}

	/* 1/4 deel van de totale balk */
	div.navs {
		display: block;
		background-color: none;
		width: 10%;
		float: left;
		position: relative;
		line-height: 55px;
		color: rgba(255, 255, 255, 1.0);
		font-size: 28px;
		z-index: 999;
	}

	/* Hover */
	div.navs:hover {
		color: white;
		border-bottom: 5px solid rgba(0, 149, 255, 1.0);
		transition: 0.3s;
	}

	#topnav.selected {
		color: orange;
		border-bottom: 5px solid rgba(0, 149, 255, 1.0);
	}

	div.navs.selected {
		color: orange;
		border-bottom: 5px solid rgba(0, 149, 255, 1.0);
		transition: 0.3s;
	}

	/* Achtergrond */
	#start{
		height: 100%;
		width: 100%;
		background-image: url("../imgs/Background.jpeg");
		background-attachment: scroll;
		background-size: cover;
		filter:brightness(80%)
	}

	/* "Home" */
	#header {
		position: fixed;
		right: 0;
		left: 0;
		margin-right: auto;
		margin-left: auto;
		height: 80%;
		width: 80%;
		top: 0;
		bottom: 0;
		text-align: center;	
		background-color: none;
	}

	.container {
		margin-right: auto;
		margin-left: auto;
		width: 70%;
		border-left: 6px solid rgba(0, 149, 255, 1.0);
		padding-left: 20px;
		overflow: auto;
	}

	.toprow {
		width: 100%;
		padding: none;
		border: none;
		margin-bottom: 60px;
		
	}

	.rij2 {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid black;
	}

	.month {
		width: calc(100/6 * 1%);
		display: block;
		float: left;
		position: relative;
		cursor: pointer;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 16pt;
		line-height: 16pt;
		margin: 0px;
		text-align: left;
		padding-bottom: 5px;
	}

	.month:hover {
		
		color: rgba(0, 149, 255, 1.0);
		transition: 0.3s;
		text-decoration: underline;
	}

	.month.selected { 
		text-decoration: underline;
		color: rgba(0, 149, 255, 1.0);
	}

	.kolom1 {
		width: 30%;
		float: left;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 16pt;
		line-height: 16pt;
	}

	.kolom2 {
		width: 60%;
		float: left;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 16pt;
		line-height: 16pt;
	}

	.kolom3 {
		width: 10%;
		float: left;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 16pt;
		line-height: 16pt;
	}

	/* Afbeeldingengrid */
	.rij{
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}

	/* Afbeeldingengrid */

	.one, .two, .three, .four, .five {
		height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: 5px solid white;
		width: 20%;
	}​

	.six, .seven, .eight, .nine, .ten {
		height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: 5px solid white;
		width: 25%;
	}​
	
	.test, .full {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: 5px solid white;
		width: 100%;
		height: 1000px;
	}​




	/* Aanpassing normale lettertype */
	div #search p{
		color: rgba(255, 255, 255, 0.0);
		font-size: 1px;
	}

	/* De hele website */
	#pixels{
		height: 60px;
		width: 100%;
		background:rgba(255,255,255, 1.0);
		position: relative;
	}

	/* De hele website */
	#wrapper{
		height: auto;
		width: 100%;
		background:rgba(255,255,255, 1.0);
		position: absolute;
	}
	/* Lettertype */
	@font-face {
		font-family: 'calibri', sans-serif;
		src: url(../fonts/calibri.ttf);
	}

	/* Lettertype */
	@font-face {
		font-family: calibrib;
		src: url(../fonts/calibrib.ttf);
	}

	.blocks{
		margin-right: auto;
		margin-left: auto;
		width: 70%;
		border-left: 6px solid rgba(0, 149, 255, 1.0);
		padding-left: 20px;
		overflow: auto;
	/*	border-radius: 10px;*/
		margin-top: 0px;
		margin-bottom: 0px;
		
	}
	.subblocks{
		width: 60%;
		float:left;
		height: 350px;
		text-align: left;
		
	}

	.subblocks_home{
		width: 60%;
		float:left;
		height: 350px;
		text-align: left;
		height: 300px;	
	}

	.subblocks_voorzieningen{
		width: 60%;
		float:left;
		height: 350px;
		text-align: left;
		height: 400px;	
	}

	.subblocks_huurvoorwaarden{
		width: 60%;
		float:left;
		height: 350px;
		text-align: left;
		height: 500px;	
	}

	.subblocks_contact{
		width: 40%;
		float:left;
		height: 350px;
		text-align: left;
		height: 315px;	
	}


	.subcontainerimage {
		height: 350px;
		width: 40%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-left: 50px solid white;
	}

	.subcontainerimage_home {
		height: 450px;
		width: 40%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-left: 50px solid white;
		background-image: url('../imgs/0004.jpeg'); 
	}

	.subcontainerimage_voorzieningen {
		height: 480px;
		width: 40%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-left: 50px solid white;
		background-image: url('../imgs/i94435532.jpeg');
	}

	.subcontainerimage_huurvoorwaarden {
		height: 540px;
		width: 40%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-left: 50px solid white;
		background-image: url('../imgs/0911.jpg');
	}

	.subcontainerimage_contact {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-right: 50px solid white;
		background-image: url('../imgs/0939.jpg'); 
		height:315px; 
		width: 60%;
	}

	.toelichting {
		width:30%;
		border: 0px solid orange;
		float: left;
	}

	.jolo{
		height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border: 10px solid orange;	
		float: none;
	}

	/* Inhoud van de pagina */
	div#wrapper .home {
		margin-right: auto;
		margin-left: auto;
		width: 80%;
		text-align: center;	
		background-color: none;	
	}

	/* Titel van de tekst */
	div#wrapper .home h2 {
		color: rgba( 51, 170, 255, 1.0);
		line-height: 80px;
	}

	/* Kleur van overige tekst */
	div#wrapper .home {
		color: #333;
		color: rgba(0,0,0,0.5);
	}

	/* Totale rij foto's */
	div#wrapper .width {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		text-align: center;	
		background-color: none;	
		z-index: 5;
	}

	/* Contact formulier */
	div#wrapper .contact {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		text-align: center;	
		background-color: none;	
		
	}

	/* Als het formulier verzonden is */
	#alert {
		background-color: rgba(77, 77, 77, 0.6); 
		color: rgb(255, 255, 255);
		height: auto;
		margin-bottom: 60px;
		margin-top: -40px;
	}

	/* Als het formulier verzonden is (algemeen) */
	.succes {
		text-align: center;
		font-family: 'calibri', sans-serif;
		color: white;
		font-size: 24px;
	}

	/* Als het formulier verzonden is (formulier) */
	.succes a {
		color: white;
	}

	/* Als het formulier verzonden is (hover) */
	.succes a:hover {
		color: rgba( 51, 170, 255, 1.0);
	}

	/* Als het formulier niet verzonden kan worden */
	.fail {
		text-align: center;
		font-family: 'calibri', sans-serif;
		color: white;
		font-size: 24px;
		
	}

	/* Als het formulier niet verzonden kan worden */
	.nop {
		text-align: center;
		font-family: 'calibri', sans-serif;
		color: #333;
		color: rgba(0,0,0,0.5);
		font-size: 20px;
		
	}
	form {
		border: 0px solid orange;
		width: 100%;
		margin: 0px;
		
		
	}

	/* Formaat van de input */
	#name, #email{
		width: 100%;
		height: 40px;
		border: none;
		border-bottom: 4px solid rgba(0, 149, 255, 1.0);
		border-radius: 1px;
		background-color: none;
		font-size: 20px;
		padding: 0px; 
		float: left;
		margin: 0;
		
	}


	/* Formaat van de input */
	#message {
		width: 100%;
		height: 200px;
		border: none;
		border-bottom: 4px solid rgba(0, 149, 255, 1.0);
		border-radius: 1px;
		background-color: none;
		font-size: 20px;
		padding: 0px; 
		float: left;
		margin-left: 0;
		margin-right: 0;
		
	}

	/* Knoppen onder het formulier */
	div#wrapper .button {
		width: 150px;
		height: 40px;
		border: 4px solid rgba( 51, 170, 255, 1.0);
		border-radius: 10px;
		background-color: rgba( 51, 170, 255, 1.0);
		font-family: 'calibri', sans-serif;
		color: rgba(255, 255, 255, 1.0);
		font-size: 20px;
		line-height: 20px;
		-webkit-appearance: none;
	}

	/* Als je met de muis over de knoppen beweegt */
	div#wrapper .button:hover {
		background-color: rgba(255, 255, 255, 1.0);
		font-family: 'calibri', sans-serif;
		color: rgba(0, 0, 0, 1.0);
		font-size: 20px;
		line-height: 20px;
		transition: 0.3s;
	}

	/* Knoppen onder het formulier */
	div#knop .button {
		width: 300px;
		height: 40px;
		border: 4px solid rgba( 51, 170, 255, 1.0);
		border-radius: 10px;
		background-color: rgba( 51, 170, 255, 1.0);
		font-family: 'calibri', sans-serif;
		color: rgba(255, 255, 255, 1.0);
		font-size: 20px;
		line-height: 20px;
		-webkit-appearance: none;
	}

	/* Als je met de muis over de knoppen beweegt */
	div#knop .button:hover {
		background-color: rgba(255, 255, 255, 1.0);
		font-family: 'calibri', sans-serif;
		color: rgba(0, 0, 0, 1.0);
		font-size: 20px;
		line-height: 20px;
		transition: 0.3s;
	}

	/* De "afsluiting" ven de pagina */
	.footer {
		list-style-type: none;
		margin: 5px 0px 0px 0px;
		padding:0;
		overflow: hidden;
		background-color: #4d4d4d; 
		bottom: 0;
		width: 100%;
		position: relative;
		height: 380px;
		color: rgb(255, 255, 255);
		border-top: 6px solid rgba(0, 149, 255, 1.0);
	}

	/* Een deel van de hele "footer" */
	.footer .column {
		width: 80%;
		height: 380px;
		background-color: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		color: white;
	}

	/* 1/3 deel van de totale "footer" (links) */
	.footer .column .left {
		width: 33.3333333333%;
		height: 380px;
		background-color: none;
		display: block;
		margin-left: 0;
		float: left;
		text-align: left;
	}

	/* De kop van het linkerdeel */
	.footer .column .left h3 {
		font-size: 28px;
		color: rgba(0, 149, 255, 1.0);
		font-family: 'calibri', sans-serif;
		font-weight: bold;
	}

	/* De normale tekst van het linkerdeel */
	.footer .column .left p {
		font-size: 24px;
		line-height: 24px;
		color: white;
	}

	/* De hyperlinks van het linkerdeel */
	.footer .column .left a {
		font-size: 24px;
		line-height: 24px;
		color: white;
		text-decoration: none;
	}

	/* Als je over de Hyperlink beweegt */
	.footer .column .left a:hover {
		color: rgba(0, 149, 255, 1.0);
		transition: 0.3s
	}

	/* 1/3 deel van de totale "footer" (midden) */
	.footer .column .center {
		width: 33.3333333333%;
		height: 380px;
		background-color: none;
		display: block;
		float: left;
		text-align: center;
	}

	/* De kop van het middendeel */
	.footer .column .center h3 {
		font-size: 28px;
		color: rgba(0, 149, 255, 1.0);
		font-family: 'calibri', sans-serif;
		font-weight: bold; 
	}

	/* De normale tekst van het middendeel */
	.footer .column .center p {
		font-size: 24px;
		line-height: 24px;
		color: white;
	}

	/* Social media knoppen */
	.footer .column .center .fas {
		padding: 20px;
		font-size: 34px;
		line-height: 25px;
		text-align: center;
		text-decoration: none;
		margin: 5px 2px;
		border-radius: 10px;
		background: none;
		color: rgba(0, 149, 255, 1.0);
		border: 3px solid rgba(0, 149, 255, 1.0);
	}

	/* Als je over de knop beweegt */
	.footer .column .center .fas:hover {
		background: rgba(0, 149, 255, 1.0);
		color: rgba(255, 255, 255, 1.0);
		border: 3px solid rgbargba(0, 149, 255, 1.0);
		transition: 0.3s;
	}

	/* 1/3 deel van de totale "footer" (rechts) */
	.footer .column .right {
		width: 33.3333333333%;
		height: 380px;
		background-color: none;
		display: block;
		float: left;
		text-align: right;
	}

	/* De kop van het rechterdeel */
	.footer .column .right h3 {
		font-size: 28px;
		color: rgba(0, 149, 255, 1.0);
		font-family: 'calibri', sans-serif;
		font-weight: bold;
	}

	/* De normale tekst van het rechterdeel */
	.footer .column .right p {
		font-size: 24px;
		line-height: 24px;
		color: white;
	}

	/* De hyperlinks van het rechterdeel */
	.footer .column .right a {
		text-decoration: none;
	}

	/* Als je over de Hyperlink beweegt */
	.footer .column .right p:hover {
		color: rgba(0, 149, 255, 1.0);
		transition: 0.3s
	}

	/* Onderste deel van de "footer" */
	.footer .bottom {
		margin-bottom: 0px;
		padding:0;
		overflow: hidden;
		background-color: rgba(255, 255, 255, 0.2);
		bottom: 0;
		width: 100%;
		z-index: 1;
		position: absolute;
		height: 50px;
		color: white;
	}

	/* Als je over het onderste deel beweegt */
	.footer .bottom:hover {
		transition: 0.3s;
		cursor: pointer; 
		background-color: #4d4d4d; 
	}

	/* Aangepaste tekst onderin de "footer" */
	.footer .bottom p{
		color: white;
		text-align: center;
		line-height: 10px;
		font-size: 20px;
	}

	/* Als je over de Hyperlink beweegt */
	.footer .bottom p:hover {
		color: #ff8300;
		transition: 0.3s;
		cursor: pointer; 	
	}


	label {
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 16pt;
		line-height: 16pt;
		margin-bottom: 0px;

	}


	:focus {
	  outline: none;
	}

	.col-3 {
	  float: left;
	  width: 100%;
	  margin-top: 0px;
	  margin-bottom: 32px;
	  position: relative;
	} /* necessary to give position: relative to parent. */

	input[type="text"], input[type="email"] {
	  font-size: 14pt;
	  font-height: 14pt;
	  color: #333;
	  width: 100%;
	  box-sizing: border-box;
	  letter-spacing: 1px;
		font-family: 'calibri', sans-serif;
		padding-bottom: 10px;
	}

	textarea {
		font-size: 14pt;
		font-height: 14pt;
		color: #333;
		width: 100%;
		box-sizing: border-box;
		letter-spacing: 1px;
		font-family: 'calibri', sans-serif;
		height: 105px;

	}


	.effect-1 {
		border: 0; 
		padding: 0px 0; 
		border-bottom: 1px solid #ccc;
		}

	.effect-1 ~ .focus-border{
		position: absolute; 
		bottom: 0; 
		left: 0; 
		width: 0; 
		height: 3px; 
		background-color: rgba(0, 149, 255, 1.0);
		transition: 0.4s;
		}
		
	.effect-1:focus ~ .focus-border {
		width: 100%; 
		transition: 0.4s;
		}

	input:required {
		box-shadow: none;
	}

	textarea:required {
		box-shadow: none;
	}
		
	button {
		width: 100%;
		height: 40px;
		background-color: rgba(0, 149, 255, 1.0);
		border: none;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 16pt;
		line-height: 16pt;
		color: white;
		cursor: pointer;
		
	}

	button:hover {
		background-color: rgba( 169, 169, 169, 1.0);
	}

}







	
	
	

@media only screen and (max-width: 1200px) {

	html, body{
		font-family: 'calibri', sans-serif;
		margin: 0;
		padding: 0;
		height: 100%;
		-webkit-appearance: none;
	}

	/* Kop lettertype */
	h1 {
		font-family: 'calibri', sans-serif;
		font-size: 30pt;
		color: rgba(255,255,255,1);
		line-height: 25pt; /* Hoogte staat op "0" vanwege design */
		font-weight: normal;
		margin-top: 150px;
		text-align: left;
	}

	/* Tweede hoofdlettertype */
	h2 {
		font-family: 'calibri', sans-serif;
		font-size: 20pt;
		color: rgba(255,255,255,1);
		line-height: 20pt; /* Hoogte staat op "0" vanwege design */
		font-weight: lighter;
		text-align: left;
	}

	/* Derde hoofdlettertype */
	h3 {
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 24pt;
		line-height: 24pt;
		margin-top: 0px;
		font-weight: normal;
	}

	/* Normale lettertype */
	p {
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 10pt;
		line-height: 10pt;
		margin-bottom: 0px;
	}

	p.voorwaarden {
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 8pt;
		line-height: 8pt;
		margin-top: 0px;
		margin-bottom: 0px;
		font-style: italic;
		
	}

	/* Lettertype voor een link */
	a {
		font-family: 'calibri', sans-serif;
		color: #333;
		color: rgba(0,0,0,0.5);
		font-size: 20px;
		line-height: 20px;	
	}

	/* Navigatiebalk */
	#topnav {
		list-style-type: none;
		overflow: hidden;
		margin: 0;
		padding:0;
		background-color: rgba(255, 255, 255, 0.0);
		top: 0;
		width: 100%;
		position: fixed;
		height: 40px;
	 /*   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.8);*/
		z-index: 999;
	}

	/* Navigatiebalk */
	.topnav1 {
		background-color: rgba( 169, 169, 169, 1.0) !Important;
		color: rgba( 255, 255, 255, 1.0) !Important;  
		transition: 0.3s !Important; 
		z-index: 999 !Important;
	}

	/* Hoe breed de tekst kan zijn */
	#topnav .text {
		padding: 0;
		background-color: none;
		width: 100%;
		display: block;
		margin-left: 0;
		margin-right: auto;
		text-align: center;
		z-index: 999;
	}

	/* 1/4 deel van de totale balk */
	div.navs {
		display: block;
		background-color: none;
		width: 16.666666666666666666666666666667%;
		float: left;
		position: relative;
		line-height: 40px;
		color: rgba(255, 255, 255, 1.0);
		font-size: 11px;
		z-index: 999;
	}

	/* Hover */
	div.navs:hover {
		color: white;
		border-bottom: 5px solid rgba(0, 149, 255, 1.0);
		transition: 0.3s;
	}

	#topnav.selected {
		color: orange;
		border-bottom: 5px solid rgba(0, 149, 255, 1.0);
	}

	div.navs.selected {
		color: orange;
		border-bottom: 5px solid rgba(0, 149, 255, 1.0);
		transition: 0.3s;
	}

	/* Achtergrond */
	#start{
		height: 100%;
		width: 100%;
		background-image: url("../imgs/Background.jpeg");
		background-attachment: scroll;

		background-size: cover;
		filter:brightness(80%)
	}

	/* "Home" */
	#header {
		position: fixed;
		right: 0;
		left: 0;
		margin-right: auto;
		margin-left: auto;
		height: 80%;
		width: 80%;
		top: 0;
		bottom: 0;
		text-align: center;	
		background-color: none;
	}

	.container {
		margin-right: auto;
		margin-left: auto;
		width: 70%;
		border-left: 6px solid rgba(0, 149, 255, 1.0);
		padding-left: 20px;
		overflow: auto;
	}

	.toprow {
		width: 100%;
		padding: none;
		border: none;
		margin-bottom: 60px;
		
	}

	.rij2 {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 15px;
		border-top: 1px solid black;
	}

	.month {
		width: calc(100/4 * 1%);
		display: block;
		float: left;
		position: relative;
		cursor: pointer;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 10pt;
		line-height: 10pt;
		margin: 0px;
		text-align: left;
		padding-bottom: 5px;
	}

	.month:hover {
		
		color: rgba(0, 149, 255, 1.0);
		transition: 0.3s;
		text-decoration: underline;
	}

	.month.selected { 
		text-decoration: underline;
		color: rgba(0, 149, 255, 1.0);
	}

	.kolom1 {
		width: 30%;
		float: left;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 10pt;
		line-height: 10pt;
	}

	.kolom2 {
		width: 50%;
		float: left;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 10pt;
		line-height: 10pt;
	}

	.kolom3 {
		width: 10%;
		float: left;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 10pt;
		line-height: 10pt;
	}

	/* Afbeeldingengrid */
	.rij{
		width: 95%;
		margin-right: auto;
		margin-left: auto;
		overflow: auto;
	}
	
	.one, .two, .three, .four {
		height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 80%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: 5px solid white;
		width: 50%;
	}​
	
	laatste_foto, .five {
		height: 300px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 60%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: 5px solid white;
		width: 100%;		
	}

	.six, .seven, .eight, .nine, .ten {
		height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 80%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: 5px solid white;
		width: 50%;
	}​
	
	.test, .full {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: 5px solid white;
		width: 600px;
		height: 600px;
	}​


	/* Aanpassing normale lettertype */
	div #search p{
		color: rgba(255, 255, 255, 0.0);
		font-size: 1px;
	}

	/* De hele website */
	#pixels{
		height: 60px;
		width: 100%;
		background:rgba(255,255,255, 1.0);
		position: relative;
	}

	/* De hele website */
	#wrapper{
		height: auto;
		width: 100%;
		background:rgba(255,255,255, 1.0);
		position: absolute;
	}
	/* Lettertype */
	@font-face {
		font-family: 'calibri', sans-serif;
		src: url(../fonts/calibri.ttf);
	}

	/* Lettertype */
	@font-face {
		font-family: calibrib;
		src: url(../fonts/calibrib.ttf);
	}

	.blocks{
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		border-left: 6px solid rgba(0, 149, 255, 1.0);
		padding-left: 10px;
		overflow: auto;
	/*	border-radius: 10px;*/
		margin-top: 0px;
		margin-bottom: 0px;
		
	}
	.subblocks{
		width: 60%;
		float:left;
		height: 350px;
		text-align: left;
		
	}
	
	.subblocks_home{
		width: 100%;
		float:left;
		text-align: left;
		height: auto;	
	}
	
	.subblocks_voorzieningen{
		width: 100%;
		float:left;
		text-align: left;
		height: auto;	
	}
	
	.subblocks_huurvoorwaarden{
		width: 100%;
		float:left;
		text-align: left;
		height: auto;	
	}
	
	.subblocks_contact{
		width: 100%;
		float:left;
		text-align: left;
		height: auto;	
	}

	.subcontainerimage {
		height: 350px;
		width: 40%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-left: 50px solid white;
	}
	
	.subcontainerimage_home {
		height: 200px;
		width: 100%;
		margin-top: 20px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 40%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-left: 0px solid orange;
		background-image: url('../imgs/0004.jpeg'); 
	}
	
	.subcontainerimage_voorzieningen {
		height: 200px;
		width: 100%;
		margin-top: 20px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 60%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-left: 0px solid orange;
		background-image: url('../imgs/i94435532.jpeg');
	}
	
	.subcontainerimage_huurvoorwaarden {
		height: 200px;
		width: 100%;
		margin-top: 20px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 35%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-left: 0px solid orange;
		background-image: url('../imgs/0911.jpg');
	}

	.subcontainerimage_contact {
		width: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 40%;
		float: left;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		opacity: 90%;
		border-right: 0px solid white;
		background-image: url('../imgs/0939.jpg'); 
		height:300px; 
		width: 100%;
		margin-bottom: 20px;
	}

	.toelichting {
		width:30%;
		border: 0px solid orange;
		float: left;
	}

	.jolo{
		height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border: 10px solid orange;	
		float: none;
	}

	/* Inhoud van de pagina */
	div#wrapper .home {
		margin-right: auto;
		margin-left: auto;
		width: 80%;
		text-align: center;	
		background-color: none;	
	}

	/* Titel van de tekst */
	div#wrapper .home h2 {
		color: rgba( 51, 170, 255, 1.0);
		line-height: 80px;
	}

	/* Kleur van overige tekst */
	div#wrapper .home {
		color: #333;
		color: rgba(0,0,0,0.5);
	}

	/* Totale rij foto's */
	div#wrapper .width {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		text-align: center;	
		background-color: none;	
		z-index: 5;
	}

	/* Contact formulier */
	div#wrapper .contact {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		text-align: center;	
		background-color: none;	
		
	}

	/* Als het formulier verzonden is */
	#alert {
		background-color: rgba(77, 77, 77, 0.6); 
		color: rgb(255, 255, 255);
		height: auto;
		margin-bottom: 60px;
		margin-top: -40px;
	}

	/* Als het formulier verzonden is (algemeen) */
	.succes {
		text-align: center;
		font-family: 'calibri', sans-serif;
		color: white;
		font-size: 24px;
	}

	/* Als het formulier verzonden is (formulier) */
	.succes a {
		color: white;
	}

	/* Als het formulier verzonden is (hover) */
	.succes a:hover {
		color: rgba( 51, 170, 255, 1.0);
	}

	/* Als het formulier niet verzonden kan worden */
	.fail {
		text-align: center;
		font-family: 'calibri', sans-serif;
		color: white;
		font-size: 24px;
		
	}

	/* Als het formulier niet verzonden kan worden */
	.nop {
		text-align: center;
		font-family: 'calibri', sans-serif;
		color: #333;
		color: rgba(0,0,0,0.5);
		font-size: 20px;
		
	}
	form {
		border: 0px solid orange;
		width: 100%;
		margin: 0px;
		
		
	}

	/* Formaat van de input */
	#name, #email{
		width: 100%;
		height: 40px;
		border: none;
		border-bottom: 4px solid rgba(0, 149, 255, 1.0);
		border-radius: 1px;
		background-color: none;
		font-size: 20px;
		padding: 0px; 
		float: left;
		margin: 0;
		
	}


	/* Formaat van de input */
	#message {
		width: 100%;
		height: 200px;
		border: none;
		border-bottom: 4px solid rgba(0, 149, 255, 1.0);
		border-radius: 1px;
		background-color: none;
		font-size: 20px;
		padding: 0px; 
		float: left;
		margin-left: 0;
		margin-right: 0;
		
	}

	/* Knoppen onder het formulier */
	div#wrapper .button {
		width: 150px;
		height: 40px;
		border: 4px solid rgba(51, 170, 255, 1.0);
		border-radius: 10px;
		background-color: rgba( 51, 170, 255, 1.0);
		font-family: 'calibri', sans-serif;
		color: rgba(255, 255, 255, 1.0);
		font-size: 20px;
		line-height: 20px;
		-webkit-appearance: none;
	}

	/* Als je met de muis over de knoppen beweegt */
	div#wrapper .button:hover {
		background-color: rgba(255, 255, 255, 1.0);
		font-family: 'calibri', sans-serif;
		color: rgba(0, 0, 0, 1.0);
		font-size: 20px;
		line-height: 20px;
		transition: 0.3s;
	}

	/* Knoppen onder het formulier */
	div#knop .button {
		width: 300px;
		height: 40px;
		border: 4px solid rgba( 51, 170, 255, 1.0);
		border-radius: 10px;
		background-color: rgba( 51, 170, 255, 1.0);
		font-family: 'calibri', sans-serif;
		color: rgba(255, 255, 255, 1.0);
		font-size: 20px;
		line-height: 20px;
		-webkit-appearance: none;
	}

	/* Als je met de muis over de knoppen beweegt */
	div#knop .button:hover {
		background-color: rgba(255, 255, 255, 1.0);
		font-family: 'calibri', sans-serif;
		color: rgba(0, 0, 0, 1.0);
		font-size: 20px;
		line-height: 20px;
		transition: 0.3s;
	}

	/* De "afsluiting" ven de pagina */
	.footer {
		list-style-type: none;
		margin: 5px 0px 0px 0px;
		padding:0;
		overflow: hidden;
		background-color: #4d4d4d; 
		bottom: 0;
		width: 100%;
		position: relative;
		height: auto;
		color: rgb(255, 255, 255);
		border-top: 6px solid rgba( 51, 170, 255, 1.0);
		
	}

	/* Een deel van de hele "footer" */
	.footer .column {
		width: 90%;
		height: auto;
		background-color: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		color: white;
	}

	/* 1/3 deel van de totale "footer" (links) */
	.footer .column .left {
		width: 100%;
		height: auto;
		background-color: none;
		display: block;
		margin-left: 0;
		float: left;
		text-align: center;
	}
	
	/* De kop van het linkerdeel */
	.footer .column .left h3 {
		font-size: 28px;
		color: rgba( 51, 170, 255, 1.0);
		font-family: 'calibri', sans-serif;
		font-weight: bold;
	}

	/*  */
	.footer .column .left p {
		font-size: 24px;
		line-height: 24px;
		color: white;
	}

	/*  */
	.footer .column .center {
		width: 100%;
		height: auto;
		background-color: none;
		display: block;
		float: left;
		text-align: center;
	}

	/*  */
	.footer .column .center h3 {
		font-size: 28px;
		font-family: 'calibri', sans-serif;
		font-weight: bold;
	}

	/*  */
	.footer .column .center p {
		font-size: 24px;
		line-height: 24px;
		color: white;
	}

	/*  */
	.footer .column .right {
		width: 100%;
		height: auto;
		background-color: none;
		display: block;
		float: left;
		text-align: center;
		margin: 0px 0px 50px 0px;
	}

	/*  */
	.footer .column .right h3 {
		font-size: 28px;
		font-family: 'calibri', sans-serif;
		font-weight: bold;
	}

	/*  */
	.footer .column .right p {
		font-size: 24px;
		line-height: 24px;
		color: white;
	}

	/* Als je over het onderste deel beweegt */
	.footer .bottom:hover {
		transition: 0.3s;
		cursor: pointer; 
		background-color: #4d4d4d; 
	}

	/* Aangepaste tekst onderin de "footer" */
	.footer .bottom p{
		color: white;
		text-align: center;
		line-height: 10px;
		font-size: 20px;
	}

	/* Als je over de Hyperlink beweegt */
	.footer .bottom p:hover {
		color: #ff8300;
		transition: 0.3s;
		cursor: pointer; 	
	}
	
	/* Social media knoppen */
	.footer .column .center .fas {
		padding: 20px;
		font-size: 34px;
		line-height: 25px;
		text-align: center;
		text-decoration: none;
		margin: 5px 2px;
		border-radius: 10px;
		background: none;
		color: rgba(0, 149, 255, 1.0);
		border: 3px solid rgba(0, 149, 255, 1.0);
	}

	/* Als je over de knop beweegt */
	.footer .column .center .fas:hover {
		background: rgba(0, 149, 255, 1.0);
		color: rgba(255, 255, 255, 1.0);
		border: 3px solid rgbargba(0, 149, 255, 1.0);
		transition: 0.3s;
	}


	label {
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 16pt;
		line-height: 16pt;
		margin-bottom: 0px;

	}


	:focus {
	  outline: none;
	}

	.col-3 {
	  float: left;
	  width: 100%;
	  margin-top: 0px;
	  margin-bottom: 32px;
	  position: relative;
	} /* necessary to give position: relative to parent. */

	input[type="text"], input[type="email"] {
	  font-size: 14pt;
	  font-height: 14pt;
	  color: #333;
	  width: 100%;
	  box-sizing: border-box;
	  letter-spacing: 1px;
		font-family: 'calibri', sans-serif;
		padding-bottom: 10px;
	}

	textarea {
		font-size: 14pt;
		font-height: 14pt;
		color: #333;
		width: 100%;
		box-sizing: border-box;
		letter-spacing: 1px;
		font-family: 'calibri', sans-serif;
		height: 105px;

	}


	.effect-1 {
		border: 0; 
		padding: 0px 0; 
		border-bottom: 1px solid #ccc;
		}

	.effect-1 ~ .focus-border{
		position: absolute; 
		bottom: 0; 
		left: 0; 
		width: 0; 
		height: 3px; 
		background-color: rgba(0, 149, 255, 1.0);
		transition: 0.4s;
		}
		
	.effect-1:focus ~ .focus-border {
		width: 100%; 
		transition: 0.4s;
		}

	input:required {
		box-shadow: none;
	}

	textarea:required {
		box-shadow: none;
	}
		
	button {
		width: 100%;
		height: 40px;
		background-color: rgba(0, 149, 255, 1.0);
		border: none;
		font-family: 'calibri', sans-serif;
		color: rgba(0,0,0,0.5);
		font-size: 16pt;
		line-height: 16pt;
		color: white;
		cursor: pointer;
		
	}

	button:hover {
		background-color: rgba( 169, 169, 169, 1.0);
	}

}