@charset "utf-8";
/* CSS Document */
		body {
			font-family: Calibri;
			font-size: 20px;
			overflow-x: hidden;
			margin: 0px;
			background-color: #3a8082;
		}
		
		html {
			scroll-behavior: smooth;
		}
		
		.container {
			position: absolute;
			width: 100%;
			height: 100%;
		}
		
		.links {
			position: fixed;
			height: 100%;
			width: 30%;
			background-color: #2b536c;
		}
		
		.logo {
			height: 250px;
			width: 250px;
			margin: 35px auto 35px;
			display: block;
		}
		
		.menu_groot {
			height: 500px;
			width: 100%;
			float: left;
		}
		
		.menu_klein {
			display: none;
		}
		
	
		.pagina {
			background-color: #cbb24b;
			min-height: 600px;
			width: 62%;
			float: left;
			margin-top: 50px;
			margin-bottom: 150px;
			margin-left: 33%;
			padding: 15px 15px;
			text-align: left;
			box-shadow: 0 0 15px 5px #2b536c;
		}
		.pagina_laatste {
			background-color: #cbb24b;
			min-height: 600px;
			width: 62%;
			float: left;
			margin-top: 50px;
			margin-bottom: 30px;
			margin-left: 33%;
			padding: 15px 15px;
			text-align: left;
			box-shadow: 0 0 15px 5px #2b536c;
		}
		
		#home,
		#programma,
		#tarieven,
		#recepten,
		#contact {
			float: left;
			width: 100%;
			min-height: 600px;
		}
		
		.afb_links {
			float: left;
			margin: 10px;
			display: block;
		}
		
		.afb_rechts {
			float: right;
			margin: 10px;
			display: block;
		}
		
		.afb_midden {
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: auto;
			margin-right: auto;
			display: block;
		}
		
		.afb_110h {
			height: 110px;
		}
		
		.afb_120h {
			height: 120px;
		}
		
		.afb_300h {
			height: 300px;
		}
		
		.afb_250w {
			width: 250px;
		}
		
		.afb_45 {
			width: 45%;
		}
		
		.afb_30 {
			width: 30%;
		}
				
		.tekst {
			width: 100%;
			min-height: 100px;
			float: left;
		}
		
		h1 {
			font-family: 'Caveat', cursive;
			font-size: 50px;
			text-align: center;
		}
		
		p {
			font-size: 16px;
		}
		
		b1 {
			font-weight: bold;
			font-size: 18px;
		}
		
		a:link {
			color: #000;
			font-weight: bold;
		}
		
		h7 {
			font-family: 'Caveat', cursive;
			font-size: 22px;
		}
		
		.formulier_home {
			width: 50%;
			min-height: 250px;
			float: left;
			margin-top: 15px;
			margin-left: 10px;
		}
		
		.formulier_aanmelden {
			float: left;
			width: 800px;
			margin-top: 15px;
		}
		
		.formulier_contact {
			float: left;
			width: 600px;
			margin-top: 25px;
			
		}
		
		li {
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: 25px;
			font-size: 16px;
		}
		
		ul {
			margin-left: -30px;
			margin-top: -7px;
			margin-bottom: -7px;
		}

		hr.lijn { border-top: 1px solid #000;}
		
		.recept_div {
			float: left;
			width: 250px;
			height: 250px;
			border-radius: 15px;
			box-shadow: 0 0 15px 5px #2b536c;
			margin: 15px;
		}
		
		.recept_titel {
			width: 100%;
			margin-top: 100px;
			margin-left: -10px;
			float: left;
			font-size: 20px;
			text-align: center;
			font-weight: bold;
			padding: 8px;
			background-color: rgba(255, 255, 255, 0.50);
			-webkit-transform: rotate(-35deg);
			-moz-transform: rotate(-35deg);
			-o-transform: rotate(-35deg);
			-ms-transform: rotate(-35deg);
			transform: rotate(-35deg);
		}
		
		.icon {
			float: right;
			font-size: 55px;
			margin-top: 10px;
			margin-right: 20px;
		}
		
		/* box layout */
		.box-popup,
		.box-popup1 {
			display: none;
			position: fixed;
			z-index: 999;
			top: 0;
			left: 0;
			background-color: rgba(0, 0, 0, 0.7); /* Fallback color */
			width: 100%;
			height: 100%;
			overflow: auto;
		}
		
		.box {
			margin: auto;
			padding: 15px;
			width: 1000px;
			min-height: 90%;
		}
		
		.box_pagina {
			width: 1000px;
			float: left;
			margin-top: 15px;
			margin-bottom: 15px;
			background-color: #3a8082;
			border-radius: 25px;
			text-align: center;
			border: 2px solid #000;
			-moz-box-shadow: 0 0 15px 5px #2b536c;
			-webkit-box-shadow: 0 0 15px 5px#2b536c;
			box-shadow: 0 0 15px 5px #2b536c;
			overflow: auto;
		}
		
		.recept_afb {
			width: 96%;
			height: 250px;
			float: left;
			padding: 2%;
			background-size: cover;
			background-position: center;
			border-radius: 25px 25px 0px 0px;
		}
		
		.recept_box {
			background-color: #cbb24b;
			width: 400px;
			float: left;
			margin-top: -50px;
			margin-bottom: 45px;
			margin-left: 50px;
			padding: 10px;
			text-align: left;
			box-shadow: 0 0 15px 5px #2b536c;
			-webkit-transform: rotate(-6deg);
			-moz-transform: rotate(-6deg);
			-o-transform: rotate(-6deg);
			-ms-transform: rotate(-6deg);
			transform: rotate(-6deg);
		}
		
		.werkwijze_box {
			background-color: #cbb24b;
			width: 350px;
			float: right;
			margin-top: -35px;
			margin-bottom: 25px;
			margin-left: 25px;
			margin-right: 50px;
			padding: 10px;
			text-align: left;
			box-shadow: 0 0 15px 5px #2b536c;
			-webkit-transform: rotate(6deg);
			-moz-transform: rotate(6deg);
			-o-transform: rotate(6deg);
			-ms-transform: rotate(6deg);
			transform: rotate(6deg);
		}
		
		.voedingswaarde {
			width: 96%;
			float: left;
			padding: 2%;
			background-color: #cbb24b;
			text-align: left;
			border-radius: 0px 0px 25px 25px;
		}
		
		h10 {
			font-family: 'Caveat', cursive;
			font-size: 50px;
			text-align: center;
			background-color: rgba(255, 255, 255, 0.50);
			padding: 15px;
		}
		
		/* einde box layout */
		footer {
			float: left;
			width: 70%;
			margin-left: 30%;
			padding-bottom: 15px;
			font-size: 14px;
			text-align: center;
			color: #131313;
		}