/* CSS Document */
.container{
	max-width:675px;
}

select{
	display:none;
}

.selectbox{
  cursor: pointer;
	font-size:16px;
	line-height:36px;
	position:relative;
	width:175px;
	margin:15px 0;
	height:36px;
}

.options{
	float:left;
}

.options .option{
	clear:both;
}

input{
	border:2px solid #ddd;
  padding: 0 12px 0 13px;
  cursor: pointer;
	font-size:14px;
	line-height:36px;
	position:relative;
	width:225px;
	margin:0 0 15px;
	outline:none;
	color:#000;
}

input[type="submit"]{
	border:2px solid #cb7b4d;
	background:#cb7b4d;
	color:#FFF;
	border-radius: 0;
	width:auto;
}

input[type="submit"]:hover{
}

textarea{
	border: 2px solid #ddd;
  padding: 0 12px 0 13px;
  cursor: pointer;
  font-size: 14px;
  line-height: 36px;
  position: relative;
  width:100%;
	max-width:500px;
  margin:15px 0;
  outline: none;
  color: #a9adad;
	height:225px;
	box-sizing: border-box;
}

.selectbox .arrow{
	width:36px;
	height:36px;
	position:absolute;
	right:0;
	background:url(../images/arrow.png) center no-repeat;
	background-size:18px 14px;
}

.selectbox .list{background:#F0F0F0;position:absolute;width:100%;cursor:pointer;}
.selectbox .list.open{height:auto;max-height:350px;overflow:scroll;z-index:10;}
.selectbox .list .option.selected{display:block!important;}
.selectbox .list .option{display:none;text-align:left;padding:0 12px;}
.selectbox .open.list .option{display:block;}
.selectbox .list .option.default:hover, .selectbox .list .option.selected:hover{background:none;}
.selectbox .list.open .option:hover,.selectbox .list.open .option.selected{background:#ebebeb!important;}
.selectbox .list span.value{display:none;}
.selectbox .list span.text{margin:0px 0 -2px;display:block;border-bottom:2px solid #cfddda;-moz-text-align-last:left!important;text-align-last:left!important;text-align:left!important;font-size:14px!important;padding:0 15px;line-height:36px!important;box-sizing: border-box;}
.selectbox .list select{display:none;}

#brands ul li{
	padding:0 15px;
}

#brands ul li a, #brands ul li a{
	display:block;
	line-height:35px;
	text-decoration:none;
	color:#a9adad;
}

#brands ul li:hover a, #brands ul li.active a{
	color:#FFF;
}

/*****************************************/
/***************** Header ****************/
/*****************************************/
#header{
	padding-top:60px;
}

#header #logowebshop{
	position:relative;
	float:left;
	overflow:hidden;
	margin-left:10px;
}

#header #logowebshop img{
	max-height:24px;
	vertical-align:middle;
}

#menuwebshop{
	height:100px;
	line-height:100px;
	position:fixed;
	width:100%;
	background:#FFF;
	top:0;
	z-index:100;
}

#menuwebshop ul{
	padding:0;
	list-style:none;
	margin-left:25px;
	float:right;
}

#menuwebshop ul li{
	display:inline-block;
	text-transform:lowercase;
	font-size:15px;
}

#menuwebshop ul li:last-child a{
	background:#cb7b4d;
	color:#FFF;
}

#menuwebshop ul li a{
	display:block;
	text-decoration:none;
	padding: 0 15px;
	color: #000;
}

#header #slider{
	clear:both;
}

#header #icons{
	float:right;
}

#header #icons .icon{
	height:58px;
	width:58px;
	float:left;
	margin-left:2px;
	background-color:#FFF;
	background-position:center;
	background-repeat:no-repeat;
	position:relative
}

#header #icons .icon a{
	display:block;
	height:100%;
	width:100%;
}

#header #icons .icon.account{
	background-image:url(../images/account.png);
	background-size:17px 21px;
}

#header #icons .icon.wishlist{
	background-image:url(../images/wishlist.png);
    background-size:23px 20px;
    background-position-y:22px;
}

