/* algemeen */
* {	padding: 0; margin: 0 }
html,body { width: 100%; height: 100% }
body { background: #FFFFFF url(../images/body_bg.gif) repeat-x; min-height: 101% }

/* 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 14px/18px "Trebuchet MS", Tahoma, Arial; color: #006bb3 }
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,ol,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 }
ol { list-style-position: outside }
ol li { padding-left: 0; background: none }
.offer { color: #BA0053; font-weight: bold }

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: 12px; background: url(../images/arrow_blue.gif) 0 5px no-repeat }

/* afbeeldingen */
img { border: 0 }
img.left { float: left; display: inline; margin: 0 15px 15px 0 }
img.right { float: right; display: inline; margin: 0 0 15px 15px }

/* containers */
#container1 { width: 980px; background: url(../images/container1_bg.gif) repeat-y; overflow: hidden; margin: 0 auto }
#container2 { padding: 0 10px; background: url(../images/container2_bg.gif) no-repeat; overflow: hidden }
#container3 { width: 960px; background: url(../images/container3_bg.gif) repeat-y; min-height: 250px; 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_opleidingen.gif) no-repeat; overflow: hidden }
#header ul { position: absolute; right: 5px; top: 13px }
#header ul li { float: left; display: inline; padding: 0 10px; height: 16px; overflow: hidden; background: none }
#header ul li a { display: block; height: 13px; margin-top: 2px; text-indent: -999px; overflow: hidden }
#header ul li#nlg, #header ul li#nsc, #header ul li#nws, #header ul li#kln  { 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: 88px; 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: 91px; background: url(../images/shopmenu_service.gif) no-repeat }
#header ul li#rss a { width: 16px; height: 16px; margin-top: 0; background: url(../images/rss.gif) 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 15px 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: 174px; background-image: url(../images/mainmenu_vrk.gif) }
#mainmenu li#ncm a { width: 85px; background-image: url(../images/mainmenu_ncm.gif) }
#mainmenu li#lrn a { width: 79px; background-image: url(../images/mainmenu_lrn.gif) }
#mainmenu li#cnt a { width: 66px; background-image: url(../images/mainmenu_cnt.gif) }
#mainmenu li#bsn a { width: 130px; background-image: url(../images/mainmenu_bsn.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: 150px; 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: 200px; overflow: hidden; position: relative }
#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 }
#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 }
#home #visual { height: 200px; background: url(../images/visual_home.jpg) no-repeat; overflow: visible }
#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 }
#juridisch #visual { background: url(../images/visual_juridisch.jpg) }
#fiscaal #visual { background: url(../images/visual_fiscaal.jpg) }
#financieledienstverlening #visual { background: url(../images/visual_financieledienstverlening.jpg) }
#openbaarbestuur #visual { background: url(../images/visual_openbaarbestuur.jpg) }
#ruimtelijkeordening_milieu #visual { background: url(../images/visual_ruimtelijkeordening_milieu.jpg) }
#socialezekerheid #visual { background: url(../images/visual_socialezekerheid.jpg) }
#humanresources #visual { background: url(../images/visual_humanresources.jpg) }
#arbeidsomstandigheden #visual { background: url(../images/visual_arbeidsomstandigheden.jpg) }
#ondernemingsraden #visual { background: url(../images/visual_ondernemingsraden.jpg) }
#zorg #visual { background: url(../images/visual_zorg.jpg) }
#financieelmanagement_administratie #visual { background: url(../images/visual_financieelmanagement_administratie.jpg) }
#management_kwaliteit #visual { background: url(../images/visual_management_kwaliteit.jpg) }
#facilitymanagement #visual { background: url(../images/visual_facilitymanagement.jpg) }
#managementsupport #visual { background: url(../images/visual_managementsupport.jpg) }
#marketing_communicatie #visual { background: url(../images/visual_marketing_communicatie.jpg) }
#onderwijsmanagement #visual { background: url(../images/visual_onderwijsmanagement.jpg) }
#overkluweropleidingen #visual { background: url(../images/visual_overkluweropleidingen.jpg) }
#elearning #visual { background: url(../images/visual_elearning.jpg) }
#incompany #visual { background: url(../images/visual_incompany.jpg) }
#klantenservice #visual { background: url(../images/visual_klantenservice.jpg) }
#inloggen #visual { background: url(../images/visual_inloggen.jpg) }
.general #visual { height: 60px; background: url(../images/visual_general.jpg) no-repeat }
.general #searchmenu li a, #arbeidsomstandigheden #searchmenu li a, #inloggen #searchmenu li a { color: #ffffff }
.general #searchmenu li#adv a, #inloggen #searchmenu li#adv a { background-image: url(../images/searchmenu_line_white.gif) }
.general #crumbtrail li { color: #003366 }
.general #crumbtrail li a { background-image: url(../images/arrow_white.gif); color: #ffffff }
#arbeidsomstandigheden #crumbtrail li, #management_kwaliteit #crumbtrail li, #managementsupport #crumbtrail li, #openbaarbestuur #crumbtrail li, #facilitymanagement #crumbtrail li, #inloggen #crumbtrail li, #overkluweropleidingen #crumbtrail li { color: #cccccc }
#arbeidsomstandigheden #crumbtrail li a, #management_kwaliteit #crumbtrail li a, #managementsupport #crumbtrail li a, #openbaarbestuur #crumbtrail li a, #facilitymanagement #crumbtrail li a, #inloggen #crumbtrail li a, #overkluweropleidingen #crumbtrail li a { background-image: url(../images/arrow_lightgrey.gif); color: #ffffff }
#home #searchmenu li a, #arbeidsomstandigheden #searchmenu li a, #management_kwaliteit #searchmenu li a, #openbaarbestuur #searchmenu li a, #inloggen #searchmenu li a, #overkluweropleidingen #searchmenu li a { color: #ffffff }
#home #searchmenu li#adv a, #arbeidsomstandigheden #searchmenu li#adv a, #management_kwaliteit #searchmenu li#adv a, #openbaarbestuur #searchmenu li#adv a, #inloggen #searchmenu li#adv a, #overkluweropleidingen #searchmenu li#adv a { background-image: url(../images/searchmenu_line_lightgrey.gif) }

#brand { position: absolute; overflow: hidden; left: 20px; top: 50px }
#arbeidsomstandigheden #brand { width: 162px; height: 55px; background: url(../images/logo_arbo.gif) no-repeat }
#marketing_communicatie #brand { width: 220px; height: 70px; background: url(../images/logos_adformatiegroep.gif) no-repeat }
#managementsupport #brand { width: 231px; height: 106px; background: url(../images/logo_managementsupport.gif) no-repeat; left: 445px; top: 27px }
#humanresources #brand { width: 130px; height: 60px; background: url(../images/logo_gids.gif) no-repeat }
#facilitymanagement #brand { width: 200px; height: 35px; left: 740px; background: url(../images/logo_facto.gif) no-repeat }
#juridisch #brand { width: 157px; height: 68px; top: 36px; background: url(../images/logo_cedeo.gif) no-repeat }
#ondernemingsraden #brand { width: 165px; height: 35px; left: 740px; background: url(../images/logo_orinformatie.gif) no-repeat }

#juridisch #eindejaarsactie { display: block; position: absolute; width: 960px; height: 38px; text-indent: -9999px; overflow: hidden; left: 0; bottom: 0; background: url(../images/eindejaarsactie_etalage.gif) no-repeat }

/* content */
#info { float: left; display: inline; width: 480px; height: 200px; background: #6ebb1f; overflow: hidden }
#info h1, #info h2, #details .tab h2 { height: 27px; margin: 4px 0 6px 0; padding-left: 20px; color: #ffffff; border-bottom: 1px #8dca50 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 ol { margin-left: 40px; 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 p.err { color: #ee014c; font-weight: bold }
.infopage #info a { color: #006bb3 }
#juridisch #info { background-image: url(../images/info_juridisch_bg.jpg) }
#fiscaal #info { background-image: url(../images/info_fiscaal_bg.jpg) }
#financieledienstverlening #info { background-image: url(../images/info_financieledienstverlening_bg.jpg) }
#openbaarbestuur #info { background-image: url(../images/info_openbaarbestuur_bg.jpg) }
#ruimtelijkeordening_milieu #info { background-image: url(../images/info_ruimtelijkeordening_milieu_bg.jpg) }
#socialezekerheid #info { background-image: url(../images/info_socialezekerheid_bg.jpg) }
#financieelmanagement_administratie #info { background-image: url(../images/info_financieelmanagement_administratie_bg.jpg) }
#management_kwaliteit #info { background-image: url(../images/info_management_kwaliteit_bg.jpg) }
#facilitymanagement #info { background-image: url(../images/info_facilitymanagement_bg.jpg) }
#managementsupport #info { background-image: url(../images/info_managementsupport_bg.jpg) }
#marketing_communicatie #info { background-image: url(../images/info_marketing_communicatie_bg.jpg) }
#humanresources #info { background: url(../images/info_humanresources_bg.jpg) }
#arbeidsomstandigheden #info { background: url(../images/info_arbeidsomstandigheden_bg.jpg) }
#ondernemingsraden #info { background: url(../images/info_ondernemingsraden_bg.jpg) }
#zorg #info { background: url(../images/info_zorg_bg.jpg) }
#onderwijsmanagement #info { background: url(../images/info_onderwijsmanagement_bg.jpg) }
#inloggen #info h4 { color: #006bb3; padding-top: 3px; margin-bottom: 10px; font-size: 12px }

#submenu { float: left; display: inline; width: 239px; height: 200px; margin: 0; overflow: hidden; background: #6ebb1f; border-right: 1px #8dca50 solid }
#submenu h2 { height: 27px; margin: 4px 0 6px 0; padding-left: 20px; color: #ffffff; border-bottom: 1px #8dca50 solid; overflow: hidden }
#submenu h2 em { font-style: normal; color: #336600 }
#submenu h3 { font: bold 12px/17px "Trebuchet MS", Tahoma, Arial; color: #336600; 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 #8dca50 solid; overflow: hidden }
#submenu ul li a { display: block; width: 215px; height: 17px; font-size: 12px; line-height: 16px; color: #ffffff; text-decoration: none; padding-left: 5px; overflow: hidden; margin: 0 }
#submenu ul.compact { margin-top: 1px }
#submenu ul.compact li a { height: 15px; line-height: 15px }
#submenu ul li a.active, #submenu ul li a.active:hover { color: #336600; background: none }
#submenu ul li a span { color: #c8e5aa }
#submenu ul li a:hover { background: #4a941b }
#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; padding-bottom: 6px }
#home #submenu { width: 480px; border: none; background: #6ebb1f url(../images/submenu_home_bg.jpg) no-repeat }
#home #submenu ul { width: 50% }
#home #submenu ul li a { height: 19px; line-height: 18px }
#juridisch #submenu { background-image: url(../images/submenu_juridisch_bg.jpg) }
#fiscaal #submenu { background-image: url(../images/submenu_fiscaal_bg.jpg) }
#financieledienstverlening #submenu { background-image: url(../images/submenu_financieledienstverlening_bg.jpg) }
#openbaarbestuur #submenu { background-image: url(../images/submenu_openbaarbestuur_bg.jpg) }
#ruimtelijkeordening_milieu #submenu { background-image: url(../images/submenu_ruimtelijkeordening_milieu_bg.jpg) }
#socialezekerheid #submenu { background-image: url(../images/submenu_socialezekerheid_bg.jpg) }
#hr_arbo_or #submenu { background-image: url(../images/submenu_hr_arbo_or_bg.jpg) }
#financieelmanagement_administratie #submenu { background-image: url(../images/submenu_financieelmanagement_administratie_bg.jpg) }
#management_kwaliteit #submenu { background-image: url(../images/submenu_management_kwaliteit_bg.jpg) }
#facilitymanagement #submenu { background-image: url(../images/submenu_facilitymanagement_bg.jpg) }
#managementsupport #submenu { background-image: url(../images/submenu_managementsupport_bg.jpg) }
#marketing_communicatie #submenu { background-image: url(../images/submenu_marketing_communicatie_bg.jpg) }
#humanresources #submenu { background: url(../images/submenu_humanresources_bg.jpg) }
#arbeidsomstandigheden #submenu { background: url(../images/submenu_arbeidsomstandigheden_bg.jpg) }
#ondernemingsraden #submenu { background: url(../images/submenu_ondernemingsraden_bg.jpg) }
#zorg #submenu { background: url(../images/submenu_zorg_bg.jpg) }
#onderwijsmanagement #submenu { background: url(../images/submenu_onderwijsmanagement_bg.jpg) }

#buttons { float: left; display: inline; width: 240px; height: 200px; margin: 0; background: #0768a9; overflow: hidden }
#buttons li { float: left; display: inline; width: 100%; height: 33px; margin: 0; padding: 0; background: none }
#buttons li#gnd { height: 32px }
#buttons li#wpl { height: 36px }
#buttons li a { display: block; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; background: url(../images/buttons.gif) no-repeat }
#buttons li#gnd a { background-position: 0 0 }
#buttons li#gnd a:hover { background-position: -240px 0 }
#buttons li#llp a { background-position: 0 -32px }
#buttons li#llp a:hover { background-position: -240px -32px }
#buttons li#drc a { background-position: 0 -65px }
#buttons li#drc a:hover { background-position: -240px -65px }
#buttons li#grt a { background-position: 0 -131px }
#buttons li#grt a:hover { background-position: -240px -131px }
#buttons li#brc a { background-position: 0 -98px }
#buttons li#brc a:hover { background-position: -240px -98px }
#buttons li#wpl a { background-position: 0 -164px }
#buttons li#wpl a:hover { background-position: -240px -164px }
#home #buttons { background: #0768a9 url(../images/buttons_home_bg.jpg) no-repeat }
#juridisch #buttons { background-image: url(../images/buttons_juridisch_bg.jpg) }
#fiscaal #buttons { background-image: url(../images/buttons_fiscaal_bg.jpg) }
#financieledienstverlening #buttons { background-image: url(../images/buttons_financieledienstverlening_bg.jpg) }
#openbaarbestuur #buttons { background-image: url(../images/buttons_openbaarbestuur_bg.jpg) }
#ruimtelijkeordening_milieu #buttons { background-image: url(../images/buttons_ruimtelijkeordening_milieu_bg.jpg) }
#socialezekerheid #buttons { background-image: url(../images/buttons_socialezekerheid_bg.jpg) }
#hr_arbo_or #buttons { background-image: url(../images/buttons_hr_arbo_or_bg.jpg) }
#financieelmanagement_administratie #buttons { background-image: url(../images/buttons_financieelmanagement_administratie_bg.jpg) }
#management_kwaliteit #buttons { background-image: url(../images/buttons_management_kwaliteit_bg.jpg) }
#facilitymanagement #buttons { background-image: url(../images/buttons_facilitymanagement_bg.jpg) }
#managementsupport #buttons { background-image: url(../images/buttons_managementsupport_bg.jpg) }
#marketing_communicatie #buttons { background-image: url(../images/buttons_marketing_communicatie_bg.jpg) }
#humanresources #buttons { background: url(../images/buttons_humanresources_bg.jpg) }
#arbeidsomstandigheden #buttons { background: url(../images/buttons_arbeidsomstandigheden_bg.jpg) }
#ondernemingsraden #buttons { background: url(../images/buttons_ondernemingsraden_bg.jpg) }
#zorg #buttons { background: url(../images/buttons_zorg_bg.jpg) }
#onderwijsmanagement #buttons { background: url(../images/buttons_onderwijsmanagement_bg.jpg) }

/* columns */
#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: #0768a9; 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-bottom: -1px }
#columns .all ul li { margin: 0; padding: 0 0 0 10px; border: none; background: url(../images/arrow_blue_small.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: #6ebb1f url(../images/h2_green_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, #displayed { margin-bottom: 8px }
#found { float: left; display: inline; margin-left: 20px; width: 434px }
#found strong, #displayed strong { color: #333333; font-weight: bold }
#sort-by { width: 100%; height: 30px; border: #5698c5 solid; border-width: 1px 0; background: #edf1f4; 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: #d1e2ee }
#sort-by li a { margin-left: 9px; padding-right: 12px; background: url(../images/arrow_sort.gif) right 6px no-repeat }
#sort-by .col1 { width: 66px; margin-left: 20px }
#sort-by .col2 { width: 358px; border-right: 1px #abcce2 solid }
#sort-by .col3 { width: 113px; border-right: 1px #abcce2 solid }
#sort-by .col4 { width: 106px; border-right: 1px #abcce2 solid }
#sort-by .col5 { width: 54px }
.result { position: relative; z-index: 0 }
.result div { padding: 8px 10px 4px 95px; background: url(../images/line_result.gif) left bottom repeat-x }
.result div div { width: 340px; padding: 0; background: none }
.result div.new { background: url(../images/icon_nieuw.gif) right 4px no-repeat }
.result div.new h2 { width: 300px }
.result div.soon { background: url(../images/icon_invoorbereiding.gif) right 4px no-repeat }
.result div.soon h2 { width: 230px }
.result p, .result ul { margin-bottom: 7px }
.result p, .result li { line-height: 15px }
.result img { position: absolute; left: 20px; top: 10px; width: 60px; border: 1px #b9b9b9 solid }
.result h2 { font-size: 14px; line-height: 18px; margin-bottom: 6px }
.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: #abcce2 solid; border-width: 0 0 1px 1px; background: #FFFFFF }
.result .info .col1 { width: 104px }
.result .info .col2 { width: 97px }
.result .info .col3 { width: 45px }
.result .intro span { color: #5698c5; padding: 0 3px 0 2px; background: url(../images/bullet_inline.gif) 2px 6px no-repeat }
p#noresults { padding: 10px 20px; border-top: 1px #5698c5 solid }

#results #eindejaarsactie { display: block; width: 100%; height: 32px; text-indent: -9999px; overflow: hidden; background: url(../images/eindejaarsactie_serp.gif) no-repeat }
#results 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 }

/* 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 }

#details { float: left; display: inline; width: 720px; overflow: hidden; min-height: 400px }
#details h1 { height: 27px; margin: 0; padding: 4px 0 0 20px; color: #ffffff; background: #6ebb1f url(../images/h2_green_bg.gif) repeat-x; overflow: hidden }
#specs { height: 134px; margin: 0; position: relative; overflow: hidden }
#specs div { width: 460px; height: 110px; margin: 12px 0 0 20px; position: relative; overflow: auto }
#specs div.new { background: url(../images/icon_nieuw.gif) 409px 4px no-repeat }
#specs div.soon { background: url(../images/icon_invoorbereiding.gif) 342px 4px no-repeat }
#specs img { position: absolute; right: 15px; top: 0 }
#specs p { margin-bottom: 7px }
#specs td { line-height: 17px }
#specs td span { white-space: nowrap }
#specs td span.offer { white-space: normal }
#specs table { margin: 0 }
#specs span.full { color: #ee014c; font-weight: bold }
#specs ul { position: absolute; right: 30px; top: 12px; width: 209px; padding-top: 1px; border-left: 1px #c0d9e9 solid; overflow: hidden }
#specs ul li { height: 25px; margin-left: 19px; width: 100%; padding: 0; background: none }
#specs ul li a { display: block; width: 100%; height: 16px; 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; 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#obj, #tabs h2#obj a { width: 84px; background-image: url(../images/tab_leerdoelen.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) }
#tabs h2#gen, #tabs h2#gen a { width: 77px; left: 20px; background-image: url(../images/tab_algemeen.gif) }
#tabs h2#mor, #tabs h2#mor a { width: 117px; background-image: url(../images/tab_meerinfo.gif) }
#tabs h2#cos, #tabs h2#cos a { width: 60px; background-image: url(../images/tab_kosten.gif) }
#tabs h2#opl, #tabs h2#opl a { width: 92px; background-image: url(../images/tab_opleidingen.gif) }
#tabs h2#art, #tabs h2#art a { width: 73px; background-image: url(../images/tab_artikelen.gif) }

.tab .review { margin: 11px 20px 0 20px; padding-top: 2px; border-top: 1px #bcc3cc solid }
.review em { color: #666 }
.grade_gen { float: right; display: inline; font-size: 24px; font-weight: bold; color: #214e82; height: 24px }
.stars_10, .stars_9, .stars_8, .stars_7, .stars_6, .stars_5 { float: left; display: inline; width: 65px; height: 12px; overflow: hidden; background: url(../images/stars.gif) no-repeat; margin-right: 10px }
.stars_9 { background-position: 0 -15px }
.stars_8 { background-position: 0 -30px }
.stars_7 { background-position: 0 -45px }
.stars_6 { background-position: 0 -60px }
.stars_5 { background-position: 0 -75px }
.stars_4 { background-position: 0 -90px }
.tab .review ul { list-style: none; padding: 0 5px; background: #e9eff2; margin: 10px 0; height: 24px }
.review ul li { float: left; display: inline; padding: 0 10px 0 0; border-right: 1px #cabccc solid; margin: 4px 10px 0 0; background: none }
.review ul li strong { color: #214e82 }
.tab .review p.comment { font-style: italic; margin-left: 0 }

#campagne #visual h1 { position: absolute; left: 20px; top: 44px; font-size: 23px; color: #0768a9; font-weight: bold }
#campagne #visual h3 { position: absolute; left: 20px; top: 77px; font-size: 17px; color: #474747; font-weight: bold; font-style: italic }
#campagne #visual a.order { display: block; position: absolute; left: 20px; top: 112px; width: 109px; height: 26px; text-indent: -999px; overflow: hidden; background: url(../images/button_campagne_inschrijven.gif) }
#campagne #visual a.order:hover { background-position: left -26px }
#campagne .buttons { position: absolute; left: 20px; top: 112px; height: 26px }
#campagne .buttons a { float: left; display: inline; height: 26px; font: bold 15px/24px "Trebuchet MS", Tahoma, Arial; color: #ffffff; text-decoration: none; margin-right: 15px }
#campagne .buttons a span { float: left; display: inline; height: 26px; overflow: hidden; cursor: pointer }
#campagne .buttons a .b1 { width: 5px; background-image: url(../images/button_campagne_left.gif) }
#campagne .buttons a .b2 { padding: 0 10px; background-image: url(../images/button_campagne_bg.gif) }
#campagne .buttons a .b3 { width: 5px; background-image: url(../images/button_campagne_right.gif) }
#campagne .buttons a:hover span { background-position: 0 -26px }

#campagne #details { overflow: visible; border-right: 1px #5698c5 solid }
#campagne #tabs { margin-top: -35px; background: url(../images/tabs_bg_line.gif) left 35px repeat-x }
#campagne .tab { padding-top: 15px }
#campagne .tab strong { color: #333333 }
#campagne .tab p { clear: left }
#campagne .tab h3 { margin-top: 0; font-size: 16px; color: #006bb3; margin-bottom: 15px }
#campagne .tab h4 { font-size: 14px; color: #474747 }
#campagne .tab ul { margin-bottom: 15px }
#campagne #rightcol { width: 239px; background: url(../images/tabs_bg_line.gif) left top repeat-x; margin-left: -1px; border-left: 1px #5698c5 solid }
#campagne #rightcol h3 { font-size: 16px; line-height: 20px; border-top: 1px #5698c5 solid; margin: 0; padding: 8px 10px 5px 20px }
#campagne ul.overview { margin-top: 15px }
#campagne ul.overview li { margin-top: 6px }
#campagne ul.overview li.ext { margin: 0 0 5px 0; padding: 15px 0 0; background: none; border-top: 1px #cccccc solid }
#campagne ul.overview li.ext .thumb { float: right; display: inline; width: 150px; height: 125px; border: 1px #cccccc solid; margin: 0 0 20px 20px }
#campagne ul.overview li.ext h3 { margin-bottom: 6px; font-size: 18px }
#campagne ul.overview li.ext h3 a { text-decoration: none }
#campagne ul.overview li.ext h4 { margin-bottom: 10px }
#campagne ul.overview li.ext a.more { font-weight: bold }
#campagne ul.overview li.ext p, #campagne ul.overview li.ext h3, #campagne ul.overview li.ext h4 { padding: 0; margin-left: 0; margin-right: 0 }

.tab { margin: 5px 0 10px 0 }
#tab1 { background: url(../images/columns_bg.gif) repeat-y; width: 100%; margin: 0 }
div.col { float: left; display: inline; width: 240px; border-top: 1px #ffffff; overflow: hidden; padding-bottom: 15px }
.tab h3 { padding: 0 10px 0 20px; margin: 10px 0 8px 0 }
.tab .col h3 { padding: 15px 10px 0 20px; border-top: 1px #c0d9e9 solid; margin: -1px 0 8px 0 }
.tab p, .tab ul, .tab h4, .tab table { margin-right: 10px; margin-left: 20px }

table.program1 td { padding: 0 15px 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 }
table.program2 td p + p { margin-top: 10px }
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 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 }
.formtext .xtopts { background: #f5f8fa }
.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, .formtext .xtopts ul, .formtext .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; width: 100% }
#iframe ul.form { width: 610px }
#maincol form { margin-left: 20px; margin-right: 10px }
#maincol form p, #maincol form h3, #maincol form h4, #maincol form ul, #maincol form div.line { margin-left: 0; margin-right: 0 }
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.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 }
input.maakrssfeed { float: none; width: 95px; background: url(../images/button_maakrssfeed.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 div.semi2 { width: 205px; margin-left: 20px }
ul.form li div.semi span strong { color: #000000 }
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 }

#interest { float: left; display: inline; width: 240px; overflow: hidden }
#interest #image { width: 240px; height: 200px; overflow: hidden }
#interest h2 { height: 27px; padding: 4px 0 0 20px; margin: 0; color: #0768a9; border-top: 1px #5698c5 solid; overflow: hidden }
#interest ul { overflow: hidden; margin: 0 0 10px 0; width: 100% }
#interest ul li, #interest ul.more { padding: 6px 10px 6px 20px; border-top: 1px #c0d9e9 solid; background: none; width: 210px }
#interest ul.more li { margin: 0; padding: 0; border: none }
#interest p { padding: 8px 10px 8px 20px; margin: 0 }
#interest ul li p { padding: 0; margin: 0 0 10px 0; border: none }
#interest ul li p.lst { margin-bottom: 2px }
#interest strong { color: #242424 }

/* 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 }

.formtext { float: left; display: inline; padding-bottom: 10px; width: 720px; overflow: hidden; border-right: 1px #5698c5 solid }
.formtext h1, .formtext h2, .formtext h3, .formtext h4, .formtext p, .formtext ul { margin: 0 10px 10px 20px }
.formimage { float: left; display: inline; width: 239px; margin-left: -1px; overflow: hidden; border-left: 1px #5698c5 solid }
.formimage h3, .formimage h4, .formimage p, .formimage ul { margin: 0 10px 10px 20px }
.formtext h1 { font-size: 17px; font-weight: bold; color: #006bb3; margin-bottom: 10px; margin-top: 10px }
.formtext h2 { font-size: 14px; color: #333333; font-weight: normal; font-style: italic }
.formtext h3 { font-size: 15px; color: #006bb3 }
.formtext h4, .formimage h4 { font-size: 12px; margin-bottom: 0 }
.formtext h1.uline { border-bottom: 1px #c4dbeb solid; margin: 0 0 10px 0; padding: 6px 20px 5px 20px }
.formimage h3, .formtext h3.uline { font-size: 15px; line-height: 20px; border-top: 1px #5698c5 solid; margin: 0; padding: 8px 10px 5px 20px }
.formtext div.line { margin-left: 20px; margin-right: 10px }

/* 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 }
#home #visualbottom { background: url(../images/visual_home_bottom.jpg); height: 40px }
#juridisch #visualbottom { background: url(../images/visual_juridisch_bottom.jpg) }
#fiscaal #visualbottom { background: url(../images/visual_fiscaal_bottom.jpg) }
#financieledienstverlening #visualbottom { background: url(../images/visual_financieledienstverlening_bottom.jpg) }
#openbaarbestuur #visualbottom { background: url(../images/visual_openbaarbestuur_bottom.jpg) }
#ruimtelijkeordening_milieu #visualbottom { background: url(../images/visual_ruimtelijkeordening_milieu_bottom.jpg) }
#socialezekerheid #visualbottom { background: url(../images/visual_socialezekerheid_bottom.jpg) }
#hr_arbo_or #visualbottom { background: url(../images/visual_hr_arbo_or_bottom.jpg) }
#financieelmanagement_administratie #visualbottom { background: url(../images/visual_financieelmanagement_administratie_bottom.jpg) }
#management_kwaliteit #visualbottom { background: url(../images/visual_management_kwaliteit_bottom.jpg) }
#facilitymanagement #visualbottom { background: url(../images/visual_facilitymanagement_bottom.jpg) }
#managementsupport #visualbottom { background: url(../images/visual_managementsupport_bottom.jpg) }
#marketing_communicatie #visualbottom { background: url(../images/visual_marketing_communicatie_bottom.jpg) }
#humanresources #visualbottom { background: url(../images/visual_humanresources_bottom.jpg) }
#arbeidsomstandigheden #visualbottom { background: url(../images/visual_arbeidsomstandigheden_bottom.jpg) }
#ondernemingsraden #visualbottom { background: url(../images/visual_ondernemingsraden_bottom.jpg) }
#zorg #visualbottom { background: url(../images/visual_zorg_bottom.jpg) }
#onderwijsmanagement #visualbottom { background: url(../images/visual_onderwijsmanagement_bottom.jpg) }

#footer { width: 980px; margin: 0 auto; padding-top: 30px; background: url(../images/footer_bg.gif) no-repeat; position: relative }
#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 }
#footer li#cedeo {  padding: 0 }
#footer li#cedeo a { padding: 0; position: absolute; left: 746px; top: 10px; width: 139px; height: 75px; display: block; text-indent: -999px; overflow: hidden; background: url(../images/cedeo.gif) }

a#tweede-opleiding, a#tweede-deelnemer { float: left; display: inline; height: 25px; overflow: hidden; text-indent: -999px; background-repeat: no-repeat; margin: 5px 15px 15px 0 }
a#tweede-opleiding { width: 258px; background-image: url(../images/tweede-opleiding.gif) }
a#tweede-deelnemer { width: 224px; background-image: url(../images/tweede-deelnemer.gif) }

a#ereader_img { position: absolute; left: 28px; top: 152px }
a#ereader_title { position: absolute; left: 21px; top: 327px; width: 207px; height: 35px; text-indent: -999px; overflow: hidden; background: url(../images/offertext_home.gif) no-repeat }
p#ereader_more { position: absolute; left: 21px; top: 372px }

body#iframe, #iframe #container1, #iframe #container2 { background: #fff }
#iframe #header, #iframe #mainmenu, #iframe #visual, #iframe #footer, #iframe .formimage { display: none }
#iframe #container1 { margin: 0 }
#iframe #container2 { padding: 0 }
#iframe .formtext { border-right: none; width: 640px }
#iframe .formtext h3.uline { padding: 8px 0 5px 0; margin: 0 10px 0 20px }
#iframe .xtopts ul.form li span { width: 515px }
#iframe .xtopts ul.form li span ul.form li span { width: 490px }

form #share { width: 489px; margin: 10px 0 15px; height: 38px; color: #036; padding: 3px 0 0 6px }
form #twitter, form #facebook, form #linkedin { float: left; display: inline; height: 32px; margin-right: 20px; text-indent: -999px; overflow: hidden; background-repeat: no-repeat }
form #twitter:hover, form #facebook:hover, form #linkedin:hover, form #taf:hover { background-position: 0 -32px }
form #twitter { background-image: url(../images/share-twitter-bg.png); width: 90px }
form #facebook { background-image: url(../images/share-facebook-bg.png); width: 90px }
form #linkedin { background-image: url(../images/share-linkedin-bg.png); width: 90px }