/* reset
------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, del, dfn, em, font, img, ins,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { background: #fff url(/images/bg_body.gif) repeat-x; font: 11px/18px Verdana, sans-serif; color: #515455; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
th, td { text-align: left; font-weight: normal; }

/* general
------------------------------------------------------------------*/
h1 { margin-bottom: 18px; font-weight: bold; font-size: 17px; color: #00abbd; }
h2 { position: relative; margin-bottom: 15px; padding-left: 15px; background: #cceef2; letter-spacing: 0.1em; color: #00abbd; font: bold 15px/18px "Trebuchet MS", sans-serif; }
h3, 
legend { font-weight: bold; font-size: 11px; color: #00abbd; }
legend { padding-bottom: 5px; }
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #4F535C; }
a:hover { color: #00abbd; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
fieldset { margin-bottom: 18px; }

#products  h2 span { position: absolute; left: -730px; top: 0; background: #cceef2; letter-spacing: 0.1em; color: #00abbd; font: bold 15px/18px "Trebuchet MS", sans-serif; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

/* layout
------------------------------------------------------------------*/
#wrapper { width: 938px; margin: 0 auto; }
#header { position: relative; height: 193px; overflow: hidden; }
#content { padding: 0 28px 15px 28px; background: #fff; }

/* hp
------------------------------------------------------------------*/
#hp { background: url(/images/bg_hp.jpg) repeat-x; }
#hp #wrapper { position: relative; height: 620px; background: url(/images/bg_hp_wrapper.jpg) no-repeat 0 229px; }
#hp h1 { position: absolute; top: 35px; left: 70px; width: 799px; height: 229px; background: url(/images/logo_iwhite_hp.png) no-repeat; text-indent: -9999px; }
#hp #footer { position: absolute; bottom: 0; left: 0; width: 938px; text-align: center; color:#00ABBD}
#hp #footer a{color:#00ABBD}
#hp ul { position: absolute; top: 497px; left: 459px; margin: 0; }
#hp li { float: left; }
#hp li a { display: block; height: 24px; margin-right: 15px; text-indent: -9999px; }
#hp #nl a { width: 141px; background: url(/images/bt_hp_nl.png) no-repeat; }
#hp #nl a:hover { background: url(/images/bt_hp_nl_hover.png) no-repeat; }
#hp #fr a { width: 114px; background: url(/images/bt_hp_fr.png) no-repeat; }
#hp #fr a:hover { background: url(/images/bt_hp_fr_hover.png) no-repeat; }
#hp #en a { width: 103px; background: url(/images/bt_hp_en.png) no-repeat; }
#hp #en a:hover { background: url(/images/bt_hp_en_hover.png) no-repeat; }

/* header
------------------------------------------------------------------*/
#logo { margin: 11px 0 0 25px; }
#languages { position: absolute; top: 0; right: 15px; margin: 15px 0 0 0; }
#languages li { display: inline; padding: 0 25px 0 0; background: url(/images/bg_languages.png) no-repeat 23px 50%; font: 12px/18px "Trebuchet MS", sans-serif; text-transform: capitalize; }
#languages li.last { padding: 0; background: none; }
#languages li a { text-decoration: none; }
#languages li.active { color: #00abbd; }
#subnav { position: absolute; top: 120px; right: 180px; margin: 0; }
#subnav li { float: left; margin-left: 5px; padding-right: 5px; border-right: 1px solid #515455; line-height: 14px; }
#subnav li.last { padding-right: 0; border: none; }
#subnav li a { text-decoration: none; }
#winkelmandje { position: absolute; top: 112px; right: 0px; color: #fff; text-decoration: none; line-height: 14px; background: url(/images/shop_bg.png) bottom right; width: 120px; height: 51px; }
a#winkelmandje { text-indent: -9000px; }
a#winkelmandje:hover { background: url(/images/shop_bg_over.png) bottom right; }
#navigation { position: absolute; top: 132px; left: 43px; }
#navigation ul { margin: 0; }
#navigation li { display: inline; }
#navigation a { float: left; height: 42px; margin-right: 5px; padding: 0 0 0 23px; background: url(/images/bg_menu.png) no-repeat 5px 50%; line-height: 42px; font-weight: bold; font-size: 12px; text-decoration: none; color: #fff; }
#navigation a span { float: left; height: 42px; padding: 0 16px 0 0; }
#navigation a:hover,
#navigation li.active a { background: url(/images/bg_menuL_active.png) no-repeat 0 50%; color: #00abbd; }
#navigation a:hover span,
#navigation li.active a span { background: url(/images/bg_menuR_active.png) no-repeat 100% 50%; }

/* content
------------------------------------------------------------------*/
#content ul { list-style: disc; }

#notUS { clear: both; font-size: 11px; color: #a8acad; }
#notUS a { color: #a8acad; }

#content .contentlist { margin: 0; list-style: none; }
.contentlist li { margin-bottom: 15px; padding-left: 15px; }
.contentlist li h2 { margin-left: -15px; width: 867px; }

#testimonialTicker { float: left; width: 260px; height: 223px; margin: 0 0 0 20px; padding: 0; background: url(/images/bg_testTicker.jpg); position: relative; }
#testimonialTicker div { float: left; width: 230px; margin: 10px 20px 10px 20px; border-bottom: 1px solid #cceef0; padding: 0; clear: both; }
#testimonialTicker img { width: 80px; float: left; margin: 0 10px 10px 0; border: 1px solid #00abbd; }
#testimonialTicker a.viewAll { position: absolute; bottom: 10px; left: 20px; color: #49b0bd; }
#testimonialTicker a:hover.viewAll { color: #b3d234; }

#stappenimg { float: left; width: 290px; }

#landingProd { float: right; margin: 0 -40px 0 0; }

#landingimg { position: relative; float: left; margin-right: 20px; }
#landingimg span { position: absolute; top: 0; left: 0; display: block; width: 19px; height: 19px; background: url(/images/bg_whitecorner.png) no-repeat; }
#landingtext { float: left; width: 280px; margin-right: 30px; }
#landinglist { float: right; width: 290px; margin: 0 -20px 0 0; }
#landinglist li { display: block; width: 281px; margin-bottom: 19px; padding-top: 19px; background: url(/images/bg_sidebar_top.png) no-repeat; color: #51553f; }
#landinglist li .extra { position: relative; display: block; width: 241px; height: 27px; padding: 0 20px 19px 20px; background: url(/images/bg_sidebar_bottom.png) no-repeat left bottom; }
#landinglist li p { margin: 0; }
#landinglist li strong {color: #016074; font-size: 15px; }
#landinglist li a { display: block; width: 241px; text-decoration: none; font-weight: bold; font-size: 18px; color: #00abbd; }
#landinglist li a span { position: absolute; top: 0; right: -12px; display: block; width: 24px; height: 24px; background: url(/images/bg_listlink.png) no-repeat; }
#landinglist li a:hover span { background-image: url(/images/bg_listlink_hover.png); }
#landinglist li#indekijker .extra { height: auto; }
#landinglist li#indekijker a span { top: 40%; }
.landinglink img { position: absolute; top: -19px; left: 184px; }
#productlink { display: block; width: 296px; height: 156px; }

#products h2 a { position: absolute; top: 0; right: 0; display: block; width: 93px; height: 18px; padding-left: 50px; background: url(/images/bg_h2link.png) no-repeat; color: #fff; font: bold 11px/18px Verdanda, sans-serif; text-decoration: none; letter-spacing: 0; }
#products h2 a:hover { background: url(/images/bg_h2link_hover.png) no-repeat; }
#products img { float: left; }
#products .intro { float: left; width: 310px; padding: 0 20px 0 20px; }
#products .inhoud { float: right; width: 327px; padding-top: 20px; background: url(/images/bg_prodinhoud_top.png) no-repeat; }
#products .inhoud div { padding: 0 13px 20px 13px; background: url(/images/bg_prodinhoud_bottom.png) no-repeat left bottom; }
#products .toegevoegd { margin: 14px 0 0 0; color: #009CB0; font-weight:bold; width:293px; background:#fff; padding:5px}

#products .inhoud .titel,
#bestellen .titel { margin-bottom: 7px; font-size: 11px; font-weight: bold; color: #00abbd; }
#products .inhoud .prijs,
#bestellen .prijs { font-size: 15px; }
#products form,
#bestellen form { margin: 0; }
#products input,
#products label,
#bestellen input,
#bestellen label { float: left; margin-right: 5px; }
#products .addbutton,
#bestellen .addbutton { float: right; margin: 0; }

#bestellen,
#hoe { margin-left: 24px; }
#productfiche { float: left; width: 518px; padding-left: 15px; }
#productfiche h2 { margin-left: -15px; width: 533px; }
#productsidebar { float: right; width: 317px; }
a#lijstlink { float: right; width: 100px; height: 18px; margin-bottom: 18px; padding-right: 30px; background: url(/images/bt_lijstproducten.png) no-repeat; color: #fff; text-decoration: none; text-align: right; }
#bestellen { width: 293px; margin-top: 18px; padding-top: 19px; background: url(/images/bg_bestellen_top.png) no-repeat; }
#bestellen div { padding: 0 19px 19px 19px; background: url(/images/bg_bestellen_bottom.png) no-repeat left bottom; }
#bestellen #besteltitel { color: #00abbd; font-weight: bold; font-size: 18px; text-align: center; }
#hoe { position: relative; margin-top: 18px; }
#hoe p { position: absolute; top: 10px; left: 0; width: 293px; letter-spacing: 0.05em; color: #00abbd; font-size: 18px; line-height: 22px; font-weight: bold; text-align: center; }

#news li a.bestandslink { padding: 0 0 5px 20px; background: url(/images/icon_pdf.png) no-repeat; }

#testimonials li img { float: right; margin: 0 0 10px 10px; }

#contactinfo { float: right; width: 400px; }
#contactinfo p { padding-left: 15px; }
#formContact div { height: 23px; }
#formContact label { float: left; width: 110px; margin-right: 5px; text-align: right; }
#formContact input { width: 290px; }
#formContact textarea { width: 405px; }
#formContact #submit { width: auto; }

#basket { margin-bottom: 15px; }
#basket table { width: 600px; border-collapse: collapse; }
#basket th { padding: 3px 5px; background: #cceef2; color: #00abbd; }
#basket td { padding: 5px; border-top: 1px solid #cceef2; }
#basket #totaal { background: #cceef2; color: #00abbd; }
#basket #totaal td,
#basket .delete,
#basket .aantal,
#basket .prijs { text-align: right; }
#basket #totaal td { border-top: 1px solid #00abbd; font-weight: bold; }
#basket a.button { display: block; float: left; width: 109px; height: 19px; margin-right: 10px; padding-right: 30px; color: #fff; text-decoration: none; text-align: right; }
#basket #buttonVerwerkStap1,
#basket #buttonVerwerkStap2,
#basket #buttonVerwerkStap3,
#basket #buttonVerwerkStap4,
#basket #buttonVerwerkStap5 { background: url(/images/bt_verder.png) no-repeat; }
#basket #buttonHerbereken { padding: 0 0 0 30px; background: url(/images/bt_herbereken.png) no-repeat; text-align: left; }
#basket #buttonTerugStap2,
#basket #buttonTerugStap3,
#basket #buttonTerugStap4 { padding: 0 0 0 30px; background: url(/images/bt_terug.png) no-repeat; text-align: left; }
#basket #buttonKopieerAdres { margin-left: 115px; }
#basket #formStap3 div { height: 23px; }
#basket #formStap3 label { float: left; width: 110px; margin-right: 5px; text-align: right; }
#basket #formStap3 input { width: 290px; }
#basket #formStap3 textarea { width: 405px; height: 50px; }
#basket dl { clear: both; margin: 0 0 15px 15px; }
#basket dt { float: left; margin-right: 5px; }
#basket dt { clear: left; }
#basket .opmerkingen,#basket #opmerkingen,
#basket .adres { margin-left: 15px; }
#basket h2 { clear: both; width: 585px; }
#basket #tebetalen { font-weight: bold; color: #00abbd; font-size: 14px; }
#basket #buttonPrintBestelling { width: 130px; margin-bottom: 15px; padding-left: 30px; background: url(/images/bt_print.png) no-repeat; text-align: left; }

#alert, #alert a {color:#CC0000}
#transportkosten td{color:#016074; font-weight: bold; padding: 0 0 0 15px}
.ProductHeader th{letter-spacing: 0.1em; color: #00abbd; font-size: 15px; font-family: "Trebuchet MS"; font-weight:bold;}
#basket .ProductHeader th, #basket .Basketproduct {padding: 0 0 0 15px}


/* footer
------------------------------------------------------------------*/
#footer { margin: 0 0 0 25px; font: 12px/14px "Trebuchet MS", sans-serif; color: #009caa; background: #00abbd; padding: 10px; width: 890px; }
#footer { color: #fff; position: relative; }
#footer img { display: block; margin: 0 auto 10px auto; }
a#verkoopsvoorwaarde { position: absolute; top: 20px; right: 190px; }
#footer a { margin-right: 10px; font: 12px/14px "Trebuchet MS", sans-serif; color: #fff; }
#footer a:hover { color: #058C9A; }



/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }