BODY  {
	font-family : Arial;
	font-size: 12px;
	text-align: left;
	font-weight : bold
	background:#fff;
	margin:0;
	padding:0;
	color:#000;
	width:800px;
}
td  {
	color : #000;
	font-size: 12px;
	text-align: left;
	margin:0;
	padding:0;
	font-weight : normal;
}
th  {
	color : #fff;
	background: #00504C;
	font-size: 12px;
	text-align: left;
}
.tableborder{
	border: 0px;
	text-align: left;
	width:575px;
	}

tableborder_right{
	border: 0px;
	text-align: left;
	width:150px;
	}

.box { 
	width: 150px; 
}

.content {
	color : black;
	text-align: left;
	padding:8px;
	font-size: 12px;
	font-weight : normal;
	width:575px;
}

.right_column{
	width: 150px; 
}
#boxContent { 
	width: 150px; 
	height:100%;
}
#boxContainer { 
	width: 150px; 
	height:100%;
} 
.right_column_text{
	color : #00504C;
	padding:5px;
	font-weight : normal;
	width: 150px; 
}

div.treewrap{
	width:150px;}

.content A {
	color: black;
	font-size: 8pt;
}

.treesmalllinks A {
	color: black;
	font-size: 8pt;
	margin:1px;
}

.content A:Hover {
	color: #CECECE;
}
H1  {
	color:#000;
	font-size: 11pt;
	}
H2  {
	color : white;
	font-size: 8pt;
	text-align: left;
	font-weight : bold;
	padding:5px;
	margin:0;
}
.logobar {
	padding:0px;
	margin:0px;
}

#navigation_green UL { 
	list-style-image: url(images/arrow_right_green.gif);
	text-align: left;
	margin: 0; 
	padding: 2px 20px 2px 15px;
	font-size: 8pt;
}

#navigation_red UL { 
	list-style-image: url(images/arrow_right_red.gif);
	text-align: left;
	margin: 0; 
	padding: 2px 20px 2px 15px;
	font-size: 8pt;
}

#navigation_red A,#navigation_green A{
	color: #000;
	font-size: 8pt;
}
#navigation_red A:HOVER, #navigation_green A:HOVER{
	color: #CECECE;	
	font-size: 8pt;
}

#header{
	display:none;
}


/* ------------------------------------------- */

.body_column, .body_column A{
	padding:8px;
	color: #000;
	font-size: 8pt;
	width: 500px; 

}

.right_column_header_green{
	color : #00504C;
	font-weight : normal;
	background: #63B163;
}
.right_column_header_red{
	color : #00504C;
	font-weight : normal;
	background: #C13828;
}


.adminbox{
	padding: 10px;
	width: 600px; 
}

.adminlink{
	padding: 10px;
	width: 600px; 
	align:right;
}

.boxVestiging{ 
	float: left;
	width:91px;
	margin: 2px;
	font-size: 8pt;
}

.helptekst{
	color: #cecece;
}

/*de tree start hier*/


/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/



.dtree {
	font-size: 10px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
	font-weight:bold;
}
.dtree .clip {
	overflow: hidden;
}

/*de tree stops hier*/


/* ------------------------------------------- */

.header_background_red{
	display:none;
}

.header_background_green,
.footer_background_green,
.header_top_background_green, 
.footer_background_green A, 
.header_top_background_green A{
	display:none;
}

.footer_background_red,
.footer_background_red A,
.header_top_background_red,
.header_top_background_red A{
	background:#C13828;
	color: #fff;
}

/* ------------------------------------------- */

.Body_admin {
	color : Lime;
	font-size: 8pt;
	text-align: left;
}

.hoofd_navigatie{
	color: white;
	font-size: 10pt;
	font-weight : bold;
}
.hoofd_navigatie A {
	color: white;
	font-size: 10pt;
	font-weight : bold;
}
.hoofd_navigatie A:Hover {
	color: #C8C8C8;
	font-size: 10pt;
	font-weight : bold;
}

.datum{
	color: black;
	font-size: 8pt;
}
.imageborder {
	border: 2px solid #3C3B3B;
}

.admin A {
	color: #FFFFFF;
	font-size: 8pt;
	font-weight : normal
	}

.admin A:Hover {
	color: #FFFFFF;
	font-size: 8pt;
	font-weight : normal
}



/*
*	The rules for navigation start here. 
*	Heavily inspired by the following articles:
*		http://www.alistapart.com/articles/slidingdoors/
*		http://www.alistapart.com/articles/mountaintop/
*		http://www.alistapart.com/articles/sprites/
*/
	#header {
		float:left;
		width:100%;
		background:#C13828;
		padding:0;
		font-size:0.8em;
		line-height:normal;
		margin-bottom:10px /* used here to separate the three different versions */
	}
	#header ul {
		margin:0;
		padding:10px 0 0 10px;
		list-style:none;
	}
	#header li {
		display:inline;
		margin:0;
		padding:0;
	}
/*
*	For the next two rules:	
*	1. A single image is used for the two doors, rather than one.
*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
*	3. The padding was modified for personal preference.
*/
	#header a {
		float:left;
		background:#E7F1F8 url("/images/sliding-doors-mountaintops-3.png") no-repeat left top;
		padding:0 0 0 9px;
		text-decoration:none;
		color:#000;
	}
	#header a span {
		float:left;
		display:block;
		background:#E7F1F8 url("/images/sliding-doors-mountaintops-3.png") no-repeat right top;
		padding:4px 15px 3px 6px;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#header a span {float:none;}
/* End IE5-Mac hack */

/*
*	1. At this point many things are simplified. The hover and background colors are set,
*	and no positions are used because we aren't swapping images
*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
*	exposing 1px of the background color of #header and giving the effect of an underline.
*/
	#header #current a span {
		padding-bottom:4px;
	}
	#header a:hover, #header a:hover span {
		background-color:#E4F1BC;
		color:#000;
	}
	#header #current a span, #header #current a {
		background-color:#fff;
		color: #000;
	}

/*
*	Below is the code for the two other colors. Here we simply set the background
*	colors to the appropriate values (based on the colors you choose) and position
*	the background image to the appropriate mountaintop colored tab. 
*/

/*
*		Green
*/
	#header.green {
		background:#63B163;
	}
	#header.green a {
		background:#E4F1BC url("/images/sliding-doors-mountaintops-3.png") no-repeat 0 -115px;
	}
	#header.green a span {
		background:#E4F1BC url("/images/sliding-doors-mountaintops-3.png") no-repeat 100% -115px;
	}
	#header.green a:hover, #header.green a:hover span {
		background-color:#63B163;
		color: #fff;
	}


/*
*		Red
*/
	#header.red {
		background:#900;
	}
	#header.red a {
		background:#E0CBC7 url("/images/sliding-doors-mountaintops-3.png") no-repeat 0 -58px;
	}
	#header.red a span {
		background:#E0CBC7 url("/images/sliding-doors-mountaintops-3.png") no-repeat 100% -58px;
	}
	#header.red a:hover, #header.red a:hover span {
		background-color:#C13828;
		color: #fff;
	}


/* extra rules for even and odd rows */
.even {
	background:	#eee;
}
.odd {
}

