html { height: 100%; background: url(../../images/default/background.jpg) repeat-x fixed; }
body { font-family: arial, helvetica, sans-serif; font-size: 11px; behavior: url('htc/csshover.htc'); /* needed for hovermenu*/ }
div.wrapper { position: relative; width: 960px; margin: 0 auto; background:url(../../images/default/bg_shadow.png) repeat-y ; padding: 0 10px; }
div.bumper { height: 120px; }
div.top { height: 136px; background: url(../../images/default/bg_top.gif) no-repeat top; }
div.footpartners { background: #ffffff; width: 960px; overflow: hidden; }
div.footpartners div.padbox { padding: 10px; }
div.footpartners span.partnerlogo { padding: 0 15px; }
div.footpartners { text-decoration: none; }
div.foottagline { background: #f8af1f url(../../images/default/bg_shadow_orange.gif) repeat-x; height: 57px; text-align:center; width: 960px; }
div.footmenu { width: 960px; }
div.footmenu a.copy { position:absolute; right: 10px; margin-top: 10px; color: #ffffff; text-decoration: none; }
div.footmenu a.copy:hover { text-decoration: underline; }
div.footmenu ul { position: absolute; padding: 10px 0; }
div.footmenu ul li { float: left; color: #ffffff; }
div.footmenu ul li a { float: left; display: block; border-left: 1px solid #ffffff; color: #ffffff; text-decoration: none; padding: 0 5px; line-height: 1em; }
div.footmenu ul li a:hover { text-decoration: underline; }
div.footmenu ul li.first a { border: none; padding-left: 0px;}
.clear { clear:both; }
/* elementen buiten de flow */
img.logo { position: absolute; left: 27px; top: 0; }
ul.menu { position: absolute; top: 96px; left: 10px; }
ul.menu li { float: left; position: relative; }
ul.menu li a { float: left; display: block; padding: 0 8px; line-height: 42px; background: url(../../images/default/bg_menu.gif) no-repeat left; text-decoration: none; font-weight: bold; font-size: 1.2em; color: #000000; }
ul.menu li:hover a { color: #0084C2; }
ul.menu li.first a { background-image: none; }
ul.menu li.selected a { color: #FF9400; }
ul.menu li ul { display: none; position: absolute; width: 200px; margin-top: 40px; left: 0; border-bottom: 20px solid #92D4F1; }
ul.menu li:hover ul { display: block; background: #ffffff; }
ul.menu li:hover ul li { float: none; display: block; background: #77C8EE url(../../images/default/bg_submenu.gif) repeat-x bottom; padding-bottom:1px; }
ul.menu li:hover ul li a { float: none; background: none; line-height: 1.2em; font-size: 1em; padding: 5px 10px; color: #000000; }
ul.menu li:hover ul li a:hover { background-color: #ffffff; color: #FF9400; }
ul.language { position: absolute; top:-12px; right: 360px; }
ul.language li { float: left; }
ul.language li a { float: left; display: block; padding: 14px; background: url(../../images/default/bg_menu.gif) no-repeat left; text-decoration: none; font-weight: bold; color: #0095da; }
ul.language li.first a { background-image: none; }
form.searchbox { position: absolute; top: 70px; right: 380px; }
form.searchbox input.text { width: 104px; height: 18px; border: 1px solid #e5e6e7; margin: 0; padding:0; }
form.searchbox input.button { border: 1px solid #e5e6e7 ; background: #e5e6e7 url(../../images/default/sprt_search.gif) no-repeat 0px -100px; width: 20px; height: 20px; vertical-align: middle; /* sorry! - not valid css2.1 */ *vertical-align: text-bottom; }
div.founders { position: absolute; top: 13px; right: 20px; width: 160px; }
div.partnercarousel { position: absolute; top: 13px; right: 210px; width: 150px; height: 80px; }
div.partnercarousel h3.sifr { padding-left: 10px; }
div.partnercarousel div.imageholder { margin: 0 15px; width: 120px; height: 60px; overflow: hidden; }
div.partnercarousel div.imageholder ul { }
div.partnercarousel a.previous { position: absolute; height: 60px; width: 15px; background: #A3A5A8 url(../../images/default/sprt_partnertop.gif) no-repeat left; cursor: pointer; }
div.partnercarousel a.next { position: absolute; margin-left: 130px; height: 60px; width: 15px; background: #A3A5A8 url(../../images/default/sprt_partnertop.gif) no-repeat right; cursor: pointer; }
div.partnercarousel a.previous:hover { background-color: #77C8EE; }
div.partnercarousel a.next:hover { background-color: #77C8EE; }
ul.toplinks { position: absolute; top: 21px; right: 380px; }
ul.toplinks li { text-align: right; }
ul.toplinks li a { color: #000000; text-decoration: none; font-weight: bold; display: block; padding: 1px 0; }
ul.toplinks li a:hover { color: #92D4F3; }
/* homepage*/
div.introcontainer { background: #f8af1f url(../../images/default/bg_shadow_orange.gif) repeat-x; width: 960px; min-height: 320px; }
div.introcontainer h1 { color: #ffffff; padding: 0 0 20px 0; text-transform: uppercase; font-weight: normal; font-size: 1.6em; }
div.introtext { float: left; width: 340px; height: 320px; overflow: hidden; }
div.introtext ul { margin: 0.8em 1.6em; }
div.introtext ul li { color: #ffffff; font-size: 1.1em; list-style: disc; left: 1.6em; line-height: 1.1em; padding: 2px 0; }
div.introtext div.padbox { padding: 25px 0 0 20px; }
div.introimage { float: right; width: 600px; }
div.introtext a { color: #ffffff; }
div.introcolumns { background: url(../../images/default/bg_grid.gif); padding-top: 21px; }
div.testimonials { float: left; width: 580px; }
div.testimonialleft { float: left; width: 280px; background: #92d4f3; min-height: 460px; }
* html div.testimonialleft { height: 460px; }
div.testimonialleft h2 { color: #0095dc; }
div.testimonialleft h3 { color: #ffffff; margin-bottom: 8px; }
div.testimonialright { float: right; width: 280px; background: #f8af1f; min-height: 460px; }
* html div.testimonialright { height: 460px; }
div.testimonialright h2 { color: #ffffff; }
div.testimonialright h3 { color: #ffffff; margin-bottom: 8px; }
div.testimonials div.padbox { padding: 10px 20px; }
div.hpside { float: right; width: 360px; min-height: 460px; background: #79C9EF; }
* html div.hpside { height: 460px; }
div.hpside div.padbox { padding: 0 20px 10px 20px; }
div.spotlight { min-height: 200px; background: #FAC762; }
div.spotlight h2 { color: #0095dc; }
* html div.spotlight { height: 200px; }
div.actueel { min-height: 220px; background: #BAE5F9; }
* html div.actueel { height: 200px; }
div.actueel h2 { color: #ffffff; }
div.actueel h3 { color: #000000; }
div.introcolumns div.actueel a { color: #0084C2; }
div.introcolumns h2 { margin: 0 0 0 0; padding: 5px 0 5px 15px; font-size: 16px; line-height: 25px; height: 25px; }
div.introcolumns h3 { font-size: 1.2em; }
div.newsletter { min-height: 230px; }
div.newsletter div.padbox { clear :both; padding:0 15px 10px; }
* html div.newsletter { height: 250px; }
div.newsletter form ol li { background: #fac762; padding: 0 0 0 20px; margin: 4px 0; }
div.newsletter form label { font-size: 1.1em; color: #000000; font-weight: bold; display: inline-block; width: 90px; }
div.newsletter form input.text { background: #ffffff; border: 1px solid #FAC762; padding: 2px; width: 150px; }
div.newsletter form input.button { border: 1px solid #E5E6E7; background: #E5E6E7; color: #A3A5A8; font-weight: bold; float: right; margin-right: 20px; margin-bottom:5px; }
div.introcolumnsbumper { clear: both; height: 30px; }
div.introcolumns a { color: #ffffff; text-decoration: none; }
div.introcolumns a:hover { text-decoration: underline; }
div.introcolumns a.gogo { font-weight: bold; display: block; padding: 8px 0; color: #ffffff; text-decoration: none; }
div.introcolumns a.gogo:hover { text-decoration: underline; }
div.introcolumns h2 { padding: 0 20px; }
div.introcolumns span.date { padding: 6px 0 0 0 ; font-size: 1em; font-weight: normal; display: inline-block; }
div.introcolumns span.source { padding: 6px 0 0 0 ; font-size: 1em; font-weight: normal; display: inline-block; }
div.dlink { height: 26px; }
div.dlink a.dleft { float: left; }
div.dlink a.dright { float: right; }
/* vervolgpagina */
div.divider { height: 21px; background: url(../../images/default/bg_divider.gif) repeat-x -1px 0; border-left: 1px solid #ffffff; }
div.contentcontainer { background: url(../../images/default/bg_content.gif) repeat-y 0 -1px; }
div.content { float: right; width: 700px; overflow: hidden;}
div.content div.padbox { padding: 10px 40px 40px 0; }
div.item { background: #bae5f9; min-height: 160px; clear: both; margin-bottom: 20px; }
* html div.item { height: 160px; }
div.item div.image { float: left; width: 280px; height: 160px; }
div.item div.text { float: right; width: 360px; }
div.item div.padbox { padding: 10px 20px 10px 0; margin-bottom: -5px; }
div.item a.gogo { font-weight: bold; display: block; padding: 4px 0; color: #ffffff; text-decoration: none; }
div.item a.gogo:hover { text-decoration: underline; }
div.item h2 { font-size: 1.1em; padding: 0 0 6px 0; color: #0095dc; }
div.tstmnl { background: #bae5f9; min-height: 108px; clear: both; margin-bottom: 20px; }
* html div.tstmnl { height: 108px; }
div.tstmnl div.image { float: left; width: 189px; height: 108px; }
div.tstmnl div.text { float: right; width: 451px; }
div.tstmnl span.function { font-size: 0.8em; color: #0095dc; }
div.tstmnl div.padbox { padding: 10px 20px 10px 0; margin-bottom: -5px; }
div.item a.gogo { font-weight: bold; display: block; padding: 4px 0; color: #ffffff; text-decoration: none; }
div.item a.gogo:hover { text-decoration: underline; }
div.item h2 { font-size: 1.1em; padding: 0 0 6px 0; color: #0095dc; }
div.itemlist div.item a.gogo { font-weight: bold; display: block; padding: 4px 0; color: #ffffff; text-decoration: none; }
div.itemlist div.item a.gogo:hover { text-decoration: underline; }
div.newslist div.item a.gogo { font-weight: bold; display: block; padding: 4px 0; color: #ffffff; text-decoration: none; }
div.newslist div.item a.gogo:hover { text-decoration: underline; }
div.newslist span.type { font-weight: bold; color: #77C8EE; }
.mceContentBody ul.toc { margin: 0; padding: 0; left: 0;}
.mceContentBody ul.toc li { list-style: none; margin: 0; padding: 0; left: 0; }
ul.toc li a { font-weight: bold; text-decoration: none; background: #BAE5F9; display: block; border-bottom: 2px dotted #ffffff; padding: 3px 5px; color: #000000; }
ul.toc li a:hover { background: #77C8EE; }
div.side { float: left; width: 240px; padding: 0 0 80px 0; }
div.side ul { background-color: #bae5f9; padding: 0 0 20px 0; }
div.side ul li { background: url(../../images/default/bg_submenu.gif) repeat-x 0 bottom; padding-bottom:1px; }
div.side ul li a { display: block; padding: 10px 20px; color: #000000; text-decoration: none; font-weight: bold; font-size: 1.1em; }
div.side ul li a:hover { background-color: #92d4f1; }
div.side ul li.selected a { background-color: #77c8ee; }
div.side ul li.selected ul { padding: 0 0 10px 0; background-color: #77c8ee; }
div.side ul li.selected li { background-image: none; padding: 0; }
div.side ul li.selected li a { background-image: none; display: block; padding: 2px 20px 6px 30px; color: #ffffff; text-decoration: none; font-weight: normal; font-size: 1.1em; }
div.side ul li.selected li a:hover { background-image: none; color:#000000; }
div.side ul li.selected li.selected a { background-image: none; color:#000000; }
div.hruler { clear: both; background: #ffffff url(../../images/default/bg_hr.gif) repeat-x top; width: 960px; }
div.contentfoot { background: #f8af1f; padding: 18px; border-top: 40px solid #ffffff; line-height: 18px; clear:both; }
div.contentfoot a { color: #ffffff; }
div.contentfoot a:hover { text-decoration: underline; }
div.contentfoot p { padding: 0 100px 0 0; }
div.small { width: 404px; }
div.wide { width: 624px; }
div.contentfoot ul,
div.contentfoot ol { padding: 4px 0px 8px 16px; }
div.contentfoot li { margin-bottom: 2px; list-style: disc; }
div.contentfoot li a { color: #000000; text-decoration: none; }
div.contentfoot li a:hover { text-decoration: underline; }
div.contentfoot div.service { float: right; }
div.service a { text-decoration: none; color: #000000; padding: 0px 0px 5px 20px; display: block; width: 70px; }
div.service a:hover { color: #ffffff; }
div.service a.print { background: url(../../images/default/sprt_service.gif) no-repeat 0 2px; }
div.service a.sendlink { background: url(../../images/default/sprt_service.gif) no-repeat 0 -48px; }
div.contentfoot strong { color: #ffffff; }
a.gogo { font-weight: bold; display: block; padding: 4px 0; color: #F8AF1F; text-decoration: none; }
a.gogo:hover { text-decoration: underline; }
/* content met aa article */
div.contentcolumn { float: left; width: 480px; overflow: hidden; }
div.attentionculumn { float: right; width: 200px; }
div.attentionculumn h3 { background: #f8af1f; color: #000000; font-size: 1.1em; padding: 8px 18px; }
div.attentionculumn div.padbox { background: url(../../images/default/bg_hr.gif) repeat-x bottom; padding: 10px; text-align: center; }
div.attentionculumn div.sfeer div { padding: 20px 5px 0 0; color: #9ed9f4; font-style: italic; font-weight: bold; font-size: 12px; line-height: 16px; }
/* projectcolumn */
div.projectcolumn { float: right; width: 200px; background:url(../../images/default/vertical_dot.gif) repeat-y left 0 ; }
div.projectcolumn h3 { background: #f8af1f; color: #000000; font-size: 1.1em; padding: 8px 18px; }
div.projectcolumn div.padbox { background: url(../../images/default/bg_hr.gif) repeat-x bottom; padding: 10px; text-align: center; }
/* partnercolumn */
div.partnercolumn { float: right; width: 170px; padding-top:20px; padding-right:30px; }
div.partnercolumn h3 { background: #f8af1f; color: #000000; font-size: 1.1em; padding: 8px 18px; }
/* lijstweergave */
div.itemlist { clear: both; margin-bottom: 20px; padding-bottom: 10px; background: url(../../images/default/bg_hr.gif) repeat-x bottom; }
div.itemlist div.image { float: left; width: 280px; height: 160px; }
div.itemlist div.text { float: right; width: 360px; }
div.itemlist div.padbox { padding: 0 20px 10px 0; margin-bottom: -5px; }
div.itemlist a.gogo { font-weight: bold; display: block; padding: 4px 0; color: #F8AF1F; text-decoration: none; }
div.itemlist a.gogo:hover { text-decoration: underline; }
div.itemlist h2 { font-size: 1.1em; padding: 0 0 6px 0; color: #0095dc; }
/* news weergave */
div.newslist { clear: both; margin-bottom: 20px; padding-bottom: 10px; background: url(../../images/default/bg_hr.gif) repeat-x bottom; }
div.newslist div.image { float: left; width: 190px; height: 160px; }
div.newslist div.text { float: right; width: 450px; }
div.newslist div.textfull { width: 640px; }
div.newslist div.padbox { padding: 0 20px 10px 0; margin-bottom: -5px; }
div.newslist a.gogo { font-weight: bold; display: block; padding: 4px 0; color: #F8AF1F; text-decoration: none; }
div.newslist a.gogo:hover { text-decoration: underline; }
div.newslist h2 { font-size: 1.1em; padding: 0 0 6px 0; color: #0095dc; }
div.newslist h3 { padding: 0; }
a.pagenav { text-decoration: none; font-weight: bold; font-size: 1.1em; color: #000000; }
/* formulier */
div.content form { background: #d9f5fd; }
div.content form div { background: #b7e2f3; padding: 1px 20px; margin: 6px 0; }
div.content form div.trans { background: #d9f5fd; }
div.content form div.transsmall { background: #d9f5fd; }
div.content form h4 { padding: 10px 20px 5px 20px; }
div.content form label { font-weight: bold; width: 200px; display: block; float: left; line-height: 20px; }
div.content form div.formsmall label { width: 150px; }
div.content form input.text { border: 1px solid #ffffff; background: #ffffff; width: 300px; padding: 2px; }
div.content form input.checkbox { }
div.content form input.file { }
div.content form input.image { }
div.content form input.password { border: 1px solid #ffffff; background: #ffffff; width: 300px; padding: 2px; }
div.content form input.radio { }
div.content form input.reset { }
div.content form input.submit { }
div.content form select { border: 1px solid #ffffff; background: #ffffff; width: 306px; padding: 2px; }
div.content form select option { }
div.content form textarea { border: 1px solid #ffffff; background: #ffffff; width: 300px; padding: 2px; }
div.content form input.submit,
div.content form input.button,
div.content form button { float: right; margin-right: 114px; border: 1px solid #1a8ec4; background: #1a8ec4; color: #ffffff; font-weight: bold; }
div.content form div.transsmall input.submit,
div.content form div.transsmall input.button,
div.content form div.transsmall button { margin-right: 44px; }
div.content form input.small { float: none; margin-bottom: 5px; }
div.content form div.captcha { padding: 0px; }
div.content form div.captcha button { float: none; margin-bottom: 5px; }
/* tell a frind */
.tellafriend { z-index:9999; position:fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -250px; width: 500px; background: #D9F5FD; border: 1px solid #F8AF1F; font-size: 1.1em; }
.tellafriend label { padding-right: 10px; font-weight: bold; }
.tellafriend table { width: 100%; }
.tellafriend table td { background: #B7E2F3; padding: 2px 10px; border-top: 3px solid #D9F5FD; }
.tellafriend input.text { border:1px solid #FFFFFF; padding:2px; }
.tellafriend h1 { padding: 10px; }
.tellafriend span.formerror { color: #ff0000; }
a.tellafriend_close { position: absolute; right: 10px; top: 10px; color: #FF9400; font-weight: bold; }
a.tellafriend_close:hover { color: #ff0000; }
.tellafriend input.button { border: 1px solid #1a8ec4; background: #1a8ec4; color: #ffffff; font-weight: bold; margin: 10px; }
.show { display: block; visibility: visible; }
.hide { display: none; visibility: hidden; }
a.rss { font-weight: bold; text-decoration: none; position: absolute; left:909px; }
div.sitemap a { text-decoration: none; line-height: 1em; }
div.sitemap a:hover { background: #77C8EE; color: #ffffff; }
div.sitemap ul { padding-bottom: 5px; }
div.sitemap ul li { border-top: 1px dotted #ffffff; background: #BAE5F9; }
div.sitemap ul li a { background: #77C8EE; color: #ffffff; display:block; padding: 6px 3px 6px 10px; font-size: 1.2em; font-weight: bold; }
div.sitemap ul li ul li a { background: #BAE5F9; padding: 6px 2px 6px 30px; font-size: 1.1em; color: #000000; }
div.sitemap ul li ul li ul li a { padding: 4px 2px 4px 50px; font-size: 1.1em; color: #000000; font-weight: normal; }
div.sitemap ul li ul li ul li a { padding: 3px 2px 3px 70px; font-size: 1.1em; color: #000000; font-weight: normal }
.date { font-size: 1.1em; font-style: italic; padding: 5px 0; display: block; font-weight: bold; }
div.contactoverlay { position: absolute; background: #BAE5F9; margin: -10px 0 0 -260px; padding: 18px; width: 205px; font-size: 1.1em; }
div.contactoverlay a { color: #1A8EC4; }
div.contactoverlay h2 { color: #ffffff; font-size: 1.8em; padding-bottom: 10px; }
/*pagination*/
div.pagination { text-align:right; margin-top:20px;}
div.pagination ul { display:inline-block; list-style-type:none; margin:0 0 10px 0; }
div.pagination ul li { float:left; margin:0 5px 0 0; }
div.pagination ul li a { text-decoration:none; display:block; color:#000000; border:1px solid #77C8EE; background:#BAE5F9; padding:3px 6px; font-weight:bold; }
div.pagination ul li:hover a { background:#77C8EE; }
div.pagination ul li.selected a { background:#F8AF1F; color:#FFFFFF; border:1px solid #F8AF1F; }
div.pagination ul li.inactief a { color:#9E9E9E; border:1px solid #9E9E9E; background:none; cursor:default; }
div.pagination ul li.jump a { font-weight:normal; background:none; border:1px solid #BAE5F9; }
div.pagination ul li.jump:hover a { font-weight:normal; background:#BAE5F9; border:1px solid #77C8EE; }
div.pagination ul li.jump a.inactief{ color:#9E9E9E; background:none; cursor:default; border:none; }
div.pagination div.results { font-style:italic; color:#9E9E9E; }
/* Partnerlogo's*/
.partnerlogo { display: inline-block; width: 120px; height: 60px; line-height:60px; text-align: center; }
/* Projectpartner view */
.projectpartner { margin: 20px 0 10px; }
.projectpartner img { margin-right: 20px; }
/* light box */
div.lightbox { position: absolute; left: 0em; width: 100%; z-index: 100; text-align: center; line-height: 0em; }
div.lightbox a img { border: none; }
div.outerimagecontainer { position: relative; background-color: #ffffff; width: 250px; height: 250px; margin: 0em auto; }
div.imagecontainer { padding: 10px; }
div.loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0em; }
div.hovernav { position: absolute; top: 0em; left: 0em; height: 100%; width: 100%; z-index: 10; }
div.imagecontainer>div.hovernav { left: 0em; }
div.hovernav a { outline: none; }
a.prevlink, a.nextlink { width: 49%; height: 100%; background: transparent url('../../images/default/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block; }
a.prevlink { left: 0em; float: left; }
a.nextlink { right: 0em; float: right; }
a.prevlink:hover, a.prevlink:visited:hover { background: url('../../images/default/lightbox/prevlabel.gif') left 15% no-repeat; }
a.nextlink:hover, a.nextlink:visited:hover { background: url('../../images/default/lightbox/nextlabel.gif') right 15% no-repeat; }
div.imagedatacontainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #ffffff; margin: 0em auto; line-height: 1.4em; overflow: auto; width: 100% }
div.imagedata { padding:0 10px; color: #666; }
div.imagedata div.imagedetails { width: 70%; float: left; text-align: left; }
div.imagedata span.caption { font-weight: bold; }
div.imagedata span.numberdisplay { display: block; clear: left; padding-bottom: 1.0em; }
div.imagedata a.bottomnavclose { width: 66px; float: right; padding-bottom: 0.7em; }
div.overlay { position: absolute; top: 0em; left: 0em; z-index: 90; width: 100%; height: 500px; background-color: #000000; }