/* ****************************************** COMMON STYLES */

html {
	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #060606;
}

body {
	background: url('../img/bg-body.jpg') 0px 70px repeat-x #9d8e7c;
}

#container-header {
	background: url('../img/bg-header.jpg') top center repeat-x #1d0b03;
}

/*search box (page top) @ search-top.css*/

.results #container-content, .producten #container-content, .boodschappenlijst #container-content, {
	background: url('../img/bg-content.jpg') top left no-repeat #a99884;
}

#navigation a, #navigation a:visited {
	color: #dbbaa6;
	text-decoration: none;
	font-size: 15px;
	text-shadow: 1px 1px 1px #000;
}

#navigation a:hover, #navigation a.active {
	color: #fff;
}

.home .footer {
	background: url('../img/bg-footer2.jpg') top left repeat-y transparent;
}

.plain-page .footer, .contact .footer, .cetabeverfsc .footer, .cetabevergroener .footer, .akzonobelfsc .footer, .fsc .footer {
	background: url('../img/bg-footer-default-pages.jpg') top left repeat-y transparent;
}

.footer, .footer a, .footer a:visited, .footer a:hover {
	font-size: 11px;
	color: #353535;
	text-decoration: none;
}

.mail a{
	color: #353535;	
}
.mail a:hover{color: #000;}

#breadcrumb {
	color: #cb7002;
	font-size: 11px;
}

#breadcrumb a {
	color: #371805;
	text-decoration: none;
}
		
#breadcrumb a:after {
	color: #371805;
	margin: 0 0 0 10px;
}

#breadcrumb li.divider {
	background: url('../img/breadcrumb-divider.png') center left no-repeat transparent;
}

h1, h2 {
	font-size: 24px;
}


/* ******************************************  Products : overview */

.producten #sidebar {
	background: url('../img/bg-gradient-divider.png') left center no-repeat ;	
}


/* ****************************************** Products : results */

#container-content {
	background: url('../img/bg-container-brown.jpg') top left no-repeat #af9f8d;
}

.results h1 {
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
}

.product-box {
	background: url('../img/bg-results-product-img.png') top left no-repeat transparent;
}

.product-box:hover {
	background: url('../img/bg-results-product-img-selected.png') top left no-repeat transparent;
}

.product-box h2, .product-box h3 {
	font-weight: normal;
	font-size: 16px;
	color: #060606;
	text-transform: uppercase;
}

.product-box h3 {
	font-size: 11px;
}

.product-box h2 a, .product-box h2 a:visited, .product-box h2 a:hover, .product-box h3 a, .product-box h3 a:visited, .product-box h3 a:hover {
	color: #060606;
	text-decoration: none;
}

li.shopping-list-add {
	background: url('../img/button-shopping-list-add.png') 0 7px no-repeat transparent;
}

li.shopping-list-add a{
text-decoration: none;
}

li.shopping-list-add a:hover span {
		display: block;
}

.beitswijzer-filter-content {
	color: #353535;
	font-size: 11px;
background: url('../img/bg-beitswijzer-filter-content.png') bottom left no-repeat transparent;
}

.beitswijzer-filter ul {
	/*background: url('../img/bg-beitswijzer-filter-content.png') bottom left no-repeat transparent;*/
}

.beitswijzer-filter ul ul {
	background: none;
}

.beitswijzer-filter ul ul li{
}

.beitswijzer-filter p.bottom{
	background: url('../img/bg-beitswijzer-filter-bottom.png') bottom left no-repeat transparent;
}

.beitswijzer-filter-header{
	background: url('../img/bg-title-beitswijzer-filter.png') 0 0 no-repeat transparent;
	color: #6b605a;
	font-size: 11px;
}

.beitswijzer-filter h2{
	color: #432614;
	font-size: 16px;
}

.beitswijzer-filter h3 {
	color: #cf5e04;
	font-size: 11px;
	font-weight: bold;
}

.beitswijzer-filter label a {
	background: url('../img/checkbox.gif') 0 0 no-repeat transparent;
	text-decoration: none;
	color: #353535;
}

.beitswijzer-filter label a.selected {
	background: url('../img/checkbox-selected.gif') 0 0 no-repeat transparent;
	text-decoration: none;
}

.beitswijzer-filter label a.pre-filtered{
	color: #8d8d8d;
}

/* ****************************************** Products: overview */

#product_categories{
	background: #2f2120 url('../img/bg-product-cate	gories.png') repeat-x;
}
#product_categories strong{
	font-size: .9em;
	font-weight:normal;
	text-align: center;
	color: #cfb8a6;
}
#product_categories a{
	font-size:.9em;
	text-align: center;
	text-decoration: none;
	color: #dad0c2;	
}

.product-banner .button{
	font-size:.9em;
	font-weight: bold;
	color: #353535;
	text-decoration:none;
	background: url('../img/bg-button-groen4.png') no-repeat;		
}
.product-banner a.button:hover{
	color: #000000;	
}

/* ****************************************** Product detail */

.product h1 {
	font-size: 30px;
}

.product h2 {
	font-size: 20px;
}

.product-higlights li.icon {
	color: #14551c;
	line-height: 39px;
	font-size: 14px;
	font-weight: bold;
}

.vertical-divider-left {
	border-right: 1px solid #e1e1e1;
}

.vertical-divider-right {
	border-left: 1px solid #f2f2f2;
}

.product-detail #tabs {
	background: url('../img/tabs/bg-tab-header.png') 0 4px repeat-x transparent;
}

.product ul.product-specs {
	line-height: 14px;
}

#sidebar .shopping-list-link {
	background-color: #a09181;
}

#sidebar .shopping-list-link a {
	background: url('../img/button-shopping-list-add-long.png') top left no-repeat transparent;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.product #sidebar  {
	background: url('../img/bg-product-sidebar.gif') top left repeat-x transparent;
}

.product #sidebar .widget {
	background-color: #bbac9a;
}

.product #sidebar .paint-calculator {
	background: url('../img/visual-paint-calculator.gif') 172px 22px no-repeat #bbac9a;
	border-bottom: 1px solid #a09181;
}

.product #sidebar .widget h3{
	font-size: 14px;
	color: #2e2925;	
}

.product #sidebar .widget p{
	font-size: 11px;
	color: #463b33;	
	line-height: 14px;
}

.product #sidebar input.input-paint-calculator, .product #sidebar input.input-reseller-locator{
	background: url('../img/bg-input-sidebar-widget.gif') 0 0 no-repeat transparent;
	border: 0;
	color: #5b5b5b;
}

.product #sidebar input.submit-paint-calculator, .product #sidebar input.submit-reseller-locator{
	background: url('../img/button-82x37.png') 0 0 no-repeat transparent;
	border: 0;
	color: #c0ad96;
	font-weight: bold;
	font-size: 11px;
}

.product .submit-paint-calculator {
	background: url('../img/button-82x37.png') 0 0 no-repeat transparent;
	border: 0;
	color: #c0ad96;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#tabs .featured-product {
	background: url('../img/tabs/bg-content.png') -5px 0 no-repeat transparent;
}

#tabs .sprayer {
	background: url('../img/bg-product-widget3.jpg') 0 0 no-repeat transparent;
}

#tabs .widget h3 {
	font-size: 16px;
}

#tabs .widget {
	font-size: 11px;
}

.product ul.no-image h4 {
	color: #247c2e;
}

ul.no-image p {
	font-size: 11px;
}

/*PRODUCT BEITSWIJZER*/


/* ****************************************** Home */


.home #container-content {
	background: url('../img/bg-content.jpg') 0 0 no-repeat transparent;
}

.home #content {
	background: url('../img/bg-bottom-home.jpg') top left no-repeat transparent;
}

#carousel {
	background-color: #285317;
}

#carousel h1 {
	font-size: 16px;
}

/*	Carousel
/*---------------------------------------------*/
.home #carousel {
	margin: 0;		
}

/* Hoogte/breedte van de carousel */
.home #carousel, .home #carousel ul.carousel_list, .home #carousel a.visual, .home #carousel a.visual img{
	width: 980px;
	height:350px;
}

.home #carousel, .home #carousel ul.carousel_list {
    float: left;
    list-style: none;
}

.home #carousel {
	position: relative;
	z-index:0;
	display:block;
}

.home #carousel a.visual, .home #carousel a img{
	float: left;
	border: 0;	
}

/*	Buttons
/*---------------------------------------------*/
#carousel .actie_button{
	text-decoration: none;	
	display:block;
	position: absolute;
	z-index:200;
	font-size: .9em;
	font-weight:bold;
	color:#353535;
}

#carousel .actie_button.bruin{
	width: 81px;
	height: 25px;
	padding: 11px 0  0 35px;
	background: url('../img/bg-button.png') no-repeat;
}

.actie_button.groen{
	width: 191px;
	height: 25px;
	padding: 11px 0 0 35px;
	background: url('../img/bg-button-groen2.png') no-repeat;	
}

.actie_button.groenKL{
	width: 140px;
	height: 36px;
	padding: 11px 0 0 35px;
	background: url('../img/bg-button-groen4.png') no-repeat;	
}

/*	Carousel Actiebuttons
/*---------------------------------------------*/
#carousel .slide1 a.actie_button{
	top: 250px;
	left: 64px;	
	z-index:20;
}

#carousel .slide3 a.actie_button{
	left:418px;
top:250px;
}

/*	Carousel Navigatie
/*---------------------------------------------*/

.carousel_navigatie{
	position: absolute;
	z-index: 50;
	bottom:15px;	
	left: 35px;
}

.carousel_navigatie a.activeSlide {
	background-position: 0 -18px;
	color: #353535;
	cursor: default;
}

.carousel_navigatie a{
	width: 18px;
	height: 15px;
	padding: 3px 0 0 0;
	margin: 0 8px 0 0;
	float:left;
	display:block;
	background: url('../img/carousel-navigatie.png') 0 0 no-repeat;
	font-size: .9em;
	text-align:center;
	text-decoration: none;	
	color:#bdbdbd;
}


.home .widget .button, .cetabever .widget .button{
	background: url('../img/bg-button.png') top left no-repeat transparent;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.home .widget1 .button {
	color: #353535;
	background: url('../img/bg-button3.png') top left no-repeat transparent;
}
.home .widget4 .button {
	color: #353535;
	background: url('../img/bg-button3.png') top left no-repeat transparent;
}

.home .widget1 a, .home .widget1 a:visited, .home .widget1 a:hover {
	color: #353535;
}

.home .widget2 {
	color: #353535;
}

.home .widget2 h2 {
	line-height: 20px;
}

.home .widget5 .button {
	color: #353535;
	background: url('../img/bg-button3.png') top left no-repeat transparent;
}

.home .input-reseller-locator{
	background: url('../img/bg-input-widget.gif') 0 0 no-repeat transparent;
	border: 0;
	color: #65594c;
}

.home .submit-reseller-locator {
	background: url('../img/button-82x37.png') 0 0 no-repeat transparent;
	border: 0;
	color: #c0ad96;
	font-weight: bold;
	font-size: 11px;
}

.home .widget-fsclabel {
	background: url('../img/fsc-label.png') top right no-repeat transparent;
	color: #353535;
}

.home .widget3 {
	background: url('../img/envelope.png') top right no-repeat transparent;
	color: #010101;
}

.home .input-newsletter-name {
	background: url('../img/bg-input-name.jpg') top left no-repeat transparent;
	border: 0;
	color: #65594c;
}

.home .input-newsletter-email {
	background: url('../img/bg-input-email.jpg') top left no-repeat transparent;
	border: 0;
	color: #65594c;
}

.home .submit-newsletter {
	color: #c0ad96;
	background: url('../img/bg-submit-newsletter.png') top left no-repeat transparent;
	border: 0;
	font-size: 11px;
	font-weight: bold;
}

.home .newsletter-message {
	font-size: 12px;
	font-weight: bold;
}

.home .box-checkbox label{
	color: #010101;
/*	background: url('../img/checkbox2.gif') 0 0 no-repeat transparent;*/
	font-size: 11px;
}

.home .box-checkbox label.selected {
/*	background: url('../img/checkbox-selected.gif') 0 0 no-repeat transparent;*/
}

/* ****************************************** newsletter form errors*/



#aspnetForm input.error {
	display: inline-block;
	border:1px solid red;
}

#aspnetForm label.error {
	margin: 12px 0 0 5px;
	width: 150px;
	display: inline-block;
	float: left;
	font-size: 11px;
	height: 22px;
}

#aspnetForm .box-checkbox label.error {
	margin: 5px 0 0 5px;
	width: 120px;
	float: right;
	display: inline-block;
	font-size: 11px;
}


/* ****************************************** Actie */

.green-bar {
	background: url('../img/actie-green-bar.png') bottom left no-repeat transparent;
}



/* ******************************** Boodschappenlijst */

body.boodschappenlijst #content h1{
	padding:60px 0 0 0;
	font-size:2.4em;
	text-transform: uppercase;
}

ul.boodschappen_lijst{
	width: 691px;
	
	margin: 20px 0 0 0;
	
	float: left;
}

.boodschappenlijst .product{
	padding: 30px 0 0 0;	
}

/* Container voor achterkleur */
.boodschappen_container{
	width: 691px;
	float: left;
	
	/* background: #f6f3f0;*/				
}
.boodschappen_container li{
	float: left;	
}

/* Item voor gradient */
.boodschappen_items{
	position: relative;
	width:691px;
	
	float: left;
	background: #f6f3f0 url('../img/bg-vakken.png') left bottom no-repeat;
}
.boodschappen_items li{
	float: left;	
}

.boodschappen_items h2{
	font-size: 1.3em;
	
	padding: 0 0 0 27px;
	margin: 20px 0 0 0;	
}

/* Boven/onderkant vak het vak met ronde hoeken */
.boodschappen_container .top{
	width: 691px;
	height: 4px;
	float: left;
	background: url('../img/bg-vakken-top.png') 0 0 no-repeat;		
}
.boodschappen_container .bottom{
	width: 691px;
	height:4px;
	
	padding-top:4px;
	margin: 0 0 10px 0;
	
	float: left;
	
	background: url('../img/bg-vakken-bottom.png') 0 0 no-repeat;	
}

/* Content van het vak */
.boodschappen_content{
	display: block;
	width: 637px;

	padding: 0 27px 10px 27px;

	float: left;
}
.boodschappen_content li{
	float: left;	
}


/* Box Afbeelding */

.boodschappen_content .box_afbeelding{
	width: 109px;
}
.box_afbeelding p{
	width: 96px;
	padding-bottom:30px;
	text-align: center;
}


/* Box Informatie */

 .box_informatie{
	width: 477px;
	float: left;
}

.boodschappen_content h3{
	font-size:1.1em;
}

.boodschappenlijst .box_informatie ul{
	font-size:.9em;
	margin: 5px 0;
	float: left;
}
.boodschappenlijst .box_informatie li{
	line-height: 1.5em;
	width: 450px;
	float: left;
}

.boodschappenlijst .box_informatie p{
	font-size: .9em;	
	padding: 5px 0 10px 0;	
}
.boodschappenlijst .box_informatie small{
	display: block;
}


ol.boodschappen {
	width: 528px;
	
	margin: 0;
	
	float:left;
}

ol.boodschappen li{
	width: 528px;
	height:16px;
	
	line-height:1.5em;
	margin-bottom:10px;
	
	float:left;
}
ol.boodschappen li span{
	width:16px;
	height: 16px;
	
	margin: 0 15px 0 0;
	
	text-align: center;
	
	display: block;
	float: left;
	background: url('../img/bg_ol.jpg') 0 top no-repeat;		
}


/* Box Aantal */

.box_aantal{
	width: 51px;
	
	padding: 0;
	
	float: left;
}

.box_aantal input{
	width: 51px;
	height:39px;
	
	padding: 12px 0 0 0 ;
	
	font-size: 2em;
	text-align: center;
	
	float: right;
	display: block;
	
	border: 0;
	background: url('../img/bg-input-aantal.png') 0 0 no-repeat;
}
.box_aantal input:focus,
.box_aantal input:hover{
	background-position: 0 -51px;	
}
.box_aantal input.error{
	background-position: 0 -102px;	
}

/* Empty list */

.empty_list{
	display: none;	
}
.empty_list.visible{
	display: block;
}

/* Verwijder de boodschap */

.product_footer{
	width: 528px;
	
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #bfbcb8;

	font-size: .9em;
	text-align: right;

	float: left;
}
.product_footer .artikelnr{
	color:#7b6e61;
	float:left;	
}
.product_footer a{
	text-decoration: none;
	color: #2b2b2b;	
}
.product_footer a:hover{
	color:#7b6e61;	
}

/* ****************************************** search top*/

.tools {
	width: 223px;
	height: 23px;
	z-index: 10;
	float: right;
	margin: 0 20px 0 0;
}

.tools .header-search {
	width: 54px;
	float: left;
	margin: 0 5px 0 0;
	z-index: 10;
}

.tools .header-search .search {
	display: block;
	width: 34px;
	height: 12px;
	padding: 4px 0 5px 22px;
	z-index: 10;
	background: url('../img/button-header-search.png') top left no-repeat transparent;
	color: #353535;
	font-size: 11px;
	text-decoration: none;
}

.tools .shopping-list {
	
}

.tools .shopping-list a.shopping-list {
	display: block;
	height: 21px;
	width: 130px;
	padding: 5px 0 0 30px;
	position: relative;
	z-index: 9;
}

.tools #shopping-list-status {
	display: none;
	background: transparent url('../img/bg-shopping-list-status.png') no-repeat 0 -33px;
	padding: 8px 12px 14px 12px;
	margin: 0 0 0 -2px;
	font-size: 11px;
	top: -6px;
	position:relative;
	float:left;
	width:100%;
	z-index: 8;
	color: #fff;
}

.tools .search-input {
	width: 229px;
	height: 60px;
	z-index: 1;
	position: absolute;
	margin: 0 0 0 -6px;
	display:none;
	background: url('../img/bg-search-input-top.png') top left no-repeat transparent;
}

.tools .search {
	display: block;
	width: 70px;
	height: 20px;
	margin: 0;
}

.tools .search-input .search {
	padding: 3px 0 5px 22px;
	background: url('../img/bg-label-search-input.jpg') top left no-repeat transparent;
	text-indent: -9999px;
}

.tools input.text {
	height: 20px;
	width: 184px;
	padding: 2px 0 0 5px;
	margin: 4px 0 0 10px;
	float: left;
	color: #65594c;
	background: url('../img/bg-input-search.jpg') top left no-repeat transparent;
	border: 0;
}

.tools input.submit-search {
	height: 22px;
	width: 20px;
	float: left;
	margin: 4px 0 0 0;
	text-indent:-9999px;
	background: url('../img/bg-input-search.jpg') top right no-repeat transparent;
	outline: 0;
	border: 0;
}

.tools .shopping-list {
	width: 160px;
	float: right;
	z-index: 25;
}

.tools .shopping-list a.shopping-list {
	background: url('../img/button-header-shopping-list.png') top left no-repeat transparent;
	color: #353535;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}


.header-search a.hidden {
	background: none;
	text-indent: -9999px;
}

/*	Carousel
/*---------------------------------------------*/
.home #carousel {
	margin: 0;		
}

/* Hoogte/breedte van de carousel */
.home #carousel, .home #carousel ul.carousel_list, .home #carousel a.visual, .home #carousel a.visual img{
	width: 980px;
	height:350px;
}

.home #carousel, .home #carousel ul.carousel_list {
    float: left;
    list-style: none;
}

.home #carousel {
	position: relative;
	z-index:0;
	display:block;
}

.home #carousel a.visual, .home #carousel a img{
	float: left;
	border: 0;	
}

/*	Buttons
/*---------------------------------------------*/
#carousel .actie_button{
	text-decoration: none;	
	display:block;
	position: absolute;
	z-index:200;
	font-size: .9em;
	font-weight:bold;
	color:#353535;
}

#carousel .actie_button.bruin{
	width: 81px;
	height: 25px;
	padding: 11px 0  0 35px;
	background: url('../img/bg-button.png') no-repeat;
}

.actie_button.groen{
	width: 191px;
	height: 25px;
	padding: 11px 0 0 35px;
	background: url('../img/bg-button-groen2.png') no-repeat;	
}

/*	Carousel Actiebuttons
/*---------------------------------------------*/
#carousel .slide1 a.actie_button{
	top: 250px;
	left: 64px;	
	z-index:20;
}

#carousel .slide3 a.actie_button{
	left:418px;
top:250px;
}

/*	Carousel Navigatie
/*---------------------------------------------*/

.carousel_navigatie{
	position: absolute;
	z-index: 50;
	bottom:15px;	
	left: 35px;
}

.carousel_navigatie a.activeSlide {
	background-position: 0 -18px;
	color: #353535;
	cursor: default;
}

.carousel_navigatie a{
	width: 18px;
	height: 15px;
	padding: 3px 0 0 0;
	margin: 0 8px 0 0;
	float:left;
	display:block;
	background: url('../img/carousel-navigatie.png') 0 0 no-repeat;
	font-size: .9em;
	text-align:center;
	text-decoration: none;	
	color:#bdbdbd;
}

/*	Beitswijzer
/*---------------------------------------------*/
#carousel .beitswijzer {
	position: absolute;
	z-index:15;	
	width:218px;
	margin: 0;
	top: 16px;
	right: 12px;	
	font-size: .6em;
	color:#ffffff;
	text-transform: uppercase;
}

#carousel .beitswijzer h3{
	text-transform: uppercase;
	position: relative;
	z-index:20;
	width:228px;
	height:73px;
	margin: 0;
	padding: 0;
	float:left;
	background: url('../img/beitswijzer/bg-title-beitswijzer-both.png') no-repeat;
	font-size: 16px;
	background-position: 0 -85px;
}

#carousel .beitswijzer h3.opened {	
	background: url('../img/beitswijzer/bg-title-beitswijzer-both.png') no-repeat;
	background-position: 0 0px;
}

#carousel .beitswijzer h3 a{
	display: block;
	width: 198px;
	height: 39px;
	margin:0;
	color: #ffffff;
	text-decoration: none;
	padding: 28px 0 0 10px;
}

#carousel .beitswijzer h3 a:hover{
	color: #c3eeee;	
}

#carousel .beitswijzer_panel{	
	display:none;
	position:relative;
	top:-17px;
	z-index:15;
	width:203px;	
	height:128px;
	padding: 10px 0 0 14px;
	float:left;
	background: url('../img/beitswijzer/bg-panel-open.png') left bottom no-repeat;
	text-transform: none;
	font-size:1.5em;
	color: #000000;
}

#carousel .bottom{
	position: relative;
	top:-17px;	
	z-index:13;
	width:218px;
	height:19px;
	float:left;
	background: url('../img/beitswijzer/bg-bottom.png') left bottom no-repeat;	
}

#carousel .slided_out{
	top: -17px;	
}

/*	Beitswijzer content
/*---------------------------------------------*/


#carousel .beitswijzer_panel p{
	padding: 5px 0 0 0;
	font-size: 1em;	
	line-height: 1.5em;
	color: #6b605a;
}

#carousel .beitswijzer .beitswijzer_panel strong {
	color: #371805;
}

#carousel .beitswijzer_panel ul{
	margin:10px 0 0 -4px;
	padding:0;
	list-style:none;
	float:left;	
}

#carousel .beitswijzer_panel li{
	width:52px;
	height:74px;	
	margin:0 6px 0 0;
	padding: 4px;
	float:left;
	display: block;
}

#carousel .beitswijzer_panel li:hover{
	background: url('../img/beitswijzer/active.png') 0 0 no-repeat;	
}

#carousel .beitswijzer_panel li a{
	padding: 0;
	text-decoration: none;
	color:#000000;
	text-align:center;
	display:block;
	font-weight:bold;	
}

#carousel .beitswijzer_panel li a:hover{
	color: #999999;
}

#carousel .beitswijzer_panel li a img{
	margin: 0 0 2px 0;
}
/***************************************** CONTACT: VRAAG HET DIRK*/

.contact-form{
	height:620px;
}

.contact #content {
margin: 0 0 40px 20px;
color: #353535;
}

.contact h1 {
margin: 60px 0 20px 0;
font-size: 30px;
}

div.img-dirk {
	float: left;
	width: 359px;
}

div.txt {
	width: 307px;
	float: left;
	margin: 0 0 0 17px;
	line-height: 18px;
}

.phone-number-big {
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
}

.text-small {
	font-size: 11px;
	line-height: 16px;
}


div.orange-divider {
	height: 66px;
	background: url('../img/bg-orange-bar.jpg') top left repeat-x transparent;
	width: 980px;
	float: left;
	clear: both;
}

.contact-sidebar {
	width: 242px;
	height: 292px;
	margin: 184px 0 0 -12px;
	padding-left: 22px;
	color: #463b33;
	background: url('../img/bg-gradient-sidebar.png') top left no-repeat transparent;
	font-size: 11px;
}

.contact-sidebar2 {
	width: 242px;
	height: 292px;
	margin: 184px 0 0 -12px;
	padding-left: 22px;
	color: #463b33;
	background: url('../img/bg-gradient-sidebar2.png') top left no-repeat transparent;
	font-size: 11px;
}

.contact-sidebar h2,
.contact-sidebar2 h2 {
	font-size: 14px;
	font-weight: bold;
	color: #2e2925;
	padding: 38px 0 35px 0;
}

.contact-sidebar h3,
.contact-sidebar2 h3 {
	font-size: 11px;
	font-weight: bold;
	color: #2e2925;
}

.contact-sidebar .mail,
.contact-sidebar2 .mail {
	background: url('../img/icon-email.gif') 0 3px  no-repeat transparent;
	padding-left: 20px;
	margin-top: 25px;
}

