@charset "UTF-8";
/* CSS Document */
/*------------------------*/
/* #wider than 1200
================================================== */
@media only screen and (min-width: 1200px) {
/*---normal stylerules apply---*/
}
/*------------------------*/
/* #between 1199 and 750
================================================== */
@media only screen and (min-width: 750px) and (max-width: 1199px) {
/*------------------------*/
	/*menu styling*/
	/*----------------------------------------------------------------------*/
	#menu {
		width: 100vw;
		left: auto;
		margin-left: 0;
		z-index: 999;
		/*TXT*/
		font-size: 12pt;
		border-top: 35px solid rgba(221,5,43,1.00);
		border-bottom: 35px solid rgba(227,219,214,1.00);
	}
	#menu .nav a {
		padding: 0.4em 0.6em;
	}
	#menu .nav .contact {
		border-radius: 10px;
		margin-left: 0px;
	}
	/*logo*/
	/*----------------------------------------------------------------------*/
	#menu .logo {
		padding: 20px 20px;
	}
	#menu .logo img {
		width: 150px; height: auto;
	}
	/*content styling*/
	/*----------------------------------------------------------------------*/
	h1 {
		padding: 50px 80px;
		margin: -160px 0 0 -80px;
		/*TXT*/
		font-size: 20pt;
	}
	#content {
		width: 100vw;
		left: auto;
		padding: 170px 0 40px 0;
		/*TXT*/
		font-size: 14pt;
	}
	#content .tekstblok {
		width: 90vw;
		padding: 0 5vw;
	}
	#content #foto {
		height: 40vh;
		margin-bottom: 80px;
	}
	#content #foto img {
		height:auto;
	}
	#copyright .klein {
		font-size: 9pt;
	}
}
/*------------------------*/
/* #smaller than 750
================================================== */
@media only screen and (max-width: 750px) {
/*------------------------*/
	/*menu styling*/
	/*----------------------------------------------------------------------*/
	#menu {
		display:none;
	}
	#menumobile {
		display:block;
	}
	/*logo*/
	/*----------------------------------------------------------------------*/
	#menumobile .logo {
		position: absolute;
		padding: 20px 20px;
	}
	#menumobile .logo img {
		width: 150px; height: auto;
	}
	/*--toon hamburgermenu--*/
	/*----------------*/
	#menumobile .collapse {
		display: block;
		position: absolute;
		width:100vw; height:80px;
		top:28px; right:0;
		padding:0;
		/*txt*/
		text-align:right;
		font-size:24px;
		line-height:100px;
		color:#FFF;
	}
	#menumobile .collapse + input {
		display:none;
	}
	#menumobile .collapse + input + * {
		display:none;
	}
	#menumobile .collapse+ input:checked + * {
		display:block;
		background-color:#ffffff;
		position:absolute;
		width:100vw;
		margin-top:100px;
	}
	#menumobile .hamburger {
		height: 60px; width:auto;
		padding-top:10px;
		float:right;
	}
	/*-----------------*/
	#menumobile {
		visibility: visible;
		position: relative;
		width:100vw;
		z-index:99;
	}
	#menumobile ul {
		padding:0; margin:0;
	}
	#menumobile li {
		padding:0; margin:0;
		display: block;
		border-top: 2px solid #fff;
		/*txt*/
		/*background: url(../images/vk-list-bullet.gif) no-repeat 7px 7px;*/
		font-family: "Open Sans", sans-serif;
		font-weight: 400;		
		font-size:20px;
		list-style:none;
	}
	#menumobile li a {
		display: block;
		padding:20px 20px;
		background: rgba(227,219,214,1.00);
		/*txt*/
		color: rgba(104,85,70,1.00);
		text-decoration:none;
	}
	#menumobile li a:hover,
	#menumobile li a:active,
	#menumobile li.active a {
		background: rgba(104,85,70,1.00);
		text-decoration: none;
		/*txt*/
		color: rgba(255,255,255,1.00);
	}
	/*----------------*/
	/*content styling*/
	/*----------------------------------------------------------------------*/
	h1 {
		padding: 35px 80px;
		margin: -135px 0 0 -80px;
		/*TXT*/
		font-size: 16pt;
	}
	#content {
		width: 100vw;
		left: auto;
		padding: 100px 0 40px 0;
		/*TXT*/
		font-size: 14pt;
	}
	#content .tekstblok {
		width: 94vw;
		padding: 0 3vw;
	}
	#content .tekstblok img {
		max-width: 94vw;
	}
	#content #foto {
		height: 30vh;
		margin-bottom: 80px;
	}
	#content #foto img {
		height:auto;
	}
	#copyright .klein {
		font-size: 9pt;
	}
}
/**/
/*------------------------*/
/* THE END */