#header #icons .icon.mobile{
	display: none;
	background:#FFF;
}

#header #icons .icon.cart{
	background-image:url(../images/cart.png);
	background-size:27px 27px;
}

#header #icons .icon .count{
	display:block;
	position:absolute;
	background:#f2f2f2;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	width:12px;
	height:12px;
	bottom:14px;
	right:14px;
	color:#a5b2b6;
	text-align:center;
	line-height:12px;
	font-size:8px;
}

/*****************************************/
/************** Breadcrumbs **************/
/*****************************************/
#breadcrumbs{
	position:absolute;
	list-style:none;
	padding:0;
	top:20px;
	left:90px;
}

#breadcrumbs li{
	float:left;
	margin-right:5px;
}

#breadcrumbs li a{
	text-decoration:none;
	color:#b4bec2;
	font-size:12px;
	font-weight:100;
}

/*****************************************/
/**************** Content ****************/
/*****************************************/
#content{
	max-width:1024px;
	min-height:400px;
}

#content .container{
	position:relative;
}

#content .text{
	font-style:normal;
	font-family:'ClearSans', sans-serif;
	max-width:844px;
	line-height:30px;
}

/*****************************************/
/**************** Contact ****************/
/*****************************************/
#contact h1{
	font-weight:100;
	text-align:center;
	letter-spacing:6px;
	font-size:24px;
	line-height:45px;
	padding:55px 0 45px;
}

#contact h2 {
    letter-spacing:6px!important;
    font-size:24px!important;
}

#contact .item h2 {
    letter-spacing:2px!important;
    font-size: 16px!important;
}

#contact .contact{
	font-weight:bold;
}

#contact .contact .times{
	font-style: italic;
	font-weight:normal;
}

/*****************************************/
/************* Webshopbrands *************/
/*****************************************/
#webshopbrands{
	max-width:800px;
	overflow:hidden
}

#webshopbrands .brand{
	width:250px;
	margin:0 0 25px 25px;
	float:left;
	text-align:center;
	height:150px;
	line-height:150px;
	border:2px solid #f2f2f2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-sizing:border-box;
}

#webshopbrands .brand.first{
	margin-left:0;
}

#webshopbrands .brand img{
	max-width:180px;
	max-height:100px;
	vertical-align:middle;
}

#webshopbrands .brand a{
	display:block;
	height:125px;
}

/*****************************************/
/**************** Products ***************/
/*****************************************/
#products{
	width:100%;
	overflow:hidden;
	position:relative;
	padding:0 25px;
}

#products .product{
	float:left;
	margin:0;
	width:25%;
	box-sizing:border-box;
	height:auto;
	padding:0 15px;
	margin-bottom:75px;
	text-align: center;
}

#products .product .line{
	width:60%;
	background:#a5876b;
	margin:20px auto 13px;
	height:1px;
}

#products .product:nth-child(4n+2){
	clear:both;
}

#products .product img{
	width:50%;
	height:auto;
	vertical-align:middle;
}

#products .product a{
	display:block;
	font-size:10pt;
	text-decoration:none;
	line-height:22px;
	text-align:center;
	font-weight:normal;
	color:#000;
	padding:6px 0;
}

#products .product input{
	width:60%;
	height:25px;
	margin-bottom:10px;
	line-height:25px;
	text-align: center;
}

.incart{
	height:25px;
	width:60%;
	color:#FFF;
	background:#a5876b;
	font-size:12pt;
	line-height:25px;
	margin-bottom:10px;
	cursor:pointer;
}

.incart.grey{
	background:#817672;
}

#products .product .product-price{
	font-size:12pt;
	line-height:25px;
	margin-bottom:10px;
}

#products .product .product-title{
	font-size:12pt;
}

#products .product .short-description{
	font-size:10pt;
	color:#a5876b;
	font-style:italic;
	margin-bottom:6px;
}

#products .product .short-description a{
	color:#a5876b;
	font-size:12pt;
}


/*****************************************/
/***************** Account ***************/
/*****************************************/
#account input{
	text-align:center;
	margin:0 auto 15px;
	display:block;
	letter-spacing:3px;
}

