/* algemeen */
body { background: #ffffff url(../images/all-bg.gif) }

/* tekstelementen en -stijlen */
body,td,p { font: 12px/17px Georgia,"Times New Roman",Times,serif; color: #000 }

h1 { font: bold 24px/28px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase }
h2,h3 { font: 20px/24px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase }
h4 { font: bold 13px/17px Georgia,"Times New Roman",Times,serif; color: #000 }
.offer { font-weight: bold; color: #B90053 }

/* links */
a { text-decoration: none; color: #06c }
a:hover { text-decoration: underline }
a.nav { padding-left: 10px; background: url(../images/arrow_link.gif) left 6px no-repeat; text-decoration: none }
a.nav:hover { text-decoration: underline }
h1 a, h2 a, h3 a, h4 a, h1 a:hover, h2 a:hover, h3 a:hover { color: #000; text-decoration: none }

/* lines and spacers */
div.line { border-top: 1px #999 solid }
#whitespace { height: 22px; overflow: hidden; background: #fff; margin: 0 17px 10px 25px; border-bottom: 1px #000 solid }

/* formelementen */
input,select,textarea { font: 12px/16px Arial, Helvetica, sans-serif; color: #333333 }
textarea { width: 360px }
select { width: 368px }
select.specialisms { width: 192px }
input.text { width: 360px }
input.m120 { width: 240px }
input.m160 { width: 200px }
input.w30 { width: 22px }
input.w40 { width: 32px }
input.w60 { width: 52px }
input.w80 { width: 72px }
input.w100 { width: 92px }
input.w120 { width: 112px }
input.keywords { width: 160px }

/* header */
#container { width: 960px; min-height: 101%; margin: 0 auto; background: #fff }
#topbanner { padding: 10px 25px; background: #eee }
#header { width: 100%; height: 90px; position: relative }
#header h1 { position: absolute; left: 25px; top: 14px; text-indent: -999px; overflow: hidden; background: url(../images/header_logo.gif) no-repeat; width: 320px; height: 61px }
#menu { height: 16px; border-bottom: 1px #000 solid }
#menu a { float: left; display: inline; height: 16px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; margin-right: 60px }
#menu a#mn_hm { width: 117px; background-image: url(../images/menu_home.gif); margin-left: 22px }
#menu a#mn_sf { width: 44px; background-image: url(../images/menu_etalage.gif) }
#menu a#mn_cr { width: 82px; background-image: url(../images/menu_winkelwagen.gif) }
#menu a#mn_in { width: 60px; background-image: url(../images/menu_informatie.gif) }
#menu a#mn_tc { width: 138px; background-image: url(../images/menu_voorwaarden.gif) }
#menu a#mn_cn { width: 46px; background-image: url(../images/menu_contact.gif) }
#menu a#mn_so { width: 56px; background-image: url(../images/menu_zoekhulp.gif); margin: 0 }
#menu a:hover, #menu a.active { background-position: left -16px }

/* zoekbalk */
#searchbar { width: 100%; height: 45px; background: #eee; overflow: hidden }
#backbutton { float: left; display: inline; margin-left: 22px; width: 180px; height: 45px; overflow: hidden }
#backbutton a { float: left; display: inline; margin-top: 12px; width: 85px; height: 22px; text-indent: -999px; overflow: hidden; background: url(../images/backbutton.gif) left 4px no-repeat }
#searchfield { float: left; display: inline; height: 45px; overflow: hidden }
#searchfield div { float: left; display: inline; margin: 12px 6px 0 0 }
#searchfield .lbl { height: 22px; width: 100px; text-indent: -999px; overflow: hidden; background: url(../images/lbl_search.gif) left 4px no-repeat }
#searchfield input.keywords { width: 196px; height: 20px; padding: 0; margin: 0; line-height: 20px; border: none; background: url(../images/search_bg.gif) no-repeat }
#searchfield a { display: block; width: 60px; height: 20px; text-indent: -999px; overflow: hidden; background: url(../images/button_zoek.gif) no-repeat }
#searchmenu { float: left; display: inline; margin-left: 74px; height: 45px; overflow: hidden }
#searchmenu div { float: left; display: inline; margin: 12px 10px 0 0 }
#searchmenu .lbl { height: 22px; width: 108px; text-indent: -999px; overflow: hidden; background: url(../images/lbl_browse.gif) left 4px no-repeat }
#searchmenu select { width: 175px; height: 20px }

/* linker- en rechterkolom */
#left { float: left; display: inline; width: 161px; overflow: hidden; padding: 5px 0 10px; margin-left: 22px }
#right { float: left; display: inline; width: 175px; overflow: hidden; padding: 5px 0 10px; margin-left: 20px }

#left h3, #right h3 { margin: 0 0 10px 0; padding: 0 }

#left .block, #right .block, #right .banner { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px #000 solid }
#left h1, #right hl { font: 18px/22px Arial, Helvetica, sans-serif; margin: 0 0 10px 0 }
/* gericht zoeken */
#left input.text { width: 148px }
#left select { width: 156px }
#left .button, #right .button { width: auto; color: #fff; border: none; padding: 4px 17px 4px 5px; background: #000 url(../images/arrow_button.gif) right center no-repeat; font: bold 12px/12px Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer }
#main .button { width: auto; color: #fff; border: none; padding: 4px 5px; background: #000; font: bold 12px/12px Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer }
/* navigatie */
ul.nav li { padding-left: 8px; background: url(../images/arrow_link.gif) left 6px no-repeat }
ul.nav li a { text-decoration: none }
ul.nav li a:hover { text-decoration: underline }
div.last { display: none }
/* links */
ul.links li { padding-left: 8px; background: url(../images/arrow_link.gif) left 6px no-repeat }
ul.links li a { text-decoration: none }
ul.links li a:hover { text-decoration: underline }
/* top5 */
ol.top5 li { padding: 0 0 6px 20px }
ol.top5 li.t1 { background: url(../images/top1.gif) no-repeat }
ol.top5 li.t2 { background: url(../images/top2.gif) no-repeat }
ol.top5 li.t3 { background: url(../images/top3.gif) no-repeat }
ol.top5 li.t4 { background: url(../images/top4.gif) no-repeat }
ol.top5 li.t5 { background: url(../images/top5.gif) no-repeat }
ol.top5 li.t1, ol.top5 li.t2, ol.top5 li.t3, ol.top5 li.t4, ol.top5 li.t5 { background-position: 0 1px }
ol.top5 li.t1 img { border: 1px #999 solid }
ol.top5 li a { text-decoration: none }
ol.top5 li a:hover { text-decoration: underline }

/* middelste kolom */
#main { float: left; display: inline; width: 545px; overflow: hidden; padding-bottom: 10px; margin: -8px 0 0 20px }
#main .block { width: 100%; border-bottom: 1px #000 solid; padding: 15px 0 5px 0 }
#main img.cover { border: 1px #999 solid }
#main h1 { margin-top: -3px }
/* etalage */
#main img.sfmain { border: 1px #999 solid }
#main div.sfmain { width: 438px }
#main div.sfmain h2 { font: bold 24px/28px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase }
#main img.sfnorm { border: 1px #999 solid }
#main div.sfnorm { width: 169px }
#main ul.sfsubs li { width: 126px }
#main ul.sfsubs li h4 { font: 15px/19px Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase }
#main ul.sfsubs img { border: 1px #999 solid }
/* detailpagina */
.orderblock { background: url(../images/icon_orderoption.gif) left 11px no-repeat }
.orderblock, .extraoptions, .orderbutton { border-top: 1px #000 solid }
img.tip { border: 1px #999 solid }
div.tip { width: 101px }
/* zoekresultaten */
#main .tr { background: #f1f8ea }
img.result { border: 1px #999 solid }
div.result { width: 473px }
/* lijst */
.col1, .col2 { width: 264px }
/* formulier */
#main p.cart { width: 445px }
#main ul.form li p.form { width: 386px }
#main ul.form li span.form { width: 356px }
/* bestelstappen */
div.order, div.confirm, div.sending, div.sent { margin: 0 0 15px 0; overflow: hidden; background: url(../images/order_steps.gif) no-repeat; height: 36px }
div.confirm { background-position: left -36px }
div.sending { background-position: left -72px }
div.sent { background-position: left -108px }