html,body { margin: 0; padding: 0; width:100%; height:100%; overflow:hidden; }
body { font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%; }
/* standard elements */
/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q,
small, strong, sub, sup, var,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
body { behavior: url('htc/csshover.htc'); } /*needed for hovermenu in IE 5/6*/
div.scroller { position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2; background:#f18812; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; clear:both; }
* html .clearfix {height: 1%;}
/* quicklink */
div.quicklink { position: absolute; left: -1000em; }
/* positioning */
div.wrapper { left:50%; margin-left:-485px; padding-top:38px; position:absolute; width:970px; height:95.6%; }
div.contentcontainer { float: right; width: 758px; margin:0 0 30px; }
div.menucontainer { float: left; width: 210px; }
div.content { float: left; width: 510px; background: #ffffff; }
div.contentfull { width: 758px; }
div.side { float: right; width: 230px; }
/* content */
div.content div.padbox { padding: 30px; min-height: 450px; }
* html div.content div.padbox { height: 450px; }
div.content div.hpcolumnboxen { display:inline-block; }
div.content div.hpcolumn { float: left; width: 200px; margin:0 0 0 25px; }
div.content div.firsthp { margin:0 25px 0 0; }
/*newsitem frontpage*/
div.newsitem { background:url(../../images/default/bullet.gif) 0 4px no-repeat; padding:0 0 0 17px; margin:10px 0 15px; zoom:1; }
div.newstitle { display:block; }
div.newstitle h2 { float:left; width:142px; margin:0.5em 0; }
div.foot { text-align: right; padding: 0 20px 0 0; line-height: 22px; color: #FFFFFF; font-size: 1.1em; background:#ce171e; clear: both; }
div.foot a { color: #FFFFFF; text-decoration: none; padding: 0 5px 0 12px; }
div.foot a:hover { text-decoration: underline; color: #FFFFFF; }
div.foot a.pageback { background:url(../../images/default/arrow_back_white.gif) 0 52% no-repeat; }
div.foot a.pagetop { background:url(../../images/default/arrow_top.gif) 0 50% no-repeat; }
/* servicemenu */
div.topmenu { position: absolute; top: 0; background: #0071bb; height: 25px; width: 230px; right:50%; margin-right:-485px;}
ul.servicemenu { position: absolute; top: 0; left: 5px; }
ul.servicemenu li { display: block; float: left; }
ul.servicemenu li a { display:inline-block; margin: 0.5em 0; padding: 2px 5px; font-size: 1.1em; line-height: 1em; color: #ffffff; text-decoration: none; }
ul.servicemenu li a:hover { color: #000000; }
ul.servicemenu li.first a { border: none; }
ul.servicemenu li input.text { width:80px; border:1px solid #0063a5; margin:2px 0 0 5px; padding:1px; font-size:1.2em; color:#0071BB; }
ul.servicemenu li input.button { border:none; background:none; color:#FFFFFF; cursor:pointer; margin-left:0; padding-left:0; margin-right:0; padding-right:0; }
ul.servicemenu li input.button:hover { color: #000000; }
div.menu { background: #51aa1a; padding: 30px 20px 0; }
ul.menu { overflow: hidden; margin:0 0 75px 0; }
ul.menu li { border-bottom: 1px dashed #FFFFFF; color: #FFFFFF;}
ul.menu li a { font-size: 1.2em; color: #FFFFFF; text-decoration: none; display: block; width: 100%; line-height:1.2em; padding:5px 0; }
ul.menu li a:hover { color: #000000; }
ul.menu li.selected a { color: #ffffff; font-weight:bold; }
ul.menu li.selected a:hover { color: #000000; }
ul.menu li ul { margin:0 0 4px; }
ul.menu li ul li { border-top: 1px dashed #a8d58d; border-bottom: none; color: #FFFFFF; margin:0 0 0 8px; }
ul.menu li ul li.first { border-top: none; }
ul.menu li.selected ul li a { color:#FFFFFF; font-weight:normal; line-height:1.2em; padding:5px 0; }
ul.menu li.selected ul li.selected a { color: #000000; }
ul.menu li.selected ul li.selected a:hover { color: #000000; }
ul.menu li ul li ul { }
ul.menu li.selected ul li.selected ul li a { color:#FFFFFF; line-height:1.2em; padding:5px 0; border-top: 1px dashed #a8d58d; border-bottom: none; margin:0 0 0 8px; }
ul.menu li.selected ul li.selected ul li.selected a { color: #000000; }
ul.menu li.selected ul li.selected ul li.selected a:hover { color: #000000; }
ul.loggedin { padding:0 0 30px; }
ul.loggedin li { line-height: 1.4em; font-size: 1.2em; padding:0 0 2px; border-bottom: 1px dashed #FFFFFF; color: #FFFFFF; }
ul.loggedin li a { color: #FFFFFF; text-decoration: none; display: block; width: 100%; line-height: 1.8em; }
ul.loggedin li a:hover { color: #ffffff; }
div.menubanner { background: #ffffff; padding: 20px; }
/* side items */
div.carrousel { background: #0071bb; margin-bottom: 10px; text-align:center; }
div.carrousel div.carrouselnav { padding: 5px 10px; text-align: center; font-weight: bold; color: #008AB9; text-align:left; }
div.carrousel div.carrouselnav a { background:url(../../images/default/arrow_next_white.gif) 100% 50% no-repeat; padding:0 12px 0 0; font-weight: normal; color: #FFFFFF; text-decoration: none; font-size: 1.1em; display:block; }
div.carrousel div.carrouselnav a:hover { text-decoration:underline; }
div.sidebox { background: #0071bb; padding: 10px; margin-bottom: 18px; color:#FFFFFF; }
div.sidebox .icon { float:right; }
div.sidebox h1, div.sidebox h2, div.sidebox h3 { color:#FFFFFF }
div.sidebox a { color:#FFFFFF; text-decoration:none; }
div.sidebox a:hover { text-decoration:underline; }
div.poll { margin-top: 18px; }
div.poll ul li { list-style-type:none; margin:0 0 4px; }
div.poll ul li a { background:url(../../images/default/sre_poll_check.gif) 0 -75px no-repeat; padding:0 0 0 18px; display:block; }
div.poll ul li:hover a { background:url(../../images/default/sre_poll_check.gif) 0 0 no-repeat; text-decoration:none; }
div.poll ul li span.result { margin:4px 0 10px; display:block; }
div.poll ul li span.resultbar { width:173px; display:block; float:left; overflow:hidden; }
div.poll ul li span.resultbar span { background:#F18812; font-size:0.9em; display:block }
div.poll ul li span.procent { display:block; width:35px; float:left; padding:0 0 0 2px; color:#FFFFFF; font-size:0.9em; float:left; }
/*social side*/
div.socialwrapper { margin:0 0 17px 0; }
div.socialside { background: #0071bb; margin-bottom: 1px; color:#FFFFFF; font-size:1em; }
div.socialside div.padbox { padding: 10px; }
div.socialside div.padbox a { color: #ffffff; }
div.socialbanner { background: #FFFFFF; }
div.socialbanner a { display:block; padding:10px 10px 8px; background:url(../../images/default/gogo_social.gif) 100% 50% no-repeat; margin:0 10px 0 0; }
div.socialbanner a:hover,
div.socialbanner a.open { background:url(../../images/default/gogo_social_open.gif) 100% 50% no-repeat; }
div.socialbanner a.open:hover { background:url(../../images/default/gogo_social_close.gif) 100% 50% no-repeat; }
div.socialcontent { padding:0 10px; }
div.socialcontent ul { border-top:1px dashed #FFFFFF; }
div.socialcontent ul li { display:block; border-bottom:1px dashed #FFFFFF; color:#FFFFFF; padding:7px 0; line-height:1.2em; }
div.socialcontent ul li a { color:#FFFFFF; }
div.socialcontent ul li a.gogo { text-decoration:none; }
div.socialcontent ul li:hover { background:url(../../images/default/social_hover.gif) 0 100% repeat-x; }
div.socialtexttopbot { padding:7px 0; }
/*youtube*/
div.youtube ul li img { width:80px; float:left; }
div.youtube ul li span.title { width:120px; float:left; margin:0 0 0 10px; }
div.youtube ul li a { display:inline-block; color:#FFFFFF; text-decoration:none; }
/*linked in*/
div.socialbanner a.frw_account { background:url(../../images/default/gogo_forwardlink.gif) 209px 17px no-repeat; margin:0; }
div.socialbanner a.frw_account:hover { background:url(../../images/default/gogo_forwardlink.gif) 214px 17px no-repeat; }
/* links */
.mceContentBody a.gogored_news { font-weight: bold; color :#CE171E; text-decoration: none; cursor:pointer; background:url(../../images/default/arrow_next.gif) 100% 50% no-repeat; padding:0 12px 0 0; margin:0 0 0 17px }
.mceContentBody a.gogored { font-weight: bold; color :#CE171E; text-decoration: none; cursor:pointer; background:url(../../images/default/arrow_next.gif) 100% 50% no-repeat; padding:0 12px 0 0; }
.mceContentBody a.gogonostyle { font-weight: normal; color :#000000; text-decoration: none; cursor:pointer; }
.mceContentBody a.rss { background:#ffffff url(../../images/default/button_rss_left.gif) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; height:14px; margin:11px 0 0 0; float:right;}
.mceContentBody a.rss span { background:#f7941d url(../../images/default/button_rss_right.gif) 100% 0 no-repeat; margin:0 0 0 20px; padding:0 10px 0 0; }
.mceContentBody a.gogored_news:hover,
.mceContentBody a.gogored:hover { text-decoration: underline; }
.mceContentBody a.gogonostyle:hover { text-decoration: underline; color:#CE171E; }
.mceContentBody a.rss:hover span { color:#CE171E; }
.mceContentBody .document { display:inline-block; }
.mceContentBody .document img.fileicon { float:left; }
.mceContentBody .document a { float:left; color: #CE171E; font-weight: bold; display: block; background: url(../../images/default/arrow_west.gif) no-repeat 0 5px; text-decoration: none; line-height: 1.8em; }
.mceContentBody .document a:hover { text-decoration: underline; }
.mceContentBody a.downloadlink { color: #008AB9; font-weight: bold; padding-left: 18px; display: block; text-decoration: none; line-height: 1.8em; }
.mceContentBody a.downloadlink:hover { text-decoration: underline; }
/*download list*/
table.download { border-bottom:1px dashed #CCCCCC; margin:10px 0 0 0; width:450px; }
table.download tbody tr { background:none; }
table.download tbody tr td { border-top:1px dashed #CCCCCC; padding:4px 0; vertical-align:top; }
table.download tbody tr:hover td { background:#EBEBEB; }
table.download tbody tr td.icon { padding:7px 7px 7px 10px; width:80px; }
/*partner list*/
table.partnerlist { border-bottom:1px dashed #CCCCCC; margin:10px 0 0 0; width:100%; margin:25px 0 }
table.partnerlist tbody tr { background:none; }
table.partnerlist tbody tr td { border-top:1px dashed #CCCCCC; vertical-align:top; padding:8px 0; vertical-align:top; }
table.partnerlist tbody tr:hover td { background:#EBEBEB; }
table.partnerlist tbody tr td a { font-weight:bold; }
table.partnerlist tbody tr td.icon { padding:7px 7px 7px 10px; vertical-align:top; }
.specs { font-size:smaller; font-weight: bold; }
.date { font-size:smaller; font-weight: normal; color:#505050; }
.time { font-size:smaller; font-weight: bold; }
.source { font-size:smaller; font-weight: normal; color:#505050; }
.author { font-size:smaller; font-weight: bold; }
.error { color: red; }
.feedback { text-align: center; font-weight: bold; }
/* toc */
ul.toc { border-bottom: 1px dashed #CE171E; border-top: 1px dashed #CE171E; }
ul.toc li { font-weight: bold;list-style: none; margin:0; }
ul.toc li a { color: #CE171E; font-weight: bold; padding-left: 0; padding:0 12px 0 0; white-space:nowrap; background: url(../../images/default/arrow_next.gif) no-repeat 100% 50%; text-decoration: none; line-height: 2em; display:block; }
ul.toc li a:hover { text-decoration:underline; }
a.toptoc { display: block; margin: 5px 0 15px 0; border-top: 1px solid #008AB9; text-decoration: none; background: url(../../images/default/arrow_north.gif) no-repeat right 5px; text-decoration: none; }
/*pagination*/
div.pagination { text-align:center; 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; list-style:none; }
div.pagination ul li a { text-decoration:none; display:block; color:#ffffff; border:1px solid #0063A5; background:#0063A5; padding:1px 5px; font-weight:bold; }
div.pagination ul li:hover a,
div.pagination ul li.selected a { background:#CE171E; color:#FFFFFF; border:1px solid #CE171E; }
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:#0063A5; border:1px solid #0063A5; }
div.pagination ul li.jump:hover a { font-weight:normal; background:#CE171E; border:1px solid #CE171E; }
div.pagination ul li.jump a.inactief{ color:#9E9E9E; background:none; cursor:default; border:none; }
div.pagination div.results { font-style:italic; color:#9E9E9E; }
/* formulier */
div.content form table caption { font-weight: bold; text-align: left; color: #0063A5; margin: 3px 0; }
div.content form { margin:20px 0 0 0; font-size:1.2em; }
div.mceContentBody form { font-size:1em; }
div.content form label { font-weight: bold; color: #0063A5; }
div.content form input { margin: 1px; padding:2px; }
div.content form input.text { border: 1px solid #0063A5; }
div.content form input.checkbox {}
div.content form input.radio {}
div.content form select { margin: 1px; border: 1px solid #0063A5; width: 300px; }
div.content form textarea { margin: 1px; border: 1px solid #0063A5; padding:2px; }
div.content form button,
div.content form input.button { border: 1px solid #0063A5; background:#0063A5; color:#FFFFFF; cursor:pointer; line-height:1.2em; }
div.content form button:hover,
div.content form input.button:hover { border: 1px solid #CE171E; background:#CE171E; }
div.content form button { margin-top: 20px;}
div.content form tr td { padding:0 10px 0 0; }
/*list*/
div.list .introtekst { margin:5px 0; display:block }
div.list hr { margin:10px 0; border: 1px dashed; border-color: #cccccc #ffffff #ffffff #ffffff; }
/* sitemap */
ul.sitemap {}
ul.sitemap li { }
/* level 1 */
ul.sitemap li a { color: #CE171E; font-weight:bold; text-decoration:none; }
ul.sitemap li a:hover { text-decoration:underline; }
/* level 2 */
ul.sitemap li ul li a { color: #000000; font-weight:normal; }
/* level 3 */
ul.sitemap li ul li ul li a { color: #333333;}
/* level 4 */
ul.sitemap li ul li ul li ul li a { color: #666666; }
/* searchengine */
div.searchengine p.searchstars { }
div.searchengine span.searchresulthead { }
div.searchengine span.searchresultlocation { }
/* searchengine */
div.searchengine div.resultshead { background:#0071BB; color:#FFFFFF; padding:5px; margin:10px 0 0 0; }
div.searchengine form.search { margin:0 0 10px; }
div.searchengine input.search-box2 { border:1px solid #0063A5; padding:2px; }
div.searchengine button.button { border:1px solid #0063A5; padding:1px; }
div.searchengine button.button:hover { border: 1px solid #CE171E; background:#CE171E; padding:1px; }
div.searchengine div.resultpagination { display:block; border-bottom:1px dashed #CE171E; padding:0 0 5px 0; margin:10px 0; }
div.searchengine div.bottompag { display:block; border:none; border-top:1px dashed #CE171E; padding:5px 0 0 0; margin:20px 0 0 0; }
div.searchengine div.resultpagination span { display: block; float: left; height: 1.4em; width: 1.4em; margin: 0.2em; text-align: center; border: 1px solid #CE171E; background:#CE171E; color:#FFFFFF; }
div.searchengine div.resultpagination a { display: block; float: left; height: 1.4em; width: 1.4em; margin: 0.2em; text-align: center; border: 1px solid #0063A5; background:#0063A5; color:#FFFFFF; text-decoration: none; }
div.searchengine div.searchstars { font-size: 1.2em; margin: 0; font-weight: bold; color:#CE171E; margin:20px 0 0 0; }
div.searchengine div.searchresultitle { font-weight:bold; }
div.searchengine div.searchresultitle a { }
div.searchengine div.searchresultlocation { font-style:italic; font-size:smaller; color:#333333; }
div.searchengine div.searchresultdescription { }
div.searchengine div.searchresultdescription a { text-decoration: none; color:#000000; }
div.searchengine div.searchresultdescription a strong { color:#CE171E; }
/* light box */
div.lightbox { position: absolute; left: 0px; 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: 0 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; }
/* faq */
dl.pulldownmenu dt { cursor: pointer; border-top:1px dashed #ffffff; margin:0; padding: 10px 12px 5px 0; color: #CE171E; text-decoration: none; background: transparent url(../../images/default/arrow_next.gif) no-repeat right 12px; font-weight: bold; }
dl.pulldownmenu dt:hover { text-decoration: underline; border-top:1px dashed #FFFFFF; background: transparent url(../../images/default/arrow_down.gif) no-repeat right 12px; }
dl.pulldownmenu dt.active { text-decoration: none; border-top:1px dashed #CCCCCC; margin:5px 0 0 0; background: transparent url(../../images/default/arrow_down.gif) no-repeat right 12px; }
dl.pulldownmenu dd { margin: 5px 0 10px;}
dl.pulldownmenu div.answ { background: #ebebeb; padding: 10px; border-top:1px dashed #CCCCCC; border-bottom:1px dashed #CCCCCC; }
/* social media */
div.socialmedia { float:left; margin: 3px 0 0 3px; }
div.socialmedia a { padding: 0; }