/* fix */
html,body,*,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,input { margin: 0; padding: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear: both; }
* html .clearfix { height: 1%; }
/* standard elements */
html { padding: 0; margin: 0; height: 100.01%; }
body { margin: 0; padding: 0; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; background-color: #1e3642; behavior: url('htc/csshover.htc'); }
img { border: 0; behavior: url('htc/pngbehavior.htc'); }
p { margin: 0; }
table { }
a { color: #ED1C24; text-decoration: none; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; }
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; }
div.contentpadding { width: 100%; border-left: 2em solid white; border-right: 2em solid white; }
a.gogo { padding-right: 2.8em; font-weight: bold; font-size: 11px; background: transparent url('../../images/portal/gogored_whitebg.gif') no-repeat right 0.4em; }
a.gogo:hover { background-image: url('../../images/portal/gogored_whitebg_hover.gif'); text-decoration: none; }
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert, span.formerror { color: #ff0000; }
/* -- framework -- */
div.wrapper { position: relative; width: 94.5em; /*height: 100%; height: auto !important;*/ height: 100%; margin: 0 auto; padding: 0; text-align: left; }
div.mainwrap { width: 94.5em; /*height: 96%;*/ background: #1e3642 url('../../images/portal/mainwrapper_shadowbg.gif') repeat-y right top; }
div.bgcontent { position: relative; width: 93em; height: auto !important; height: 100%; min-height: 100%; background-color: #FFFFFF; }
/* -- menu -- */
div.topmenu { padding: 0.8em 0 0.8em 0; width: 89em; }
div.topmenu img { float: left; }
div.topmenu ul { float: right; margin: 0; padding: 0; list-style-type: none; }
div.topmenu ul li { float: left; margin-left: 1.2em; }
div.topmenu ul li a { display: block; width: 153px; height: 23px; background: url('../../images/portal/button_white_bg.gif') no-repeat left top; color: #FFFFFF; font-weight: bold; text-align: center; line-height: 2.1em; }
div.topmenu ul li a:hover { background-position: left bottom; }
/* -- site bubble -- */
div.sitebubble { width: 89em; height: 30em; background: transparent url('../../images/portal/sitebubble_bg.jpg') no-repeat left top; }
div.sitebubble div.content { float: left; width: 42em; height: 24em; margin: 1.2em 0 0 1.2em !important; margin: 1.2em 0 0 0.6em; }
div.sitebubble div.content table tr td.fill { background-color: #FFFFFF; }
div.sitebubble div.content table tr td img.corner { width: 1.7em; height: 1.7em; }
div.sitebubble div.bubblearea { position: relative; float: right; width: 40em; height: 24em; margin: 1.2em 1.2em 0 0; }
div.sitebubble div.bubblearea div.bubbleitem { position: absolute; }
div.sitebubble div.bubblearea div.bubbleitem div img { width: 1em; height: 3em; }
div.sitebubble div.bubblearea div.bubbleitem div.left { float: left; width: 1em; height: 3em; }
div.sitebubble div.bubblearea div.bubbleitem div.center { float: left; height: 3em; padding: 0 0.5em; background: #FFFFFF url('../../images/portal/bubbleitem_center.gif') repeat-x left top; font-weight: bold; line-height: 28px; color: #000000; }
div.sitebubble div.bubblearea div.bubbleitem div.right { float: left; width: 1em; height: 3em; }
/* -- puzzle switch -- */
div.puzzleswitch { position: relative; width: 89em; height: 15.4em; background: transparent url('../../images/portal/puzzleswitch_bg.gif') no-repeat left top; }
div.puzzleswitch div a { display: block; width: 153px; height: 23px; background: url('../../images/portal/button_grey_bg.gif') no-repeat left top; color: #FFFFFF; font-weight: bold; text-align: center; line-height: 2.1em; }
div.puzzleswitch div a:hover { background-position: bottom; }
div.puzzleswitch div a span { padding-right: 40px; background: transparent url('../../images/portal/gogo_graybg.gif') no-repeat 12px 1px; }
div.puzzleswitch div.contentleft { float: left; width: 29.5em; padding-left: 100px; }
div.puzzleswitch div.contentleft a { position: absolute; bottom: 0.5em; left: 23em; }
div.puzzleswitch div.contentleft img { position: absolute; width: 14em; height: 20.5em; left: 0; bottom: 0; margin-left: -41px; margin-bottom: -1px; z-index: 1000; }
div.puzzleswitch div.contentright { float: right; width: 29.5em; padding-right: 100px; }
div.puzzleswitch div.contentright a { position: absolute; bottom: 0.5em; right: 9em; }
div.puzzleswitch div.contentright img { position: absolute; width: 14em; height: 20.5em; right: 0; bottom: 0; margin-right: -45px; margin-bottom: -1px; z-index: 1000; }
/* nextpage > opzoek */
div.puzzleswitchnextpageopzoek { margin-top: 5em; background: transparent url('../../images/portal/puzzleswitch_bg_nextpage-opzoek.gif') no-repeat left top; }
div.puzzleswitchnextpageexpert { margin-top: 5em; background: transparent url('../../images/portal/puzzleswitch_bg_nextpage-expert.gif') no-repeat left top; }
div.puzzleswitchnextpageneutral { margin-top: 5em; background: transparent url('../../images/portal/puzzleswitch_bg_neutral.gif') no-repeat left top; }
div.puzzleswitchnextpageneutral div a,
div.puzzleswitchnextpageopzoek div a,
div.puzzleswitchnextpageexpert div a { background: url('../../images/portal/button_lightgrey_bg.gif') no-repeat left top; }
/* -- main content -- */
div.maincontenthome { float: left; width: 89em; margin-top: 4em; padding-bottom: 8em; }
div.maincontenthome div h3 { margin: 2em 0 0 0; color: #535c63; font-size: 1.1em; font-weight: bold; }
div.maincontenthome div a.readmore { font-size: 1.1em; text-decoration: underline; color: #535C63; }
div.maincontenthome div a:hover { color: #9e2629; }
div.maincontenthome span.date { display: block; margin: 0.6em 0; font-size: 1em; color: #838689; }
div.maincontenthome div hr.headerhr { margin-top: 1.7em; height: 1px; border: 0px; background-color: #535c63; color: #535c63; }
div.maincontenthome div hr.itemhr { margin-top: 2.5em; height: 1px; border: 0px; background-color: #93999e; color: #93999e; }
div.maincontenthome div.containerheader { margin-left: 1em !important; margin-left: 0; margin-right: 1em !important; margin-right: 0; }
div.maincontenthome div.leftcontainer { float: left; width: 40em; }
div.maincontenthome div.rightcontainer { float: right; width: 42.3em; }
div.maincontenthome div div.listheader { border-bottom: 1px solid #535c63; min-height: 75px !important; height: 75px; }
/* nextpage */
div.maincontenthome div.textpane { width: 40em; }
div.maincontenthome div.menupane { }
/* nextpage > start application */
div.maincontenthome a.startapp { display: block; width: 426px; height: 155px; background: transparent url('../../images/portal/startapp_bg.jpg') no-repeat left top; }
html>/**/body div.maincontenthome a.startapp { height: 155px; }
div.maincontenthome a.startapp:hover { background-position: left bottom; }
/* nextpage > help pane */
div.maincontenthome div.helppane { margin-top: 18px; }
div.maincontenthome div.helppane a.paneheader { display: block; width: 423px; height: 130px; background: transparent url('../../images/portal/helppane_header_closed.jpg') no-repeat left top; }
div.maincontenthome div.helppane a.open { background: transparent url('../../images/portal/helppane_header_open.jpg') no-repeat left top; }
div.maincontenthome div.helppane a.paneheader:hover { background-position: left bottom; }
div.maincontenthome div.helppane div.panefooter { width: 42.6em; height: 4.9em; background: transparent url('../../images/portal/helppane_footer.jpg') no-repeat left top; }
div.maincontenthome div.helppane dl dt a { display: block; width: 42.4em; height: 23px; background: transparent url('../../images/portal/helppane_panebutton_bg.gif') repeat-x left top; border: 1px solid black; line-height: 23px; font-weight: bold; color: #FFFFFF; }
html>/**/body div.maincontenthome div.helppane dl dt a { width: 42.1em; }
div.maincontenthome div.helppane dl dt a:hover,
div.maincontenthome div.helppane dl dt a.opened { background-position: left bottom; color: #FFFFFF; }
div.maincontenthome div.helppane dl dt a span { padding-left: 2.6em; background: transparent url('../../images/portal/icon_pane_closed.gif') no-repeat 0.6em 0.1em; }
div.maincontenthome div.helppane dl dt a:hover span { padding-left: 2.6em; background: transparent url('../../images/portal/icon_pane_closed_hover.gif') no-repeat 0.6em 0.1em; }
div.maincontenthome div.helppane dl dt a span.open { background: transparent url('../../images/portal/icon_pane_opening.gif') no-repeat 0.6em 0.1em; }
div.maincontenthome div.helppane dl dt a span.closed { background: transparent url('../../images/portal/icon_pane_closing.gif') no-repeat 0.6em 0.1em; }
div.maincontenthome div.helppane dl dt div.itemheader { width: 42.3em; height: 86px; background-color: #7b8287; }
div.maincontenthome div.helppane dl dt div.itemheader img { float: left; border-right: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; }
div.maincontenthome div.helppane dl dd { /*width: 39.1em; */width: 39.2em; padding: 1.6em; background-color: #eaeced; border-left: 1px solid #000000; border-right: 1px solid #000000; }
html>/**/body div.maincontenthome div.helppane dl dd { width: 38.9em !important; }
div.maincontenthome div.helppane dl dd div.mceContentBody { width: 39.1em; }
/* contact formulier */
table.portalcontactform { }
table.portalcontactform tr td { padding-top: 6px; }
table.portalcontactform tr td label { padding-right: 16px; font-size: 1.1em; font-weight: bold; }
table.portalcontactform tr td input { width: 300px; padding: 2px 0; border: 1px solid #525C62; }
table.portalcontactform tr td textarea { width: 300px; border: 1px solid #525C62; }
table.portalcontactform tr td button { display: block; float: right; width: 153px; height: 23px; padding-bottom: 4px; margin-top: 12px; background: transparent url('../../images/portal/button_white_bg.gif') no-repeat scroll left top; color:#FFFFFF; line-height: 2.1em !important; line-height: 1.8em; font-weight: bold; border: 0; }
table.portalcontactform tr td button:hover { background-position: left bottom; cursor: pointer; }
table.portalcontactform tr td span.formrequired { margin-left: 2px; color: #AE3638; font-size: 0.9em; }
/* -- footer -- */
div.footer { display: inline-block; clear: both; bottom: 0; width: 94.5em; height: 25px; margin-bottom: -1px; background: #535C63 url('../../images/portal/mainwrapper_shadowbg.gif') repeat-y right top; }
div.footer ul { margin-left: 2.8em; list-style-type: none; }
div.footer ul li { float: left; line-height: 25px; color: #FFFFFF; }
div.footer ul li a { color: #FFFFFF; text-decoration: underline; }
div.footer ul li a:hover { color: #ED1C24; }
div.footer div.eu { float: right; padding-right: 1.8em; }
div.footer div.eu p { float: left; padding: 0; margin: 0; font-size: 0.9em; line-height: 24px; color: #d2d4d5; }
div.footer div.eu img { float: left; margin: 0.4em 0 0 0.8em; }