/* general styles */
* {	padding: 0; margin: 0 }
html { width: 100%; height: 100%; background: #e5e5e5 url(/images/html_bg.gif) left top repeat-x; background-attachment:fixed; }
body { width: 100%; min-height: 101%; background: url(/images/body_bg.gif) center top repeat-y; position: relative }
body,td,p { vertical-align: top; font: 12px/17px Arial, Helvetica, sans-serif; color: #333333 }
p,ul,table { margin: 0 0 10px 0 }
td { padding-right: 20px }
p.small { font-size: 11px }
ul { list-style: none }
img { border: 0 }
a { color: #006dae; text-decoration: none; font-weight: bold }
a:hover { color: #388c00; text-decoration: underline }

#main { background: url(/images/main_bg.gif) center top no-repeat; padding-bottom: 46px }
.container { margin: 0 auto; padding: 0; width: 975px; overflow: hidden; background: #ffffff; position: relative }

#header { width: 100%; height: 152px; overflow: hidden; background: url(/images/header_bg.jpg) no-repeat; position: relative }
#header h1 a { position: absolute; width: 446px; height: 84px; left: 30px; top: 13px; text-indent: -999px; overflow: hidden; background: url(/images/header_logo.gif) no-repeat }
#header h2 { position: absolute; width: 246px; height: 21px; left: 229px; top: 83px; text-indent: -999px; overflow: hidden; background: url(/images/header_payoff.gif) no-repeat }
#header a#kluwer { position: absolute; right: 0; top: 28px; width: 171px; height: 45px; overflow: hidden }

#menu { width: 100%; height: 34px; overflow: visible; position: relative; z-index: 1; background: url(/images/menu_bg.gif) repeat-x }
#menu ul.tabs { overflow: visible }
#menu ul.tabs li { position: absolute; top: 6px; z-index: 1 }
#menu ul.tabs li a { display: block; height: 28px; overflow: hidden; background-position: left top; background-repeat: no-repeat; text-indent: -999px }
#menu ul.tabs li a:hover, #menu ul.tabs li:hover > a { background-position: left -28px }
#menu ul.tabs li a.active { background-position: left -56px }
#menu ul.tabs li.home { left: 23px }
#menu ul.tabs li.ict { left: 102px }
#menu ul.tabs li.hr { left: 164px }
#menu ul.tabs li.facility { left: 222px }
#menu ul.tabs li.blogs { left: 311px }
#menu ul.tabs li.whitepapers { left: 388px }
#menu ul.tabs li.dossiers { left: 513px }
#menu ul.tabs li.partners { left: 611px }
#menu ul.tabs li.kluwer { left: 706px }
li.home a { background-image: url(/images/menu_home.gif); padding-left: 71px }
li.ict a { background-image: url(/images/menu_ict.gif); padding-left: 54px }
li.hr a { background-image: url(/images/menu_hr.gif); padding-left: 50px }
li.facility a { background-image: url(/images/menu_facility.gif); padding-left: 81px }
li.blogs a { background-image: url(/images/menu_blogs.gif); padding-left: 69px }
li.whitepapers a { background-image: url(/images/menu_whitepapers.gif); padding-left: 117px }
li.dossiers a { background-image: url(/images/menu_dossiers.gif); padding-left: 90px }
li.partners a { background-image: url(/images/menu_partners.gif); padding-left: 87px }
li.kluwer a { background-image: url(/images/menu_specials.gif); padding-left: 80px }
#menu ul.tabs li table { display: none }
#menu ul.tabs li table tr td { padding: 0 }
#menu ul.tabs li table tr td a { display: block; height: 24px; line-height: 24px; color: #ffffff; font-weight: bold; text-decoration: none; background: #5cb3e6 url(/images/submenu_link_bg.gif) repeat-x; white-space: nowrap; text-indent: 0; font-size: 12px; padding: 0 12px }
#menu ul.tabs li table tr td a:hover { background: #68a629 url(/images/submenu_hover_bg.gif) repeat-x }
#menu ul.tabs li table tr.top td { height: 6px; background: #5cb3e6 url(/images/submenu_top_bg.gif) repeat-x; overflow: hidden; padding: 0 }
#menu ul.tabs li table tr.top + tr td a { height: 23px; background-position: left -1px }
#menu ul.tabs li table tr.bottom td { margin-top: -10px; border-top: 1px #54b2e8 solid }
#menu ul.tabs li table tr.bottom td.left { background: url(/images/submenu_bottom_left_bg.png) left top no-repeat; padding: 0 }
#menu ul.tabs li table tr.bottom td.right { background: url(/images/submenu_bottom_right_bg.png) right top no-repeat; padding: 0 }
#menu input.text { position: absolute; left: 804px; top: 8px; width: 136px; height: 19px; padding: 2px 0 0 6px; border: none; background: url(/images/searchbox_bg.gif) left top no-repeat; color: #666666; font-size: 11px }
#menu input.image { position: absolute; left: 940px; top: 8px; width: 20px; height: 19px; background: url(/images/button_search.gif) left top no-repeat }
#menu input.image:hover { background-position: left -19px }

#features { height: 101px; background: url(/images/features_bg.gif) repeat-x }
#poll { float: left; display: inline; width: 550px; height: 94px; margin: 0px 0 0px 30px; background: url(/images/features_seperator.gif) right 14px no-repeat; position: relative; overflow: hidden }
#poll h2 { font-size: 12px; color: #007ac0; line-height: 16px; margin: 14px 0 2px; text-indent: 5px }
#poll h3 { font-size: 16px; font-weight: normal; font-style: italic; width: 328px; color: #6a676e; line-height: 21px; text-indent: -5px; margin-left: 3px }
#poll #eens { position: absolute; left: 399px; top: 31px }
#poll #oneens { position: absolute; left: 339px; top: 31px }
#poll #lbl_eens, #poll #lbl_oneens { position: absolute; top: 18px; width: 46px; height: 76px; overflow: hidden; text-indent: -999px; cursor: pointer }
#poll #lbl_eens { left: 399px; background: url(/images/thumb_up.gif) }
#poll #lbl_oneens { left: 339px; background: url(/images/thumb_down.gif) }
#poll #lbl_eens:hover, #poll #lbl_oneens:hover { background-position: -46px top }
#poll a { position: absolute; left: 458px; top: 31px; width: 67px; height: 23px; text-indent: -999px; background: url(/images/button_stemnu.gif) no-repeat }
#poll a:hover { background-position: left -23px }
#special { float: left; display: inline; width: 210px; height: 90px; overflow: hidden; background: url(/images/features_seperator.gif) right 14px no-repeat; position: relative }
#special img { float: left; display: inline; margin: 14px 10px 0 17px; width: 46px; height: 68px }
#special h2 { color: #007ac0; font-size: 12px; line-height: 16px; margin: 11px 0 5px; float: left; display: inline; width: 100px }
#special p { color: #6a676e; font-size: 11px; line-height: 15px; font-weight: normal; float: left; display: inline; width: 100px; margin-left: 1px }
#special p a { text-decoration: none }
#special p a span { text-decoration: underline }
div.partners { float: left; display: inline; width: 170px; height: 90px; overflow: hidden; background: url(/images/logobox_bg.gif) 14px 31px no-repeat }
div.partners h2 { color: #007ac0; font-size: 12px; line-height: 16px; margin: 11px 0 10px 14px }
div.partners img { float: left; display: inline; margin-left: 24px }

#crumb { padding-top: 4px; margin: 0 0 10px 35px; color: #787878; font-size: 11px; width: 100% }
#crumb a { padding-right: 15px; background: url(/images/arrow_crumb.gif) right 4px no-repeat; margin-right: 4px; color: #007ac0; font-weight: normal }

h1 { float: left; display: inline; font: bold 24px/40px Arial, Helvetica, sans-serif; color: #4c4c4c; margin: -2px 0 -10px 39px; padding: 0; height: 50px }
h1 span { font-weight: normal; padding-left: 10px; margin: 6px; border-left: 1px #006eac solid; line-height: 28px }
h1.dossier { margin-left: 28px; padding-left: 65px; background: url(/images/visual_dossier.gif) no-repeat }
h1.resultaten { margin-left: 28px; padding-left: 65px; background: url(/images/visual_resultaten.gif) no-repeat }

#twitter { float: right; display: inline; margin-right: 20px; margin-top: -10px }

#infotypes { float: right; display: inline; margin: 10px 9px 0 0 }
#infotypes li { float: left; display: inline; margin-right: 18px }
#infotypes li a { display: block; padding-left: 12px; background: url(/images/arrow_submenu.gif) 3px 5px no-repeat; font-weight: bold }

#leftcol { float: left; display: inline; margin: 0 20px 0 24px; width: 580px; overflow: visible }
#leftcol h2 { height: 25px; background: url(/images/leftcol_h2_bg.gif) no-repeat; font: bold 14px/26px Arial, Helvetica, sans-serif; color: #ffffff; padding-left: 15px; margin: 19px 0 0 0; overflow: hidden; position: relative }
#leftcol h2 span { position: absolute; font-weight: normal; right: 12px; font-size: 12px }
.block { padding: 15px 10px 1px 15px; background: #f0f0f0 url(/images/column_bg.gif) repeat-x; margin-bottom: 25px; border-top: 1px #bfbfbf solid }
.block img.left { float: left; display: inline; border: 1px #bfbfbf solid; padding: 1px; margin: 2px 18px 14px 0 }
.block img.right { float: right; display: inline; border: 1px #bfbfbf solid; padding: 1px; margin: 19px 0 14px 18px }
.block a:hover img.left, .block a:hover img.right { border: 1px #006dae solid }
.block p { font-size: 12px }
.block p span { color: #808080; padding-right: 3px; font-size: 11px }
.block h3.first { font: bold 16px/21px Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 0 }
.block h3.title { font: bold 18px/24px Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 12px }
.block h3 { font: bold 14px/17px Arial, Helvetica, sans-serif; color: #333333; margin-bottom: 0 }
.block h3 span { display: block; font: 11px/17px Arial, Helvetica, sans-serif; color: 666666; font-weight: normal }
.block h4 { font: 14px/17px Arial, Helvetica, sans-serif; color: #4d4d4d; margin-bottom: 12px; font-weight: normal; font-style: italic }
.block h5 { font: bold 14px/17px Arial, Helvetica, sans-serif; color: #4d4d4d; margin: 0 0 12px 0 }
/*.block p + ul { margin-top: -17px }*/
.block a.more { padding-left: 12px; background: url(/images/arrow.gif) 3px 5px no-repeat; font-weight: normal; white-space: nowrap }
.block a.all { padding-left: 12px; background: url(/images/arrow2.gif) 2px 5px no-repeat; font-weight: bold }
.block li { padding-left: 10px; background: url(/images/bullet.gif) left 8px no-repeat }
.block ul.links { margin-top: 5px }
.block ul.links li { padding-left: 12px; background: url(/images/arrow2.gif) 2px 5px no-repeat }
.block img.icon { float: left; display: inline; width: 80px; margin: 0 10px 0 0 }
.block img.special { float: left; display: inline; width: 81px; margin: 0 9px 0 0 }
.block p.intro { float: left; display: inline; font-size: 11px; color: #006199; line-height: 15px }
#leftcol .block p.intro { width: 454px }
#rightcol .block p.intro { width: 210px }
#col1 .block p.intro, #col2 .block p.intro { width: 332px }
.rectangle { margin-bottom: 25px; width: 336px; height: 280px; overflow: hidden }
#pages { height: 17px; width: 100%; overflow: hidden }
#pages li { float: left; display: inline; padding: 0 0 0 9px; margin-left: 9px; border-left: 1px #3685b3 solid; font-weight: bold; line-height: 15px; background: none }
#pages li.prev a { display: block; width: 11px; height: 15px; text-indent: -999px; overflow: hidden; background: url(/images/arrow_prev.gif) left 4px no-repeat }
#pages li.prev { border: none; padding: 0; margin: 0 }
#pages li.prev + li, #pages li.next { border: none; margin: 0 }
#pages li.next a { display: block; width: 11px; height: 15px; text-indent: -999px; overflow: hidden; background: url(/images/arrow_next.gif) left 4px no-repeat }

#partners li { padding: 0; background: none; margin: 15px 0; border-bottom: 1px #cccccc solid }
#partners li span { display: block; margin: 10px 0 15px }

#rightcol { float: left; display: inline; margin: 0; width: 336px; position: relative }
#rightcol h2 { height: 25px; background: url(/images/rightcol_h2_bg.gif) no-repeat; font-size: 14px; font-weight: bold; color: #ffffff; line-height: 26px; padding-left: 15px; margin: 19px 0 0 0; overflow: hidden }

#col1,#col2 { float: left; display: inline; margin: 0 20px 0 24px; width: 458px; position: relative }
#col2 { margin: 0 }
#col1 h2,#col2 h2 { height: 25px; background: url(/images/maincol_h2_bg.gif) no-repeat; font-size: 14px; font-weight: bold; color: #ffffff; line-height: 26px; padding-left: 15px; margin: 19px 0 0 0; overflow: hidden }

/* congres */
#congres #leftcol { float: right; width: 680px }
#congres #leftcol h2 { font-size: 25px; line-height: 30px; height: 30px; font-weight: normal; color: #73b338; margin: 0 0 12px; background: none; padding: 0; margin-top: 12px }
#congres .block h3 { margin-bottom: 12px }
#congres #leftcol .block { padding: 15px 0 1px 0; background: none }
#congres #rightcol { float: right; width: 217px }
#congres #rightcol h2 { background-image: url(/images/submenu_h2_bg.gif) }
#congres #rightcol .block { padding: 10px 0 0 0; background: #e8e8e8 url(../images/submenu_bg.gif) left 10px repeat-x; border: none; height: 434px }
#congres #rightcol ul { border-bottom: 1px #f4f4f4 solid }
#congres #rightcol li { height: 24px; border-top: 1px #cccccc solid; border-bottom: 1px #dddddd solid; background: #e8e8e8; padding: 0 }
#congres #rightcol li a { display: block; margin: 3px 0 2px; font-size: 15px; color: #787878; font-weight: bold; line-height: 19px; text-indent: 17px; text-decoration: none }
#congres #rightcol li a:hover { background: #73b338; color: #ffffff }
#congres #rightcol li.act a { background: #73b338 url(../images/congres_submenu_hover_bg.gif) right top no-repeat; color: #ffffff }
#congres #form li { width: 680px }
#congres #speakers { margin-left: -25px }
#congres #speakers li { float: left; display: inline; padding: 0; background: none; width: 320px; height: 115px; margin: 0 0 25px 25px; overflow: hidden }
#congres #speakers li img { float: left; display: inline; margin: 0 15px 0 0; width: 120px; height: 120px; background: #e8e8e8  }
#congres #workshops h4 { color: #73b338; font-weight: bold; font-size: 12px; font-style: normal; margin: 0 0 5px 0 }
#congres #workshops li { padding: 0; background: none; border: none }
#congres #workshops p { margin: 0 0 10px 0 }
#congres #workshops p + ul { margin-top: -10px }
#congres p.small { color: #666666; font-size: 11px; margin: 0 0 10px 0 }
body.workshop #leftcol img.spreker { float: left; clear: left; display: inline; margin: 0 15px 15px 0; width: 120px; height: 120px; background: #e8e8e8 }
body.workshop #leftcol h5, body.workshop #leftcol p, body.workshop #leftcol ul { margin-left: 135px }
#program { margin-top: -15px }
#program td { padding: 8px; background: #f8f8f8; text-align: left; vertical-align: top; border-bottom: 1px #919191 solid; line-height: 18px }
#program td span { white-space: nowrap }
#program td em { font-size: 11px }
#program td.type { background: #e2e2e2; color: #73b338; font-weight: bold }
#program td br + a { padding-left: 12px; background: url(/images/arrow.gif) 2px 4px no-repeat }

#congres #form select { width: 160px }
#congres #form select + label { display: none }
#congres #form label + label { width: 160px }
#congres #form label strong { display: block }

/* formulieren */
input,select,textarea { font: 12px/18px Tahoma, Arial, Helvetica, sans-serif; color: #333333 }
input.text { line-height: 14px; height: 15px; padding-top: 1px; text-indent: 3px; width: 300px }
input.checkbox, input.radio { float: left; display: inline; margin: 5px 5px 0 0 }
select { height: 20px; margin-right: 10px }
textarea { height: 60px; width: 300px }
#form { float: left; display: inline; list-style: none; overflow: hidden; margin-bottom: 15px; margin-top: -8px }
#form li { float: left; display: inline; clear: both; width: 550px; overflow: hidden; margin: 3px 0 0 0; padding: 5px 0 0 0; background: none }
#form li input.text { float: left; display: inline; margin-right: 10px }
#form li label { float: left; display: inline; padding: 2px 10px 0 0 } 
#form li label.left { width: 140px }
#form li label.man { font-weight: bold; background: url(/images/ster.gif) right 6px no-repeat }
#form li span { float: left; display: inline; padding: 2px 8px 0 2px }
#form li select { float: left; display: inline }
#form li textarea { float: left; display: inline }
#form li p { margin: 0 }
#verstuur { float: left; display: inline; clear: both; margin: 10px 0 20px 0; background: url(/images/button_verstuur.gif) no-repeat }
#verstuur:hover { background-position: 0 -20px }
.error { font-weight: bold; color: #cc0000 }

/* general */
.end { clear: both; width: 100%; height: 0px; overflow: hidden }
div.line { clear: both; margin: 8px 0; border-top: 1px #cbcbcb solid; border-bottom: 1px #ffffff solid; height: 0px; overflow: hidden }

#footermenu { width: 100%; height: 32px; background: url(/images/footer_bg.gif) repeat-x; overflow: hidden }
#footermenu li { float: right; display: inline; height: 15px; margin-right: 8px; padding-right: 8px; margin-top: 8px; color: #ffffff; font-weight: bold; font-size: 11px }
#footermenu li#copy { float: left; margin-left: 39px }
#footermenu li + li { border-right: 1px #b0e695 solid }
#footermenu li#copy + li { border: none }
#footermenu li a { color: #ffffff }

#sponsors { margin: 0 15px 8px 19px; width: 941px; overflow: hidden; padding-top: 4px }
#sponsors p { padding-left: 20px; font-size: 11px; margin-bottom: -6px }
#sponsors ul { float: left; display: inline; padding-left: 20px; width: 945px; background: url(/images/footer_logos_line.gif) left 78px repeat-x; margin-bottom: -2px }
#sponsors ul li { float: left; display: inline; padding-right: 22px; margin: 18px 22px 16px 0; height: 46px; border-right: 1px #cccccc solid }

#footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 46px; background: #e5e5e5 url(/images/bottom_bg.gif) center top no-repeat }

.recaptcha input { position: absolute; left: 0; }