/* Defaults for HTML elements */
html{overflow-y:scroll;width:100%;height:100%;color:#666;background:#f2f2f2;}
html,body,td,th,textarea,select,option{margin:0;padding:0;font-family: 'Merriweather Sans', sans-serif;font-size:16px;line-height:180%;color:#555;}

a:link, a:active, a:visited{color:#57BCCA;text-decoration:none;}
a:hover{color:#1F5A63;text-decoration:none;}



h1,h2,h3,h4,h5,h6{margin:0;padding:10px 0;color:#1F5A63;font-family: 'Merriweather', serif;letter-spacing:1px;font-weight:normal;}
h1{font-size:34px;line-height:44px;}
h2{font-size:30px;line-height:40px;}
h3{font-size:26px;line-height:36px;}
h4,h5,h6{font-size:22px;line-height:28px;}

hr{border:0;height:0;margin:20px 0;border-bottom:2px solid #f2f2f2;}

input,select,textarea,button{border-radius:0;}
*:focus{outline:none;}

input{background:#f2f2f2;border:0;}
input[radio], input[checkbox]{-webkit-appearance:none;}
input[name="faxnumber"]{position:absolute;margin:-5000px 0 0 -5000px}
select{border:0;-webkit-appearance:none;-moz-appearance:none;background:url('img/select.png') right 12px center no-repeat #f2f2f2;cursor:pointer;padding-right:30px;}
textarea{border:0;background:#f2f2f2;-webkit-appearance:none;resize:none;}
button{border:0;background:#f2f2f2;color:#000;cursor:pointer;font-weight:700;font-size:16px;transition:.2s;}
	button:hover{background:#000;}

label{display:block;box-sizing:border-box;padding:2px 0 8px 0;}
label input, label select, label textarea, label button{box-sizing:border-box;display:block;width:100%;padding:12px 10px;}
    label button{background:#1F5A63;color:#fff;}
        label button:hover{background:#57BCCA;}
label select{padding:8px 40px 8px 8px;}

label.inline{display:inline-block;vertical-align:top;margin-right:30px;cursor:pointer;}
label.inline input{display:inline-block;width:auto;margin-right:8px;padding:0;}

img{border:0;}
iframe{border:0;}

img.img_50_left{max-width:50%;float:left;border-right:10px solid #fff;box-sizing:border-box;}
img.img_50_right{max-width:50%;float:right;}

table{border-spacing:2px;border-collapse:separate;width:100%;background:#f2f2f2;}

	table thead{}
	table thead tr{}
	table thead tr th{padding:8px;text-align:left;font-weight:bold;background:#f2f2f2;}
	
	table tbody{}
	table tbody tr{}
	/* table tbody tr:nth-child(odd){background:#f2f2f2;} */
	table tbody tr td{padding:8px;background:#fff;}
	
		table tbody tr td a{text-decoration:none;}
		table tbody tr td img{text-decoration:none;}

		form{max-width:600px;}

/* Honing Pot */
form.contact_form{}
	form.contact_form label:first-of-type{font-size:0;line-height:0;margin:0;padding:0;}
	form.contact_form label:first-of-type input{position:absolute;left:-3000px;}

/* Default for classes */
*[data-url]{cursor:pointer;}

*.clear{clear:both;}
*.grey{opacity:0.66;}
*.date{opacity:0.66;font-style:italic;}
*.invalid{border-color:#900;}
*.hidden{display:none;}
*.float_right{float:right;}
*.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

a.button1:link, a.button1:active, a.button1:visited{display:inline-block;vertical-align:baseline;background:#57BCCA;padding:5px 20px;text-decoration:none;text-align:center;box-sizing:border-box;font-weight:bold;transition:.25s;color:#fff;}
a.button1:hover{color:#fff;background:#1F5A63;text-decoration:none;}

a.button2:link, a.button2:active, a.button2:visited{display:inline-block;vertical-align:baseline;background:#fff;padding:5px 20px;text-decoration:none;text-align:center;box-sizing:border-box;font-weight:bold;transition:.25s;color:#000;}
a.button2:hover{background:#000;color:#fff;text-decoration:none;}

a.button3:link, a.button3:active, a.button3:visited{display:inline-block;vertical-align:baseline;background:#000;padding:5px 20px;text-decoration:none;text-align:center;box-sizing:border-box;font-weight:bold;transition:.25s;color:#fff;}
a.button3:hover{color:#000;text-decoration:none;}

a.button4:link, a.button4:active, a.button4:visited{display:inline-block;vertical-align:baseline;background:#000;padding:5px 20px;text-decoration:none;text-align:center;box-sizing:border-box;font-weight:bold;transition:.25s;color:#fff;}
a.button4:hover{color:#000;text-decoration:none;}

/* Compensation for fixed headers */
a#anchor-form{padding-top:220px;margin-top:-220px;}

/* Keep large images from flowing out of content */
img.contain{max-width:100%;height:auto !important;}

span.sep{display:inline-block;padding:0 12px;font-weight:400;opacity:.66;}
span.req{color:#1F5A63;font-weight:600;}
span.mobile{display:none;} /* Used by jQuery to determine device */

div.wrapper{box-shadow:0 -4px 0 #1F5A63;margin-top:2px;}

div.note{background:#900;text-align:center;color:#fff;padding:10px;margin:10px 0;font-weight:bold;}
	div.note.positive{background:#090;color:#fff;}
	div.note.negative{background:#900;color:#fff;}

/* Default for classes */
div.outer_header{background:url('img/headerbg.png') no-repeat 0 0;max-width:1100px;margin:0 auto;position:absolute;left:0;right:0;z-index:999;border-bottom:4px solid #57BCCA;box-shadow:2px 2px 6px rgba(0,0,0,0);}
	div.inner_header{box-sizing:border-box;padding:0;position:relative;}

		div.contact_info{position:absolute;top:10px;right:10px;overflow:hidden;text-align:right;padding:4px 12px;}
			div.contact_info img{margin:2px 10px 0 0;}
			span.zoover_mark{font-size:34px;line-height:40px;color:#65A50E;}

		div.inner_header h2 span{display:block;font-size:26px;color:#1F5A63;font-family:'Merriweather', serif;font-weight:700;}
		div.inner_header h2{font-size:16px;padding:12px 0 12px 20px;line-height:34px;color:#666;font-family: 'Merriweather Sans', sans-serif;}

div.menu_placeholder{background:#000;}

div.zvr-widget{float:right;margin:0 0 40px 40px;}
div.zvr-widget div.zvr-widget-container{width:300px;}

div.outer_menu{}
	div.toggle_menu{font-size:18px;display:none;box-sizing:border-box;max-width:1100px;margin:0;background-color:#1F5A63;cursor:pointer;font-weight:600;padding:10px;}
	div.toggle_menu p{position:relative;letter-spacing:2px;text-transform:uppercase;text-align:left;color:#fff;margin:0;}

		/* menu span */
		span.menu_icon{position:relative;float:right;height:36px;width:36px;margin:-5px -5px 0 0;}
			span.rectangle{position:absolute;height:3px;width:24px;margin-top:9px;background-color:#fff;transition:0.2s}
			span.rectangle:nth-child(2){margin-top:18px;}
			span.rectangle:nth-child(3){margin-top:27px;}
				span.rotate_clockwise{transform-origin:bottom right;transform:rotate(-45deg);width:24px !important;}
				span.rotate_counterclockwise{transform-origin:top right;transform:rotate(45deg);width:24px !important;}
				span.fade_out{background-color:#000 !important;opacity:0;}

	div.inner_menu{box-sizing:border-box;max-width:1100px;margin:0 auto;text-align:right;}
	
		div.inner_menu ul{margin:0;padding:0;list-style:none;}
		div.inner_menu ul li{display:inline-block;vertical-align:top;position:relative;}

		div.inner_menu ul li a:link, div.inner_menu ul li a:active, div.inner_menu ul li a:visited{display:block;padding:6px 18px;color:#444;text-decoration:none;font-weight:400;font-size:15px;font-family: 'Merriweather', serif;letter-spacing:1px;}

		div.inner_menu ul li a:hover, div.inner_menu ul li a.active{background:none;color:#57BCCA;}


div.inner_menu ul li a.active::after{content:"";height:4px;width:100%;bottom:-4px;left:0;position:absolute;z-index:999;background:#1F5A63;}



		div.inner_menu ul li:hover ul{display:block;}
		div.inner_menu ul li:hover{background:none;}
		div.inner_menu ul li:hover a{color:#57BCCA;}

		div.inner_menu ul li ul{display:none;position:absolute;background:#fff;min-width:180px;max-width:250px;z-index:10000;left:0;transition:.15s;}
		div.inner_menu ul li ul li{display:block;margin:0;}
		
		div.inner_menu ul li ul li a:link, div.inner_menu ul li ul li a:active, div.inner_menu ul li ul li a:visited{padding:8px 18px;font-size:14px;color:#fff;background:#000;}
		div.inner_menu ul li ul li a:hover, div.inner_menu ul li ul li a.active{background:#666;color:#fff;}
		
		div.inner_menu ul li ul li ul{display:none !important;} /* Voorkomen dat er een 3-laags menu ontstaat */

div.outer_slider{background:#f2f2f2;}
	div.inner_slider{margin:0 auto;position:relative;}

div.availability{padding:0;}
div.availability_month{width:25%;background:#f2f2f2;padding:20px;margin:0;border:4px solid #fff;display:inline-block;vertical-align:top;box-sizing:border-box;cursor:default;}
	div.availability_month h6{margin-bottom:10px;}
	div.availability_month div.day{display:inline-block;vertical-align:top;width:14%;line-height:26px;text-align:center;margin:0;border:2px solid #f2f2f2;box-sizing:border-box;font-size:15px;}
	div.availability_month div.week{font-weight:bold;opacity:.5;}
	div.availability_month div.day.unbookable{background: #E2E2E2;}
	div.availability_month div.day.changeover_morning{background:linear-gradient(to bottom right,#FF928E 50%,#A8FFB3 50%);}
	div.availability_month div.day.changeover_afternoon{background:linear-gradient(to bottom right,#A8FFB3 50%,#FF928E 50%);}
	div.availability_month div.day.unavailable{background: #FF928E;}
	div.availability_month div.day.available{transition:.1s;background: #A8FFB3;}

div.outer_bar{background:url('img/pattern.png') top center #fff;}
	div.inner_bar{margin:0 auto;position:relative;max-width:1100px;text-align:center;padding:50px 0 50px;}

div.inner_bar h2{font-family:'Bad Script', cursive;font-size:32px;color:#444;}

		div.submenu{position:absolute;top:0;left:0;background:#fff;width:100%;max-width:1100px;box-sizing:border-box;padding:20px;z-index:10000;display:none;border-bottom:2px solid #f7f7f7;}
			div.submenu ul{list-style:none;margin:0;padding:0;}
			div.submenu ul li{display:inline-block;vertical-align:top;width:25%;}
			div.submenu ul li a{display:block;text-decoration:none;line-height:250%;color:#222;}
			div.submenu ul li a:hover{color:#000;}
		
		div.slider{}
			div.slide{background:#000;overflow:hidden;}
			div.slide img{margin-bottom:-8px;width:100%;height:auto;}
			
				div.textbox{position:absolute;bottom:60px;right:30px;z-index:999;background:#fff;color:#444;margin:0;text-align:right;padding:0 20px;font-size:20px;}

					div.textbox a:link, div.textbox a:active, div.textbox a:visited{display:inline-block;vertical-align:baseline;padding:12px 20px;background:#000;color:#fff;text-decoration:none;text-align:center;box-sizing:border-box;font-weight:bold;transition:.2s;font-size:22px;line-height:32px;letter-spacing:2px;}
					div.textbox a:hover{background:#fff;color:#000;text-decoration:none;opacity:1;}

div.outer_content{padding:0;overflow:hidden;background:#fff;}
	div.inner_content{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:50px 0;}
		div.inner_content h2{padding:10px 0 25px 0;}

		img.content_image{float:right;margin:20px 0 10px 15px;width:440px;height:auto;}

div.outer_quote{background:#222;padding-bottom:10px;margin-bottom:-20px;}
	div.inner_quote{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:40px 20px 70px 20px;color:#fff;text-align:center;font-size:16px;line-height:24px;}
	
		div.inner_quote p{margin:0;padding:0;}
		div.inner_quote h3{font-size:30px;line-height:40px;color:#fff;text-align:center;letter-spacing:2px;}


div.outer_personal_message{background:url('img/pattern.png') top center #E4F4F6}
	div.inner_personal_message{padding:40px 0 30px 0;margin:0 auto;max-width:1100px;color:#444;}
	div.inner_personal_message div.column p{color:#444;font-size:15px;}

div.outer_personal_message div.column p.handwritten{font-family:'Bad Script', cursive;font-size:24px;}

	img.familie{border:5px solid #fff;border-bottom:25px solid #fff;box-shadow:3px 3px 6px rgba(0,0,0,.3);transform:rotate(-10deg);margin-top:50px;}

div.outer_map{}
	div.inner_map{background:url('img/map.png') center center no-repeat;background-size:cover;height:400px;}

div.inner_content table{background-color:#f2f2f2;border-spacing:2px;border-collapse:separate;min-width:50%;border:0;}
div.inner_content table th{background-color:#57BCCA;padding:6px;border:0;color:#fff;text-align:left;}
div.inner_content table td{background-color:#fff;padding:5px;color:#444;border:0;}
div.inner_content table td.greyed{color:#999;}
div.inner_content table tr:hover td, table tr.active td{background-color:#f2f2f2;}
div.inner_content table tr:hover td a{}

div.outer_bottom{background:#57BCCA;}
	div.inner_bottom{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:30px 0;font-size:14px;}

		div.column_75{width:75%;padding:0;}
		div.column_50{width:50%;padding:0;}
		div.column_33{width:33.3334%;padding:0;}
		div.column_25{width:25%;padding:0;}

		div.column{box-sizing:border-box;display:inline-block;vertical-align:top;padding-right:20px;}

			div.column p{color:#fff;}
			div.column h4{color:#fff;}

			div.column ul{list-style:none;padding:0;}
			div.column ul li{}
			div.column ul li a{color:#fff;text-decoration:underline;}
			div.column ul li a:hover{color:#fff;text-decoration:none;}

			div.column a{color:#fff;text-decoration:underline;}
			div.column a:hover{color:#fff;text-decoration:none;}

	div.social_media{padding-top:10px;}
	div.social_media a{display:inline-block;vertical-align:top;margin-right:4px;}
	div.social_media a img{width:40px;height:40px;}
	
div.outer_footer{font-size:13px;background:#57BCCA;overflow:hidden;}
	div.inner_footer{box-sizing:border-box;max-width:1100px;margin:0 auto;padding:10px 0 40px 0;color:#999;opacity:0.66;}
		div.inner_footer a{color:#222;}
		div.inner_footer a.reto{float:right;color:#666;}

/* Nieuws */
div.outer_news_item{box-sizing:border-box;display:inline-block;vertical-align:top;width:33.3334%;padding:0 20px 20px 0;}
	div.inner_news_item{position:relative;overflow:hidden;}

		div.news_item_image{width:100%;overflow:hidden;border:2px solid #f2f2f2;box-sizing:border-box;}
			div.news_item_image img{width:100%;height:auto;}

		div.news_item_title{font-size:20px;color:#000;line-height:30px;margin-top:10px;font-weight:700;}

		div.inner_news_item p.date{}
		div.inner_news_item p{margin:5px 0;}

div.share_social_media{padding:0 0 20px 0;}
	div.share_social_media a{display:inline-block;padding:0 10px 0 0;font-size:12px;text-align:center;text-decoration:none;color:rgba(255,255,255,0);transition: .2s;}
		div.share_social_media a:hover{color:#000;}
		div.share_social_media a img{display:block;}

/* Kaart */
div.map_wrapper{width:100%;height:400px;filter:grayscale(100%);border:2px solid #000;}
	div.map_wrapper iframe{width:100%;height:100%;}

/* Stores */
div.store_grid{width:100%;padding:0;}
	div.outer_store_item{width:25%;display:inline-block;box-sizing:border-box;vertical-align:top;padding:0 20px 20px 0;}
		div.inner_store_item{border:2px solid #ddd;}

		div.inner_store_item:hover img{transform:translate3d(0,0,1px) scale(1.02);}

			div.store_image{overflow:hidden;}
				div.store_image img{width:100%;height:auto;transition:.2s;overflow:hidden;}

			div.store_text{transition:.2s;font-weight:bold;font-size:14px;color:#fff;text-align:center;width:100%;box-sizing:border-box;padding:10px 5px;background:#444;}
			div.store_text p{margin:0;text-decoration:none;}
			div.store_text p a{color:#fff;}

			div.inner_store_item:hover div.store_text{background:#000;color:#fff;}

/* Foto album */
div.outer_photo{width:20%;box-sizing:border-box;display:inline-block;vertical-align:top;border:2px solid #fff;}
	div.inner_photo{width:100%;height:100%;}
		div.inner_photo a{display:block;width:100%;height:100%;overflow:hidden;}
		div.inner_photo a img{width:100%;height:100%;}

/* Foto balk */
div.photo_bar div.outer_photo{width:20%;box-sizing:border-box;display:inline-block;vertical-align:top;border:0;position:relative;overflow:hidden;}
	div.photo_bar div.inner_photo{width:100%;height:100%;position:absolute;top:0;left:0;transition:.25s ease-in-out;}
	div.photo_bar div.inner_photo:hover{width:106%;height:106%;top:-3%;left:-3%;}
		div.photo_bar div.inner_photo a{display:block;width:100%;height:100%;overflow:hidden;}
		div.photo_bar div.inner_photo a img{width:100%;height:100%;}

/* Collectie */
div.collection{}
	div.collection div.outer_slide{width:25%;text-align:center;display:inline-block;}
		div.collection div.outer_slide div.inner_slide{max-width:225px;max-height:150px;display:block;margin:0 auto;text-align:center;}
			div.collection div.outer_slide div.inner_slide img{width:90%;}

/* Balk */
div.outer_balk{color:#fff;background:#000;}
	div.inner_balk{margin:0 auto;padding:64px 0;text-align:center;text-shadow:0 0 6px rgba(0,0,0,0.4);font-size:16px;}
	
		div.inner_balk h1{color:#fff;line-height:55px;font-size:50px;}
		div.inner_balk h2{color:#fff;line-height:50px;font-size:45px;}
		div.inner_balk h3{color:#fff;line-height:45px;font-size:40px;}
		div.inner_balk h4{color:#fff;line-height:40px;font-size:45px;}
		div.inner_balk h5{color:#fff;line-height:35px;font-size:40px;}
		div.inner_balk h6{color:#fff;line-height:30px;font-size:35px;}

		div.inner_balk a:link, div.inner_balk a:active, div.inner_balk a:visited{text-decoration:underline;color:#fff;}
		div.inner_balk a:hover{text-decoration:none;color:#fff;}

/* Social Media buttons */
div.social_icons{padding:5px 0 30px 0;}
	div.social_icons a{display:inline-block;vertical-align:top;margin-right:6px;position:relative;width:50px;height:50px;}
	div.social_icons a img{width:100%;height:100%;position:absolute;top:0;left:0;transition:.2s;}

/* Collectie */
div.collection_slider div.slide{}
	div.collection_slider div.slide img{width:80%;height:auto;margin:0 auto;transition:.2s ease-in-out;}
	div.collection_slider div.slide:hover img{margin-top:-5px;width:90%;}

/* Responsive CSS rules */
@media(max-width:1280px){
	
	div.inner_footer{padding:10px 10px 40px 10px;}

	div.outer_content{padding:10px;}
	div.textbox p{font-size:40px;line-height: 50px;}
		div.textbox a:link, div.textbox a:active, div.textbox a:visited{font-size:16px;line-height:16px;}

	div.contact_info{right:15px;}

	div.outer_header{background:#fff;}
	
}	

@media(max-width:980px){
	
	div.news_item_content{font-size:14px;}

	span.mobile{display:inline;}

	h1{margin:0;padding-top:0;}

	div.outer_top{display:none;}
		div.inner_top{padding-right:10px;}

	div.outer_header{margin-top:0;position:static;}
		a.logo{position:static;padding:22px 10px 14px 10px;}

    div.outer_menu{position:static;}
        div.toggle_menu{display:block;}
        div.inner_menu{display:none;}

        div.inner_menu ul li{display:block;}
        div.inner_menu ul li ul{position:static;width:100%;max-width:9999px;background:#111;}

		div.inner_menu ul li{background:#57BCCA;}
		div.inner_menu ul li a:link, div.inner_menu ul li a:active, div.inner_menu ul li a:visited{text-align:center;color:#fff;}
		div.inner_menu ul li a:hover{background:#1F5A63;color:#fff;}


	div.column{padding:0 40px 0 10px;}

	div.textbox p{font-size:32px;line-height: 42px;margin:0;padding:0;}
		div.textbox a:link, div.textbox a:active, div.textbox a:visited{font-size:14px;line-height:14px;margin-top:5px;}

	/* Collectie */
	div.collection{}
		div.collection div.outer_slide{width:33.3334%;text-align:center;display:inline-block;}
			div.collection div.outer_slide div.inner_slide{display:block;margin:0 auto;}

	/* Nieuws */
	div.outer_news_item:hover div.news_item_content{top:0;}
		div.news_item_content{padding:40px 40px;}

	div.availability_month{width:33.3334%;}
}

@media(max-width:750px){
	
	div.inner_header{text-align:center;}
	
	a.logo{padding-right:0;padding-left:0;}

	div.contact_info{display:none;}

	div.textbox p{font-size:26px;line-height: 36px;}
		div.textbox a:link, div.textbox a:active, div.textbox a:visited{font-size:12px;line-height:12px;}

	/* Foto album */
	div.outer_photo{width:33.3334%;}

	div.news_item_content{line-height:160%;}

}

@media(max-width:700px){	

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

	div.outer_home_slider{height:400px;}
	
	div.textbox{display:none;}

	/* Nieuws */
	div.outer_news_item{padding:0 20px 10px 20px}
		div.news_item_title{font-size:16px;line-height:150%;}
		div.news_item_content{font-size:12px;padding:15px 15px;line-height:200%;}
			div.news_item_content a.button2{padding:6px 24px;}

	div.availability_month{width:50%;}
}
	
@media(max-width:600px){

	td,th,textarea,select,option,p{font-size:16px;}

	img.img_50_left, img.img_50_right{max-width:100%;float:none;width:100%;border:0;}

	h1{font-size:26px;line-height:26px;}

	img.content_image{float:none;margin:24px 0 10px 0;width:100%;}

	/* Collectie */
	div.collection{}
		div.collection div.outer_slide{width:50%;text-align:center;display:inline-block;}
			div.collection div.outer_slide div.inner_slide{width:150px;height:100px;display:block;margin:0 auto;}
				div.collection div.outer_slide div.inner_slide img{width:150px;height:100px;}

	div.outer_content{padding:10px;}

	/* Nieuws */
	div.news_item_content{font-size:12px;padding:15px 15px;line-height:160%;}
		div.inner_news_item p{font-size:14px;}

}

@media(max-width:500px) {
	
	div.outer_store_item{width:100%;}

	/* Nieuws */
	div.outer_news_item{padding:0 40px 20px 40px;width:100%;}
		div.news_item_title{font-size:16px;line-height:150%;}
		div.news_item_content{font-size:14px;padding:40px 40px;line-height:200%;}
			div.news_item_content a.button2{padding:6px 24px;}


	div.availability_month{width:100%;}
}

@media(max-width:400px){

	/* Foto album */
	div.outer_photo{width:50%;}

	/* Nieuws */
	div.news_item_content{padding:30px 30px;}

}
