/* ALGEMENE STYLEN KLUWERSHOPS */

/* algemeen */
* {	padding: 0; margin: 0 }
html,body { width: 100%; height: 100% }

/* tekstelementen en -stijlen */
body,td,p { text-align: left; vertical-align: top }
p,h1,h2,h3,h4,ul { margin-bottom: 10px }
td { padding-bottom: 5px }
p.smallprint { font-size: 10px }
ul { list-style-position: outside }
li { margin: 0px 0px 0px 26px }

/* afbeeldingen */
img { border: 0 }
img.iconleft { float: left; display: inline; margin: -2px 10px 0 0 }
img.iconright { float: right; display: inline; margin: -2px 0 0 10px }
img.navleft { float: left; display: inline; margin: 2px 10px 0 0 }
img.navright { float: right; display: inline; margin: 2px 0 0 10px }
img.left { float: left; margin: 0 20px 10px 0 }
img.right { float: right; margin: 0 0 10px 20px }

/* formelementen */
input.text,select,textarea { float: left; display: inline; margin-bottom: 5px }
input.text { padding: 2px 0 0 4px; height: 14px }
select { height: 18px }
select.users { width: 40px; float: none }
textarea { height: 75px; padding: 2px 0 0 4px }
input.checkbox, input.radio { float: left; display: inline; margin: 3px 4px 0 0 }
input.button { overflow: visible; padding: 0 5px }
label { float: left; display: inline; width: 150px; font-weight: bold; padding: 2px 0; height: 22px }
label.l40 { width: 30px; padding-left: 10px }
label.l50 { width: 40px; padding-left: 10px }
label.l60 { width: 50px; padding-left: 10px }
label.l80 { width: 70px; padding-left: 10px }
label.l100 { width: 90px; padding-left: 10px }
label.adv { width: 120px }
label.full { width: auto; height: auto }
label.opt { font-weight: normal }

.nofloat { float: none }

/* content algemeen */
.end { height: 0; width: 100%; clear: both; overflow: hidden }
div.line { clear: both; height: 1px; margin: 10px 0; overflow: hidden }

/* gericht zoeken */
#left ul.form { list-style: none }
#left ul.form li { margin: 0; width: 100% }
#left ul.form li span { display: block; padding: 2px 0 0 5px }
#left input.text, #left select, #left label { float: none }
#left label { float: none; display: block }
#right .button { margin: 10px 0 5px 0 }
/* navigatie */
ul.nav { list-style: none }
ul.nav li { margin: 0; overflow: hidden }
ul.nav li.active { font-weight: bold }
ul.nav li.active a { border: none }
/* links */
ul.links { list-style: none }
ul.links li { margin: 0 }
ul.links li.all { margin-top: 10px }
/* tip/printlinks */
a.tellafriend { display: block; margin: -10px 0 5px 0; padding-left: 28px; background: url(../../_images/nav_tellafriend.gif) left 3px no-repeat; text-decoration: none }
a.print { display: block; padding-left: 28px; background: url(../../_images/nav_print.gif) no-repeat; text-decoration: none }
a.print:hover, #left a.tellafriend:hover { text-decoration: underline }
/* top5 */
ol.top5 { list-style: none }
ol.top5 li { margin: 0 }
ol.top5 li.t1 img { float: right; display: inline; width: 40px; margin: 2px 0 0 10px }

