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

body {	
	background-color			: #b78f40;
	font-family					: "Century Gothic", Arial, sans-serif;
	font-size					: 0.8em;
	font-weight					: normal;
	margin-left					: 0px;
	margin-right				: 0px;
	margin-top					: 0px;
	padding						: 0px;
	text-align					: center;
}

h1, h2, h3, h4 {
	color						: #d58615;
	font-size					: 2.0em;
	margin-top					: 0px;
}

h2 {
	font-size					: 1.6em;
}

h3 {
	font-size					: 1.3em;
}

h4 {
	font-size					: 1.1em;
}

a, a.visited {
	color						: #443927;
}

a:hover {
	color						: #5c3e0c;
}

.website_innerbox {
	background-color			: #beae94;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;
}

.website_header_menu {
	background-color			: #000000;
	border-bottom				: 1px solid #313131;
	color						: #555555;
	float						: center;
	font-size					: 0.9em;
	height						: 20px;
	margin-left					: auto;
	margin-right				: auto;
	padding-top					: 3px;
	padding-right				: 10px;
	position					: relative;
	text-align					: right;
}

.website_header_menu a {
	color						: #ffffff;
}

.website_header_menu a:hover {
	color						: #eeeeee;
}

.website_header {
	background-color			: #313131;
	/*padding-bottom			: 20px;*/
	/*padding-top				: 20px;*/
	position					: relative;	
	text-align					: center;
	width						: 100%;
}

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


.website_slideshow {
	background-color			: #beae94;
	/*border-bottom				: 5px solid #b9a483;*/
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;
}

.website_usps_container {
	background-color			: #b9a483;
	color						: #ffffff;
	float						: center;
	margin-left					: auto;
	margin-right				: auto;	
	padding-bottom				: 5px;
	padding-top					: 5px;
	position					: relative;
	max-width					: 1200px;
}

.website_usps {
	float						: center;
	padding-left				: 10px;
	position					: relative;
	text-align					: left;
	width						: 100%;
}

.reclameblok {
	background-color			: #ffffff;
	box-shadow					: 2px 2px 10px rgba(0,0,0,0.6);
	padding						: 20px;
	position					: absolute;
	right						: 25px;
	top							: -100px;
	text-align					: center;
	width						: 250px;
	z-index						: 1000;
}

.reclameblok_titel {
	color						: #5c4e38;
	font-size					: 0.9em;
}

.reclameblok_prijs {
	color						: #d58615;
	font-size					: 3em;
	font-weight					: bold;
}

.reclameblok_button input[type=button] {
	background-color			: #d58615;
	border						: 1px solid #b06c0c;
	color						: #ffffff;
	font-size					: 1.2em;
	padding						: 5px;
	text-transform				: uppercase;
}

.reclameblok_url {
	color						: #5c4e38;
	font-size					: 0.9em;
}

.website_menu, .website_menu_admin {	
	background-color			: #5c4e38;
	color						: #7d6b4c;
	float						: center;
	font-size					: 1.1em;
	font-weight					: 600;
	margin-left					: auto;
	margin-right				: auto;		
	padding-bottom				: 10px;
	padding-top					: 7px;
	position					: relative;	
	width						: 100%;
}

.website_menu a {
	color						: #ffffff;
}

.website_menu ul, .website_menu_homepage ul, .website_menu_admin ul {
	margin						: 0;
	padding						: 0;
	list-style					: none;	
	position					: relative;
	text-align					: center;
}

.website_menuitem, .website_menuitem_selected, .website_menuitem_groot, .menu_spacer {
	display						: inline;
	float						: center;
	position					: relative;
	vertical-align				: middle;
}

.website_menuitem_selected {
	color						: #ffffff;
	border-bottom				: 5px solid #b9a483;
}

.website_menuitem a, .website_menu_admin a {	
	text-decoration				: none;
}

.website_menuitem a:hover, .website_menu_admin a:hover {
	text-decoration				: underline;
}

.website_content {
	background-color			: #ebe4cd;
	color			 			: #5c4e38;
	float						: center;
	padding						: 15px 15px 15px 15px;
	position					: relative;	
	text-align					: left;		
	vertical-align				: top;
}

.website_content_kolom1 {
	float						: left;
	padding-right				: 3%;
	position					: relative;
	width						: 57%;
}

