/* algemeen */
* { padding: 0; margin: 0 }
html,body { width: 100%; height: 100% }
body { background: #FFFFFF url(../images/body_bg.gif) repeat-x }
/* tekstelementen en -stijlen */
body,p,li,td,input { font: 11px/17px "Trebuchet MS", Tahoma, Arial; color: #474747 }
td { vertical-align: top; padding-right: 15px }
h1,h2 { font: 17px/25px "Trebuchet MS", Tahoma, Arial; color: #474747 }
h3 { font: bold 15px/18px "Trebuchet MS", Tahoma, Arial; color: #cc144f }
h4 { font: bold 11px/17px "Trebuchet MS", Tahoma, Arial; color: #333333 }
h4.frm { font-size: 12px; line-height: 18px; color: #006bb3 }
p,h1,h2,h3,ul,table { margin-bottom: 10px }
p + ul { margin-top: -10px }
p + ul.form { margin-top: 0 }
p.more { margin: 10px 0 }
ul { list-style: none }
li { padding-left: 12px; background: url(../images/bullet.gif) left 7px no-repeat }
ul.more li { padding: 0; background: none }
a { color: #006bb3; text-decoration: none; font-weight: bold }
a:hover { text-decoration: underline }
p.more a, a.more, ul.more li a { padding-left: 10px; background: url(../images/arrow_blue.gif) 0 5px no-repeat }
/* afbeeldingen */
img { border: 0 }
/* containers */
#container1 { width: 980px; background: url(../images/container1_bg.gif) repeat-y; overflow: hidden; margin: 0 auto }
#container2 { padding: 86px 10px 0 10px; background: url(../images/container2_bg.gif) no-repeat; overflow: hidden; position: relative }
#banners { width: 980px; height: 86px; background: url(../images/banners_bg.gif) no-repeat; overflow: hidden; position: absolute; left: 0; top: 0 }
#container3 { width: 960px; background: url(../images/container3_bg.gif) repeat-y; min-height: 340px; overflow: hidden }
.infopage #container3 { background-image: url(../images/container3_bg_infopage.gif) }
/* header */
#header { height: 78px; overflow: hidden; position: relative }
#header #klunl { position: absolute; width: 175px; height: 40px; left: 20px; top: 15px; overflow: hidden }
#header #klunl a { display: block; width: 100%; height: 100%; text-indent: -999px; background: url(../images/header_kluwerlogo.gif) no-repeat; overflow: hidden }
#header #kluopl { position: absolute; width: 240px; height: 54px; left: 239px; top: 12px; overflow: hidden }
#header #kluopl a { display: block; width: 100%; height: 100%; text-indent: -999px; background: url(../images/header_onderwijs.gif) no-repeat; overflow: hidden }
#header ul { position: absolute; right: 5px; top: 15px }
#header ul li { float: left; display: inline; padding: 0 10px; height: 13px; overflow: hidden; background: none }
#header ul li a { display: block; height: 100%; text-indent: -999px; overflow: hidden }
#header ul li#nlg, #header ul li#nsc, #header ul li#nws { border-right: 1px #999999 solid }
#header ul li#nlg a { width: 55px; background: url(../images/shopmenu_login.gif) no-repeat }
#header ul li#nsc a { width: 99px; background: url(../images/shopmenu_cart.gif) no-repeat }
#header ul li#nws a { width: 70px; background: url(../images/shopmenu_ezine.gif) no-repeat }
#header ul li#kln a { width: 92px; background: url(../images/shopmenu_service.gif) no-repeat }
#header #login { position: absolute; left: 480px; top: 10px; width: 255px; padding: 2px 0 0 25px; background: url(../images/file_secure.gif) no-repeat; overflow: hidden }
#header #login a { padding-left: 10px; background: url(../images/arrow_blue.gif) 0 5px no-repeat }
/* hoofdmenu */
#mainmenu { margin: 0; padding-left: 12px; background: #5396c4 url(../images/mainmenu_bg.gif) repeat-x; border-bottom: 1px #91bcd9 solid; height: 30px; overflow: hidden }
#mainmenu li { float: left; display: inline; margin: 0 10px 0 0; height: 100%; padding: 0; overflow: hidden; background: none }
#mainmenu li a { display: block; height: 20px; margin: 5px 0; text-indent: -990px; overflow: hidden; background-repeat: no-repeat }
#mainmenu li a:hover { background-position: 0 -20px }
#mainmenu li a.active { background-position: 0 -40px }
#mainmenu li#hm a { width: 53px; background-image: url(../images/mainmenu_hm.gif) }
#mainmenu li#vrk a { width: 161px; background-image: url(../images/mainmenu_vrk.gif) }
#mainmenu li#stb a { width: 101px; background-image: url(../images/mainmenu_stb.gif) }
#mainmenu li#ebk a { width: 61px; background-image: url(../images/mainmenu_ebk.gif) }
#mainmenu li#gds a { width: 63px; background-image: url(../images/mainmenu_gds.gif) }
#mainmenu li#elr a { width: 76px; background-image: url(../images/mainmenu_elr.gif) }
#mainmenu li#dct a { width: 119px; background-image: url(../images/mainmenu_dct.gif) }
#mainmenu li#cnt a { width: 66px; background-image: url(../images/mainmenu_cnt.gif) }
#mainmenu li#srchflds { float: right; display: inline; background: url(../images/mainmenu_srchbx_bg.gif) left 6px no-repeat }
#mainmenu li#srchflds input.text { float: left; display: inline; width: 155px; height: 16px; margin: 8px 0 6px 5px; border: none; background: none; color: #999999 }
#mainmenu li#srchflds input.image { float: left; display: inline; width: 43px; height: 18px; margin: 6px 0 6px 8px; border: none; background: url(../images/mainmenu_srchbtn_bg.gif) no-repeat }
#mainmenu li#srchflds input.image:hover { background-position: 0 -18px }
/* visual en pay-off */
#visual { width: 100%; height: 100px; background: url(../images/visual_general.jpg) no-repeat; overflow: hidden; position: relative }
#home #visual { height: 240px; background: url(../images/visual_home.jpg) no-repeat }
#home #visual h1 { position: absolute; left: 512px; top: 70px; width: 401px; height: 29px; text-indent: -999px; overflow: hidden; background: url(../images/h1_verdergroeien.gif) no-repeat }
#home #visual h2 { position: absolute; left: 512px; top: 104px; width: 401px; text-align: center; color: #abcce2 }
#home #visual h2 a { color: #ffffff; text-decoration: underline }
#home #visual h2 a:hover { text-decoration: none }
#overkluweronderwijs #visual { height: 200px; background: url(../images/visual_overkluweronderwijs.jpg) }
#docentenservice #visual { height: 200px; background: url(../images/visual_docentenservice.jpg) }
#klantenservice #visual { height: 200px; background: url(../images/visual_klantenservice.jpg) }
#inloggen #visual { height: 200px; background: url(../images/visual_inloggen.jpg) }
#studieboeken #visual { height: 200px; background: url(../images/visual_studieboeken.jpg) }
#ebooks #visual { height: 200px; background: url(../images/visual_ebooks.jpg) }
#degids #visual { height: 200px; background: url(../images/visual_degids.jpg) }
#elearning #visual { height: 200px; background: url(../images/visual_elearning.jpg) }
#crumbtrail { position: absolute; left: 14px; top: 5px; padding: 0 }
#crumbtrail li { float: left; display: inline; margin: 0; padding-left: 6px; color: #474747; background: none; font-weight: bold }
#crumbtrail li a { padding-right: 12px; background: url(../images/arrow_grey.gif) right 5px no-repeat; color: #006bb3 }
#elearning #crumbtrail li, #klantenservice #crumbtrail li, #docentenservice #crumbtrail li { color: #474747 }
#elearning #crumbtrail li a, #klantenservice #crumbtrail li a, #docentenservice #crumbtrail li a { background-image: url(../images/arrow_grey.gif); color: #006bb3 }
.general #crumbtrail li, .infopage #crumbtrail li, #inloggen #crumbtrail li, #overkluweronderwijs #crumbtrail li { color: #003366 }
.general #crumbtrail li a, .infopage #crumbtrail li a, #inloggen #crumbtrail li a, #overkluweronderwijs #crumbtrail li a { background-image: url(../images/arrow_lightgrey.gif); color: #ffffff }
#searchmenu { position: absolute; left: 740px; top: 5px; padding: 0 }
#searchmenu li { float: left; display: inline; margin: 0; padding: 0 10px 0 0; background: none }
#searchmenu li#adv a { padding-right: 10px; background: url(../images/searchmenu_line_grey.gif) right 2px no-repeat }
#searchmenu li a { color: #006bb3 }
#studieboeken #searchmenu li a, #elearning #searchmenu li a, #klantenservice #searchmenu li a { color: #006bb3 }
#studieboeken #searchmenu li#adv a, #elearning #searchmenu li#adv a, #klantenservice #searchmenu li#adv a { background-image: url(../images/searchmenu_line_grey.gif) }
.general #searchmenu li a, .infopage #searchmenu li a, #inloggen #searchmenu li a, #overkluweronderwijs #searchmenu li a, #docentenservice #searchmenu li a { color: #ffffff }
.general #searchmenu li#adv a, .infopage #searchmenu li#adv a, #inloggen #searchmenu li#adv a, #overkluweronderwijs #searchmenu li#adv a, #docentenservice #searchmenu li#adv a { background-image: url(../images/searchmenu_line_lightgrey.gif) }
/* content */
#info { float: left; display: inline; width: 480px; height: 180px; background: #cc144f; overflow: hidden }
#info h1, #info h2, #details .tab h2 { height: 27px; margin: 4px 0 6px 0; padding-left: 20px; color: #ffffff; border-bottom: 1px #de5c85 solid; overflow: hidden }
#info h1 em, #info h2 em, #details .tab h2 em { font-style: normal }
#info p, #info h3, #info h4, #info ul { margin-left: 20px; margin-right: 10px }
#info table { margin: 0 10px 0 20px }
#info h3 { padding-top: 5px }
#info p, #info a { font-weight: bold; color: #ffffff }
#info p + ul { margin-top: 0 }
#home #info { width: 240px; background: url(../images/info_home_bg.jpg) no-repeat }
#home #info h2, .infopage #info h1, .infopage #info h2, #details .tab h2 { color: #4f95c4; border-bottom: 1px #c4dbeb solid }
#home #info h2 em, .infopage #info h1 em, .infopage #info h2 em, #details .tab h2 em { font-style: normal; color: #0768a9 }
#home #info p { font-weight: normal; color: #474747 }
#home #info a { color: #006bb3 }
#home #info ul li { color: #000000 }
#home #info p, #home #info ul { margin-bottom: 7px }
.infopage #info { height: auto; background: none; padding-bottom: 15px; overflow: visible }
.infopage #info p { color: #474747; font-weight: normal }
.infopage #info p.err, .infopage #info h3.err, .infopage #info h4.err, .general #maincol p.err { color: #ee014c; font-weight: bold }
.infopage #info a { color: #006bb3 }
#inloggen #info h4 { color: #006bb3; padding-top: 3px; margin-bottom: 10px; font-size: 12px }
#submenu { float: left; display: inline; width: 239px; height: 180px; margin: 0; overflow: hidden; background: #cc144f; border-right: 1px #de5c85 solid }
#submenu h2 { height: 27px; margin: 4px 0 6px 0; padding-left: 20px; color: #f99ebb; border-bottom: 1px #de5c85 solid; overflow: hidden }
#submenu h2 em { font-style: normal; color: #ffffff }
#submenu h3 { font: bold 12px/17px "Trebuchet MS", Tahoma, Arial; color: #59001c; margin: 0 0 0 20px }
#submenu ul { float: left; display: inline; width: 100% }
#submenu ul.left { background: url(../images/line_submenu.gif) right 4px no-repeat }
#submenu ul li { float: left; display: inline; width: 224px; margin: 0 0 0 15px; padding: 0; background: none }
#submenu ul li.line { width: 100%; margin: 6px 0 0 0; height: 6px; border-top: 1px #de5c85 solid; overflow: hidden }
#submenu ul li a { display: block; width: 210px; height: 17px; font-size: 12px; line-height: 16px; color: #ffffff; text-decoration: none; padding-left: 5px; overflow: hidden; margin: 0 }
#submenu ul li a.active, #submenu ul li a.active:hover { color: #59001c; background: none }
#submenu ul li a span { color: #f99ebb }
#submenu ul li a:hover { background: #a8083b }
#submenu ul li.alt { margin-top: 5px }
#submenu ul li span.more { padding-left: 12px; background: url(../images/arrow_lightgreen.gif) 0 5px no-repeat }
.infopage #submenu { height: auto }
#home #submenu { width: 480px; border: none; background: #cc144f url(../images/submenu_home_bg.jpg) no-repeat }
#home #submenu ul { width: 50% }
#home #submenu ul li a { height: 19px; line-height: 18px }
#buttons { float: left; display: inline; width: 240px; height: 180px; margin: 0; background: #0768a9 url(../images/buttons_home_bg.jpg) no-repeat; overflow: hidden }
#buttons li { float: left; display: inline; width: 100%; height: 32px; margin: 0; padding: 0; background: none }
#buttons li#nvl { height: 50px }
#buttons li#ctl { height: 35px }
#buttons li a { display: block; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; background: url(../images/buttons.gif) no-repeat }
#buttons li#std a { background-position: 0 0 }
#buttons li#std a:hover { background-position: -240px 0 }
#buttons li#nvl a { background-position: 0 -32px }
#buttons li#nvl a:hover { background-position: -240px -32px }
#buttons li#dnx a { background-position: 0 -82px }
#buttons li#dnx a:hover { background-position: -240px -82px }
#buttons li#nws a { background-position: 0 -114px }
#buttons li#nws a:hover { background-position: -240px -114px }
#buttons li#ctl a { background-position: 0 -146px }
#buttons li#ctl a:hover { background-position: -240px -146px }
#home #buttons { background: #0768a9 url(../images/buttons_home_bg.jpg) no-repeat }
/* vakgebied */
#rightcol ul#sftop5 { width: 100%; padding: 0; margin: 0 0 10px 0 }
#rightcol ul#sftop5 li { padding: 6px 10px 0 35px; margin: 0; background: none; overflow: hidden }
#rightcol ul#sftop5 li#top1 { background: url(../images/top1.gif) 20px 10px no-repeat }
#rightcol ul#sftop5 li#top2 { background: url(../images/top2.gif) 20px 10px no-repeat }
#rightcol ul#sftop5 li#top3 { background: url(../images/top3.gif) 20px 10px no-repeat }
#rightcol ul#sftop5 li#top4 { background: url(../images/top4.gif) 20px 10px no-repeat }
#rightcol ul#sftop5 li#top5 { background: url(../images/top5.gif) 20px 10px no-repeat }
#rightcol ul#sftop5 li p { padding: 0; margin: 0 0 8px 0 }
#rightcol ul#sftop5 li a { font-weight: bold }
#rightcol ul#sftop5 li a.more { font-size: 11px }
#rightcol ul#sftop5 li#top1 img { float: right; margin-left: 6px; width: 40px; border: 1px #b9b9b9 solid }
#rightcol ul#sftop5 li .icons { float: right; margin-left: 6px }
/* columns */
#intro div { padding: 10px 10px 15px 15px; border-bottom: 1px #c0d9e9 solid }
#intro h2 { height: 27px; margin: 4px 0 0 0; padding-left: 20px; color: #0768a9; border-bottom: 1px #c0d9e9 solid; overflow: hidden }
#columns { clear: both; width: 100%; background: url(../images/columns_bg.gif) repeat-y; overflow: hidden }
.general #columns, .general #maincol { min-height: 400px }
#columns div { float: left; display: inline; width: 240px; overflow: hidden }
#columns div.dbl { width: 480px }
#columns h2 { height: 27px; margin: 4px 0 0 0; padding-left: 20px; color: #cc144f; border-bottom: 1px #c0d9e9 solid; overflow: hidden }
#columns .full { float: left; width: 960px; margin: 0; background: #ffffff }
#columns .half { float: left; width: 479px; margin: 0 0 0 1px; background: #ffffff }
#columns .all h2, #columns .full h2 { padding-left: 15px }
#columns .half h2 { padding-left: 19px }
#columns ul { overflow: hidden; margin-bottom: -1px }
#columns ul li { margin: 0; padding: 8px 10px 8px 20px; border-bottom: 1px #d5e5f0 solid; background: none }
#columns .all ul { padding: 10px 10px 10px 15px; border-bottom: 1px #c0d9e9 solid; margin: 0 }
#columns .all ul li { margin: 0; padding: 0 0 0 10px; border: none; background: url(../images/bullet.gif) 0 7px no-repeat }
#columns .all ul li a { font-weight: normal }
#columns p.more { padding: 10px 10px 12px 20px; border-top: 1px #c0d9e9 solid; margin: 0 }
#columns ul li p { padding: 0; margin: 0 0 10px 0; border: none }
#columns ul li p.lst { margin-bottom: 2px }
#columns strong { color: #242424 }
#columns span { color: #666666 }
/* icons */
#columns div.new { float: none; display: block; width: auto; padding-right: 37px; background: url(../images/icon_nieuw.gif) right 5px no-repeat; overflow: hidden }
#columns div.soon { float: none; display: block; width: auto; padding-right: 104px; background: url(../images/icon_invoorbereiding.gif) right 5px no-repeat; overflow: hidden }
span.icon { float: right; display: inline; width: 23px; height: 20px; overflow: hidden; margin: 0 0 5px 5px }
/* results */
#results { float: left; display: inline; width: 720px; overflow: visible }
#results h1 { height: 27px; margin: 0 0 8px 0; padding: 4px 0 0 20px; color: #ffffff; background: #cc144f url(../images/h2_red_bg.gif) repeat-x; overflow: hidden }
#filters { margin: 0 0 0 20px; padding: 0; height: 22px; overflow: visible }
#filters li { float: left; display: inline; padding: 0 8px 0 0; background: none; position: relative; z-index: 1 }
#filters li.delsrch { height: 18px; border-right: 1px #cccccc solid; margin-right: 8px }
#filters li.delsrch a { float: none; display: block; width: 11px; height: 11px; text-indent: -999px; overflow: hidden; background: url(../images/search_delete.gif) no-repeat; padding: 0; border: none; margin-top: 3px }
#filters li.delsrch a:hover { background-position: 0 -11px }
#filters li a { float: left; display: inline; height: 16px; padding: 0 18px 0 4px; text-decoration: none; border: 1px #ffffff solid; background: url(../images/filtermenu_bg.gif) right top no-repeat; overflow: hidden; line-height: 16px; margin: 0; text-decoration: underline }
#filters li a:hover { border-color: #b3b3b3; background-position: right -16px; text-decoration: none }
#filters li.on { z-index: 2 }
#filters li.on a { border-color: #5698c5; text-decoration: none; background-position: right -16px }
#filters ul { position: absolute; left: 0; top: 17px; border: 1px #5698c5 solid; background: #ffffff; padding: 4px 10px 8px 5px }
#filters ul li { float: none; display: block; padding: 0 0 0 12px }
#filters ul li a { float: none; display: block; height: 16px; background: none; border: none; padding: 0 3px; overflow: visible; white-space: nowrap; text-decoration: none }
#filters ul li a:hover { background: #dfeaf1 }
#filters ul li a span { color: #5698c5; font-weight: normal }
#filters ul li.delete { background: url(../images/filter_delete.gif) 0 4px no-repeat; padding-bottom: 2px; margin-bottom: 2px; border-bottom: 1px #c0d9e9 solid }
#filters ul li.delete a { color: #cc0000 }
#filters ul li.active { background: url(../images/filter_active.gif) 0 4px no-repeat }
#filters ul li.active a { color: #474747 }
#filters ul li.active a span { color: #757575 }
#filters ul li.alt { margin-top: 4px }
#found { padding: 0 20px 8px 20px; margin: 0; border-bottom: 1px #5698c5 solid }
#displayed { float: right }
#found strong { color: #333333; font-weight: bold }
.result { background: url(../images/line_result.gif) left bottom repeat-x }
.result img.thumb { float: left; margin: 10px 15px 10px 20px; width: 55px; border: 1px #b9b9b9 solid }
.result .info { float: left; width: 615px; margin: 8px 0 4px 0 }
#info .result { background: none; margin: 0 10px 0 20px }
#info .result img.thumb { float: left; margin: 10px -5px 10px 0; width: 55px; border: 1px #b9b9b9 solid }
#info .result .info { width: 395px; padding: 0 }
.result h2, .result h4 { font-size: 14px; line-height: 18px; margin-bottom: 6px }
.result p, .result ul { margin-bottom: 7px }
.result p, .result li { line-height: 15px }
.result .intro span { color: #5698c5; padding: 0 3px 0 2px; background: url(../images/bullet_inline.gif) 2px 6px no-repeat }
.result .new, .result .soon, .result .off, .result .lowprice, .result .mat { float: right; margin: 6px 0 6px 15px; height: 9px; clear: right; text-indent: -999px; overflow: hidden }
.icons { float: right; margin: 2px 0; clear: right }
.icons img { margin-left: 6px }
.result .new { width: 37px; background: url(../images/icon_nieuw.gif) no-repeat }
.result .soon { width: 80px; background: url(../images/icon_binnenkort.gif) no-repeat }
.result .off { width: 69px; background: url(../images/icon_aanbieding.gif) no-repeat }
.result .lowprice { width: 103px; height: 11px; margin-bottom: 4px; background: url(../images/icon_inprijsverlaagd.gif) no-repeat }
.result .mat { width: 139px; background: url(../images/icon_aanvullendmateriaal.gif) no-repeat }
.complete { padding: 8px 0 11px 90px; font-weight: bold; border-bottom: 1px #c0d9e9 solid }
.offer { color: #BA0053; font-weight: bold }
p#noresults { padding: 10px 20px; border-top: 1px #5698c5 solid }
/* refine */
#refine { float: left; display: inline; width: 240px; overflow: hidden; margin-bottom: -11px }
#refine h2 { height: 27px; margin: 0 0 6px 0; padding: 4px 0 0 20px; color: #abcce2; background: #0768a9 url(../images/h2_blue_bg.gif) repeat-x; overflow: hidden }
#refine h2 em { font-style: normal; color: #ffffff }
#refine h4 { padding-left: 20px }
#refine ul { float: left; display: inline; margin: 0 0 8px 1px; width: 239px; padding: 0 0 8px 0; border-bottom: 1px #d5e5f0 solid }
#refine ul li { float: left; display: inline; width: 100%; padding: 0 0 0 19px; margin: 0; color: #757575; background: none }
/* pages */
#pages { width: 100%; overflow: hidden; position: relative; font: 11px/16px "Trebuchet MS", Tahoma, Arial; color: #5698c5; text-align: center; padding: 10px 0 }
#pages a { padding: 0 5px; text-decoration: none }
#pages a:hover { background: #d1e2ee }
#pages a.active { background: #5698c5; color: #ffffff }
#pages a#prev { display: block; position: absolute; left: 20px; top: 10px; padding-left: 12px; background: url(../images/arrow_prev.gif) left 5px no-repeat }
#pages a#next { display: block; position: absolute; right: 20px; top: 10px; padding-right: 12px; background: url(../images/arrow_next.gif) right 5px no-repeat }
#pages a#prev:hover, #pages a#next:hover { text-decoration: underline }
/* details */
#maincol { float: left; display: inline; width: 720px; padding-bottom: 10px; overflow: hidden }
#maincol h2 { height: 27px; margin: 4px 0 6px 0; padding-left: 20px; color: #4f95c4; border-bottom: 1px #c4dbeb solid; overflow: hidden }
#leftcol, #rightcol { float: left; display: inline; width: 240px; overflow: hidden }
#leftcol h2, #rightcol h2 { height: 27px; margin: 4px 0 6px 0; padding-left: 20px; color: #4f95c4; border-bottom: 1px #c4dbeb solid; overflow: hidden }
#maincol h2 em, #rightcol h2 em { font-style: normal; color: #0768a9 }
#maincol p, #maincol h3, #maincol h4, #maincol ul, #maincol div.line, #rightcol p, #rightcol h3, #rightcol h4, #rightcol ul { margin-left: 20px; margin-right: 10px }
#rightcol h3 { font-size: 12px; line-height: 17px }
#rightcol h3.toggler { font-size: 12px; color: #333333; margin: 0 }
#rightcol ul li a { font-weight: normal }
#detailp .internal { padding: 0 20px 10px 20px; margin-bottom: 15px; border-bottom: 1px #abcce2 solid }
#detailp .internal li { padding-left: 12px; background: url(../images/arrow_blue.gif) 0 5px no-repeat }
#detailp .cover { float: right; margin: 5px 15px 15px 15px; border: 1px #999999 solid }
#detailp .author { float: right; margin: 5px 15px 15px 15px; width: 90px }
#detailp h3 { margin-top: 15px }
.materials { margin: 5px }
.materials li { padding: 0 0 5px 25px; background-position: 0 0; background-repeat: no-repeat }
.materials li.audio { background-image: url(../images/file_audio.gif) }
.materials li.comment { background-image: url(../images/file_comment.gif) }
.materials li.download { background-image: url(../images/file_download.gif) }
.materials li.image { background-image: url(../images/file_image.gif) }
.materials li.multimedia { background-image: url(../images/file_multimedia.gif) }
.materials li.notes { background-image: url(../images/file_notes.gif) }
.materials li.online { background-image: url(../images/file_online.gif) }
.materials li.other { background-image: url(../images/file_other.gif) }
.materials li.pdf { background-image: url(../images/file_pdf.gif) }
.materials li.secure { background-image: url(../images/file_secure.gif); color: #999999 }
.materials li.video { background-image: url(../images/file_video.gif) }
.materials li.webpage { background-image: url(../images/file_webpage.gif) }
.materials li.word { background-image: url(../images/file_word.gif) }
.materials li.zip { background-image: url(../images/file_zip.gif) }
#c2a li { height: 25px; margin-left: 14px; width: 100%; padding: 0; background: none }
#c2a li a { display: block; width: 100%; height: 15px; text-indent: -999px; overflow: hidden }
#c2a li#dcx { background: url(../images/tools_docentexemplaar_bg.gif) no-repeat }
#c2a li#ebk { background: url(../images/tools_ebook_bg.gif) no-repeat }
#c2a li#fwd { background: url(../images/tools_fwd_bg.gif) no-repeat }
#c2a li#qst { height: 19px; background: url(../images/tools_qst_bg.gif) no-repeat }
p.format { width: 428px; padding: 10px 0 0 12px; margin: 0 20px 10px 20px; background: url(../images/arrow_blue.gif) 0 15px no-repeat; border-top: 1px #c0d9e9 solid }
.orderblock, .xtopts { margin: 10px 20px; padding-left: 12px }
.xtopts, .orderbutton { border-top: 1px #c0d9e9 solid; padding-top: 10px }
.xtopts input.checkbox, .xtopts input.radio { margin-right: 12px }
.orderoption { margin: 2px 0 10px 25px }
.orderoption .xtopts { margin: 10px 0 0 0; padding: 10px; border: 1px #c0d9e9 solid }
.xtopts ul, .xtopts p { margin: 0; padding: 0; width: 100% }
.xtopts ul.form li span { display: block; width: 595px; padding: 0; margin: 0 }
.xtopts ul.form li span ul.form li span { width: 570px }
.orderbutton { margin: 10px 20px 0 20px; padding: 10px 0 20px 12px }
p.cart { padding: 10px 0 0 0; margin: 0 20px 10px 20px; border-top: 1px #c0d9e9 solid }
/* formulier */
input,select,textarea { font: 11px/14px "Trebuchet MS", Tahoma, Arial; color: #333333 }
input.text { height: 14px; padding-top: 1px; text-indent: 3px }
input.checkbox, input.radio { float: left; display: inline; margin: 3px 3px 0 0 }
select { height: 18px }
textarea { height: 60px }
select.multiple { height: 76px }
ul.form { float: left; display: inline; list-style: none; overflow: hidden }
ul.form li { float: left; display: inline; clear: both; width: 100%; overflow: hidden; margin: 3px 0 0 0; padding: 0; background: none }
ul.form li label { float: left; display: inline; padding-top: 2px; margin-right: 10px; width: 140px }
ul.form li label.man { font-weight: bold; color: #000000; background: url(../images/ster.gif) right 6px no-repeat }
ul.form li input.text { float: left; display: inline; margin-right: 10px }
ul.form li span { float: left; display: inline; padding: 2px 10px 0 2px }
ul.form li span span { padding: 0 }
ul.form li div { float: left; display: inline }
ul.form li div input { clear: left }
ul.form li select { float: left; display: inline }
ul.form li.textarea { height: 109px }
ul.form li textarea { float: left; display: inline }
ul.form li.line { margin: 10px 0 0 0; height: 10px; border-top: 1px #c4dbeb solid; overflow: hidden }
input.image { float: left; display: inline; height: 18px; margin: 10px 10px 0 0; border: none }
input.image:hover { background-position: 0 -18px }
input.verzenden { width: 78px; background: url(../images/button_verzenden.gif) no-repeat }
input.inloggen { width: 70px; background: url(../images/button_inloggen.gif) no-repeat }
input.aanmelden { width: 79px; background: url(../images/button_aanmelden.gif) no-repeat }
input.zoeken { width: 57px; background: url(../images/button_zoeken.gif) no-repeat; margin-top: 0 }
input.verdermetbestellen { float: none; width: 137px; background: url(../images/button_verdermetbestellen.gif) no-repeat }
input.bestellingcontroleren { float: none; width: 157px; background: url(../images/button_bestellingcontroleren.gif) no-repeat }
input.bestellingverzenden { float: none; width: 142px; background: url(../images/button_bestellingverzenden.gif) no-repeat }
div.group { float: left; display: inline; margin: 10px 20px 0 20px; padding: 5px 0 8px 0; background: #ebf1f5 }
div.group ul.form { padding: 0 }
ul.form li.semi, ul.form li div.semi { width: 225px; clear: none }
ul.form li label.err, ul.form li span.err, ul.form li span.err a, ul.form li span.err em { color: #ee014c }
#nl, #abroad, #nl_o, #abroad_o { margin-top: -10px }
.tight { margin-top: 0; margin-bottom: 0 }
ul.form li div.formats { float: left; display: inline; width: 120px; overflow: hidden }
ul.form li div.formats span { width: 90px }
/* klantenservice */
#faq { float: left; display: inline; width: 240px; background: #FFFFFF; overflow: hidden }
#faq h2 { height: 27px; margin: 4px 0 -1px 0; padding-left: 20px; color: #4f95c4; border-bottom: 1px #c4dbeb solid; overflow: hidden }
#faq h2 em { font-style: normal; color: #0768a9 }
#faq p, #faq h3 { padding: 0 10px 0 20px }
#faq h3.toggler { font-size: 11px; cursor: pointer; border-top: 1px #c4dbeb solid; padding: 8px 10px 8px 20px; margin: 0 }
#sub_degids { position: absolute; left: 295px; top: 4px }
#sub_degids li { float: left; display: inline; margin-right: 15px; padding: 0; background: none }
#sub_degids li a { padding-left: 10px; background: url(../images/bullet_groen.gif) left 6px no-repeat }
/* general */
.end { clear: both; width: 100%; height: 0px; overflow: hidden }
div.line { clear: both; margin: 0 0 10px 0; border-bottom: 1px #c4dbeb solid; height: 0px; overflow: hidden }
/* footer */
#visualbottom { clear: both; width: 100%; height: 20px; background: url(../images/visual_home_bottom.jpg) }
#footer { width: 980px; margin: 0 auto; padding-top: 30px; background: url(../images/footer_bg.gif) no-repeat }
#footer li { float: left; display: inline; padding: 0 10px 20px 0; background: none }
#footer li#cpr { float: left; display: inline; padding-left: 30px }
#footer li a { padding-left: 10px; background: url(../images/searchmenu_line_grey.gif) left 2px no-repeat }