/* Global tag redefinitions */
* { font: 12px Liberation Sans, Arial, sans-serif }
img  { border: 0px }
li  { padding-bottom: 5px }
table, td { border-collapse: collapse; padding: 5px; border-spacing: 0px; vertical-align: top }
table.surrounding, td.surrounding { border-collapse: collapse; padding: 0px; border-spacing: 0px; vertical-align: top }

th { padding: 4px; vertical-align:top; text-align:left;border: 1px solid #ccc; font-weight: bold; background-color: #f4f4f7 }

/* Page titles */
div.wide {width:760px;margin:0px;margin-top: 5px; background-color:#EAE2D8;margin-left:auto;margin-right:auto;color: #009;padding-top:1px;padding-bottom:1px;text-align:right; font: 14px 'Arial Black'}

div.payoff {margin:0px;margin-top: 5px; background-color:#EAE2D8;margin-left:auto;margin-right:auto;color: #009;padding-top:1px;padding-bottom:1px;text-align:right; font: 14px 'Arial Black'}

h3, h3 a {margin:0px;margin-top: 15px; margin-left:auto;margin-right:auto;color: #009;padding-top:1px;padding-bottom:1px;text-align:left; font: 14px 'Arial Black'; border-color:grey; border-bottom-style: dashed; border-width:thin; margin-bottom: 10px}

dt {margin-top: 15px; margin-bottom: 4px}
p {margin-top: 5px;}
h4, h5, h6 {font-size: 13px; font-weight:bold}
h4 {color: #009; margin-top: 0px}
h5 {color: #000; margin-top: 15px; margin-bottom: 15px}
h6 {color: #203040; margin-top: 25px; margin-bottom: 8px}

strong { font-weight:bold; }
body {background-color: #FFF; margin: 0px; text-align: center;  margin-left: 20px; margin-right: 20px}

a, a:active, a:visited {color: #009; text-decoration:none}
a:hover {color: #C60}

/* Bullet lists global standard */
td.content ul, td.content ol { padding-left:20px; margin-left: 5px; margin-bottom: 20px }

/* header */
div.logo {margin:0px}
div.top {height:95px; width: 760px; margin-left: auto; margin-right:auto; border-bottom: 1px solid #009; margin-bottom: 5px;
background-image:url('/plaatjes/line_horizontal.gif');background-repeat:no-repeat;background-position:332px 48px}
div.top img { float:left; margin-top: 15px}
div.top .box a {display:block; padding: 6px; padding-left: 10px; padding-right: 10px; font-weight:bold; font-size:11px; text-align:right}
div.top .box {margin:0px;float:right; background:url('/plaatjes/line_vertical.gif') no-repeat 0px 0px; 
padding-top: 20px; padding-bottom: 20px; margin-top: 3px}



/* right floating sidenavigation */
div.sidenavRight { float: right; width: 120px; margin-left: 6px; margin-bottom: 6px; border: 1px solid #630000 }
div.sidenavRight a { border-bottom: 1px solid #fff; padding: 2px; display:block; color: #009; background-color: #f4f4f7;text-decoration: none}
div.sidenavRight a:hover { background-color: #fff }


div.subnav { float: right; width: 115px; margin-left: 4px; margin-top: 10px; margin-bottom: 6px; border-bottom: 1px solid #EAE2D8; }
div.subnav a, div.subnav a:visited { font-size: 11px; background-image: url('/plaatjes/arrow.gif'); background-repeat:no-repeat; background-position: 7px 2px; padding-bottom: 3px; padding-top: 2px; padding-left: 14px; padding-right: 1px; display:block; color: #009; text-decoration: none;border-right: 1px solid #EAE2D8; border-left: 1px solid #EAE2D8; }
div.subnav a:hover { color: #506070 }
div.subnav div { color: #009; font-weight:bold; text-align:left; padding:1px; padding-left: 7px; background-image: url("/plaatjes/submenu_top.gif"); background-repeat:no-repeat}

/* left menu items */
div.sidenav { width: 150px;}
div.sidenav a, .l-menuTopline { display:block; padding: 5px; text-align: right; font-size: 11px; text-decoration:none}
a.l-menuTopline { border-top: 1px solid #ccc}


/* left menu subtitles */
.menutitle, .menutitle:visited { text-align:right; padding: 5px; padding-left: 0px; margin-left: -3px; font-weight: bold; color: #009; }

/* footer */
div.footer {color: #999; font-size: xx-small; margin-left: auto; margin-right:auto; width: 760px; border-top: 1px solid #ccc; text-align: left; padding-top: 5px; }
div.footer a, .footer div { font-size: xx-small }


/* main table */
table.main { width: 760px; ;margin-left: auto; margin-right:auto; border-top: 1px solid #009; margin-top: 5px}

/* left container */
td.left { width: 150px }

/* Content right container */
td.content { padding: 20px; padding-right: 0px;border-left: 1px solid #ccc; width: 590px; height: 300px }

/* Content one column */
div.contentOneCol {margin-top: 5px; text-align: left; padding-top: 20px; width: 760px; border-top: 1px solid #009; }

/* important text */
.importanttext, .faqQuestion { color: #203040; font-weight: bold }

/* textboxes */
.txtbox1 { background-color: #f4f4f7; padding: 4px; border:1px solid #ccc }
.txtbox2 { background-color: #f4f4f7; padding: 4px; border:1px dashed #ccc }
.txtbox3 { float:right; padding: 4px; margin-left: 4px; width: 140px; margin-bottom: 4px; background-color: #f4f4f7; border: 1px solid #c0d0e0}

/* Pop up windows - example: staff page */
.popup { border:1px solid #009; margin: 5px; width: 510px; padding: 10px; text-align:left }
/* colored text */


/* borders */
.border1 { border:1px solid #000 }

/* right floating images and image boxes with captions */
img.right {float:right; margin-left: 6px; margin-bottom: 5px; border:1px solid #000}
div.right {float:right; margin-left: 6px; margin-bottom: 5px; color: #405060; width: 180px}
div.right img {border:1px solid #000}

/* line with link to top of page, example:newsletters */
.gotop { border-top: 1px solid #ccc; text-align:right }

.redtext { color: #C00}
.greytext { color: #405060}

/* backgrounds */
.bg1 { background-color: #EAE2D8}
.bg2 { background-color: #EBEAE7}
.bg3 { background-color: #EDF6F7}
.bg4 { background-color: #F8F3F8 }

/* Table cells */
table.table1{ margin-left: -4px }
table.table1 td { padding: 4px; }
table.table2 td { padding: 4px; border: 1px solid #ccc;}
table.table2, table.table1 { width:100%}

acronym:hover { cursor: help }
acronym  { border-bottom: thin dotted; cursor: help}

.join {float:right; margin-right: 4px; margin-left: 20px; margin-bottom: 10px; margin-top: 10px}

.float {float:right; margin-right: 4px; margin-left: 20px; margin-bottom: 10px; margin-top: 10px; clear: both;}

/*RSS feeds */

h5.headlines {background-color:#EAE2D8; padding:3px}
#webFeeds { width: 180px; text-align:right; float:right; margin-top: -34px; }
table.webFeeds {width: 100%}
#webFeeds a {font-size: 10px;text-decoration: none;padding-right: 8px; }
#webFeeds img {	vertical-align: bottom; }
.feedDate, .feedLink { padding-bottom:8px }
td.feedDate { color: #405060; width: 80px }
div.feedFooter{ text-align:right; width: 100%; border-top: 5px solid #EAE2D8; padding-top: 6px }







h1 {font-size: 19px; font-weight:bolder; color: #009; margin-top: 0px}

H3.rood { COLOR: #ff0000;}

# P { COLOR: darkslategray; } 
P.white { COLOR: white; } 

# td {FONT-SIZE: 10pt; COLOR: darkslategray } 

# A.toplinks { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } 

# A.toplinks:hover { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } 

# SPAN.toplinks { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } 

# SPAN.toplinks.hover { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: white; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none } 

# A.navigatieISOC {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; text-decoration: none; color: #000000;}

# A.navigatieISOC:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; text-decoration: none; color: #FFFFFF;}

# A.navigatie {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; text-decoration: none; text-indent: 25pt; color: #CCCCCC}

# A.navigatie:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; text-decoration: none; text-indent: 25pt; color: #FFFFFF}

# A.navigatielicht {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; text-decoration: none; color: #000000;}

# A.navigatielicht:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bolder; text-decoration: none; color: #FFFFFF;}

.center { text-align: center; FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: black; } 
.right { text-align: right; FONT-WEIGHT: bold; } 
.datumrechts { text-align: right; FONT-WEIGHT: bold; } 

ul { list-style-position: outside; list-style-type: square; text-align: left; border-style: none; list-style-position: outside; padding-right: 3.5em; padding-left: 3em; padding-bottom: 6px; text-align: left; border-style: none;}

ul.zwart { COLOR: black; FONT-WEIGHT: bold;} 
span.it { COLOR: black; FONT-SIZE: 8pt; FONT-WEIGHT: normal; text-decoration: italics; } 

q { COLOR: black; FONT-SIZE: 8pt; FONT-WEIGHT: normal; text-decoration: italics; margin-left: 3em;} 

blockquote {FONT-WEIGHT: normal; text-decoration: italics;} 

.tiled {
  background-image: url("/img/tile.png");
  background-repeat: repeat-x;
  background-color: #000000;
  padding: 0;
}

.thumb {
  background-color: #000000;
  text-align: center;
  vertical-align: middle;
}

tr.ourevents {
  background-color: #33333;
  font-weight: bolder;
}

