html,body, form {
margin:0;
padding:0;
height:100%;
width:100%;
border:none;
}
html { background: url('../img/bg-body.gif'); }
body { }
body,td,a,p,th,ol,div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color:#7d7d7d; }
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: 15px; text-decoration:none; font-weight:normal; }
/*-----------------------------------------------------------
stijlen voor de menu's
------------------------------------------------------------*/
ul#menu2 { padding: 0px; list-style: none; width:180px; margin-top:0px; margin-bottom:0px; }
ul#menu2 li { background: url(../img/bg-menuitem.gif) no-repeat top right; margin-top: 6px; text-align:left;}
ul#menu2 li.selected { background: url(../img/bg-menuitem_selected.gif) no-repeat top right; }
ul#menu2 li a { padding-left:5px; display: block; line-height: 2.5em;
background: url(../img/bg-menuitem.gif) no-repeat top left; text-decoration: none;
color: #9D9D9D; font-weight: bold; }
ul#menu2 li.selected a { padding-left:5px; display: block; line-height: 2.5em;
background: url(../img/bg-menuitem_selected.gif) no-repeat top left; text-decoration: none;
color:#fff; font-weight: bold; }
ul#menu2 a:hover { padding-left:7px; color:#333; }
ul#menu2 li.selected a:hover { color:#fff; }
div#divSubMenu2 { padding: 0 0 0 20px; margin-top: 0px; }
/*-----------------------------------------------------------
stijlen voor de container(s) van alle elementen
------------------------------------------------------------*/
div#wrapper
{
min-height: 100%;
background: #ececec url('/img/bg-leftsidebar.jpg') repeat-y; background-position: 0;
height: auto !important;
height: 100%;
width: 940px;
margin: 0 auto;
}
div#header
{
position:relative;
margin: 0 auto;
width: 940px;
background-position:center top; height:305px;
}
div#headerbar
{
position:absolute; left:0px; top:35px; height:237px; width:100%; background:#646363 url('/img/bg-header-bar.jpg') no-repeat; background-position:center; border-top: solid 2px #a19f9f;
}
div#header h1 { color:#fff; position:absolute; top:10px; left:20px; margin:0px; padding:0px; }
div#header div#topmenu { position:absolute; top:8px; right: 15px; }
div#header div#topmenu a, div#header div#topmenu a:link, div#header div#topmenu a:visited,
div#header div#topmenu a:hover { margin-right: 10px; text-decoration:none; font-size:11px; }
div#mainContainer
{
text-align:left;
float:left;
background-image:url('/img/bg-content.gif');
background-repeat:no-repeat;
background-position:bottom;
margin: 0 auto;
width:940px;
position:relative;
vertical-align:top;
padding-bottom:35px;
}
div#contentContainer { margin:0px; padding: 5px 20px 20px 20px; border: solid 2px #7d7d7d; width:560px; background:#fff; }
div#content
{
margin-left:35px;
float:left;
}
div#leftsidebar
{
width:258px;
float:left;
border: dashed 0px red;
padding-left:0px;
padding-top:10px;
text-align:center;
}
div#blokcontact { position:absolute; bottom:3px; margin-left:33px; color:#e9e9e8; text-align:center; }
div#blokcontact h1, div#blokcontact h1 a, div#blokcontact h1 a:visited, div#blokcontact h1 a:hover, div#blokcontact h1 a:link
{ margin-top:20px; margin-left:8px; width:150px; padding-top: 5px; font-size:12pt; line-height:14pt; font-weight: bold; color:#e9e9e8; }
div#blokcontact a, div#blokcontact a:visited, div#blokcontact a:hover, div#blokcontact a:link
{ text-decoration:none; font-weight:normal; color:#e9e9e8; font-size:9px; }
div#blokcontact p { margin-top:20px; margin-left:18px; width:200px; padding: 0px; line-height:16px; color:#e9e9e8; font-size:9px; }
/*--------------------------------------------------------------------------------------
stijlen voor het inhoudsgedeelte
----------------------------------------------------------------------------------------*/
div#contentContainer h1 { font-weight:bold; color:#7d7d7d; font-size: 15px; padding: 12px 0 0 0; margin: 0px 0px 1em 0px; }
h1#h1header { color:#7d7d7d; font-size: 18px; padding: 12px 0 0 0; margin: 0px 0px 1em 0px; }
div#contentContainer h2 { color:#7d7d7d; font-size: 14px; font-weight: bold; margin: 1em 0px 0px 0px; }
div#contentContainer h3 { color:#7d7d7d; font-size: 12px; font-weight: bold; margin: 1em 0px 0px 0px; }
div#contentContainer td { color: #7d7d7d; margin: 0px; line-height: 18px; }
div#contentContainer th { margin: 0px; line-height: 18px; }
div#contentContainer p { color: #7d7d7d; margin: 0px; line-height: 18px; margin-bottom: 1em; }
div#contentContainer ul { margin: 0px; line-height: 18px; margin-bottom: 1em; padding-left: 20px; }
div#contentContainer ol { margin: 0px; line-height: 18px; }
div#contentContainer a { color: #7d7d7d; text-decoration: none; color:Red; }
div#contentContainer a:visited { color: #7d7d7d; text-decoration: none; color:Red; }
div#contentContainer a:hover { color: #7d7d7d; text-decoration: underline; color:Red; }
div#contentContainer table.adresgegevens td { padding: 0px 20px 4px 0px; }
div#contentContainer img { margin: 0px 0px 8px 2em; }
div#contentContainer img.links { margin: 0px 2em 8px 0em; float: left; }
/*--------------------------------------------------------------------------------------
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:#878787; border-bottom: dashed 1px #878787; background-color: #ffffff; }
table.newsContainer table.newsItem th { font-size: 11px; color: #878787; font-weight: bold; padding: 4px 10px; }
table.newsContainer table.newsItem th.datum { font-size: 10px; color: #0072af; font-style:italic; font-weight:normal; 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 { vertical-align:middle; height:20px; padding: 0 2em 0px 0; 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;}