/* algemeen */
body { background: #dcdcdc; padding: 0; margin: 0; min-height: 101% }

/* tekstelementen en -stijlen */
body,td,p { font: 12px/16px Arial, Verdana, sans-serif; color: #000000 }
h1 { font: 22px/27px Georgia, "Times New Roman", Serif; color: #00568F }
h2, h4 { font: 16px/20px Georgia, "Times New Roman", Serif; color: #00568F }
h3 { font: bold 13px/16px Arial, Verdana, sans-serif; color: #000000 }
.offer { font-weight: bold; color: #B90053 }

/* links */
a { text-decoration: none; color: #00568F }
a:hover { text-decoration: underline }
a.nav { padding-right: 10px; background: url(../images/arrow_link.gif) right 6px no-repeat; font-weight: bold }
a.nav:hover { text-decoration: underline }

/* lines and spacers */
div.line { border-top: 1px #cccccc solid }
#trl { margin: 10px 20px 0; width: 960px; height: 29px; overflow: hidden }
#trl a { float: left; display: inline; padding-left: 10px; background: url(../images/arrow_back.gif) left 6px no-repeat }

/* formelementen */
input,select,textarea { font: 12px/16px Arial, Verdana, sans-serif; color: #333333 }
textarea { width: 360px }
select { width: 368px }
select.specialisms { width: 198px }
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: 1000px; margin: 0 auto; background: #ffffff; padding: 20px 0 0 0 }
#header { height: 90px; margin: 0 20px; position: relative; overflow: hidden }
#header h1 { position: absolute; left: 0; top: 0 }
#header h1 a { display: block; width: 215px; height: 65px; background: url(../images/header_logo.gif) no-repeat; overflow: hidden; text-indent: -9999px }
#header #headerBalk { position: absolute; right: 0; top: 0; width: 468px; height: 60px; overflow: hidden }
#menu { height: 31px; background: #2172b4; overflow: hidden; margin: 0 20px; position: relative }
#menu a { float: left; display: inline; height: 31px; font: bold 13px/31px Arial, Verdana, sans-serif; padding: 0 8px; color: #ffffff }
#menu a:hover, #menu a.active { background: #509ad9; color: #000000; text-decoration: none }

/* zoekbalk */
#menu #searchfield input#searchterms { position: absolute; left: 492px; top: 7px; width: 200px; border: 0; height: 16px; padding-top: 2px; line-height: 15px }
#menu #searchfield a#searchbutton { position: absolute; left: 700px; top: 7px; text-indent: -999px; overflow: hidden; background: url(../images/searchbutton_bg.gif) no-repeat; width: 19px; height: 18px }
#menu #searchfield a#searchbutton:hover { background-position: 0 -18px }
#menu #searchmenu select { position: absolute; left: 740px; top: 7px; width: 214px }

/* linker- en rechterkolom */
#left { float: left; display: inline; width: 170px; overflow: hidden; margin: 0 30px 0 20px }
#right { float: left; display: inline; width: 220px; overflow: hidden; margin: 0 0 0 20px }
#left h3 { border-top: 5px #f7ba2e solid; padding-top: 5px; margin-bottom: 5px }
#right h3 { padding: 1px 0 9px 0; background: #e3e3e3; margin: 0 }
#left h1, #right hl { font: bold 13px/16px Arial, Verdana, sans-serif; color: #000000; border-top: 5px #f7ba2e solid; padding-top: 5px; margin-bottom: 5px }
#left h4, #left p, #left ul { }
#right h4, #right p, #right ul { margin: 10px }
#left .block { margin-bottom: 20px }
#right .block { border: 5px #e3e3e3 solid; padding: 0; margin-bottom: 20px }
/* gericht zoeken */
#left input.text { width: 162px }
#left select { width: 170px }
#left .button { width: 100px }
#right .button { width: 130px }
/* navigatie */
ul.nav li { padding-left: 10px; background: url(../images/arrow_link.gif) left 6px no-repeat; margin-bottom: 2px }
div.last { display: none }
/* links */
ul.links li { padding-left: 10px; background: url(../images/arrow_link.gif) left 6px no-repeat; margin-bottom: 2px }
/* top5 */
ol.top5 { margin: 10px }
ol.top5 li { padding: 0 0 6px 25px; margin-bottom: 6px; border-bottom: 1px #cccccc 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 0 }
ol.top5 li.t1 img { border: 1px #999999 solid }

/* middelste kolom */
#main { float: left; display: inline; width: 520px; overflow: hidden; padding-bottom: 10px; margin-top: -15px }
#main .block { width: 100%; border-bottom: 1px #cccccc solid; padding-top: 10px; margin-bottom: 5px }
#main img.cover { border: 1px #999999 solid; margin-top: 5px; margin-bottom: 10px }
/* etalage */
#main img.sfmain { border: 1px #999999 solid }
#main div.sfmain { width: 368px }
#main div.sfmain h2 { font-size: 22px; line-height: 27px }
#main div.sfmain { width: 368px }
#main img.sfnorm { border: 1px #999999 solid }
#main div.sfnorm { width: 169px }
#main ul.sfsubs li { width: 114px }
#main ul.sfsubs img { border: 1px #999999 solid }
/* detailpagina */
.orderblock { background: url(../images/icon_orderoption.gif) left 11px no-repeat }
.orderblock, .extraoptions, .orderbutton { border-top: 1px #cccccc solid }
img.tip { border: 1px #999999 solid }
div.tip { width: 92px }
/* zoekresultaten */
img.result { border: 1px #999999 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 }

#bottomline { padding: 5px 10px 40px 220px; font-weight: bold }
#footer { color: #656565; padding-top: 10px; background: #dcdcdc; height: 70px }
#footer #footerLink { float: right; text-align: center; width: 90% }
#footer #footerLink a { color: #656565; margin: 0 4px }
#logoKluwer { display: block; margin: 10px 0; position:relative }