.contact-sidebar .phone,
.contact-sidebar2 .phone  {
	background: url('../img/icon-phone.png') center left no-repeat transparent;
	padding-left: 20px;
	margin-top: 2px;
}

/******************************************** Contact formulier*/

.contact-form {
	background: url('../img/bg-gradient-dirk.png') top left no-repeat transparent;
	width: 980px;
	margin: 0;
	float: left;
	clear: both;
}

.AxForm {
	padding: 0 0 0 20px;
	float: left;
	clear: both;	
    width: 740px;
	margin: -15px 0 0 0px;
position: relative;
}

.AxFormLine{
	line-height: 18px;
	margin: 0 0 10px 0;
	width: 400px;
	position: relative;
	float: left;
}

.AxFormLine label {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 12px;
}

.AxFormLine table td label {
	margin: 0 0 5px 0;
	font-weight: normal;
	font-size: 12px;
}

.AxFormControl {
	display: block;
	float: left;
}


.AxFormLine textarea {
	width: 318px !important;
	height: 79px;
	margin: 0 0 10px 0;
	display: block;
	float: left;
	border:0;
	background: url('../img/bg-gradient-textarea.png') top left no-repeat transparent;
	color: #353535;
	font-size: 12px;
	resize:none;
	overflow:auto;
}

/*
.AxFormLine table {
	width: 350px !important;
}
*/

.AxFormElementLabel {
	display: block;
	float: left;
	width: 150px;
}

.AxTextBox {
	display: block;
	float: left;
	width: 190px !important;
	height: 16px;
	padding: 3px 5px 3px 5px;
	border: 0;
	background: url('../img/bg-input-dirk.gif') top left no-repeat transparent;
}

.AxFormLine .AxMultipleChoice label {
	font-size: 12px;
	width: 350px;
	display: block;
	float: left;
}

.AxFormLine .AxMultipleChoice, .AxFormLine .AxMultipleChoice input {
	display: block;
	float: left;
}

.AxRequiredMessage {
	color: red;
	padding: 2px 0 4px 0;
	display: block;
	float: left;
	clear: both;
}

.AxFormLine input[type=submit] {
	background: url("../img/button-100x37.png") no-repeat scroll left top transparent;
	clear:both;
	float:left;
	height:37px;
	margin:1px 0 0 -5px;
	padding: 0 0 7px 0;
	text-align:center;
	width:100px;
	border: 0;
	color: #C0AD96;
}

.AxRequiredMessage .AxRadioButtonList label {
	color: #C0AD96;
}


/***************************************** WIDGETS: 4 tools @ bottom */
.widgets {
	background: url('../img/bg-actie-tuinassortiment.jpg') top left no-repeat transparent;
	font-size: 11px;
}

.widgets .widget1 {
	background: url('../img/bg-widget-weer.png') top left no-repeat transparent;
	color: #1a1a1a;
}

.widget1 span.degrees {
	font-size: 24px;
	font-weight: bold;
	color: #434343;
}

.widget1 span.city {
	font-size: 14px;
	color: #0b1d25;
}

.widget1 a, .widget1 h2 a {
	color: #1a1a1a;
	text-decoration: none;
}

.widget .button {
	background: url('../img/bg-button.png') top left no-repeat transparent;
	color: #353535;
	text-decoration: none;
	font-weight: bold;
}

.widgets .widget2 {
	background: url('../img/bg-widget-tips.png') top left no-repeat transparent;
	color: #353535;
	font-style: italic;
}

.widgets h2 {
	font-size: 14px;
	color: #010101;
}

.widgets .widget2 a {
	font-style: normal;
	color: #010101;
	text-decoration: none;
}

.widget3, .widget4 {
	color: #463b33;
}

.widget3 h2, .widget4 h2 {
	color: #2e2824;
}

.widgets .input-reseller-locator{
	background: url('../img/bg-input-sidebar-widget.gif') 0 0 no-repeat transparent;
	border: 0;
	color: #65594c;
}

.submit-reseller-locator {
	background: url('../img/button-82x37.png') 0 0 no-repeat transparent;
	border: 0;
	color: #c0ad96;
	font-weight: bold;
}

.submit-download-brochure {
	color: #c0ad96;
	background: url('../img/button-100x37.png') top left no-repeat transparent;
	border: 0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.download-brochure label{
	color: #010101;
	text-decoration: none;
	background: url('../img/checkbox.gif') 0 0 no-repeat transparent;
}

.download-brochure label.selected {
	background: url('../img/checkbox-selected.gif') 0 0 no-repeat transparent;
}

.download-brochure .brochure-checkbox {
	float:left;
	height:13px;
	width:13px;
	margin:8px 0 5px;
}

.download-brochure .pdf{
	color:#463b33;	
}

/* *************************************************** WEATHER WIDGET */

.widgets .widget1 table  {
	width: 100px; 
	border:0 !important; 
	margin-left: -5px !important;
}
.widgets .widget1 td {
	width: 100px; 
	border:0 !important; 
}
.widgets .widget1 td[colspan] {
	display: none !important;
}
.widgets .widget1 img[width] {
	display: none !important;
}

.widgets .widget1 td[height] {
	display: none !important;
}

.widgets .widget1 td strong {
	font-size: 22px !important; 
	position: relative !important; 
	left: 60px !important; 
	top: -25px !important;
	color:#434343!important; 
	font-family: Arial !important;
}

.widgets .widget1 img {
	position: relative !important; 
	left: -60px !important; 
	top: 5px !important;
}

/* ------------------------------------------------------------------------
	This you can customize
------------------------------------------------------------------------- */

	label.checkbox span.holder {
		height: 43px; /* Total height of your checkbox image */
		background: url(../img/checkbox.png) 0 0 no-repeat; /* Path to your checkbox image */
	}
	
	label.radio span.holder {
		height: 43px; /* Total height of your radio buttons image */
		background: url(../img/radio.gif) 0 0 no-repeat; /* Path to your radio button image */
	}
	
	/* label.checkbox:hover span.holder,
	label.radio:hover span.holder { top: -21px !important; } Background position on mouseover */
	
	label.checked span.holder,
	label.checked span.holder { top: -15px !important; } /* Background position when checked */


	/* 	label.checked:hover span.holder,
	label.checked:hover span.holder { top: -42px !important; }  Background position hover */


/* ------------------------------------------------------------------------
	Customize at your own risk
------------------------------------------------------------------------- */

	label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
	}
	
	label.inline {
		float: left; margin: 0 10px 0 0;
	}

	input.hiddenCheckbox {
		position: absolute; left: -10000px; /* Hide the input */
	}

	label.prettyCheckbox span.holderWrap {
		display: block; float: left;
		position: relative;
		margin-right: 5px;
		overflow: hidden;
	}
	
	label.prettyCheckbox span.holder {
		display: block;
		position: absolute;
		top: 0; left: 0;
	}

a.checkbox-deselect {
	display: none;
}

/* *************************************************** "DEFAULT" STYLES : Content/plain pages*/

/*
.plain-page #container-content  {
	background: url('../img/bg-container-brown.jpg') top left no-repeat #af9f8d;
}
*/

.default-template {
    padding: 0px 7px 0px 7px;
	color: #371805;
	min-height: 300px;
}

.default-template h1,
.default-template h2 {
    padding-bottom:10px;
}

.default-template p {
    line-height:20px;
    margin-bottom:20px;
}

.default-template ul {
    list-style-type:disc;
    padding-left:40px;
    line-height:20px;
    margin-bottom:20px;
}

.default-template ul.searchresults {
    list-style-type:none;
	padding: 0;
} 

.default-template ul.searchresults li {
	padding: 24px 0 24px 0;
    border-bottom: 1px solid #cbcbcc;
	display: block;
	float: left;
	clear: both;
	width: 678px;
} 


.default-template ul.searchresults .link, .default-template ul.searchresults .sample, .default-template ul.searchresults .path {
	display: block;
	float: left;
	clear: both;
}

.default-template ul.searchresults a, .default-template ul.searchresults a:visited, .default-template ul.searchresults a:hover {
	color: #371805;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	line-height: 28px;
	margin-bottom: 5px;
}

.default-template ul.searchresults a.readmore {
	font-weight: bold;
   	font-size: 11px;
	margin:-10px 0 0 0;
	display:block;
}

.default-template ul.searchresults .sample {
	line-height: 18px;
}

.default-template ul.searchresults .sample a {
	float:left;
}

.default-template ul.searchresults .sample img {
	float:left;
}

.default-template ul.searchresults .sample p{
	margin-bottom:10px;
}

