@charset "utf-8";


/*common classes*/
.hidden{display:none}
.center{text-align:center}
.flr{float:right}
.fll{float:left}
.clr{clear:right}
.cll{clear:left}
.tar{text-align:right}
.tal{text-align:left}
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both}
.fs90{font-size:90%}
.fs80{font-size:80%}

/*DefaultForm*/
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm fieldset{border:0;margin:0;padding:30px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:10px;display:block;font-weight:bold;font-size:120%}
.DefaultForm label{display:block;float:left;width:120px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:Verdana,Arial,sans-serif;font-size:100%;margin:0 0 5px 0}
.DefaultForm .input1{width:300px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input2{width:200px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input3{width:100px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm select.input1{width:308px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input2{width:208px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input3{width:108px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm .radiocontainer{display:block;padding:0;margin:0;clear:left;min-height:24px}
.DefaultForm .radiocontainer2{display:block;padding:10px 0 0 110px;margin:0;min-height:24px;clear:left}
.DefaultForm .radiocontainer span.label{display:block;float:left;width:110px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm .radiocontainer .radio{display:block;float:left;position:relative;width:auto;padding:2px 10px 7px 20px;margin:0;line-height:15px;clear:none}
.DefaultForm .radiocontainer .radio span{position:absolute;display:block;left:0;top:1px;line-height:15px}
.DefaultForm .radiocontainer .radio input{margin:0;padding:0;vertical-align:middle}
.DefaultForm .submit{border:1px solid #333;cursor:pointer;margin:5px 0 0 110px;-webkit-appearance:none}
.DefaultForm input.input1_error,
.DefaultForm textarea.input1_error{width:300px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input2_error,
.DefaultForm textarea.input2_error{width:200px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input3_error,
.DefaultForm textarea.input3_error{width:100px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm .error{color:red}
.DefaultForm .required{color:red}
.DefaultForm .form_footer{text-align:right}
.DefaultForm .formline1{padding-top:10px;line-height:24px}

/*SearchResults*/
.search_result{list-style-type:none;margin:0;padding:0}
.search_result li{margin:0;padding:0;padding-bottom:4px}
.search_result li{line-height:13px;padding-bottom:15px}
.search_result table{margin:3px 0 1px 0}
.search_result table td{line-height:3px;height:3px}

/*Sitemap*/
.sitemap ul{margin:0;padding:3px 0}
.sitemap li{margin:0 0 0 16px;padding:0}

/*Webshop*/
#WebshopCartTable{width:100%;padding:0 0 20px 0}
#WebshopCartTable table{width:100%}
#WebshopCartTable table, 
#WebshopCartTable th, 
#WebshopCartTable td{border: 1px solid #000;border-collapse:collapse}
#WebshopCartTable th{background-color:#000;color:#fff}
#WebshopCartTable th, 
#WebshopCartTable td{padding: 2px 5px 2px 5px}
#WebshopCartTable .th1{width:12px}
#WebshopCartTable .th2{}
#WebshopCartTable .th3{width:70px}
#WebshopCartTable .th4{width:70px}
#WebshopCartTable .th5{width:70px}
#WebshopCartTable .currency{text-align:right}
#WebshopCartTable .currency span{float:left}
#WebshopCartTable img, #WebshopCartTable a {display:inline; vertical-align: middle; padding: 5px;}
#WebshopCartTable .DefaultForm fieldset{padding:0}
#WebshopCartTable .DefaultForm .submit{margin:5px 0 0 0;float:right}
#WebshopCartTable .DefaultForm .input1{width:70px;padding:0;margin:0}

#WebshopFormActiecode{}
#WebshopFormActiecode .inner{padding:0 0 20px 0}
#WebshopFormActiecode .DefaultForm{border:1px solid #000}
#WebshopFormActiecode .DefaultForm fieldset{padding:31px 10px 10px 10px}
#WebshopFormActiecode .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopFormActiecode .toegevoegd{padding:0;font-style:italic;text-align:right}

#WebshopFormVerzendmethode{padding:0 0 20px 0}
#WebshopFormVerzendmethode .DefaultForm{border:1px solid #000}
#WebshopFormVerzendmethode .DefaultForm fieldset{padding:31px 10px 10px 10px}
#WebshopFormVerzendmethode .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopFormVerzendmethode .DefaultForm .submit{margin:5px 0 0 0}

#WebshopFormProcess{padding:0 0 20px 0}
#WebshopFormProcess .DefaultForm fieldset{padding:0}
#WebshopFormProcess .DefaultForm legend{display:none}
#WebshopFormProcess .submit{float:right;margin:0}

#WebshopAmountForm{padding:0 0 20px 0}
#WebshopAmountForm p{padding:0}
#WebshopAmountForm .DefaultForm fieldset{padding:0}
#WebshopAmountForm .DefaultForm legend{display:none}
#WebshopAmountForm .DefaultForm label{display:block;float:left;width:auto;padding:0 5px 0 0;margin:0;line-height:20px;clear:left}
#WebshopAmountForm .DefaultForm .submit{margin:20px 0 0 0}
#WebshopAmountForm .DefaultForm .input1{width:42px;}
#WebshopAmountForm .DefaultForm input.input1_error{width:42px}

#WebshopLoginForm{padding:0 0 20px 0}
#WebshopLoginForm .DefaultForm{border:1px solid #000}
#WebshopLoginForm .DefaultForm fieldset{padding:35px 10px 10px 10px}
#WebshopLoginForm .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopLoginForm .formlink{padding:0 10px 0 0;text-align:right}

#WebshopFormCustomer{padding:0 0 20px 0}
#WebshopFormCustomer .DefaultForm fieldset{padding:10px 10px 10px 10px}
#WebshopFormCustomer .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopFormCustomer .DefaultForm .bezorg_adres_outer{display:none}
#WebshopFormCustomer .DefaultForm #bezorg_adres_container{padding-bottom:5px}
#WebshopFormCustomer .DefaultForm .submit{margin:5px 0 0 0;float:right}
#WebshopFormCustomer .DefaultForm input {border: 1px solid #1b8aa4;}

#WebshopCustomerOverview{padding:0 0 20px 0}
#WebshopCustomerOverview p{position:relative;display:block;border:1px solid #000;padding:10px;margin:0}
#WebshopCustomerOverview p a{position:absolute;bottom:10px;right:10px}

#WebshopPaymentOverview{padding:0 0 20px 0}
#WebshopPaymentOverview p{position:relative;display:block;border:1px solid #000;padding:10px 10px 40px 10px;margin:0}
#WebshopPaymentOverview p a{position:absolute;bottom:10px;right:10px}

#WebshopPayment{padding:0 0 20px 0}
#WebshopPayment .DefaultForm{border:1px solid #000}
#WebshopPayment .DefaultForm fieldset{padding:10px 10px 10px 10px}
#WebshopPayment .DefaultForm legend{display:none}
#WebshopPayment .DefaultForm legend span{position:absolute;left:10px;top:10px;display:block;font-weight:bold;font-size:100%}
#WebshopPayment .DefaultForm .submit{margin:5px 0 0 0;float:right}
#WebshopPayment .DefaultForm #machtigingvelden{margin:0 20px 10px 20px;clear:left}
#WebshopPayment .DefaultForm #machtigingvelden .inner{padding:10px;margin:0; border:1px solid #000}

div div.ppt{visibility:hidden;}

div.pp_default .pp_content, div.pp_default .pp_content_container .pp_left, div.pp_default .pp_top .pp_middle, .div.pp_default .pp_content_container .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_top .pp_left, div.pp_default .pp_content_container .pp_right, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_right {
	background: none;
}

.middle-navigation {text-transform: lowercase;}

.products .product-image {
    text-align: center;   
}
.products .product-container {
	height: 375px;	
}

.cart-image {
  line-height:95px;
  text-align: center;
}
.cart-image img {
	max-height: 90px;
	vertical-align: middle;
}
@media only screen and (min-width:64em){
	.top-main {
		min-height: 420px;	
	}
	.cart-details {
		min-height: 480px;	
	}
}
@media only screen and (max-width:40em) {
	#WebshopFormCustomer .DefaultForm label, #WebshopFormCustomer .DefaultForm input, #WebshopFormCustomer .DefaultForm span {
		display: block;	
		float: none;
	}
	#WebshopFormCustomer .DefaultForm br {
		display: none;	
	}
	#WebshopFormCustomer .DefaultForm label {
		margin-top: 10px;	
		margin-bottom: 4px;	
	}
	#WebshopFormCustomer .DefaultForm input[type="radio"], #WebshopFormCustomer .DefaultForm label.radio {
		display: inline-block;	
	}
}

#WebshopCartTable a {
	color: #1b8aa4;	
}

.DefaultForm .submit {
	font-family:Grobold,Serifa-Bol,"Helvetica Neue",Helvetica,Arial,serif;
	border: 0px;
	background-color: #1b8aa4;
	color: white;
	padding: 10px;
	border-radius: 5px;
}
.cart-details {
	padding-right: 10px;	
}
.cart-details table {
	width: 100%;
}

.top-intro a.a-bestel {
	display: inline-block;
	border-radius:3px;
	padding: 5px 10px 3px 10px;
	font-size: 25px;
	font-family: Grobold,Serifa-Bol,"Helvetica Neue",Helvetica,Arial,serif;
	color: white;
	background-color: #1b8aa4;
	width: 210px;
	height: 72px;
	background: url(/css/img/bestellen.png);
	background-position:0 -6px
}
.top-intro a.a-bestel:hover, .top-intro a.a-bestel:active, .top-intro a.a-bestel:visited {
	text-decoration: none;	
}
.top-intro a.a-bestel:hover {
	background-position:0 -75px
}
.btn--verstuur{width:194px;background-position:0 -6px}
.btn--verstuur:hover{background-position:0 -75px}

.top-intro .a-product-price {
	display: block;
	font-family:Grobold,Serifa-Bol,"Helvetica Neue",Helvetica,Arial,serif;
	font-size: 200%;
	color: white;
	margin-bottom: 10px;
}
@media only screen and (min-width:64em){
	.top-intro {
		width:29.69462%;	
	}
	.top-spotlight {
		width:67.07957%;	
	}
	.top-contact {
		min-height: 500px; 	
	}	
	.cart-options {
		margin-top: 25px;	
	}	
}
.header-crumblepath {
	text-transform: lowercase;
	margin-top: 20px;
	color: #1b8aa4;
	font-size: 1.4rem;	
}
#t_cadeau {
	border: 1px solid #1b8aa4;
	width: 90%;
	border-radius:5px;
}
@media only screen and (max-width:64em) {
	#t_cadeau {
		border: 1px solid #1b8aa4;
		width: 100%;
	}
	.webshop-personal .top-intro { display: none; }
}
.product-image img {
	max-height: 240px;
}
.product-image {
	object-fit: contain;	
}
#activiteiten {
	display: inline-block;	
}

@media only screen and (min-width:64em) {
	#activiteiten, #plannen {
		display:none;	
	}
}

#relatiegeschenken {
	
}
@media only screen and (min-width:64em){
#relatiegeschenken {
	width:350px;
	height:75px;
	position: absolute;
	top: 43px;
	left: 618px;	
}

#relatiegeschenken>a{
	background-image:url(/css/img/button_relatiegeschenken.png);
	background-size:350px 150px;
	display:block;
}
#relatiegeschenken>a{background-position:0 0}
#relatiegeschenken:hover a{background-position:0 75px}
#relatiegeschenken:hover a+.header-subnav{display:block}
}

.products--gallery {
	background-color: white;
	height: 65px;
	padding: 5px 35px;
}
.products--gallery img {
	max-width: 50px;
	max-height: 50px;
	vertical-align: middle;
}
.products--gallery .img-wrap {
	width: 52px;
	height: 52px;
	border: 1px solid #1b8aa4;
	line-height:50px;
	border-radius: 5px;
	display: inline-block;
}
.top-main, .top-spotlight {
	background:white;	
}

.stempel {
	-webkit-transform:rotate(10deg);
    display: block;
    color: #000;
    position: absolute;
    top: 10px;
    right: 10px;
	width: 187px;
	height: 187px; 
	background: url(/images/stempel.png);
	background-size: cover;
}
@media only screen and (max-width:64em) {
	.stempel {
		width: 100px;
		height: 100px; 
	}
}
.item-korting {
	font-weight: bold;
	font-size: 120%;
}
.item-korting-strike {
	font-size: 50%;
	text-decoration: line-through;
}

#top-product-category {
	padding-bottom: 0px;	
}
@media only screen and (min-width: 64em) {
	.top-intro {
		margin-bottom: 35px;
	}
}
#product-category-img {
	text-align: center;
}
@media only screen and (max-width:64em) {
	#product-category-img {
		display: none;
	}
}	
	
.socialicons .icon--youtube a{background-position:0 -505px}
.socialicons .icon--youtube a:hover{background-position:-5px -505px;width:45px}

.socialicons .icon--activiteiten {margin-top:25px}
.socialicons .icon--activiteiten a{background-position:0 -561px}
.socialicons .icon--activiteiten a:hover{background-position:-5px -561px;width:45px}

.socialicons .icon--relatiegeschenken {margin-bottom:6px}
.socialicons .icon--relatiegeschenken a{background-position:0 -622px}
.socialicons .icon--relatiegeschenken a:hover{background-position:-5px -622px;width:45px}

.socialicons .icon--plannen a{background-position:0 -685px}
.socialicons .icon--plannen a:hover{background-position:-5px -685px;width:45px}

.products--gallery {
	padding-left: 0px;	
}
.starburst-content-gratis {
	padding-top: 48px !important;	
}

@media only screen and (min-width:590px){
	.footer-main-column:last-child {
		margin-top: 15px;
	}
}
@media only screen and (max-width:590px){
	.footer-main-logo, .footer-main-column-adres {
		display: none;
	}
	.footer-main-column:last-child {
		float: left;
		margin-left: 5px;
	}
}