html,body, form {
margin:0;
padding:0;
height:100%;
width:100%;
border:none;
}
body { }
body,td,a,p,th,ul,ol,div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;}
th { font-weight: normal; text-align: left; vertical-align: top; }
img { border: none 0px #000000; border-collapse:collapse;}
table { border-collapse: collapse; }
h1 { font-size: 16px; text-decoration:none; font-weight:normal; }
/*-----------------------------------------------------------
stijlen voor de menu's
------------------------------------------------------------*/
ul#menu { position:absolute; top:128px; margin-left:10px; padding: 0px; list-style: none; width:720px; margin-top:0px; margin-bottom:0px; }
ul#menu li { float:left; background: url(../img/tab-right.gif) no-repeat top right; margin-right:1px; }
ul#menu li.selected { float:left; background: url(../img/tab-right_selected.gif) no-repeat top right; margin-right:1px; }
ul#menu li a { display: block; padding: 0 1.4em; line-height: 2.5em;
background: url(../img/tab-left.gif) no-repeat top left; text-decoration: none;
color: #9D9D9D; float: left; font-weight: bold; }
ul#menu li.selected a { display: block; padding: 0 1.4em; line-height: 2.5em;
background: url(../img/tab-left_selected.gif) no-repeat top left; text-decoration: none;
color:#fff;float: left; font-weight: bold; }
ul#menu a:hover { color:#333; }
ul#menu li.selected a:hover { color:#fff; }
div#divSubMenu { padding: 0 0 0 20px; margin-top: 0px; }
/*-----------------------------------------------------------
stijlen voor de container(s) van alle elementen
------------------------------------------------------------*/
/*div#divMasterContainer { position: absolute; width: 910px; left: 53%; margin: 0 0 0 -490px; }*/
table#containerTable { height:100%;
background-image:url(../img/bgBody.jpg);
background-repeat:repeat-y;
background-position:center;
margin-left:-470px;
width:940px;
left:50%;
position:relative;
vertical-align:top;
}
tr#containerRow { height:100%; vertical-align:top; }
td#table#containerCell { height:100%; vertical-align:top; }
table#tblContent td#tdLeft { width:208px; padding: 0px 0 0 13px; vertical-align: top; overflow: auto; border-right: solid 1px #9F9F9F; }
table#tblContent td#tdContent { padding: 0px 0 0 0; width: 719px; vertical-align: top; overflow: auto; }
table#tblContent td#tdHeader { width: 908px; background: url('../img/topcorners.jpg') no-repeat;
background-position:center top; padding-left:32px; height:159px; }
table#tblContent td#tdTopMenu { }
table#tblContent2 { /*background: url('img/topcorners.png') no-repeat; top:0px; z-index:222;*/ }
table#tblContent {
top:0px;
width:940px;
position:relative;
}
div.buttons { position:relative; height:159px; }
table#tblContainer td#tdTopMenu div#divVisual img
{
position:relative !important;
top:-16px !important;
top:0px;
}
div#topMenu { padding-right: 23px; width:870px; }
div#topMenu a, div#topMenu a:hover, div#topMenu a:link, div#topMenu a:visited
{ padding-left:5px; color: #8C8C8C; text-decoration: none; }
div#topMenu a:hover { text-decoration: underline; }
div#topLogo { float: left; margin: 16px 0px 5px 80px; }
div#divContainer { margin: 20px; }
div#menuLinks { width:125px; padding: 7px 7px 7px 7px; }
a#lnkLogin { font-size:10px;
position: absolute;
top: 28px;
right: 230px;
color: #9CA0A3; text-decoration: none; }
a#lnkSitemap { font-size:10px;
position:absolute;
top: 28px;
right: 150px;
color: #9CA0A3; text-decoration: none; }
a#lnkZoeken { font-size:10px;
position: absolute;
top: 28px;
right: 70px;
color: #9CA0A3; text-decoration: none; }
div#divVisual { margin-left:32px; width:876px; border-top:solid 0px #9ca0c3; border-bottom:solid 1px #9ca0c3; border-left:0px;
padding-top:1px; padding-bottom:1px; margin-top:0px; margin-bottom:0px; }
/*--------------------------------------------------------------------------------------
stijlen voor het inhoudsgedeelte
----------------------------------------------------------------------------------------*/
div#contentContainer { position: relative; width: 581px; z-index: 500; margin: 0px; padding: 0px; border: 0px solid #8f8; }
table#tblInhoud { margin: 0px; padding: 0; width: 100%; }
table#tblInhoud td#inhoud { text-align: left; color: #535353; margin-top:10px; }
table#tblInhoud h1 { color:#636567; font-size: 18px; padding: 12px 0 0 0; margin: 0px 0px 1em 0px; }
h1#h1header { color:#636567; font-size: 18px; padding: 12px 0 0 0; margin: 0px 0px 1em 0px; }
table#tblInhoud h2 { color:#636567; font-size: 14px; font-weight: bold; margin: 1em 0px 0px 0px; }
table#tblInhoud h3 { color:#636567; font-size: 12px; font-weight: bold; margin: 1em 0px 0px 0px; }
table#tblInhoud td { color: #535353; margin: 0px; line-height: 18px; }
table#tblInhoud th { margin: 0px; line-height: 18px; }
table#tblInhoud p { color: #535353; margin: 0px; line-height: 18px; margin-bottom: 1em; }
table#tblInhoud ul { margin: 0px; line-height: 18px; margin-bottom: 1em; padding-left: 20px; }
table#tblInhoud ol { margin: 0px; line-height: 18px; }
table#tblInhoud a { color: #535353; text-decoration: none; }
table#tblInhoud a:visited { color: #535353; text-decoration: none; }
table#tblInhoud a:hover { color: #535353; text-decoration: underline; }
table#tblInhoud table.adresgegevens td { padding: 0px 20px 4px 0px; }
table#tblInhoud img { margin: 0px 0px 8px 2em; }
table#tblInhoud img.links { margin: 0px 2em 8px 0em; float: left; }
/*--------------------------------------------------------------------------------------
stijlen voor het menu boven
----------------------------------------------------------------------------------------*/
div#menuTop a { display: block; width: 86px; padding: 0 0 0 8px; line-height: 26px; font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; }
div#menuTop a:hover { color: #9fbfe4; }
div#menuTop ul { padding: 0px; margin: 0px; list-style-type: none;}
div#menuTop li { position: relative; display: inline; float: left;}
/*--------------------------------------------------------------------------------------
stijlen voor de content rechts
----------------------------------------------------------------------------------------*/
td#tdRight a.fileInfo { display: block; margin-bottom: 20px; }
td#tdRight div.bericht { display: block; margin-bottom: 20px; background-color: #9EBEE4; }
td#tdRight h1 { line-height: 20px; background-color: #004996; color: #fff; font-weight: bold; padding-left: 10px; font-size: 12px; margin: 0; }
td#tdRight p { padding: 10px; margin: 0; color: #fff; font-size: 12px; }
td#tdRight a { color: #fff; font-size: 14px; line-height: 20px; font-weight: bold; text-decoration: none; }
/*--------------------------------------------------------------------------------------
stijlen voor een nieuwspagina
----------------------------------------------------------------------------------------*/
div.newsArchive { }
div.newsArchive table { border: solid 0px #9f9f9f; width: 100%; }
div.newsArchive th { background-color: #ffffff; color: #C73234; font-weight: bold; }
div.newsArchive th.first { padding-left: 18px; }
div.newsArchive td.first { padding-left: 18px; }
div.newsArchive a.leesArtikel { color: #000; text-decoration: none; }
div.newsArchive a:hover { text-decoration: underline; }
table.newsContainer { padding: 0px 0px 0px 0px; }
table.newsContainer table.newsItem { width:100%; color:#C73234; border: solid 1px #9f9f9f; background-color: #ffffff; }
table.newsContainer table.newsItem th { font-size: 14px; color: #C73234; font-weight: bold; padding: 4px 10px; }
table.newsContainer table.newsItem th.datum { font-size: 10px; color: #535353; text-align: right; padding-right: 10px; }
table.newsContainer table.newsItem td.content { padding: 0px 10px; vertical-align: top; }
table.newsContainer table.newsItem td.leesMeer { padding: 0px 10px 4px 0px; text-align: right; }
table.newsContainer table.newsItem a.lnkNewsArticle { margin-left: 30px; }
.imgPlaatje { position:relative; bottom: -1px; }
td#tdContainerLaatsteNieuws table.newsItem { margin:20px; background-color: #004B95; width:90%; border: solid 4px #D9DADB; }
td#tdContainerLaatsteNieuws table.newsItem th { font-size: 14px; color: #ffffff; font-weight: bold; padding: 20px 0px 0px 10px; text-transform: uppercase; }
td#tdContainerLaatsteNieuws table.newsItem th.datum { font-size: 10px; color: #ffffff; text-align: right; padding-right: 10px; }
td#tdContainerLaatsteNieuws table.newsItem td.content { padding: 0px 0px 0px 10px; color: #ffffff; vertical-align:top; }
td#tdContainerLaatsteNieuws table.newsItem td.leesMeer { padding: 0px 10px 14px 0px; text-align: right; color: #ffffff; }
td#tdContainerLaatsteNieuws table.newsItem a,
td#tdContainerLaatsteNieuws table.newsItem a:hover,
td#tdContainerLaatsteNieuws table.newsItem a:link,
td#tdContainerLaatsteNieuws table.newsItem a:visited
{ color: #ffffff; text-decoration:none; text-transform:lowercase; }
/*-----------------------------------------------------------
Images
------------------------------------------------------------*/
adiv#sectionImageContainer { border: solid 0px green; position: absolute; z-index: 20; left: 527px; top: 4px; width: 253px; height: 134px; padding: 0px; margin: 0px; }
/*-----------------------------------------------------------
Images
------------------------------------------------------------*/
table.contactFormulier th { padding: 0 2em 0px 2em; border: 0px solid black; text-align: left;}
table.contactFormulier input { width: 290px; margin-top: 4px; margin-right: 4px; height: 20px; font-family: Verdana, Arial; }
table.contactFormulier textarea { width: 290px; margin-top: 4px; margin-right: 4px; font-size: 12px; font-family: Verdana, Arial;}
table.contactFormulier td.knoppen { text-align: right; padding: 1em 0px; }
table.contactFormulier td.knoppen input { width: 100px; height: auto; }
table.contactFormulier td.checkBox span { width: 200px; height: auto; }
table.contactFormulier td.checkBox input { width: 20px; padding: 0px; margin: 0px; }
table.contactFormulier td.upload { width: 290px; padding-left: 2px; }
table.contactFormulier td.upload input { width: 290px; padding: 0px; margin: 0px; font-size: 11px; font-family: Verdana, Arial; height: 21px;}
/*-----------------------------------------------------------
Kruimelpad
------------------------------------------------------------*/
div#crumbContainer { font-size: 11px; color: #999; position: absolute; z-index: 300; left: 234px; top: 100px; border: none 1px green; padding: 0px; margin: 0px; }
div#crumbContainer div#crumbPath { display: none;}
/*-----------------------------------------------------------
Zoeken
------------------------------------------------------------*/
div#divZoeken { margin: 0; padding-top:10px; clear:both; }
table.tblResults { border: none 1px green; margin-top: 1em; width: 100%; }
table.tblResults td.title { font-weight: bold; padding: 0px 0px 1em 0px; }
table.tblResults td.criteria { font-weight: bold; padding: 0px 0px 1em 0px; text-align: right; }
table.tblResults div.result { border: solid 1px #E8EBF4; margin: 0px 0px 10px 0px; padding: 0.5em; background-color: #E8EBF4; display: inline-block; }
table.tblResults p.resultTitle { font-weight: bold; margin: 0; padding: 0; }
table.tblResults p.resultContent { }
table.tblResults p { margin: 0; padding: 0; }
table.tblResults div.result a { float: right; }
table.tblResults ul { padding-left: 20px; }
/*--------------------------------------------------------------------------------------
stijlen voor de sitemap
----------------------------------------------------------------------------------------*/
div#sitemap li.d1 { margin-left: 20px; font-weight: bold; font-size: 14px; line-height: 1.5em; }
div#sitemap li.d2 { margin-left: 40px; font-weight: normal; font-size: 12px; line-height: 1.5em; }
div#sitemap li.d3 { margin-left: 60px; font-weight: normal; font-size: 12px; line-height: 1.5em; }
div#sitemap li.d4 { margin-left: 80px; }
div#sitemap li.d5 { margin-left: 100px; }
div#sitemap a { color: #535353; }
div#sitemap a:hover { color: #535353; text-decoration: underline; }
/*--------------------------------------------------------------------------------------
styles voor externe-link-pagina
----------------------------------------------------------------------------------------*/
div#divFrameForExternalPage { width: 620px; height: auto; }
div#divFrameForExternalPage iframe { width: 620px; height: 500px; }
/*--------------------------------------------------------------------------------------
styles voor invulformulier
----------------------------------------------------------------------------------------*/
div#formulier .watermark { color: #aaa; font-style: italic; }
div#formulier .fielderror { background-color: #FFFFCE; border: solid 1px #999; padding: 2px; }
div#formulier table.if { margin: 0; padding: 0; border-collapse: collapse; }
div#formulier th { padding: 6px 40px 0 0; }
div#formulier td.title { font-weight: bold; }
div#formulier div.tdTitle { background-color: #90278C; margin: 2em 0 0.5em 0; padding: 2px; color: #fff; }
div#divVisual h1.basictemplateheader { visibility:hidden;}
/*--------------------------------------------------------------------------------------
Styles voor de download-pagina
----------------------------------------------------------------------------------------*/
p.dtiDate { display: none; visibility: hidden; }
p.dliBody { display: none; visibility: hidden; }
div.dliTitle { width: 300px; float: left; }
div.dliDownload { width: 100px; float: right; }
a.dliADownload { text-decoration: underline; }