/*
Oranje			F78F1E
Grijs			A7A9AC
semi D grijs 	312E2F
grijs submenu	504D4E
D Grijs			231F20
*/

body {
	margin : 0px;

	background-color : #C6C7CA;
	background-image : url('../_images/bg.jpg');
	background-position : top;
	background-repeat : repeat-x;	
	
	font-family : "Trebuchet MS", Verdana, Arial, sans-serif;
	color : #000000;
}

ul {
	list-style-image : url('../_images/arrow.gif');
	list-style-type : none;
}

ul ul {
	list-style-image : none;
	list-style-type : square;
}

ul ul ul {
	list-style-image : none;
	list-style-type : disc;
}

td, th {
	vertical-align : top;
}

hr {
	height : 1px;
	color : #000000;
	background : #000000;
	width : 100%;
}

img { border : 0px none; }

img.illustratie {
	/*border : 1px solid #231F20;*/
	margin : 12px;
}

iframe {
/* Voor Google Maps IFrame */
	border : 1px solid #231F20;
}

fieldset {
	background-color : #F0F0F0;
	border-top : 1px solid #BBBBBB;
	border-right : 0px none;
	border-left : 0px none;
	border-bottom : 0px none;
}

legend {
	font-weight : bold;
	color : #231F20;
}

button, input, textarea, select {
	padding : 1px 2px 1px 2px;
	font : 11px "Trebuchet MS", Verdana, Arial, sans-serif;
	border : 1px #A7A9AC solid;
}

a {
	color : #F78F1E;
	font-weight : bold;
	text-decoration : none;
}

a:hover {
	color : #000000;
	font-weight : bold;
	text-decoration : none;
}

h1 {
	/* Kruimelpad */
	font-size : 14px; 
	margin-top : 9px;
	margin-bottom : 0px;
}

h1 a {
	color : #231F20;
}

h2 {
	font-size : 20px;
	font-weight : bold;
	color : #F78F1E;
}

h3 {
	font-size : 17px;
	color : #231F20;
	padding-bottom : 5px;
	background-image : url('../_images/line.jpg');
	background-repeat : no-repeat;
	background-position : bottom left;
}

h4 {
	margin-bottom : -.5em;
	font-size : 14px;
	letter-spacing : 1px;
	color : #231F20;
}

table.data {
	font-size : 13px; 
	background-color : #504D4E;
}

table.data td {
	background-color : #F0F0F0;
	vertical-align : middle;
	padding : 2px;
}

table.data th {
	background-color : transparent;
	color : #F0F0F0;
	padding : 3px;
}

p.datum {
	margin-bottom : -1em;
	font-size : 11px;
	letter-spacing : 2px;
	color : #504D4E;
	
}

p.lastmod {
	margin-top : 2em;
	margin-bottom : -1em;
	font-size : 11px;
/*	text-align : right;*/
	letter-spacing : 1px;
	color : #504D4E;
}

#mainTable { 
	width : 960px;
	padding : 0px;
	background-color : #FFFFFF;
}

#header { 
	width : 960px;
	height : 165px;
	margin : 0px;
	padding : 0px;
}

#navBar {
	width : 100%;
	background-color : transparent;
	font-weight : bold;
	padding : 0px;
	font-size : 17px;
	letter-spacing : 1px;
}

#navBar table {
	width : 100%;
	margin : 0px;
	padding : 0px;
	text-align : center;
	background-color : transparent;
	border-left : 1px solid #C0C0C0;
}

#navBar table tr td {
	margin : 0px;
	padding : 6px 5px 3px 5px;
	border-bottom : 1px solid #C0C0C0;
	border-right : 1px solid #C0C0C0;
	border-left : 1px solid #F0F0F0;
	
	background-color : #FAFAFA;
	background-image : url('../_images/nav_bg.gif');
	background-position : bottom left;
	background-repeat : repeat-x;
}

#navBar a {
	color : #F78F1E;
	color : #312E2F;
	font-weight : bold;
	text-decoration : none;
}

#navBar a:hover {
	color : #231F20;
	color : #F78F1E;
	font-weight : bold;
	text-decoration : none;
}

#leftColumn {
	width : 200px;
	font-size : 14px;
	border-left : 1px solid #F0F0F0;
	border-bottom : 1px solid #C0C0C0;
	padding : 10px 0px 60px 7px;
	/* De padding-bottom is hier voor de gevallen dat het linkermenu groter is dan de content */
}