#account input[type="submit"]{
	background:#a6c2bb;
	width:auto;
	text-transform:uppercase;
	font-size:12px;
	color:#FFF;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	letter-spacing:normal;
}

#account h1.member{
	font-family:'Open sans';
	letter-spacing:3px;
	font-size:24px;
}

#account #initials{
	width:115px;
	height:115px;
	background:#80a195;
	color:#FFF;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	font-family:Helvetica Neue, Helvetica, Arial;
	text-align:center;
	font-size:60px;
	font-weight:100;
	line-height:115px;
	top:-65px;
	position:absolute;
	left:50%;
	margin-left:-62px;
}

#account #initials .bold{
	font-weight:500;
}

#accountmenu{
	padding:90px 0 45px;
}

#accountmenu ul{
	list-style:none;
	padding:0;
	text-align:center;
}

#accountmenu ul li{
	padding-top:55px;
	display:inline-block;
	color:#b3b3b3;
	font-weight:100;
	letter-spacing:7px;
	width:100%;
	max-width:250px;
	font-size:18px;
}

#accountmenu ul li.active, #accountmenu ul li:hover{
	color:#a6c2bb;
}

#accountmenu ul li.wishlist{
	background:url(../images/wishlist_grey.png) top center no-repeat;
	background-size:40px;
}

#accountmenu ul li.wishlist.active, #accountmenu ul li.wishlist:hover{
	background:url(../images/wishlist_green.png) top center no-repeat;
	background-size:40px;
}


#account h1.user{
	padding-top:80px;
}

#user{
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	padding:10px 0;
	max-width:844px;
	width:100%;
	font-weight:100;
	line-height:30px;
	overflow:hidden;
	font-size:15px;
}


#user .information{
	padding:15px 0;
	width:50%;
	float:left;
	border-right:1px solid #dedede;
	padding-left:35px;
	box-sizing:border-box;
}

#user .invoices{
	width:49%;
	padding:15px 0 15px 35px;
	float:left;
	box-sizing:border-box;
	max-height:270px;
	overflow:scroll;
}

#user .invoices ul{
	padding:0;
	list-style:none;
}

#user .invoices ul span{
	display:inline-block;
	margin-right:35px;
}

#user .invoices a{
	text-decoration:none;
	color:#333;
}

#user .invoices a .link{
	color:#80a195;
}

#user h2{
	font-family:'Open sans';
	letter-spacing:3px!important;
	margin:0;
	text-align:left;
	line-height:35px;
	font-size:18px!important;
}

#user .status{
	height:16px;
	line-height:16px;
	color:#FFF;
	letter-spacing:1px;
	padding:2px 4px;
	font-size:11px;
}

#user .status.green{background:green}
#user .status.orange{background:orange}
/*****************************************/
/**************** Invoice ****************/
/*****************************************/
#invoice{
	overflow:hidden;
}

#invoice #receipt{
	float:none;
	margin:75px auto 0;
}

.error{
	max-width: 50%;
    padding: 10px 25px;
    background:rgba(234, 184, 184, 0.46);
    border:2px solid #ff0000;
    margin-bottom:15px;
	font-size:14px;
}

/*****************************************/
/**************** Receipt ****************/
/*****************************************/
#receipt{
	width:100%;
	max-width:500px;
	float:left;
	padding:50px 25px;
	text-align:left;
	box-sizing:border-box;
	font-family:'Courier';
	text-align-last:auto;
	background:url(../images/receipt.png);
	background-size:250px;
	background-repeat:repeat;
	overflow:hidden;
	margin-bottom:25px;
}

#receipt .header{
	font-size:15px;
	overflow:hidden;
	margin-bottom:25px;
}

#receipt .header .date{
	float:left;
}

#receipt .header .invoice_no{
	float:right;
}

#receipt .middle .logo{
	margin-bottom:25px;
	text-align:center;
}

#receipt .middle table{
	width:100%!important;
}

#receipt .middle table ul{
	list-style:none;
	padding-left:15px;
}

#receipt .totals{
	text-align:left;
	margin:35px 0 0;
	border-top:1px solid #333;
	width:200px;
	float:right;
	padding:25px 0 0;
}

