* {
			  font-family:Open Sans;
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box; 
			box-sizing: border-box; 
			}
			body {
				margin:0;
				padding:0;
			}
			div.scrollmenu { 
				overflow: hidden; 
				white-space: nowrap; 
				width:calc(100% - 40px);
				float:left;
				-webkit-user-select: none; /* Safari */
				-ms-user-select: none; /* IE 10 and IE 11 */
				user-select: none; /* Standard syntax */
				overscroll-behavior: none;
			} 
	  
			div.scrollmenu div { 
				display: inline-block; 
				color: #0a3847; 
				font-weight:300;
				text-align: center; 
				padding: 20px; 
				text-decoration: none; 
				font-size:16px;
				cursor:pointer;
				-webkit-user-select: none; /* Safari */
				-ms-user-select: none; /* IE 10 and IE 11 */
				user-select: none; /* Standard syntax */
			} 
	  
			div.scrollmenu div:hover { 
				background-color: #fff; 
			} 
			.artSelected {
				background-color: #fff;
			}
			
			.pimg {
				top:5px;
				right:60px;
				z-index:500;
				position:absolute;
				height:60px;
				border-radius:300px;
				border:solid 4px #eee;
				cursor:pointer;
			}
			.zoomed {
				z-index:600;
			}
			
			.header {
				width:100%;
				height:250px;
				background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4)),url('https://menuapp.nl/V3/assets/bkg.jpg?t=1');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center center;
			}
			
			.navigation {
				margin: auto;
				width: 100%;
				max-width:1200px;
				text-align:center;
				height:45px;
				margin-top:5px;
			}
			
			.navKnop {
				text-align: center;
				border-radius: 4px;
				padding: 6px 10px;
				margin-top: -2px;
				margin-right: 10px;
				font-size: 16px;
				font-weight: bold;
				line-height: 39px;
				display:inline;
				color:#fff;
				text-decoration:none;
				background-color:#ffffff33;
			}
			.navKnopActive {
				background: #fff;
				color: #121212;
			}
			
			.header h1 {
				color:white;
				margin:0;
				font-size:50px;
				text-align:center;
				font-weight:700;
			}
			
			.header small {
				text-align:center;
				color:white;
				display:block;
			}
			
			.categorieWrap {
				width:100%;
				background-color: #f8f5f2;
				height:61px;
				float:left;
				width:100%;
			}
			
			.categoriePijl {
				color:#333;
				font-size:24px;
				font-weight:700;
				width:40px;
				float:left;
				text-align:center;
				line-height:58px;
			}
			
			.content {
				width:100%;
			}
			
			.staticTop {
				position:fixed;
				top:0;
				z-index:560;
			}
			
			.cart {
				float:left;
				right:0;
				width:30%;
				box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
				height:auto;
			}
			
			.cart h2 {
				font-family:Open Sans;
				font-size: 16px;
				font-weight: 600;
				color: #666;
				height: 48px;
				line-height: 35px;
				text-align: center;
				border-bottom: 1px solid #f8f5f2;
			}
			
			.cartTable {
				width:100%;
				border-bottom: 1px solid #ccc;
			}
			
			.cartInner {
				padding: 0.5rem 1rem 5rem;
				width:100%;
			}
			
			.cartTable td {
				height:45px;
				font-size: 16px;
			}
			
			.cartTotaal {
				padding-bottom:20px;
			}
			
			.cartTotaal td {
				height:25px;
			}
			
			.cartTable .amount {
				padding-right: 10px;
				font-size: 16px;
				color: #000;
			}
			
			.cartTable .name {
				padding: 4px 0;
				word-break: break-word;
				font-size: 16px;
				color: #000;
			}
			
			.cartTable .price {
				padding: 4px 0;
				font-size: 16px;
				color: #000;
				white-space: nowrap;
			}
			
			.cartTable .bin {
				width:20px;
			}
			
			.cartTable .plus, .cartTable .min {
				padding: 0;
				font-size: 13px;
				color: #000;
				margin: 0 3px;
				border: 1px solid #cecece;
				border-radius: 4px;
				cursor: pointer;
				line-height:30px;
				font-size:25px;
				width:30px;
				height:30px;
				text-align:center;
				transition: all .3s;
		}	
			.cartTable .min {		
				line-height:25px;
			}
			
			.cartTable .plus:hover, .cartTable .min:hover {
				background-color:#1574f5;
				color:white;
			}
			
			.bestellen {
				font-family: Open Sans,sans-serif;
				box-sizing: border-box;
				margin: 0;
				vertical-align: baseline;
				background: transparent;
				display: inline-block;
				text-align: center;
				cursor: pointer;
				appearance: none;
				color: #fff;
				background-color: #1574f5;
				line-height: 50px;
				margin-bottom: 4px;
				user-select: none;
				border-radius: 10px;
				text-decoration: none;
				font-weight: 600;
				font-size: 16px;
				text-transform: uppercase;
				padding: 0;
				border: 8px solid #fff;
				box-shadow: none;
				width: 100%;
			}
			
			.alertos {
				color: #a94442;
				background-color: #f2dede;
				border-color: #ebccd1;
				padding: 15px;
				border-radius: 4px;
				position:fixed;
				z-index:100000;
				bottom:20px;
				left:20px;
				width:calc(100% - 40px);
				display:none;
			}
			
			.catTitel {
				font-weight: 600;
				font-size: 30px;
				line-height: 40px;
				overflow: hidden;
				text-overflow: ellipsis;
				color: #0a3847;
			}
			
			.catOmschrijving {
				margin: 0;
				color: #0a3847;
				font-family: Roboto Slab,Arial,serif;
				font-size: 14px;
				font-weight: 300;
				line-height: 1.83;
				position: relative;
			}
			
			.catWrap {
				border-radius: 2px 2px 0 0;
				padding: 10px;
				padding-left: 20px;
				background-color: #f8f5f2;
				width: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				border-radius: 1px 1px 0 0;
				text-align:center;
			}
			
			.menukaart {
				padding: 16px 24px 24px;
				width:100%;
				position:absolute;
				top:50px;
				left:0;
			}
			
			.artikelWrap {
				border: 1px solid #ebebeb;
				border-radius: 2px;
				margin: 8px 0;
				position: relative;
				padding: 10px;
				padding-left: 20px;
			}
			
			.artikelWrap h3 {
				font-weight: 600;
				font-size: 18px;
				margin:0px;
				margin-bottom:5px;
			}
			
			.artikelWrap p {
				font-weight: 400;
				font-size: 14px;
				color: #666;
				line-height: 1.5;
				margin: 0 0 4px;
			}
			.artikelWrap .prijs {
				letter-spacing: -.5px;
				color: #eb7f30;
				margin: auto 0 0;
				font-weight: 600;
				font-size: 18px;
				line-height: 1.22;
			}
			
			  .mobileCartKnop {
					display:none;
					position:fixed;
					bottom:0;
					z-index:4400;
					font-family: Open Sans,sans-serif;
					box-sizing: border-box;
					margin: 0;
					vertical-align: baseline;
					background: transparent;
					text-align: center;
					cursor: pointer;
					appearance: none;
					color: #fff;
					background-color: #1574f5;
					line-height: 50px;
					user-select: none;
					border-radius: 10px;
					text-decoration: none;
					font-weight: 600;
					font-size: 16px;
					text-transform: capitalize;
					padding: 0;
					border: 8px solid #fff;
					box-shadow: none;
					width: 100%;
			  }
			  small {
				  color:#e15600;
			  }
			  
		.startPopup {
			width:100%;
			max-width:800px;
			padding:15px;
			position:fixed;
			background-color:#eee;
			z-index:9999;
			border-radius:6px;
			overflow:auto;
			border: 5px solid #00000022;
			cursor:pointer;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			padding: 40px;
			-moz-box-shadow: 0 0 30px #999;
			-webkit-box-shadow: 0 0 30px #999;
			box-shadow: 0 0 30px #999;
		}
			  
		.popup {
			display:none;
			width:100%;
			max-width:400px;
			padding:15px;
			position:fixed;
			background-color:white;
			width: calc(100% - 40px);
			left:0px;
			right:0px;
			top: 20px;
			z-index:9999;
			border-radius:6px;
			overflow:auto;
			margin:auto;
		}
		.popup h1 {
			box-sizing: border-box;
			margin: 0 0 5px;
			font-size: 18px;
			text-transform: capitalize;
			color: #6F616B;
			letter-spacing: .03em;
			font-weight: 700;
			float: left;
		}
		.popup .prijs {
			box-sizing: border-box;
			float: right;
			font-weight: 300;
			font-size: 28px;
			color: #242a36;
		}
		.popup .prijs sub {
			top: -16px;
			font-size: 15px;
			left: -3px;
			position: relative;
		}
		.popup p {
			box-sizing: border-box;
			font-size: 12px;
			color: #242a36;
			font-weight: 400;
			line-height: 125%;
			letter-spacing: .03em;
			float: left;
			clear: left;
		}
		.popup label {
			display: inline-block;
			margin-bottom: 0.5rem;
		}
		.popup select, .popup input, .popup textarea {
			font-size:20px;
			width:50%;
			margin-bottom:10px;
			
			display: block;
			width: 100%;
			height: calc(1.5em + 0.75rem + 2px);
			padding: 0.375rem 0.75rem;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			color: #495057;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid #ced4da;
			border-radius: 0.25rem;
			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			margin-bottom:5px;
			
		}
		
		.popup textarea {
			height:200px;
		}
		
		.toevoegKnop {
			position:absolute;
			right:0;
			top:0;
			width:50px;
			height:50px;
			border-left:solid 1px #ebebeb;
			border-bottom:solid 1px #ebebeb;
			background-color:#eee;
			cursor:pointer;
			text-align:center;
			font-size:25px;
			font-weight:700;
			line-height:50px;
			transition: all .3s;
		}
		
		.toevoegKnop:hover {
			background-color:#1574f5;
			color:white;
		}
		
		.button {
			margin: 0;
			vertical-align: baseline;
			background: transparent;
			display: inline-block;
			text-align: center;
			cursor: pointer;
			appearance: none;
			color: #fff;
			background-color: #1574f5;
			line-height: 50px;
			margin-bottom: 4px;
			user-select: none;
			border-radius: 10px;
			text-decoration: none;
			font-weight: 600;
			font-size: 16px;
			text-transform: capitalize;
			padding: 0;
			border: 8px solid #fff;
			box-shadow: none;
			width:calc(50% - 3px);
		}
		
		.ab-container {
			position: absolute;
			width: 100%;
			justify-content: space-around;
			align-items: center;
			display: flex;
			padding:20px;
		}
		
		.afhaalbezorgKnop {
			float:left;
			width:50%;
			max-width:350px;
			padding:20px;
			color:#333;
			text-align:center;
			font-size:calc(100% + 2vw);
			font-weight:700;
			text-transform:uppercase;
			border-radius:15px;
			border:solid 4px #fff;
			cursor:pointer;
			transition: all 0.2s ease;
			text-decoration:none;
		}
		
		.afhaalbezorgKnop:hover {
			border:solid 4px #ccc;
			background-color:#eee;
		}
		
		.afhaalbezorgKnop img {
			margin-top:10px;
			width:100%;
			max-width:180px;
			text-align:center;
		}
		
		.veil {
			position:fixed;
			top:0;
			left:0;
			width:100%;
			height:100%;
			background-color:rgba(0,0,0,0.8);
			z-index:4500;
			display:none;
		}
			  
		label {
			display: inline-block;
			margin-bottom: 0.5rem;
		}
		input {
			display: block;
			width: 100%;
			height: calc(1.5em + 0.75rem + 2px);
			padding: 0.375rem 0.75rem;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			color: #495057;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid #ced4da;
			border-radius: 0.25rem;
			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			margin-bottom:5px;
		}
		select {
			display: block;
			width: 100%;
			height: calc(1.5em + 0.75rem + 2px);
			padding: 0.375rem 0.75rem;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5;
			color: #495057;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid #ced4da;
			border-radius: 0.25rem;
			transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
			margin-bottom:5px;
		}
		
		
		
		
		.radiocontainer {
		  display: block;
		  position: relative;
		  padding-left: 35px;
		  margin-bottom: 12px;
		  cursor: pointer;
		  font-size: 1rem;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}

		/* Hide the browser's default radio button */
		.radiocontainer input {
		  position: absolute;
		  opacity: 0;
		  cursor: pointer;
		  height: 0;
		  width: 0;
		}

		/* Create a custom radio button */
		.radiocheckmark {
		  position: absolute;
		  top: 0;
		  left: 0;
		  height: 25px;
		  width: 25px;
		  background-color: #eee;
		  border-radius: 50%;
		}

		/* On mouse-over, add a grey background color */
		.radiocontainer:hover input ~ .radiocheckmark {
		  background-color: #ccc;
		}

		/* When the radio button is checked, add a blue background */
		.radiocontainer input:checked ~ .radiocheckmark {
		  background-color: #2196F3;
		}

		/* Create the indicator (the dot/circle - hidden when not checked) */
		.radiocheckmark:after {
		  content: "";
		  position: absolute;
		  display: none;
		}

		/* Show the indicator (dot/circle) when checked */
		.radiocontainer input:checked ~ .radiocheckmark:after {
		  display: block;
		}

		/* Style the indicator (dot/circle) */
		.radiocontainer .radiocheckmark:after {
		  top: 9px;
		  left: 9px;
		  width: 8px;
		  height: 8px;
		  border-radius: 50%;
		  background: white;
		}
		
		
		
		
				
		.checkboxcontainer {
		  display: block;
		  position: relative;
		  padding-left: 35px;
		  margin-bottom: 12px;
		  cursor: pointer;
		  font-size: 1rem;
		  font-weight: 400;
		  line-height: 1.5;
	      color: #495057;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}

		/* Hide the browser's default checkbox */
		.checkboxcontainer input {
		  position: absolute;
		  opacity: 0;
		  cursor: pointer;
		  height: 0;
		  width: 0;
		}

		/* Create a custom checkbox */
		.checkmark {
		  position: absolute;
		  top: 0;
		  left: 0;
		  height: 25px;
		  width: 25px;
		  background-color: #eee;
		}

		/* On mouse-over, add a grey background color */
		.checkboxcontainer:hover input ~ .checkmark {
		  background-color: #ccc;
		}

		/* When the checkbox is checked, add a blue background */
		.checkboxcontainer input:checked ~ .checkmark {
		  background-color: #2196F3;
		}

		/* Create the checkmark/indicator (hidden when not checked) */
		.checkmark:after {
		  content: "";
		  position: absolute;
		  display: none;
		}

		/* Show the checkmark when checked */
		.checkboxcontainer input:checked ~ .checkmark:after {
		  display: block;
		}

		/* Style the checkmark/indicator */
		.checkboxcontainer .checkmark:after {
		  left: 9px;
		  top: 5px;
		  width: 5px;
		  height: 10px;
		  border: solid white;
		  border-width: 0 3px 3px 0;
		  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		
		.afrekenPopup {
			overflow: auto;
			position: fixed;
			top: 40px;
			left: 0;
			background-color: white;
			width: 602px;
			margin: auto;
			z-index: 10000;
			border-radius:6px;
		}
		
		.showmobile {
			display:none;
		}
		.hidemobile {
		  display:block;			
		}
			
			@media (max-width:800px)  {
		      .hidemobile {
				  display:none;
			  }
			  .showmobile {
				  display:block;
			  }
			  .menukaart {
				  width:100%;
			  }
			  .cart {
				  display:none;
				  width:100%;
			  }
			  .categorieWrap {
				  width:100%;
			  }
			  .mobileCartKnop {
					display:block;
			  }
			  div.scrollmenu {
				  overflow:auto;
			  }
			  .header h1 {
				  font-size:40px;
				  margin-top:10px;
			  }
			}