.website_content_kolom2 {
	border-left					: 1px solid #b9a483;
	float						: left;
	padding-left				: 3%;
	position					: relative;
	width						: 36%;
}

.website_content img {
	padding						: 10px;
}

.website_content_footer {
	padding						: 10px;
	text-align					: center;
}

.website_copyright {
	background-color			: #f7f7f7;
	border-top					: 5px solid #b9a483;
	font-size					: 0.8em;
	text-align					: center;
	margin-left					: auto;
	margin-right				: auto;	
	max-width					: 1200px;
	padding						: 10px;
}

hr {
	border						: none;
	height						: 1px;
	width						: 100%;
}

.mosaicflow img { 
	max-width					: 95%;
} 

.mosaicflow {
	float						: center;
	text-align					: center;
}

.su-gmap {
	max-width					: 50%;
}

.vrij {
	background: #ffffff;
}

.bezet {
	background: #ff0000;
}

.optie {
	background: #ffff00;
}

.wisseldag {
	background: #3399cc;
}
.tabel {
}

.tabel td {
	border: 1px solid #ffffff;
}

.vrijlegenda {
	background: #00be0d;
	color: #fffffff;
}
.bezetlegenda {
	background: #ff1919;
	color: #ffffff;
}
.optielegenda {
	background: #ffff00;
	color: #000000;
}
.wisseldaglegenda {
	background: #47a3d1;
	color: #ffffff;
}

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

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

.review_item {
	background-color			: #f3eedc;
	float						: left;
	height						: 200px;
	margin						: 1%;
	padding						: 1%;
	position					: relative;	
	width						: 28%;
	box-shadow					: 2px 2px 5px rgba(0,0,0,0.6);
}

.review_titel {
	font-size					: 1.2em;
	font-weight					: bold;
	float						: left;
	position					: relative;	
	width						: 100%;
}

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

.review_auteur {
	float						: left;
	font-weight					: bold;
	position					: relative;	
	text-align					: right
	width						: 100%;
}

.review_titel a, .review_preview a {
	text-decoration				: none;
}

.review_titel a:hover, .review_preview a:hover {
	text-decoration				: underline;
}

@media screen and (max-width: 1200px) {
	.reclameblok {
		top							: -200px;
	}
}

@media screen and (max-width: 900px) {
	.website_menu {
		height					: 20px;
	}
	
	.website_menuitem, .website_menuitem_selected {
		font-size				: 0.9em;
	}
}

@media screen and (max-width: 800px) {
	.website_menu {
		height					: 18px;
	}
	
	.website_menuitem, .website_menuitem_selected {
		font-size				: 0.8em;
	}
	
	.review_item {
		height						: 200px;
		width						: 46%;
	}	
}

@media screen and (max-width: 700px) {
	.reclameblok {
		display					: none;
	}
	
	.website_menu {
		height					: auto;
	}

	.website_menuitem, .website_menuitem_selected {
		font-size				: 1.0em;
		border-bottom			: 1px solid #7d6b4c;
		display					: block;
	}
	
	.menu_spacer, .website_menuitem .menu_spacer {		
		display					: none;		
	}		
	
	.su-gmap {
		max-width				: 100%;
	}
	
	.website_content_kolom1, .website_content_kolom2 {
		border					: none;
		width					: 100%;
	}
	
	.website_content_kolom2 {
		border-top				: 1px solid #b9a483;
	}
}

@media screen and (max-width: 500px) {
	.review_item {
		height						: auto;
		width						: 97%;
	}	
}

.TR_even {
	background-color			: #ebe4cd;
}

.TR_odd {
	background-color			: #f3eedc;
}

#centerpoint {
    left							: 50%;
    position						: absolute;
    top								: 50%;
}

#dialog {
	background-color				: rgba(255,255,255,0.9);
	border							: 2px solid #b9a483;
	color							: #5c4e38;
    height							: 200px;
    margin-left						: -200px;
    margin-top						: -150px;
    padding							: 5%;
    position						: relative;
    width							: 400px;
    vertical-align					: middle;
    z-index							: 2000;
	-webkit-box-sizing				: border-box;
	-moz-box-sizing					: border-box;
	box-sizing						: border-box;					
	border-radius					: 5px;	
	box-shadow						: 1px 2px 4px rgba(0, 0, 0, .5);	
}