#receipt .totals span{
	display:inline-block;
	width:100px;
	text-align:right;
}

#receipt .total_bg{
	font-weight:bold;
	clear:both;
	float:right;
	width:200px;
	font-size:14px;
}

#receipt .total_bg span{
	display:inline-block;
	width:100px;
	text-align:right;
}

#orderinfo{
	max-width:300px;
	float:right;
	width:100%;
	text-align-last:auto;
	padding-bottom:25px;
}

#content .text{
	overflow:hidden;
}

/*****************************************/
/*************** Quickview ***************/
/*****************************************/
#quickview{
	position:absolute;
	width:100%;
	background:#FFF;
	padding:25px 0;
	text-align:left;
  border-color:#f2f2f2;
	border-top:2px solid;
	border-bottom:2px solid;
	color:#000;
	font-size:14px;
	line-height:25px;
	display:none;
}

#quickview.full{
	display:block;
	width:100%;
	padding:61px 75px 0;
	position:relative;
	height:auto;
	overflow:hidden;
	background:none;
	border:0;
}

#quickview.full .slide{
	overflow: hidden;
	padding:0 25px;
	border-bottom:1px solid #a5876b;
}

#quickview.full .slide h1{
	margin-bottom:5px;
}

#quickview.full .slide .images{
	width:40%;
	margin-right:10%;
}

#quickview.full .slide .content{
	width:50%;
	margin:0;
}

#quickview.full .price{
	width:100%;
	border-bottom:1px solid #a5876b;
	padding:0 0 8px 2px;
	font-size:18pt;
	float:none;
	margin:0;
	font-weight: bold;
}

#quickview.full .description{
	font-size:12pt;
	line-height:22pt;
	clear:both;
}

#quickview.full .count{
	float:none;
	margin-top:15px;
}

#quickview.full .count input{
	height:30px;
	line-height:30px;
	width:35%;
}

#quickview.full .incart{
	width:35%;
	margin:25px 15px 25px 0;
	float:left;
	line-height:25px;
	height:25px;
	text-align: center;
}

#quickview .close{
	position:absolute;
	height:36px;
	width:36px;
	background:url(../images/close.png) no-repeat center;
	background-size:22px 22px;
	top:0;
	right:0;
	border:2px solid #f2f2f2;
	border-top:none;
	cursor:pointer;
}

#quickview a{
	color:#a5876b;
	text-decoration:none;
}

#quickview .images{
	float:left;
	width:412px;
}

#quickview .description{
	padding-right:25px;
}

#quickview .images{
	text-align: center;
}

#quickview .images img{
	max-height:450px;
	max-width:100%;
}

#quickview .content{
	float:left;
	margin-left:35px;
	width:395px;
}

#quickview h1{
	font-family:'Open Sans';
	text-align:left;
	padding:35px 0 0;
	font-size:35px;
	line-height:35px;
}

#quickview .sku{
	margin-bottom:25px;
}

#quickview .options{
	margin:5px 0 20px;
}

#quickview .selectbox{
	float:left;
	margin:15px 0 0;
}

#quickview .price{
	float:left;
	font-size:36px;
	line-height:36px;
	font-weight:100;
	margin:20px;
}

#quickview .count{
	margin:0;
	clear:both;
	float:left;
}

#quickview input{
	text-align:center;
	width:75px;
	margin:0;
}

#quickview .addtocart{
	background:#cfddda;
	color:#fff;
	border: 2px solid #cfddda;
    padding: 0 15px;
    font-family: 'Open sans';
    cursor: pointer;
	font-size:14px;
	line-height:36px;
	width:165px;
	text-align:center;
	float:left;
	margin-left:10px;
}

#quickview .wishlist{
	background:url(../images/wishlist_white.png) no-repeat center #cfddda;
    background-size:23px 20px;
	color:#fff;
	border: 2px solid #cfddda;
    font-family: 'Open sans';
    cursor: pointer;
	font-size:14px;
	line-height:36px;
	width:36px;
	text-align:center;
	float:left;
	margin-left:10px;
	height:36px;
}

