/*###############
#	ALGEMEEN	#
###############*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
html { font: 11px Tahoma, Verdana, Arial, sans-serif; }
body { background: #F6F2E9 url(../img/bg.png) repeat-x; color: #e2d9cf;  }

/* Algemene classnames
------------------------------------------------------------------*/
.wrapper { overflow: hidden; }
.nomargin, .nom { margin: 0; }
.nopadding .nop { padding: 0; }
.nomp { margin: 0; padding: 0; }

.block { display: block; }
.inline { display: inline; }

.center { display: block; margin: auto; }

.hide, .hidden { visibility: hidden; }
.invisible { display: none; }

.f-left { float: left; }
.f-right { float: right; }

.clear { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }

.tcenter { text-align: center; }
.tleft { text-align: left; }
.tright { text-align: right; }

.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }

.absolute { position: absolute; }
.relative { position: relative; }

.bold, .b, .strong { font-weight: bold; }
.em, .italic, .i { font-style: italic; }
.normal { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.small { font-size: 11px; }

.default { cursor: default; }
.pointer { cursor: pointer; }
a { color: #9fc22a; text-decoration: underline; }
a:hover { color: #9fc22a; text-decoration: none; }
/*##############
#	LAYOUT	   #
##############*/

/* CCONTAINER
------------------------------------------------------------------*/
div#container { width: 838px; margin: 0 auto; }

/* HEADER
------------------------------------------------------------------*/
h1#header { background: url(../img/header.png) no-repeat; text-indent: -9999px; width: 838px; height: 95px; }

/* MENU TOP
------------------------------------------------------------------*/

ul#menu-top {
	padding: 5px;
	list-style: none;
}
ul#menu-top li {
	background: url(../img/menu-streep.png) no-repeat right center;
	float: left;
	display: block;
	margin-right: 14px;
	padding-right: 8px;
}
ul#menu-top a {
	float: left;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration:none;
	margin-right: 10px;
	font-size: 13px;
}
ul#menu-top a span {
	float: left;
	display: block;
	padding: 3px 27px 4px;
	color: #666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#menu-top a span {
	float: none;
}
/* End IE5-Mac hack */
ul#menu-top a:hover span {
	color: #FFF;
}
ul#menu-top a.active,
ul#menu-top a:hover {
	background: url(../img/bg-hover.png) no-repeat left top;
}
ul#menu-top a.active span,
ul#menu-top a:hover span {
	background: url(../img/bg-hoverrechts.png) no-repeat right top;
}
	
/* KOLOMMEN
------------------------------------------------------------------*/
div#kolommen { margin-top: 6px; }
div#kolom-links { float: left; width: 221px; }
div#kolom-rechts { float: right; width: 607px; }

/* MENU LINKS
------------------------------------------------------------------*/
ul.menu-links {
	list-style: none;
	background: url(../img/bg-menulinks.png) no-repeat;
	height: 287px;
	padding-top: 40px;
	padding-left: 6px;
	margin-bottom: 11px;
}
ul.menu-links li {
	width: 207px;
	padding-bottom: 4px;
	margin-bottom: 4px;
	background: url(../img/bg-menulinksstreep.png) no-repeat bottom;
}
ul.menu-links li a {
	background: url(../img/bg-menulinksa.png) no-repeat;
	display: block;
	width: 196px; height: 17px;
	color: #fefefe;
	font-size: 11px;
	text-decoration: none;
	padding-left: 11px;
	padding-top: 6px;
}
ul.menu-links li a.active,
ul.menu-links li a:hover,
ul.menu-links li a.focus {
	background-image: url(../img/bg-menulinkshover.png);
}
/* BLOK-GEEL
------------------------------------------------------------------*/
div.blok-geel {
	background: url(../img/bg-blokgeel.png) no-repeat;
	width: 221px; height: 189px;
}
ul.statistieken {
	padding-left: 12px;
	list-style: none;
	padding-top: 52px;
	color: #8e8577;
	font-family: Tahoma;
}
ul.statistieken li {
	margin-bottom: 8px;
}
/* CONTENT
------------------------------------------------------------------*/
div.content {
	background: url(../img/bg-content.png) no-repeat top;
	color: #8e8577;
	line-height: 18px;
	width: 586px;
	padding: 10px 11px 10px 10px; 
	border-bottom: 1px solid #e4ddd2;
	margin-bottom: 10px;
}
div.inhoud h1, div.inhoud h3, div.inhoud h4 {
	background: url(../img/bg-contentkop.png) repeat-x;
	font-size: 18px;
	font-family: Calibri;
	padding: 5px 5px;
	font-style: italic;
}
div.inhoud ul {
	list-style: none;
	padding-left: 26px;
	margin: 5px 0;
}
/* FOOTER
------------------------------------------------------------------*/
div#footer {
	background: url(../img/bg-footer.png) repeat-x;
	height: 213px;
	margin-top: 10px;
}
div#stat-wrapper {
	width: 868px;
	margin: 0 auto;
	padding-top: 15px;
}

ul.stats {
	background: url(../img/bg-statslijn.png) repeat-y right;
	float: left;
	list-style: none;
	padding-right: 24px;
	margin-right: 20px;
}
div#stat-wrapper ul.laatste {
	margin-right: 0;
	background: 0;
}
ul.stats li {
	margin-bottom: 1px;
}
ul.stats li.titel {
	color: #a39b8e;
	font-weight: bold;
	margin-bottom: 5px;
}
ul.stats li a {
	display: block;
	width: 235px;
	padding: 5px 0 5px 15px;
	background: #d6ccc0;
	color: #878073;
	text-decoration: none;
}
ul.stats li a:hover,
ul.stats li a:focus,
ul.stats li a.active {
	background-color: #c9bcad;
}
td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color:#333333;}
td.row1	{ background-color: #E7DFD7; }
td.row2	{ background-color: #E7DFD7; }
td.row3	{ background-color: #E7DFD7; }
td.td_head {font-size: 11px; font-weight : bold; background-color: #E7DFD7; padding:3px}

th { font-size: 11px; font-weight : bold; background-color: #E4DBD2; height: 25px;	padding:3px}
.reg_tb{background:#FFFFFF; color:#333333; border:1px solid #A39B8E;}

div.ajax, span.ajax{color:#0791FE; text-decoration:none; cursor:hand; cursor:pointer}
div.ajax:hover, span.ajax:hover{font-weight:bold; cursor:hand; cursor:pointer}

.error_message {
	color: green;
	font-size: 11px;
}

.topnav {color:#FFFFFF;}

.bottomnav {background:#FFFFFF; padding:3px; border:1px solid #CCCCCC}

.editable{
	color: #000;
	background-color: #ffffd3;
 }

.bold_green {
	font-weight: bold;
	color: green;
}

.paging_info { background-color: #E7E0D6; }
.paging_next { background-color: #E7E0D6; padding: 0px 5px 0px; }
.paging_current { background-color:#E4DBD1; padding: 0px 5px 0px; }