/* algemeen */
body { background: #aab9ce url(../images/body_bg.gif) repeat-x }

/* tekstelementen en -stijlen */
body,td,p { font: 12px/18px Arial, Verdana, Tahoma; color: #000000 }
h1 { font: bold 18px/24px Arial, Verdana, Tahoma; color: #2089BE }
h2 { font: bold 14px/18px Arial, Verdana, Tahoma; color: #000000 }
h3 { font: bold 12px/27px Arial, Verdana, Tahoma; color: #00244C; text-transform: uppercase }
h4 { font: bold 12px/16px Arial, Verdana, Tahoma; color: #00244C }
.offer { font-weight: bold; color: #2089BE }

/* links */
a { text-decoration: underline; color: #EE981E; font-weight: bold }
a:hover { text-decoration: underline; color: #00244C }
a.nav { font-size: 11px; font-weight: bold; padding-left: 7px; background: url(../images/arrow_link.gif) left 6px no-repeat }
h1 a, h2 a, h4 a { color: #00244C }

/* lines and spacers */
div.line { border-top: 1px #d1d1d1 solid }
#whitespace { width: 975px; height: 12px; background: #FFFFFF; overflow: hidden }
#bottomspacer { height: 500px; overflow: hidden }

/* formelementen */
input,select,textarea { font: 12px/16px Arial, Helvetica, sans-serif; color: #333333 }
textarea { width: 360px }
select { width: 368px }
select.specialisms { width: 201px }
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: 140px }

/* header */
#container { width: 981px; min-height: 101%; margin: 0 auto; background: #FFFFFF url(../images/shop_bg.gif) repeat-y; position: relative }
#header { width: 975px; height: 85px; background: #00244C url(../images/header_logo.gif) no-repeat; overflow: hidden; text-indent: -9999px; margin-left: 3px }
#menu { width: 975px; height: 43px; background: #FFFFFF; overflow: hidden; padding-top: 5px; margin-left: 3px }
#menu a { font: bold 11px/43px Arial, Helvetica, sans-serif; color: #EE981E; padding: 0 13px; text-decoration: none; text-transform: uppercase }
#menu a:hover { text-decoration: none }
#menu a.active { text-decoration: none; color: #00244C }

/* zoekbalk */
#searchbar { font: bold 12px/19px Arial, Helvetica, sans-serif; color: #00244C; width: 975px; height: 43px; background: #FFFFFF url(../images/menu_bg.gif) repeat-x; overflow: hidden; text-transform: uppercase; margin-left: 3px }
#backbutton { float: left; display: inline; margin: 14px 93px 0 13px; width: 108px; height: 16px; overflow: hidden }
#backbutton a { display: block; width: 108px; height: 16px; overflow: hidden; background: url(../images/icon_vorige.gif) no-repeat; text-indent: -999px }
#searchfield { float: left; display: inline; border-left: 1px #FFFFFF solid; padding: 12px 0 0 13px; height: 43px; overflow: hidden }
#searchfield a { float: left; display: inline; width: 55px; height: 16px; background: url(../images/icon_zoek.gif) no-repeat; text-indent: -999px; margin: 2px 0; overflow: hidden }
#searchfield div { float: left; display: inline; padding-right: 10px }
#searchmenu { float: left; display: inline; margin-left: 6px; padding: 12px 0 0 13px; height: 43px; overflow: hidden }
#searchmenu div { float: left; display: inline; padding-right: 10px }

/* linker- en rechterkolom */
#left { float: left; display: inline; width: 201px; overflow: hidden; padding-bottom: 10px; margin: 0 0 0 16px }
#right { float: left; display: inline; width: 200px; overflow: hidden; padding-bottom: 10px; margin-top: 4px }
#left h3, #right h3 { height: 25px; margin: 0; overflow: hidden; margin-bottom: 10px }
#left h3 { background: url(../images/left_bg.gif) no-repeat; padding: 4px 0 0 29px }
#right h3 { background: #ee981e; color: #FFFFFF; padding: 0 0 0 13px }
#right a { color: #FFFFFF }
#right .block { background: #ee981e; border-bottom: 1px #f3b761 solid }
#left h1, #right hl { font-size: 15px; margin: 10px 0 5px 0 }
#left h4, #left p, #left ul { padding: 0 }
#right h4, #right p, #right ul { padding: 0 10px 0 13px }
/* gericht zoeken */
#left input.text { width: 174px }
#left select { width: 180px }
#left .button { width: 100px }
#right .button { width: 130px }
/* navigatie */
ul.nav li { padding-left: 7px; background: url(../images/arrow_link.gif) left 9px no-repeat }
ul.nav li a { font-size: 11px; font-weight: bold }
div.last { display: none }
/* links */
#left ul.links li { padding-left: 7px; background: url(../images/arrow_link.gif) left 9px no-repeat }
#right ul.links li { padding-left: 7px; background: url(../images/arrow_link_white.gif) left 9px no-repeat }
ul.links li a { font-size: 11px; font-weight: bold }
/* top5 */
ol.top5 { margin-top: -10px }
ol.top5 li { padding: 6px 10px 6px 40px; border-top: 1px #f3b761 solid }
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: 15px 7px }
ol.top5 li.t1 img { border: 1px #822B86 solid }

/* middelste kolom */
#main { float: left; display: inline; width: 518px; overflow: hidden; padding-bottom: 10px; margin: 0 15px 0 15px }
#main h1 { margin-top: -3px }
#main .block { width: 100%; border-bottom: 1px #d1d1d1 solid; padding-top: 10px }
#main img.cover { border: 1px #000000 solid }
/* etalage */
#main img.sfmain { border: 1px #000000 solid }
#main div.sfmain { width: 367px }
#main div.sfmain h2 { font-size: 16px; line-height: 21px }
#main img.sfnorm { border: 1px #000000 solid }
#main div.sfnorm { width: 169px }
#main ul.sfsubs li { width: 119px }
#main ul.sfsubs img { border: 1px #000000 solid }
/* detailpagina */
.orderblock { background: url(../images/icon_orderoption.gif) left 11px no-repeat }
.orderblock, .extraoptions, .orderbutton { border-top: 1px #e5e9ed solid }
img.tip { border: 1px #000000 solid }
div.tip { width: 92px }
/* zoekresultaten */
#main .tr { background: #f1f8ea }
img.result { border: 1px #000000 solid }
div.result { width: 446px }
/* lijst */
.col1, .col2 { width: 250px }
/* formulier */
#main p.cart { width: 418px }
#main ul.form li p.form { width: 360px }
#main ul.form li span.form { width: 330px }
/* 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 }

#leftshade { position: absolute; left: 0; top: 0; width: 3px; height: 578px; overflow: hidden; background: url(../images/leftshade.gif) no-repeat }
#rightshade { position: absolute; left: 978px; top: 0; width: 3px; height: 578px; overflow: hidden; background: url(../images/rightshade.gif) no-repeat }