.default-template ul.searchresults .path {
	color: #371805;
	font-size: 11px;
	line-height: 28px;
}

.default-template .pager {
	display: block;
	float: left;
	margin: 20px 0 0 0;
} 

.pager, .pager a, .pager a:visited, .pager a:hover {
	color: #371805;
	text-decoration: none;
}

.search-result-subtitle {
	font-size: 18px;
	font-weight: normal;
}


/* ****************************************** Sitemap*/

#sitemap ul {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

#sitemap ul ul {
	list-style-type: disc;
	padding-left: 40px;
	margin: 10px 0;
}

#sitemap ul ul li {
	margin-left: 16px;
}

#sitemap a {
	color: #371805;
	text-decoration: none;
}

/* ****************************************** Tips*/

.tips {
	color: #371805;
}

#tips-faq h2 {
	font-size: 18px;
}

.tips-categories ul li.title{
	background: url('../img/bg-tip-categorie-title-bar.jpg') 0 0 no-repeat transparent;
}

.tips-categories ul.buiten li.title{
	background-position: 0 -33px;
}

.tips-categories ul.tuin li.title{
	background-position: 0 -33px;
}

.tips-categories ul li.topics{
	height:100%;
}

.tips-categories ul.buiten li.topics{
}

.tips-categories ul.tuin li.topics{
}

.tips-categories ul li.topics ul{
	min-height:100px;
	background: url('../img/bg-gradient-li.png') 0 0 no-repeat;
}

.tips-categories li.topics ul{
line-height: 18px;
}

.tips-categories h3 {
	color: #432614;
	font-size: 18px;
	font-weight: bold;
}

.tips-categories h4 {
	color: #371805
}

.tips-categories a, .tips-categories a:visited, .tips-categories a:hover {
	color: #432614;
	text-decoration: none;
	background: url('../img/breadcrumb-divider.png') 0 9px no-repeat transparent;
}


span.icon-tv {
	background: url('../img/icon-tv.png') 0 4px no-repeat transparent;
}


#tips-faq h2.ui-accordion-header{
	height: 39px;
	background: url('../img/bg-tips-faq-accordion.png') 0 0 no-repeat;
	cursor: pointer;
	font-size: 13px;
}

#tips-faq h2.ui-state-active{
	background: url('../img/bg-tips-faq-accordion.png') 0 -40px no-repeat !important;
}

#tips-faq h2.ui-state-hover{
	color: #db6b13;
}

#tips-faq h2 a, #tips-faq h2 a:visited {
	color: #371805;
	text-decoration: none;
}

#tips-faq h2 a:hover {
	color: #db6b13;
	text-decoration: none;
}

#tips-faq h2 .ui-icon {
	background: url('../img/faq-toggler.gif') top left no-repeat;
}

#tips-faq .ui-state-hover .ui-icon, #tips-faq .ui-state-focus .ui-icon {
	background-position: 0 -10px;
}

#tips-faq .ui-state-active .ui-icon {
	background-position: 0 -20px;
}

#tips-faq .ui-state-active .ui-icon:hover {
	background-position: 0 -30px;
}


#tips-faq .ui-state-highlight .ui-icon {
	background-position: 0 -30px;
}

#tips-faq .ui-accordion-content, #tips-faq .ui-accordion-content-active {
	background: url('../img/bg-tips-faq-accordion-open.png') bottom left no-repeat;
}

#tips-faq li {
	line-height: 18px;
}

#tips-faq li a {
	color: #d86910;
	text-decoration: none;
}

#tips-faq ul div.highlight {
	background: url('../img/tips-balloon-green.png') top left no-repeat;
	color: #fff;
}

#tips-faq div.highlight h3 {
	font-size: 14px;
}

#tips-faq div.highlight p {
	font-style: italic;
	font-size: 11px;
	line-height: 14px;
}

.tips #sidebar {
	background:url("../img/bg-gradient-divider.png") no-repeat scroll left center transparent;
}

.step-by-step-col-text h2 {
	line-height: 28px;
}

.step-by-step-col-text p {
	line-height: 18px;
}

.step-by-step li {
	color: #53493e;
	font-size: 11px;
	font-weight: bold;
}

.step-by-step p {
	line-height: 14px;
	color: #371805;
	font-size: 12px;
	font-weight: normal;
}

.related-products {
	font-size: 11px;
}

.related-products h3 {
	background:url("../img/box-line-top.png") no-repeat 0 4px transparent;
	font-weight: normal;
}

.related-products div {
	background:url("../img/box-line-bottom.png") no-repeat bottom left transparent;
}

.related-products li.add-to-list a {
	background:url("../img/button-shopping-list-add.png") no-repeat bottom left transparent;
}

/* ****************************************** De kracht van CetaBever */

.cetabever h1{
	width: 100%;
	padding: 40px 0 10px 0;
	float: left;
}
.cetabever h2{
	width:100%;
	
	padding: 0;
	float: left;	
}
.cetabever .column h3{
	padding: 0 0 0 0;
	float:left;
}

.cetabever a{
	color: #371805;	
}
.cetabever a:hover{
	color: #060606;	
}

.cetabever .widgets.cetabever{
	background: url('../img/bg-cetabever-widgets.png') 0 0 no-repeat;	
}
.cetabever .visual-wrap.houtbescherming{
	width: 680px;
	height:218px;
	padding: 265px 0 0 0;
	background: url('../img/bg-houtbescherming.png') 0 41px no-repeat;	
}
.cetabever .visual-wrap h2{
	padding: 20px 0 17px 0;
	float: left;
}	
.cetabever .visual-wrap.houtbescherming p{
	width: 100%;
}
.cetabever .visual-wrap ul{
	padding: 0 0 40px 0;
}
.cetabever .visual-wrap li.hardhout{
	padding: 0 20px 0 0;
	float:left;
}


/* ****************************************** Zachthout */



.cetabever .right h2{
	padding: 15px 0 0 0;	
}
.cetabever .right h3{
	padding-top: 20px;	
}
.cetabever .right p{
	padding-bottom: 0;	
}


.cetabever .column p,
.productieproces p{
	width: 330px;
	
	padding: 15px 0;
	
	line-height: 1.4em;
	
	float:left;
}

#zachthout .left{
	padding: 20px 0 0 0;
	
	width:100%;
	min-height:150px;
	float: left;
	background:url('../img/bg-zachthout-1.png') 95% 30px no-repeat;	
}
#zachthout .right{
	padding: 0 15px 0 369px;
	margin: 20px 0 0 0;
	
	width: 356px;
	min-height:385px;
	
	float: left;
	background:url('../img/bg-zachthout-2.png') 0 20px no-repeat;		
}

/* ****************************************** Productieproces */

.productieproces img{
	width: 330px;
	height: 377px;
	
	margin: 18px 20px 0 0;
	
	float: right;	
}

.productieproces h3{
	clear: left;
	padding: 22px 0 15px 0;	
}
.productieproces ul{
	list-style:disc;
	
	padding: 0 0 20px 15px;	
}
.productieproces li{
	line-height: 1.5em;
}

.productieproces p{
	width: 350px;
	
	float: left;
}

/* ****************************************** Hardhout */

#hardhout{
	width: 750px;
	float:left;
	
	background: url('../img/boom-groot.png') 90% -50px no-repeat;
}

#hardhout h1{
	padding-bottom:30px;
}

#hardhout .right h2,
#zachthout .right h2{
	padding-bottom: 10px;	
}
#hardhout .right h3.binnen,
#zachthout .right h3.binnen{
	padding-top: 9px;	
	padding-bottom: 0;	
}
#hardhout .right h3,
#zachthout .right h3{
	padding-top: 15px;
	margin-bottom: 0;	
}
#hardhout .right p,
#zachthout .right p{
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;	
}

#hardhout .left p,
#hardhout .left h3{
	width: 300px;		
}

#hardhout .right{
	min-height: 260px;
	margin-top: 30px;
	padding: 0 0 0 360px;	
	background: url('../img/bg-hardhout.png') 0 20px no-repeat;	
}

#hardhout .right p,
#hardhout .right h3, #zachthout .right p,
#zachthout .right h3{
	width: 340px;	
}

/* ****************************************** Uitschuiflijsten */

.uitschuif-lijst h4{
	padding: 0 0 20px 30px;	
}
.uitschuif-lijst h4 a{
	padding: 4px 0 0 40px;
	
	text-decoration: none;
	
	height: 15px;
	display: block;
	background: url('../img/bg-plus.png') 0 0 no-repeat;
}
.uitschuif-lijst  h4 a:hover{
	color: #000000;	
}
.uitschuif-lijst div{
	width: 650px;
	overflow: hidden;
	float:left;
	padding: 0 0 20px 70px;	
}


