/* algemeen */
body { background: #FFFFFF; padding-bottom: 20px }

/* tekstelementen en -stijlen */
body,td,p { font: 11px/15px Tahoma, Verdana, Arial; letter-spacing: 1px; color: #333333 }
h1 { font: bold 18px/38px Arial, Verdana; color: #0768a9 }
h2 { font: bold 12px/16px Tahoma, Verdana, Arial; letter-spacing: 1px; color: #0768a9 }
h3 { font: bold 11px/11px Arial, Helvetica, sans-serif; color: #BA0053; text-transform: uppercase; letter-spacing: 0; margin-bottom: 9px }
h4 { font: bold 11px/15px Tahoma, Verdana, Arial; letter-spacing: 1px; color: #0768a9 }
.offer { color: #BA0053 }

/* links */
a { text-decoration: underline; color: #0768a9 }
a:hover { text-decoration: none }
a.nav { padding-left: 10px; background: url(../images/arrow_link.gif) left 5px no-repeat; text-decoration: underline }
a.nav:hover { text-decoration: none }

/* lines and spacers */
div.line { border-top: 1px #d5e5f0 solid }

/* formelementen */
input,select,textarea { font: 11px/14px Tahoma, Verdana, Arial; letter-spacing: 1px; color: #333333 }
textarea { width: 342px }
select { width: 350px }
input.text { width: 342px }
input.button { font-weight: bold; border: 1px #333333 solid; background: #FFFFFF; height: 18px; padding-top: -1px }
input.m120 { width: 224px }
input.m160 { width: 184px }
input.w30 { width: 22px }
input.w40 { width: 32px }
input.w60 { width: 52px }
input.w80 { width: 72px }
input.w100 { width: 92px }
input.w120 { width: 112px }

/* header */
#container { background: url(../images/header_bg.gif) repeat-x; height: 133px; overflow: hidden }
#header { height: 100%; background: url(../images/header.gif) no-repeat; overflow: hidden }
#kluwerlogo { position: absolute; left: 15px; top: 15px; width: 170px; height: 38px; text-indent: -999px }
#shoplogo { position: absolute; left: 206px; top: 15px; width: 129px; height: 34px; text-indent: -999px }
#topmenu { position: absolute; left: 742px; top: 16px; width: 250px; list-style-type: none }
#topmenu li { height: 12px; overflow: hidden; font: 10px/12px Tahoma, Verdana, Arial; margin: 0 }
#topmenu a { color: #333333; text-decoration: none }
#topmenu a:hover { text-decoration: underline }

/* zoekbalk */
#info1, #info2 { position: absolute; left: 25px; width: 170px; height: 20px; overflow: hidden; text-align: right }
#info1 { top: 79px; color: #FFFFFF; font-weight: bold }
#info2 { top: 111px; color: #0768a9 }
#srch { position: absolute; left: 216px; top: 78px; width: 505px; height: 20px; overflow: hidden }
#srch input.text { float: left; margin-right: 10px; width: 180px; border: 1px #333333 solid }
#srch input.button { float: left }
#srch a { float: left; margin: 1px 10px; color: #FFFFFF; text-decoration: underline }
#srch a:hover { text-decoration: none }
#srch span { float: left; color: #FFFFFF; margin-top: 1px }
#crt { position: absolute; left: 742px; top: 79px; width: 150px; height: 20px; overflow: hidden }
#crt a { float: left; padding-right: 25px; color: #FFFFFF; text-decoration: underline; background: url(../images/icon_cart.gif) right no-repeat }
#crt a:hover { text-decoration: none }
#trl { position: absolute; left: 216px; top: 111px; width: 505px; height: 16px; overflow: hidden; color: #000000; font-weight: bold }
#trl a { float: left; display: inline; padding-right: 14px; margin-right: 10px; background: url(../images/arrow_crumbtrail.gif) right no-repeat; color: #03498c; text-decoration: underline; font-weight: normal }
#trl a:hover { text-decoration: none }

/* pagetitle */
#pagetitle { position: relative; background: url(../images/pagetitle_bg.gif) repeat-y; padding: 0 0 0 25px; width: 707px }
#pagetitle div { display: none }
#pagetitle span { display: block; width: 16px; height: 16px }
#pagetitle h1 { clear: left; margin: 0 }
#pagetitle .order, #pagetitle .confirm, #pagetitle .sending, #pagetitle .sent { float: right; margin: 9px 10px 0 0; display: inline; overflow: hidden; background: url(../images/order_steps.gif) no-repeat; width: 505px; height: 36px }
#pagetitle .confirm { background-position: left -36px }
#pagetitle .sending { background-position: left -72px }
#pagetitle .sent { background-position: left -108px }
#content { margin-left: 14px; background: url(../images/content_bg.gif) repeat-y; border-top: 1px #abcce2 solid }

.block { border-top: 1px #abcce2 solid }

/* linker- en rechterkolom */
#left { float: left; margin: -1px 1px 0 1px; display: inline; width: 190px; overflow: hidden }
#right { float: left; margin: -1px 1px 0 1px; display: inline; width: 250px; overflow: hidden }
#left .block, #right .block { padding: 10px 10px 0 10px }
.banner { border-top: 1px #abcce2 solid }
#banner { border-top: 1px #abcce2 solid }

/* gericht zoeken */
#left input.text { width: 164px }
#left select { width: 170px }
/* navigatie */
ul.nav li { background: url(../images/bullet.gif) left 10px no-repeat; width: 100% }
ul.nav li.active { font-weight: bold }
ul.nav li a { text-decoration: none; display: block; padding: 4px 0 3px 0; margin-left: 13px; border-bottom: 1px #d5e5f0 solid }
ul.nav li a:hover { text-decoration: underline }
ul.nav li.active a { border: none }
div.last { height: 10px; border-top: 1px #FFFFFF solid; margin-top: -11px }
/* subnavigatie */
ul.sub { list-style: none; border-bottom: 1px #d5e5f0 solid }
ul.sub li { margin: 0 0 0 13px; padding-left: 13px; background: url(../images/arrow_sublink.gif) left 10px no-repeat; font-size: 10px; font-weight: normal }
ul.sub li.active { font-weight: bold }
ul.sub li a { text-decoration: none }
ul.sub li a:hover { text-decoration: underline }
/* askluwer logo */
#askluwer { display: block; margin: 5px 0 0 0; width: 136px; height: 38px; text-indent: -999px; overflow: hidden; background: url(../images/home_askluwer.gif) no-repeat }
/* links */
#left ul.links li.all { margin: 0 }
ul.links li { padding: 4px 0 3px 10px; background: url(../images/arrow_link.gif) left 10px no-repeat }
ul.links li a { text-decoration: underline }
ul.links li a:hover { text-decoration: none }
/* top5 */
ol.top5 { margin-bottom: 10px }
ol.top5 li { padding: 4px 0 6px 25px }
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: left 4px }
ol.top5 li.t1 img { border: 1px #0768a9 solid }
ol.top5 li a { text-decoration: underline }
ol.top5 li a:hover { text-decoration: none }
ol.top5 li div.end { display: none }

/* middelste kolom */
#main { float: left; display: inline; width: 525px; overflow: hidden; margin-top: -1px }
#main .block { padding: 10px 10px 0 10px }
#main img.cover { border: 1px #0768a9 solid }
/* etalage */
#main img.sfmain { border: 1px #0768a9 solid }
#main div.sfmain { width: 388px }
#main img.sfnorm { border: 1px #0768a9 solid }
#main div.sfnorm { width: 165px }
#main ul.sfsubs li { width: 116px }
#main ul.sfsubs img { border: 1px #0768a9 solid }
/* detailpagina */
.orderblock { background: url(../images/icon_orderoption.gif) left 11px no-repeat }
.orderblock, .extraoptions, .orderbutton { border-top: 1px #abcce2 solid }
img.tip { border: 1px #0768a9 solid }
div.tip { width: 88px }
/* zoekresultaten */
#main .tr { background: #f1f8ea }
img.result { border: 1px #0768a9 solid }
div.result { width: 433px }
/* lijst */
.col1, .col2 { width: 245px }
/* formulier */
#main p.cart { width: 405px }
#main ul.form li p.form { width: 345px }
#main ul.form li span.form { width: 315px }

/* onderste balk */
#footer { position: relative; height: 28px; background: #FFFFFF url(../images/footer_bg.gif) repeat-y; border: #0768a9 solid; border-width: 1px 0 }
#footer div { position: absolute; left: 25px; top: 7px; width: 170px; height: 14px; color: #666666; font-size: 10px; overflow: hidden }
#footer ul { position: absolute; left: 206px; top: 7px; width: 525px; height: 14px; overflow: hidden }
#footer ul li { float: left; display: inline; margin: 0 }
#footer ul li a { margin: 0 10px }

/* boekensale */
#boekensale { width: 525px; height: 272px; position: relative; overflow: hidden; background: #0469aa url(../images/boekensale_bg.gif) no-repeat; overflow: hidden; border-top: 1px #abcce2 solid }
#boekensale ul.form { position: absolute; left: 22px; top: 215px; color: #FFFFFF }
#boekensale ul.form li label { font-weight: normal; width: 140px }
#boekensale ul.form li select { width: 275px }
#boekensale ul.form li input.text { float: left; width: 267px; margin: 0 }
#boekensale input.button { position: absolute; left: 449px; top: 215px; width: 46px; height: 46px; margin: 0; padding: 0; border: none; background: url(../images/boekensale_button_bg.gif) no-repeat; overflow: hidden }
#boekensale input.button:hover { background-position: 0 -46px }
ul#index, ul#index2 { float: left; width: 262px; list-style: none; margin: 0; padding: 0; overflow: hidden }
ul#index li, ul#index2 li { margin: 0; padding: 10px 10px 0 10px; border-top: 1px #abcce2 solid }
ul#index li p { line-height: 18px }
ul#index2 { border-left: 1px #abcce2 solid }
#saleperiod { margin: -10px 0 0 -10px; width: 525px; height: 50px; background: #0469aa url(../images/boekensale_bottom.gif) no-repeat; overflow: hidden }