/* general styling */
body {font-family: arial, geneva, sans-serif; font-size: 11px; color: #000000; background: #00308C; margin: 8px 5px 8px 5px}
td, ol, li, {font-family: arial, geneva, sans-serif;text-align: left}

a:link    {font-family: arial, geneva, sans-serif; color: #243E90; text-decoration: underline}
a:active  {font-family: arial, geneva, sans-serif; color: #243E90; text-decoration: underline}
a:visited {font-family: arial, geneva, sans-serif; color: #243E90; text-decoration: underline}
a:hover   {font-family: arial, geneva, sans-serif; color: #000000; text-decoration: underline}

.advertentie  {font-family: arial, geneva, sans-serif; font-size: 10px; font-style: italic; text-align: center; color: #999999}

/* clickpath styling */
.clickpath      {font-family: arial, geneva, sans-serif; font-size: 11px; color: #ffffff}
.clickpathtitle {font-family: arial, geneva, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff}
.clickpathdate  {font-family: arial, geneva, sans-serif; font-size: 11px; color: #ffffff; padding: 0px 5px 0px 0px}
a.clickpathlink, a.clickpathlink:visited  {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: none}
a.clickpathlink:hover {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: underline}


/* main menu style with a.hover to create the mouseover effect - because of the location of the "home" link, a different style has to be made to adjust the location of the border */
a.zgmenu, a.zgmenu:visited, a.oomenu, a.oomenu:visited, a.rfmenu, a.rfmenu:visited, a.nmmenu, a.nmmenu:visited, a.namenu, a.namenu:visited  {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: none; background: #243e90; display: block; border-top: 1px solid #fff; padding: 2px 5px 2px 5px}
a.zgmenu:hover,a.zgmenu:active,a.oomenu:hover,a.oomenu:active,a.rfmenu:hover,a.rfmenu:active,a.nmmenu:hover,a.nmmenu:active,a.namenu:hover,a.namenu:active {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: none; background: #739dff; display: block; border-top: 1px solid #fff; padding: 2px 5px 2px 5px}


a.homemenu, a.homemenu:visited  {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: none; background: #243e90; display: block; padding: 2px 5px 2px 5px}
a.homemenu:hover {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: none; background: #739dff; display: block; padding: 2px 5px 2px 5px}


/* main menu style with a.hover to create the mouseover effect - because of the location of the "home" link, a different style has to be made to remove the border element */
a.menuover, a.menuover:visited  {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: none; background: #739dff; display: block; border-top: 1px solid #fff; padding: 2px 5px 2px 5px}
a.menuover:hover {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: none; background: #739dff; display: block; border-top: 1px solid #fff; padding: 2px 5px 2px 5px}

a.homemenuover, a.homemenuover:visited  {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: none; background: #243e90; display: block; padding: 2px 5px 2px 5px}
a.homemenuover:hover {font-family: arial, geneva, sans-serif; color: #ffffff; font-size:11px; font-weight: bold; text-decoration: none; background: #739dff; display: block; padding: 2px 5px 2px 5px}


/* general style for sub-menu */
.submenu  {font-family: verdana, arial, geneva, sans-serif; font-size: 11px; color: #333333; padding: 0px 0px 0px 5px}
.submenuheader  {font-family: verdana, arial, geneva, sans-serif; font-size: 11px; color: #333333; font-weight: bold; background: #DFDFDF; width: 120px; padding: 1px 0px 2px 5px}
.submenuspacer  {font-family: verdana, arial, geneva, sans-serif; font-size: 3px; color: #333333; width: 120px}
a.submenulink  {font-family: arial, geneva, sans-serif; color: #333333; text-decoration: none}
a.submenulink:visited {font-family: arial, geneva, sans-serif; color: #333333; text-decoration: none}
a.submenulink:hover {font-family: arial, geneva, sans-serif; color: #243E90; text-decoration: underline}


/* the form element removes extra space that is by default within the form-tag */
form    {font-family: arial, geneva, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
.input  {font-family: arial, geneva, sans-serif; font-size: 11px; color: #333333}
.submit {font-family: arial, geneva, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; background: #999999; border: 1px solid #ffffff #666666 #666666 #ffffff}
.dropdown {font-family: arial, geneva, sans-serif; font-size: 10px; font-weight: bold; color: #333333; width: 148px}

/* blue header and link styling */
.blauwheader {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; font-weight: bold}
a.blauwheaderlink  {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: none; font-weight: bold}
a.blauwheaderlink:visited {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: none; font-weight: bold}
a.blauwheaderlink:hover {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; text-decoration: underline; font-weight: bold}

/* black header and link styling */
.zwartheader {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; font-weight: bold}
a.zwartheaderlink  {font-size: 12px; color: #000000; text-decoration: none; font-weight: bold}
a.zwartheaderlink:visited {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold}
a.zwartheaderlink:hover {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: underline; font-weight: bold}

/* service section header and link styling */
.serviceheader {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; font-weight: bold}
a.serviceheaderlink  {font-family: arial, geneva, sans-serif; font-size: 10px; color: #243E90; text-decoration: none; font-weight: bold}
a.serviceheaderlink:visited {font-family: arial, geneva, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: bold}
a.serviceheaderlink:hover {font-family: arial, geneva, sans-serif; font-size: 10px; color: #243E90; text-decoration: underline; font-weight: bold}

/* homepage and sidebar text styling */
.homepagetext {font-family: arial, geneva, sans-serif; font-size: 11px; color: #000000; line-height: 18px}
.blauwhomepagetext {font-family: arial, geneva, sans-serif; font-size: 11px; color: #243E90; line-height: 15px; padding: 0px 5px 0px 5px}
.sidebartext {font-family: arial, geneva, sans-serif; font-size: 11px; color: #000000; line-height: 15px; padding: 0px 5px 0px 5px}

/* arikel and verdiepings page styling */
.artikelheader {font-family: arial, geneva, sans-serif; font-size: 14px; color: #243E90; font-weight: bold}
.superkop { font-family: Arial; font-size: 19px; color: #000000; text-decoration: none; font-weight: bold;line-height: 20px;}
.kop { font-family: Arial; font-size: 16px; color: #000000; text-decoration: none; font-weight: bold;line-height: 20px;}
.subkop { font-family: Arial; font-size: 13px; color: #000000; text-decoration: none; font-weight: bold;line-height: 20px;}
.vdate { font-family: Arial; font-size: 10px; color: #000000; text-decoration: none; line-height: 13px;}
.aanhef { font-family: Arial; font-size: 12px; color: #000000; text-decoration: none; font-weight: bold; line-height: 16px; letter-spacing: 0.5pt;}
.alineabody { font-family: Arial; font-size: 12px; color: #000000; text-decoration: none; line-height: 16px;}
.intro { font-family: Arial; font-size: 12px; color: #000000; text-decoration: none; line-height: 16px;}
.hintro { font-family: Arial; font-size: 12px; color: #000000; text-decoration: none; line-height: 16px;}
a.blauwheaderlink  {font-family: arial, geneva, sans-serif; font-size: 14px; color: #243E90; text-decoration: none; font-weight: bold}
a.blauwheaderlink:visited {font-family: arial, geneva, sans-serif; font-size: 14px; color: #243E90; text-decoration: none; font-weight: bold}
a.blauwheaderlink:hover {font-family: arial, geneva, sans-serif; font-size: 14px; color: #000000; text-decoration: underline; font-weight: bold}
.artikelbyline {font-family: arial, geneva, sans-serif; font-size: 10px; color: #000000}
.artikeltext {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; line-height: 24px}
.lijsttext {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; text-decoration: none}

.lijstlink {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
a.lijstlink {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
a.lijstlink:visited {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
a.lijstlink:hover {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; text-decoration: underline}

.biglijstlink {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: none; font-weight: bold}
a.biglijstlink {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: none; font-weight: bold}
a.biglijstlink:visited {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: none; font-weight: bold}
a.biglijstlink:hover {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: none; font-weight: bold}

/* Zwarte header rechtsHome specials */
.blackheader  {font-family: arial, geneva, sans-serif; font-size: 17px; color: #000000; text-decoration: underline; font-weight: bold}
a.blackheaderlink  {font-family: arial, geneva, sans-serif; font-size: 17px; color: #000000; text-decoration: underline; font-weight: bold}
a.blackheaderlink:visited {font-family: arial, geneva, sans-serif; font-size: 17px; color: #000000; text-decoration: underline; font-weight: bold}
a.blackheaderlink:hover {font-family: arial, geneva, sans-serif; font-size: 17px; color: #000000; text-decoration: underline; font-weight: bold}

/* lezers reacties styling */
.reactieheader {font-family: arial, geneva, sans-serif; font-size: 14px; color: #000000; font-weight: bold}
.reactietext   {font-family: arial, geneva, sans-serif; font-size: 11px; color: #000000; line-height: 18px; font-style: italic}

.reactiebylinedate {font-family: arial, geneva, sans-serif; font-size: 11px; color: #243E90; font-style: italic}
.reactiebyline {font-family: arial, geneva, sans-serif; font-size: 11px; color: #000000; text-decoration: none}
a.reactiebyline  {font-family: arial, geneva, sans-serif; font-size: 11px; color: #243E90; text-decoration: none}
a.reactiebyline:visited {font-family: arial, geneva, sans-serif; font-size: 11px; color: #243E90; text-decoration: none}
a.reactiebyline:hover {font-family: arial, geneva, sans-serif; font-size: 11px; color: #243E90; text-decoration: underline}

/* dossier main header and link styling */
.dossierheader {font-family: arial, geneva, sans-serif; font-size: 18px; color: #000000; font-weight: bold}
a.dossierheaderlink  {font-family: arial, geneva, sans-serif; font-size: 18px; color: #000000; text-decoration: none; font-weight: bold}
a.dossierheaderlink:visited {font-family: arial, geneva, sans-serif; font-size: 18px; color: #000000; text-decoration: none; font-weight: bold}
a.dossierheaderlink:hover {font-family: arial, geneva, sans-serif; font-size: 18px; color: #243E90; text-decoration: underline; font-weight: bold}
.dossierteaser {font-family: arial, geneva, sans-serif; font-size: 11px; color: #000000; text-decoration: none}

/* blue header (in the side bar) and link styling (this is two px's bigger than the algemeen blue header) */
.sidebarblauwheader {font-family: arial, geneva, sans-serif; font-size: 14px; color: #243E90; font-weight: bold}
a.sidebarblauwheader  {font-family: arial, geneva, sans-serif; font-size: 14px; color: #243E90; text-decoration: none; font-weight: bold}
a.sidebarblauwheader:visited {font-family: arial, geneva, sans-serif; font-size: 14px; color: #243E90; text-decoration: none; font-weight: bold}
a.sidebarblauwheader:hover {font-family: arial, geneva, sans-serif; font-size: 14px; color: #243E90; text-decoration: underline; font-weight: bold}

.timestamp {font-family: arial, geneva, sans-serif; font-size: 11px; color: #000000; font-style: italic}

/* Achtergrond */
.achtergronddatum {font-family: arial, geneva, sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-style: italic;}
.achtergronduitdossier {font-family: arial, geneva, sans-serif; font-size: 11px; color: #000000; text-decoration: none}


/* Breaking nieuws */
.bnartikelaanhef {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; line-height: 18px}
a.bnartikelaanhef, a.bnartikelaanhef:visited, a.bnartikelaanhef:hover {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; line-height: 18px; text-decoration: underlined}
.bnvoettekst {font-family: arial, geneva, sans-serif; font-size: 10px; color: #000000; line-height: 14px}
.bnartikellist { margin 0; }

/* Het weer */
.weerkop {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }
.weertekst {font-family: arial, geneva, sans-serif; font-size: 12px; color: #000000;  text-decoration: none}
.weerlink {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: underline}
a.weerlink {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: underline}
a.weerlink:visited {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: underline}
a.weerlink:hover {font-family: arial, geneva, sans-serif; font-size: 12px; color: #243E90; text-decoration: underline}

/* Gatekeeper */
.error {  font-family: Arial, geneva, sans-serif; font-size: 12px; color: #FF0000}
.error-field-label { font-family: Arial, geneva, sans-serif; font-size: 12px; color: #FF0000 ; font-weight: normal}
.field-label { font-family: Arial, geneva, sans-serif; font-size: 12px; color: #000000; font-weight: normal }

.gatekeepersmall {font-family: arial, geneva, sans-serif; font-size: 10px; color: #000000; text-decoration: none}
a.gatekeepersmall  {font-family: arial, geneva, sans-serif; font-size: 10px; color: #000000; text-decoration: none}
a.gatekeepersmall:visited {font-family: arial, geneva, sans-serif; font-size: 10px; color: #000000; text-decoration: none}
a.gatekeepersmall:hover {font-family: arial, geneva, sans-serif; font-size: 10px; color: #000000; text-decoration: underline}

.loginsmall {font-family: arial, geneva, sans-serif; font-size: 10px; color: #243E90; text-decoration: none}
a.loginsmall {font-family: arial, geneva, sans-serif; font-size: 10px; color: #243E90; text-decoration: none}
a.loginsmall:visited {font-family: arial, geneva, sans-serif; font-size: 10px; color: #243E90; text-decoration: none}
a.loginsmall:hover {font-family: arial, geneva, sans-serif; font-size: 10px; color: #243E90; text-decoration: underline}

.nieuwsbriefTussenkop { font-family: Arial; font-size: 12px; color: #000000; text-decoration: none; line-height: 16px; font-weight: bold;}
.nieuwsbriefCategorie, .boekrecensieCategorie { font-family: Arial; font-size: 12px; color: #000000; text-decoration: none; line-height: 16px;}
.nieuwsbriefTekst, .boekrecensieTekst { font-family: Arial; font-size: 12px; color: #000000; text-decoration: none; line-height: 16px;}