/* ****************************************** Bind- en oplosmiddelen */

#bind-oplosmiddelen h1{
	padding-bottom:20px;	
}
#bind-oplosmiddelen h3{
	margin: 50px 0 15px 0;	
}
#bind-oplosmiddelen h4{
	clear: left;	
}
#bind-oplosmiddelen p{
	padding: 0 0 15px 0;
}

#bind-oplosmiddelen{
	width: 700px;
	min-height: 204px;
	background: url('../img/bg-bind-oplosmiddelen.png') right 102px no-repeat;
}
#bind-oplosmiddelen p{
	line-height:1.5em;
	width: 350px;	
}

/* ****************************************** Technologie */

#technologie{
	width: 700px;	
	min-height: 400px;
	background: url('../img/bg-technologie.png') 400px 92px no-repeat;
}
#technologie h3{
	padding-bottom: 20px;	
}
#technologie h4{
	width: 100%;
	clear: right;	
}
#technologie h4 a{
	width: 100%;
}
#technologie .uitschuif-lijst div{
	min-height:0;
	padding-left: 40px;	
}
#technologie p{
	line-height: 1.5em;	
}
#technologie p.introtekst{
	width: 350px;
	padding: 0 0 20px 0;	
}

#technologie .uitschuif-lijst h4{
	padding: 0 0 10px 0;
	float: left;
}
#technologie .uitschuif-lijst p{
	width:350px;	
}
#technologie h2.leftcol, #technologie p.leftcol {
	width: 350px;
	padding: 0 0 180px 0;	
}
/* ****************************************** Kwaliteit */

.bind_oplosmiddelen{
	background: url('../img/bg-button-bind-oplosmiddelen.png') 0 0 no-repeat;		
}
.technologieen{
	background: url('../img/bg-button-technologieen.png') 0 0 no-repeat;		
}
.productie_proces{
	background: url('../img/bg-button-productieproces.png') 0 0 no-repeat;		
}

/* ****************************************** 90 jaar: CetaBever */

#cetabever-90jaar .left{
	background: url('../img/bg-historie-cetabever-prachtbijts.png') 95% 80px no-repeat;
}
#cetabever-90jaar .right{
	background: url('../img/bg-90-jaar-cetabever-prachtbijts-2.png') left 20px no-repeat;
}

.getest, .getest p{
	width: 370px;
	clear: both;
	line-height:18px;
	margin-bottom: 20px;
}

.cetabever .getest h1, .cetabever #kwaliteit h1 {
	margin-bottom: 30px;
}

/* ****************************************** Bewezen duurzaamheid */

#bind-oplosmiddelen h3{
	margin-top: 0;	
}

ul.bullet-list{
	margin: 0 0 0 15px;
	list-style: disc;	
}
ul.bullet-list li{
	line-height: 1.8em;	
}

/* ****************************************** Pers */


.pers {
    padding: 0px 7px 0px 7px;
	color: #371805;
	min-height: 300px;
}

.pers h1 {
    font-size:30px;
    margin:60px 0 20px;
}

.extra h1 {
    font-size:20px;
    margin:0 0 0 !important;
    line-height:36px;
}

.pers h2 {
    padding-bottom:10px;
}

.pers .persvid {
    margin:0 0 0 70px;
}

.pers p {
    line-height:20px;
    margin-bottom:20px;
    width:680px;
}

.pers p.prelist {
    margin-bottom:5px;
}

.pers ul {
    list-style-type:disc;
    padding-left:40px;
    line-height:20px;
    margin-bottom:20px;
}

.pers img {
    margin:0 40px 20px 0;
}
.pers a.button {
	color: #353535;
	background: url('../img/bg-button2.png') top left no-repeat transparent;
	width: 117px;
	height: 25px;
	padding: 12px 28px 0 37px;
	text-decoration:none;
	float:left;
	margin-bottom:50px;
}

/* ****************************************** Test Locaties */

.locaties #container-content  {
	background: url("../img/tl-bg-container-gray.jpg") no-repeat scroll left top #e0d9d1;
}

.locaties #container-content {
    min-height: 1200px;
}

.locaties #container-content {
    margin: 0 auto;
    padding: 53px 0 0;
    position: relative;
    width: 980px;
    z-index: 0;
}

/* #content */

.locaties #content {
    float: left;
    padding: 0 0 32px;
}

.locaties #content {
    float: left;
    margin: 0 0 0 20px;
    width: 720px;
    z-index: 0;
	
}

/* visual-wrap */

.locaties .visual-wrap {
	background: url("../img/tl-testlocaties-cetabever.png") no-repeat scroll 0 40px transparent;
   	padding: 350px 0 0;
    	width: 699px;
}

.locaties .visual-wrap h2 {
    color: #371805;
    font-size: 18px;
}

.locaties .visual-wrap p {
    	color: #371805;
	font-size: 12px;
    	line-height: 1.8em;
    	padding: 10px 0 0 0;	
}

.locaties .visual-wrap-left { float:left; width:365px; margin: 0 25px 0 0;}
.locaties .visual-wrap-right { float:left; width:295px; margin: 0 0 0 14px;}

.locaties .visual-wrap-right .actie h3 {
	background: url("../img/tl-bg-title-actie.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
    	float: left;
    	font-size: 16px;
    	height: 43px;
    	padding: 14px 0 0 14px;
    	position: relative;
    	text-transform: uppercase;
    	width: 293px;
    	z-index: 20;
}

.locaties .visual-wrap-right .actie_panel {
    	background: url("../img/tl-bg-actie-landing.png") no-repeat scroll 0 0 transparent;
   	display: block;
    	float: left;
    	height: 581px;
    	position: relative;
    	top: -14px;
    	width: 293px;
    	z-index: 15;
}

.locaties .visual-wrap-right .actie_panel img{
	padding: 10px 0 0 5px;
}

.locaties .visual-wrap-right .actie_panel p{
	width:200px;
	line-height:1.4em;
	padding: 5px 0 0 10px;
}

.locaties .actie_panel a.button {
    	background: url("../img/tl-bg-button.png") no-repeat scroll left top transparent;
    	color: #353535;
    	float: left;
    	height: 25px;
	margin: 5px 0 0 2px; 
    	padding: 12px 28px 0 37px;
    	text-decoration: none;
    	width: 200px;
 	font-size:11px;
}

/* ****************************************** Hotzone */


/* #container-content */

.hotzone #container-content  {
	background: url("../img/tl-bg-container-gray.jpg") no-repeat scroll left top #e0d9d1;
	min-height: 60px;
}

.hotzone #container-content {
    margin: 0 auto;
    padding: 53px 0 0;
    position: relative;
    width: 980px;
    z-index: 0;
}

/* #content */

.hotzone #content {
    float: left;
    padding: 0 0 32px;
    margin: 0 0 0 20px;
    width: 720px;
    z-index: 0;
}

/* #visual-wrap */

.hotzone .visual-wrap {
	background: url("../img/tl-testlocaties-landing-hotzone.png") no-repeat scroll 0 40px transparent;
   	padding: 350px 0 0;
   	width: 699px;
   
}

.hotzone .visual-wrap h2 {
    	color: #371805;
    	font-size: 18px;
}

.hotzone .visual-wrap p {
    	color: #371805;
	font-size: 12px;
    	line-height: 1.6em;
    	padding: 10px 0 0 0;	
}

.hotzone .visual-wrap-left { float:left; width:365px; margin: 0 25px 0 0;}

.hotzone .visual-wrap-left a {
	color: #371805;
    	text-decoration: underline;
}

.hotzone .visual-wrap-right { float:left; width:295px; margin: 0 0 0 14px;}

.hotzone .visual-wrap-right img {
	margin: 5px 0 0 15px;
}

.hotzone .visual-wrap-right a.button {
    	background: url("../img/tl-bg-button.png") no-repeat scroll left top transparent;
    	color: #353535;
    	float: left;
    	height: 25px;
	margin: 20px 0 10px 5px; 
    	padding: 12px 28px 0 37px;
    	text-decoration: none;
    	width: 200px;
	font-size:11px;
	font-weight: bold;
}

.hotzone .menu-panel {
	background: url(../img/tl-bg-menu-panel.png) no-repeat 0 0 transparent;
	width: 224px;
	height:155px;
	margin:75px 0 0 7px;
	}
	
.hotzone .menu-panel p{
	color: #371805;
	font-size: 11px;
    	line-height: 1.4em;
	padding:0 0 0 50px;
	
	}	

.hotzone .menu-panel ul{
	padding:14px 0 0 0;
	}
	
.hotzone .menu-panel li{
	padding:11px 0 0 0;
	}	
	
.hotzone .menu-panel a{
	color: #371805;
	text-decoration:none;
	}
	
