/* CSS Document */

html { height: 100%; }

body { font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif; font-size:100.01%;
height:100%; margin-top:0px; margin-bottom:1px; color:#185778; }

h2 { font-size:15px; letter-spacing:2px; text-align:left; text-transform:uppercase; }
h3 { margin:6px 0px 50px 3px; font-size:15px; letter-spacing:2px; text-transform:uppercase; }
.clr { clear: both; }

/* === HEADERBOX === */
div#bodybox { margin-top:0px; margin-right:auto; margin-left:auto; width:980px; background:#FFF; background-image:url(../images/background_subpage.gif); background-repeat:no-repeat; border-top:1px solid #EC3E55; }

div#homebodybox { margin-top:0px; margin-right:auto; margin-left:auto; width:980px; background:#FFF; background-image:url(../images/background_homepage.jpg); background-repeat:no-repeat; border-top:1px solid #cfcfcf; font-size:0.9em; }

/* === HEADERBOX === */
div#headerbox { margin:0px 0px 0 0px; border:0px solid blue; }
div#headerbox h1 { margin:2px 0 2px 8px; padding:0; }

/* === SEARCHBOX === */
div#searchbox { float:right; margin:0px; width:170px; border:0px solid lime; }
div.search { margin:4px 0 0 0; background:#EC3E55; border:0px dashed lime; }
input.inputbox { border:1px solid #FFF; }

/* === BOX HOOFDMENU BOVEN === */
div#topmenubox { margin:0 0px 0 0px; background:#EC3E55; border:1px solid #EC3E55; }

/* === HOOFDMENU BOVEN === */
div#topmenubox table { margin:0px 0px 0px 8px; width:790px; border-top:5px solid #EC3E55; border-bottom:5px solid #EC3E55; }
div#topmenubox td { color:white; font-family:Arial; font-size:12px; letter-spacing:1px; text-transform:uppercase; }
div#topmenubox a:link, div#topmenubox a:visited { color:white; text-decoration:none; }
div#topmenubox a:hover, div#topmenubox a:active { color:white; text-decoration:underline; }

div#topmenubox a#active_menu-nav:link, div#topmenubox a#active_menu-nav:visited { color:white; font-weight:bold; text-decoration:underline; }
div#topmenubox a#active_menu-nav:hover, div#topmenubox a#active_menu-nav:active { color:white; font-weight:bold; text-decoration:underline; }

ul#mainlevel-nav { margin:6px; padding:0; border:0px dashed blue; list-style-type:none; }
ul#mainlevel-nav li { display:inline; margin:8px 2px 8px 2px; padding:0; border:0px solid #EFEFEF; }
a.mainlevel-nav { padding:2px 4px 2px 4px; text-transform:uppercase; border:0px dotted blue; }

div#pathwaybox { margin:0 8px 10px 8px; padding-left:10px; background:#CFCFCF; border:0px solid white; }

/* === BOX LEFT === */
div#leftbox { float:left; margin:0 0 0 0px; width:250px; height:522px; border:0px solid blue; }
div#leftbox h3 { margin:0; padding-left:2px; background:#EFEFEF; border:4px solid #DFDFDF; }
div#leftbox div.moduletable { margin:0px; border:0px dashed blue; }
div#leftbox table { margin:8px 0 8px 0; border:0px dotted blue; }
div#leftbox td { padding:2px 0 3px 0; font-family:Arial; font-size:15px; letter-spacing:1px; border:0px solid #DFDFDF; }
div#leftbox a.mainlevel,
div#homeleftbox a.mainlevel { display:table-cell; margin:0; padding:2px 0px 2px 28px; width:245px; background-image:url(../images/kroontje1.gif); background-repeat:no-repeat; text-decoration:none; text-transform:uppercase; font-size:12px; }

div#leftbox a:link, div#leftbox a:visited { color:#185778; text-decoration:none; }
div#leftbox a:hover, div#leftbox a:active { color:#185778; text-decoration:underline; }

div#leftbox a#active_menu:link, div#leftbox a#active_menu:visited, div#leftbox a#active_menu:hover, div#leftbox a#active_menu:active { font-weight:bold; text-decoration:underline; }

div.moduletableacag { }
div.moduletableacag td { margin:0px; width:180px; border-collapse:collapse; border:0px solid blue; }
div.moduletableacag td { display:none; padding:0px; }
div.moduletableacag td.contentheading,
div.moduletableacag td.contentheadinglong,
 { display:block; padding:0px; }
div.logobox { width:176px; border:1px solid red; }


/* === BOX RIGHT === */
div#rightbox { float:right; margin:0 8px 0 0; width:165px; background:#DFDFDF; border:1px solid green; }
div#rightbox div.moduletable { margin:0px; border:0px dashed green; }
div#rightbox h3 { margin:0; padding-left:2px; background:#EFEFEF; border:4px solid #DFDFDF; }

/* === POLLBOX === */
table.poll { margin:4px 4px 8px 4px; background:#DFDFDF; font-size:0.9em; }
td.sectiontableentry1 { background:white; }
td.sectiontableentry2 { background:#EFEFEF; }

/* === CONTENTBOX === */
/* === CONTENTBOX === */
div#contentbox2 { margin:0px 185px 4px 250px; background:#CFCFCF; border:1px solid red; }
div#contentbox { margin:50px 0px 4px 250px; width:650px; border:0px solid red; }
div#contentbox a:link, div#contentbox a:visited { color:#185778; text-decoration:none; }
div#contentbox a:hover, div#contentbox a:active { color:#185778; text-decoration:underline; }

table.contentbox { margin:12px 4px 4px 4px; width:640px; border:0px dotted orange; }
table.contentbox td { font-size:14px; border:0px solid orange; }
table.contentbox td.textbox { padding-top:0px; font-size:14px; text-align:left; border:0px solid orange; }
td.textbox table { border:0px solid orange; }
td.textbox input.inputbox, td.textbox textarea.inputbox { border:1px solid #185778; }
td.textbox input.button { background:#EFEFEF; color:#185778; border:1px solid #185778; }


table.af { margin:12px 0px 4px 0px; width:460px; border:0px solid orange; }

/* === NEWS CONTENTBOX === */
ul.latestnews { margin-left:20px; padding-left:0px; list-style-type:circle; font-size:14px; line-height:20px; }
ul.latestnews a:link, a:visited { color:#185778; text-decoration:none; }
ul.latestnews a:hover, ul.latestnews a:active { color:#185778; text-decoration:underline; }
li.latestnews { margin-bottom:12px; list-style-image:url(../images/streepje1.gif); }
li.latestnews img { display:none; vertical-align:middle; border:0px solid white; }

tr.sectiontableentry1 td { padding:4px 6px 4px 6px; font-size:14px; font-weight:bold; }
tr.sectiontableentry2 td { padding:4px 6px 4px 6px; font-size:14px; font-weight:bold; background:#EFEFEF; }

/* === STYLES === */
table.blog { margin:4px 4px 4px 4px; width:600px; border:0px solid gold; }
table.blog img { margin-left:8px; }
table.contentpaneopen,
table.contentpaneopenlong { margin:0px 4px 0px 0px; border:1px solid red; }
table.contentpaneopen{ width:400px; }
table.contentpaneopenlong { width:600px; }
td.contentheading, 
td.contentheading td,
td.contentheadinglong, 
td.contentheadinglong td 
{ padding:0px 0px 0px 0px; font-weight:bold; font-size:15px; letter-spacing:2px; text-transform:uppercase; }
td.createdate { font-size:0.8em; }
td.modifydate { font-size:0.8em; }

div.componentheading { margin:0px 0 10px 0px; font-weight:bold; font-size:15px; letter-spacing:2px; text-transform:uppercase; }
table.contentpane,
table.contentpanelong { margin:4px 4px 4px 0px; width:440px; border:0px solid gold; }

table.contenttoc { margin:4px 4px 4px 4px; border:0px solid gold; }
table.contenttoc td { padding:4px 4px 4px 4px; }
table.contenttoc a.toclink { font-size:0.8em; }

div.pagenavcounter { font-size:0.8em; }
th.pagenav_prev { font-size:0.8em; }
th.pagenav_next { font-size:0.8em; }
td.contentdescription { padding:4px; }
td.sectiontableheader { font-weight:bold; }
td.sectiontablefooter { font-size:0.8em; }
div.back_button { margin:4px; }
span.small { font-size:0.8em; }

/* === ZOOM MEDIA GALLERY === */
table.zoomgal td { padding-right:6%; }

table.zoomhome { margin:10px 0px 0px 3px; width:400px; border:0px solid black; }
table.zoomhome td { padding:2px 2px 2px 0px; border:0px dotted black; }
table.zoomhome a { font-weight:bold; }
table.zoomhome img { margin-right:15px; }

td#zoompagenav { padding-bottom:8px; font-size:0.9em; font-weight:normal; }

/* === HOMEPAGE === */
/* === HOMEPAGE === */
div#homecontentbox { margin:0px 0px 4px 275px; width:640px; border:0px solid red; }

table.agenda { margin:0px 0px 0px 20px; width:280px; border:0px solid black; }
table.agenda td.col1 { text-transform:uppercase; font-weight:bold; font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif; font-size:14px; letter-spacing:1px; }
table.agenda td.col2 { text-align:right; font-weight:bold; font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif; font-style:italic; font-size:12px; }
table.agenda img { vertical-align:middle; border:0px solid white; }
table.agenda a:link, table.agenda a:visited { color:#185778; font-weight:bold; text-decoration:none; }
table.agenda a:hover, table.agenda a:active { color:#185778; font-weight:bold; text-decoration:underline; }

/* ===  Topmenu homepage (NEWSBOX) == */
div.topbanner { /* visibility:hidden; */ margin:75px 0 0 80px; color:white; border:0px solid purple; }
div.topbanner img { border:0; }
div#hometopbox { margin:25px 4px 4px 0px; color:white; border:0px solid purple; }
div#hometopbox div.moduletable { margin:0px; border:0px dashed purple; }
div#hometopbox td { font-size:12px; letter-spacing:1px; color:white; font-family:Arial; text-transform:uppercase; }
div#hometopbox a:link, div#hometopbox a:visited { color:white; text-decoration:none; }
div#hometopbox a:hover, div#hometopbox a:active { color:white; text-decoration:underline; }

/* === POPULAR CONTENTBOX === */
div.user1box { margin:0px 25px 4px 20px; border:0px solid purple; }
div.user1box div.moduletable, div.user2box div.moduletable  { margin:0; border:0px dashed purple; }
div.user1box h3, div.user2box h3  { margin:0; padding-left:2px; font-size:14px; font-family:Arial; letter-spacing:1px; text-transform:uppercase; border:0px solid #DFDFDF; }
div.user1box a:link, div.user1box a:visited { color:#185778; font-weight:bold; text-decoration:none; }
div.user1box a:hover, div.user1box a:active { color:#185778; font-weight:bold; text-decoration:underline; }

div.user2box { margin:0px 4px 4px 20px; border:0px solid purple; }
div.user2box a:link, div.user2box a:visited { color:#185778; font-weight:bold; text-decoration:none; }
div.user2box a:hover, div.user2box a:active { color:#185778; font-weight:bold; text-decoration:underline; }


/* === BOX LEFT === */
div#homeleftbox { float:left; margin:0 0 0 0px; width:275px; height:528px; border:0px solid blue; }
div#homeleftbox h3 { margin:0; padding-left:2px; background:#EFEFEF; border:4px solid #DFDFDF; }
div#homeleftbox div.moduletable { margin:0px; border:0px dashed blue; }
div#homeleftbox table { margin:8px 0 8px 0; border:0px dotted blue; }
div#homeleftbox td { padding:2px 0 3px 0; font-family:Arial; font-size:15px; letter-spacing:1px; border:0px solid #DFDFDF; }

div#homeleftbox a#active_menu:link, div#homeleftbox a#active_menu:visited, div#homeleftbox a#active_menu:hover, div#homeleftbox a#active_menu:active { font-weight:bold; text-decoration:underline; }

div.moduletabledkhome { margin:92px 0 0 52px; border:0px solid black; }


/* === BANNERBOX === */
div#bottombox { margin:0px 0 2px 0; clear:both; height:55px; border:0px solid khaki; background:#EC3E55; }
div#bottombox table { margin:0px 0 0px 0; width:100%; border:0px dashed khaki; }
div#bottombox td { color:white; border:0px dotted khaki; font-size:13px; font-family:Arial; }

div#bottombox a:link, div#bottombox a:visited { color:white; text-decoration:none; }
div#bottombox a:hover, div#bottombox a:active { color:white; text-decoration:underline; }


div#bottombox td.col1 { padding:0px 0px 8px 10px; width:300px; font-size:12px; font-style:italic; line-height:18px; vertical-align:top; }
div#bottombox td.col2 { padding-right:10px; text-align:right; vertical-align:top; font-size:12px; letter-spacing:1px; }

div#bannerbox { margin:20px 0 8px 0; background:#CFCFCF; border:0px solid khaki; }
div#banner_inner { float:left; }
div#poweredby_inner { float:right; }

/* === FOOTERBOX === */
div#footerbox { display:none; margin:8px; background:#CFCFCF; border:2px solid tomato; }
div#footerbox div {}


input.button {}
span.pathway {}
a.mainlevel { }
ul.mostread {}
li.mostread {}
a.mostread {}

a.readon {}
div.blog_more {}
div.blog_more strong {}
a.blogsection {}
span.error {}
span.article_seperator {}
table.zoomgal {}

img[src*="intent1"] {margin-left: 20px;}

/* == main frame == 
(een DIV om de content heen, puur om te zorgen voor een in-page scrollbalk indien nodig)
*/
#mainframe {
    overflow: auto;
    height: 350px;
    width: 700px;
}
a:link, a:visited { color:#185778; text-decoration:underline; }