/*-----------------------------------------------------------------------------
Website: Euromat.be
Auteur: Webatvantage.be
Laatst gewijzigd: 10-04-2009
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML / BODY -------------------------------*/
html, body, #container { height: 100%; margin: 0; padding: 0; }
body > #container { height: auto; min-height: 100%; }
body { background: #cecec6; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; overflow: -moz-scrollbars-vertical; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- END DEFAULT LINK -------------------------------*/
a img { border: none; outline: none; }
a:link, a:visited, a:hover, a:active { color: #cc6633; }
/*------------------------------- END DEFAULT LINK -------------------------------*/

/*------------------------------- START HEADINGS -------------------------------*/
h1 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.5em; color: #333; }
h2 { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-transform: uppercase; line-height: 1.5em; color: #333; }

h2#h2_niet_geregistreerd { height: 33px; line-height: 40px; background: url(../Graphics/Niet_geregistreerd.gif) no-repeat top left; margin: 0 0 10px 0; padding: 0 0 0 40px; }
h2#h2_reeds_geregistreerd { height: 33px; line-height: 40px; background: url(../Graphics/Geregistreerd.gif) no-repeat top left; margin: 0 0 10px 0; padding: 0 0 0 40px; }
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START CONTAINER -------------------------------*/
div#container { width: 910px; margin: 0 auto; background: url(../Graphics/Container_bg.gif) repeat-y top left; text-align: left; }
/*------------------------------- END CONTAINER -------------------------------*/

/*------------------------------- START HEADER -------------------------------*/
div#header { position: relative; width: 900px; height: 200px; margin: 0 0 0 5px; background: #343434; background: url(../Graphics/Mainnav_bg.gif) repeat-x bottom left; }
/* Taalkeuze */
div#header a#lang_NL { left: 30px; }
div#header a#lang_FR { left: 51px; }
div#header a#lang_NL, div#header a#lang_FR { position: absolute; z-index:999; top: 0; display: block; width: 18px; height: 18px; line-height: 18px; background: #e59b04; border: 1px solid #ffca74; text-decoration: none; text-align: center; color: #ffca74; }
div#header a:hover#lang_FR, div#header a:hover#lang_NL { color: #fff; }
div#header a.active_lang { color: #fff !important; }
/* Logo */
div#header a#logo { position: absolute; z-index:998; top: 0; right: 30px; display: block; width: 158px; height: 117px; background: url(../Graphics/Logo_industrie.png) no-repeat top left; text-indent: -9999px; }
div#header a:focus#logo { outline: none; } 
/* Banner */
div#header div#banner { width: 900px; height: 147px; overflow: hidden; }
/* Mainnav */
div#header ul#mainnav { float: left; width: auto; height: 53px; margin: 0 0 0 30px; list-style: none; }
div#header ul#mainnav li { display: inline; }
div#header ul#mainnav li a { float: left; display: block; width: auto; height: 50px; line-height: 50px; margin: 3px 0 0 0; padding: 0 10px; text-decoration: none; color: #fff; border-right: 1px solid #474747; border-left: 1px solid #303030; }
div#header ul#mainnav li a:hover { background: #e29f2b url(../Graphics/Mainnav_bg_yellow.gif) repeat-x top left; color: #303030; }

div#header ul#mainnav li a#mainnav_active { float: left; display: block; width: auto; height: 50px; line-height: 50px; margin: 3px 0 0 0; padding: 0 10px; background: #e29f2b url(../Graphics/Mainnav_bg_yellow.gif) repeat-x top left; text-decoration: none; color: #303030; border-right: 1px solid #474747; border-left: 1px solid #303030;}
/*------------------------------- END HEADER -------------------------------*/

/*------------------------------- START MAIN -------------------------------*/
div#main { width: 840px; margin: 0 0 0 5px; padding: 30px; padding-bottom: 30px; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333; line-height: 1.5em; }  
div#main div.tekstblok ul { margin: 10px 0 10px 20px; list-style-type: square; }
/*------------------------------- END MAIN -------------------------------*/

/*------------------------------- START TABS -------------------------------*/
div#tabs { width: 840px; height: 307px; }
div#tabs ul#tabnav { height: 41px; margin: 0; list-style: none; background: url(../Graphics/Tab_ul_bg.gif) repeat-x top left; overflow: hidden; }
div#tabs ul#tabnav li { display: inline; }
div#tabs ul#tabnav li a { float: left; display: block; width: auto; height: 41px; text-indent: -9999px; }
div#tabs ul#tabnav li a#tab_welkom_NL { width: 195px; background-image: url(../Buttons/Tab_welkom_NL.gif); }
div#tabs ul#tabnav li a#tab_producten_NL { width: 125px; background-image: url(../Buttons/Tab_producten_NL.gif); }
div#tabs ul#tabnav li a#tab_tweedehands_NL { width: 145px; background-image: url(../Buttons/Tab_tweedehands_NL.gif); }
div#tabs ul#tabnav li a#tab_verhuur_NL { width: 107px; background-image: url(../Buttons/Tab_verhuur_NL.gif); }

div#tabs ul#tabnav li a#tab_welkom_FR { width: 227px; background-image: url(../Buttons/Tab_welkom_FR.gif); }
div#tabs ul#tabnav li a#tab_producten_FR { width: 108px; background-image: url(../Buttons/Tab_producten_FR.gif); }
div#tabs ul#tabnav li a#tab_tweedehands_FR { width: 127px; background-image: url(../Buttons/Tab_tweedehands_FR.gif); }
div#tabs ul#tabnav li a#tab_verhuur_FR { width: 107px; background-image: url(../Buttons/Tab_verhuur_FR.gif); }

div#tabs div#welkom, div#tabs div#producten, div#tabs div#tweedehands, div#tabs div#verhuur { width: 840px; height: 266px; background: url(../Graphics/Tab_bg.gif) no-repeat top left; }
div#tabs div#welkom p, div#tabs div#producten p, div#tabs div#tweedehands p, div#tabs div#verhuur p { float: left; margin: 20px; }

div#contact_tab_box { width: 840px; height: 220px; margin: 20px 0; }
div#contact_tab_box ul#tabnav { height: 41px; margin: 0; list-style: none; background: url(../Graphics/Tab_ul_bg.gif) repeat-x top left; overflow: hidden; }
div#contact_tab_box ul#tabnav li { display: inline; }
div#contact_tab_box ul#tabnav li a { float: left; display: block; width: auto; height: 41px; text-indent: -9999px; }

div#contact_tab_box ul#tabnav li a#tab_link_air { width: 134px; background-image: url(../Buttons/Tab_link_air.gif); }
div#contact_tab_box ul#tabnav li a#tab_link_gent_NL { width: 148px; background-image: url(../Buttons/Tab_link_gent.gif); }
div#contact_tab_box ul#tabnav li a#tab_link_gent_FR { width: 148px; background-image: url(../Buttons/Tab_link_gent_FR.gif); }
div#contact_tab_box ul#tabnav li a#tab_link_brussel_NL { width: 170px; background-image: url(../Buttons/Tab_link_brussel.gif); }
div#contact_tab_box ul#tabnav li a#tab_link_brussel_FR { width: 170px; background-image: url(../Buttons/Tab_link_brussel_FR.gif); }
div#contact_tab_box ul#tabnav li a#tab_link_sud { width: 139px; background-image: url(../Buttons/Tab_link_sud.gif); }

div#tab_air, div#tab_gent, div#tab_brussel, div#tab_sud { width: 840px; height: 180px; background: url(../Graphics/Tab_bg.gif) no-repeat top left; overflow: hidden; }
div#tab_air p, div#tab_gent p, div#tab_brussel p, div#tab_sud p { float: left; margin: 20px; }
div#tab_air .map, div#tab_gent .map, div#tab_brussel .map, div#tab_sud .map { float: right; border: 1px solid #ddd; margin: 20px 20px 0 0; padding: 1px; }
/*------------------------------- END TABS -------------------------------*/

/*------------------------------- START CONTACTEER ONS -------------------------------*/
div#contacteer_ons { width: 840px; margin: 30px 0; }
div#contacteer_ons h1#h1_contacteer_ons_NL { width: 125px; height: 11px; margin: 0 0 10px 0; background: url(../Graphics/H1_contacteer_ons.gif) no-repeat top left; text-indent: -9999px; }
div#contacteer_ons h1#h1_contacteer_ons_FR { width: 125px; height: 11px; margin: 0 0 10px 0; background: url(../Graphics/H1_contacteer_ons.gif) no-repeat bottom left; text-indent: -9999px; }
div#contacteer_ons ul { list-style-type: square; margin: 10px 10px 10px 15px; }
div#contacteer_ons div#google_maps { float: left; width: 250px; height: 116px; border: 3px solid #ddd; }

div#contacteer_ons div#vestigingen {  float: left; width: auto; height: 121px; padding: 0 20px 0 15px; background: url(../Graphics/Vestigingen_home_bg.gif) repeat-y top right; /*border-right: 1px solid #ddd;*/ }
div#contacteer_ons div.vestigingen_detail { display: none; float: left; width: auto; height: 121px; padding: 0 20px; }
/*------------------------------- END CONTACTEER ONS -------------------------------*/

/*------------------------------- START HUURTARIEF -------------------------------*/
div#reeds_geregistreerd { float: left; width: auto; margin: 10px 0 0 0; padding: 0 45px 20px 45px; border: 1px solid #ddd; }
div#niet_geregistreerd { float: right; width: auto; margin: 10px 0 0 0; padding: 0 45px 20px 45px; border: 1px solid #ddd; }

table#huurtarief { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; }
table#huurtarief thead { background: #e29f2b; color: #303030; }
table#huurtarief thead th, table#huurtarief td { padding: 5px; }
table#huurtarief tbody tr.odd { background: #eee; }
table#huurtarief tbody tr:hover { background: #ddd; }
/*------------------------------- END HUURTARIEF -------------------------------*/

/*------------------------------- START CONTACTFORM -------------------------------*/
form.contactform { margin: 20px 0; padding: 0; }
form.contactform fieldset { border: 1px solid #ddd; padding: 20px; }
form.contactform legend { font-weight: bold; padding: 0 5px; color: #333; }
form.contactform ul { float: left; width: 393px; list-style: none; margin: 0; padding: 10px; }
form.contactform ul li { display: block; min-height: 30px; height: auto !important; margin: 10px 0; padding: 5px 0; }

form.contactform .label,
form.contactform .input,
form.contactform .inputred,
form.contactform .input_small,
form.contactform .input_small_red,
form.contactform .textarea,
form.contactform .textareared { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
form.contactform .label { clear: both; float: left; display: block; width: 95px; height: 30px; line-height: 30px; }
form.contactform .input { clear: both; float: left; display: block; width: 300px; height: 16px; margin: 2px 0; padding: 3px 5px; border: 1px solid #e0e0e0; }
form.contactform .input_small { clear: both; float: left; display: block; width: 100px; height: 16px; margin: 2px 0; padding: 3px 5px; border: 1px solid #e0e0e0; }
form.contactform .input_small_red { clear: both; float: left; display: block; width: 100px; height: 16px; margin: 2px 0; padding: 3px 5px; border: 1px solid #903; }
form.contactform .input:focus, form.contactform .textarea:focus, form.contactform .input_small:focus { border: 1px solid #999; }
form.contactform .inputred { clear: both; float: left; display: block; width: 300px; height: 16px; margin: 2px 0; padding: 3px 5px; border: 1px solid #903; }
form.contactform .textarea { clear: both; float: left; display: block; width: 300px; border: 1px solid #e0e0e0;	 overflow: auto; min-height: 85px; height: auto !important; margin: 2px 0; padding: 3px 5px; }
form.contactform .textareared { clear: both; float: left; display: block; width: 300px; border: 1px solid #903; overflow: auto; min-height: 85px; height: auto !important; margin: 2px 0; padding: 3px 5px; }
form.contactform .select { clear: both; float: left; margin: 0 0 10px 0; padding: 5px;  border:1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; }
form.contactform .submit { clear: both; float: left; height: 25px; margin: 10px 0 0 0; background: #333; border: 1px solid #333; color: #fff; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
form.contactform .submit:hover { background: #e3a73f; border: 1px solid #e3a73f; color: #303030; }

div#tweedehands_aanvraag { float: left; margin: 0 0 10px 0; padding: 5px; background: #eee; border: 1px solid #ddd; }

p.info { margin: 10px 0 0 0; padding: 5px 10px; background: #eee; border-left: 3px solid #ccc; }
p.succes { margin: 10px 0 0 0; padding: 5px 10px; background: #e2f0c6; border-left: 3px solid #363; color: #363; }
p.error { margin: 10px 0 0 0; padding: 5px 10px; background: #feefef; border-left: 3px solid #903; color: #903; }
/*------------------------------- END CONTACTFORM -------------------------------*/

/*------------------------------- START PRODUCTEN -------------------------------*/
div#producten_container { float: left; width: 610px; min-height: 400px; height: auto !important; margin: 20px 0 20px 20px; padding: 10px 0 10px 10px; }
div#producten_container h2 { margin: 0 0 10px 0; }
div#producten_container a.product { float: left; display: block; width: 101px; height: 101px; margin: 0 17px 20px 0; padding: 1px; border: 1px solid #ccc; }
div#producten_container a:last-child { margin-right: 0; }
div#producten_container a.product:hover,
div#producten_container a#product_active { border: 1px solid #cc6633; }

div#producten_container span.productdetail { float: left; display: block; width: 240px; height: 190px; margin: 0 10px 10px 0; }
div#producten_container p.productdescription { float: left; display: block; width: 300px; height: 152px; margin: 0 0 10px 0; padding: 20px; }

div.productdetail_item { float: left; width: 600px; height: 194px; background: #eee url(../Graphics/Product_item.gif) top left; }

div.productitem { width: 590px; min-height: 130px; height: auto !important; padding: 10px; background: #eee;  border-bottom: 1px solid #ddd; border-top: 1px solid #fff; }
div.productitem a img { float: right; width: 150px; height: 119px; margin: 4px 10px 10px 20px; }
div.productitem ul { margin: 5px 0 5px 20px; padding: 0; list-style-position: inside; list-style-type: square; }

a.doc_pdf, a.doc_xls, a.doc_ppt { float: left; display: block; width: auto; height: 16px; line-height: 16px; padding: 0 0 0 20px; }
a.doc_pdf { background: url(../Graphics/Pdf_link.gif) no-repeat top left; }
a.doc_xls { background: url(../Graphics/Xls.gif) no-repeat top left; }
a.doc_ppt { background: url(../Graphics/Ppt.gif) no-repeat top left; }
a.doc_unknown { background: url(../Graphics/Unknown.png) no-repeat top left; }
/*------------------------------- END PRODUCTEN -------------------------------*/

/*------------------------------- START NIEUWS ------------------------------*/
div.nieuwsitem { float: left; width: 253px; min-height: 150px; height: auto !important; height: auto; margin: 10px 10px 20px 0; padding: 10px; overflow: hidden; cursor: pointer; }
div.nieuwsitem h3 { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #eee; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 1.5em; color: #333; }
div.nieuwsitem img.nieuws_thumb { float: left; margin: 0 10px 0 0; padding: 1px; border: 1px solid #eee; }
div.nieuwsitem_highlight { background: #eee; }

div#nieuwscontainer { margin: 20px 0; }
div#nieuwscontainer ul { float: left; width: 620px; padding: 0; background: #fff; list-style: none; }
div#nieuwscontainer ul li { border-bottom: 1px solid #eee; margin: 0 }
div#nieuwscontainer ul li a { display: block; width: 620px; height: 30px; line-height: 30px; background: url(../Graphics/News_icon.gif) no-repeat center left; color: #333; text-decoration: none; text-indent: 20px; }
div#nieuwscontainer ul li a:hover { color: #cc6633; text-decoration: underline; }
div#nieuwscontainer ul li a#andere_nieuwsberichten_active { display: block; width: 335px; height: 30px; line-height: 30px; padding: 0 0 0 15px; color: #cc6633; text-decoration: underline; background: url(../Graphics/Sidenav_arrow.gif) no-repeat 0 12px; }
  
h2.h2_nieuws { display: inline-block; height: 30px; line-height: 30px; margin: 20px 0 0 0; padding: 0 0 0 35px; background: url(../Graphics/Nieuws.gif) no-repeat center left; }
span#news_header { display: block; background: #eee; padding: 10px; border: 1px solid #ddd; }
p#nieuws_detail { margin: 10px 0; }
p#nieuws_detail img#nieuws_detail_pic { float: left; margin: 0 10px 10px 0; padding: 1px; border: 1px solid #eee; }

/* Inschrijven nieuwsbrief */
div#inschrijven_nieuwsbrief { clear: both; float: left; margin-top: 20px;}
div#inschrijven_nieuwsbrief p { margin-top: 10px; }
/*------------------------------- END NIEUWS ------------------------------*/

/*------------------------------- START SIDENAV -------------------------------*/
ul.sidenav { width: 200px; margin: 20px 0; padding: 0; background: #fff; list-style: none; }
ul.sidenav li { border-bottom: 1px solid #eee; }
ul.sidenav li a { display: block; width: 200px; height: 30px; line-height: 30px; color: #333; text-decoration: none; }
ul.sidenav li a.sub { width: 185px; padding: 0 0 0 15px; color: #666; }
ul.sidenav li a:hover.sub { color: #333; }
ul.sidenav li a#sidenav_sub_active { color: #333; text-decoration: underline; }
ul.sidenav li a:hover { color: #cc6633; text-decoration: underline; }
ul.sidenav li a#sidenav_active { display: block; width: 185px; height: 30px; line-height: 30px; padding: 0 0 0 15px; color: #cc6633; text-decoration: underline; background: url(../Graphics/Sidenav_arrow.gif) no-repeat 0 12px; }
/*------------------------------- END SIDENAV -------------------------------*/

/*------------------------------- START SIDEBAR -------------------------------*/
div#sidebar { float: left; width: 200px; }
div#sidebanner { width: 200px; height: 300px; margin: 20px 0; padding: 0; background: #ccc; overflow: hidden; }
/*------------------------------- END SIDEBAR -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
div#footer { clear: both; position: relative; width: 100%; height: 30px; margin-top: -30px; text-align: left; }
div#footer div#inner { width: 900px; height: 30px; margin: 0 auto; background: url(../Graphics/Footer_bg.gif) repeat-x top left; }
div#footer div#inner p { line-height: 30px; font-size: 10px; color: #fff; }
div#footer div#inner p a:link, div#footer div#inner p a:visited, div#footer div#inner p a:hover, div#footer div#inner p a:active { color: #fff; }
div#footer div#inner p#copyright { float: left; margin-left: 30px; }
div#footer div#inner p#credits { float: right; margin-right: 30px; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START INNERNAV -------------------------------*/
ul.innernav { float: left; width: auto; height: 25px; line-height: 25px; margin: 20px 0 !important; padding: 0 !important; list-style: none !important; background: #333 url(../Graphics/Innernav_bg.gif) repeat-x top left; }
ul.innernav li { display: inline; margin: 0; padding: 0; }
ul.innernav li a { float: left; display: block; padding: 0 10px; background: url(../Graphics/Innernav_divider.gif) repeat-y top right; color: #fff; text-decoration: none; }
ul.innernav li a:hover { background: #e2ba1b; color: #555246; }
ul.innernav li a#innernav_active { float: left; display: block; padding: 0 10px; background: #e2ba1b; color: #555246; text-decoration: none; }
/*------------------------------- END INNERNAV -------------------------------*/

/*------------------------------- START LINKS -------------------------------*/
dl#links dt { padding: 5px 0; }
dl#links dd { font-style: italic; }
/*------------------------------- END LINKS -------------------------------*/

/*------------------------------- START VACATURES -------------------------------*/
div#vacatures { float: left; width: 600px; min-height: 400px; height: auto !important; margin: 20px 0 20px 20px; padding: 10px; }
div#vacatures h2 { margin: 10px 0; font-weight: bold; }
div#vacatures p { padding: 0 0 0 10px; border-left: 2px solid #eee; }
/*------------------------------- END VACATURES -------------------------------*/

/*------------------------------- START DISCLAIMER -------------------------------*/
div#disclaimer { margin-bottom: 20px; margin-top: 20px; }
/*------------------------------- END DISCLAIMER -------------------------------*/

/*------------------------------- START HANDLEIDINGEN -------------------------------*/
div#handleidingen form#table_search { clear: both; float: right; width: auto; margin: 0 0 10px 0; }
div#handleidingen form#table_search fieldset { margin: 0; padding:0; border: none; }
div#handleidingen form#table_search .input { vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 194px; height: 14px; margin: 0; padding: 3px; }
div#handleidingen form#table_search select { vertical-align: bottom; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: auto; height: 24px; padding: 3px 3px 3px 0; line-height: 20px; }
div#handleidingen form#table_search .submit { margin: 0;  height: 24px; background: #333; border: 1px solid #333; color: #fff; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
div#handleidingen form#table_search .submit:hover { background: #e3a73f; border: 1px solid #e3a73f; color: #303030; }

div#handleidingen table { width: 100%; margin: 0 0 10px 0; border-collapse: collapse; }
div#handleidingen table thead { background: #e29f2b; color: #303030; }
div#handleidingen table thead th, div#handleidingen table td { padding: 5px; }
div#handleidingen table tbody tr.odd { background: #eee; }
div#handleidingen table tbody tr:hover { background: #ddd; }

a.pdf { display: block; width: 30px; height: 16px; background: url(../Graphics/Pdf.gif) no-repeat top center; text-indent: -9999px; }
a:hover.pdf { background: url(../Graphics/Pdf.gif) no-repeat bottom center; }
a:focus.pdf { outline: none;  }
/*------------------------------- END HANDLEIDINGEN -------------------------------*/

/*------------------------------- START SITEMAP -------------------------------*/
div#sitemap_container { margin: 20px 0; }
div.sitemap { float: left; margin: 0 10px 0 0; border-right: 1px solid #ddd; }
div.sitemap ul { margin: 20px 20px 20px 15px; padding: 0 20px 0 0;  }
div.sitemap ul li { margin: 5px 0; font-weight: bold; }
div.sitemap ul li ul { margin: 10px 0 10px 15px; list-style-type: circle; }
div.sitemap ul li ul li { font-weight: normal; }
div.sitemap ul li ul li ul { list-style-type: square; }
/*------------------------------- END SITEMAP -------------------------------*/

/*------------------------------- START TWEEDEHANDS -------------------------------*/
ul.tweedehandslijst { width: 600px; list-style: none; margin: 0; padding: 0; }
ul.tweedehandslijst li { width: auto; height: auto !important; margin: 0; padding: 10px; background: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; }
ul.tweedehandslijst li a img { float: left; width: 150px; height: 119px; margin: 0 10px 0 0; }
/*------------------------------- END TWEEDEHANDS -------------------------------*/

/*------------------------------- START BUTTONS -------------------------------*/
a.btn_brown { display: inline-block; width: auto; height: 24px; line-height: 24px; margin: 10px 0; padding: 0 10px; background: url(../Buttons/Btn_brown_bg.gif) repeat-x top left; border: 1px solid #4f4e4e; color: #fff; text-decoration: none; }
a:hover.btn_brown { background: #e29f2b; border: 1px solid #e29f2b; color: #303030; }
/*------------------------------- END BUTTONS -------------------------------*/

/*------------------------------- START OTHER CLASSES -------------------------------*/
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }
.important { font-weight: bold; }
.underline { text-decoration: underline; }
.nomargin { margin: 0; }
.noborder { border: none; }
.hidden { display: none; }
.error, .red { color: #903; }
.vragen { cursor: help; }
a.check { display: inline-block; height: 18px; line-height: 18px; margin: 5px 0; padding: 0 0 0 25px; background: url(../Graphics/Check.png) no-repeat center left; }
a.terug { background: url(../Graphics/Terug.gif) no-repeat center left; display: inline-block; height: 18px; line-height: 16px; margin: 10px 0; padding: 0 0 0 15px; }
a.next { background: url(../Graphics/Next.gif) no-repeat center left; display: inline-block; height: 18px; line-height: 16px; margin: 0; padding: 0 0 0 15px; }
a.pdf_link { background: url(../Graphics/Pdf_link.gif) no-repeat center left; display: inline-block; height: 25px; line-height: 25px; margin: 0; padding: 0 0 0 20px; }

span.productkolom1, span.productkolom2, span.productkolom3 { float: left; display: block; width: 220px; height: 140px; margin-right: 30px; border-right: 1px solid #ccc; }
span.productkolom3 { margin-right: 0; border-right: none; }
/*------------------------------- END OTHER CLASSES -------------------------------*/

/*------------------------------- START CLEARFIX -------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {	display: block; }
/* End hide from IE-mac */
/*------------------------------- END CLEARFIX -------------------------------*/

/*------------------------------- START BREADCRUMBS -------------------------------*/
#breadcrumbs { margin: 10px 0 0 0; padding: 0; float: left; display: block; height: 21px; overflow: hidden; width: 830px; padding:5px; border:solid 1px #dedede; background:#fff; }
#breadcrumbs ul { margin: 0 !important; padding: 0 !important; height: 21px; display: block; }
#breadcrumbs ul li { display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em; background: url(../Graphics/Chevron.gif) no-repeat 100% 0; }
#breadcrumbs ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; }
#breadcrumbs ul li span { display: block; overflow: hidden; }
#breadcrumbs ul li a { display: block;  position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; }
#breadcrumbs ul li.first a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background:url(../Graphics/IconHome.gif) no-repeat 0 0; }
#breadcrumbs ul li.first a:hover { background-position: 0 -16px; }
#breadcrumbs ul li.last { background: none; margin-right: 0; padding-right: 0; }
.chevronOverlay { display: none; background: url(../Graphics/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px; }

.module:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .module {  height: 1%; overflow: visible; }
* + html .module { min-height: 1%; }
/*------------------------------- END BREADCRUMBS -------------------------------*/

#ie6msg { border:3px solid #090; margin: 0 0 8px 0; background:#cfc; color:#000; filter: alpha(opacity=50); }
#ie6msg h4 { margin:8px; padding:0; }
#ie6msg p { margin:8px; padding:0; }
#ie6msg p a.ie6expl { font-weight:bold; color:#006; }