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

body {	
	background-color			: #ffffff;
	background-image			: url('../images/Valuaskroket-panco-paneermeel.jpg');
	color						: #000000;
	font-family					: Calibri, 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;
}

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

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

h2, h3 {
	margin-bottom				: 5px;
	margin-top					: 2px;
}

.website_outerbox, .website_popup {	
	background-image			: url(../images/nederlands-franse-border.png);
	background-position			: top left;
	background-repeat			: repeat-y;
	background-color			: #ffffff;	
	float						: center;	
	height						: 100%;
	margin-left					: auto;
	margin-right				: auto;
	position					: relative;
	text-align					: left;
	max-width					: 900px;
}

.website_innerbox {
	height						: 100%;
	width						: 100%;
}

.website_header {	
	color						: #ffffff;
	float						: center;
	padding-left				: 70px;
	position					: relative;	
	text-align					: left;	
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

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

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

.website_header_socialmedia {
	top							: 50px;
}

.website_menu {
	background-color			: #a69e97;
	color						: #d8d8d8;
	float						: center;
	font-weight					: bold;	
	margin-left					: auto;
	margin-right				: auto;
	padding-left				: 5px;
	position					: relative;
	/*text-transform			: uppercase;*/
	width						: 100%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;		
}

.website_menu ul {
	margin						: 0;
	padding						: 0;
	position					: relative;
	list-style-type				: none;
	text-align					: left;
}

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

.website_menuitem {
	color						: #73665b;
}

.website_menuitem_selected {
	color						: #73665b;
}

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

.website_menuitem a:hover {
	color						: #73665b;
}

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

.website_content {
	float						: left;
	padding						: 10px 10px 10px 90px;	
	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_footer {
	background-color			: #a69e97;
	color						: #ffffff;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;
	max-width					: 900px;
	padding						: 10px;
	position					: relative;		
	text-align					: left;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_footer a {
	color						: #ded7d2;
}

.website_footer a:hover {
	color						: #ffffff;
}

.website_footer_links, .website_footer_midden, .website_footer_rechts {
	color						: #ffffff;
	float						: left;
	width						: 33%;
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	box-sizing					: border-box;			
}

.website_footer_midden {
	border-left					: 1px solid #b3afab;
	padding-left				: 20px;
}

.website_footer_rechts {
	text-align					: right;
}

.website_copyright {
	clear						: both;
	font-size					: 0.8em;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;
	max-width					: 900px;
	position					: relative;		
	text-align					: center;
}

.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%;
}

.website_slideshow {
	background-color			: #ffffff;
	border-bottom				: 1px solid #b3afab;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 100%;	
}

.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;
}

.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;	
}

@media screen and (max-width: 850px) {
	.website_menu {
		font-size				: 1em;
	}	
	
	.menu_spacer {
		font-size				: 0.8em;
	}
}

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

	.website_menu {
		padding					: 5px;
	}
	
	.mobile-nav {
		background-color		: #d0d0d0;
		border					: 1px solid #666666;
		color					: #575656;
		display					: block;		
		width					: 100%;		
	}
	
	.nieuws_afbeelding, .nieuws_tekst {
		width					: 50%;
	}		
}

@media screen and (max-width: 600px) {
	.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;
	}
	
	.ProductGroepFoto, .ProductFoto {
		width					: 33%;
	}
	
	.product_afbeelding_groot {
		width					: 100%;
	}
}

@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%;
	}			
}