HTML { height: 100%; margin-bottom: 1px; }
BODY { height: 100%; margin: 0; padding: 0; background-color: #dcf3ff; }
BODY, INPUT, SELECT, TEXTAREA { color: #373737; font-size: 11px; font-weight: normal; font-family: Verdana, Arial, sans-serif; }
INPUT { background-color: #dbf3ff; border: none; padding: 4px 3px; }	
TEXTAREA { background-color: #dbf3ff; border: none; margin: 5px 0; padding: 5px; overflow: auto; }	
FORM { margin: 0; padding: 0; }
IMG { border: none; vertical-align: -3px; }
H1 { margin: 0; padding: 0; color: #43b1e8; font-size: 23px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; }
H2 { margin: 0; padding: 0; color: #43b1e8; font-size: 18px; font-weight: normal; letter-spacing: 1px; }
H3 { margin: 0; padding: 2px 0; color: #373737; font-size: 11px; font-weight: bold; text-transform: uppercase; }
H4 { margin: 0; padding: 0; color: #0084c6; font-size: 11px; font-weight: bold; text-transform: none; }
P { margin: 15px 0; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #43b1e8; font-weight: bold; text-decoration: underline; outline: none; }
A:hover { text-decoration: none; }


/* LAYOUT */
#page { position: relative; width: 975px; min-height: 100%; margin: 0 auto; background-color:#FFFFFF; }
#content { padding: 34px 40px 20px; line-height: 14px; }
.columnLeft { position: relative; float: left; width: 440px; }
.columnRight { position: relative; float: right; width: 440px; }

#overons .columnLeft { float: left; width: 423px; }
#overons .columnRight { float: right; width: 423px; }

#bestellen { background: #dbf3ff url(../images/img006.gif) no-repeat right bottom; min-height: 970px; }
#bestellen .columnLeft { float: left; width: 515px; background-color: #fff; }
#bestellen .columnRight { float: right; width: 380px; background-color: #fff; padding-bottom: 15px; }
#bestellen .button { padding-left: 400px; }

#vacatures .columnLeft { float: left; width: 550px; }
#vacatures IMG { float: right; }

#contact .columnLeft { float: left; width: 365px; height: 280px; background-color: #dbf3ff; }
#contact .columnLeft H2 { height: 39px; background: #7fff05 url(../images/bel.gif) no-repeat center center; text-indent: -5000px; }
#contact .columnLeft P { margin: 13px; }
#contact .columnLeft A { color: #373737; font-weight: normal; text-decoration: none; }
#contact .columnLeft A:hover { text-decoration: underline; }
#contact .columnRight { float: right; width: 490px; }


/* HEADER */
#header { position: relative; background: #ade4ff url(../images/header.jpg); height: 186px; }
#header H1 { position: absolute; top: 40px; left: 100px; width: 198px; margin: 0; padding: 0; }
#header H1 A { display: block; height: 41px; text-indent: -5000px; }
#header p	{ position: absolute; top: 10px; left: 100px; margin: 0; font: 9px Tahoma, Arial; }
#header p img	{ margin-right: 3px; vertical-align: -2px; }

/* MENU */
#menu { height: 44px; }
#menu UL { margin: 0; padding: 20px 0 0 6px; list-style: none; }
#menu LI { float: left; padding: 0 8px; }
#menu A { display: block; height: 16px; background-repeat: no-repeat; background-position: 0 0; text-indent: -5000px; }
#menu A:hover { background-position: 0 -16px; }
#menu A.welkom { background-image: url(../images/menu/welkom.gif); width: 62px; }
#menu A.overons { background-image: url(../images/menu/over_ons.gif); width: 76px; }
#menu A.diensten { background-image: url(../images/menu/diensten.gif); width: 72px; }
#menu A.voorbeelden { background-image: url(../images/menu/voorbeelden.gif); width: 109px; }
#menu A.portfolio { background-image: url(../images/menu/portfolio.gif); width: 85px; }
#menu A.koppelingen { background-image: url(../images/menu/koppelingen.gif); width: 106px; }
#menu A.integratie { background-image: url(../images/menu/integratie.gif); width: 85px; }
#menu A.bestellen { background-image: url(../images/menu/bestellen.gif); width: 83px; }
#menu A.vacatures { background-image: url(../images/menu/vacatures.gif); width: 86px; }
#menu A.contact { background-image: url(../images/menu/contact.gif); width: 67px; }


/* BLOCK */
.blkWelkom { background: url(../images/welkom.jpg) no-repeat; margin-bottom: 20px; padding-left: 310px; min-height: 210px; }

.blkBTL { background: #dbf3ff url(../images/block/blkBTL.gif) no-repeat left top; }
.blkBTR { background: url(../images/block/blkBTR.gif) no-repeat right top; height: 10px; font-size: 0; }
.blkBBL { background: #dbf3ff url(../images/block/blkBBL.gif) no-repeat left bottom; }
.blkBBR { background: url(../images/block/blkBBR.gif) no-repeat right bottom; height: 10px; font-size: 0; }
.blkBpad { background-color: #dbf3ff; padding: 1px 20px; font-style: italic; }

.blkSep { background: url(../images/pix_b.gif) repeat-y; background-position: 600px 0; }
.blkSep .clmLeft { float: left; width: 585px; }
.blkSep .clmRight { float: right; width: 271px; }

.blkNieuwsbrief, .blkContact { width: 251px; padding: 0 10px; color: #fff; font-size: 10px; line-height: 11px; }
.blkNieuwsbrief H2, .blkContact H2 { position: absolute; left: -5000px; }
.blkNieuwsbrief A.btn, .blkContact A.btn { margin-top: 6px; }

.blkNieuwsbrief { height: 99px; background: url(../images/block/nieuwsbrief_bg.gif); }
.blkNieuwsbrief P { margin: 0; padding: 28px 0 0; }
.blkNieuwsbrief INPUT { float: left; width: 160px; margin-top: 6px; margin-right: 5px; }


.blkBuckaroo, .blkContact { width: 251px; padding: 0 10px; color: #fff; font-size: 10px; line-height: 11px; }
.blkBuckaroo A.btn, .blkContact A.btn { margin-top: 6px; }
.blkBuckaroo H2 { color: #fff; padding-top: 5px; }
.blkBuckaroo { height: 120px; background: #43b1e8; padding-top: 5px; }
.blkBuckaroo P { margin: 0; padding: 28px 0 0; }
.blkBuckaroo INPUT { float: left; width: 160px; margin-top: 6px; margin-right: 5px; }


.blkContact { height: 115px; background: url(../images/block/contact_bg.gif); }
.blkContact P { margin: 0; padding: 43px 105px 0 0; }
.blkContact INPUT { float: left; width: 80px; margin-top: 6px; margin-right: 5px; }

.blkVragenformulier .fleft LABEL { width: 58px; }
.blkVragenformulier .fright LABEL { width: 130px; }
.blkVragenformulier INPUT { width: 250px; margin-right: 15px; }
.blkVragenformulier TEXTAREA { width: 380px; height: 67px; margin: 0 !important; }

.integratieBlk	{ min-height: 61px; padding-left: 80px; }
/*
.sms	{ background: transparent url(../images/sms-versturen.png) no-repeat scroll 0% 50%; }
.nicoud	{ background: transparent url(../images/nicoud.png) no-repeat scroll 0% 50%; }
.ideal	{ background: transparent url(../images/ideal.jpg) no-repeat scroll 0% 50%; }
.lindorff{ background: transparent url(../images/lindorff_afterpay.jpg) no-repeat scroll 0% 50%; }
.paypal	{ background: transparent url(../images/paypal_logo.jpg) no-repeat scroll 0% 50%; }
.multipay{ background: transparent url(../images/multipay.jpg) no-repeat scroll 0% 50%; }
.buckaroo{ background: transparent url(../images/buckaroo.jpg) no-repeat scroll 0% 50%; }
.tripledeal	{ background: transparent url(../images/tripledeal.jpg) no-repeat scroll 0% 50%; }
.mollie	{ background: transparent url(../images/mollie.jpg) no-repeat scroll 0% 50%; }
.multisafepay	{ background: transparent url(../images/multisafepay.png) no-repeat scroll 0% 50%; }
.ogone	{ background: transparent url(../images/ogone.png) no-repeat scroll 0% 50%;  }
.gls		{ background: transparent url(../images/gls.jpg) no-repeat scroll 0% 50%;  }
.dhllogo	{ background: transparent url(../images/dhllogo.jpg) no-repeat scroll 0% 50%; }
.ups		{ background: transparent url(../images/ups.png) no-repeat scroll 0% 50%; }
.abcmail	{ background: transparent url(../images/abcmail.jpg) no-repeat scroll 0% 50%; }
.selektvracht	{ background: transparent url(../images/selektvracht.png) no-repeat scroll 0% 50%; }
.tradedoubler	{ background: transparent url(../images/tradedoubler.jpg) no-repeat scroll 0% 50%; }
.tradetracker	{ background: transparent url(../images/tradetracker.jpg) no-repeat scroll 0% 50%; }
.zanox	{ background: transparent url(../images/logo_zanox.jpg) no-repeat scroll 0% 50%; }
.m4n	{ background: transparent url(../images/m4n.png) no-repeat scroll 0% 50%; }
.snelstart	{ background: transparent url(../images/snelstart.jpg) no-repeat scroll 0% 50%; }
.qshops	{ background: transparent url(../images/qshops.jpg) no-repeat scroll 0% 50%; }
*/
.sms	{ background: transparent url(../images/sms-versturen.png) no-repeat scroll 0% 10%; }
.nicoud	{ background: transparent url(../images/nicoud.png) no-repeat scroll 0% 10%; }
.ideal	{ background: transparent url(../images/ideal.jpg) no-repeat scroll 0% 10%; }
.lindorff{ background: transparent url(../images/lindorff_afterpay.jpg) no-repeat scroll 0% 10%; }
.afterpay{ background: transparent url(../images/afterpay.jpg) no-repeat scroll 0% 10%; }
.paypal	{ background: transparent url(../images/paypal_logo.jpg) no-repeat scroll 0% 10%; }
.multipay{ background: transparent url(../images/multipay.jpg) no-repeat scroll 0% 10%; }
.buckaroo{ background: transparent url(../images/buckaroo.jpg) no-repeat scroll 0% 10%; }
.tripledeal	{ background: transparent url(../images/tripledeal.jpg) no-repeat scroll 0% 10%; }
.mollie	{ background: transparent url(../images/mollie.jpg) no-repeat scroll 0% 10%; }
.multisafepay	{ background: transparent url(../images/multisafepay.png) no-repeat scroll 0% 10%; }
.ogone	{ background: transparent url(../images/ogone.png) no-repeat scroll 0% 10%;  }
.assurepay	{ background: transparent url(../images/assurepay.png) no-repeat scroll 0% 50%;  }
.gls		{ background: transparent url(../images/gls.jpg) no-repeat scroll 0% 10%;  }
.dhllogo	{ background: transparent url(../images/dhllogo.jpg) no-repeat scroll 0% 10%; }
.ups		{ background: transparent url(../images/ups.png) no-repeat scroll 0% 10%; }
.abcmail	{ background: transparent url(../images/abcmail.jpg) no-repeat scroll 0% 10%; }
.selektvracht	{ background: transparent url(../images/selektvracht.png) no-repeat scroll 0% 10%; }
.tradedoubler	{ background: transparent url(../images/tradedoubler.jpg) no-repeat scroll 0% 10%; }
.tradetracker	{ background: transparent url(../images/tradetracker.jpg) no-repeat scroll 0% 10%; }
.zanox	{ background: transparent url(../images/logo_zanox.jpg) no-repeat scroll 0% 10%; }
.m4n	{ background: transparent url(../images/m4n.jpg) no-repeat scroll 0% 10%; }
.snelstart	{ background: transparent url(../images/snelstart.jpg) no-repeat scroll 0% 10%; }
.qshops	{ background: transparent url(../images/qshops.jpg) no-repeat scroll 0% 10%; }
.kadobon-online	{ background: transparent url(../images/kadobon-online.jpg) no-repeat scroll 0% 10%; }
.chronopay	{ background: transparent url(../images/chronopay-logo.gif) no-repeat scroll 0% 10%; }
.abnamro	{ background: transparent url(../images/abnamro-logo.gif) no-repeat scroll 0% 10%; }
.postcode	{ background: transparent url(../images/postcodeservice.png) no-repeat scroll 0% 10%; }
.webgains	{ background: transparent url(../images/webgains.gif) no-repeat scroll 0% 10%; }
.accountview	{ background: transparent url(../images/accountview.gif) no-repeat scroll 0% 10%; }
.tnt {background: transparent url(../images/tnt.jpg) no-repeat scroll 0% 50%;}

#bestellen LABEL { float: left; clear: left; width: 162px; margin-top: 3px; }
#bestellen INPUT { width: 305px; margin-bottom: 5px; }
#bestellen TEXTAREA { width: 463px; }
#bestellen TABLE { margin: 3px 0; }

.bgBlueWBrd { background-color: #dbf3ff; border: 1px solid #45b1e8; padding: 10px 13px; }
.bgBlueWBrd LABEL { float: left; clear: left; font-weight: bold; margin-top: 3px; }
.bgBlueWBrd INPUT, .bgBlueWBrd TEXTAREA { background-color: #fff; margin-bottom: 7px; }

.bgBlue A, .bgBlueBrd A { color: #000; font-weight: normal; }
.bgBlue { background-color: #dbf3ff; padding: 13px; }

.bgDBlue { background-color: #43b1e8; padding: 10px 13px; color: #fff; font-weight: bold; }
.bgDBlue A { color: #fff; text-decoration: none; }
.bgDBlue A:hover { text-decoration: underline; }

.bgBlueBrd { background-color: #dbf3ff; border-left: 13px solid #43b1e8; margin-bottom: 15px; padding: 10px; }
.bgBlueBrd .imgright { margin: 0 0 5px 5px; }

.bgGray { background-color: #ededed; padding: 10px; }

.product { position: relative; background-color: #dbf3ff; height: 137px; margin-bottom: 15px; }
.product IMG { float: left; width: 151px; height: 135px; border: 1px solid #6c6d6e; margin-right: 13px; }
.product P { float: left; width: 210px; margin: 3px 0; line-height: normal; }
.product STRONG { display: block; margin-bottom: 7px; }
.product A.url { position: absolute; left: 164px; bottom: 5px; background: url(../images/mark2.gif) no-repeat; background-position: 0 3px; padding-left: 15px; text-decoration: none; }
.product A:hover.url { text-decoration: underline; }

.listFleft { float: left; width: 330px; }
UL.list { margin: 7px 0; padding: 0; list-style: none; }
UL.list LI { background: url(../images/mark1.gif) no-repeat left top; margin-bottom: 5px; padding-left: 23px; line-height: 17px; }

.bnr500 { padding-top: 247px; }
.bnr500 IMG.bnr { position: absolute; top: 0; left: -13px; }

.h2_small { margin: 0; padding: 5px 0; color: #373737; font-size: 12px; font-weight: bold;}

/* email forms => modules */
.email_input {width:200px;}
.alert {color:#dd2222; font-weight:bold;}
.select_field {background:#dbf3ff; border:#dbf3ff 3px solid;}
.assure_pay_detailpage {min-height: 40px; background: transparent url(../images/assurepay.png) no-repeat scroll 0% 50%; padding-left: 80px;}
.buckaroo_detailpage {min-height: 40px; background: transparent url(../images/buckaroo.jpg) no-repeat scroll 0% 50%; padding-left: 80px;}
.code-table {width:500px; padding: 10px 0;}
.code-table .blue {background-color:#DBF3FF; width:350px; font:12px/18px 'Courier New',Courier,sans-serif; padding: 5px;}

/* BUTTONS */
A.btn { float: left; display: block; background-color: #43b1e8; border: 1px solid #dbf3ff; padding: 2px; color: #000; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
A.btn SPAN { display: block; background-color: #dbf3ff; padding: 2px 4px; line-height: normal; white-space: nowrap; }
.btnPanel { background-color: #45b1e8; padding: 3px 15px; height: 24px; line-height: 24px; color: #fff; font-weight: bold; }

/* FOOTER */
#clearfooter { clear: both; height: 80px; }
#footer { width: 100%; position: absolute; left: 0; bottom:0; color: #666; font-size: 10px; text-align: center; }
#footer P { margin: 0; padding: 15px 0; font-weight: bold; }
#footer P A { color: #666; text-decoration: none; text-transform: uppercase; }
#footer P A:hover { color: #43b1e8; }
#footer .copyright { width: 975px; margin: 0 auto; padding: 7px 0; background-color: #9cdbfb; border-top: 2px solid #43b1e8; }
#footer .copyright a{ color: #666666; font-weight: 100;}

/* FOOTER LINKS */
#footerlinks { width: 100%; position: absolute; left: 0; bottom: 0; color: #666; font-size: 10px; text-align: center; }


INPUT.radio { width: auto !important; background: none; margin: 0 !important; padding: 0 !important; vertical-align: -8px; }

IMG.map { float: left; margin-right: 40px; }
.txtList { padding-left: 35px; }
.smallLogo { background: url(../images/logo_small.gif) no-repeat left center; height: 27px; padding: 6px 0 0 40px; }
.imgleft { float: left; margin-right: 15px; }
.imgright { float: right; margin-left: 15px; }

.stap1, .stap2, .stap3, .stap4, .stap5, .stap6, .stap7 { background-repeat: no-repeat; background-position: 0 100%; margin: 15px 0 3px; padding-left: 90px; line-height: 18px; }
.stap1 { background-image: url(../images/stap/01.gif); }
.stap2 { background-image: url(../images/stap/02.gif); }
.stap3 { background-image: url(../images/stap/03.gif); }
.stap4 { background-image: url(../images/stap/04.gif); }
.stap5 { background-image: url(../images/stap/05.gif); }
.stap6 { background-image: url(../images/stap/06.gif); }
.stap7 { background-image: url(../images/stap/07.gif); }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }