html { padding: 0; margin: 0; height: 100.01%; }
body { margin: 0; padding: 0; background: #dfdfdf; font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%; /* resets 1em to 10px */ /* behavior: url('htc/csshover.htc'); needed for hovermenu*/ }
/* standard elements */
img { border: 0; behavior: url('htc/pngbehavior.htc'); }
p { margin: 0; }
table { }
.error, .alert, div.mceContentBody .error, div.mceContentBody .alert { color: #ff0000; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; clear:both; }
* html .clearfix {height: 1%;}
div.hptopcontainer { position: absolute; top: 0; background: #ffffff; min-width: 100%; height: 21em; }
div.hpintrocontainer { margin-top: 10em; background: #f7961e; min-width: 100%; margin-top: 21em; }
div.hpintrocontainer div.intro { padding-bottom: 2em; }
div.topcontainer { position: absolute; top: 0; background: #ffffff; min-width: 100%; height: 15em; }
div.introcontainer { margin-top: 10em; background: #f7961e; min-width: 100%; margin-top: 15em; }
div.quicklink { position: relative; left: -100em; }
div.quicklink a { position: absolute; }
/* to center the website */
div.centerwrap { width: 91.5em; margin: 0 auto; padding: 0; text-align: left; }
div.bgcontent { background:url(../../images/default/bg_buzbord.gif) repeat-y 85.1em; border-top: 2em solid #dfdfdf; }
div.content { float: left; width: 45em; padding: 0 0 7em 0; }
div.side { float: right; width: 40em; padding: 0 0 9em 0; }
div.bgmenu { position: absolute; width: 50%; height: 3em; background: #000000; left: 0; top: 0; }
div.foot { clear: both; border-top: 1px solid #000000; padding: 1em 0 4em 0; background: #dfdfdf; }
ul.foot { margin: 0 0 0 -0.8em; padding: 0; list-style: none; display:inline-block; }
ul.foot li { float:left; list-style: none; }
ul.foot li a { display: block; padding: 0.2em 0.8em; font-size: 1.1em; color: #F7961E; font-weight: bold; text-decoration: none; }
ul.foot li a:hover { text-decoration: underline; color: #000000;}
img.bank { position: absolute; margin-top: -9em; margin-left: 57em; }
div.sideimage { position: absolute; height: 22em; width: 27em; text-align:center; border: 1px solid red; }
div.sideimage img { width: 17.2em; height: 20.1em; }
div.sidebumper { height :8em; }
/* menu */
/* level 1 */
ul.menu { position: absolute; height: 3em; background: #000000 url(../../images/default/bg_menu.gif) no-repeat bottom right; top :0; padding-right: 30px; margin-left: -1em; }
ul.menu li { list-style: none; float: left; }
ul.menu li.selected a { color: #e9850d; }
ul.menu li a { display:block; float: left; color: #ffffff; font-size: 1.2em; font-weight: bold; padding: 0 0.8em; line-height: 2.4em; text-decoration: none; }
ul.menu li a:hover { text-decoration: underline; }
/* level 2 */
ul.menu li ul { position: absolute; top: 3em; left: 0;}
ul.menu li.selected ul li a { color: #000000; text-decoration: none; }
ul.menu li ul li a:hover { text-decoration: underline; color: #000000; }
ul.menu li ul li.selected a { color: #e9850d; }
ul.servicemenu { float: right; height: 3em; top: 0; right: -1em; }
ul.servicemenu li { list-style: none; float: left; }
ul.servicemenu li a { display:block; float: left; color: #e9850d; font-size: 1.2em; font-weight: bold; padding: 0 0.8em; margin: 0.8em 0; line-height: 1em; text-decoration: none; border-left: 2px solid #e9850d;}
ul.servicemenu li.first a { border: none; }
ul.servicemenu li a:hover { color: #000000; text-decoration: underline; }
ul.servicemenu li.selected a { color: #000000; }
ul.servicemenu li a span.smalla { font-size: 0.8em; }
ul.servicemenu li a span.biga { font-size: 1.2em; }
img.logo { margin-top: 6em; width: 33.8em; height: 7.6em; }
img.nimalogo { margin-top: 6em; width: 9.2em; height: 7.6em; }
/* homepage elementen */
img.payoff { display: block; }
div.intro { color: #ffffff; padding: 0; width: 45em; }
/* elementen in de .mceContentBody die niet via de wysywig geplaatst kunnen worden maar er wel door overruled worden */
.mceContentBody a.gogointro { display: inline-block; font-size: 0.9em; font-weight: bold; color: #ffffff; text-decoration: none; background: url(../../images/default/gogo_white.gif) no-repeat right 0.5em; padding-right: 1.2em; }
.mceContentBody a.gogointro:hover { text-decoration: underline; }
.mceContentBody a.gogored { display: inline-block; font-size: 0.9em; font-weight: bold; color: #970127; text-decoration: none; background: url(../../images/default/gogo_red.gif) no-repeat right 0.2em; padding-right: 1.2em; }
.mceContentBody a.gogored:hover { text-decoration: underline; }
.mceContentBody a.gogogreen { display: block; text-align: right; font-size: 0.9em; font-weight: bold; color: #006707; text-decoration: none; background: url(../../images/default/gogo_green.gif) no-repeat right 0.5em; padding-right: 1.2em; }
.mceContentBody a.gogogreen:hover { text-decoration: underline; }
div.bannerbox { background: #f1f1f1 url(../../images/default/banner_nw.gif) no-repeat top left; width: 27em; margin-bottom: 1.3em; }
div.bannercontent { background: url(../../images/default/banner_ne.gif) no-repeat top right; }
div.innerbanner { background: url(../../images/default/banner_sw.gif) no-repeat bottom left; }
div.banner { background: url(../../images/default/banner_se.gif) no-repeat bottom right; }
div.banner .mceContentBody div.padbox { padding: 1em; }
div.banner .mceContentBody { font-size: 1em; }
div.banner a.bannerlink { text-decoration: none; font-size: 1.5em; font-weight: bold; line-height: 1.2em; }
div.banner a.bannerlink:hover { color: #000000; }
div.banner img.bgbanner { position: absolute; margin-top: -4px; margin-left: -6px; }
div.banner a.pollink { position: absolute; height: 53px; display: block; width: 250px; padding-top: 10px; text-decoration: none; }
div.banner a.pollink span { color: #ffffff; background: #f7961e url(../../images/default/gogo_poll.gif) no-repeat right; padding: 2px 20px 2px 2px; font-weight: bold; font-size: 1.2em; }
div.banner a.pollink:hover span { color: #000000; }
div.bannerpoll { height: 63px; }
img.buzbord { position: absolute; margin-left: 30em; }
/* form styles */
.mceContentBody div.content { }
.mceContentBody div.content table { width: 100%; }
.mceContentBody div.content table td { text-align: right; vertical-align: top; padding: 2px; }
.mceContentBody form table td { vertical-align: top; padding: 0.2em; text-align:right; }
.mceContentBody form label { font-weight: bold; }
.mceContentBody form input { border: 1px solid #000000; }
.mceContentBody form textarea { border: 1px solid #000000; }
.mceContentBody div.alert { color: #006700; margin: 1em 0; text-align: right; }
.mceContentBody .formrequired { color: #006700; }
.mceContentBody .formerror { color: #006700; }
.mceContentBody form input.button, .mceContentBody button { background: #F7961E; color: #000000; font-weight :bold; margin: 1em 0; border: 2px solid #000000; padding: 0.1em; }
.mceContentBody div.sitemap ul { margin: 0; padding: 0; list-style: none; }
.mceContentBody div.sitemap ul li { margin: 0; padding: 0; list-style: none; }
.mceContentBody div.sitemap ul li a { color: #F7961E; border-bottom: 1px solid #F7961E; margin-top: 0.6em; }
.mceContentBody div.sitemap ul li ul li a { border: none; color: #000000; margin: 0; font-weight: bold;}
.mceContentBody div.sitemap ul li ul li ul a { font-weight: normal; }
.mceContentBody div.sitemap ul li ul li ul li a { }
/* Table cms */
table.cms { float:right; margin-top: 3em; }
table.cms tfoot tr td button { margin-top:-2em; }
/* ecards */
.mceContentBody div.ecards { }
.mceContentBody div.ecards div.leftbox { float: left; width: 18.5em; padding-bottom: 2em; clear: left; }
.mceContentBody div.ecards div.rightbox { float: right; width: 18.5em; padding-bottom: 2em; clear: right; }
.mceContentBody img.ecardthumb { border: 1px solid #000000; margin-bottom: 0.3em; }
/* ecardformulier */
.mceContentBody div.ecardform { }
.mceContentBody div.ecardform table { width: 100%; }
.mceContentBody div.ecard img { border: 1px solid #000000; }
.mceContentBody div.ecard div.fromto { position: absolute; margin: 10em 0 0 20em; width: 16em; height: 10em; overflow: hidden; }
.mceContentBody div.ecard div.message { position: absolute; margin: 2em 0 0 1em; width: 16em; font-weight: bold; height: 20em; overflow: hidden; }
/* widescreen */
div.widescreen { border: 1px solid #ffffff; width: 67em; min-height: 40em; margin-right: -40em; z-index: 1000; position: relative; background: #F1F1F1; margin-bottom: 3em; }
* html div.widescreen { height: 40em; } /* ie only */
div.widescreen div.memo { width: 30em; padding: 0 1.5em; float: left; }
div.widescreen div.memo img.pushpin { position: absolute; margin-left: 13em; }
div.widescreen div.memo div.memotext { background: #eae570; padding: 1em; margin-top: 2em; }
div.widescreen div.memo img.shadow { height: 40px; width: 30em; }
.mceContentBody a.biglink { float: right; padding: 0.5em; margin: 1em; background: #F7961E; color: #000000; border: 2px solid #000000; font-size: 1.1em; font-weight: bold; text-decoration: none; }
.mceContentBody a.biglink:hover { background: #ffffff; }
/* searchengine */
div.searchengine div.resultshead { }
div.searchengine div.resultpagination { }
div.searchengine div.resultpagination span { display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; border: 1px solid #d1d1d1; }
div.searchengine div.resultpagination a { display: block; float: left; height: 1.5em; width: 1.5em; margin: 0.2em; text-align: center; background: silver; border: 1px solid #cccccc; text-decoration: none; }
div.searchengine div.searchstars { font-size: 2em; margin: 0.5em 0 -0.5em; 0; font-weight: bold; color: #cccccc; }
div.searchengine div.searchresultitle { }
div.searchengine div.searchresultitle a { }
div.searchengine div.searchresultlocation { font-style:italic; }
div.searchengine div.searchresultdescription a { text-decoration: none; }
/* 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; }
/* contentslider */
div.slidecontainer { position: absolute; margin-left: 51.2em; margin-top: -15em; }
.sliderwrapper {
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 28em; /*width of featured content slider*/
height: 22em;
text-align: center;
}
.sliderwrapper .contentdiv {
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0; /*leave as is*/
top: 0; /*leave as is*/
width: 28em; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
text-align: center;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
div.contentdiv img { display: block; width: 28em; height: 19.4em; }
div.contentdiv div { width: 28em; background: #F1F1F1; height: 3em; }
div.contentdiv div a { display: inline-block; color: #000000; font-size: 1.1em; font-weight: bold; text-decoration: none; margin-top: 0.3em; line-height: 1em; background: url(../../images/default/gogo_black.gif) no-repeat right 0.7em; padding: 0.5em 1.4em 0.5em 0; }
div.contentdiv div a:hover { text-decoration: underline; }
div.pagination { width: 28em; text-align: center; background: #F1F1F1 url(../../images/default/corner_se.gif) no-repeat right bottom; margin: 0; padding: 0; }
div.pagination div.bground { background: url(../../images/default/corner_sw.gif) no-repeat left bottom; }
div.pagination a { }
div.pagination a img { margin: 1em 0.2em 0.8em 0.2em; border: 1px solid #ffffff; }
div.pagination a:hover, .pagination a.selected {}
div.oproep { background-color: #EAE570; padding: 1em; margin-top:2em;}
div.oproep img.pushpin { position: absolute; margin-left: 15em; margin-top: -3em;}
img.pollimage { margin:0 0 0.2em 0; }
span.question { /*verwijderd i.v.m. opmerking klant 14012009*//* background: #F7961E; color: #000000; display: inline-block; padding: 0.2em 0.8em; margin: 0.2em 0; */font-weight: bold; }
div.yesorno { height: 130px; width: 450px; margin: 1em 0; }
div.yesorno a.answeryes { width: 220px; height: 80px; float: left; display: block; background:url(../../images/default/bg_button_xl.gif) no-repeat; text-align: center; padding: 50px 0 40px 0; font-size: 6em; font-weight: bold; color: #f7961e; text-decoration: none; }
div.yesorno a.answerno { width: 220px; height: 80px; float: right; display: block; background:url(../../images/default/bg_button_xl.gif) no-repeat; text-align: center; padding: 50px 0 40px 0; font-size: 6em; font-weight: bold; color: #f7961e; text-decoration: none; }
div.yesorno a.answeryes:hover,
div.yesorno a.answerno:hover { text-decoration: underline; color: #970127; }
div.resultyes {font-size: 4em; font-weight: bold; color: #970127; line-height: 1.2em; }
div.resultyes span { display: block; font-size: 15px; height:15px; background: #F1F1F1; border: 1px solid #970127; }
div.resultno {font-size: 4em; font-weight: bold; color: #970127; line-height: 1.2em; }
div.resultno span { display: block; height: 0.3em; background: #F1F1F1; border: 1px solid #970127; }
/*enquete*/
.mceContentBody form.enquete label { font-weight: normal; float:left; }
.mceContentBody form.enquete input.radio { border: none; width:15px; padding:0; margin:0; }
.mceContentBody form.enquete input.checkbox { border: none; width:15px; }
.mceContentBody form.enquete textarea { border: 1px solid #000000; }
.mceContentBody form.enquete input.button, .mceContentBody button { background: transparent url(../../images/default/gogo_red.gif) no-repeat scroll right 0.4em; color: #970127; text-align:left; font-weight :bold; font-size:1em; margin: 1em 0; border: none; padding:0 1em 0 0; cursor:pointer; width:0; overflow:visible; width: auto; }
/*Route kaart*/
div.routemap { width:450px; display:inline-block; margin:10px; }
div.map { width:448px; height:302px; overflow:hidden; }
div.routeinfo { background:#ffffff; display:inline-block; }
div.calendarpane { float:left; width:225px; }
div.eventpane { float:left; background:#ffffff; width:225px; text-align:right; }
/*calendar*/
div.calendarpane table { width:225px; background:#dfdfdf; border:1px solid #000000; margin:0; }
html>/**/body div.calendarpane table { width:224px; background:#dfdfdf; border:1px solid #000000; margin:1px 0 0 1px; }
div.calendarpane table tr { }
div.calendarpane table tr th { background:#000000; color:#FFFFFF; padding:3px 0 0; }
div.calendarpane table tr th.toggle { text-align:center; }
div.calendarpane table tr th.toggle a { padding:0 5px; text-align:center }
div.calendarpane table tr th.toggle a img { background:#FFFFFF; }
div.calendarpane table tr th.toggle a:hover img { background:#f7961e; }
div.calendarpane table tr th.month { font-size:1.4em; line-height:1.2em; text-align:center; }
div.calendarpane table tr.weekday th { font-weight:normal; font-size:.8em; padding:0px; text-align:center }
div.calendarpane table tr td { text-align:center; height:32px; width:32px; font-size:1.1em; padding:0px 0 0 1px; font-weight:bold; color:#000000; border-top:1px solid #000000; border-right:1px solid #000000; }
div.calendarpane table tr td a { display:block; text-decoration:none; color:#000000; }
div.calendarpane table tr td.event { text-decoration:none; color:#000000; background:url(../../images/default/calendar_event.gif) no-repeat 2px 2px; cursor:pointer; }
div.calendarpane table tr td.event:hover a { color:#FFFFFF; }
/*eventpane*/
div.eventtitle { background:#F7961E; color:#FFFFFF; padding:5px 10px 0; height:37px; text-align:left; font-size:1.4em; font-weight:bold; }
div.eventdates { padding:0 10px; }
div.nextmonth { padding:0 0 3px 0; }
div.ineventdates { min-height: 142px; height: auto !important; height: 142px; }
div.eventdates table { width:205px; margin:0 0 33px 0; }
div.eventdates table tr { }
div.eventdates table tr td { padding:1px 0 0; vertical-align:top; text-align:left; border-bottom:1px solid #e5e5e5; line-height:2.5em; }
* div.eventdates table tr td { padding:1px 0 0 1px; }
div.eventdates table tr.selected,
div.eventdates table tr:hover { background:#efefef; }
div.eventdates table tr td a { display:block; color:#000000; text-decoration:none;}
div.eventdates table tr td.event { width:37px; height:32px; text-decoration:none; font-weight:bold; text-align:center; color:#000000; background:#ffffff url(../../images/default/calendar_event.gif) no-repeat 5px 2px; cursor:pointer; }
div.eventdates table tr.selected td.event,
div.eventdates table tr:hover td.event { background:#efefef url(../../images/default/calendar_event.gif) no-repeat 5px 2px; }
div.eventdates table tr td.date { padding-right:10px; }
/*maps*/
div.eventlocation { position:relative; margin:-1px 0 0; border:1px solid #f7961e; border-top:1px solid #000000; }
div.info { /*border-top:1px solid #ffffff;*/ padding:10px; }