html {
	height						: 100%;
	margin						: 0;
	padding						: 0px;	
}

body {	
	background-color			: #ffffff;
	color						: #000000;
	font-family					: 'Roboto', Arial, Verdana, sans-serif;
	font-weight					: normal;
	margin-left					: 0px;
	margin-right				: 0px;
	margin-top					: 0px;
	padding						: 0px;
	text-align					: center;
}

a, a.visited {
	color						: #73665b;
}

a:hover {
	color						: #000000;
}

@font-face {
  	font-family					: 'Wisdom Script AI';
  	font-style					: normal;
  	font-weight					: normal;
  	src							: url('Wisdom-Script-AI.woff') format('woff');
}

h1 {
	font-family					: 'Wisdom Script AI', sans-serif;
  	font-weight					: normal;
  	font-size					: 3em;
  	line-height					: 1em;
  	margin						: 0;
}

h2 a, h2 a.visited, h3 a, h3 a.visited {
	text-decoration				: none;
}

h2 a:hover, h3 a:hover {
	text-decoration				: underline;
}

h2, h3 {
}

.website_header_taalkeuze {
	background-color			: rgba(255,255,255,0.7);
	float						: left;
	left						: calc(100% - 100px);
	position					: absolute;
	text-align					: left;
	padding-bottom				: 2px;
	padding-top					: 5px;
	padding-left				: 5px;
	padding-right				: 5px;
	width						: 90px;
	top							: 2px;
}

.website_outerbox, .website_admin_outerbox {	
	background-color			: #ffffff;
	color						: #444444;
	float						: center;	
	margin-left					: auto;
	margin-right				: auto;
	position					: relative;
	text-align					: left;
	width						: 100%;
}

.website_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;	
    display						: -webkit-box;
    display						: -moz-box;
    display						: -ms-flexbox;
    display						: -webkit-flex;
    display						: flex;
    -webkit-box-orient			: vertical;
    -moz-box-orient				: vertical;
    -webkit-flex-direction		: column;
    -ms-flex-direction			: column;
    flex-direction				: column;
}

.website_header_outerbox, .website_admin_header, .website_admin_menu {
	background-color			: #000000;
	float						: center;	
	position					: relative;	
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_admin_header {
	background-color			: #48433f;
}

.website_admin_menu {
	background-color			: #a69e97;
}

.website_header_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;
}

.website_header img {
	max-width					: 100%;
}