/* middelste kolom */
#main { text-align: left; vertical-align: top }
#main img.cover { float: right; display: inline; margin: 0 0 0 15px }
/* etalage */
#main img.sfmain { width: 90px; float: left; display: inline; margin: 2px 15px 12px 0 }
#main div.sfmain { float: left; display: inline; overflow: hidden }
#main img.sfnorm { width: 55px; float: left; display: inline; margin: 2px 15px 12px 0 }
#main div.sfnorm { float: left; display: inline; margin: 0 15px 0 0; overflow: hidden }
#main ul.sfsubs { list-style: none; width: 100%; clear: both; margin: 0 }
#main ul.sfsubs li { float: left; display: inline; margin: 0 10px 0 0; overflow: hidden }
#main ul.sfsubs img { width: 55px; margin: 2px 0 12px 0 }
/* detailpagina */
p.new, p.soon, p.off, p.lowprice, p.full { height: 11px; text-indent: -999px; overflow: hidden; margin-top: 13px }
p.new { background: url(../../_images/tit_new.gif) no-repeat }
p.soon { background: url(../../_images/tit_soon.gif) no-repeat }
p.off { background: url(../../_images/tit_offer.gif) no-repeat }
p.lowprice { background: url(../../_images/tit_lowprice.gif) no-repeat }
p.full { background: url(../../_images/tit_full.gif) no-repeat }
.icons { float: left; display: inline; margin-top: -1px }
.icons img { float: left; display: inline; margin: 0 5px 0 0 }
.orderblock { margin: 0; padding: 10px 0 0 30px }
.orderbutton, .extraoptions { margin: 0; padding: 10px 0 10px 30px }
.orderoption { margin: 0 0 10px 25px; padding-top: 3px }
.option { margin: 0 0 0 25px }
img.tip { float: left; display: inline; width: 55px; margin: 2px 13px 15px 0 }
div.tip { float: left; display: inline; margin-right: 10px; overflow: hidden }
/* zoekresultaten */
img.result { float: left; display: inline; width: 55px; margin: 2px 15px 10px 0 }
div.result { float: left; display: inline; overflow: hidden; padding-bottom: 5px }
div.result h2 { margin-bottom: 5px }
div.result .new { float: right; display: inline; clear: right; margin: 5px 0 5px 10px; width: 40px; height: 8px; text-indent: -999px; overflow: hidden; background: url(../../_images/tit_new.gif) no-repeat }
div.result .soon { float: right; display: inline; clear: right; margin: 5px 0 5px 10px; width: 84px; height: 8px; text-indent: -999px; overflow: hidden; background: url(../../_images/tit_soon.gif) no-repeat }
div.result .off { float: right; display: inline; clear: right; margin: 5px 0 5px 10px; width: 69px; height: 8px; text-indent: -999px; overflow: hidden; background: url(../../_images/tit_offer.gif) no-repeat }
div.result .lowprice { float: right; display: inline; clear: right; margin: 5px 0 2px 10px; width: 102px; height: 11px; text-indent: -999px; overflow: hidden; background: url(../../_images/tit_lowprice.gif) no-repeat }
div.result .full { float: right; display: inline; clear: right; margin: 5px 0 5px 10px; width: 75px; height: 8px; text-indent: -999px; overflow: hidden; background: url(../../_images/tit_full.gif) no-repeat }
div.result p { margin: 5px 0 }
div.result .icons { float: right; display: inline; clear: right; padding: 0 }
div.result .icons img { margin: 0 0 0 5px }
/* lijst */
.col1 { float: left; display: inline; margin-right: 15px; overflow: hidden }
.col2 { float: left; overflow: hidden }
ul.list { list-style: none; margin-bottom: 20px }
ul.list li { margin: 0 }
/* formulier */
#main ul.form { list-style: none }
#main ul.form li { margin: 0; width: 100%; clear: both }
#main ul.form li ul.cols { float: left; display: inline; list-style: none; width: 250px; margin-bottom: 5px }
#main ul.form li ul.cols li { float: left; display: inline; width: 50%; clear: none }
#main ul.form li ul.form { margin-left: 13px }
#main ul.form li span { float: left; display: inline; padding: 2px 10px 0 5px }
#main ul.form li span.form { margin-bottom: 10px }
#main ul.form li p.form { float: left; display: inline; padding: 2px 5px 10px 0; margin: 0 }
#main ul.form li input.text { float: left; display: inline }
#main ul.form li.users { margin-top: 10px }
#main ul.form li.users label { font-weight: normal; width: 170px }
#main p.cart, #main p.qty { float: left; display: inline; overflow: hidden }
#main p.qty { width: 100px }
#main p.frm_qty { float: right; display: inline; overflow: hidden; width: 30px; padding-left: 10px }
#main p.qty input.text, #main p.frm_qty input.text { width: 20px }
#main p.cart input, #main p.qty input { margin-right: 10px }

/* reviews */
#reviews { height: 400px; overflow: hidden; position: relative }
#reviews-more { position: relative; overflow: visible; margin: 0 0 30px 0 }
#reviews-less { display: none; margin: 0 0 30px 0 }
#reviews-more a { display: block; width: 68px; height: 22px; text-indent: -999px; overflow: hidden; background: url(../../_images/button-meer.png) no-repeat }
#reviews-less a { display: block; width: 78px; height: 22px; text-indent: -999px; overflow: hidden; background: url(../../_images/button-minder.png) no-repeat }
#reviews-more a:hover, #reviews-less a:hover { background-position: 0 -22px }
#gradient { width: 100%; height: 100px; position: absolute; left: 0; top: -100px; background: url(../../_images/gradient-white.png) repeat-x }