/* reset styles */
@import url("/lib/css/reset.css");
/* plugin styles */
@import url("/lib/css/plugins/nyroModal.1.5.5.css");
@import url("/lib/css/plugins/jquery.lightbox-0.5.css");
@import url("/lib/css/plugins/jquery.alerts.css");

body { font-size: 14px; color: #0090d1; }

a { color: #0090d1; }

body.homepage { background: #fff url('/lib/images/bg_homepage.png') no-repeat top center }
body.zak{ background: #fff url('/lib/images/bg_homepage_zakelijk.png') no-repeat top center }

body.content .bodycontainer { background: url('/lib/images/bg_content.png') no-repeat top center }
#bg { position:fixed; top:0px; left:0; width:100%; height:100%; }
#bg2 { position:absolute; top:0px; left:0; width:100%; height:148px; }
	
#container { width: 960px; overflow: hidden; margin: 0 auto; background: url() center top no-repeat; position: relative;}

#header { height: 140px; width: 960px; position: relative;}

#logo { float: left; width: 121px; height: 121px; margin: 10px 0 0 0; }

h1 { font-size: 14px; float: left; font-weight: bold; text-transform: uppercase; margin: 97px 0 0 13px; }
h1 strong { font-size: 18px; display: block; }
h2 { font-weight: bold; font-size: 24px; color: #00437a; text-transform: uppercase; margin: 0 0 18px 0 }
h2 em { font-style: normal; color: #0090d1; }

#utils { height: 28px; position: absolute; top: 0; right: 0; }
#utils li { float: left; margin: 0 -4px 0 0; }
#utils li a { float: left; height: 23px; line-height: 14px; background: transparent url('/lib/images/utils_tab.png') no-repeat bottom left; padding: 0 0 0 10px; font-size: 11px;}
#utils li span { float: left; background: transparent url('/lib/images/utils_tab_rechts.png') no-repeat bottom left; width: 10px; height: 23px; }
#utils li:hover a { height: 28px; line-height: 24px; }
#utils li:hover span { height: 28px; }
#utils li.professionals a { color: #fff; background-image: url('/lib/images/utils_tab_pro.png')  }
#utils li.professionals span { background-image: url('/lib/images/utils_tab_pro_rechts.png') }
#utils li.ambiance a { color: #fff; background-image: url('/lib/images/utils_tab_amb.png')  }
#utils li.ambiance span { background-image: url('/lib/images/utils_tab_amb_rechts.png') }

#navigation { height:100px; position: absolute; bottom: 0; right: 0; background: transparent url('/lib/images/menu_divider.png') no-repeat bottom right; z-index: 50; }
#navigation li { float: left; z-index: 50; }
#navigation li a { float: left; width: 110px; height:40px; padding: 60px 0 0 10px; background: transparent url('/lib/images/menu_divider.png') no-repeat 0 0; text-transform: uppercase; font-size: 12px; }
#navigation li a.active,
#navigation li a:hover { color: #fff; background-image: url('/lib/images/menu_active.png') }
#navigation li.hassubs a.active,
#navigation li.hassubs a:hover { color: #fff; background-image: url('/lib/images/menu_active_sub.png') }
#navigation li ul { position: absolute; z-index: 50; width: 148px; left: -999em; top: 100px; background: url('/lib/images/bg_submenu.png'); margin: 0 0 0 -3px; padding: 0; }
#navigation li ul li a { height: 30px; width: 131px; line-height: 30px; margin: 0 0 0 4px; padding: 0 0 0 10px; color: #fff; background: transparent url('/lib/images/submenu_divider.png') repeat-x bottom left;  }

#navigation li.hassubs ul li a:hover,
#navigation li ul li a:hover { color: #eee; background-image: url('/lib/images/submenu_divider.png'); }
#navigation li ul li.last a,
#navigation li ul li.last a:hover { background-image: none; }

#navigation li.hassubs ul li a:hover,
#navigation li ul li a:hover { color: #eee; background-image: url('/lib/images/bg_subcat_active.png');}
#navigation li.hassubs ul li a.active,
#navigation li ul li a.active { color: #eee; background-image: url('/lib/images/bg_subcat_active.png');}

#navigation li ul .bottom { position: absolute; z-index: 50; bottom: -11px; left: 0; margin: 11px 0 0 0; background: transparent url('/lib/images/submenu_bottom.png') no-repeat 0 0; width: 148px; height: 11px; }
#navigation li:hover ul, #navigation li.sfhover ul { left: auto; z-index: 50; }

#content { width: 960px; /*background: #fff url('/lib/images/dummy.jpg') no-repeat top center;*/ float: left;}
#zakelijk { position: relative; z-index: 1; height: 361px; width: 960px; background: #fff url('/lib/images/dummy3.png') no-repeat top center; overflow: hidden;}
.homepage #content { position: static; z-index: 2; height: 361px; }
.content #content { position: static; margin: 40px 0 0 0; height: auto; padding: 30px; width: 900px; background: #fff url('/lib/images/bg_contentvlak.png') no-repeat top center; }
#content a { color: #f08a00; }
#content a:hover { text-decoration: underline; }
#dealersearchopen  { display: block; position: absolute; bottom: 0; left: 0; height: 32px; width: 128px; overflow: hidden; background: transparent url('/lib/images/button_open_search_dealer.png') repeat-x 0 0; text-indent: -9999em; font-size: 0; }

.content #dealersearchopen { top: 158px; background-image: url('/lib/images/button_open_search_dealer2.png'); width: 123px; height: 22px; }
.content #dealersearchclose2 { top: -22px; background-image: url('/lib/images/button_close_search_dealer2.png'); width: 123px; height: 22px; }

.homepage #dealersearchopen { top: 479px; background-image: url('/lib/images/button_open_search_dealer2.png'); width: 123px; height: 22px; }
.homepage #dealersearchclose2 { top: -22px; background-image: url('/lib/images/button_close_search_dealer2.png'); width: 123px; height: 22px; }
.homepage #dealersearch, #dealerclip { position: absolute; top: 140px; left: 0; height: 0; width: 960px; overflow: hidden; background: #034478 url('/lib/images/bg_dealer_search.png') repeat-x 0 0; z-index: 15 }

#dealersearch, #dealerclip { position: absolute; bottom: 0; left: 0; height: 0; width: 960px; overflow: hidden; background: #034478 url('/lib/images/bg_dealer_search.png') repeat-x 0 0; z-index: 15 }
.content #dealersearch { height: 361px; }
#dealerclip { top: 180px;}
.dealers #dealerclip { top: 0; margin-top: 20px; }
.dealers #dealersearch, .dealers #dealerclip { position: relative; bottom: auto; left: auto; height: 361px; width: 890px; overflow: visible; background: #034478 url('/lib/images/bg_dealer_search.png') repeat-x 0 0; z-index: 15 }
.dealers #map { width: 640px; }
.dealers #mapcanvas { width: 640px; }
.dealers #map .shadowtop { width: 640px; }
#ddlDealers { border: 1px solid silver; height: 23px}
#dealersearchclose  { display: block; position: absolute; top: 0; left: 0; height: 0; width: 123px; overflow: hidden; background: transparent url('/lib/images/button_close_search_dealer.png') repeat-x bottom left; text-indent: -9999em; font-size: 0; }
.content #dealersearchclose { display: none; }
#dealersearch h2 { font-size: 18px; font-weight: bold; color: #fff; text-transform: uppercase; padding: 0 0 12px 20px; margin: 0 0 16px 0; background: transparent url('/lib/images/row_dealer_search.png') no-repeat bottom left; width: 220px; }
#dealersearch form { position: absolute; bottom: 8px; left: 0 }
#dealersearch label { color: #7dadd4; clear: both; display: block; margin: 0 0 5px 20px; } 
#dealersearch input,
#dealersearch select { color: #7f7f7f; font-size: 12px; clear: both; width: 200px; border-top: 1px solid #011b30; border-left: 1px solid #011b30; border-bottom: 1px solid #839fb6; border-right: 1px solid #839fb6; margin: 0 0 20px 16px; }
#dealersearch input { height: 25px; font-size: 14px; line-height: 25px; padding: 0 0 0 5px;}
#dealersearch button { width: 69px; height: 31px; background: transparent url('/lib/images/button_search_dealer.png') no-repeat 0 0; display: block; text-indent: -9999px; font-size: 0; line-height: 0; border: 0; margin: 0 0 0 155px; cursor: pointer; }
#map { position: relative; width: 710px; height: 341px; background: #99b3cc; float: right; margin: 10px 9px 0 0 }
#map .shadowtop { width: 710px; height: 8px; background: transparent url('/lib/images/gm_innershadow_top.png') no-repeat 0 0; position: absolute; top: 0; left: 0;  z-index: 23;}
#map .shadowleft { width: 8px; height: 341px; background: transparent url('/lib/images/gm_innershadow_left.png') no-repeat 0 0; position: absolute; top: 8px; left: 0;  z-index: 23;}
#mapcanvas { width: 710px; height: 341px; }
#divStraal { display: none; }

/*vinzzz*/
.infobox { width: 391px; height: 205px; cursor: default; background: url('/lib/images/gm_infowindow2.png') 0 0 no-repeat; }
.infobox * { color: #fff; font-size: 12px; font-family: Arial; line-height: 14px; }
.infobox strong { font-weight: bold; text-transform: uppercase; }
.infobox_wrapper { padding: 10px 30px 33px 15px; position: relative; }
.infobox a { background: url(/lib/images/infobox_a.png) 0 4px no-repeat; padding-left: 15px; text-decoration: underline; color: #fff !important; font-size: 12px; font-family: Arial; }
.infobox .address { position: absolute; top: 10px; left: 15px; width: 137px; height: 160px; overflow: hidden; }
.infobox .openinghours { position: absolute; top: 10px; left: 177px; width: 180px; height: 160px; overflow: hidden; }
.infobox .openinghours * { font-size: 11px; }
.infobox table { border-collapse: collapse; margin-top: 5px; width: 100%; }
.infobox td { background: #e48300; font-size: 11px; }
.infobox .odd { background: #f89c20; }
.closeBtn { position: absolute; right: 24px; top: 3px; z-index: 1; }

#slideshow { width: 100%; min-width:960px; height: 361px; position: absolute; top: 140px; left: 0; z-index: -1; }
#flashcontent { width:479; height:361;  position: absolute;top:140px; left:479px; z-index: -1; }
#btnSlideshow { position: absolute; top: 450px; left: 502px; width: 131px; height: 21px; z-index: 3; text-indent: -9999px; background: url(/lib/images/btn_laatjeinspireren.png) 0 0 no-repeat; }
/* end vinzzz*/

#content .dropshadow { background: transparent repeat-x 0 0; width: 960px; height: 8px; position: absolute; left: 0; }
#content .top { background-image: url('/lib/images/dropshadow_top.png'); top: 0; }
#content .bottom { background-image: url('/lib/images/dropshadow_bottom.png'); bottom: 0; }

.paragraph { margin: 0 0 18px 0; }
.portfolio .paragraph { width: 570px; }
.paragraph h3 { font-weight: bold; text-transform: uppercase; clear: both; font-size: 15px; }

#banners { height: 160px; overflow: hidden; width: 960px;}
#banners .blok { float: left; width: 480px; height: 160px;}

.zakelijk #newsbox { width: 970px;}
.zakelijk #newsbox a.all { right: 20px;}

#newsbox { position: relative; float: left; height: 143px; width: 836px; padding: 0 0 10px 0; margin: 0 3px 3px 0; background: #e5ecf1 url('/lib/images/news_box_top.png') no-repeat 0 0 }
#newsbox h2 { font-size: 18px; color: #00437a; text-transform: uppercase; padding: 12px 0 12px 20px; width: 836px; margin: 0 3px 3px 0; background: transparent url('/lib/images/news_box_row.png') no-repeat bottom left; }
#newsbox ul { margin: 17px 0 0 19px; }
#newsbox li { margin: 0 0 4px 0; }
#newsbox li span { width: 103px; float: left; font-size: 11px; margin: 1px 0 0 0; color: #898e91; }
#newsbox li span { float: left; }
#newsbox .bottom { position: absolute; bottom: 0; left: 0; height: 10px; width: 836px; background: #e5ecf1 url('/lib/images/news_box_bottom.png') no-repeat 0 0 }
#newsbox a.all { display: block; position: absolute; top: 18px; right: 10px; font-size: 11px; color: #898e91; }

#weatherbox { float: left; width: 121px; height: 153px; background: #e5ecf1 url('/lib/images/bg_weather.png') no-repeat 0 0;}

#footer { position: relative; height: 33px; clear: both; width: 960px; margin: 0 0 50px 0; background: url('/lib/images/bg_footer_2.png') 0 5px no-repeat; }
#footer li.copy { position: absolute; top: 9px; left: 10px; }
#footer li.voorwaarden { position: absolute; top: 9px; left: 225px; }
#footer li.privacy { position: absolute; top: 9px; left: 400px; }
#footer li.last { position: absolute; top: 9px; right: 10px;}

#porfolios { margin: 0; overflow: hidden; width: 910px; float: left;}
#porfolios li { float: left; width: 435px; height: 157px; background-color: #e5ecf1; margin: 0 20px 20px 0;}
#porfolios img {width: 210px; height: 157px; float: left; clear: both; }
#porfolios div { width: 225px; height: 157px; overflow: hidden; float: left; position: relative; }
#porfolios h4 { width: 195px; font-weight: bold; color: #00407a; padding: 20px 10px 10px 20px; margin: 0 0 10px 0; background: transparent url('/lib/images/inspiratie_overzicht_divider.png') no-repeat bottom left; }
#porfolios p { font-size: 12px; color: #00407a; padding: 0 10px 0 20px; line-height: 14px; }
#porfolios a.leesmeer { position: absolute; bottom: 4px; right: 7px; display: block; width: 103px; height: 31px; text-indent: -9999em; font-size: 0; background: #e5ecf1 url('/lib/images/btn_inspiratie_leesmeer.png') no-repeat 0 0;  }

#portfolioinfo { clear: both; overflow: hidden; width: 960px; margin: 0 0 10px -20px; }

#portfoliophotos { float: left; margin: 0 0 10px 0; padding: 0; width: 687px; }
#portfoliophotos ul { overflow: hidden; clear: both; padding: 5px; margin: 0; }
#portfoliophotos li { width: 210px; height: 157px; float: left; margin: 0 0 10px 15px; }
#portfoliophotos li a { display: block; width: 210px; height: 157px; position: relative; }
#portfoliophotos li a span.kader { z-index: 10; display: none; position: absolute; top: -5px; left: -6px; background: transparent url('/lib/images/inspiratie_focus.png') no-repeat 0 0; width: 222px; height: 168px; }
#portfoliophotos li a:hover span.kader { display: block; }
#portfoliophotos li a img { z-index: 11; position: absolute; top: 0; left: 0; }
#portfoliophotos li a span.plus { z-index: 12; display: block; width: 21px; height: 21px; position: absolute; bottom: 5px; right: 5px; background: transparent url('/lib/images/plus_klein.png') no-repeat 0 0; font-size: 0; text-indent: -9999em; }
#portfoliophotos li a:hover span.plus { width: 76px; height: 76px; background-image: url('/lib/images/plus_groot.png'); left: 67px; top: 40px;  }

#portfolioproducten { float: left; margin: 4px 0 0 24px; padding: 0; }
#portfolioproducten h3 { width: 200px; font-weight: bold; color: #00407a; padding: 10px 0 10px 20px; margin: 0 0 10px 0; background: transparent url('/lib/images/inspiratie_overzicht_divider.png') no-repeat bottom left; text-transform: uppercase; font-size: 14px; }
#portfolioproducten h4 { width: 170px; font-size: 12px; color: #000; text-align: center; }
#portfolioproducten { background-color: #e5ecf1; overflow: hidden; width: 210px; padding: 0 0 20px 0 }
#portfolioproducten li { width: 170px; padding: 20px 0; margin: 0 0 1px 20px; }
#portfolioproducten li img { border: 1px solid #878888; width: 98px; height: 98px; margin: 0 0 0 35px; }
#portfolioproducten li ul { margin: 10px 0 0 0; }
#portfolioproducten li ul li { background: transparent url('/lib/images/bullet_pijl.png') no-repeat 0 7px; padding: 0; margin: 0 0 0 20px; padding: 0 0 0 14px; width: 120px; line-height: 16px; }
#portfolioproducten li ul li a { font-size: 12px; color: #033b69; }
#portfolioproducten a.bekijkbrochure { display: block; width: 140px; height: 41px; text-indent: -9999em; font-size: 0; background: #f5f7f9 url('/lib/images/btn_bekijk_brochure.png') no-repeat 0 0; margin: 6px 0 0 18px; }
#portfolioproducten a.bekijkbrochure_inspiratie { display: block; width: 140px; height: 41px; text-indent: -9999em; font-size: 0; background: #f5f7f9 url('/lib/images/btn_bekijk_brochure_inspiratie.png') no-repeat 0 0; margin: 6px 0 0 18px; }
#portfolioproducten a.downloadbrochure { color: #033b69; font-size: 9px; margin: -6px 0 0 24px; display: block }

#portfolioproducten li .hide { display: none; }
#portfolioproducten li.sfhover,
#portfolioproducten li:hover { background-color: #f5f7f9; } 
#portfolioproducten li.sfhover .hide,
#portfolioproducten li:hover .hide { display: block; }

#content a.back { display: block; text-indent: -9999em; font-size: 0; width: 72px; height: 31px; margin: 10px 0 0 11px; background: #fff url('/lib/images/btn_terug.png') no-repeat 0 0; }

#productoverzicht { margin: 0 0 0 -30px; }
#productoverzicht h3 { font-weight: bold; text-transform: uppercase; clear: both; font-size: 15px; margin: 0 0 0 30px; }
#productoverzicht li { clear: both; }
#productoverzicht ul { clear: both; margin: 20px; margin: 0;}
#productoverzicht div.subcategorieoverzicht { width: 930px; height: 246px; padding: 0 0 0 30px; background: #fff url('/lib/images/bg_subcats.png') repeat-x 0 0; position: relative;}
#productoverzicht .subcategorieen { background: transparent url('/lib/images/subcat_divider.png') no-repeat 0 0; padding: 0 0 0 2px; overflow: hidden; height: 50px;}
#productoverzicht .subcategorieen li { float: left; clear: none; }
#productoverzicht .subcategorieen li a.subcategorie { display: block; height: 27px; font-size: 12px; color: #0090d1 !important; padding: 23px 20px 0 20px; background: #fff url('/lib/images/bg_subcat.png') no-repeat top right;  }
#productoverzicht .subcategorieen li a.active,
#productoverzicht .subcategorieen li a.subcategorie:hover { background-image: url('/lib/images/bg_subcat_active.png'); color: #fff !important; text-decoration: none;  }
#productoverzicht .productcontainer { width: 960px; height: 176px; position: absolute; left: 0; top: 50px; background: #fff url('/lib/images/bg_producten.png') repeat-x 0 0; overflow: hidden;  }
#productoverzicht .producten { width: 960px; height: 176px; overflow: hidden;  }
#productoverzicht .producten ul { width:20000em; height: 176px; margin: 0 0 0 26px; overflow: hidden; position: absolute; z-index: 10;}
#productoverzicht .producten a.disabled { display: none; }
#productoverzicht .producten a.scroll { position: absolute; top: 0; width: 51px; height: 176px; background: transparent no-repeat 0 0; text-indent: -9999em; font-size: 0; cursor: pointer; }
#productoverzicht .producten a.prev { background-image: url('/lib/images/producten_scroll_left.png'); left: 0; z-index: 11; }
#productoverzicht .producten a.next { background-image: url('/lib/images/producten_scroll_right.png'); right: 0; z-index: 11; }
#productoverzicht .producten li { float: left; width: 151px; height: 174px; }
#productoverzicht .producten li a { float: left; color: #000; font-size: 12px; width: 151px; height: 174px;}
#productoverzicht .producten li a:hover { text-decoration: none; background: transparent url('/lib/images/bg_product_active.png') no-repeat 0 14px; }
#productoverzicht .producten li a span.media { display: block; border: 1px solid #7f7f7f; margin: 30px 0 0 25px; width: 98px; height: 98px; background: #fff url('/lib/images/bg_product.png') no-repeat 0 0; position: relative; z-index: 1; cursor: pointer;}
#productoverzicht .producten li a span.title { width: 151px; text-align: center; display: block; cursor: pointer;}
#productoverzicht .producten li a span.classificering { display: block; position: absolute; right: -10px; top: -1px; display: block; text-indent: -9999px; width: 9px; height: 38px; cursor: pointer;}

#productoverzicht .producten .Basic { background: url(/lib/images/bg_basic.png) no-repeat; }
#productoverzicht .producten .Excellent { background: url(/lib/images/bg_excellent.png) no-repeat; }
#productoverzicht .producten .Premium { background: url(/lib/images/bg_premium.png) no-repeat; }

ul.architect_knop li a { background: url(/lib/images/btn_verzenden_zak.png) no-repeat; text-align: center; width: 136px; height: 31px; display: block; color: #fff !important; text-decoration: none !important; padding: 2px 0 0 0;}
ul.bedrijven_knop li a { background: url(/lib/images/bedrijven_knop.png) no-repeat; text-align: center; width: 193px; height: 31px; display: block; color: #fff !important; text-decoration: none !important; padding: 2px 0 0 0;}

/*CONTACT*/
form.contact { width: 570px; margin: 0 30px 0 0; float: left;}
form.contact .trigger { background-color: #e5ecf1; overflow: hidden; padding: 0 0 0 0; margin: 15px 0 0 0;}
form.contact .toggle_container { background-color: #e5ecf1; overflow: hidden; margin: 0; padding: 10px 10px 15px 10px; display: none;}
form.contact .toggle_container .formRow { margin: 0 0 5px 0;}
form.contact .toggle_container label { margin: 0 10px 0 0;}
form.contact .toggle_container input { margin: 0 10px 0 0;}
form.contact .toggle_container textarea { vertical-align: top; width: 400px; height: 70px; border: 1px solid #a7a6aa;}

form.contact h3.gegevens { padding: 0 10px;  color: #033B69 !important; width: 550px; line-height: 30px; height: 30px; display: block;font-weight: bold; margin: 0 0 10px 0;  }

form.contact .trigger a { padding: 0 10px;  color: #033B69 !important; width: 550px; line-height: 30px; height: 30px; display: block; }
form.contact .trigger a h3 { float: left; font-weight: bold;}
form.contact .trigger a span { float:right; font-size: 11px; background: transparent url(/lib/images/bg_trigger.png) no-repeat center right; padding: 0 15px 0 0; }
form.contact .trigger a:hover { text-decoration: none !important; }

form.contact .wrapper { background-color: #e5ecf1; margin: 0 0 20px 0; padding: 0 0 15px 0; overflow: hidden; width: 570px;}
form.contact .wrapper .frmRow { margin: 0 0 10px 10px; overflow: hidden; float: left; width: 550px;}
form.contact .wrapper .frmRow .Row { float: left; width: 280px;}
form.contact .wrapper label { width: 230px;}
form.contact .wrapper label.error { color: Red; float: right; font-size: 11px; width: 100px; margin: 0 10px 0 0;}
form.contact .wrapper select { width: 290px; border: 1px solid #a7a6aa; height: 25px; margin: 0 0 0 40px;}
form.contact .wrapper option { width: 260px;}
form.contact .wrapper input.check { width: 20px; margin: 0 10px 0 0;}
form.contact .wrapper span { clear: both; float: left; width: 250px; height: 50px;}

form.contact .gegevens { background-color: #e5ecf1; overflow: hidden; padding: 0 0 15px 0;}
form.contact .gegevens label { clear: both; float: left; margin: 0 0 0 10px;}
form.contact .gegevens label.error { color: red; position: absolute; font-size: 11px; top: 24px; right: 10px; z-index: 10000000;}

form.contact .gegevens label.left { clear: none; float: left;}
form.contact .gegevens .frmRow { position: relative; margin: 0 0 8px 0; overflow: hidden; width: 482px;}
form.contact .gegevens input { margin: 0 0 0 10px; padding: 5px 5px 0 5px; clear: both; float: left; border: 1px solid #a7a6aa; width: 460px; height: 25px;}
form.contact .gegevens textarea { width: 470px; height: 80px; border: 1px solid #a7a6aa; margin: 0 0 0 10px;}
form.contact .gegevens input.check { height: 15px; width: 15px; border: 0; float:left; margin: 0 0 0 10px;}
form.contact input.submit { background: url(/lib/images/btn_verzenden.png) no-repeat; width: 136px; height: 31px; font-size: 12px; color: #fff; padding: 0 0 10px 0; float: right; margin: 10px 0 0 0;}

/*
form.contact h3.info { background-image: url(/lib/images/trigger_info.png); width: 570px; height: 30px; display: block; text-indent: -9999px; margin: 0; padding: 0;}
form.contact h3.service { background-image: url(/lib/images/trigger_service.png); width: 570px; height: 30px; display: block; text-indent: -9999px; margin: 0; padding: 0;}
form.contact h3.gegevens { background-image: url(/lib/images/h3_gegevens.png); width: 570px; height: 30px; display: block; text-indent: -9999px; margin: 0; padding: 0;}
form.contact h3.persoonlijke { background-image: url(/lib/images/h3_persoonlijke.png); width: 570px; height: 30px; display: block; text-indent: -9999px; margin: 0; padding: 0;}
*

#adres { float: left; width: 310px; margin: 16px 0 0 20px;}

/*NIEUWSOVERZICHT*/
.nieuws { overflow: hidden; margin: 0 0 30px 0;}
.nieuws .left { width: 495px; float: left; margin-right: 75px}
.nieuws .left .datum { background-image: url(/lib/images/bg_date.png); width: 26px; height: 25px; display: block; color: #fff; font-size: 9px; font-weight: bold; text-align: center; line-height: 11px; padding: 1px 0 0 0; float: left; margin: 3px 10px 0 0;}
.nieuws .left h3 { font-size: 14px; color: #033b69; font-weight: bold;}
.nieuws .left .inleiding { clear: both; float: left; margin: 15px 0 15px 0;}
.nieuws .left .text { clear: both; float: left; margin: 15px 0 15px 0;}
.nieuws .left .mediaitem { margin: 0;}
.nieuws .left .mediaitem img { max-width: 495px;}
.nieuws .left a.overzicht { background-image: url(/lib/images/btn_overzicht.png); width: 191px; height: 31px; display: block; text-indent: -9999px; clear: both; float: left; margin: 20px 0 0 0;}

.nieuws ul.overzicht { background-color: #e5ecf1; overflow: hidden; width: 280px; float: left; padding: 20px 20px 10px 20px;}
.nieuws ul.overzicht h3 { font-size: 14px; color: #033b69; font-weight: bold; text-transform: uppercase; padding: 0 0 20px 0; margin: 0 0 10px 0; border-bottom: 1px solid #9fafbb;}
.nieuws ul.overzicht span.date { color: #7493ad; font-size: 10px; clear: both; float: left;}
.nieuws ul.overzicht span.title { clear: both; float: left; color: #033b69; margin: 0 0 20px 0; width: 280px;}

.nieuws ul.items li { margin: 0 0 15px 0; clear: both; float: left; width: 550px;}
.nieuws .left span.date { background-image: url(/lib/images/bg_date.png); width: 26px; height: 25px; display: block; color: #fff; font-size: 9px; font-weight: bold; text-align: center; line-height: 11px; padding: 1px 0 0 0; float: left; margin: 3px 10px 0 0;}
.nieuws .left span.titel { color: #033b69; font-weight: bold;}
.nieuws .left ul.items li span.inleiding { float: left; margin: 0 0 0 35px;}
.nieuws .left ul.items a.lees { margin: 0 0 0 5px;}

/*CONTENT 2 KOLOMMEN*/
#column1_2_container { overflow: hidden; padding: 0; } 
#column1_2 { clear: both; padding-top: 25px; padding-right: 35px; } 
#column1 { clear: both; float: left; width: 440px; margin: 0 20px 0 0; padding: 0; min-height: 1px; overflow: hidden; }
#column2 { float: left; width: 440px; margin: 0; padding: 0; min-height: 1px; overflow: hidden; }

#column1 h2 { font-size:12px; margin: 0; padding: 0;}
#column2 h2 { font-size:12px; margin: 0; padding: 0;}

#column1 .mediaitem { width: auto; margin: 10px 10px 10px 0;}
#column2 .mediaitem { width: auto; margin: 10px 10px 10px 0;}
#column1 img { width: auto; margin: 0 10px 10px 0; float: left;}
#column2 img { width: auto; margin: 0 10px 10px 0; float: left;}

#column1 .imagedescription { display: none;}
#column2 .imagedescription { display: none;}

/*ZOEKEN*/
#zoekopties { color: #033b69; background-color: #e5ecf1; width: 310px; padding: 20px 0 10px 20px; margin: 0 0 20px 0;}
#zoekopties input.zoekveld { width: 280px; height: 22px; padding: 8px 5px 0 5px; margin: 0 0 10px 0;}
#zoekopties span { height: 200px; width: 70px; display: block; float: left;}
#zoekopties .row { margin: 0 0 10px 0;}
#zoekopties label { margin: 0 0 0 10px;}
#zoekopties input { margin: 0;}
#zoekopties input.submit { background: url(/lib/images/bg_zoeken.png) no-repeat; width: 64px; height: 31px; text-indent: -9999px; float: right; margin: 0 20px 0 0;}

#resultaten { width: 525px; float: left;}
#resultaten .gevonden span { color: #033b69; font-weight: bold;}
#resultaten ul.tabs { margin: 20px 0 20px 0; padding: 0; float: left;}
#resultaten ul.tabs li.first { border-left: 1px solid #bdbdbd;}
#resultaten ul.tabs li { float: left; border-right: 1px solid #bdbdbd;}
#resultaten ul.tabs li a { padding: 8px 9px 0px 9px; font-size: 12px; background-image: url(/lib/images/bg_zoek.png); display: block; height: 27px; color: #0191d0; text-transform: capitalize;}
#resultaten ul.tabs li a:hover { background-image: url(/lib/images/bg_zoek_hover.png); color: #fff; text-decoration: none;}
#resultaten ul.tabs li a.current { background-image: url(/lib/images/bg_zoek_hover.png); color: #fff; text-decoration: none;}
#resultaten .panes { clear: both; float: left;}
#resultaten .panes li { color: #033b69; margin: 0 0 20px 0; width: 420px; float: left;}
#resultaten .panes li a { float: left; color: #033b69; font-weight: bold; margin: 0;}
#resultaten .panes li span { float: left; margin: 0 15px 0 0; font-weight: normal; width: 20px;}

/*PRODUCTDETAIL*/
.productdetail #content { background-image: url(/lib/images/bg_productdetail.png);}
.productdetail #content #banner { position: absolute; right: 10px; top: 185px;}

.productdetail ul.breadcrumbs { overflow: hidden; margin: 10px 0 40px 0; float: left;}
.productdetail ul.breadcrumbs li { float: left; border-left: 1px solid #82c8e8;}
.productdetail ul.breadcrumbs li.first { border: none;}
.productdetail ul.breadcrumbs li a { color: #82c8e8 !important; font-weight: bold; text-transform: uppercase; padding: 0 10px 0 10px;}
.productdetail ul.breadcrumbs li.first a { padding: 0 10px 0 0;}

.productdetail #left { width: 330px; clear: both; float: left; margin: 0 20px 0 0; padding: 0; position: relative;}
.productdetail .foto_groot {width: 330px; overflow: hidden; float: left; margin: 0 0 20px 0;}
.productdetail .foto_groot img { width: 330px; }
.productdetail .thumbs { width: 330px; overflow: hidden;}
.productdetail .thumbs img { margin: 0; padding: 0;}
.productdetail .thumbs ul { margin: 0 0 0 -3px; }
.productdetail .thumbs ul li { float: left; margin: 0 0 3px 3px; padding: 0; height: 78px; width: 106px; border: 1px solid #5c5c5c;}
.productdetail #left a.terug { background-image: url(/lib/images/btn_terug.png); width: 72px; height: 31px; display: block; text-indent: -9999px; margin: 30px 0 0 0;}

.productdetail #right { background-color: #e5ecf1; float: left; width: 530px; padding: 10px;}
.productdetail #right h3 { color: #00437a; font-size: 18px; margin: 0 0 30px 0; font-weight: bold; text-transform: uppercase;}
.productdetail #right .beschrijving { background: url(/lib/images/divider.png) no-repeat bottom; padding: 0 0 15px 0; margin: 0 0 10px 0;}
.productdetail #right ul.opsomming li { margin: 0 0 10px 0;}
.productdetail #right .detail { color: #00437a; font-size: 14px; font-weight: bold;}

.productdetail #right ul.stap { padding: 0 0 3px 0; clear: both; float: left; width: 330px;}
.productdetail #right ul.knoppen { background: url(/lib/images/divider.png) no-repeat top; padding: 10px 0 0 0; clear: both; width: 530px;}
.productdetail #right ul.knoppen li { float: left;}
.productdetail #right ul.knoppen a { text-indent: -9999px; display: block; height: 31px; margin: 8px 3px 0 0;}
.productdetail #right ul.stap a { text-indent: -9999px; display: block; height: 31px; margin: 8px 3px 0 0;}
.productdetail #right ul.knoppen a.dealer { background: url(/lib/images/btn_dealer.png) no-repeat; width: 163px;}
.productdetail #right ul.knoppen a.info { background: url(/lib/images/btn_info.png) no-repeat; width: 168px; }
.productdetail #right ul.knoppen a.brochure { background: url(/lib/images/btn_bekijk_brochure.png) no-repeat; width: 140px; height: 40px; margin: -2px 0 0 0;}
.productdetail #right ul.stap a.stap2 { background: url(/lib/images/btn_stap2.png) no-repeat; width: 209px; margin: 0;}
.productdetail #right ul.stap a.stap3 { background: url(/lib/images/btn_stap3.png) no-repeat; width: 190px; margin: 0;}
.productdetail #right ul.stap .verzend { background: url(/lib/images/btn_verzend.png) no-repeat; text-indent: -9999px; width: 99px; height: 31px; float: right;}

.productdetail #uploaden { margin: 10px 0 0 0;}
.productdetail #right .panes { width: 347px; float: left;}

#txtFileName { width: 328px; height: 30px; margin-bottom: 5px;}
#thumbnails { height: 286px; overflow: hidden;}

.productdetail #right .panes { width: 347px; overflow: hidden; float: left;}
.productdetail #right .panes .gegevens { margin: 0 0 20px 0;}
.productdetail #right .panes .gegevens input { width: 328px; height: 30px;}

.productdetail #right .tabs { width: 183px; float: left; height: 260px; background: url(/lib/images/bg_stappen.png) no-repeat;}

.productdetail #right .tabs li.fotokiezen { width: 183px; float: left; margin: 72px 0 0 0;}
.productdetail #right .tabs li.invullen { width: 183px; float: left;}
.productdetail #right .tabs li.zoeken { width: 183px; float: left;}
.productdetail #right .tabs li a { display: block; width: 183px; height: 41px; text-indent: -9999px;}

.productdetail #right .tabs li.fotokiezen a.current { background-image: url(/lib/images/btn_fotokiezen_active.png);}
.productdetail #right .tabs li.invullen a.current { background-image: url(/lib/images/btn_invullen_active.png);}
.productdetail #right .tabs li.zoeken a.current { background-image: url(/lib/images/btn_zoeken_active.png);}

.productdetail p.omschrijving { width: 327px;}
.productdetail #dealer { background-color: #cedbe5; width: 287px; overflow: hidden; padding: 20px; margin: 15px 0 15px 0;}
.productdetail #dealer p.omschrijving { width: 287px;}
.productdetail #dealer select { height: 20px;}
.productdetail .adres { margin: 0 0 20px 0;}
.productdetail .adres span { color: #00437a; font-weight: bold;}
.productdetail select { width: 285px;}

.producten .paragraph { width: 570px; margin: 0 30px 30px 0;}
.producten .wrapper_product { float: right; width: 300px;}
form.product_cat { margin: 0 0 30px 0; float: right;}
form.product_cat select { width: 200px; border: 1px solid #a7a6aa; z-index: 1000; position: relative;}
.producten .paragraph h3 { clear: none; }

.productdetail .banner { position: relative; color: #fff; background: #ee9e30; width: 530px; min-height: 69px; float: left; margin: 0 0 15px 0;}
.productdetail .banner .ster { background: url(/lib/images/ster.png) no-repeat; width: 69px; height: 69px; position: absolute; top: -7px; left: -7px;}
.productdetail .banner h4 { font-weight: bold; width: 445px; text-transform: uppercase; font-size: 14px; margin: 5px 5px 0 75px; float: left;}
.productdetail .banner p { width: 340px; height: 35px; float: left; margin: 5px 0 0 75px; padding: 0 0 10px 0; overflow: hidden;}
.productdetail .banner .lees { position: absolute; bottom: 3px; right: 5px; background-image: url(/lib/images/btn_lees.png); width: 100px; height: 31px; display: block; text-indent: -9999px;}

/*DEALERINFO*/
.dealerinfo .left { overflow: hidden; width: 550px; float: left; margin: 0 20px 0 0;}
.dealerinfo h3 { margin: 0; color: #033b69; text-transform: none;}
.dealerinfo a.bekijk { background: url(/lib/images/btn_assorti.png) no-repeat; width: 335px; height: 31px; display: block; text-indent: -9999px; margin: 10px 0 0 0;}

#tijden { width: 330px; color: #033b69; float: left; margin: 30px 0 0 0;}
#tijden .adres { background-color: #e5ecf1; margin: 0 0 10px 0; padding: 15px;}
#tijden .adres a { color: #033b69; text-decoration: underline;}
#tijden .openingstijden h3 { padding: 0 0 5px 0; margin: 0 0 5px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; background: url(/lib/images/streep_dealer.png) no-repeat bottom;}
#tijden .openingstijden { background-color: #e5ecf1; margin: 0 0 10px 0; padding: 15px;}
#tijden .openingstijden td { padding: 5px;}
#tijden .openingstijden td.dag { width: 80px;}
#tijden .openingstijden tr.odd { background-color: #fff;}
#tijden .gewijzigde h3 { padding: 0 0 5px 0; margin: 0 0 5px 0; font-size: 14px; font-weight: bold; text-transform: uppercase; background: url(/lib/images/streep_dealer.png) no-repeat bottom;}
#tijden .gewijzigde { background-color: #e5ecf1; padding: 15px;}
#tijden .gewijzigde td { padding: 5px;}
#tijden .gewijzigde td.dag { width: 90px;}
#tijden .gewijzigde tr.odd { background-color: #fff; padding: 5px;}

/*TOOLTIP*/
#demotip { display:none; background:transparent url(/lib/images/black_arrow.png); font-size:12px; height:70px; width:160px; color:#fff;}
#demo .image .inner1 { font-size: 11px; line-height: 17px; display: none; position: absolute; right: 0; top: 0; width: 205px; height: 80px; padding: 49px 25px 20px 20px; color: #fff; background-image: url(/lib/images/tooltip_excellent.png); z-index: 100000;}
#demo .image .inner2 { font-size: 11px; line-height: 17px; display: none; position: absolute; right: 0; top: 0; width: 205px; height: 80px; padding: 49px 25px 20px 20px; color: #fff; background-image: url(/lib/images/tooltip_premium.png); z-index: 100000;}
#demo .image .inner3 { font-size: 11px; line-height: 17px; display: none; position: absolute; right: 0; top: 0; width: 205px; height: 96px; padding: 49px 25px 20px 20px; color: #fff; background-image: url(/lib/images/tooltip_basic.png); z-index: 100000;}
#demo { float: right; position: relative;}
#demo .image { float: left; position: relative; margin: 0 0 0 15px;}

/*ACTIES*/
ul.acties { width: 550px; float: left; margin: 0 20px 0 0;}
ul.acties li { margin: 0 0 20px 0; overflow: hidden; width: 550px;}
ul.acties .image { float: left; width: 210px; margin: 0 20px 0 0;}
ul.acties .wrapper { float: left; width: 550px;}
ul.acties .titel { color: #f08a01; text-transform: uppercase; font-size: 16px; font-weight: bold; display: block;}
ul.acties .text {}

ul.acties li.hasimage .wrapper { width: 320px;}

ul.acties .dag { margin: 15px 0 0 0; color: #7593ad; padding: 4px 0 0 80px; font-size: 11px; position: relative; background: url(/lib/images/bg_dag.png) no-repeat; width: 231px; height: 21px; display: block; float: left;}
ul.acties .dag span {font-size: 9px; line-height: 12px; position: absolute; top: 0; color: #fff; text-align: center; height: 25px;}
ul.acties .dag span strong { font-size: 12px; margin: 10px 0 0 0;}
ul.acties .dag span.begin { right: 31px;}
ul.acties .dag span.eind { right: 5px; color: #043a68;}

ul.acties .maand { margin: 15px 0 0 0; color: #7593ad; padding: 4px 0 0 52px; font-size: 11px; position: relative; background: url(/lib/images/bg_maand.png) no-repeat; width: 259px; height: 21px; display: block; float: left;}
ul.acties .maand span {font-size: 12px; position: absolute; top: 4px; color: #fff; font-weight: bold; text-align: center; height: 25px;}
ul.acties .maand span.begin { right: 48px; text-transform: uppercase;}
ul.acties .maand span.eind { right: 5px; color: #043a68; }

ul.acties .jaar { margin: 15px 0 0 0; color: #7593ad; padding: 4px 0 0 95px; font-size: 11px; position: relative; background: url(/lib/images/bg_jaar.png) no-repeat; width: 216px; height: 21px; display: block; float: left;}
ul.acties .jaar span {font-size: 12px; font-weight: bold; line-height: 12px; position: absolute; top: 7px; right: 5px; color: #fff; text-align: center; height: 25px;}

#aankondiging { background-color: #e5ecf2; width: 330px; float: left;}
#aankondiging h3 { font-size: 14px; color: #033b69; font-weight: bold; text-transform: uppercase; padding: 0 0 15px 0; margin: 15px 15px 10px 15px; border-bottom: 1px solid #9fafbb;}
#aankondiging ul { margin: 0 15px 0 15px;}
#aankondiging ul li { margin: 0 0 10px 0;}
#aankondiging ul li a { color: #043a69;}
#aankondiging ul li .date { width: 300px; font-size: 11px; color: #7492aa; display: block;}
#aankondiging ul li .date strong { color: #023b68;}
#aankondiging ul li .title { color: #043a69;}

#noflash { background-image: url(/lib/images/no_flash.jpg); width: 960px; height: 360px; margin: 0 auto;}
#noflash .wrapper { width: 400px; margin: 90px 15px 0 50px; float: left; color: #000;}

#noweather { width: 120px; height: 150px; margin: 0 auto; font-size: 9px;}
#noweather .wrapper { width: 100px; margin: 0; float: left; color: #000; padding: 10px}

.sticker { z-index: 10; position: absolute; right: 20px; top: 300px; background: url(/lib/images/sticker.png) no-repeat; display: block; width: 117px; height: 118px; text-indent: -9999px;}