html { padding: 0; margin: 0; height: 100.01%; }
body {
margin: 0;
padding: 0;
font-family: arial, helvetica, sans-serif;
background: url(../../images/default/bg_body.gif) repeat-x top;
font-size: 62.5%; /* resets 1em to 10px */ /* behavior: url('htc/csshover.htc'); */ /*needed for hovermenu*/ }
/* standard elements */
img { border: 0; }
p { margin: 0; }
form { margin: 0; padding: 0; border: none; }
table { }
table td { vertical-align: top; }
a { outline: none; }
.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%;}
/* to center the website */
div.wrapper { position: relative; width: 80em; margin: 2em auto 0 auto; padding: 0; text-align: left; border: 1em solid #ffffff; background: #ffffff url(../../images/default/bg_menu.gif) repeat-y 14% 0; }
/* to get the background of the sidemenu */
div.bgwrap { width: 80em; background:url(../../images/default/bg_side.gif) repeat-y 84% 0; }
div.menu { float: left; width: 11.2em; min-height: 310px; margin-top: 18.8em; background: #C2DEE9 url(../../images/default/bg_menu_grad.gif) repeat-x top; }
* html div.menu { height: 310px; }
div.contentcontainer { float: right; width: 68em; }
div.content { float: left; width: 54.4em; padding-bottom: 5em; }
div.side { float: right; width: 12.8em; min-height: 450px; background: #b17474 url(../../images/default/bg_side_grad.gif) repeat-x; }
* html div.side { height: 450px; }
/* quicklinks for textbrowsers */
a.quicklink { position: absolute; left: -100em; }
img.logo { position: absolute; left: 0; top: 0; width: 11.2em; hieght: 18.8em; }
div.menu ul { margin: 0.7em 0 0 0; padding: 0; list-style:none; }
div.menu ul li { margin: 0; padding: 0; list-style:none; width: 11.2em; }
div.menu ul li a { display: block; font-weight: bold; color :#000000; text-decoration: none; font-size: 1.1em; padding: 0.2em 0.5em; background: #b0d6e4; margin-top: 1px; }
div.menu ul li a:hover { color: #820931; }
div.menu ul li.selected a { background: #73b8d2; color: #ffffff; }
div.menu ul li.divide a { margin-top: 0.7em; }
div.menu ul li.xs a { font-weight: normal;}
div.top { width: 54.4em; }
img.topimage { width: 54.4em; height: 14.1em; }
div.onderschrift { position: absolute; top: 12.2em; right: 13.5em; width: 53.1em; text-align: right; background: #ffffff; padding: 0.3em 0.7em; -moz-opacity:.7; filter:alpha(opacity=70); opacity: .7; }
div.onderschrift p { font-size: 1.1em; font-weight: bold; color: #000000; }
div.head { height: 4.5em; border-bottom: 1px solid #73b8d2; overflow: hidden; }
div.head h2 { font-size: 1.8em; color: #73b8d2; margin: 0.1em 0 0 0; padding: 0; }
div.head h3 { font-size: 1.1em; color: #73b8d2; margin: 0; padding: 0; }
div.padbox { padding: 1em 2.4em 0 3.2em; }
div.reading {}
div.reading div.readinghead { height: 18.8em; }
div.reading div.readinghead div { padding: 14em 0 0 0.8em; font-size: 1.2em; color: #ffffff; font-weight: bold;}
div.reading div.item { border-top: 1px solid #ffffff; color: #ffffff; }
div.reading div.item img.thumb { float: left; width: 6.2em; height: 6.2em; }
div.reading div.item p { display: block; clear: both; padding: 0.3em 0.6em; font-size: 1.2em; }
div.reading div.item span { padding: 0.6em; font-size: 1.2em; }
div.reading div.item a { color: #ffffff; text-decoration: none; }
div.reading div.item a:hover { text-decoration: underline; }
div.reading a.gogo { display: block; border-top: 1px solid #000000; font-weight: bold; font-size: 1.2em; color: #ffffff; padding: 0.6em; text-decoration: none; }
div.reading a.gogo:hover { text-decoration: underline; }
span.question { display: block; padding: 0.4em; margin: 0; font-weight: bold; color: #000000; background: #BEDDE8; border-right: 1px solid #73B8D2; border-bottom: 1px solid #73B8D2; }
/* form styles */
div.content form { margin: 0; background: #ffffff; padding: 0.5em; color: #820931; background: #F4F9FB; border: 1px solid #73B8D2; }
div.content form table td { padding: 0.1em; }
div.content form span.formerror { color: #ff0000; font-weight: bold; }
div.content form span.formrequired { color: #ff0000; font-weight: bold; }
div.content form input.text { border: 1px solid #88898a; padding: 2px; }
div.content form input.radio { }
div.content form input.checkbox { }
div.content form select { border: 1px solid #88898a; }
div.content form textarea { border: 1px solid #88898a; font-family: arial, helvetica, sans-serif; font-size: 1.1em; padding: 2px; }
div.content form label { color: #820931; margin-right: 1em; font-weight: bold; }
div.content button, div.content input.button { background: #73B8D2; border: 1px solid #000000; color: #000000; font-size: 1.1em; padding: 0 0.3em; font-weight: bold; }
/* searchengine */
div.searchengine p.searchstars { margin-top: 1em; color :#008ca3; font-size: 2em; font-weight: bold; padding-top: 0.3em; }
div.searchengine span.searchresulthead, div.searchengine span.searchresulthead a { font-weight: bold; color: #e2007a; text-decoration: none; }
div.searchengine span.searchresultlocation { font-style:italic; color: #008ca3; }
div.searchengine a.searchresultlink { text-decoration: none; color: #88898a; }
div.searchengine a.searchresultlink:hover { color: #e2007a; }
div.searchengine span.searchpages { display: block; float: left; width: 1.6em; height: 1.6em; color: #6A6250; text-align: center; font-weight: bold; margin: 0.5em 0.2em; }
div.searchengine a.searchpages { display: block; float: left; width: 1.6em; height: 1.6em; background: #EDEDEC; text-align: center; font-weight: bold; margin: 0.5em 0.2em; 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; }
ul { list-style:disc; }
ul li {}
/* level 2 */
ul li li {list-style:disc;}
/* level 3 */
ul li li li {list-style:disc;}
ol {}
ol li {}
/* level 2 */
ol li li {}
/* level 3 */
ol li li li {}
/* links */
.mceContentBody a.extralink { display: block; text-align: right; color: #820931; font-weight: bold; padding: 0.1em 0; text-decoration: underline; }
.mceContentBody a.extralink:hover { text-decoration: none; }
.mceContentBody a.downloadlink { display: block; text-align: right; color: #820931; font-weight: bold; padding: 0.1em 0; text-decoration: underline; }
.mceContentBody a.downloadlink:hover { text-decoration: none; }
.mceContentBody a.morelink { color: #73B8D2; }
a:hover downloadlink { color:#820931;}
.specs { font-size: smaller; color: #000000; }
.date { font-size: smaller; color: #000000; }
.source { font-size: smaller; color: #000000; }
.author { font-size: smaller; color: #000000; }
.error { color: red; }
.feedback { text-align: center; font-weight: bold; }
/* toc */
ul.toc { font-weight:bold; }
ul.toc li { list-style: square; color: #820931; }
ul.toc li a { font-weight:bold; text-decoration:none; color: #73B8D2;}
ul.toc li a:hover { font-weight:bold; text-decoration:none; color:#820931;}
a.toptoc { }
/* listvieuwmenu */
ul.listviewmenu { margin: 0.7em 0 0 0; padding: 0; list-style:none; }
ul.listviewmenu li { margin: 0; padding: 0; list-style:none; width: 11.2em;}
ul.listviewmenu li a { display: block; font-weight: bold; color :#000000; text-decoration: none; font-size: 1.1em; padding: 0.2em 0.5em; background: #b0d6e4; margin-top: 1px; }
ul.listviewmenu li a:hover { color: #820931; }
ul.listviewmenu li.selected a { background: #73b8d2; color: #ffffff; }
ul.listviewmenu li.divide a { margin-top: 0.7em; }
ul.listviewmenu li.xs a { font-weight: normal; }
/* categorylistview */
/* listvieuw */
.mceContentBody ul.listview {}
.mceContentBody ul.listview li { list-style: square; color: #820931;}
.mceContentBody ul.listview li a { color: #73B8D2; font-weight: bold; }
/* categorylistview */
.mceContentBody ul.categorylistview { margin: 0; padding: 0 0 0.6em 0; }
.mceContentBody ul.categorylistview li { list-style: none; }
.mceContentBody ul.categorylistview li a { font-weight: bold; padding: 0.2em; display: block; background: #C2DEE9; color: #820931; text-decoration: none; }
.mceContentBody ul.categorylistview ul { padding: 0 0 0.6em 0; }
.mceContentBody ul.categorylistview ul li { list-style: square; color: #820931;}
.mceContentBody ul.categorylistview ul li a { color: #73B8D2; font-weight: bold; background: none; padding: 0; }
/* extendelistview */
.mceContentBody dl.extendelistview {}
.mceContentBody dl.extendelistview dt { font-weight: bold; margin-top: 1em; color: #820931; }
.mceContentBody dl.extendelistview dt a { color: #820931; }
.mceContentBody dl.extendelistview dd { margin: 0; padding: 0; clear: both; }
.mceContentBody dl.extendelistview dd ul { padding: 0; list-style: none; }
.mceContentBody dl.extendelistview dd img { float: right; }
/* search */
dl.searchresults {}
dl.searchresults dt { font-weight: bold; margin-top: 1em; }
dl.searchresults dd { margin: 0; padding: 0; clear: both; }
dl.searchresults dd ul { padding: 0; list-style: none; }
/* paginering */
ul.pagination { margin: 0; padding: 0; list-style: none; }
ul.pagination li { float: left; margin: 0; padding: 0; list-style: none; }
ul.pagination li a { display: block; padding: 0.2em 0.4em; margin: 0em 0.4em 0em 0.4em; background: #C2DEE9; text-decoration: none; }
ul.pagination li a:hover { color:#820931;}
ul.pagination li.first { font-weight: normal; }
ul.pagination li.previous { font-weight: normal; }
ul.pagination li.page { font-weight: bold; }
ul.pagination li.next { font-weight: normal; }
ul.pagination li.last { font-weight: normal;}
/* tablestyle */
table.tablestyle { vertical-align: top; /*font-weight:bold; border-bottom:0.1em solid #820931;*/ }
table.tablestyle caption { font-weight:bold; border-bottom:0.1em solid #820931; text-align: right; padding-bottom: 0.4em; color: #73B8D2; }
table.tablestyle tr td { border-bottom:0.1em solid #820931; }
table.tablestyle tr th { font-weight:bold; border-bottom:0.1em solid #820931; }
table.tablestyle thead tr td { }
table.tablestyle thead tr th { }
table.tablestyle tfoot tr td { font-style:italic; color: #73B8D2; text-align: right; border-bottom: none; }
/* sitemap */
.mceContentBody ul.sitemap { color: #88898a; list-style:none; margin:0; padding:0; }
.mceContentBody ul.sitemap li { color: #88898a; list-style:none; margin:0; padding:0; }
/* level 1 */
.mceContentBody ul.sitemap li a { background-color:#73B8D2; color: #820931; display:block; width:auto; padding: 0.2em 0.5em; margin-bottom: 1px; font-weight: bold; text-decoration: none; }
.mceContentBody ul.sitemap li a:hover { color: #820931; }
/* level 2 */
.mceContentBody ul.sitemap li ul { margin:0; padding:0;}
.mceContentBody ul.sitemap li ul li a { background-color:#c2dee9; color: #820931; padding: 0.1em 0.5em 0.2em 2.8em; font-weight: normal; line-height: 1.4em; }
.mceContentBody ul.sitemap li ul li a:hover { color: #820931; }
/* level 3 */
.mceContentBody ul.sitemap li ul li ul li a { padding: 0.2em 0.5em 0.2em 2.8em; padding: 0.2em 0.5em 0.2em 4.8em; font-weight: normal;}
.mceContentBody ul.sitemap li ul li ul li a:hover { color: #820931; }
/* level 4 */
.mceContentBody ul.sitemap li ul li ul li ul li a { color: #88898a; padding: 0.2em 0.5em 0.2em 6.8em;}
.mceContentBody ul.sitemap li ul li ul li ul li a:hover { color: #820931; }