#leftColumn a {
	text-decoration : none;
	color : #FFFFFF;
}

#leftColumn a:hover {
	text-decoration : none;
	color : #F78F1E;
}

.sideContentTable {
	/* Dit zijn de tabellen in de linker kolom die normale tekst bevatten */
	margin : 0px 0px 10px 0px;
	color : #FFFFFF;
	font-size : 13px;
	background-color : #FFFFFF;
}

.sideContentTable .topCell {
	background-image : url('../_images/table_cell_bg_top.gif');
	background-position : top left;
	background-repeat : no-repeat;
	height : 1px;
	margin : 0px;
	padding : 0px;
}

.sideContentTable .bottomCell {
	background-image : url('../_images/table_cell_bg_bottom.gif');
	background-position : bottom left;
	background-repeat : no-repeat;
	height : 3px;
	margin : 0px;
	padding : 0px;
}

.sideContentTable tr th {
	width : 200px;
	font-weight : bold;
	font-size : 15px;
	letter-spacing : 1px;
	color : #000000;
	border-bottom : 4px solid #FFFFFF;
	padding : 3px 0px 2px 3px;
	
	background-color : #FFFFFF;
	background-image : url('../_images/table_header.gif');
	background-position : top left;
	background-repeat : no-repeat;
	height : 30px;
}

.sideContentTable tr td {
	width : 200px;
	height : 30px;
	padding : 0px 10px 0px 6px;
	
	background-color : #FFFFFF;
	background-image : url('../_images/table_cell_bg.gif');
	background-position : top left;
	background-repeat : repeat-y;
}

.sideContentTable a {
	font-weight : normal;
}

.menuTable {
	/* Dit zijn de submenu's */
	margin : 0px 0px 10px 0px;
	background-color : #FFFFFF;
	color : #FFFFFF;
	font-size : 13px;
}

.menuTable tr th {
	width : 200px;
	font-weight : bold;
	font-size : 15px;
	letter-spacing : 1px;
	color : #000000;
	border-bottom : 4px solid #FFFFFF;
	padding : 2px 3px 2px 3px;
	
	background-color : #FFFFFF;
	background-image : url('../_images/table_header.gif');
	background-position : top left;
	background-repeat : no-repeat;
	height : 30px;
}

.menuTable tr td {
	width : 200px;
	height : 30px;
	padding : 3px 0px 0px 6px;
	border-bottom : 1px solid #FFFFFF;
	
	background-color : #FFFFFF;
	background-image : url('../_images/table_cell.gif');
	background-position : top left;
	background-repeat : no-repeat;
}

.menuTable tr td a {
	font-size : 14px;
}

.menuTable tr td a:hover {
	font-size : 14px;
}

.sideContentTable table.data {
	font-size : 12px; 
	border : 0px none;
	background-color : transparent;
	background-image : none;
}

.sideContentTable table.data td {
	width : 200px;
	height : auto;
	font-weight : normal;
	font-size : 12px;
	letter-spacing : 0px;
	color : #FFFFFF;
	border : 0px none;
	padding : 1px;
	background-color : transparent;
	background-image : none;
}

.sideContentTable table.data th {
	width : 200px;
	height : auto;
	font-weight : bold;
	font-size : 12px;
	letter-spacing : 0px;
	color : #FFFFFF;
	border : 0px none;
	padding : 1px;
	background-color : transparent;
	background-image : none;
	text-align : left;
}

#contentColumn {
	text-align : justify;
	padding : 0px 10px 0px 2px;
	border-right : 1px solid #C0C0C0;
	border-bottom : 1px solid #C0C0C0;
}

.contentTable {
	font : 14px "Trebuchet MS", Verdana, Arial, sans-serif;
}

.contentCell {
	line-height : 1.5em;
	padding : 0px 20px 45px 15px;
	width : 760px;
}

#footer {
	background-color : #231F20;
	background-image : url('../_images/bg_bottom.jpg');
	background-position : right bottom;
	background-repeat : no-repeat;
		
	letter-spacing : 1px;
	color : #FFFFFF;
	border-top : 4px solid #F78F1E;
	border-left : 1px solid #F0F0F0;
	border-right : 1px solid #C0C0C0;
	text-align : center;
	font-size : 13px;
	padding : 20px 2px 12px 2px;
}

#footer a {
	text-decoration : none;
	color : #FFFFFF;
}

#footer a:hover {
	text-decoration : none;
	color : #F78F1E;
	border-bottom : 1px dotted #FFFFFF;
}