.website_logo {
	float						: left;	
	margin-top					: 10px;
	padding-left				: 10px;
	position					: absolute;
	z-index						: 1000;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_taalkeuze {
	display						: block;
}

.mobile_website_taalkeuze {
	display						: none;
}

.website_menu {	
	float						: right;	
	font-size					: 1.3em;
	right						: 10%;
	padding-bottom				: 5px;
	padding-top					: 10px;
	position					: absolute;
	z-index						: 1000;	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_admin_menu {	
	float						: center;	
	font-size					: 1.3em;
	position					: relative;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_menu ul, .website_admin_menu ul {
	list-style-type				: none;
	margin						: 0;
	padding						: 0;
	position					: relative;
}

.website_menu li, .website_admin_menu li {
	float						: left;
	padding-bottom				: 5px;
	padding-left				: 20px;
	padding-right				: 20px;
	padding-top					: 5px;
	position					: relative;
}

.website_menu li:hover, .website_admin_menu li:hover {
	background-color			: rgba(255,255,255,0.3);
	border-radius				: 3px;
	transition					: background-color 0.5s;
}

.website_menu ul a, .website_menu ul a.visited, .website_admin_menu ul a, .website_admin_menu ul a.visited {
	color						: #ffffff;
	text-decoration				: none;	
}

.website_menu ul a:hover, .website_admin_menu ul a:hover {
	color						: #000000;
	text-decoration				: none;
}

.website_slideshow, .website_slideshow_filler {
	background-color			: #000000;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;
	width						: 100%;
}

.website_slideshow_filler {
	height						: 150px;
}

.rslides {
	float						: center;
  	list-style					: none;
  	padding						: 0;
  	margin						: 0;  	
  	position					: relative;
  	overflow					: hidden;
  	text-align					: right;
  	width						: 100%;
}

.rslides li {
  	-webkit-backface-visibility	: hidden;
  	display						: none;
  	float						: center;
  	position					: absolute;
  	width						: 100%;
}

.rslides li:first-child {
  	position					: relative;
  	display						: block;
  	float						: center;
}

.rslides img {
  	display						: block;
  	height						: auto;
  	float						: center;
	width						: 100%;
  	border						: 0;
  	opacity						: 0.5;
}

.caption {
    /*background-color			: rgba(0,0,0,0.8);*/
    bottom						: 40%;
    color						: #ffffff;
    display						: block;
    float						: center;
    line-height					: 1.5em;
    padding						: 25px;
    position					: absolute;
    text-align					: center;
    width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.caption_titel {
	font-size					: 3.5em;
	font-weight					: bold;
	line-height					: 1.5em;
}

.caption_tekst {
}

.caption_CTA {
	padding-bottom				: 5px;
	padding-left				: 20px;
	padding-right				: 20px;
	padding-top					: 5px;
	background-color			: #a69e97;
	border-radius				: 3px;
	transition					: background-color 0.5s;
}

.caption_CTA a, .caption_CTA a.visited {
	color						: #ffffff;
	text-decoration				: none;
}

.caption_CTA:hover {
	background-color			: #48433f;
	transition					: background-color 0.5s;
}

.website_groteknoppen_outerbox {
	float						: center;	
	position					: relative;	
	margin-left					: auto;
	margin-right				: auto;
	max-width					: 1200px;
}

.website_groteknoppen {
	cursor						: pointer;
	display						: flex;
	width						: 100%;
}

.website_groteknop {
	background-color			: #ffffff;
	border-radius				: 3px;	
	box-shadow					: 0px 5px 10px rgba(0,0,0,0.2);
	color						: #000000;
	flex						: 1;
	float						: left;
	font-size					: 1em;
	margin						: 1%;
	padding						: 2%;
	top							: -50px;
	position					: relative;	
	width						: 23%;
	z-index						: 100;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;						
}

.website_groteknop_icoon img {
	height						: auto;
	max-width					: 25%;
}

.website_groteknop h2 {
	font-weight					: 700;
}

.checkmark {
	font-size					: 3em;
	color						: #a69e97;
}

.website_groteknop:hover {
	background-color			: #373330;
	color						: #ffffff;
	transition					: background-color 0.5s;
}

.website_menu ul .children {	
	background-color			: rgba(255,255,255,0.6);
	border-radius				: 3px;
	color						: #000000;
	display						: none;
	float						: none;
	font-size					: 0.7em;
	list-style					: none;	
	margin-left					: -25%;
	margin-top					: 5px;	
	padding-bottom				: 10px;
	padding-top					: 10px;
	position					: absolute;
	text-shadow					: none;	
	width						: 200px;
	z-index						: 2000;
}

.website_menu ul .children li {	
	border-radius				: 0px;
	border-left					: none;
	border-right				: none;
	float						: left;
	height						: 20px;
	margin						: 0;
	padding-bottom				: 2px;
	padding-top					: 2px;
	text-align					: center;
	width						: 160px;
}

.website_menu ul .children li:hover {	
	background-color			: #000000;
	border-bottom				: none;
}

.website_menuitem_selected, .website_menuitem_selected a {
	color						: #a69e97;
}

.website_menu ul .children a, .website_menu ul .children a.visited {
	color						: #000000;
	text-decoration				: none;
}

.website_menu ul .children a:hover {
	color						: #ffffff;
}

.mobile-nav {	
	display						: none;
	font-size					: 1.1em;
}

.website_content {
	float						: left;
	padding						: 10px;
	position					: relative;	
	vertical-align				: top;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_content img {
	clear						: both;
	float						: none;
	height						: auto;	
    max-width					: 100%;
}

.website_content_kolom1 {
	border-right				: 1px solid #b3afab;
	float						: left;
	line-height					: 1.5em;
	padding-right				: 3%;
	position					: relative;
	width						: 66%;
}

.website_content_kolom2 {
	float						: left;
	line-height					: 1.5em;
	padding-left				: 3%;
	position					: relative;
	width						: 26%;
}

.website_content_kolom1_2 {
	float						: left;
	line-height					: 1.5em;
	position					: relative;
	width						: 100%;
}

.website_prefooter_outerbox {
	background-color			: #1a1a1a;
	color						: #ffffff;
	float						: center;
	font-size					: 0.8em;
	margin-left					: auto;
	margin-right				: auto;	
	padding						: 10px;
	position					: relative;
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;				
}

.website_prefooter_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;
}

.website_prefooter_innerbox h2 {
	font-family					: 'Wisdom Script AI', sans-serif;	
	font-weight					: normal;
	font-size					: 2.5em;
}

.website_prefooter_innerbox a {
	color						: #ffffff;
	text-decoration				: none;
}

.website_prefooter_innerbox a:hover {
	color						: #a69e97;
	text-decoration				: none;
}

.innerbox_3kolommen {
	float						: left;
	padding						: 1%;
	position					: relative;
	width						: 33%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.innerbox_4kolommen {
	float						: left;
	padding						: 1%;
	position					: relative;
	width						: 24%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.website_footer_outerbox {
	background-color			: #4b4b4b;
	color						: #ffffff;
	float						: center;
	font-size					: 0.8em;
	margin-left					: auto;
	margin-right				: auto;	
	padding						: 10px;
	position					: relative;
	text-align					: left;
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;				
}

.website_footer_innerbox {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;
	padding-left				: 1%;
}

.website_footer_innerbox a {
	color						: #ffffff;
	text-decoration				: none;
}

.website_footer_innerbox a:hover {
	color						: #a69e97;
	text-decoration				: none;
}

.website_footer_innerbox img {
	max-width					: 100%;
}

.contentTD {
	text-align					: left;
	vertical-align				: top;
}

hr {
	border						: none;
	background-color			: #a39a92;
	height						: 1px;
	width						: 100%;
}

.TR_even {
	background-color			: #ffffff;
}

.TR_odd {
	background-color			: #e6e6e6;
}

.ProductGroepFoto, .ProductFoto  {
	float						: left;
	padding-right				: 3%;
	position					: relative;
	width						: 25%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;				
}

.Product_Nummer {
	float						: left;
	position					: relative;
	text-align					: center;
	width						: 100%;
}

.video-container {
    position					: relative;
    padding-bottom				: 56.25%;
    padding-top					: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position					: absolute;
    top							: 0;
    left						: 0;
    width						: 100%;
    height						: 100%;
}

.google-maps {
	position					: relative;
	padding-bottom				: 75%; // This is the aspect ratio
	height						: 0;
	overflow					: hidden;
}

.google-maps iframe {
	position					: absolute;
	top							: 0;
	left						: 0;
	width						: 100% !important;
	height						: 100% !important;
}

.nieuws_item {
	float						: left;
	position					: relative;
	width						: 100%;	
}

.nieuws_afbeelding {
	float						: left;
	position					: relative;
	width						: 25%;	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;				
}

.nieuws_afbeelding_groot {
	float						: left;
	position					: relative;
	width						: 100%;	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.nieuws_afbeelding_groot img {
	height						: auto;
	max-width					: 100%;	
}

.product_afbeelding_groot {
	float						: center;
	margin-left					: auto;
	margin-right				: auto;
	position					: relative;
	width						: 50%;	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;					
}

.product_afbeelding_groot img {
	height						: auto;
	max-width					: 100%;	
}

.nieuws_tekst {
	float						: left;
	padding-right				: 5%;
	position					: relative;
	text-align					: left;
	width						: 75%;	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.breed {
	padding-right				: 0;
	width						: 100%;	
}

input[type=button], input[type=submit] {
	background-color			: #a69e97;
	border						: 1px solid #d8d8d8;	
	color						: #ffffff;
	padding 					: 0.4em;
}

.gewicht {
	color						: gray;
	font-size					: 0.8em;	
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  /*
  display: flex; 
  align-items: center;  
  */
}
 
.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: #fafafa;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 5px;
}

.panel a {
	text-decoration: none;
}

.panel a:hover {
	text-decoration: underline;
}

.menu .menublok {
  margin: 0 0 20px 0;
}
.menu .menublok h4 {
  text-transform: uppercase;
}
.menu .menublok .beschrijving {
  margin: 0 0 10px 0;
}
.menu .menublok .gerechten .gerecht {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  border-bottom: 1px dotted #000;
  margin: 5px 0;
}
.menu .menublok .gerechten .gerecht .tekst {
  width: 89%;
  display: inline-block;
  padding: 0 1% 0 0;
}
.menu .menublok .gerechten .gerecht .prijs {
  width: 10%;
  display: inline-block;
}

@media screen and (max-width: 1200px) {
	.caption {
		bottom					: 20%;
	}
	
	.website_menu {
		right					: 0;
	}
	
	.website_menu li {
		padding-left			: 10px;
		padding-right			: 10px;
	}	
}	

@media screen and (max-width: 950px) {
	.caption {
		bottom					: 10%;
	}
	
	.website_menu {
		font-size				: 1.1em;
	}
	
	.website_menu li {
		padding-left			: 5px;
		padding-right			: 5px;
	}	
	
	.menu_spacer {
		font-size				: 0.8em;
	}
	
	.website_groteknop {
		top						: -25px;
	}
	
	.innerbox_3kolommen {
		width					: 50%;
	}		
}

@media screen and (max-width: 850px) {
	.caption {
		display					: none;
	}
}

@media screen and (max-width: 750px) {
	.website_menu ul {	
		display					: none;
	}

	.website_menu {
		padding					: 5px;
	}
	
	.website_taalkeuze {
		display					: none;
	}
	
	.mobile_website_taalkeuze {
		display					: block;
		position				: absolute;
		top						: -50px;
	}
	
	.mobile-nav {
		background-color		: #d0d0d0;
		border					: 1px solid #666666;
		color					: #575656;
		display					: block;		
		width					: 100%;		
	}
	
	.nieuws_afbeelding, .nieuws_tekst {
		width					: 50%;
	}		
	
	.website_groteknoppen {
		font-size				: 0.8em;
		flex-wrap				: warp;
	}
	
	.website_groteknop {
		text-align				: center;
		top						: -15px;
	}
	
	.website_groteknop p {
		display					: none;
	}
	
	.website_logo {
		padding-left			: 0px;
		text-align				: center;
		width					: 100%;
	}
	
	.website_menu {
		left					: 0px;
		margin-left				: 1%;
		margin-right			: 1%;
		padding-bottom			: 5px;
		padding-top				: 10px;
		position				: absolute;
		top						: 75px;
		z-index					: 1000;	
		-webkit-box-sizing		: border-box;
		-moz-box-sizing			: border-box;
		box-sizing				: border-box;			
		width					: 98%;
	}
	
	.website_menu ul {
		display					: none;
	}
	
	.mobile-nav {	
		display					: block;
		font-size				: 1.1em;
		width					: 100%;
	}
	
	.website_content_kolom1, .website_content_kolom2 {
		border					: none;
		padding					: 0;
		margin					: 0;
		width					: 100%;
	}	
	
	.website_content_kolom2 {
		border-top				: 1px solid #b3afab;
		margin-top				: 20px;		
	}
	
	.innerbox_3kolommen {
		padding					: none;
		width					: 100%;
	}		
	
	.homepage_dienst_titel {
		font-size				: 0.9em;
	}
	
	.homepage_dienst_tekst {
		font-size				: 0.8em;
	}	
	
	.ProductGroepFoto, .ProductFoto {
		width					: 33%;
	}
	
	.product_afbeelding_groot {
		width					: 100%;
	}
}

@media screen and (max-width: 500px) {
	.website_groteknoppen {
		/*display				: none;*/
		font-size				: 0.6em;
	}
	
	.website_groteknop {
		top						: 10px;	
	}
}

@media screen and (max-width: 450px) {
	.website_content_kolom1 img {
		clear					: both;
		float					: none;
    	height					: auto;	
	    width					: 100%;
	}
	
	.website_footer_links, .website_footer_midden, .website_footer_rechts {
		border-left				: none;
		padding-left			: 0px;
		width					: 100%;
	}
	
	.website_header_socialmedia {	
		display					: none;
	}
	
	.website_header_taalkeuze {
		left					: calc(100% - 100px);
		width					: 100px;
	}
	
	.ProductGroepFoto, .ProductFoto {
		width					: 50%;
	}
	
	.nieuws_afbeelding, .nieuws_tekst {
		width					: 100%;
	}			
}