* {	padding: 0; margin: 0 }
html,body { width: 100%; height: 100% }
body#reeksen { background: url(reeksen_bg.gif) no-repeat; position: relative }
body,p,h1,a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333333 }
body,p { font-size: 12px; line-height: 16px; margin-bottom: 7px }
.price { font-weight: bold; color: #666666 }
ul { list-style: none }

a { text-decoration: none; color: #0077cc }
a:hover { text-decoration: underline }
p.more { padding-left: 10px; background: url(images/arrow_more.gif) left 5px no-repeat; margin: 0 }
p.more a { text-decoration: underline }
p.more a:hover { text-decoration: none }
a.external { padding-right: 12px; background: url(images/external_link.gif) right 2px no-repeat }
img { border: 0 }

/* header */
#searchbar { float: left; display: inline; width: 705px; height: 59px; background: #f5f9fd url(images/searchbar_bg2.gif) no-repeat; position: relative }
#producttypes { position: absolute; left: 17px; top: 17px; border: 1px solid #B6B4B5; color: #333333; height: 23px; padding: 0 0 0 4px; width: 174px; background: #ffffff url(images/input_bg.png) no-repeat; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif }
#searchfield { position: absolute; left: 201px; top: 17px; border: 1px solid #B6B4B5; height: 19px; padding: 2px 0 0 4px; width: 352px; background: #ffffff url(images/input_bg.png) no-repeat; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #D4144B; font-weight: bold }
#searchbutton { position: absolute; left: 570px; top: 16px; width: 120px; height: 25px; background: url(images/button_search.gif) no-repeat; overflow: hidden }
#searchbutton:hover { background-position: 0 -25px }
#login { float: left; display: inline; width: 168px; height: 59px; overflow: hidden; margin-left: 13px }
#login a { display: block; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; background: url(images/button_inloggen.gif) no-repeat }
#login a:hover { background-position: 0 -59px }
h1 { clear: both; height: 56px; text-indent: -999px; overflow: hidden; background: url(images/home_h1.gif) 15px center no-repeat }

/* leftcolumn */
#leftcol { float: left; display: inline; width: 192px; margin-right: 43px }
#leftcol div { padding: 0 5px 0 15px }
#leftcol a { text-decoration: underline }
#leftcol a:hover { text-decoration: none }
#categories { background: #f5f9fd url(images/categories_bg.gif) repeat-y }
#categories a { text-decoration: none }
#categories a:hover { text-decoration: underline }
#cat_top { background: #f5f9fd url(images/categories_bg_top.gif) no-repeat; height: 13px; overflow: hidden }
#cat_bottom { background: #f5f9fd url(images/categories_bg_bottom.gif) no-repeat; height: 11px; overflow: hidden; margin-bottom: 20px }
#leftcol h2 { font-size: 14px; color: #0f6099; text-transform: uppercase; font-weight: bold; margin-bottom: 8px }
#leftcol h3, #leftcol h3 a { font-size: 12px; line-height: 16px; color: #005999; font-weight: bold; margin: 9px 0 1px }
#leftcol ul li { padding-left: 12px; background: url(images/arrow_more.gif) 2px 6px no-repeat; line-height: 18px }
#ezines { border: 1px solid #B6B4B5; color: #333333; height: 23px; padding: 0 0 0 4px; width: 166px; background: #ffffff url(images/input_bg.png) no-repeat; font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif }
#button_aanmelden { display: block; width: 98px; height: 25px; background: url(images/button_aanmelden.gif) no-repeat; overflow: hidden; margin-top: 10px; text-indent: -999px; overflow: hidden }
#button_aanmelden:hover { background-position: 0 -25px }

/* centercolumn */
#centercol { float: left; display: inline; width: 458px; margin-right: 27px; padding-top: 12px; overflow: visible }
#centercol h2, #centercol h2 a { color: #1b73b2; font-size: 15px; font-weight: bold; margin-bottom: 10px; line-height: 19px }
#centercol .semi { float: left; display: inline; width: 216px; margin-right: 10px; overflow: hidden; margin-bottom: 25px }
#centercol .semi + .semi { margin-left: 20px; margin-right: 0; width: 206px }
#centercol .normal { border-top: 1px #a4ceec solid; padding: 15px 0; position: relative }
#centercol .normal img { position: absolute; left: 0; top: 15px }
#centercol .normal h2 { margin-bottom: 8px }
#centercol .normal h2, #centercol .normal h3, #centercol .normal p { margin-left: 100px; margin-right: 0px }
#centercol h3 { color: #d4144b; font-size: 14px; font-weight: bold; margin-bottom: 5px }
#newarrivals { border: 1px #a4ceec solid; background: #ffffff; padding: 15px 0 0 15px; margin: 15px 0 0 -15px }
#newarrivals h2 { font-size: 14px; color: #1b73b2; text-transform: uppercase; font-weight: bold; margin-bottom: 11px }
#newarrivals div { float: left; display: inline; width: 221px; height: 88px; position: relative; margin-right: 5px }
#newarrivals div + div { margin-left: 5px; margin-right: 0 }
#newarrivals div.end + div { margin-left: 0; margin-right: 5px }
#newarrivals div h3, #newarrivals div p { padding-left: 52px; margin-bottom: 5px; font-size: 12px; line-height: 15px }
#newarrivals div.end { float: none; clear: both; display: block; width: 100%; height: 1px; overflow: hidden; margin: 0 }
#newarrivals div img { position: absolute; left: 0; top: 0 }
#newarrivals a { text-decoration: underline }
#newarrivals a:hover { text-decoration: none }

/* rightcolumn */
#rightcol { float: left; display: inline; width: 160px; padding-top: 12px; overflow: visible }
#rightcol h2 { font-size: 14px; color: #1b73b2; text-transform: uppercase; font-weight: bold; margin-bottom: 11px }
#rightcol ol { list-style: none }
#rightcol ol li { padding: 0 0 10px 15px; margin: 0; background: no-repeat; background-position: 1px 3px; font-size: 11px; line-height: 15px }
#rightcol ol li span { font-weight: bold; color: #666666 }
#rightcol ol li a { font-weight: bold }
#rightcol ol li.t1 { background-image: url(nr1.gif) }
#rightcol ol li.t1 img { float: right; display: inline; margin: 0 0 5px 10px }
#rightcol ol li.t2 { background-image: url(nr2.gif) }
#rightcol ol li.t3 { background-image: url(nr3.gif) }
#rightcol ol li.t4 { background-image: url(nr4.gif) }
#rightcol ol li.t5 { background-image: url(nr5.gif) }
#rightcol ul li { padding-left: 12px; background: url(images/arrow_more.gif) 2px 6px no-repeat; line-height: 18px }
#rightcol a { text-decoration: underline }
#rightcol a:hover { text-decoration: none }

/* footer */
#footer { clear: both; display: block; padding: 0 2px; height: 160px; margin-top: 40px }
#footer div { float: left; display: inline; width: 293px; height: 160px; background: #e0eef9; margin-right: 1px }
#footer h2 { margin: 17px 0 0 30px; font-size: 14px; color: #2988cc; text-transform: uppercase; font-weight: bold }
#footer ul { margin: 9px 0 0 30px; list-style: none }
#footer ul li { padding-left: 12px; background: url(images/bullet.gif) left 6px no-repeat; height: 18px; position: relative }
#footer ul li a { color: #0077cc; text-decoration: none }
#footer ul li a:hover { text-decoration: underline }
#footer ul li.open { float: left; display: inline }
#footer ul li.open a { padding-right: 10px; background: url(images/arrow_open.gif) right 6px no-repeat }
#footer ul li.open:hover a { background: url(images/arrow_up.gif) right 8px no-repeat }
#footer ul#communities { display: none; background: #ffffff; border: 1px #a4ceec solid; padding: 10px 6px 10px 12px; position: absolute; left: 14px; bottom: 17px }
#footer ul#communities li { background-image: url(images/arrow_more.gif) }
#footer ul#communities li a { background: none; white-space: nowrap; font-size: 11px }
/* algemeen */
div.line { padding: 0; height: 17px; margin-top: 20px; border-top: 1px #cfe4f6 solid }
.end { float: none; clear: both; display: block; width: 100%; height: 1px; overflow: hidden }

@media screen and (max-device-width: 480px) { body{ -webkit-text-size-adjust: none } }