/* *********************************** */
/*           Selectors                 */
/* *********************************** */
BODY {
	margin: 0px;
	position:relative;min-height:100%;width:100%;margin:0;padding:0;
	background-image: url(../images/beeldmerk.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

IMG {
		border: none } /* standaard plaatje heeft geen border */
SELECT, TEXTAREA, .textbox {

		color: #000000; 
		border: 1px solid #006699; 
	background-color: #FFF;
		letter-spacing: 0.03em }
H1, H2 {
	
color: #b4bc27;
font: bold large;
text-decoration: none;
FONT: bold large/normal Arial, Helvetica, sans-serif;			

margin: 0px; 
padding: 0px 
}
H2 {
		font: bold 16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
}
TH {
		text-align: left; 
		text-indent: 3px; 
		color: #000000; }
CAPTION {
		color: #000000; 
		font: bold normal 12px Arial, Helvetica, sans-serif;
		padding-top: 0px; 
		font-variant: small-caps; 
		padding-bottom: 5px }
UL {
		list-style-image: url(../images/bullet.gif) }
FIELDSET {
	border:1px solid #006699;
	padding:0px;
	margin:15px 0px 0px;
}
LEGEND {
	font-weight:bold;
	padding:0 0.5em;
	color: #000000;
}				

A {
		color: #000000; 
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}

A:link {
		color: #000000; 
		text-decoration: underline }	 
 
A:hover {
		color: #b4bc27; 
		text-decoration: underline }

/* *********************************** */
/*           Header                    */
/* *********************************** */
.groter {
		font-size: 14px }	 

/* *********************************** */
/*           Main                      */
/* *********************************** */
/*** text, links etc. ***/
.txtError {
		color: #FFFFFF; 
		font: bold small-caps 12px Arial, Helvetica, sans-serif; }

.txtContent {
		color: #000000;
		font:  12px Arial, Helvetica, sans-serif; }	

.txtTussenkopje {
		color: #b4bc27;
		font: bold; }

.txtNieuwskopje {		
		border: 1px solid white;
		background-color: #FFFFFF;
		margin-top: 12px;
}

a.nieuwsTekst, a.nieuwsTekst:hover {	
	color: #b4bc27;
	font: bold large;
	text-decoration: none;
	FONT: bold large/normal Arial, Helvetica, sans-serif;			
}



.columnCoolmenu {
	background-color: #B4BC27;
}		

.blueBorder { /*** blue border for tables, used in a DIV ***/
		border: 1px solid #FFFFFF; 
		padding: 3px }
		
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
  overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}		
		
/*** Kop ***/
#kop {
		background: #B5D8E8; 
		color: #B06010; 
		font: bold 16px Arial, Helvetica, sans-serif; 
		text-align: left; 
		text-indent: 27px }

#dottedTable TR {
		border-collapse: collapse; 
		border-style: dotted; 
		border-width: 1px; 
		border-color: #FFFFFF }
				
/* *********************************** */
/*           Website design            */
/* *********************************** */

#top {
	width: 100%;	
}
#logo {
	margin: 35px 0px 17px 237px;
}
#path {
	width: auto;
	margin: 0px 10px 0px 240px;
	height: 20px;
	background-color: #D7E8A5;
	padding: 4px 4px 0px 6px;
}
#midTable {
	width: 100%;
}
td.midLeft {
	font:  12px Arial, Helvetica, sans-serif;
	background-color: #D7E8A5;
	width: 220px;
	vertical-align: top;
	overflow-x: visible;
	overflow-y:auto;
	position:relative;
}
td.midRight {
	background-color: #fff;
	width: auto;
	vertical-align: top;
}
#leftMenu {
	background-color: #B4BC27;
	border-bottom: 10px solid #FFFFFF;
	width: 220px;
}
#leftBottom {
	width: 100%;
	height:280px;
	font-size: 11px;
	padding-left:15px;
	
}
#container_content {
	position:relative;
	width:100%;
	height:77%; 	 	 		
	overflow-x: visible;
	overflow-y: auto;	
}

/* *********************************** */
/*           Links etc.                    */
/* *********************************** */

.menuLink {
	display: block;
	width: 200px;
	padding: 7px 4px 8px 16px;
	background-color: #B06010;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.menuLink:link {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #B06010;
}
a.menuLink:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C48A41;
}
.menuLink_active {
	display: block;
	width: 200px;
	padding: 7px 4px 8px 16px;
	background-color: #C48A41; 
	color: #F0E2C2;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: none;
}
a.menuLink_active:link {
	color: #F0E2C2;
	text-decoration: none;
	background-color: #C48A41;
}
a.menuLink_active:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C48A41;
}
.pathBreadcrumb {
	color: #808080;
	text-decoration: none;
}
a.pathBreadcrumb:link {
	color: #808080;
	text-decoration: underline;
}
a.pathBreadcrumb:hover {
	color: #808080;
	text-decoration: underline;
}
.pathRightLinks {
	margin-right: 20px;
	background-image: url(../images/blokje_toplinks.gif);
	background-repeat: no-repeat;
	padding-left: 14px;	
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a.pathRightLinks:link {
	color: #000;
	text-decoration: none;
}
a.pathRightLinks:hover {
	color: #B4BC27;
	text-decoration: underline;
}
.txtLeft {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.txtLeft:link {
	color: #000;
	text-decoration: underline;
}
a.txtLeft:hover {
	color: #B4BC27;
	text-decoration: underline;
}

/* *********************************** */
/*           Footer                    */
/* *********************************** */


#footer {
position: absolute;
	width: auto;
	background-color: #000;
	bottom: 0px;
	border-top: 10px solid #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 6px 4px 6px 0px;
	height: 20px;
}
#footerLeft {
	float: left;
	padding-left: 16px;
}
#footerRight {
	float: right;
}
#footer A {
	font-weight: bold;
	margin-right: 15px;
	padding: 2px;
	color: #fff; 
	text-decoration: none; 
}
#footer A:link {
		color: #fff; 
		text-decoration: none; 
}
#footer A:hover {
		color: #CCCC00; 
		text-decoration: none;
}

/* *********************************** */
/*           Misc.                     */
/* *********************************** */
/***  Forms ***/
.subscript {
		/* for example (DD_MM-JJ) */
		font: italic normal 9px Arial, Helvetica, sans-serif;
		color: #000 }
/***  CMS Forms  ***/
.formerror, .formlabel, .formpreview, .formradio, .formcheckbox, .formdisplayonly, .formmemo, .formmemo_on, .formmemo_off, .formselect, .formselect_on, .formselect_off {
		font: 12px Arial, Helvetica, sans-serif; }
.formpreview {
		font-weight: bold }
.formerror {
		color: #FF0000; 
		font-weight: bold }
.formstring, .formstring_on, .formstring_off {
		font: 12px Arial, Helvetica, sans-serif;
		color: #000000; 
		border: 1px solid #006699; 
		background-color: #E4EFF6; 
		letter-spacing: 0.03em }

/*** representing tabular data ***/
tr.tabular, th.tabular {
	 }
		
/*** overzicht tabellen ***/
.tableContent {
	border: 1px solid white;
	background-color: #D7E8A5;
	margin-top: 12px;
}
th.tableContent{
	background-color: #FFFFFF;
	height: 30px;
	color: #6699CC;
	padding-left: 10px;
	font-size: 14px;
}
td.tableContent{
	padding: 3px 6px 3px 16px;
	height: auto;
}
#link{
  	position:relative;
	width:100%;
  	margin:5px;
	padding:5px;
}
#content2{
	position:relative;
	width:100%;
	height:180; 	 	 		
	overflow-x: visible;
	overflow-y: auto;	
	height:100%; 
	padding:5px;
	vertical-align: top;
}
#content_txt{
font-size:12px;
}


/*	change the look of a textbox, so that it seems like the are disabled or enabled */
.disabled {color: #000000; 	border: 1px solid #c9c7ba; 	background-color: #E4EFF6; 	letter-spacing: 0.03em}
.enabled {color: #000000; border: 1px solid #006699; background-color: #E4EFF6; letter-spacing: 0.03em }

/*** errors ***/
.naviformmessage, .navifieldmessage {color: #ff0000;	font: 12px Arial, Helvetica, sans-serif}