body { margin: 0; padding: 0; background: #F1F1F1; color: #484848; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; }

* { margin: 0; padding: 0; }

h1 { height: 28px; background: url(/images/bg_h1.gif) no-repeat left bottom; color: #C81E29; font-size: 12px; font-weight: bold; }
h1 span { display: block; margin: 0 0 0 24px; padding: 0 0 0 8px; border-bottom: 1px solid #EEBBBE; line-height: 27px; }
h2 { margin: 0 0 15px 0; font-size: 13px; font-weight: bold; }
h3 { margin: 0 0 10px 0; font-size: 12px; font-weight: bold; }
h4 { margin: 0 0 5px 0; font-size: 12px; }

ul, ol { margin: 10px 0; color: #484848; }
li { list-style-position: inside; }
ul ul { margin: 0 0 0 16px; }
dl, dt, dd { float: left; }
dt { padding: 3px 3px 3px 10px; }
dd { padding: 3px 10px 3px 3px; }

img { border: 1px solid #C81E29; }

strong { color: #484848; }
small {	color: #929191;	font-size: 10px; }

a { color: #000; }
a:hover { color: #C81E29; }

fieldset { border: 0; }
input { padding: 2px; font-size: 10px; }

table { width: 100%; margin: 15px 0; border: 1px solid #C2D1E4; border-collapse: collapse; }
td { padding: 2px; border: 1px solid #C2D1E4; background: #F1F1F1; vertical-align: top; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; }
th { background: #E8EDF5; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; }

p, form { margin: 0 0 14px 0; }
td p { margin: 0; }

.rood,
.rood strong { color: #C81E29; }
.blauw,
.blauw strong { color: #7292BD; }

.fontsize9 { font-size: 9px; }
.fontsize10 { font-size: 10px; }
.fontsize12 { font-size: 12px; }
.fontsize14 { font-size: 14px; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* layout
------------------------------------------------------------------*/
#wrapper { width: 980px; margin: 0 auto; border-top: 1px solid #325079; background: url(/images/bg_wrap.gif) repeat-y left; }
#sidebar { position: relative; float: left; width: 175px; padding: 72px 0 0 6px; }
#header { position: relative; float: left; width: 785px; height: 160px; padding: 0 6px 0 0; background: #fff url(/images/bg_header.gif) repeat-x left top; }
#content { float:left; width: 760px; padding: 20px 0 0 20px; background: #fff; line-height: 16px; }
#footer { clear: both; position: relative; height: 53px; margin: 0 8px 0 180px; background: url(/images/bg_footer.gif); font-size: 11px; color: #4D4D4D; }

/* sidebar
------------------------------------------------------------------*/
#logo { position: absolute; top: 0; left: 6px; width: 175px; height: 72px; margin-bottom: 10px; background: #F1F1F1 url(/images/bg_logo.gif) no-repeat left 32px;  z-index: 10;}
#logo img { position: absolute; top: 15px; left: 40px; border: none; }

#language { position: absolute; z-index: 15; top: 15px; left: 10px; font-size: 9px; color: #E0999E; }
#language a { color: #E0999E; text-decoration: none; }
#language a:hover,
#language a.active { color: #C81E29; text-decoration: underline; }

#searchform { width: 174px; margin: 0; padding: 35px 0 0 0; background: #F1F1F1; }
#searchform fieldset { padding: 10px 0 10px 8px; border-bottom: 1px dashed #fff; background: #C61521; }
#searchform fieldset legend { display: none; }
#searchform fieldset input {	width: 110px; margin: 2px 5px 2px 0; }
#searchform fieldset .verzend { width: auto; }

#sidebar ul { width: 174px; margin: 0; padding: 0 0 107px 0; background: url(/images/bg_schuine_strepen.jpg) no-repeat left top; list-style: none; }
#sidebar li { list-style-position: outside; }
#sidebar li a { display: block; width: 167px; padding: 6px 0 4px 7px; border-bottom: 1px solid #fff; color: #fff; text-decoration: none; }
#sidebar li a:hover,
#sidebar li.active { background: #B34D54; color: #fff; }

#sidebar ul ul { padding: 0; }
#sidebar li li a { width: 155px; padding: 5px 4px 3px 15px; background: #EDCDCF; color: #C81E29; }
#sidebar li li a:hover,
#sidebar li li.active a { background: #CD9EA1; color: #C81E29; }

#sidebar ul ul ul { background: #fff; padding: 8px 0 5px 0; }
#sidebar li li li { width: 174px; margin: 0; padding: 0; color: #C81E29; }
#sidebar li li.active li a { width: 159px; padding: 0 0 5px 15px; background: #fff; font-weight: normal; }
#sidebar li li li a:hover,
#sidebar li li li.active a { background: #fff url(/images/square.gif) no-repeat left 50%; text-decoration: underline; }

/* header
------------------------------------------------------------------*/
#headerLinks { position: absolute; top: 0; right: -1px; margin: 9px 0 0 0; padding: 0 5px 0 0; background: url(/images/halve_bol2.gif) no-repeat right; font-size: 10px; }
#basketLinks { position: absolute; top: 105px; right: -1px; font-size: 10px; }
#headerLinks a,
#basketLinks a { float: right; text-decoration: none; color: #7292BD; }
#headerLinks a:hover,
#basketLinks a:hover { color: #C81E29; }
#bestel { margin: 0 10px 0 0; padding: 3px 0 2px 25px; background: url(/images/icon_bestel.gif) no-repeat left center; }
#snelkoop { margin: 0 10px 0 0; padding: 3px 0 2px 25px; background: url(/images/nu_kopen_ok.gif) no-repeat left center; }
#registreer { margin: 0 10px 0 0; padding: 3px 	0 5px 25px; background: url(/images/icon_registreer.gif) no-repeat left center; }
#vragen { margin: 0 10px 0 0; padding: 3px 0 6px 25px; background: url(/images/icon_vragen.gif) no-repeat left center; }
#ideas { margin: 0 10px 0 0; padding: 3px 0 6px 25px; background: url(/images/icon_ideas.gif) no-repeat left center; }
a:hover#bestel { background-image: url(/images/icon_bestel_o.gif); }
a:hover#registreer { background-image: url(/images/icon_registreer_o.gif); }
a:hover#vragen { background-image: url(/images/icon_vragen_o.gif); }
a:hover#ideas { background-image: url(/images/icon_ideas_o.gif); }
#basketLinks.loggedOut { top: 150px; }

#private { position: absolute; top: 37px; right: 11px; width: 175px; padding: 8px; background: #C81E29; }
#private form { margin-bottom: 0; }
#private legend { display: none; }
#private label { display: block; color: #fff; font-size: 10px; }
#private input { width: 110px; margin: 0 5px 2px 0; }
#private input.verzend { width: auto; }
#private #loginLinks { color: #000; }
#private a { margin: 5px 0 0 0; font-size: 9px; color: #000; }
#private a:hover { color: #fff; }
#private p { margin: 0; color: #fff; font-size: 9px; }
#private p.small-link { margin: 5px 0 0 0; padding: 0; color: #000; font-size: 11px; }
#private #puntentotaal { margin-top: 14px; }

#header .mask { position: absolute; top: 14px; left: 0; z-index: 2; width: 105px; height: 104px; background: url(/images/mask_header.png) no-repeat; }
#partner { position: relative; top: 12px;	left: 40px; }
#partner a { position: absolute; top: 0; left: 0; z-index: 3; width: 100px; height: 116px; text-decoration: none; font-weight: bold; text-align: center; color: #7292BD; font-size: 11px; }
#contact { position: relative; top: 24px;	left: 165px; }
#contact a { position: absolute; top: -12px; left: 0; z-index: 3; width: 100px; height: 116px; text-decoration: none; font-weight: bold; text-align: center; color: #7292BD; font-size: 11px; }
#spaar { position: relative; top: 24px; left: 290px; }
#spaar a { position: absolute; top: -12px; left: 0; z-index: 3; width: 100px; height: 116px; text-decoration: none; font-weight: bold; text-align: center; color: #7292BD; font-size: 11px; }
#indekijker { position: relative; top: 24px;	left: 415px; }
#indekijker a { position: absolute; top: -12px; left: 0;  z-index: 3; width: 100px; height: 116px; text-decoration: none; font-weight: bold; text-align: center; color: #7292BD; font-size: 11px; }
#indekijker .mask { background: url(/images/mask_header_b.png) no-repeat; }
.beeld { position: absolute; top: 14px; left: 0; z-index: 1; }


/* content - algemeen en page
------------------------------------------------------------------*/
#pad { margin: 0 0 0 22px; color: #bbb; font-size: 10px; }
#pad a { color: #bbb; font-size: 10px; margin: 0; padding: 0; }
#pad a:hover { color: #C81E29; }

#container { position: relative; width: 700px; margin: 0 0 40px 0; padding: 20px 35px 10px 25px; background: url(/images/bg_midden_content.gif) repeat-y right; }

#btTop { position: absolute; top: -3px; right: 0; width: 28px; height: 14px; background: url(/images/bg_top_content.gif) no-repeat top right; }
#btBottom { position: absolute; bottom: -18px; right: 0; width: 28px; height: 18px; background: url(/images/bg_bottom_content.gif) no-repeat bottom right; }

.message { display: block; background: #F1F1F1 url(/images/icon_attention.gif) left no-repeat;  padding: 5px 3px 3px 20px; margin: 0 0 15px 0; color: #C81E29; }

.aloneright { margin: 0 0 15px auto; }
.alonemiddle { margin: 0 auto 15px auto; }
.left { float: left; margin: 0 15px 15px 0; }
.right { float: right; margin: 0 0 15px 15px; }
.pict { margin-bottom: 15px; }
.pict p { margin: 0; line-height: 12px; color: #aaa; font-size: 10px; }
.file { clear: both; }
.file img { border: 0; }
.tekstblok,
.tekstblok h3,
.tekstblok table { clear: both; }
#subitems { clear: both; position: relative; margin: 0; padding: 10px 0 0 0; list-style: none; }
#subitems li { margin: 0 0 2px 0; padding: 0; background: #f1f1f1; line-height: 22px; list-style-position: outside; }
#subitems li a { padding: 0 0 0 25px; background:  url(/images/pijl_grijs.gif) no-repeat 2px center; line-height: 18px; }
#subitems li a:hover { background: url(/images/pijl_grijs_o.gif) no-repeat 2px center; }

#lastupdated { clear: both; margin: 14px 0 0 230px; font-size: 10px; }

/* content - formularium
------------------------------------------------------------------*/
#selection { margin: 14px 0; }
#selection a { float: left; margin: 0 5px 14px 0; padding: 3px 5px; background: #C2D1E4; text-decoration: none; }
#selection a.active { color: #C81E29; }
#formularium li { font-weight: bold; list-style: none; }
#formularium li ul { margin: 0 0 14px 0; }
#formularium li li { margin: 0 0 2px 0; padding: 0; background: #f1f1f1; line-height: 22px; list-style-position: outside; font-weight: normal; }
#formularium li li a { padding: 0 0 0 25px; background: url(/images/pijl_grijs.gif) no-repeat 2px center; line-height: 18px; }
#formularium li li a:hover { background: url(/images/pijl_grijs_o.gif) no-repeat 2px center; }

/* content - contactpersonen
------------------------------------------------------------------*/
.contactPersoon { position: relative; overflow: hidden; width: 690px; margin: 0 0 35px 0; padding: 5px; border-top: 1px solid #AFDBF4; border-left: 1px solid #AFDBF4; background: #F1F1F1; }
.contactPersoon p {  margin: 0; padding: 0; }
.contactPersoon img { float: left; margin: 0 10px 0 0; }
/*.contactPersoon div { float: left; margin: 0; }*/

/* content - patners
------------------------------------------------------------------*/
.partnerBeeld { margin: 0 0 15px 0; padding: 10px 0 0 0;  border-top: 1px dashed #ddd; }
.partnerBeeld img { border: none; }

/* content - product en basket
------------------------------------------------------------------*/
#alfabet { clear: both; margin-bottom: 15px; }
#alfabet a.active { color: #C81E29; }
#prodCategories { position: relative; margin: 0; padding: 10px 0 0 0; list-style: none; }
#prodCategories li { margin: 0 0 2px 0; padding: 0; background: #f1f1f1; line-height: 22px; list-style-position: outside; }
#prodCategories li a { padding: 0 0 0 25px; background:  url(/images/pijl_grijs.gif) no-repeat 2px center; line-height: 18px; }
#prodCategories li a:hover { background: url(/images/pijl_grijs_o.gif) no-repeat 2px center; }

.bestand_wav { padding: 2px 0 2px 20px; background: url(/cms/images/win_file.gif) no-repeat; }
.bestand_bmp { padding: 2px 0 2px 20px; background: url(/cms/images/win_bmp.gif) no-repeat; }
.bestand_gif { padding: 2px 0 2px 20px; background: url(/cms/images/win_gif.gif) no-repeat; }
.bestand_jpg { padding: 2px 0 2px 20px; background: url(/cms/images/win_jpg.gif) no-repeat; }
.bestand_pdf { padding: 2px 0 2px 20px; background: url(/cms/images/win_pdf.gif) no-repeat; }
.bestand_htm,
.bestand_html { padding: 2px 0 2px 20px; background: url(/cms/images/win_htm.gif) no-repeat; }
.bestand_zip { padding: 2px 0 2px 20px; background: url(/cms/images/win_zip.gif) no-repeat; }
.bestand_ppt { padding: 2px 0 2px 20px; background: url(/cms/images/win_ppt.gif) no-repeat; }
.bestand_xls { padding: 2px 0 2px 20px; background: url(/cms/images/win_xls.gif) no-repeat; }
.bestand_doc { padding: 2px 0 2px 20px; background: url(/cms/images/win_doc.gif) no-repeat; }
.movielink { padding: 2px 0 2px 20px; background: url(/images/icon_movie.gif) no-repeat; }
#orderButtonMandjeVoeg { float: right; margin: 0 0 0 5px; padding: 3px 3px 3px 25px; background: #C2D1E4 url(/images/mandje_voegtoe.gif) left no-repeat; text-decoration: none; }
#productform,
#basketform { clear: both; overflow: hidden; width: 100%; }

#basketform table,
#productform table { border-collapse: separate; }
#basketform td,
#productform td { border: none; }
#productform th,
#basketform th { text-align: left; }
#productform th.aantal,
#basketform th.aantal,
td.aantal { text-align: center; }
#productform th.prijs,
#basketform th.prijs,
td.prijs { text-align: right; white-space: nowrap; }
td.punten { text-align: center; }
#basketform th.btw,
td.btw { text-align: right; }
#productform .promo { color: #C81E29; font-weight: bold; }
#basketform .promo { font-weight: bold; }
tr.productlijn { background: #F1F1F1; }
a.delete { display: block; width: 15px; padding: 1px 0 10px 0; border: none; background: url(/images/delete.gif) no-repeat; text-indent: -9000px;}
td.kosten { text-align: right; }
tr.totaal td { background: #EFBEC1; height: 20px; }
tr td.totaalprijs { background: #C81E29; color: #fff; text-align: right; }
.orderButton { float: left; margin-right: 10px; padding: 3px; background: #C2D1E4; text-decoration: none; }
#basketform fieldset { margin: 15px 0 15px 0; padding: 15px; border: 1px solid #C2D1E4; }
#basketform fieldset legend { padding: 0 5px; color: #484848; font-weight: bold; }
#basketform fieldset label { float: left; width: 200px; margin-right: 5px; text-align: right; }
#basketform fieldset div { overflow: hidden; padding: 3px 0; }
#basketform fieldset .checkboxinput label,
#basketform fieldset .radioinput label { float: none; padding-left: 10px; }
#basketform fieldset .checkboxinput p,
#basketform fieldset .checkboxinput p { margin-left: 30px; }
#basket td.active { color: #C81E29; }
a.prodTitel {text-transform: lowercase; }

/* content - registratie - contact -vraagbak
------------------------------------------------------------------*/
#vraagform { clear: both; }
#regform fieldset,
#contactform fieldset,
#vraagform fieldset { margin: 15px 0 15px 0; padding: 15px; border: 1px solid #C2D1E4; }
#vraagform fieldset { margin-top: 0; }
#regform fieldset legend,
#contactform fieldset legend,
#vraagform fieldset legend { padding: 0 5px; color: #484848; font-weight: bold; }
#regform fieldset label,
#contactform fieldset label,
#vraagform fieldset label { float: left; width: 200px; margin-right: 5px; text-align: right; }
#vraagform fieldset label { width: 120px; }
#regform fieldset div,
#contactform fieldset div,
#vraagform fieldset div { overflow: hidden; padding: 3px 0; }
#contactform fieldset .radioinput,
#contactform fieldset .checkboxinput { padding-left: 200px; }
#contactform fieldset .radioinput label,
#contactform fieldset .checkboxinput label { float: none; padding-left: 10px; }
#contactform fieldset fieldset { padding: 15px 0; }
#vraagform fieldset input { width: 200px; }
.vraagbutton { float: left; margin-right: 10px; padding: 3px; background: #C2D1E4; text-decoration: none; }
#vraagbuttons { overflow: hidden; margin-bottom: 10px; }

#keywords,
#vraag { clear: both; }


/* content - sitemap
------------------------------------------------------------------*/
ul.sitemap { margin: 5px 0 5px 0; padding: 0; }
ul.sitemap li { margin: 0 0 0 15px; }


/* content - cadeau
------------------------------------------------------------------*/
#cadeaus { overflow: hidden; }
.cadeau { float:left; width: 315px; height: 240px; margin: 0 15px 15px 0; padding:10px; background: #EEEEEE; }
#cadeaus .even { margin-right: 0; }
.cadeau img { float: left; width: 120px; margin: 0 5px 5px 0;}

/* content - synonymlijst
------------------------------------------------------------------*/
#synonymlijst { margin-left: 14px; }
#synonymlijst li { list-style-position: outside; }

/* content - wedstrijd
------------------------------------------------------------------*/
#wedstrijd { /*min-height: 630px;*/ margin: 0 0 0 0; background: url(/images/bg_wedstrijd.jpg) no-repeat; font: 13px/18px Verdana, sans-serif; color: #231f20; }
#wedstrijd h1,
#wedstrijdForm h1 { padding: 66px 0 0 230px; background: none; font-size: 21px; line-height: 25px; font-weight: bold; color: #231f20; }
#wedstrijdForm h1 { margin: 0 0 15px 0; padding-left: 0; }
#wedstrijd h1 span,
#wedstrijdForm h1 span { display: inline; margin: 0; padding: 0; border: none; line-height: 25px; color: #ec1c24; }

#wedstrijd h2 { margin: 0; font-size: 15px; line-height: 18px; color: #ed1c24; }
#prijs1 { margin: 65px 0 0 392px; }
#prijs1 p { width: 250px; }
#prijs2 { margin: 72px 0 0 352px; }
#prijs2 p { width: 320px; }
#prijs3 { margin: 82px 0 0 392px; }
#prijs3 p { width: 250px; }
#voetnoot { position: relative; width: 330px; margin: 50px 0 0 392px; }
#voetnoot p { width: 195px; font-size: 12px; line-height: 15px; }
#voetnoot a { position: absolute; top: -36px; right: 0; display: block; width: 92px; height: 96px; background: url(/images/wedstrijd_a.gif) no-repeat; }

#wedstrijdForm { font: 13px/18px Verdana, sans-serif; color: #231f20; }
#wedstrijdForm label { float: left; width: 170px; }
#wedstrijdForm label.lbl_catalogue { width: auto; }
#wedstrijdForm .verplicht { font-size: 11px; color: #ec1c24; }
#wedstrijdForm input { width: 320px; vertical-align: middle; }
#wedstrijdForm input#catalogue { width: auto; margin: 0 0 0 5px; }
#wedstrijdForm #questions { margin: 40px; }
#wedstrijdForm div,
#wedstrijdForm #questions div { margin: 5px 0 0 0; }
#wedstrijdForm #questions div div { clear: both; margin: 5px 0 0 30px; }
#wedstrijdForm #questions div label { float: none; font-weight: bold; }
#wedstrijdForm #questions div label span.questionNr { float: left; width: 30px; }
#wedstrijdForm #questions div label span.question { float: left; width: 500px; color: #231f20; }
#wedstrijdForm #questions div div label { padding: 0 15px 0 5px; font-weight: normal; }
#wedstrijdForm #questions label span { font-weight: bold; color: #ec1c24; }
#wedstrijdForm #questions div input { width: auto; }

#wedstrijdForm #gegevens { margin: 0 0 0 40px; width: 502px; }

#wedstrijdForm .w_zip_ville .zipBlock { float: left; width: 250px; }
#wedstrijdForm .w_zip_ville .villeBlock { float: left; width: 250px; text-align: right;}
#wedstrijdForm .w_zip_ville input#w_zip { width: 50px; }
#wedstrijdForm .w_zip_ville .villeBlock label { float: none;  }
#wedstrijdForm .w_zip_ville .villeBlock input#w_ville { width: 175px; }

#wedstrijdForm input.submit { margin: 10px 0 10px 170px; padding: 3px 20px; width: auto; border: #000 1px solid; cursor: pointer; }

/* footer
------------------------------------------------------------------*/
#footer p { position: absolute; top: 30px; left: -90px; margin: 0; color: #fff; }
#footer .links { position: absolute; top: 7px; left: 0px; padding: 0 0 0 10px; background: url(/images/halve_bol.gif) no-repeat left center; }
#footer .adres { position: absolute; top: 30px; left: 0px; padding: 0 0 0 10px; background: url(/images/halve_bol.gif) no-repeat left center; color: #484848; }
#footer .duo { position: absolute; top: 30px; right: 15px; color: #A6B7CF; text-decoration: none; }

/* snelkoop
------------------------------------------------------------------*/
a.snelkoopactive { background: url(/images/nu_kopen_ok.gif) left no-repeat; margin: 0; padding: 5px 0 5px 0; width: 38px; height: 15px; text-indent: -90000px; display: block; }
a:hover.snelkoopactive { background: url(/images/nu_kopen_delete.gif) left no-repeat; }

a.snelkoop { background: url(/images/nu_kopen.gif) left no-repeat; margin: 0; padding: 5px 0 5px 0; width: 38px; height: 15px; text-indent: -90000px; display: block; }
a:hover.snelkoop { background: url(/images/nu_kopen_ok.gif) left no-repeat; }