.hotzone .menu-panel a:hover{
	color: #b89e7d;
	text-decoration:none;
	}

/* voorwaarden */

.hotzone .voorwaarden {
	background: url("../img/tl-bg-voorwaarden.png") no-repeat scroll 0 0 transparent;
   	float: left;
    	margin: 80px 0 0 0;
    	width: 738px;
    	z-index: 0;
}
.hotzone .voorwaarden_blok {
	background: url("../img/tl-bg-voorwaarden-hotzone.png") no-repeat scroll 0 0 transparent;
	height: 440px;
	width:699px;
	position: relative;
}

.hotzone .voorwaarden_blok div.tekst {
    	padding-top: 15px;
    	position: relative;
    	float: right;
    	padding-right: 5px;
    	text-align: left;
    	width: 295px;
}


.hotzone .voorwaarden_blok div.tekst h2 {
	color: #371805;
    	font-size: 17px;
	padding: 0 0 0 25px;
}

.hotzone .voorwaarden_blok div.tekst p {
    	color: #463B33;
	font-size: 12px;
    	line-height: 1.6em;
    	padding: 5px 0 0 25px;	
}

.hotzone .voorwaarden_blok div.tekst a {
    	color: #463B33;
}

.hotzone .voorwaarden_blok img {
	margin-left: 203px;
    	margin-top: -78px;
   	position: absolute;
}

.hotzone .voorwaarden_blok a.button {
    	background: url("../img/tl-bg-button3.png") no-repeat scroll left top transparent;
    	color: #353535;
    	float: left;
    	height: 25px;
	margin: 10px 0 10px 15px; 
    	padding: 12px 28px 0 37px;
    	text-decoration: none;
    	width: 200px;
	font-size:11px;
	font-weight: bold;
}

/* cans */

.hotzone .cans {
	float: left;
    	margin: 35px 0 80px 20px;
    	width: 738px;
    	z-index: 0;
    	font-size: 11px;
}

.hotzone .cans h2 {
    color: #371805;
    font-size: 18px;
}

.hotzone .cans .cans-color {
    	float: left;
    	height: 100px;
    	width: 100px;
    	margin: 25px 0 0 0;
}


.hotzone .cans .cans-color div.tekst {
	color:#353535;
	line-height:1.4em;
    	float: right;
    	text-align: center;
    	width: 108px;
    	padding-top: 65px;
}

.hotzone .cans .cans-color img {
    	margin-left: 20px;
    	position: absolute;
}

.hotzone .cans .cans-color div.tekst div.button {
    	margin-top: 54px;
}			

/* ****************************************** FUEL */

/* #container-content */

.fuel #container-content  {
	background: url("../img/tl-bg-container-gray.jpg") no-repeat scroll left top #e0d9d1;
	min-height: 60px;
}

.fuel #container-content {
    margin: 0 auto;
    padding: 53px 0 0;
    position: relative;
    width: 980px;
    z-index: 0;
}

/* #content */

.fuel #content {
    float: left;
    padding: 0 0 32px;
    margin: 0 0 0 20px;
    width: 720px;
    z-index: 0;
}

/* #visual-wrap */

.fuel .visual-wrap {
	background: url("../img/tl-testlocaties-landing-fuel.png") no-repeat scroll 0 40px transparent;
   	padding: 350px 0 0;
   	width: 699px;
   
}

.fuel .visual-wrap h2 {
    	color: #371805;
    	font-size: 18px;
}

.fuel .visual-wrap p {
    	color: #371805;
	font-size: 12px;
    	line-height: 1.6em;
    	padding: 10px 0 0 0;	
}

.fuel .visual-wrap-left { float:left; width:365px; margin: 0 25px 0 0;}

.fuel .visual-wrap-left a {
	color: #371805;
    	text-decoration: underline;
}

.fuel .visual-wrap-right { float:left; width:295px; margin: 0 0 0 14px;}

.fuel .visual-wrap-right img {
	margin: 5px 0 0 15px;
}

.fuel .visual-wrap-right a.button {
    	background: url("../img/tl-bg-button4.png") no-repeat scroll left top transparent;
    	color: #353535;
    	float: left;
    	height: 25px;
	margin: 20px 0 10px 5px; 
    	padding: 12px 28px 0 37px;
    	text-decoration: none;
    	width: 200px;
	font-size:11px;
	font-weight: bold;
}

.fuel .menu-panel {
	background: url(../img/tl-bg-menu-panel.png) no-repeat 0 0 transparent;
	width: 224px;
	height:155px;
	margin:75px 0 0 7px;
	}
	
.fuel .menu-panel p{
	color: #371805;
	font-size: 11px;
    	line-height: 1.4em;
	padding:0 0 0 50px;
	
	}	

.fuel .menu-panel ul{
	padding:14px 0 0 0;
	}
	
.fuel .menu-panel li{
	padding:11px 0 0 0;
	}	
	
.fuel .menu-panel a{
	color: #371805;
	text-decoration:none;
	}
	
.fuel .menu-panel a:hover{
	color: #b89e7d;
	text-decoration:none;
	}

/* voorwaarden */

.fuel .voorwaarden {
	background: url("../img/tl-bg-voorwaarden.png") no-repeat scroll 0 0 transparent;
   	float: left;
    	margin: 50px 0 0 0;
    	width: 738px;
    	z-index: 0;
}
.fuel .voorwaarden_blok {
	background: url("../img/tl-bg-voorwaarden-fuel.png") no-repeat scroll 0 0 transparent;
	height: 440px;
	width:699px;
	position: relative;
}

.fuel .voorwaarden_blok div.tekst {
    padding-top: 15px;
    position: relative;
    float: right;
    padding-right: 5px;
    text-align: left;
    width: 295px;
}

.fuel .voorwaarden_blok div.tekst h2 {
	color: #371805;
     	font-size: 17px;
	padding: 0 0 0 25px;
}

.fuel .voorwaarden_blok div.tekst p {
    color: #463B33;
	font-size: 12px;
    line-height: 1.6em;
    padding: 5px 0 0 25px;	
}

.fuel .voorwaarden_blok div.tekst a {
    color: #463B33;
}

.fuel .voorwaarden_blok img {
	margin-left: 127px;
    margin-top: -87px;
    position: absolute;
}

.fuel .voorwaarden_blok a.button {
    	background: url("../img/tl-bg-button3.png") no-repeat scroll left top transparent;
    	color: #353535;
    	float: left;
    	height: 25px;
	margin: 10px 0 10px 15px; 
    	padding: 12px 28px 0 37px;
    	text-decoration: none;
    	width: 200px;
	font-size:11px;
	font-weight: bold;
}

/* cans */

.fuel .cans {
	float: left;
    	margin: 35px 0 80px 20px;
    	width: 738px;
    	z-index: 0;
    	font-size: 11px;
}

.fuel .cans h2 {
    color: #371805;
    font-size: 18px;
}

.fuel .cans .cans-color {
    	float: left;
    	height: 100px;
    	width: 100px;
    	margin: 25px 0 0 0;
}


.fuel .cans .cans-color div.tekst {
	color:#353535;
	line-height:1.4em;
    float: right;
    text-align: center;
    width: 108px;
    padding-top: 65px;
}

.fuel .cans .cans-color img {
    margin-left: 20px;
    position: absolute;
}

.fuel .cans .cans-color div.tekst div.button {
    margin-top: 54px;
}

/* ****************************************** WILLY ZUID */

/* #container-content */

.willyzuid #container-content  {
	background: url("../img/tl-bg-container-gray.jpg") no-repeat scroll left top #e0d9d1;
	min-height: 60px;
}

.willyzuid #container-content {
    margin: 0 auto;
    padding: 53px 0 0;
    position: relative;
    width: 980px;
    z-index: 0;
}

/* #content */

.willyzuid #content {
    float: left;
    padding: 0 0 32px;
    margin: 0 0 0 20px;
    width: 720px;
    z-index: 0;
}

/* #visual-wrap */

.willyzuid .visual-wrap {
	background: url("../img/tl-testlocaties-landing-algemeen.png") no-repeat scroll 0 40px transparent;
   	padding: 350px 0 0;
   	width: 699px;
   
}

.willyzuid .visual-wrap h2 {
    	color: #371805;
    	font-size: 18px;
}

.willyzuid .visual-wrap p {
    	color: #371805;
	font-size: 12px;
    	line-height: 1.6em;
    	padding: 10px 0 0 0;	
}

.willyzuid .visual-wrap-left { float:left; width:365px; margin: 0 25px 0 0;}

.willyzuid .visual-wrap-left a {
	color: #371805;
    	text-decoration: underline;
}

.willyzuid .visual-wrap-right { float:left; width:295px; margin: 0 0 0 14px;}