#quickview .wishlist:hover, #quickview .wishlist.active{
	background:url(../images/wishlist_red.png) no-repeat center #cfddda;
    background-size:23px 20px;
}

#quickview #total{
	padding:0 25px;
}

#quickview #total h2{
	color: #000;
  font-size:25pt;
  line-height: 35pt;
  padding:50px 0 10px;
  font-weight: bold;
  text-align: left;
}

#quickview #total .left{
	width:45%;
	margin-right:5%;
	float:left;
	text-align: justify;
}

#quickview #total .right{
	width:50%;
	float:left;
	background:#fafaf7;
	margin-top:45px;
}

#quickview #total .right ul{
	padding:0;
	list-style: none;
}

#quickview #total .right ul li, #quickview #total .right .sku{
	padding:0 10px;
	color:#817672;
	border-bottom:1px solid #a5876b;
	line-height:25pt;
	font-size:11pt;
	overflow: hidden;
	margin-bottom:0;
}

#quickview #total .right ul li:last-child{
	border:0;
}

#quickview #total .right span.title{
	width:160px;
	display:block;
	float:left;
	clear:both;
	padding:3px 0;
}

#quickview #total .right span.spec{
	display:block;
	float:left;
	border-left:1px solid #a5876b;
	width:calc(100% - 160px);
	max-width: 318px;
	padding:3px 10px;
}

#searchbooking{
	padding-top:30px;
}

#searchbooking .search{
	color:#FFF;
	font-size:18px;
	background:#cb7b4d;
	width:100%;
	line-height:45px;
	cursor:pointer;
	clear:both;
	float:left;
	text-align: center;
	text-transform: lowercase;
}
#searchbooking .selectbox{margin-right:1.5%;float:left;margin-top:0;margin-bottom:5px;}
#searchbooking .selectbox.year{width:20%;}
#searchbooking .selectbox.month{width: 38.5%;margin-right: 1.5%;}
#searchbooking .selectbox.period{width:38.5%;margin-right:0;}

#searchbooking .loading{
	padding:25px 0;
	clear:both;
	text-align: center;
}

#searchbooking #houses{
	clear: both;
	margin:0px -5px 30px;
	padding-top:30px;
}

#searchbooking #houses .house{
	width:25%;
	padding:5px;
	font-size:18px;
	font-weight: 300;
	float:left;
	line-height: 30px;
	cursor: pointer;
}

#searchbooking #houses .image{
	background:url(../images/strandhuysje_katwijk.jpeg);
	background-size:100%;
	width:100%;
	height:150px;
	margin-bottom:5px;
}

#searchbooking #houses a{
	color:#000;
	text-decoration: none;
}

#searchbooking #houses .date{
	margin-bottom:15px;
}

#searchbooking h2{
	text-align: left;
	padding:0;
	clear:both;
}

#searchbooking #houses .house_list{
	padding-bottom: 25px;
	overflow: hidden;
}

#searchbooking #houses .house_list a{
	display: block;
}

#searchbooking #houses .house_list a .house{
	width:100%;
	border-bottom:1px solid #e0e0e0;
}

#searchbooking #houses .house_list a .house:hover{
	background:#e0e0e0;
}

#searchbooking #houses .house_list a .house .date{float:left;width:30%;margin:0;}
#searchbooking #houses .house_list a .house .price{float:left;width:30%;}
#searchbooking #houses .house_list a .house .count{float:left;}
#searchbooking #houses .house_list a .house .count .dot{display: inline-block;margin-left:15px;}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lds-spinner {
  position: relative;
}
.lds-spinner div {
  left: 97px;
  top: 11px;
  position: absolute;
  -webkit-animation: lds-spinner linear 1s infinite;
  animation: lds-spinner linear 1s infinite;
  background: #cb7b4d;
  width: 6px;
  height: 46px;
  border-radius: 0%;
  -webkit-transform-origin: 3px 89px;
  transform-origin: 3px 89px;
}
.lds-spinner div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -0.941176470588235s;
  animation-delay: -0.941176470588235s;
}
.lds-spinner div:nth-child(2) {
  -webkit-transform: rotate(21.176470588235293deg);
  transform: rotate(21.176470588235293deg);
  -webkit-animation-delay: -0.882352941176471s;
  animation-delay: -0.882352941176471s;
}
.lds-spinner div:nth-child(3) {
  -webkit-transform: rotate(42.35294117647059deg);
  transform: rotate(42.35294117647059deg);
  -webkit-animation-delay: -0.823529411764706s;
  animation-delay: -0.823529411764706s;
}
.lds-spinner div:nth-child(4) {
  -webkit-transform: rotate(63.529411764705884deg);
  transform: rotate(63.529411764705884deg);
  -webkit-animation-delay: -0.764705882352941s;
  animation-delay: -0.764705882352941s;
}
.lds-spinner div:nth-child(5) {
  -webkit-transform: rotate(84.70588235294117deg);
  transform: rotate(84.70588235294117deg);
  -webkit-animation-delay: -0.705882352941177s;
  animation-delay: -0.705882352941177s;
}
.lds-spinner div:nth-child(6) {
  -webkit-transform: rotate(105.88235294117646deg);
  transform: rotate(105.88235294117646deg);
  -webkit-animation-delay: -0.647058823529412s;
  animation-delay: -0.647058823529412s;
}
.lds-spinner div:nth-child(7) {
  -webkit-transform: rotate(127.05882352941177deg);
  transform: rotate(127.05882352941177deg);
  -webkit-animation-delay: -0.588235294117647s;
  animation-delay: -0.588235294117647s;
}
.lds-spinner div:nth-child(8) {
  -webkit-transform: rotate(148.23529411764707deg);
  transform: rotate(148.23529411764707deg);
  -webkit-animation-delay: -0.529411764705882s;
  animation-delay: -0.529411764705882s;
}
.lds-spinner div:nth-child(9) {
  -webkit-transform: rotate(169.41176470588235deg);
  transform: rotate(169.41176470588235deg);
  -webkit-animation-delay: -0.470588235294118s;
  animation-delay: -0.470588235294118s;
}
.lds-spinner div:nth-child(10) {
  -webkit-transform: rotate(190.58823529411765deg);
  transform: rotate(190.58823529411765deg);
  -webkit-animation-delay: -0.411764705882353s;
  animation-delay: -0.411764705882353s;
}
.lds-spinner div:nth-child(11) {
  -webkit-transform: rotate(211.76470588235293deg);
  transform: rotate(211.76470588235293deg);
  -webkit-animation-delay: -0.352941176470588s;
  animation-delay: -0.352941176470588s;
}
.lds-spinner div:nth-child(12) {
  -webkit-transform: rotate(232.94117647058823deg);
  transform: rotate(232.94117647058823deg);
  -webkit-animation-delay: -0.294117647058824s;
  animation-delay: -0.294117647058824s;
}
.lds-spinner div:nth-child(13) {
  -webkit-transform: rotate(254.11764705882354deg);
  transform: rotate(254.11764705882354deg);
  -webkit-animation-delay: -0.235294117647059s;
  animation-delay: -0.235294117647059s;
}
.lds-spinner div:nth-child(14) {
  -webkit-transform: rotate(275.29411764705884deg);
  transform: rotate(275.29411764705884deg);
  -webkit-animation-delay: -0.176470588235294s;
  animation-delay: -0.176470588235294s;
}
.lds-spinner div:nth-child(15) {
  -webkit-transform: rotate(296.47058823529414deg);
  transform: rotate(296.47058823529414deg);
  -webkit-animation-delay: -0.117647058823529s;
  animation-delay: -0.117647058823529s;
}
.lds-spinner div:nth-child(16) {
  -webkit-transform: rotate(317.6470588235294deg);
  transform: rotate(317.6470588235294deg);
  -webkit-animation-delay: -0.058823529411765s;
  animation-delay: -0.058823529411765s;
}
.lds-spinner div:nth-child(17) {
  -webkit-transform: rotate(338.8235294117647deg);
  transform: rotate(338.8235294117647deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spinner {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}