/* algemeen */
* { padding: 0; margin: 0 }
html,body { width: 100%; height: 100% }
body { background: #ffffff }
/* tekstelementen en -stijlen */
body,p,li,td,input { font: 11px/16px Arial, Helvetica, sans-serif; color: #3C4549 }
td { vertical-align: top; padding-right: 15px }
h1,h2 { font: bold 14px/20px Arial, Helvetica, sans-serif; color: #3C4549 }
h3 { font: bold 14px/20px Arial, Helvetica, sans-serif; color: #e65700 }
h4 { font: bold 12px/16px Arial, Helvetica, sans-serif; color: #3C4549 }
p,h1,h2,ul,table { margin-bottom: 10px }
h3 { margin: 15px 0 5px 0 }
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 }
.offer { color: #BA0053; font-weight: bold }
#specs td span.offer { white-space: normal }
.result div.off { float: right; display: inline; width: 71px; height: 15px; text-indent: -999px; overflow: hidden; background: #ffffff url(../../../_images/tit_offer.gif) left 4px no-repeat }
a { color: #e65700; text-decoration: none; font-weight: bold }
a:hover { color: #e65700; text-decoration: underline }
p.more a, a.more, ul.more li a { padding-right: 12px; background: url(../images/arrow_orange.gif) right 5px no-repeat }
/* afbeeldingen */
img { border: 0 }
/* containers */
#container { width: 960px; overflow: hidden; margin: 0 auto }
#container2 { width: 960px; margin: 0; background: #e8e8e8; overflow: hidden; position: relative }
/* header */
#header { height: 125px; background: #ffffff url(../images/header_bg.gif) no-repeat; overflow: hidden; position: relative }
#header #shoplogo { position: absolute; width: 438px; height: 43px; left: 15px; top: 20px; overflow: hidden; text-indent: -999px }
#header_pop { height: 80px; background: url(../images/header_email.gif) no-repeat; overflow: hidden; position: relative }
#header_pop #shoplogo { position: absolute; width: 366px; height: 38px; left: 0; top: 18px; overflow: hidden; text-indent: -999px }
.fullbanner { padding: 7px 0; text-align: center; background: #f3f3f3 }
/* hoofd- en zoekmenu */
#mainmenu { position: absolute; left: 0; top: 73px; height: 22px; width: 100%; background: #cc001e; overflow: hidden }
#mainmenu li { float: left; display: inline; padding: 0; background: none }
#mainmenu li a { float: left; display: inline; height: 22px; line-height: 22px; padding: 0 10px; overflow: hidden; text-transform: uppercase; color: #ffffff; font-size: 11px; font-weight: bold }
#mainmenu li a.active { background: #a0a0a0 }
.searchmenu { position: absolute; left: 610px; top: 33px; width: 304px; height: 62px; overflow: hidden }
.searchmenu li { float: left; display: inline; padding: 0; background: none; font-size: 11px }
.searchmenu li#srchflds { width: 304px; height: 43px; overflow: hidden }
.searchmenu li#srchflds input.text { float: left; display: inline; width: 204px; height: 16px; margin: 0; border: none; background: none; color: #999999 }
.searchmenu li#srchflds input.image { float: right; display: inline; width: 74px; height: 21px; margin: 0; border: none; background: url(../images/mainmenu_srchbtn_bg.gif) no-repeat }
.searchmenu li a { color: #ffffff }
.searchmenu li#adv a { padding-right: 10px; margin: 0 10px 0 3px; border-right: 1px #e5cfd2 solid }
#crumbtrail { position: absolute; left: 9px; top: 95px; height: 30px; width: 951px; overflow: hidden; padding: 0 }
#crumbtrail li { float: left; display: inline; padding-left: 6px; line-height: 30px; background: none; text-transform: lowercase }
#crumbtrail li a { padding-right: 12px; background: url(../images/arrow_crumb.gif) right 4px no-repeat }
.spacer { height: 15px; overflow: hidden }
/* content */
#leftcol { float: left; display: inline; width: 220px; margin-left: 15px; overflow: hidden }
#maincol { float: left; display: inline; width: 460px; margin-left: 15px; padding-bottom: 15px; overflow: hidden }
#rightcol { float: left; display: inline; width: 220px; margin-left: 15px; overflow: hidden }
#fullcol { float: left; display: inline; width: 673px; border: 1px #e0e0e0 solid; background: #ffffff; padding: 10px; margin-left: 15px; margin-bottom: 15px; overflow: hidden }
#popcol { margin-left: 15px; width: 465px; padding-top: 10px; border-top: 1px #999999 solid }
#leftcol h2, #rightcol h2, #leftcol h2.alt, #rightcol h2.alt { background: #ffffff; padding: 0 0 0 10px; border: #e0e0e0 solid; border-width: 1px 1px 0 1px; font-size: 13px; margin: 0; text-transform: uppercase; color: #cc001e; border-bottom: 1px #a0a0a0 solid; line-height: 30px }
#leftcol h2#subhead { color: #0092b7 }
#leftcol ul, #rightcol ul { background: #ffffff; list-style: none; padding: 0 10px 10px 10px; margin: 0; border: #e0e0e0 solid; border-width: 0 1px 1px 1px; margin-bottom: 10px }
#leftcol li, #rightcol li { padding: 8px 0; margin: 0; border-bottom: 1px #cccccc solid; background: none }
#leftcol li.more, #rightcol li.more { border: 0 }
#leftcol #submenu { padding-top: 6px }
#leftcol #submenu li { border: 0; padding: 2px 0 0 0; background: none }
#leftcol #submenu li a { padding-left: 15px; background: url(../images/arrow_blue.gif) 0 5px no-repeat; color: #0092b7; font-weight: bold }
#leftcol #submenu li a.active { color: #000000; background-image: url(../images/arrow_black.gif); text-decoration: none }
#leftcol #submenu li.line { background: none; border-top: 1px #cccccc solid; margin-top: 8px; padding-top: 8px }
#leftcol #agenda li.more { border: none; padding-bottom: 0 }
#leftcol #agenda li.more a { color: #e65700; padding-right: 12px; background: url(../images/arrow_orange.gif) right 5px no-repeat }
#maincol h1, #maincol h2 { margin-top: -5px }
#maincol #srch_home { display: none }
#maincol #etalage { background: #ffffff; list-style: none; padding: 0 10px 10px 10px; margin: 0; border: #e0e0e0 solid; border-width: 0 1px 1px 1px; margin-bottom: 10px }
#maincol #etalage li { padding: 8px 0; margin: 0; border-bottom: 1px #cccccc solid; background: none }
#maincol #etalage li h3 { margin: 0 0 5px 0; font-size: 13px }
#maincol #etalage li p { margin-bottom: 5px }
#maincol #etalage li a { color: #3C4549 }
#maincol #etalage li span { padding: 0 3px 0 2px; background: url(../images/bullet_inline.gif) 2px 5px no-repeat; color: #e65700 }
#maincol #etalage li.more { border: none; padding: 8px 0 0 0 }
#maincol #etalage li a.more, #maincol #etalage li.more a { color: #e65700; padding-right: 12px; background: url(../images/arrow_orange.gif) right 5px no-repeat }
#maincol .thumb { width: 90px; float: right; margin: 3px 0 3px 10px; border: 1px #808080 solid }
#maincol .info { padding: 15px; background: #ffffff; border: 1px #e0e0e0 solid }
#rightcol #buttons { list-style: none; padding: 0; background: none; border: none }
#rightcol #buttons li { padding: 0; border: none; margin: 0 }
#rightcol #buttons li a { display: block; text-indent: -999px; width: 225px; overflow: hidden }
#rightcol #buttons #gnd a { height: 30px; background-image: url(../images/buttons_agenda_bg.gif) }
#rightcol #buttons #llp a { height: 30px; background-image: url(../images/buttons_alleopleidingen_bg.gif) }
#rightcol #buttons #mln a { height: 48px; background-image: url(../images/buttons_nieuwsbrief_bg.gif) }
#rightcol #buttons #brc a { height: 48px; background-image: url(../images/buttons_brochure_bg.gif) }
#rightcol #buttons #gnd a:hover { background-position: 0 -30px }
#rightcol #buttons #llp a:hover { background-position: 0 -30px }
#rightcol #buttons #mln a:hover { background-position: 0 -48px }
#rightcol #buttons #brc a:hover { background-position: 0 -48px }
#rightcol .thumb { float: right; margin: 0 0 0 10px; border: 1px #808080 solid }
#rightcol #shoptop5 li a { color: #3C4549 }
#rightcol #shoptop5 li.more { border: none; padding: 8px 0 0 0 }
#rightcol #shoptop5 li a.more, #rightcol #shoptop5 li.more a { color: #0092b7; padding-right: 12px; background: url(../images/arrow_blue.gif) right 5px no-repeat }
#rightcol #shoptop5 li a.more:hover, #rightcol #shoptop5 li.more a:hover { text-decoration: underline }
#rightcol .info { padding: 10px 10px 0 10px; background: #ffffff; border: #e0e0e0 solid; border-width: 0 1px 1px 1px }
#cols { margin: 0 15px 15px 15px; background: #ffffff; padding: 10px; border: 1px #e0e0e0 solid }
#cols ul { float: left; display: inline; width: 215px; margin-right: 10px; list-style: none }
#cols ul li { float: left; display: inline; width: 100%; padding: 0; background: none }
#cols ul li a { display: block; padding: 0 0 5px 12px; background: url(../images/arrow_orange.gif) 0 5px no-repeat }
/* faq/over ons */
#accordion { margin-top: -1px }
#accordion h3.toggler { cursor: pointer; padding: 8px 10px; margin: 0; font: bold 11px/15px Arial, Helvetica, sans-serif; color: #000000; border-top: 1px #999999 solid }
#accordion div.element { cursor: pointer; padding: 8px; margin: 0; border-top: 1px #cdcdcd solid }
#accordion { margin-bottom: 16px; border-bottom: 1px #999999 solid }
/* icons */
span.icon { float: right; display: inline; width: 23px; height: 20px; overflow: hidden; margin: 0 0 5px 5px }
/* results */
#filters { margin: 0; padding: 0; overflow: visible }
#filters li { float: left; display: inline; padding: 0 8px 0 0; background: none; position: relative; z-index: 1; line-height: 18px }
#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: #83969e; text-decoration: none; background-position: right -16px }
#filters ul { position: absolute; left: 0; top: 17px; border: 1px #83969e 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: #83969e; 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 #bcc7cc 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, #displayed { margin-bottom: 8px }
#found { float: left; display: inline; width: 432px }
#found strong, #displayed strong { color: #333333; font-weight: bold }
#sort-by { height: 30px; border: #83969e solid; border-width: 1px 0; background: #edf3f5; overflow: hidden; margin: 0 }
#sort-by li { float: left; display: inline; background: none; padding: 0; margin: 0; line-height: 30px; overflow: hidden }
#sort-by li.active { background: #dae2e5 }
#sort-by li a { margin-left: 9px; padding-right: 12px; background: url(../images/arrow_sort.gif) right 6px no-repeat }
#sort-by .col1 { width: 71px }
#sort-by .col2 { width: 351px; border-right: 1px #bcc7cc solid }
#sort-by .col3 { width: 108px; border-right: 1px #bcc7cc solid }
#sort-by .col4 { width: 96px; border-right: 1px #bcc7cc solid }
#sort-by .col5 { width: 44px }
.result { position: relative; z-index: 0; width: 100% }
.result div { padding: 8px 10px 4px 75px; border-bottom: 1px #cdcdcd solid; background: none }
.result div div { width: 338px; padding: 0; background: none; border: none }
.result div.new { background: url(../images/icon_nieuw.gif) right 4px no-repeat }
.result div.new h2 { width: 303px }
.result div.soon { background: url(../images/icon_invoorbereiding.gif) right 4px no-repeat }
.result div.soon h2 { width: 233px }
.result p, .result ul { margin-bottom: 7px }
.result p, .result li { line-height: 15px }
.result img { position: absolute; left: 0; top: 10px; width: 60px; border: 1px #b9b9b9 solid }
.result h2 { margin-bottom: 6px; font-size: 13px; line-height: 18px; color: #000000 }
.result p.type { font-style: oblique; width: 100% }
.result .info { position: absolute; right: 0; top: 0; margin-top: 0 }
.result .info li { float: left; display: inline; padding: 8px 0 6px 9px; border: #bcc7cc solid; border-width: 0 0 1px 1px; background: #FFFFFF }
.result .info .col1 { width: 99px }
.result .info .col2 { width: 87px }
.result .info .col3 { width: 35px }
.result .intro span { color: #83969e; padding: 0 3px 0 2px; background: url(../images/bullet_inline.gif) 2px 6px no-repeat; color: #e65700 }
p#noresults { padding: 10px 20px; border-top: 1px #83969e solid }
/* pages */
#pages { width: 100%; overflow: hidden; position: relative; color: #83969e; text-align: center; padding: 10px 0 }
#pages a { padding: 2px 5px; text-decoration: none }
#pages a:hover { background: #e9ece7 }
#pages a.active { background: #83969e; color: #ffffff }
#pages a#prev { display: block; position: absolute; left: 0; top: 10px; padding-left: 12px; background: url(../images/arrow_prev.gif) left 7px no-repeat }
#pages a#next { display: block; position: absolute; right: 0; top: 10px; padding-right: 12px; background: url(../images/arrow_next.gif) right 7px no-repeat }
#pages a#prev:hover, #pages a#next:hover { text-decoration: underline }
#rightcol h4 { margin: 0 0 5px 0 }
#rightcol .refine { padding: 0; margin: 0 0 10px 0; border: none; background: none }
#rightcol .refine li { border: 0; margin: 0; padding: 0 0 3px 12px; background: url(../images/arrow_orange.gif) 0 5px no-repeat }
#rightcol .refine li a { font-weight: bold }
/* details */
#specs { height: 152px; margin: 0; position: relative; overflow: hidden }
#specs div { width: 500px; height: 152px; margin: 0 0 0 0; position: relative; overflow: auto }
#specs img { position: absolute; right: 20px; top: 0 }
#specs p { margin-bottom: 7px }
#specs td { line-height: 17px }
#specs td span { white-space: nowrap }
#specs table { margin: 0 }
#specs span.full { color: #ee014c; font-weight: bold }
#specs ul { position: absolute; right: 5px; top: 5px; width: 209px; padding-top: 1px }
#specs ul li { height: 25px; margin-left: 19px; width: 100%; padding: 0; background: none }
#specs ul li a { display: block; width: 100%; height: 15px; text-indent: -999px; overflow: hidden }
#specs ul li#pdf { background: url(../../images/tools_pdf_bg.gif) no-repeat }
#specs ul li#brochure { background: url(../../images/tools_brochure_bg.gif) no-repeat }
#specs ul li#fwd { background: url(../../images/tools_fwd_bg.gif) no-repeat }
#specs ul li#qst { height: 19px; background: url(../../images/tools_qst_bg.gif) no-repeat }
#tabs { background: url(../images/tabs_bg.gif) repeat-x; padding: 36px 0 0 0; margin: 0 -10px; position: relative }
#tabs h2 { position: absolute; height: 30px; top: 6px; margin: 0; padding: 0; background-repeat: no-repeat; overflow: hidden; cursor: pointer }
#tabs h2 a { display: block; height: 30px; background-position: 0 30px; background-repeat: no-repeat; text-indent: -999px }
#tabs h2 a:hover { background-position: 0 -30px }
#tabs h2#all, #tabs h2#all a { width: 77px; left: 10px; background-image: url(../images/tab_overzicht.gif) }
#tabs h2#des, #tabs h2#des a { width: 100px; background-image: url(../images/tab_omschrijving.gif) }
#tabs h2#pro, #tabs h2#pro a { width: 88px; background-image: url(../images/tab_programma.gif) }
#tabs h2#spe1, #tabs h2#spe1 a { width: 64px; background-image: url(../images/tab_spreker.gif) }
#tabs h2#spe2, #tabs h2#spe2 a { width: 70px; background-image: url(../images/tab_sprekers.gif) }
#tabs h2#doc1, #tabs h2#doc1 a { width: 62px; background-image: url(../images/tab_docent.gif) }
#tabs h2#doc2, #tabs h2#doc2 a { width: 77px; background-image: url(../images/tab_docenten.gif) }
#tabs h2#tra1, #tabs h2#tra1 a { width: 61px; background-image: url(../images/tab_trainer.gif) }
#tabs h2#tra2, #tabs h2#tra2 a { width: 67px; background-image: url(../images/tab_trainers.gif) }
#tabs h2#tes, #tabs h2#tes a { width: 81px; background-image: url(../images/tab_ervaringen.gif) }
#tabs h2#loc, #tabs h2#loc a { width: 81px; background-image: url(../images/tab_locatie.gif) }
#tabs h2#locs, #tabs h2#locs a { width: 81px; background-image: url(../images/tab_locaties.gif) }
#tabs h2#ord, #tabs h2#ord a { width: 84px; background-image: url(../images/tab_inschrijven.gif) }
.tab { margin: 5px 0 10px 15px }
#tab1 { background: url(../images/columns_bg.gif) repeat-y; margin: 0 0 0 15px; width: 678px }
div.col { float: left; display: inline; width: 226px; border-top: 1px #ffffff; overflow: hidden; padding-bottom: 15px }
.tab h3 { padding: 0; margin: 10px 20px 8px 0 }
.tab .col h3 { padding: 15px 0 0 0; border-top: 1px #bcc7cc solid; margin: -1px 30px 8px 0 }
.tab p, .tab ul, .tab h4, .tab table { margin-right: 20px; margin-left: 0 }
table.program1 td { padding: 0 10px 0 0 }
table.program2 { margin-top: 10px }
table.program2 td { padding: 0 20px 10px 0 }
table.program2 td p, table.program2 td ul, table.program2 td h4 { margin: 0 }
td.time { white-space: nowrap }
#pe { width: 220px; margin-bottom: 0 }
#pe li { background: none; padding: 0; margin: 0 0 10px 0; float: left; display: inline; width: 50% }
#pe li img { display: block; margin-bottom: 6px }
p.format { padding: 10px 0 0 12px; margin: 0 15px 10px 0; background: url(../images/arrow_crumb.gif) 0 15px no-repeat; border-top: 1px #bcc7cc solid }
.orderblock, .xtopts { margin: 10px 15px 10px 0; padding-left: 12px }
.xtopts, .orderbutton { border-top: 1px #bcc7cc 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 #bcc7cc solid }
.xtopts ul, .xtopts p { margin: 0; padding: 0; width: 100% }
.orderoption ul.form li { width: 100% }
.xtopts ul.form li span { display: block; width: 565px; padding: 0; margin: 0 }
.xtopts ul.form li span ul.form li span { width: 525px }
.orderbutton { margin: 10px 15px 0 0; padding: 10px 0 20px 12px }
div#image { margin-bottom: 15px; width: 220px; height: 200px; overflow: hidden; position: relative }
div#image img { position: absolute; left: -10px; top: 0 }
p.cart { padding: 10px 0 0 0; margin: 0 0 10px 0; border-top: 1px #bcc7cc solid }
/* formulier */
input,select,textarea { font: 11px/15px Arial, Helvetica, sans-serif; color: #333333 }
input.text { line-height: 13px; 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; border: none; background: none; width: 100% }
ul.form li { float: left; display: inline; clear: both; width: 100%; overflow: hidden; margin: 3px 0 0 0; padding: 0; background: none; border: none }
#maincol .info ul.form li { width: 440px }
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 #c5ccbc 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.versturen { width: 77px; background: url(../images/button_versturen.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.verdermetinschrijven { float: none; width: 151px; background: url(../images/button_verdermetinschrijven.gif) no-repeat }
input.inschrijvingcontroleren { float: none; width: 171px; background: url(../images/button_inschrijvingcontroleren.gif) no-repeat }
input.inschrijvingversturen { float: none; width: 155px; background: url(../images/button_inschrijvingversturen.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, p.err, h3.err { color: #ff0000 }
.tight { margin-top: 0; margin-bottom: 0 }
#orgfun_o, #adres_o, #tel_o, #email_o, #orgfun, #adres, #tel, #email { float: left; display: inline; margin: 0; padding: 0 }
/* general */
.end { clear: both; width: 100%; height: 0px; overflow: hidden }
div.line { clear: both; margin: 0 10px 10px 0; border-bottom: 1px #c5ccbc solid; height: 0px; overflow: hidden }
#footer { width: 960px; height: 79px; background: url(../images/footer_bg.gif) left 15px no-repeat; padding: 0; margin: 0 auto }
#footer li { float: left; display: inline; padding: 29px 10px 0 0; background: none; color: #ffffff; font-size: 10px; text-transform: uppercase; font-weight: bold }
#footer li#cpr { margin-left: 263px }
#footer li a { padding-left: 10px; color: #ffffff; border-left: 1px #e5cfd2 solid }