@charset "utf-8";
/* CSS Document */

html,body					{ height:100%; min-height:100%; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:16px; background-image:url(../images/bg_full_repeat.jpg); background-repeat:repeat; background-position:center; padding:0px; margin:0px; color:#666; background-color:#bec2ad; }
h1							{ font-size:24px; line-height:24px; color:#e05a00; font-weight:normal; margin-top:0px; padding-top:17px;}
h2							{ font-size:18px; line-height:24px; color:#e05a00; font-weight:normal;}
p, ul, li					{ margin-top: 0px; margin-bottom: 0px; }
a							{ color:#e05a00; }



input[type="submit"] 		{ background-image:url(../images/btn_bg.gif); background-repeat:repeat-x; line-height:24px; color:#FFF; border:none; font-family:Verdana, Geneva, sans-serif;}

.bgRepeat					{ background-image:url(../images/bg_full.jpg); background-repeat:repeat-y;	background-position:center; height:100%; }
.bgFixed					{  background-image:url(../images/bg_full.jpg); background-position:top center; background-repeat:repeat-x; }
.bgKikker					{ /*background-image:url(../images/jo/bg_kikker.jpg); background-repeat:no-repeat; background-position:top center */}

.pageContainer				{ width:960px; margin:0 auto; }
.pageHader					{ width:899px; position:relative; margin:0 auto; height:165px; background-image:url(../images/bg_header.jpg); background-repeat:no-repeat; background-position:left top; }
.trail						{ position:absolute; bottom:0px; left:15px; color:#919191; }
.trail a					{ color:#919191; }
.trail a:hover				{ text-decoration:none; }
.topnav						{ position:absolute; top:95px; right:10px;}
.topnav	a					{ display:block; float:left; width:120px; height:31px; line-height:31px; text-align:center; margin-left:2px; color:#FFF; background-image:url(../images/top_btn.jpg); text-decoration:none;}
.topnav	a:hover				{ text-decoration:underline; }

.mandjeStatus				{ position:absolute; right:10px; bottom:0px; width:300px;}
.mandjeStatus a				{ text-decoration:none; color:#666; padding-left:24px; background-image:url(../images/mandje.gif); background-repeat:no-repeat; background-position:left; }
.mandjeStatus a:hover		{ text-decoration:underline;}
	
.clear						{ clear:both; }
.mainContainer				{ width:960px; }
.leftContainer				{ float:left; width:186px; margin-left:1px; background-image:url(../images/nav_top.gif); background-repeat:no-repeat; background-position:top;}
.leftnav					{ background-color:#e05a00; margin-top:23px; }
.leftnav a					{ color:#FFF; line-height:26px; display:block; border-bottom:1px dashed #FFF; margin:0px 15px 0px 15px; padding-left:10px; text-decoration:none; }
.leftnav a:hover			{ text-decoration:underline; background-color:#e88340; }
.service					{ text-align:right; margin-top:10px;}

#subparent					{ background-color:#e88340; }
#subgroep					{ color:#a852a5; background-color:#FFF; background-image:url(../images/btn_subgroep_bg.gif); background-repeat:repeat-x; }
.rightContainer				{ float:left; width:730px;}
.content					{ margin:10px 0px 10px 10px; position:relative; }

.contentbody				{ clear:both; position:relative; }
.contentbody .left			{ width:572px; text-align:left; vertical-align:top;}
.contentbody .banner		{ position:absolute; right:0px; top:0px; z-index:10;}
.contentbody .bannerlink	{ position:absolute; right:0px; top:0px; z-index:11;}
.contentbody .leftInfopage 	{ width:260px; margin-right:20px; float:left; color:#000;}


.zoeken						{ float:right; margin-bottom:10px; width:300px; }
.zoekBtn					{ float:right; }
.zoekInput					{ width:269px; margin-right:5px; float:right; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-style:italic; color:#666; }
.zoekCat					{ width:175px; margin-right:5px; float:right; font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#666; }
.zoekPrijs					{ width:120px; float:right; font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#666; }



.subgroepen					{ width:600px; }
.productthumb				{ position:relative; width:185px; height:158px; margin-right:5px; margin-bottom:10px; text-align:center; float:left; background-image:url(../images/thumb_bg.jpg); background-repeat:no-repeat; }
.thumbheader				{ position:absolute; bottom:0px; left:0px;}
.thumbheader a				{ line-height:24px; color:#FFF; padding-left:4px; text-decoration:none;}
.productthumb .img			{ position:absolute; top:0px; left:30px; z-index:1;}

.productpageLeft			{ float:left; width:300px; position:relative;}
.productpageRight			{ float:left;}
.offerteheader				{ font-size:18px; margin-bottom:15px;}
.imgOverlay					{ position:absolute; left:0; top:0; background-image:url(../images/product_overlay.gif); width:293px; height:230px; background-repeat:no-repeat;}
.imgOverlayNoTag			{ position:absolute; left:0; top:0; background-image:url(../images/product_overlay_notag.gif); width:293px; height:230px; background-repeat:no-repeat;}
.imagespace					{ height:210px; }
.prijsOverlay				{ z-index:900; color:#FFF; padding:3px; font-size:15px; font-weight:bold; top:195px; right:10px; position:absolute; }
.productFeedback			{ border:1px solid #F00; padding:5px; color:#F00; margin-bottom:5px;}




/* tagcloud */
.tagCloud					{ border:1px solid #FFF; margin-left:200px; margin-right:50px; }
#cloud						{ margin:10px; color:#e05a00; font-size:18px; font-weight:bold; }
.tagCloud #intro			{ font-size:12px; color:#e05a00; font-weight:bold; margin-top:10px;	margin-left:10px; }
.tagCloud h1				{ font-size:13px; color:#e05a00; line-height:18px; display:inline;  font-weight:bold; background:none; border:none; }
.tagCloud h2				{ font-size:12px; color:#e05a00; line-height:18px; display:inline;  font-weight:bold; background:none; border:none; }
.tagCloud h3				{ font-size:11px; color:#e05a00; display:inline; font-weight:bold; line-height:18px; }
.tagCloud h4				{ font-size:11px; color:#e05a00; display:inline; font-weight:bold; line-height:18px; }
.tagCloud h5				{ font-size:10px; color:#e05a00; display:inline; font-weight:bold; line-height:18px; }
.tagCloud a					{ font-size:12px; color:#e05a00; text-decoration:none;  }
.tagCloud a:hover			{ font-size:12px; color:#e05a00; text-decoration:underline; }

/* pagina specifieke styles */
.contactPosition			{ margin-left:10px; width:400px; }


.b2bprijs					{ font-size:18px; line-height:32px; color:#e05a00; font-weight:normal; margin-top:0px; padding-top:17px; }
.eenheid					{ color:#e05a00; font-style:italic; }
.adviesprijs				{ font-style:italic; }



/* CSS FORM */
.cssForm td					{ color:#999; }
.cssForm input[type="text"], .cssForm input[type="password"], .cssForm textarea, .cssForm select { font-family: Helvetica,"Trebuchet MS", Arial, sans-serif; font-size:12px; color:#000; padding:5px; margin:2px 0px 8px 0px; border:1px solid #d9dde0; background-color:#fafafa; color:#666; box-sizing: border-box; }
.cssForm input[type="text"]:focus, .cssForm input[type="password"]:focus, .cssForm textarea:focus { border:1px solid #AAA; outline: none; } 
.cssForm input[type="button"] { border:none; font-family: Helvetica,"Trebuchet MS", Arial, sans-serif; font-size:12px; line-height:16px; color:#FFF; padding:5px 30px; margin:4px 0px; }
.cssForm input[type="submit"] { border:none; font-family: Helvetica,"Trebuchet MS", Arial, sans-serif; font-size:12px; line-height:16px; color:#FFF; padding:5px 30px; margin:4px 0px; background-color:#e05a00; background-image:none; }
.cssForm input[type="file"] { visibility: hidden; width: 0;  height: 0;}
.cssForm .clabel			{ display:block; margin-bottom:8px; }

.cssForm .w150				{ width:160px; }
.cssForm .w200				{ width:210px; }
.cssForm .w250				{ width:260px; }
.cssForm .w400				{ width:410px; }
.cssForm .wfull				{ width:99%; }