/* algemeen */
body { background: #c5c5c5 }

/* tekstelementen en -stijlen */
body,td,p { font: 12px/16px Arial, Helvetica, sans-serif; color: #000000 }
h1 { font: 22px/28px Arial, Helvetica, sans-serif; color: #000000; text-transform: lowercase }
h2 { font: 16px/21px Arial, Helvetica, sans-serif; color: #000000; text-transform: lowercase }
h3 { font: bold 13px/18px Arial, Helvetica, sans-serif; color: #000000 }
h4 { font: bold 12px/16px Arial, Helvetica, sans-serif; color: #000000 }
.offer { font-weight: bold; color: #B90053 }

/* links */
a { text-decoration: none; color: #004a7d }
a:hover { text-decoration: underline }
h1 a, h2 a, h4 a { color: #004a7d }

/* lines and spacers */
div.line { border-top: 1px #e5e5e5 solid }
#whitespace { width: 100%; height: 19px; overflow: hidden; background: url(../images/spacer_bg.gif) repeat-y }

/* 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: 970px; min-height: 101%; margin: 0 auto; background: #FFFFFF url(../images/shop_bg.gif) repeat-y; position: relative }
#header { width: 100%; height: 95px; background: url(../images/header_bg.gif) no-repeat }
#header h1 { position: absolute; left: 5px; top: 27px; width: 461px; height: 53px; background: url(../images/header_logo.gif) no-repeat; text-indent: -999px; overflow: hidden }
#adfo { list-style: none; height: 30px; margin: 0 5px; padding-left: 13px; border-top: 1px solid #EAEAEA; background: url(../images/menu-bg.gif) no-repeat; overflow: hidden; position: relative }
#adfo li { float: left; margin: 0; padding: 0 15px; font: 16px/30px Arial, Helvetica, sans-serif }
#adfo li.active { border: solid #E6E6E6; border-width: 0 1px; background: url(../images/menu-li-act-bg.gif) repeat-x }
#adfo li a { color: #004A7D; text-decoration: none }
#adfo li a:hover, #menu li.active a { color: #ff0000 }
#menu { clear: left; list-style: none; height: 29px; margin: -1px 5px 0 5px; padding-left: 13px; background: url(../images/sub-menu-bg.gif) repeat-y; overflow: hidden; border-bottom: 1px solid #D3D3D3; border-top: 1px solid #DEDEDE; position: static }
#menu li { float: left; margin: 0; padding: 0 15px; font: 13px/29px Arial, Helvetica, sans-serif }
#menu li a { color: #5f5f5f; text-decoration: none }
#menu li a:hover, #menu li a.active { color: #ff0000 }

/* zoekbalk */
#searchfield { position: absolute; left: 612px; top: 54px; width: 262px; height: 23px; background: url(../images/search_bg.gif) no-repeat }
#searchfield input.text { border: none; background: none; width: 250px; height: 20px; margin: 4px 0 0 2px; font-size: 13px; color: #7f7f7f }
#searchbutton { position: absolute; left: 879px; top: 52px; width: 73px; height: 29px; background: url(../images/button_bg.gif) no-repeat }
#searchbutton a { display: block; margin: 2px 3px; width: 67px; height: 23px; text-indent: -999px; overflow: hidden }

/* linker- en rechterkolom */
#left { float: left; display: inline; width: 154px; overflow: hidden; padding-bottom: 10px; margin-left: 33px }
#right { float: left; display: inline; width: 190px; overflow: hidden; padding-bottom: 10px; margin-left: 33px }
#left .block { margin-bottom: 10px; border-bottom: 1px #e5e5e5 solid }
#right .block, #right .banner { margin-bottom: 10px; border-bottom: 1px #d3d3d3 solid }
#left h1, #right hl { font: 15px/20px Arial, Helvetica, sans-serif; color: #000000; text-transform: lowercase }
#left h3, #right h3 { font: 16px/21px Arial, Helvetica, sans-serif; color: #000000; text-transform: lowercase }
#left h4, #left p, #left ul, #right h4, #right p, #right ul { padding: 0 }
/* gericht zoeken */
#left input.text { width: 146px }
#left select { width: 154px }
#left .button { width: 100px }
#right .button { width: 130px }
/* navigatie */
ul.nav li { }
ul.nav li a { text-decoration: none }
ul.nav li a:hover { text-decoration: underline }
div.last { display: none }
/* links */
ul.links li { padding: 4px 0 3px 0 }
ul.links li a { text-decoration: none }
ul.links li a:hover { text-decoration: underline }
/* top5 */
ol.top5 { margin-top: -10px }
ol.top5 li { padding: 6px 0 6px 25px; border-bottom: 1px #d3d3d3 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; border: none }
ol.top5 li.t1, ol.top5 li.t2, ol.top5 li.t3, ol.top5 li.t4, ol.top5 li.t5 { background-position: 0 7px }
ol.top5 li.t1 img { border: 1px #333333 solid }
ol.top5 li a { text-decoration: none }
ol.top5 li a:hover { text-decoration: underline }

/* middelste kolom */
#main { float: left; display: inline; width: 519px; overflow: hidden; padding-bottom: 10px; margin: -8px 0 0 26px }
#main h1 { margin-top: -3px }
#main .block { width: 100%; border-bottom: 1px #e5e5e5 solid; padding-top: 10px }
#main img.cover { border: 1px #333333 solid }
/* etalage */
#main img.sfmain { border: 1px #333333 solid }
#main div.sfmain { width: 368px }
#main div.sfmain h2 { font-size: 16px; line-height: 21px }
#main img.sfnorm { border: 1px #333333 solid }
#main div.sfnorm { width: 169px }
#main ul.sfsubs li { width: 114px }
#main ul.sfsubs img { border: 1px #333333 solid }
/* detailpagina */
.orderblock { background: url(../images/icon_orderoption.gif) left 11px no-repeat }
.orderblock, .extraoptions, .orderbutton { border-top: 1px #e5e5e5 solid }
img.tip { border: 1px #333333 solid }
div.tip { width: 92px }
/* zoekresultaten */
#main .tr { background: #f1f8ea }
img.result { border: 1px #333333 solid }
div.result { width: 447px }
/* lijst */
.col1, .col2 { width: 251px }
/* formulier */
#main p.cart { width: 419px }
#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 }
/* footer */
#container2 { width: 970px; margin: 0 auto; padding-top: 40px; background: #FFFFFF url(../images/shop_bg.gif) repeat-y }
.footer { background: #000000; margin: 0 5px 0 18px; overflow: hidden; padding: 19px 0 }
.footer ul { list-style: none; margin: 0; padding: 0; width: 947px; background: url(../images/footer-ul-bg.gif) repeat-y; overflow: hidden }
.footer ul li { color: #FFFF00; float: left; display: inline; font-size: 16px; padding: 0; width: 207px }
.footer ul li ul { list-style: none; margin: 0; padding: 6px 0 0 0; width: auto }
.footer ul li ul li { background: url(../images/arrow_footer.gif) left 3px no-repeat; color: #FFFFFF; float: left; display: inline; font-size: 13px; margin: 0; padding: 0 0 8px 14px; width: 193px }
.footer ul li ul li a { color: #FFFFFF; text-decoration: none }
.footer ul li ul li.none { background: none; padding-left: 0 }
.footer ul li ul li a.rss { background: url(../images/rss-black-ico.gif) right 2px no-repeat; padding-right: 18px }
#bottom { height: 19px; background: url(../images/footer_bg.gif) no-repeat }