/* --- Algemeen pagina opmaak (Niet MAMBO) ---*/

#bovenkant_herhaal {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 70px;
	background-repeat: repeat-x;
	background-image: url(../images/bovenkant_herhaal.jpg);
	z-index: 0;
}

#bovenkant_logo {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 56px;
	height: 42px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	z-index: 2;
}

#bovenkant_foto {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 70px;
	background-image: url(../images/bovenkant.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}

#menu {
	position: absolute;
	height: expression((document.body.clientHeight - 80) + "px");
	width: 175px;
	left: 0px;
	top: 70px;
	background-image: url(../images/menu_achter.jpg);
	background-repeat: repeat-x;
	background-color: #d2ebf0;
	padding-left: 10px;
	text-align: left;
	padding-top: 10px;
}

#inhoud {
	position: absolute;
	height: expression((document.body.clientHeight - 80) + "px");
	width: expression((document.body.clientWidth - 185) + "px");
	left: 185px;
	top: 100px;
	overflow: auto;
	background-color: #d2ebf0;
	padding-right: 30px;
	overflow-x: hidden;
}

#knop_info {
	position: absolute;
	height: 40px;
	width: 40px;
	left: expression((document.body.clientWidth/2 - 70) + "px");
	top: 20px;
	z-index: 2;
}

#knop_route {
	position: absolute;
	height: 40px;
	width: 40px;
	left: expression((document.body.clientWidth/2 - 20) + "px");
	top: 20px;
	z-index: 2;
}

#knop_catalogus {
	position: absolute;
	height: 40px;
	width: 40px;
	left: expression((document.body.clientWidth/2 + 30) + "px");
	top: 20px;
	z-index: 2;
}

#knop_toelichting {
	position: absolute;
	height: 40px;
	width: 150px;
	left: expression((document.body.clientWidth/2 - 220) + "px");
	top: 25px;
	z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #ffffff;
}

#blockrandom {
	position: relative;
	left: 0px;
	top: 0px;
	height: expression((document.getElementById('inhoud').style.height));
	width: expression((document.getElementById('inhoud').style.width));
	z-index: 10;
	/*height: 300px;
	width: 400px;*/
}

a.menu_item:link, a.menu_item:visited {
	color: #000066;
	font-weight: bold;
	text-decoration:none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 25px;
}

a.menu_item:hover {
	color: #FF0000;
}

a.menu_item_small:link, a.menu_item_small:visited {
	color: #000066;
	font-weight: normal;
	text-decoration:none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	padding-left: 10px;
}

a.menu_item_small:hover {
	color: #FF0000;
}

a#active_menu {
	color: #0047B4;
}
body {
	margin: 0px 0px 0px 0px;
	color: #000066;
	width: 100%;
	height: 100%;
	background-color: #d2ebf0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
}

td,tr,p,div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #000066;
}
h4 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}

h5 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
}

h6 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
	
ul {
	margin: 0px 0px 0px 16px;
	padding: 0;
	list-style-type: disc;
}

li {
	margin: 0;
	padding: 0;
}

table.moduletable {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	border-left: solid 0px #ffffff;
	border-right: solid 0px #ffffff;
	border-top: solid 0px #ffffff;
	border-bottom: solid 0px #ffffff;
}

table.moduletable td {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	background: none;
	font-weight: normal;
	padding-left: 0px;
}

table.moduletable ul {
	color: #ffffff;
}

.contentpane {	
	width: 100%;
}

.contentpaneopen {
	width: 100%;
}

table.contentpaneopen table {
	border-collapse: collapse;
	border: 1px solid #019199;
	background-color: #d2ebf0;
	padding: 0px;
	spacing: 0px;	
}

table.contentpaneopen table td {
	text-align: left;
	border: 1px solid #019199;
	padding: 2px;
	spacing: 0px;
}

form {
	padding-top: 3px;
	padding-left: 3px;
}

.contentpaneopen a:link, .contentpaneopen a:visited, table a:link, table a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-align: justify;
	color: #000066;
	text-decoration: underline;
}

a.readon:link, a.readon:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-align: justify;
	color: #000066;
	text-decoration: underline;
}

.contentpaneopen a:hover, a.readon:hover, table a:hover {
	color: #ED5159;
	text-decoration: underline;
}

.contentheading, table.moduletable th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
 	color: #000066;
	text-align:left;
}

.contentpagetitle {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
 	color: #000066;
	text-align:left;
}

.contentdescription {
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

table.contenttoc {
	color: #ffffff;
	background-color: #000000;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

table.contenttoc td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-align:left;
	padding: 3px;
}

table.contenttoc th {
	background: #666666;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-indent: 5px;
	text-align: left;
	width: 100%;
	height: 13pt;
	border-bottom: solid 1px #666666;	
}

.content_rating {
	font-weight: normal;
	font-size: 8pt;
}

.content_vote {
	font-weight: normal;
	font-size: 8pt;
}

.createdate, .modifydate {
	font-family: arial;
	font-size: 7pt;
	font-weight: normal;
	color: #989898;
	text-decoration: none;
}

hr {
	background: transparent; 
	height: 1px; 
	border: 0px solid #999999;
	}

hr.separator {
	background: transparent;
	height: 1px;
	width: 75px;
	border: 1px solid #314B77;
}

.pagenavbar { 
}

.pagenav {
	font-weight: normal;
}

a.pagenav, a.pagenav:visited {
	font-weight: bold;
	color: #343A58;
}

a.pagenav:hover {
	color: #FF9900;
}

.small {
	font-family: arial;
	font-size: 7pt;
	font-weight: normal;
	color: #FC0036;
	text-decoration: none;
}

.smalldark {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	text-decoration: none;
	font-weight: normal;
}

.siteheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #53586D;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
}


.button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;

	margin-top: 4px;
	background: #019199;
	border: 1px solid #eeeae9;
	height: 20px;
  	cursor: pointer;
}

.button:hover {
	background: #d1c9c7;
}

.inputbox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #666666;
}

.back_button {
	float: left;
	font-size: 9pt;
	color: #d2ebf0;
	background: #019199;
	font-weight: normal;
	text-align: center;
	padding: 2px;
	border: 1px solid #019199;
	cursor: pointer;	
}

.back_button a {
	color: #d2ebf0;
	text-decoration: none;
}

.ontab {
	background-color: #323A15;
	border-left: outset 1px #DCF2FA;
	border-right: outset 1px #808080;
	border-top: outset 1px #DCF2FA;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 1px #E0E0E0;
	border-right: outset 1px #E0E0E0;
	border-top: outset 1px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
}

.tabpadding {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.tabheading {
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

.sectiontableheader {
	background-color : #FC0036;
	background-repeat: repeat;
	padding: 2px;
	color : #FFFFFF;
	font-weight : bold;
	padding: 2px;
}

.sectiontableentry1 {
}
	
.sectiontableentry2 {
}

.category {
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

a.category:link, a.category:visited {
	color: #999999;
}

a.category:hover {
	color: #00A086;
}

a.blogsection:link, a.blogsection:visited {
	color: #999999; 
	text-decoration: none; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
}

a.blogsection:hover {
	color: #00A086;	
	text-decoration: underline;
	font-size: 9pt;
}

.componentheading {
	font-family: arial;
	font-size: 0pt;
	font-weight: bold;
	color: #ffffff;
}

.poll {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
 	color: #ED5159;
}

.pollstableborder {
	border: 0px solid #999999;
}

a.weblinks:link, a.weblinks:visited {
	color: #405115; text-decoration: none; font-weight: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	}

a.weblinks:hover {
	color: #000099;	text-decoration: underline;
	}

.newsfeedheading {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #343A58;
   }

.newsfeeddate {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	font-weight: normal;
	}

.fase4rdf {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	color: #343A58; 
	font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 11px; 
	font-weight: bold; 
	color: #356C82;
	}

a.fase4rdf:hover {
	font-size: 11px;
	font-weight: bold; color: #759328;
}

table.searchintro {
	background-color: #FFFFFF;
	border: 1px solid #8D9ABC;
}

table.contact {
	background-color: #FFFFFF;
}

table.contact td.icons {
	background-color: #CCCCCC;
}

table.contact td.details {
	background-color: #F3F3F3;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
	
.pathway {
	color: #ffffff;	
}

a.pathway, a.pathway:visited {
	color: #ffffff;
}

a.pathway:hover {
	color: #98A258;	
}
	
.site_name {
	padding-top: 5px;
	padding-left: 20px;
}