body, html {
	margin:0;
	padding:3;
	background-image: url(../images/page_bck.gif); 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
} 

h1 {
	font-size: 14px;
}

h2 {
	font-size: 12px;
}

h4 {
	margin: 5px 0;
	font-size: 12px;
	font-weight: bold;
}

hr {
	border-top: 1px solid #D3CCC2;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

tbody { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

table.main {
	border: 1px solid #384776;
}

td.left {
	background-image: url(../images/menu_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 174px;
	padding-left: 10px;
}

td.right {
	padding-left: 0px;
}

td.content {
	background-image: url(../images/content_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 98px;
}

.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.search {
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* Default MOS Class Settings
td.pathway {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding-top: 0px;
	padding-left: 0px;
}

a.pathway:link, a.pathway:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
a.pathway:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
}

/* Menu settings   */
#nav {
	position: relative;
	z-index: 10;
	}

#nav, #nav ul { /* all lists */
/* 	background: #c0c0c0;	*** tijdelijk aan te zetten om te zien waar je zit */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 160px; /* breedte van de knoppen */
	}

#nav a {
	display: block;
	width: 160px; /* breedte van de knoppen */
	color: black;
	text-decoration: none;
	}

#nav li { /* all list items */
	float: left;
	width: 160px; /* breedte van de knoppen */
	background: #ffde3f; /* achtegrondkleur van de knoppen in ruststand */
	font-weight: bold;
	line-height: 1.2em; /* deze bepaalt de hoogte van de knoppen! */
	padding: 0 1px 0 1px;
	/* nu wat lege verticale tussenruimte tussen de items: voor verandering van de
	   muisaanwijzer bij hoveren, zodat je ziet dat je naar een volgende knop gaat.  */
	margin-bottom: 1px;
	/* nu de randjes per item om er echte knoppen van te maken */
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #804B00;
	border-bottom: 1px solid #804B00;
	border-left: 1px solid #FFFFFF;
	}

#nav li ul { /* block of second-level lists */
	position: absolute;
	/*	using left instead of display to hide menus because "display: none"
		isn't read by screen readers */
	left: -999em;
	/*	nu hier nog de achtergrondkleur van pagina opnemen, zodat niet iets van de
		content te zien is tussen de onder elkaar staande knoppen van het submenu: */
/*	background: #ffde3f;*/
	padding-top: 0px; /* geeft een paginakleurig randje boven de bovenste subitem-knoppen,
						    waardoor de knoppen los van de content komen (wordt vervolgd!). */
	}

#nav li ul li { /* second-level list-items */
	font-size: 100%; 		/* om sub-items op hetzelfde letterformaat te krijgen als hoofdmenu */
	background: #ffde3f; /* iets afwijkend kleurtje sub-item knoppen */
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/* eerst moeten de submenu-knoppen op gelijke hoogte van het bijbehorende menu-item komen;
	   proefondervindelijk: */
	margin-top: -1.4em;
	left: 162px; /* en naar rechts zodat een spleetje van 2px tussen de knoppen ontstaat. */
	/* nu plaatsen we met "padding" een strookje van die 2px met bg-kleur aan de linkerkant,
	   zodat de 2px afstand tussen menu en submenu "gevuld" wordt met een deel van het submenu,
	   en de muis niet in het spleetje kan terechtkomen waardoor het submenu niet meer te zien
	   zou zijn als je van een knop van het menu naar het submenu muist. */
	padding-left: 2px;
	/* en ook nog wat padding rechts (proefondervindelijk) voor wat speelruimte tov de content: */
	padding-right: 12px;
	}

* html #nav li:hover ul, * html #nav li.sfhover ul { /* IE-hack, correctie verkeerde maatvoering */
	padding-right: 5px;
	}

#nav a:hover { /* tekstkleur wisselen bij hover */
	color: black;
	}

#nav li:hover, #nav li.sfHover { /* bg-kleur van knoppen wisselen bij hover */
	background: #fffc16;
	}

/* einde menu-styles */

/* Links

**********************************************************************************************************/
a.mainlevel:link, a.mainlevel:visited {
	color: red;
	text-align: left;
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #6586D3;
	padding-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
}

a.mainlevel:hover {
	color: #447018;
	text-align: left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #9ECFFF;
}
a.mainmenu:link, a.mainmenu:visited {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.mainmenu:hover, {
	color: #447018;
	text-align: left;
}
a.sublevel:link, a.sublevel:visited {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
a.sublevel:hover {
	color: #447018;
	text-align: left;
}
/* Module Styles
**********************************************************************************************************/
table.moduletable {
	width: 100%;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}
table.moduletable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #4B6FA4;
	text-align : center;
	padding-top: 3px;
}
table.moduletable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

div.module div div {
	padding: 0;
	border: none;
	background: #fffbbb;
}

div.module div div div {
	padding: 6px;
	width: auto !important;
	width: 100%;
	border: none;
	background: none;
}

div.module div div div div {
	padding: 1px;
	width: auto !important;
	width: 100%;
	border: none;
	background: none;
}

/* div.module div, div.frame {
	border-top: 1px solid #D3CCC2;
	border-left: 1px solid #D3CCC2;
	border-bottom: 1px solid #A7A199;
	border-right: 1px solid #A7A199;
	padding: 5px;
	width: auto!important;
	width: 100%;
	background: #FFFFFF;
}
*/
div.module, div.frameshadow {
/*	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
*/
	padding-right: 1px;
	padding-bottom: 1px;
	margin-bottom: 8px;
	margin-right: 8px;
	background: transparent;
}

div.moduletable {
	padding: 6px;
	width: auto!important;
	width: 100%;
}

div.moduletable h3, div.module h3 {
	padding: 1px 1px 1px 1px;
	margin: 0px -6px 2px -6px;
	color: #000000;
	background: transparent;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	text-transform: capitalize;
}

div.moduletable td {
	padding: 3px 0!important;
}
/* Polls Style
**********************************************************************************************************/
.poll {
	color : #333333;
	line-height : 12px;
	font-weight: bold;
}

/* Sections Style
**********************************************************************************************************/
.sectiontableheader {
	background-color : #759259;
	color : #FFFFFF;
	font-weight : bold;
	font-size: 11px;
	line-height: 13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.sectiontableentry1 {
	font-size: 11px;
	background-color : #D4DAB4;

}
.sectiontableentry2 {
	font-size: 11px;
	background-color : #E3E5C9;
}

.pagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
}
a.pagenav:link, a.pagenav:visited {
	font-weight: bold;
	color: yellow;
}
a.pagenav:hover {
	font-weight: bold;
	color: red;
	text-decoration: underline;
}
/*****************************************************************************************************/
.small {
	font-size : 11px;
	color : #666666;
}
.smalldark {
	font-size : 11px;
	color : #333333;
	text-decoration : none;
}
.createdate{
	font-size : 10px;
	color : #666666;
	text-decoration : none;
	font-weight : medium;
}
.modifydate  {
	font-size : 10px;
	color : #666666;
	text-decoration : none;
	font-weight : medium;
}

/* Content Styles
**********************************************************************************************************/

.contentpaneopen, .contentpane {
	font-size: 11px;
	color: #857E6E;
	padding-top: 1px;
	padding-right: 1px;
	padding-left: 1px;
}

.contentheading, .componentheading {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #384776;
	text-align : left;
	line-height: 16px;
	padding-left: 5px;
}
.category {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
a.category:link, a.category:visited {
  color            : #666666;
  font-weight      : bold;
}
a.category:hover {
  color            : #447018;
}

/* Form Styles
**********************************************************************************************************/
form { 
	display:inline; 
	margin: 0px; 
	padding: 0px; 
} 
.button {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #FFFFFF;
  color            : #000000;
  border           : 1px solid #AABA75;
}
.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #FFFFFF;
  border           : 1px solid #AABA75;
}

/* Links
**********************************************************************************************************/
a:link, a:visited {
  font-size        : 11px;
  color            : #4976B1;
  text-decoration  : none;
}
a:hover {
  color            : #447018;
  text-decoration  : none;
}
/* For content item titles that are hyperlink instead of Read On
**********************************************************************************************************/
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #666666;
	text-align:left;
}
a.contentpagetitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color: #333333;
	text-decoration: underline;
	font-weight: bold;
}
.description {
	font-size: 11px;
	color: #000000;
}
/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tabheading {
	background-color: #ffae00;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
/* for modifying {moscode} output.  Don't set the colour! */

.moscode {
	background-color: #f0f0f0;
}

/* Text passed with mosmsg url parameter */
.message {
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}

.article_seperator {
	display: block;
	font-size: 0px!important;
	line-height: 1%!important;
}

.banner {
	margin: auto;
	width: 100%;
	text-align: center;
}

.blog_more {
	margin: 12px 0;
	border-top: 3px solid #FFFFFF;
	padding: 6px;
	color: #666666;
}

.button {
	padding-left: 2px!important;
	padding-right: 2px!important;
	padding-left: 1px;
	padding-right: 1px;
	border: 1px solid #666666;
	background: url(../images/but-bg.gif) transparent;
	color: #000000;
	font: 11px Tahoma, Arial, sans-serif;
	height: 20px;
}

.category {
	font-weight: bold;
}

.checkbox {
	margin: 0!important;
}

.code, pre {
	border: 1px solid #F0EEDE;
	width: auto;
	padding: 6px;
	background: #F7F6EE;
	font: 11px Tahoma, Arial, sans-serif;
	overflow: hidden;
}

.componentheading {
	padding: 4px 4px 4px 12px;
	border-bottom: 1px solid transparent;
	margin: 0;
	color: #000000;
	background: transparent;
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
}

.contentdescription {
	padding: 12px 9px!important;
}

.contentheading, .contentpagetitle {
	color: #CC0000;
	background: url(../images/seperator.gif) repeat-x bottom left!important;
	font-weight: bold;
	font-size: 16px;
}

.error {
	color: #CC0000;
}

.feedchannel {
	padding: 2px;
	border-bottom: 1px dashed #D3CCC2;
	display: block;
}

.headertitles {
	padding-bottom: 4px;
	background: url(../images/hdot.gif) repeat-x bottom left;
	color: #7587AB;
	font-weight: bold;
	font-size: 14px;
}

.highlight {
	background: #F5F8C6;
	font-weight: bold;
}

.inputbox {
	padding-left: 2px;
	margin-bottom: 1px;
	font: 11px Tahoma, Arial, sans-serif;
}

.latestnews, .mostread {
	font-weight: bold;
}

.message {
	color: #CC0000;
	font-weight: bold;
}

.modifydate {
	color: #666666;
	font-size: 11px;
	height: 15px;
}

.moduletable {
	padding: 0;
}

.mosimage {
	border-top: 1px solid #D3CCC2;
	border-left: 1px solid #D3CCC2;
	border-bottom: 1px solid #A7A199;
	border-right: 1px solid #A7A199;
	padding-top: 5px;
	margin-right: 5px;
	background: #FFFFFF;
}

.mosimage_caption {
	margin-top: 2px;
	color: #D3CCC2;
	font-size: 11px;
}

.pagenavbar {
	margin: 10px 0;
	color: #666666;
	font-size: 11px;
	text-decoration: none;
}

.pagenavbar a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

.pagenavcounter {
	font-size: 11px;
}

.sectiontableentry1 {
	padding: 2px;
	height: 22px;
	background: #fbd53d;	
}

.sectiontableentry2 {
	padding: 2px;
	height: 22px;
	background: #fbd53d;
}

.sectiontableheader {
	padding: 2px;
	background: #fffbbb!important;
	color: #000000;
	font-weight: bold;
	line-height: normal;
}

.sectiontableheader a, .sectiontableheader a:hover {
	color: #FFFFFF;
}

.small {
	color: #666666;
	font-size: 11px;
}

img {
	vertical-align: top;
}


td.pathway {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding-top: 0px;
	padding-left: 0px;
}

a.pathway:link, a.pathway:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
}

a.pathway:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
}