.willyzuid .visual-wrap-right img {
	margin: 5px 0 0 15px;
}

.willyzuid .visual-wrap-right a.button {
    	background: url("../img/tl-bg-button4.png") no-repeat scroll left top transparent;
    	color: #353535;
    	float: left;
    	height: 25px;
	margin: 20px 0 10px 5px; 
    	padding: 12px 28px 0 37px;
    	text-decoration: none;
    	width: 200px;
	font-size:11px;
	font-weight: bold;
}

.willyzuid .menu-panel {
	background: url(../img/tl-bg-menu-panel.png) no-repeat 0 0 transparent;
	width: 224px;
	height:155px;
	margin:75px 0 0 7px;
	}
	
.willyzuid .menu-panel p{
	color: #371805;
	font-size: 11px;
    	line-height: 1.4em;
	padding:0 0 0 50px;
	
	}	

.willyzuid .menu-panel ul{
	padding:14px 0 0 0;
	}
	
.willyzuid .menu-panel li{
	padding:11px 0 0 0;
	}	
	
.willyzuid .menu-panel a{
	color: #371805;
	text-decoration:none;
	}
	
.willyzuid .menu-panel a:hover{
	color: #b89e7d;
	text-decoration:none;
	}

/* voorwaarden */

.willyzuid .voorwaarden {
    float: left;
    margin: 50px 0 0 0;
    width: 738px;
    z-index: 0;
}
.willyzuid .voorwaarden_blok {
	background: url("../img/tl-bg-voorwaarden-algemeen.png") no-repeat scroll 0 0 transparent;
	height: 350px;
	width:699px;
	position: relative;
}

.willyzuid .voorwaarden_blok div.tekst {
    padding-top: 25px;
    position: relative;
    float: right;
    padding-right: 30px;
    text-align: left;
    width: 350px;
}


.willyzuid .voorwaarden_blok div.tekst h2 {
    	font-size: 17px;
	color: #371805;
	padding: 0 0 0 25px;
}

.willyzuid .voorwaarden_blok div.tekst p {
   	color: #463B33;
	font-size: 12px;
   	line-height: 1.6em;
    	padding: 5px 0 0 25px;	
}

.willyzuid .voorwaarden_blok div.tekst a {
    	color: #463B33;
}

.willyzuid .voorwaarden_blok img {
 	margin-left: 203px;
 	margin-top: -40px;
 	position: absolute;
 	left: 7px;
	top: 197px;
}

.willyzuid .voorwaarden_blok a.button {
    	background: url("../img/tl-bg-button3.png") no-repeat scroll left top transparent;
    	color: #353535;
    	float: left;
    	height: 25px;
	margin: 10px 0 10px 15px; 
    	padding: 12px 28px 0 37px;
    	text-decoration: none;
    	width: 200px;
	font-size:11px;
	font-weight: bold;
}


/* ****************************************** Widgets Test Locatie / Hotzone / FUEL / Willy Zuid */
	
.tl-widgets {
	background: url("../img/tl-bg-cetabever-widgets-testlocatie.png") no-repeat scroll 0 0 transparent;
	font-size:11px;
    	padding: 0;
	float:left;
	width: 980px;
}

.tl-widgets div.tekst {
    	padding-top: 28px;
    	position: relative;
}

.tl-widgets div.tekst h2 {
    	font-size: 14px;
	color:#371805;
    	padding-bottom: 10px;
    	text-transform: uppercase;
}

.tl-widgets div.tekst p {
   	color: #463B33;
    	line-height: 12px;
}

/* widget hotzone */

.tl-widgets .hotzone {
	float: left;		
    	height: 198px;
	position: relative;
    	width: 265px;
}

.tl-widgets .hotzone div.tekst {
    	float: right;
    	padding-right: 24px;
    	text-align: right;
    	width: 150px;
}

.tl-widgets .hotzone img {
	margin-left: 15px;
    	margin-top: -65px;
    	position: absolute;
}

.tl-widgets .hotzone div.tekst div.button {
    margin-top: 26px;
}

.tl-widgets div.button {
    background: url("../img/button-94x37.png") no-repeat scroll left top transparent;
    float: right;
    height: 37px;
    margin-right: -10px;
    width: 94px;
}

.tl-widgets div.button a {
    color: #C0AD96;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 18px;
    margin-top: 11px;
    text-decoration: none;
}

.tl-widgets div.button a:hover {
	color: #fff;
}


/* widget fuel */

.tl-widgets .fuel {
    float: left;
    height: 198px;
    width: 245px;
}

.tl-widgets .fuel div.tekst {
    float: right;
    padding-right: 24px;
    text-align: right;
    width: 140px;
}

.tl-widgets .fuel img {
	margin-top:20px;
    margin-left: 10px;
    position: absolute;
}

.tl-widgets .fuel div.tekst div.button {
    margin-top: 25px;
}

.tl-widgets div.button {
    background: url("../img/button-94x37.png") no-repeat scroll left top transparent;
    float: right;
    height: 37px;
    margin-right: -10px;
    width: 94px;
}

.tl-widgets div.button a {
    color: #C0AD96;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 18px;
    margin-top: 11px;
    text-decoration: none;
}

.tl-widgets div.button a:hover {
	color: #fff;
}

/* widget weerstand */

.tl-widgets .weerstand {
    float: left;
    height: 198px;
    width: 229px;
}

.tl-widgets .weerstand div.tekst {
    float: right;
    padding-right: 24px;
    text-align: right;
    width: 200px;
}

.tl-widgets .weerstand img {
    margin-top:110px;
    margin-left: 15px;
    position: absolute;
}

.tl-widgets .weerstand div.tekst div.button {
    margin-top: 39px;
}

.tl-widgets div.button {
    background: url("../img/button-94x37.png") no-repeat scroll left top transparent;
    float: right;
    height: 37px;
    margin-right: -10px;
    width: 94px;
}

.tl-widgets div.button a {
    color: #C0AD96;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 18px;
    margin-top: 11px;
    text-decoration: none;
}

.tl-widgets div.button a:hover {
	color: #fff;
}


/* widget duurzaamheid */

.tl-widgets .duurzaamheid {
    float: left;
    height: 198px;
    width: 241px;
}

.tl-widgets .duurzaamheid div.tekst {
    float: right;
    padding-right: 24px;
    text-align: right;
    width: 108px;
}

.tl-widgets .duurzaamheid img {
    margin-left: 8px;
    position: absolute;
}

.tl-widgets .duurzaamheid div.tekst div.button {
    margin-top: 54px;
}

.tl-widgets div.button {
    background: url("../img/button-94x37.png") no-repeat scroll left top transparent;
    float: right;
    height: 37px;
    margin-right: -10px;
    width: 94px;
}

.tl-widgets div.button a {
    color: #C0AD96;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-left: 18px;
    margin-top: 11px;
    text-decoration: none;
}

.tl-widgets div.button a:hover {
	color: #fff;
}



/* ****************************************** ACTIEVOORWAARDEN */

/* #container-content */

.voorwaarden #container-content  {
	background: url("../img/tl-bg-container-gray.jpg") no-repeat scroll left top #e0d9d1;
	min-height: 100px;
}

.voorwaarden #container-content {
    margin: 0 auto;
    padding: 53px 0 0;
    position: relative;
    width: 980px;
    z-index: 0;
}

/* #content */

.voorwaarden #content {
    float: left;
    padding: 0 0 32px;
    margin: 0 0 0 20px;
    width: 720px;
    z-index: 0;
}

.voorwaarden .pers {
    	padding: 0px 7px 0px 7px;
	margin: 0 0 100px 0; 
	color: #371805;
	min-height: 300px;
}

.voorwaarden .pers h1 {
    	font-size:30px;
    	margin:60px 0 20px;
}

.voorwaarden .pers h3 {
    	font-size:18px;
    	padding-bottom:5px;
}

.voorwaarden .pers p {
    	line-height:20px;
    	margin-bottom:20px;
    	width:680px;
}

.voorwaarden .pers ul {
    	list-style-type:none;
    	padding-left:40px;
    	line-height:20px;
    	margin-bottom:20px;
}


/* ****************************************** De kracht van cetabever */

/* #de kracht van cetabever - sidebar */

#fsc-partner-logo a {
	background: url("../img/cb-groener-fsc_logo.jpg") no-repeat top left transparent;
	margin-top: 10px;
	display: block;
	width:210px;
	height:85px;
}

/* #productenpagina - widget */

#fsc-partner-logo-widget a {
	background: url("../img/cb-groener-button_cetabever.png") no-repeat top left transparent;
	display: block;
	width: 224px;
	height: 89px;
	float: left;
	margin-left: 25px;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */