html,body {
	background: url(../gfx/bg.gif) repeat-x top left #FFF;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%; /* for setting borders from top to bottom */
}

#layout {
	margin: 0 auto;
	text-align: left;
	width: 928px;
	border-left: 2px solid #c31a1f;
	border-right: 2px solid #c31a1f;
	background-color: #FFFFFF;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
	#navbarLines {
		position: absolute;
		top: 132px;
		left: 0px;
		height: 20px;
		width: 100%;
		border-top: 2px solid #c31a1f;
		border-bottom: 2px solid #c31a1f;
		margin: 0px;
	}
	#redBeam {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 0px;
		width: 100%;
		margin: 0px;
	}

/*CLEARING the LAYOUT FLOATS*/
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

/*divider*/
.divider { 
	background-image: url(../gfx/divider.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 2px; 
	height: 2px;
	width: 100%;
	margin: 5px 0;
}

/****** Headings ******/
h1,h2,h3 {
	padding-bottom: 0px;
	margin: 0px;
}
	h1 {
		font-size: 1.7em;
		font-weight: bold;
	}
	.faq h1 { font-size: 1.4em; }
	
	h2 {
		font-size: 1.5em;
		font-weight: bold;
		margin-bottom: 5px;
	}
		h2 a, h2 a:hover {
			color: #000;
			text-decoration: none;
		}
	
	h3 {
		color: #000;
	}

/****** Links ******/
a {
	color: #c31a1f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/****** Header ******/
#header {
	position: relative;
	margin-left: -2px;
	background-image: url(../gfx/headerbg.gif);
	width: 928px;
	height: 132px;
	border-bottom: 2px solid #c31a1f;
	border-right: 2px solid #c31a1f;
	border-left: 2px solid #c31a1f;
}
	#headerLeft {
		float: left;
		height: 132px;
		width: 300px;
		cursor: pointer;
	}
	#headerTopRight {
		float: right;
		color: #FFF;
		margin: 20px 10px 0 0;		
	}
		#headerTopRight a {
			color: #FFF;
		}
			#headerTopRight a:hover {
				color: #000;
			}
	
	#headerBottomRight {
		float: right;
		position: absolute;
		margin: 0px;
		right: 0px;
		top: 100px;
		width: 468px;
		color: #9b9c9d;
	}
		#headerBottomRight a {
			float: left;
			padding-right: 20px;
			margin-top: -1px;
			.margin-top: 2px;
			color: #9b9c9d;
			text-decoration: none;
		}
			#headerBottomRight a:hover {
				color: #000;
			}
		#headerBottomRight #searchForm {
			float: left;
			margin-top: -5px;
			.margin-top: -3px;
		}
			#headerBottomRight #searchForm input.formfield {
				position: relative;
				margin-bottom: -2px;
				background-color: #FFF;
				border: 1px solid #a39d9c;
			}
	
/****** Navigation ******/

#navBar {
	position: relative;
	margin-left: -2px;
	width: 928px;
	height: 20px;
	border-right: 2px solid #c31a1f;
	border-left: 2px solid #c31a1f;
	border-bottom: 2px solid #c31a1f;
	z-index: 20000;
}
/****** Contentbox ******/
#outerContent {
	
	
}
	#innerContent {
		padding-top: 20px;
	}
	#innerContentCustom {
		padding: 20px 9px 0 0;
	}
	
/*homepage*/
#homeLeft {
	float: left;
	width: 325px;
	border-right: 2px solid #c31a1f;
	padding-left:10px;
	padding-right:10px;
}
#homeMiddle {
	float: left;
	width: 315px;
	border-left: 2px solid #c31a1f;
	margin-left: -2px;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding-left:10px;
}
#homeRight {
	float: right;
	width: 243px;
	min-height: 1px;
}

/*detailpage*/
#detailLeft { float: left; width: 215px; margin-left: 9px; }
#detailRight { margin: 0 0 0 29px; float: left; width: 650px; }

/*overviewpage*/
#overviewLeft { float:left; margin-left: 9px; width: 665px; }
#overviewRight { 
	float: right;
	width: 233px;
	margin: 0 0 30px;
	min-height: 1px; 
}
/****** Footer ******/
#footer {

}

/****** RCMS components ******/
/*slider*/
#slider {
	background-color: #c31a1f;
}
	#slider h3 {
		padding: 4px 10px;
		margin: 0px;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFF;
		background: #c31a1f;
		cursor: pointer;
	}
		#slider h3 a:link, h3 a:visited {
			display: block;
			text-decoration: none;
			color: #FFF;
		}
	#slider div.accordion {
		background-color: #e1e1e1;
	}
		#slider div.sliderContent {
			clear: both;
			margin: 10px 10px 0 10px;
			color: #9b9c9d;
			font-size: 12px;
		}
			#mapForm {
				text-align: center;
			}
				#mapForm label { position: relative; top: -2px; }
		
	#sliderBottom {
		font-size: 2px;
		background-color: #f0c5c7;
	}
		
/*anchorblok*/
#anchorblok {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
	li.anchorblokLink, li.anchorblokLinkHover {
		cursor: pointer;
	}
	li.anchorblokLink a, li.anchorblokLinkHover a {
		font-weight: bold;
		color: #000;
		text-decoration: none;
	}
	li.anchorblokLinkHover a {
		color: #c31a1f;
	}
	li.anchorblokLinkHover {
		background-image: url(../gfx/redArrow.gif);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 15px;
	}		
	li.anchorblokDivider { 
		background-image: url(../gfx/divider.gif);
		background-repeat: repeat-x;
		background-position: left top;
		font-size: 2px; 
		height: 2px;
		width: 350px;
		margin: 5px 0;
		.margin-top: 0px;
	}
	
/*banner*/
.banner { width: 100%; text-align: center; margin-bottom: 15px; } 
	.banner img { margin: 0 auto; }

/*forms*/
.FormField, .formField, .formfield { border: 1px solid #a39d9c; }
.FormFieldData, .formFieldData, .formfielddata { }
.FormButton. formButton, .formbutton { }

/* links */
.links_table_bg {background-color: #119ebc;}
.links_table_bg_#FFFFFF {background-color: #ffffff;}
.links_table_row {padding: 3px;}
.links_table_hd {color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; padding: 1px 3px 1px 3px;}
.links_table_hd_lnk:link, .links_category_lnk:active, .links_category_lnk:visited {font-weight: bold; color: #ffffff; text-decoration: none;}
.links_table_hd_lnk:hover {color: #ff0200;}
.links_table_div {background-color: #119ebc; height: 2px;}
.links_row_even {background-color: #ecffff;}
.links_row_odd {background-color: #ffffff;}
.links_item_txt {padding-right : 15px;}
.links_cat_txt {padding-right : 15px;}
.links_cat_txt li { margin: 15px 0 0 15px; .margin: 0px; }
.links_title,.links_title a {color : #c31a1f; font-weight : bold; margin-bottom : 8px;}

/* agenda */
.agenda_table_row {padding: 3px; font-size: 1em; border-bottom: 1px solid #ECF0F9;}
.agenda_item_hd {font-weight: bold;}
.agenda_table_hd {color: #000000; font-weight: bold; border-left: 1px solid #000000; padding: 1px 3px 1px 3px;}
.agenda_table_div {border-bottom: 1px solid #515151; height: 2px;}
.agenda_row_odd {}
.agenda_row_even {}
.agenda_item_txt {padding: 3px;}
.agenda_maand {color: #000000; font-weight: bold; border-bottom: 3px solid #515151; padding: 3px;}

/* document */
.document {
	margin-bottom: 10px;
}
.doc_title {
	color: #000000;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.doc_descr {margin: 0 0 5px 0;}
.multipledoc_link_wrapper { 
	clear: both;
	margin-bottom: 10px;
}
.doc_img { 
	float: left;
	width: 20px;
}
.doc_link {
	float: left;
	margin: 0 15px 4px 0;
}

/*news/rss overview*/
.newsBlock {
	margin-bottom: 15px;
}
.newsItem, .newsItemRSS {
	margin-bottom: 5px;
	padding-bottom: 5px;
	background-image: url(../gfx/divider.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.newsItemRSS { padding-bottom: 0px; }
	.newsDate {
		font-size: 10px;
		color: #b4b5b6;
	}
	
/* Nieuws */
#NAwrapper {
	width: 100%;
}
#NAselectdate {
	float: left;
	width: 160px;;
}
#NAselectdate select {
	vertical-align: middle;
}
#NAsearch {
	float: right;
	position: relative;
	bottom: 2px;
}
#NAsearch label {
	position: relative;
	bottom: 2px;
}
#NAsearch label {
	position: relative;
	bottom: 2px;
}
#NAoverview {
	clear: both;
	margin-top: 15px;
}

.teaser { margin-bottom: 15px; }

.extranet_login{ margin:0; padding:0;}

#ledenzoekerSwitchContainer {float:left; display:inline; width:94px; margin:0; padding:0}
	#ledenzoekerSwitchContainer ul {margin-top:5px; margin-left:0; padding:0; list-style-position:inside}
#ledenzoekerResultContainer {float:left; display:inline; width:600px; margin:0; margin-right:21px; padding:0}
#ledenzoekerSearchContainer {float:left; margin-top: 15px; display:inline;}
.ledenzoeker_lid_adres { margin-bottom: 15px; }

/* tabellen */
.tableContainer {margin: 0px 0px 10px 0px;}
.tableCaptionTop {text-align: left;padding:10px 2px;}
.tableCaptionBottom {text-align: left; padding: 10px 2px;}
.tableTimestamp {text-align: left;  font-style: italic; padding-left: 1px; padding-top:5px; color:#9CA3A5;}
/* table normal */
.table_rood, .table_zalm, .table_none {border: none;}
/* table with border */
.table_rood_border {border: 1px solid #C31A1F;}
.table_zalm_border {border: 1px solid #EBC6AF;}
.table_none_border {border: none}
/* col header normal */
.col_header_rood {color:#C31A1F; border-top: 1px solid #C31A1F; border-bottom: 2px solid #C31A1F}
.col_header_zalm {color:#EBC6AF; border-top: 1px solid #EBC6AF; border-bottom: 2px solid #EBC6AF}
.col_header_none {border: none;}
/* col header with border */
.col_header_rood_border {background-color: #C31A1F; border: 1px solid #C31A1F; color:#FFFFFF;}
.col_header_zalm_border {background-color: #EBC6AF; border: 1px solid #dce3eb; color:#FFFFFF;}
.col_header_none_border {border: none;}
/* row header normal */
.row_header_rood {color:#C31A1F;}
.row_header_zalm {color:#EBC6AF;}
.row_header_none {border: none;}
/* row header with border */
.row_header_rood_border {background-color: #C31A1F; border: 1px solid #C31A1F; color:#FFFFFF;}
.row_header_zalm_border {background-color: #EBC6AF; border: 1px solid #dce3eb; color:#FFFFFF;}
.row_header_none_border {border: none;}
/* cell data normal */
.cell_data_rood {border-bottom: 1px solid #eeeeee; color:#000000;}
.cell_data_zalm {border-bottom: 1px solid #eeeeee; color:#1f3366;}
.cell_data_none {border: none;}
/* cell data with border */
.cell_data_rood_border {border: 1px solid #C31A1F;}
.cell_data_zalm_border {border: 1px solid #EBC6AF;}
.cell_data_none_border {border: none;}

/* ----------------------------------------------------------------------------------- */