/*-------------------------
		GASTENBOEK
-------------------------*/

.bericht {
    padding: 20px 20px 20px 0;
    border-bottom: 1px solid #ddd;
    clear: both;
}

.bericht_body {

    float: left;
padding-left: 20px;
border-left: 1px solid #ddd;
min-height: 55px;
width: 440px;
}

.gastenboek_inhoud {
    clear: both;
    margin-bottom: 1em;
}

.bericht_header {
   float: left;
	margin-bottom: 5px;
	text-align: left;
	font-size: 12px;
	color:#333;
	width:180px;
	margin-left: 20px;
}


.bericht_header .name {
    font-weight: bold;
    font-size: 17px;
	text-transform:capitalize;
}

.bericht_header .date {
    font-weight: normal;
    display: block;
   text-align: left;
}

.bericht_footer {
    float:  left;
    height: 2em;
    width: 100%;
    border-bottom:  1px solid #C9C9CB;
}

.bericht_header .show_email {
    font-style: italic;
    font-weight: normal;
}




.berichtform  {
    padding: 10px;
    background: #efefef;
    border: 1px solid #DDD;
}
.berichtform  label {
    display: block;
    width: 100%;
    color: #0066CC;
    font-weight: bold;
    margin: 1em 0 0.5em 0;
}
.berichtform  input[type=text],
.berichtform  textarea {
    width: 70%;
    border: 1px solid #DDD;
}
.berichtform  span {
    display: block;
    color: #777788;
    font-size: 0.8em;
    padding: 4px 0;
}

/*-------------------------
		SNEL BESTELLEN
-------------------------*/

.block.snel_bestellen .padded {
	padding: 20px;
	padding-top: 10px
}

.block.snel_bestellen .padded input {
	width: 92%
}

/*-------------------------
		SPOTLIGHT
-------------------------*/

#spotlight .br-afbeelding,
#gerelateerd .br-afbeelding{
	width:50px;
	float:left;
}
#spotlight .br-afbeelding img,
#gerelateerd .br-afbeelding img{
	width:50px;
	height:auto;
}

#spotlight .br-details,
#gerelateerd .br-details{
	float:left;
	width:140px;
}

#spotlight li,
#gerelateerd li{
	margin-top:5px;
/*	list-style-type:decimal; */
}


/*-------------------------
		SPOTLIGHT
-------------------------*/

	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	.testimonial blockquote {
		border-left: none;
		font-size: 14px;
		width: 211px !important;
		padding: 0px 10px;
		}

	.testimonial{
		text-align: center;
		width:100%;
	}

	.bx-wrapper{
	/*	border: 1px solid #ddd;*/
	z-index: 0;
	}

	/*-------------------------
		NEWS
-------------------------*/

	#content .rechts .news{
		border-bottom: 1px solid #ddd;
		margin-top:20px;
		z-index: 5;
		position: relative;
       /*  min-height: 91px; */
	}
	#content .rechts .news:last-child {
		border: 0;
	}
	#content .rechts .news:first-child{
		margin-top:0;
	}

	#content .rechts .news h3{
	font-size: 14px;
	}

	#content .rechts .news p{
		font-size: 12px;
	}
	#content .news .image img{
		width:90px;
		height:auto;
	}

	#content .news .image,
	#content .news .text{
		margin-left:0;
	}

/*-------------------------
        TABS
-------------------------*/

ul .tabs {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #999;
    font-size: 10px;
}
ul.tabs li.firsttab {
    border-right: 1px solid #999;
    border-bottom: none;
    border-top: none;
    display: block;
    width: 10px;
    background: #eee;
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px; /*--Subtract 1px from the height of the unordered list--*/
    line-height: 31px; /*--Vertically aligns the text within the tab--*/
    border: 1px solid #999;
    border-left: none;
    margin-bottom: -1px; /*--Pull the list item down 1px--*/
    overflow: hidden;
    position: relative;
    background: #e0e0e0;
}
ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 1.2em;
    padding: 0 20px;
    border: 1px solid #FFEDDF; /*--Gives the bevel look with a 1px white border inside the list item--*/
    outline: none;
}
ul.tabs li a:hover {
    background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
    background: #FFEDDF;
    border-bottom: 1px solid #FFEDDF; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
    border-top: none;
    overflow-x: auto;
    clear: both;
    float: left;
    background: #fff;
}

