html {font-family:Arial; font-size: 12px; background:#4099A1 url(../img/water_loq.jpg) no-repeat; background-attachment:fixed;}
body {font-family:Arial; background:#4099A1 url(../img/water_loq.jpg) no-repeat; background-attachment:fixed; height:100%; width:100%;}
a, a:active, a:hover, a:visited {text-decoration: none;}
h1 {font-size: 14px;font-weight:bold;}
h2 {font-size: 13px;font-weight:bold;}
h3 {font-size: 12px;font-weight:bold;}
strong{font-weight:bold}
em{font-style: italic;}
/* ----- COLORS ------ */
.green{ color:#85C23F;}
.darkgreen {color:#507625}
.blue{ color:#119ed6}
.brown{ color:#453421;}
.white{ color:#FFF;}
.uppercase_{text-transform:uppercase;}
.smallgrey{font-size:11px; color: #818080;}
.size10{font-size:10px}
.size11{font-size:11px}
.size18{font-size:18px}
.bold{font-weight:bold}
/* ------ CLEAR HELPER --------- */
.clear {clear: both; height: 1px;}
.nowrap{white-space: nowrap;overflow:hidden}
/* ------------- */
.paging img { vertical-align: -2px; }
/* ------------- */
#wrap { width: 966px; margin: 16px auto 0px auto;position:relative;z-index:1;}
#menutop{ margin-top:-280px; width:930px; height:35px; clear:both; color: #818080; padding:12px 36px 0px 0px; background:url(../img/bg_page_top.png) no-repeat;}
#menutop ul {float:right; margin:0;}
#menutop ul li { list-style-type: none; float:left; margin-left:6px;}
#menutop ul li a { font-size:11px; color: #818080; display:block;}
#menutop ul li a:hover {color:#4e3c37; text-decoration:underline;}
#menubottom{ width:920px; height:36px; clear:both; color: #818080; padding:0px 36px 0px 10px;}
#menubottom ul {float:left; margin:0; width:340px;}
#menubottom ul li { list-style-type: none; float:left; margin-left:6px;color:#fff;}
#menubottom ul li a { font-size:11px; color: #dfdfdf; display:block;}
#menubottom ul li a:hover {color:#fff; text-decoration:underline;}
/* ------------- */
#header {background:url(../img/bg_page.png) repeat-y; padding:0px 14px 0px 14px; width:936px; height:184px;}
#headerlogo {position:relative; width:397px; height:268px; left:-96px; top:-42px;}
#footerwrap {background:url(../img/bg_page.png) repeat-y; padding:0px 14px; width:936px; min-height:24px;}
#footer {background:url(../img/bg_page_footer.jpg) no-repeat; padding:4px 38px;height:121px}
#pagebottom {background:url(../img/bg_page_bottom.png); width:936px; min-height:32px;padding:0px 14px 0px 14px;}
#kleineaarde{float:left;width:164px; padding:4px; border-right:1px solid #dedede;font-size:11px}
#partnerlogos{float:left;width:580px; padding:4px;font-size:11px}
/* ----------------- */
#kruimelpad{ font-size:11px; margin-bottom:10px; color:#818080;}
#kruimelpad a{ font-size:11px; color:#818080;}
#kruimelpad a:hover{ font-size:11px; color:#000;}
/* ----------------- */
#columnwrap{ display:block; background: url(../img/bg_page.png) repeat-y; padding:0px 14px 48px 14px; width:936px;}
#columnmaker{ float:left; width:724px;background-color:#E8E4CE}
#contentcolumn{ width:516px; min-height:320px; float:right;}
#content{ background-color:#FFF; width:468px; padding:24px 24px;}
#content h2.blue{ font-weight:bold; color:#119ed6; margin-bottom:8px;}
#content h2.green{ font-weight:bold; color:#85C23F; margin-bottom:8px;}
#content h2 { margin-bottom: 8px; }
#content h1.blue{ font-weight:bold; color:#119ed6; margin-bottom:8px;}
#content h1.green{ font-weight:bold; color:#85C23F; margin-bottom:8px;}
#content h1{ font-weight:bold; color:#333; margin-bottom:8px;}
#content p{margin-bottom:16px;}
#contentblock{ background-color:#FFF; width:514px; min-height:532px; padding:8px 0px;}
.standardlist{ margin-left:8px;}
.standardlist li{padding-left:8px;margin-left:8px;list-style:disc}
#staticcontent{}
#staticcontent .bluelink{color:#119ed6;}
#staticcontent .bluelink:hover{text-decoration:none;color:#85C23F;}
#staticcontent strong{font-weight:bold}
.btnBlueWide{display:inline-block;background:url(../img/btn_wide_blue.png) no-repeat;border:0px;width:174px;height:28px;cursor:pointer;color:#fff;font-weight:bold;text-align:center;padding-top:4px;padding-left:8px}
.btnBlueWide:hover{display:inline-block;background:url(../img/btn_wide_blue_hover.png) no-repeat;}
.btnBlueSmall{display:inline-block;background:url(../img/btn_middle_blue.png) no-repeat;border:0px;width:142px;height:28px;cursor:pointer;color:#fff;text-align:center;padding-top:4px;padding-left:8px}
.btnBlueSmall:hover{display:inline-block;background:url(../img/btn_middle_blue_hover.png) no-repeat;}
.btnBlueSmall a{width:142px;height:18px;display:block}
.btnBlueSmallSelected{display:inline-block;background:url(../img/btn_middle_blue_selected.png) no-repeat;border:0px;width:142px;height:28px;cursor:pointer;color:#fff;text-align:center;padding-top:4px;padding-left:8px}
.btnBlueSmallSelected:hover{display:inline-block;background:url(../img/btn_middle_blue_selected.png) no-repeat;}
.btnBrownWide{display:inline-block;background:url(../img/btn_wide_brown.png) no-repeat;border:0px;width:172px;height:28px;cursor:pointer;color:white;font-weight:bold;text-align:center;padding-top:4px;padding-left:8px}
.btnBrownWide:hover{display:inline-block;background:url(../img/btn_wide_brown_hover.png) no-repeat;}
/* ----------------- */
#navleft{ position:relative; float:left; width:196px; margin-top:21px; ;margin-left:6px; font-size:0.9em; color:#fff;}
#navleft h2, #navleft h2 a{ color:#fff; font-weight:bold; font-size:14px;}
#navleft h2 a:hover{color:#453421;}
#navcolumn{margin-left:6px;}
#toplink{margin-bottom:26px;}
.largelink{ color:#fff; font-weight:bold; font-size:12px;}
.largelink:hover{color:#453421;}
.standardlink{ color:#000;}
.standardlink:hover{ color:#666; text-decoration:none}
.bluelink{color:#119ed6;}
.bluelink:hover{text-decoration:none;color:#85C23F;}
.navpaneltop{ width:180px; height:12px; background:url(../img/panel_top.png); margin:8px 0px 0px 0px;}
.navpanelcenter{ width:148px; background:url(../img/panel_center.png) repeat-y; padding:0px 16px 2px 16px; color:#fff;}
.navpanelbottom{ background:url(../img/panel_bottom.png); width:180px; height:16px; margin:0px; padding:0px;}
.navpanelwittop{ width:180px; height:12px; background:url(../img/panel_wit_top.png); margin:0px 0px 0px 0px;}
.navpanelwitcenter{ width:148px; background:url(../img/panel_wit_center.png) repeat-y; padding:0px 16px; color:#453421;}
.navpanelwitcenter a{ color:#929292;}
.navpanelwitbottom{ background:url(../img/panel_wit_bottom.png); width:180px; height:16px; margin:0px; padding:0px;}
/* -- categorieen menu -- */
.open{ padding-left: 10px; background-image: url(../img/cat_arrow_top_open.png); background-repeat:no-repeat;}
.closed{ padding-left: 10px; background-image: url(../img/cat_arrow_top_closed.png); background-repeat:no-repeat;}
.catlink{padding-left: 12px;}
#categorieen{ margin:24px 0px 0px 0px}
#categorieen a{ color:#fff}
#categorieen a:hover{ color:#453421;}
#categorieen ul{ list-style:none;padding-top:4px;font-size:12px;font-weight:bold;margin-left:-2px}
#categorieen ul li{ white-space: nowrap; padding-bottom:3px;}
#categorieen ul li ul{ margin-left:-8px;font-weight:normal;}
#categorieen ul li ul li{ white-space: nowrap; color:#453421;margin-left:8px;}
#categorieen ul li ul li a{ white-space: nowrap; color:#453421;}
#categorieen ul li ul li a:hover{ white-space: nowrap; color:#E8E4CC;}
#duurzamer{ margin:24px 0px 0px 0px; padding:0px;}
#duurzamer ul{ margin:0px 0px 0px -2px; font-size:12px;}
#duurzamer li{ list-style:none; margin-top:4px;font-weight:bold;background-position:0px 5px;}
#duurzamer a{ color:#fff;}
#duurzamer a:hover{ color:#453421}
#duurzamer li ul li{ white-space: nowrap; color:#453421;margin-left:4px; font-size:12px; font-weight:normal}
#duurzamer li ul li a{ white-space: nowrap; color:#453421;}
#duurzamer li ul li a:hover{ white-space: nowrap; color:#fff;}
#aanbieders{margin:24px 0px 0px 0px; padding:0px;}
#aanbiederlijst{margin:8px 0px 0px 0px;width:140px}
#filterUitleg{color:#119ed6;background-color: #fff; padding:8px;}
.openlink{ color:#453421 !important}
/* --------------- */
#navright{background-color:#E8E4CE; width:196px; min-height:320px; float:left; color:#fff;margin-left:14px; margin-top:21px;}
.btnzoek{ background:url(../img/btn_zoek.png) no-repeat;border:0px;width:158px;height:28px;cursor:pointer}
.btnzoek:hover{ background:url(../img/btn_zoek_hover.png);}
.loginButton{background:url(../img/btn_groen_inloggen.png);border:0px;width:106px;height:24px;cursor:pointer;color:white;font-weight:bold}
.tinylabel{ font-size:9px;margin-left:4px;}
.p14{font-size:14px}
.inlogbutton{display:inline-block;background:url(../img/btn_inloggen3.png) no-repeat;border:0px;width:172px;height:28px;cursor:pointer;color:white;font-weight:bold;text-align:center;padding-top:4px;padding-left:8px}
.inlogbutton:hover{display:inline-block;background:url(../img/btn_inloggen3_hover.png) no-repeat;}
/** -- **/
.paneltop{ width:179px; height:12px; background:url(../img/panel_top.png); margin:0px;}
.panelcenter{width:147px; background:url(../img/panel_center.png) repeat-y;padding:0px 16px 2px 16px; color:#fff; text-align:center;}
.panelbottom{ width:179px; height:16px; background:url(../img/panel_bottom.png);margin-bottom:8px;}
.panelcenter h2{font-weight:bold;font-size:1.2em;color:#fff;}
/** -- **/
.paneltop_actie{ width:179px; height:109px; background:url(../img/panel_actie_top.png); margin:0px;}
.panelcenter_actie{ width:171px; background:url(../img/panel_actie_center.png) repeat-y; padding:0px 0px 0px 8px; color:#fff; text-align:center;}
.panelbottom_actie{ width:179px; height:16px; background:url(../img/panel_actie_bottom.png);margin-bottom:8px;}
.panelcenter_actie h2{font-weight:bold;font-size:1.2em;color:#fff;}
.panelbutton{display:inline-block;background:url(../img/panel_button_brown.png) no-repeat;border:0px;width:171px;height:29px;cursor:pointer;color:#fff;font-weight:bold;text-align:center;padding-top:4px;}
.panelbutton:hover{display:inline-block;background:url(../img/panel_button_brown_hover.png) no-repeat;}
#koopbanner {width: 171px;height:24px;list-style-type: none}
#koopbanner .slide {font-size:12px;font-weight:bold}
.formactivate td{padding:4px;}
.form input.empty { background: url(../img/icons/icon_required_tiny_green.png) no-repeat; background-position: 99% center;}
/* ------NAVIGATIE IN CONTENT VLAK--------- */
.spacer{ margin-left:4px;}
.tabspacer{margin-left:4px;}
#tabgroup{ height:53px; margin:0px; padding:0px; overflow:hidden;}
#tabgroup ul { margin:0px; padding:0px;}
#tabgroup ul li { list-style-type: none; float:left;}
#tabgroup ul li a {display:block;font-size:12px;height:22px;}
#tabgroup ul li a:hover { text-decoration:none;}
#tabgroup li ul
{
padding: 1px 0px 0px 0px;
position: absolute;
margin:-7px 0px 0px 0px;
z-index:10;
visibility: hidden;
/*border-top: 1px solid white */
background:#85C23F;
}
#tabgroup li ul li
{ float: none;
display: inline
}
#tabgroup li ul li a
{ width: auto;
margin: 0;
padding:6px 0px 0px 0px;
background:#85C23F;
font-size:11px;
width:100px;
}
#tabgroup li ul li a:hover
{ background: #507625}
.currenttab{ background:url(../img/tab_wit.png) no-repeat; height:53px; width:100px; padding-top:27px; text-align:center;}
.currenttab a{ color:#818080; font-size:12px; font-weight:bold;text-decoration:none}
.currenttab a:hover{ color:#818080; font-size:12px; font-weight:bold;text-decoration:none}
.inactiveasntab{ background:url(../img/btn_groen_asn.png) no-repeat; height:53px; width:100px; padding-top:25px; text-align:center;}
.inactiveasntab:hover{ background:url(../img/btn_groen_asn_hover.png) no-repeat;}
.inactiveasntab a{ color:white; font-size:11px; text-decoration:none}
.inactivetab{ background:url(../img/btn_groen.png); height:20px; width:100px; padding-top:4px; margin-top:21px; text-align:center;}
.inactivetab:hover{ background:url(../img/btn_groen_hover.png);}
.inactivetab a{ color:white; font-size:11px;text-decoration:none}
#contenttabgroup{ border:1px solid #85C23F;height:24px;margin-bottom:24px;background-color:#f0f0f0}
#contenttabgroup ul { margin:0px; padding:0px;}
#contenttabgroup ul li { list-style-type: none; float:left;}
#contenttabgroup ul li a {display:block;margin-top:5px;text-align:center;}
.contenttab{background-color:#fff;width:154px;height:24px;text-align:center;}
.contenttab a{color:#666}
.contenttab a:hover{text-decoration:none}
.contenttab_current{background-color:#85C23F;width:156px; height:24px;text-align:center;}
.contenttab_current a{text-decoration:none;color:#fff;width:156px;}
.contenttab_current a:hover{text-decoration:none}
/* */
.faqitem{/*background: url(../img/cat_arrow_top_closed_blauw.png) no-repeat; padding-left:12px;*/cursor:pointer}
.faq_cat{font-size:12px;font-weight:normal;margin-bottom:4px;}
#faqs div{margin-left:8px;margin-bottom:4px}
.faqopen{ margin-left:-12px;padding-left: 12px; background-image: url(../img/cat_arrow_top_open_blauw.png); background-repeat:no-repeat;}
.faqclosed{ margin-left:-12px;padding-left: 12px; background-image: url(../img/cat_arrow_top_closed_blauw.png); background-repeat:no-repeat;}
/* ----- -SLIDESHOW FEATURE --------- */
#featured{width:465px; height:165px; margin-bottom:16px; background-color:#fff; overflow:hidden;}
.slideshow{ height: 465px; width: 165px; }
.slideshow img{padding: 0px; border: 0px ; background-color: #fff; }
/* ------CATEGORIE BLOKKEN CONTENTVLAK--------- */
#result_categorie{width:200px;margin-right:16px;float:left;}
#result_duurzamer{display:inline;position:relative;width:200px;float:left}
.resultblock{ background:url(../img/categoryblock_bg.png) no-repeat; width:135px; height:154px; float:left; padding:2px 1px 1px 1px; text-align:center;}
.resultblock:hover{ background:url(../img/categoryblock_bg_hover.png) no-repeat;}
.resultblock .productlink{ font-weight:bold; color:#666;}
.blocklabe_short{ width:135px; height:34px; display:table-cell; vertical-align:middle; margin-top:8px;}
.blocklabel{ width:135px; height:52px; display:table-cell; vertical-align:middle; margin-top:8px;}
.blockimage{ width:133px; padding:0px 1px;height:100px;}
.rightmargingrid{margin-right:27px;margin-bottom:16px;}
.zoekfilter {font-size:14px;font-weight:bold;margin-bottom:4px;}
.resultlink{ display:block; padding-left:16px; background-image: url(../img/cat_arrow_top_closed.png); background-position:0px 2px;background-repeat:no-repeat; color:#333; text-decoration:none; font-size:12px;}
.kaartlink{color:#999; text-decoration:none; font-size:12px}
.deletelink{ color:#929292;background:url(../img/icons/delete.png) right 1px no-repeat;padding-right:18px; height:20px;display:inline-block}
.deletelink:hover{ color:#666;}
.producttitel{color:#666 !important;font-weight:bold;overflow:hidden;width:135px;white-space:nowrap;display:block}
.locatie{color:#A28E6B !important;overflow:hidden;width:135px;white-space:nowrap;display:block}
.korting{color:#119ed6 !important;overflow:hidden;width:135px;white-space:nowrap;display:block}
.iproducttitel{color:#666 !important;font-weight:bold;white-space:nowrap;}
.iproductlocatie{color:#A28E6B !important;white-space:nowrap;}
.iproductkorting{color:#119ed6 !important;white-space:nowrap;}
.kortingscode{color:#222222 !important;font-weight:bold;font-size:12px}
.leftfloat {float:left;display:block;position:relative;margin:0px 4px;}
.duurzamerchecks li{margin-left:32px;list-style:disc;}
/** -- **/
#productdetailswrap {margin:16px 0px 0px 0px; min-height:220px}
#productImage {width:211px; height:188px;}
#productImageWrap {width:250px; height:188px; margin-right:6px; background-color:#fff; float:left;}
#productThumbnails {width:250px; height:32px; float:left;}
.productthumbnail {display:block;float:left;margin-right:2px}
.productpanel{width:200px; float:right;font-size:12px;}
.paneltop_product { width:200px; height:12px; background:url(../img/panel_details_top.png) no-repeat; margin:0px;}
.panelcenter_product{ width:178px; min-height:166px;background:url(../img/panel_details_center.png) repeat-y; padding:0px 12px;color:#000;}
.panelbottom_product{ width:200px; height:12px; background:url(../img/panel_details_bottom.png) no-repeat;margin-bottom:8px;}
#keurmerken{margin:16px 0px 8px 0px;}
.producttekst{margin:16px 0px;}
.duurzameruitleg{position:relative;z-index:4;}
.hoe{color:#000;font-size:16px;font-weight:bold;}
.waar{color:#000;font-size:16px;font-weight:bold;margin-top:12px;}
.waarlocatie{}
.waarurl{ color:#000;font-size:10px}
.waarmaps{color:#000}
.waarmeerlocaties{color:#000}
#validationFeedBack{color:#ff3333;}
#logobox { width:465px;}
#logoboxtop { width:465px;height:12px;background:url(../img/logobox_top.png) no-repeat;}
#logoboxbottom { width:465px;height:12px;background:url(../img/logobox_bottom.png) no-repeat;}
#logoboxcenter { width:465px;padding:8px;background:url(../img/logobox_center.png) repeat-y;}
/**/
.googlemap{width:452px;height:452px;}
/* addThis */
.addthis_toolbox{float:right}
.addthis_default_style{}
.addthis_button_compact{color:#929292}
/* -----ALGEMENE MARGES en PADDING---------- */
.paddedtable td{padding:8px}
.paddedtable tr{border-bottom:1px solid #cccccc}
.vmargin4{margin-top:4px;margin-bottom:4px}
.marginleft32{margin-left:32px;}
.marginleft24{margin-left:24px;}
.marginleft16{margin-left:16px;}
.marginbottom16{margin-bottom:16px;}
.marginbottom8{margin-bottom:8px;}
.marginbottom4{margin-bottom:4px;}
.margintop4{margin-top:4px;}
.nomargin{margin-top:0px;}
.padded16{position: relative; padding: 16px;}
.padded8{position: relative; padding: 8px;}
.right1p{margin-right:1px}
/* ------ INPUTFIELD STYLING--------- */
.ci { background:url(../img/inputfield_bg.png); border:0px; height:19px; width:160px; padding-left:8px; padding-top:4px;}
.ciSmall { background:url(../img/inputfield_bg.png); border:0px; height:19px; width:140px; padding-left:8px; padding-top:4px;color:#333;}
.ciSelect {width:148px; padding:2px 4px;background: transparent url(../img/inputfield_bg.png) repeat-x;}
.text{width:280px; border:1px solid #ddd; height:24px;padding-left:8px; padding-top:2px;color:#333}
.textarea{width:280px; border:1px solid #ddd; height:96px;padding-left:8px; padding-top:2px;color:#333}
.wide{width:440px !important;}
.chkb_label{vertical-align: top; padding-right: 8px;margin-left:8px;}
.compactform{margin:auto;width:360px;border:1px solid #A28E6B;padding:16px; }
.compactform .text{width:340px; border:1px solid #ddd; height:24px;padding-left:8px; padding-top:2px;color:#333}