pre {font:12px/16px Arial,Helvetica,sans-serif} /* general styles */ * { padding: 0; margin: 0 } html { width: 100%; background: #e3e3e3 url(/images/header_bg.gif) repeat-x } body { width: 100%; margin: 0 auto; background: url(/images/footer_bg.gif) left bottom repeat-x } body,td,p { vertical-align: top; font: 12px/16px Arial, Helvetica, sans-serif; color: #000000 } p { margin-bottom: 10px } ul { list-style: none } img { border: 0 } a { text-decoration: none; color: #007db2 } a:hover { text-decoration: underline } a.more { padding-left: 12px; background: url(/images/arrow_green.gif) left 3px no-repeat; font-weight: normal } /* header + menu's */ #header { width: 978px; margin: 0 auto; height: 130px; overflow: hidden; position: relative } #header h1 span { position: absolute; left: 15px; top: 92px; width: 205px; height: 21px; background: url(/images/header_payoff.gif) no-repeat; overflow: hidden; text-indent: -999px } /*#header h1 a { position: absolute; left: 15px; top: 15px; width: 128px; height: 38px; background: url(/images/header_logo_educa.gif) no-repeat; overflow: hidden; text-indent: -999px }*/ #header h1 a { position: absolute; left: 15px; top: 15px; width: 157px; height: 38px; background: url(/images/header_logo_educa.gif) no-repeat; overflow: hidden; text-indent: -999px } #header p { text-indent: -9999px; overflow: hidden } #mainmenu { position: absolute; left: 0; top: 69px; width: 100%; height: 31px; overflow: hidden; display: none } #mainmenu li { float: left; display: inline } #mainmenu li a { display: block; height: 31px; text-indent: -999px; overflow: hidden } #mainmenu #hmp a { width: 66px; background: url(/images/menu_home_bg.gif) } #mainmenu #opl a { width: 106px; background: url(/images/menu_opleidingen_bg.gif) } #mainmenu #bkn a { width: 73px; background: url(/images/menu_boeken_bg.gif) } #mainmenu #vkb a { width: 114px; background: url(/images/menu_tijdschriften_bg.gif) } #mainmenu #art a { width: 90px; background: url(/images/menu_artikelen_bg.gif) } #mainmenu #nws a { width: 73px; background: url(/images/menu_nieuws_bg.gif) } #mainmenu #blg a { width: 63px; background: url(/images/menu_blogs_bg.gif) } #mainmenu #dtb a { width: 108px; background: url(/images/menu_databanken_bg.gif) } #mainmenu #sft a { width: 91px; background: url(/images/menu_software_bg.gif) } #mainmenu #tls a { width: 96px; background: url(/images/menu_checklists_bg.gif) } #mainmenu #vct a { width: 98px; background: url(/images/menu_vacatures_bg.gif) } #infomenu { position: absolute; right: 13px; top: 19px } #infomenu li { float: left; font-size: 12px; font-weight: bold; padding-left: 7px; margin-left: 7px; border-left: 1px #9abecf solid } #infomenu li.frst { border: none } #infomenu li a { color: #ffffff; text-transform: lowercase } #header form { position: absolute; left: 235px; top: 89px; width: 521px; height: 23px; background: url(/images/header_searchfield_bg.gif) no-repeat; overflow: hidden } #header input.text { float: left; display: inline; margin: 5px 0 0 5px; width: 401px; background: none; border: none } #header #btn_search { float: left; display: inline; width: 89px; height: 23px; margin-left: 15px; background: url(/images/header_searchbutton_bg.gif); overflow: hidden } #crumb { padding: 10px 15px 0 15px; font-weight: bold } #crumb a { text-decoration: underline; padding-right: 14px; background: url(/images/arrow_blue.gif) right 5px no-repeat; font-weight: normal } #crumb a:hover { text-decoration: none } #content { width: 978px; margin: 0 auto; background: #ffffff; border: #d4d4d4 solid; border-width: 0 1px } #leftcol { float: left; display: inline; width: 197px; margin: 20px 0 20px 15px; overflow: hidden } #maincol { float: left; display: inline; width: 516px; margin: 20px 0 20px 20px; overflow: hidden } #rightcol { float: left; display: inline; width: 200px; margin: 156px 0 20px 15px; overflow: hidden } div.clear-searchfield {width : 16px; height : 16px; margin: 6px 0px 0px -20px; float: left; display: block; clear: none; background-image: url('/images/clear.png');} /* homepage */ #home #content { background: #ffffff url(/images/content_home_bg.jpg) right top no-repeat } .facets h2 { font-size: 12px; color: #608000 } .facets h3 { font-size: 16px; line-height: 32px; border-bottom: 1px #d9d9d9 solid; color: #004766; margin: 5px 0 } .facets ul { margin-bottom: 5px } .facets li { color: #666666; line-height: 16px; padding-right: 0 } .facets a { font-weight: bold; color: #007db2 } .facets a.more { padding-left: 12px; background: url(/images/arrow_green.gif) left 3px no-repeat; font-weight: normal } .taxa h2 { font-size: 12px; color: #608000; margin-bottom: 10px } .taxa .content { padding: 10px 15px; background: #edf6fa; border: 1px #acd4e6 solid; margin-bottom: 20px } .taxa h3 { font-size: 16px; line-height: 20px; color: #004766; margin-bottom: 5px } .taxa ul { float: left; display: inline; width: 240px } .taxa li { float: left; display: inline; width: 100% } .taxa li a { font-weight: bold; color: #007db2; padding-left: 12px; line-height: 19px; background: url(/images/arrow_green.gif) left 3px no-repeat } .display h2 { font-size: 16px; line-height: 20px; color: #004766; margin-bottom: 5px } .display .item { border-top: 1px #cccccc solid; padding: 10px 0 } .display .item h3 { font-size: 15px; margin-bottom: 10px } .display .item h3 a { color: #0083b2 } .display img { float: left; display: inline; margin: 2px 15px 15px 0 } .display a.more { padding-left: 12px; background: url(/images/arrow_green.gif) left 3px no-repeat; font-weight: bold; color: #0083b2 } .publishers { border: 1px #9bbf30 solid; background: #fbfcf5; padding: 10px 15px; margin-bottom: 20px } .publishers h2 { font-size: 16px; line-height: 20px; color: #66801a; margin-bottom: 10px } .publishers ul { width: 168px; overflow: hidden; margin-bottom: 10px } .publishers li { padding: 10px 0; text-align: center; width: 100%; border-bottom: 1px #d9d9d9 solid } .publishers a.more { padding-left: 12px; background: url(/images/arrow_green.gif) left 3px no-repeat; font-weight: bold; color: #0083b2 } .actions h2 { font-size: 16px; line-height: 20px; color: #004766; margin-bottom: 5px } .actions .item { border-top: 1px #cccccc solid; padding: 10px 0 } .actions .item h3 { margin-bottom: 10px } .actions .item h3 a { font-size: 15px; color: #0083b2 } .actions img { float: left; display: inline; margin: 2px 15px 15px 0 } .actions a.more { padding-left: 12px; background: url(/images/arrow_green.gif) left 3px no-repeat; font-weight: bold; color: #0083b2 } /* SERP */ #serp #leftcol { margin: 20px 0 0 0; width: 207px } #serp #maincol { margin: 20px 0 20px 25px; width: 732px } #serp .facets { padding: 0 15px 10px 15px; border: #d4d4d4 solid; border-width: 1px 1px 1px 0; background: #f5f5f5 } #serp .facets h2 { font-size: 16px; line-height: 24px; color: #004766; margin: 5px 0 -4px 0 } #serp .facets h3 { font-size: 14px; line-height: 18px; border-top: 1px #d9d9d9 solid; border-bottom: none; color: #004766; padding: 6px 0 0 0; margin: 7px 0 3px 0 } #serp .facets a.more { padding: 0 15px 0 0; background: url(/images/arrow_down.gif) right 5px no-repeat; font-weight: normal } .numofresults { position: relative; border-bottom: 1px #b3b3b3 solid; width: 100%; padding-top: 6px } .numofresults h2 { font-size: 16px; line-height: 24px; color: #004766 } .numofresults p { color: #004766 } .numofresults p span:first-child { float: left; display: inline; width: 525px } .numofresults ul { width: 130px; border: #979797 solid; border-width: 1px 0; position: absolute; right: 0; top: 28px; background: #f5f5f5 } .numofresults ul li { width: 128px; height: 18px; background: #f5f5f5; border: #979797 solid; border-width: 0 1px; overflow: hidden; display: none; line-height: 18px } .numofresults ul li a { display: block; padding: 0 4px; height: 18px; overflow: hidden } .numofresults ul li.active { display: block; background: url(/images/pulldown_bg.gif) no-repeat } .numofresults ul li.active a { color: #4d4d4d; text-decoration: none } .numofresults ul.open li { display: block; background: #f5f5f5 } .numofresults ul.open li.active a { color: #000000 } #serp #maincol form input { width: 80px; margin: 10px 0 } #serp #maincol form .result input { float: left; display: inline; margin: 10px 10px 0 0; width: auto } .result { border-bottom: 1px #b3b3b3 solid; background: url(/images/line_compare.gif) 7px 0 no-repeat } .result .visual { float: left; display: inline; margin-top: 10px; border: 1px #b3b3b3 solid; padding: 1px } .result .visual img { display: block } .result .org { float: right; display: inline; margin-top: 10px; border-left: 1px #d9d9d9 solid; padding: 0 0 2px 9px } .result h2, .result h3, .result h4, .result p, .result ul { margin-left: 97px } .result h2 { font-size: 16px; color: #004766; margin-bottom: 5px; padding-top: 10px } .result h2 a { color: #007db3; text-decoration: none; padding-right: 5px } .result h2 a:hover { color: #004766 } .result h2 span { font-size: 14px; vertical-align: top; font-weight: normal; padding-left: 10px; border-left: 1px #999999 solid } .result h3 { font-size: 14px; color: #333333; font-weight: normal; font-style: italic } .result ul { margin: 7px 0 10px 97px; padding: 5px 0; width: 635px; border-bottom: 1px #d9d9d9 solid; overflow: hidden } .result ul li { float: left; display: inline; margin: 0 14px 0 -6px } .result ul li span { float: left; display: inline; width: 26px; height: 16px; text-indent: -999px; overflow: hidden; border-left: 1px #d9d9d9 solid; background-position: 6px 0; background-repeat: no-repeat } .result ul li.date span { background-image: url(/images/icon_date.gif) } .result ul li.duration span { background-image: url(/images/icon_duration.gif) } .result ul li.level span { width: 30px; background-image: url(/images/icon_level.gif) } .result ul li.price span { width: 24px; background-image: url(/images/icon_price.gif) } .result ul li.part span { background-image: url(/images/icon_part.gif) } .result p a, .result li a { text-decoration: underline } .result p a:hover, .result li a:hover { text-decoration: none } .leaderboard { border-bottom: 1px #b3b3b3 solid; text-align: center; } .leaderboard img { border: 1px #d4d4d4 solid; padding: 1px; margin: 10px 0 } #paging { padding: 10px 0; height: 20px } #paging li { float: left; display: inline; margin-right: 6px; min-width: 20px; line-height: 20px; color: #999999 } #paging li a { display: block; height: 20px; text-align: center; border: 1px #d9d9d9 solid; padding: 0 3px } #paging li.active a, #paging li.active a:hover { border-color: #999999; color: #333333; text-decoration: none } #paging li a:hover { border: 1px #b3b3b3 solid } #paging li.prev { width: 85px; background: url(/images/arrow_prev_inactive.gif) left 6px no-repeat; padding: 0 0 0 12px; margin: 0 } #paging li.prev a { margin-left: -12px; padding-left: 12px; float: left; display: inline; background: url(/images/arrow_prev.gif) left 6px no-repeat; border: none } #paging li.next { width: 85px; background: url(/images/arrow_next_inactive.gif) right 6px no-repeat; padding: 0 12px 0 0; margin: 0; text-align: right } #paging li.next a { margin-right: -12px; padding-right: 12px; float: right; display: inline; background: url(/images/arrow_next.gif) right 6px no-repeat; border: none } /* detailpagina */ #details #maincol, #order #maincol, #confirm #maincol, #organisaties #maincol { margin: 20px 0 20px 15px; width: 592px } #details #rightcol, #order #rightcol, #confirm #rightcol, #organisaties #rightcol { margin: 20px 0 20px 16px; width: 340px } #specs .visual { border: 1px #b3b3b3 solid; padding: 1px; margin: 10px 0 15px } #specs .org { margin: 0 2px 15px 0 } #specs .logo { margin: 10px 0 15px } #specs .wrapper { float: left; display: inline; width: 450px } #specs h1, #specs h2, #specs table { width: 100%; padding: 0 } #specs img, #specs ul { float: right; clear: right } #specs h1 { font-size: 16px; color: #004766; margin-bottom: 5px; padding-top: 10px } #specs h1 span { font-size: 14px; vertical-align: top; font-weight: normal; padding-left: 10px; margin-left: 5px; border-left: 1px #999999 solid } #specs h2 { font-size: 14px; color: #333333; font-weight: normal; font-style: italic } #specs table { margin: 12px 0 10px } #specs td { padding: 2px 0 3px; border-bottom: 1px #e8e8e8 solid } #specs a { text-decoration: underline } #specs a:hover { text-decoration: none } #specs ul { width: 120px; margin-right: 2px } #specs li a { font-size: 11px; line-height: 15px; text-indent: 2px } #specs li.order a { display: block; height: 27px; text-indent: -999px; overflow: hidden; background: url(/images/button_inschrijven.gif) no-repeat; margin-bottom: 15px } #specs li.order a:hover { background-position: 0 -27px } #specs li.addtocart a { display: block; height: 27px; text-indent: -999px; overflow: hidden; background: url(/images/button_inwinkelwagen.gif) no-repeat; margin-bottom: 15px } #specs li.addtocart a:hover { background-position: 0 -27px } .tabs { position: relative; padding-top: 25px; background: url(/images/tabs_bg.gif) repeat-x } .tabs h2 { position: absolute; top: 0; width: 100px; height: 25px; cursor: pointer; background: url(/images/tab_bg.gif) no-repeat; font: 12px/25px Arial, Helvetica, sans-serif; color: #333333; text-align: center } .tabs .active h2 { background-image: url(/images/tab_active_bg.gif); font-weight: bold; color: #ffffff } .tabs .content { border: #b3b3b3 solid; border-width: 0 1px 1px 1px; padding: 15px 15px 5px } #tab1 h2 { left: 0 } #tab2 h2 { left: 106px } #tab3 h2 { left: 212px } #tab4 h2 { left: 318px } #tab5 h2 { left: 424px } .tabs .content { display: none } .tabs .active .content { display: block } .tabs .content h3 { font-size: 14px; line-height: 18px; color: #004766; margin: 0 0 10px 0 } .tabs .content h4 { font-size: 12px; line-height: 16px; color: #333333; margin: 0 } .tabs .content a.more { display: block; padding-left: 12px; background: url(/images/arrow_green.gif) left 3px no-repeat; font-weight: bold; color: #0083b2; margin: 10px 0 } .tabs .content li { padding-left: 10px; background: url(/images/bullet.gif) left 6px no-repeat } .tabs .content p, .tabs .content ul { margin-bottom: 10px } .tabs .content p + ul { margin-top: -10px } .tabs .content p + h3, .tabs .content ul + h3, .tabs .content h4 + h3 { margin-top: 20px } .tabs .content .line { margin: 15px 0 } .tabs .content a { font-weight: normal; text-decoration: underline } .tabs .content a:hover { text-decoration: none } .tabs .content a strong { font-weight: normal } .tabs .content .cats { padding: 7px 10px 0; background: #edf6fa; border: 1px #acd4e6 solid; margin-bottom: 25px } .tabs .content .cats ul { float: left; display: inline; width: 269px } .tabs .content .cats li { float: left; display: inline; width: 100%; padding: 0; background: none } .tabs .content .cats li a { font-weight: bold; color: #007db2; padding-left: 12px; line-height: 18px; background: url(/images/arrow_green.gif) left 3px no-repeat } .tabs .content .col { float: left; display: inline; width: 280px; overflow: hidden } .tabs .content .col ul { margin: 5px 0 15px 0; overflow: hidden } .tabs .content .col li { float: left; clear: left; display: inline; padding: 0 12px; background: url(/images/arrow_blue.gif) left 4px no-repeat } .tabs .content .col li a { color: #007db2; line-height: 16px } #pe { width: 550px; margin-bottom: 0 } #pe li { background: none; padding: 0; margin: 0 0 10px 0; float: left; display: inline; width: 20% } #pe li img { display: block; margin-bottom: 6px } #aanbiederoverzicht h1 { font-size: 16px; color: #004766; margin-bottom: 5px; padding-top: 10px } #aanbiederoverzicht ul { margin: 30px 0 } #aanbiederoverzicht ul li { float: left; display: inline; width: 197px; height: 90px; overflow: hidden; text-align: center; border-bottom: 1px #cccccc solid; margin-bottom: 15px } #aanbiederoverzicht ul li span { display: block; margin: 0 0 15px 0; height: 50px; text-align: center; vertical-align: bottom } #aanbiederoverzicht ul li span img { max-height: 50px; max-width: 150px; vertical-align: bottom } #aanbiederoverzicht ul.org-inactive li span img { opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50) } #aanbiederoverzicht ul.org-inactive li span img:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100) } .related { border: 1px #d9d9d9 solid; background: #f5f5f5; padding: 10px 15px 5px; margin: 10px 0 15px } .related h2 { font-size: 16px; line-height: 20px; color: #004766; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px #d9d9d9 solid } .related li { margin-bottom: 10px } .related a, .related a:hover strong { text-decoration: underline } .related a:hover, .related a strong { text-decoration: none } .related a.more { display: block; padding-left: 12px; background: url(/images/arrow_green.gif) left 3px no-repeat; font-weight: bold; color: #0083b2; margin: 10px 0 } #rectangle { border: 1px #b3b3b3 solid; padding: 1px; background: #ffffff; margin-bottom: 15px } #rectangle div { width: 336px; height: 280px; overflow: hidden } /* informatie-pagina's */ #infopage #leftcol { margin: 20px 0 0 0; width: 207px } #infopage #maincol { margin: 20px 0 30px 25px; width: 732px } #infopage #maincol h1 { font-size: 16px; color: #004766; margin: 0 0 10px 0; padding-top: 10px } #infopage #maincol h2 { font-size: 14px; color: #004766; margin: 15px 0 5px 0 } #infopage #maincol h3 { font-size: 13px; color: #000000; margin: 15px 0 5px 0 } #infopage #maincol ul { margin-bottom: 5px } ul.ticks li { padding: 0 0 4px 22px; background: url(/images/tick.png) no-repeat } #submenu { background: url(/images/submenu_bg.gif) repeat-y; border: #d6d7d6 solid; border-width: 1px 0 0 0 } #submenu li a { display: block; height: 34px; border-top: 1px #ffffff solid; border-bottom: 1px #dedfde solid; padding-left: 36px; font-size: 14px; line-height: 36px; color: #7b7d84; font-weight: bold; background-position: 10px 10px; background-repeat: no-repeat } #submenu li.active { background: url(/images/submenu_item_active_bg.gif) repeat-x } #submenu li.active a { color: #ffffff; height: 36px; border: none; background-position: 10px 11px } #submenu li ul { display: none } #submenu li.active ul { display: block; padding: 5px 0 10px 0; border-bottom: 1px #dedfde solid } #submenu li.submenu_item a, #submenu #sub_educa.active li a, #submenu #sub_news.active li a, #submenu #sub_org.active li a, #submenu #sub_part.active li a { height: 30px; line-height: 30px; font-size: 12px; font-weight: normal; color: #7b7d84; padding-left: 12px; background: url(/images/submenu_arrow.gif) 190px 10px no-repeat } #submenu li.submenu_item.active a, #submenu #sub_educa.active li.active a, #submenu #sub_news.active li.active a, #submenu #sub_org.active li.active a, #submenu #sub_part.active li.active a { color: #000000; background-color: #e7e3e7 } #submenu #sub_educa a { background-image: url(/images/icon_educa.gif) } #submenu #sub_news a { background-image: url(/images/icon_news.gif) } #submenu #sub_org a { background-image: url(/images/icon_screen.gif) } #submenu #sub_part a { background-image: url(/images/icon_site.gif) } #submenu #sub_educa.active a { background-image: url(/images/icon_educa_blue.gif) } #submenu #sub_news.active a { background-image: url(/images/icon_news_blue.gif) } #submenu #sub_org.active a { background-image: url(/images/icon_screen_blue.gif) } #submenu #sub_part.active a { background-image: url(/images/icon_site_blue.gif) } #order #maincol h1, #confirm #maincol h1 { font-size: 16px; color: #004766; margin-bottom: 10px; padding-top: 10px } #order #maincol h2, #confirm #maincol h2 { font-size: 14px; line-height: 18px; color: #004766; margin: 15px 0 10px 0 } #order #maincol h3, #confirm #maincol h3 { font-size: 13px; line-height: 16px; color: #000000; margin: 0 0 5px 0 } #order #maincol h3 span, #confirm #maincol h3 span { font-weight: normal } /* formulier */ input,select,textarea { font: 12px/15px Arial, Helvetica, sans-serif; color: #333333 } input.text { line-height: 13px; height: 14px; padding-top: 1px; text-indent: 3px; width: 324px } input.checkbox, input.radio { float: left; display: inline; margin: 3px 3px 0 0 } select { height: 18px; width: 328px } textarea { height: 60px; width: 324px } select.multiple { height: 76px } ul.form { float: left; display: inline; list-style: none; overflow: hidden; margin-bottom: 15px } 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 input.text { float: left; display: inline; margin-right: 10px } ul.form li span { float: left; display: inline; padding: 2px 8px 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 { width: 434px; height: 10px; margin-bottom: 10px; border-bottom: 1px #dedede solid } #btn_versturen, #btn_controleren, #btn_inschrijvingverzenden { float: left; display: inline; height: 27px; margin-top: 15px; overflow: hidden } #btn_versturen:hover, #btn_controleren:hover, #btn_inschrijvingverzenden:hover { background-position: 0 -27px } #btn_versturen { width: 90px; background: url(/images/button_versturen.gif) } #btn_controleren { width: 178px; background: url(/images/button_controleren.gif) } #btn_inschrijvingverzenden { width: 172px; background: url(/images/button_inschrijvingverzenden.gif) } /* inschrijfformulier */ label { float: left; display: inline; padding-top: 2px; margin-right: 10px; width: 140px } label.error { color: #bf1417; font-weight: normal; font-style: italic; width: 225px } #confirm label { font-weight: bold } label.verpl, label.aanh, label.ini, label.acht, label.fgb, label.fun, label.tel, label.email, label.str, label.nr, label.pc, label.pl, label.land, label.adres_type { font-weight: bold; color: #000000; background: url(/images/ster.gif) right 3px no-repeat } label.tuss { width: 100px } label.nr, label.pl, label.nr_inv, label.pl_inv { width: 50px } label.toev, label.toev_inv { width: 30px } label.bew, label.voorw { width: 400px; margin-left: 4px } span.smallprint { width: 400px; font-size: 11px; margin-top: 10px } input.tel, input.email, input.str, input.str_inv { width: 200px } input.nr, input.toev, input.nr_inv, input.toev_inv { width: 50px } input.tit, input.ini { width: 90px } input.tuss { width: 110px } input.pc, input.pc_inv { width: 70px } input.pl, input.pl_inv { width: 180px } #tellafriend { background: #ffffff; padding: 15px 20px; width: auto } #tellafriend h1 { height: 53px; border-bottom: 1px #cccccc solid; margin-bottom: 15px; background: url(/images/logo_educa_wit.gif) no-repeat; text-indent: -9999px; overflow: hidden } #tellafriend h2 { font-size: 16px; color: #004766; margin-bottom: 15px } #tellafriend ul.form { margin-top: 15px } #tellafriend input.text, #tellafriend textarea { width: 280px } #tellafriend select { width: 284px } /* general */ .end { clear: both; width: 100%; height: 0px; overflow: hidden } div.line, div.line2 { clear: both; margin: 0 0 10px 0; border-bottom: 1px #b3b3b3 solid; height: 0px; overflow: hidden } div.line2 { border-color: #d9d9d9 } #footer { width: 978px; margin: 0 auto; background: url(/images/footer_bg.gif); height: 120px; overflow: hidden } #footer div { float: left; display: inline; margin: 10px 0 10px 15px; background: url(/images/footer_div_bg.gif) right top no-repeat; overflow: hidden; height: 100px; overflow: hidden } #footer .col1 { width: 207px } #footer .col2, #footer .col3 { width: 246px } #footer .col4 { background: none; width: 200px } #footer h2 { font-size: 14px; color: #ffffff; margin-bottom: 5px } #footer p { color: #ffffff; font-weight: bold; font-size: 11px; line-height: 15px; margin-bottom: 4px } #footer p a { color: #ffffff } #footer li a { padding-left: 12px; background: url(/images/arrow_white.gif) left 4px no-repeat; color: #7fd9ff; line-height: 19px } #organisations_footer{ width: 978px; background-color: #ffffff; margin: 0 auto; min-height: 190px; border-top: solid 1px #CCCCCC;} #organisations_footer div { float: left; display: inline; margin: 10px 0 10px 15px; overflow: hidden; } #organisations_footer h2 { font-size: 14px; color: #ffffff; margin-bottom: 5px; } #organisations_footer p { color: #ffffff; font-weight: bold; font-size: 11px; line-height: 15px; margin-bottom: 4px; } #organisations_footer p a { color: #ffffff; } #organisations_footer ul { display: inline; float: left; position: relative; width: 963px; } #organisations_footer li { margin-left: 5px ; color: #707070; display: inline; float: left; position: relative; } #organisations_footer li a { padding-left: 3px; color: #707070; line-height: 19px; font-size: 10px; } /* start overwrite specs style */ div.form img{ float: none !important; clear: none !important; } div.organisation ul, div.form ul{ float: left !important; clear: both !important; width: 550px !important; list-style:square !important; padding: 10px 0px 10px 40px !important; } div.organisation ol, div.form ol{ float: left !important; clear: both !important; width: 550px !important; list-style:decimal !important; padding: 10px 0px 10px 40px !important; } div.form li a{ font-size: 12px !important; } div.organisation h2, div.organisation p, div.form h2, div.form p{ margin-top: 10px; } /* end overwrite specs style */ .top_block_menu_options_bar{ clear: both; position: relative; float: left; width: 448px; height: 39px; font-size: 12px; background-color: #F2F0CA; margin: 10px 0px 20px 0px; border: 1px #d9d9d9 solid; background: #f5f5f5; } .top_block_menu_options_bar ul{ display: inline !important; list-style: none !important; position: relative !important; float: left !important; margin: 10px 8px 0px 10px !important; width: 300px !important; } .top_block_menu_options_bar ul li{ margin-right: 5px !important; position: relative !important; float: left !important; } .top_block_menu_options_bar ul li.last{ margin-right: 0px !important; } .top_block_menu_options_bar ul li a{ color: #000000 !important; text-decoration: none !important; } .top_block_menu_options_bar ul li a:hover{ text-decoration: underline !important; } .top_block_menu_options_bar ul li a.brochure{ background: transparent url(/images/report.png) no-repeat scroll 0 3px !important; padding: 5px 0px 5px 20px !important; } .top_block_menu_options_bar ul li a.printer{ background: transparent url(/images/printer.png) no-repeat scroll 0 3px !important; padding: 5px 0px 5px 20px !important; } .top_block_menu_options_bar ul li a.email{ background: transparent url(/images/email_go.png) no-repeat scroll 0 3px !important; padding: 5px 0px 5px 20px !important; } .top_block_menu_options_bar ul li a.question{ background: transparent url(/images/help.png) no-repeat scroll 0 3px !important; padding: 5px 0px 5px 20px !important; } .top_block_menu_options_bar .order, div.order{ float: left; position: relative; height: 27px; width: 120px; text-indent: -999px; overflow: hidden; background: url(/images/button_inschrijven.gif) no-repeat; margin: 5px 0px 5px 5px; } .top_block_menu_options_bar .order:hover, div.order:hover{ background-position: 0 -27px; } table.compare_events td.first{ border-left: 1px #d4d4d4 solid; } table.compare_events td.last{ border-bottom: 1px #d4d4d4 solid; } table.compare_events td{ border-top: 1px #d4d4d4 solid; border-right: 1px #d4d4d4 solid; padding: 5px; } table.compare_events td.label{ font-weight: bold; background-color: #1476af; color: #ffffff; border: 1px #1476af solid; border-bottom: 1px #ffffff solid; } table.compare_events tr.verwijderen img{ display: block; float: left; } table.compare_events tr.verwijderen span{ margin-left: 10px; display: block; float: left; } table.compare_events td.label.last{ border-bottom: 1px #1476af solid; } .compare_events li a{ font-size: 12px !important; line-height: 20px !important; } #compare_paging { height:20px !important; padding:10px 0 !important; } ul#compare_paging { clear: none !important; float: none !important; list-style:none outside none !important; width: 592px; } #compare_paging { padding: 10px 0; height: 20px } #compare_paging li { float: left; display: inline; margin-right: 6px; width: 20px; line-height: 20px !important; color: #999999 } #compare_paging li a { display: block; height: 20px; text-align: center; border: 1px #d9d9d9 solid } #compare_paging li.active a, #paging li.active a:hover { border-color: #999999; color: #333333; text-decoration: none } #compare_paging li a:hover { border: 1px #b3b3b3 solid } #compare_paging li.prev { width: 85px; background: url(/images/arrow_prev_inactive.gif) left 6px no-repeat; padding: 0 0 0 12px; margin: 0 } #compare_paging li.prev a { margin-left: -12px; padding-left: 12px; float: left; display: inline; background: url(/images/arrow_prev.gif) left 6px no-repeat; border: none } #compare_paging li.next { width: 85px; background: url(/images/arrow_next_inactive.gif) right 6px no-repeat; padding: 0 12px 0 0; margin: 0; text-align: right } #compare_paging li.next a { margin-right: -12px; padding-right: 12px; float: right; display: inline; background: url(/images/arrow_next.gif) right 6px no-repeat; border: none } div#message_box { padding: 3px 5px; border: 2px solid; font-weight: bold; margin: 15px 0 } div#message_box.error {border: 2px #c01 solid;} .ui-autocomplete { position: absolute; cursor: default; } * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ ul.ui-autocomplete { width: 390px; background-color:white; border-style:solid; border-width:1px; border-color:grey; } li.ui-menu-item { display: block; background-color:white; } li.ui-menu-item a.ui-state-hover { display: block; background: #a5c9ff; color: white; } a.ui-corner-all { padding: 0px 0px 0px 5px; display: block; width: 390px; background-color:white; color:black; font-size: 14px; } a#ui-active-menuitem.ui-corner-all.ui-state-hover { font-size: 14px; width: 394px; text-decoration:none; } /* #slider */ .ui-slider-horizontal { margin: 8px 0px 8px 0px; height: 5px; width: 152px; position: relative; float: left; border-style: solid; border-color: black; } #new_review a.ui-slider-handle { margin: -4px 0px 2px -6px; padding: 1px 1px 2px 2px; width: 10px; text-decoration: none; height: 14px; } #new_review a.ui-slider-handle.voldoende { color: #608000 ; border-color: #608000; } #new_review a.ui-slider-handle.onvoldoende { color: #BF1417; border-color: #BF1417; } #new_review a.ui-slider-handle.tien { width: 16px; padding: 1px 2px 2px 1px; margin: -4px 0px 2px -10px; } #new_review_form select {width: 155px;} #new_review_form textarea {width: 300px;} #new_review_form label {width: 140px;} #new_review_form label.explicatie {width: 130px; display: inline; float: right; clear: none; } #new_review_form select {width: 155px;} #new_review_form input[type="radio"] {width: 14px;} #new_review_form input[type="checkbox"] {width: 14px;} #new_review_form br { clear: both; } #new_review_form span.help { width: 20px; height: 20px; float: right; background: transparent url(/images/help.png) no-repeat scroll 0px 0px; } span.stars { display: inline-block; width: 65px; height: 12px; margin-top: 2px overflow: hidden; background-image: url(../images/stars.png); background-repeat: no-repeat; } span.x50 { background-position: 0 0 } span.x45 { background-position: 0 -15px } span.x40 { background-position: 0 -30px } span.x35 { background-position: 0 -45px } span.x30 { background-position: 0 -60px } span.x25 { background-position: 0 -75px } span.x20 { background-position: 0 -90px } span.x15 { background-position: 0 -105px } span.x10 { background-position: 0 -120px } span.x05 { background-position: 0 -135px } #specs .wrapper td:nth-child(2) {width: 242px;} #serp.reviews #leftcol { margin: 20px 0px 0px 0px; width: 207px } #serp.reviews #maincol { margin: 20px 0px 20px 15px; width: 592px } #serp.reviews #rightcol{ margin: 20px 0px 20px 16px; width: 340px } #serp.reviews #facet_filter, #serp.reviews .facets { padding: 0px 15px 10px 15px; border: #d4d4d4 solid; border-width: 1px 1px 1px 1px; background: #f5f5f5; margin-bottom: 10px; } #serp.reviews .facets h2 { font-size: 16px; line-height: 24px; color: #004766; margin: 5px 0 -4px 0 } #serp.reviews .facets h3 { font-size: 14px; line-height: 18px; border-top: 1px #d9d9d9 solid; border-bottom: none; color: #004766; padding: 6px 0 0 0; margin: 7px 0 3px 0 } #serp.reviews .facets a.more { padding: 0 15px 0 0; background: url(/images/arrow_down.gif) right 5px no-repeat; font-weight: normal } #serp.reviews div.review {padding: 10px 0px 0px 0px; background-image: none;} #serp.reviews .review h2 {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 15px;} #serp.reviews .review ul {margin: 0px 0px 0px 110px; padding: 5px 0px 5px 10px; width: 482px; } #serp.reviews .review p {padding: 5px 0px 5px 15px; margin: 5px 0px 5px 15px; border-top-color: #D9D9D9; border-top-style: solid; border-top-width: 1px; } #serp.reviews .review p a {margin-left: 15px} #serp.reviews .review table {padding: 0px 0px 0px 20px; margin: 0px 0px 0px 100px;} #serp.reviews .review table td {width: 90px;} #serp.reviews .review table td.algemeen {width: 100px;} #serp.reviews .numofresults ul {width: 220px;} #serp.reviews .numofresults ul li {width: 218px; } #serp.reviews .numofresults ul li.active { background-repeat:repeat; } .review h2 a { padding-right: 25px } #facet_filter h2 { font-size: 16px; line-height: 24px; color: #004766; margin: 5px 0px -4px 0px; } #facet_filter .filters { margin: 4px 0px 0px 0px; padding: 4px 0px 0px 0px;border-top-color: #D9D9D9; border-top-style: solid; border-top-width: 1px;} #facet_filter .filter .header {color: #004766; } #facet_filter .clear-all, #facet_filter .filter .facet, #facet_filter .filter .clear { color: #007DB2; font-weight: bold;} #details.details div.review {padding: 10px 0px 0px 0px; background-image: none;} #details.details .review h3 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #details.details .review ul {margin: 0px 0px 0px 76px; padding: 5px 0px 5px 10px; width: 440px; } #details.details .review p {padding: 5px 0px 5px 0px; margin: 5px 0px 5px 0px; border-top-color: #D9D9D9; border-top-style: solid; border-top-width: 1px; } #details.details .review p a {margin-left: 0px} #details.details .review table {padding: 0px 0px 0px 00px; margin: 0px 0px 0px 77px;} #details.details .review table td {width: 90px;} #details.details .review table td.algemeen {width: 100px;} #details.details .review h3 { font-size: 16px; font-style: normal; color: #004766; margin-bottom: 5px; padding-top: 10px } #details.details .review h3 a { color: #007db3; text-decoration: none; padding-right: 20px; font-weight: bold; } #details.details .review h3 a:hover { color: #004766 } #details.details .review h3 span { font-size: 14px; vertical-align: top; font-weight: normal; padding-left: 10px; border-left: 1px #999999 solid } #details.details .review li{padding: 0px 0px 0px 0px; background-image: none;} #review_links {clear:both; padding: 30px 0px 20px 0px;} #review_links .organisation {float: left;} #review_links .event {float: right;} #product_label.loading {background: url(/images/loading.gif) right 5px no-repeat;} #maincol #new_review { border: none; background: #ffffff; padding: 10px 15px 5px; margin: 10px 0 15px } #maincol #new_review h2 { font-size: 16px; line-height: 20px; color: #004766; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px #d9d9d9 solid } #maincol #new_review_form label, #maincol #new_review_form select, #maincol #new_review_form .ui-slider-horizontal {width: 275px;} #maincol #new_review_form input {width: 270px;} #maincol #new_review_form textarea {width: 560px;} #maincol #new_review_form label.explicatie {width: 250px;} #maincol #new_review_form input[type="radio"] {width: 14px;} #maincol #new_review_form input[type="checkbox"] {width: 14px;} #infopage div.keurmerk {margin-top: 30px; clear: both; text-align: justify; width:720px;} #infopage div.keurmerk div.image-holder {display: inline-block; float: right; width: 130px; height: 50px; margin: 0px 0px 10px 10px; } #infopage div.keurmerk div.image-holder img {float: right; border: 1px solid grey; padding: 1px;} #infopage #maincol div.keurmerk h3 {margin-top: 5px; color: #004766; font-size: 12px; }