.block.banners ul.bxslider li{
    margin: 0 !important;
}
.block.spotlight ul {
    margin-left: 0 !important;
}
.block.spotlight .br-afbeelding , .block-spotlight .br-afbeelding img {
    width: 90px !important;
    float: left !important;
    margin: 0 5px !important;
    text-align: center;
}
.block.spotlight .br-details {
    width: 120px !important;
    float: left !important;
}
.news {
    padding-left: 20px;
}
.nieuws h4 {
    font-size: 14px;
    line-height: 24px !important;
    margin-bottom: 0 !important;
    padding-right: 10px;
}
.nieuws p {
    font-size: 13px;
    padding-right: 10px;
}
.blocks .bx-viewport {
	/*height: auto !important;*/
	padding: 0 !important;
}
.blocks .bx-wrapper .bx-pager {
    top: -15px;
}
.blocks .bx-wrapper img {
    display: inline-block;
}
.blocks li {
    list-style-type: none;
}
.blocks li a {
    text-decoration: none;
}

/* OFFER */
.block.offers {
	text-align: center;
	min-height: 370px;
	border: 1px solid #eee;
	margin: 10px 0;
}
.block.offers h3{
	text-align: left;
	background: #ddd;
	color: #181818;
	font-weight: 500;
	padding-left: 10px;
}

.block.offers #clock{
	text-align: center;
}

.block.offers strong{
	color: #e64111;
}

.block.offers .naam{
	line-height: 16px;
	font-weight: 700;
	text-decoration: none;
	height: 40px;
}

.block.offers .naam a{
	text-decoration: none;
}

.block.offers .prijs{
	width:100%;
}
.block.offers .button{
	background: #333;
	padding:5px 10px;
	margin: 10px 0;
	font-weight: 700;
	width: 100px;
}

.block.offers .button a{
	color:#fff;
	text-decoration: none;
}

.block.offers .offer_solo{
	float: left;
	height:	275px;
}

.links .block.offers .offer_solo , .rechts .block.offers .offer_solo {
	width: 235px;
}
.links .blocks .pli-columns.pli-columns-4 , .rechts .blocks .pli-columns.pli-columns-4 {
    width: 234px;
}

.links .blocks .pli-columns .pli-afbeelding , .rechts .blocks .pli-columns .pli-afbeelding {
    width: 226px;
}
.links .block.testimonial , .rechts .block.testimonial {
	border: 0;
}
.links .categorie , .rechts .categorie {
	width: 232px;
	height: 240px;
	text-align: center;
}
.links .frontpage_categories , .rechts .frontpage_categories {
	overflow: hidden;
}
.links .categorie .second , .rechts .categorie .second {
    background: none repeat scroll 0 0 #A4A4A4 !important;
    border-color: #878787;
    color: #fff !important;
    padding: 10px 20px;
    text-decoration: none !important;
    margin-bottom: 15px;
}
.links .categorie .second:hover ,  .rechts .categorie .second:hover {
	background: #8F8F8F !important;
}
.links .block.new_products , .rechts .block.new_products {
	border: 0;
}
.blocks #content .news .image img {
    width: 45px !important;
    height: auto !important;
}
.blocks #menu_categoriemenu .nm-0 {
    font-size: 14px;
}
.block.text p {
	padding: 0 10px 0 20px;
}

.block-cart {
	min-height: 330px;
	margin-bottom: 15px !important;
}
.blocks .block-cart td.totals_price {
    display: block;
}
.block-cart .checkout_block table tr > td {
	padding: 5px 10px;
}
.block-cart .wijzig_winkelwagen , .four .bestel_knop {
	float: right;
	margin-right: 20px;
}
.block-cart .wijzig_winkelwagen {
	font-size: 12px;
	padding-bottom: 5px;
}
.block-cart .bestel_knop .btn .cta {
	
}
.block-cart .block-checkout-buttons {
	min-height: 45px;
}
.block-cart .checkout_block {
	border: 0;
	box-shadow: none;
}
.four .newsletter .blok-dataform {
	padding-left: 20px;
}
.four .newsletter .submit {
	float: left;
	margin: 10px 0;	
}
.newsletter .submit {
    margin-top: 0px;
}
