body {
	background: #a4a5aa;
}

* {
	padding: 0px;
	margin: 0px;
}

/* begin wapper */
.wapper {
	width: 846px;
	margin: 0px auto;
}
/* einde wapper */

/* begin container */
#container {
	float: left;
	width: 820px;
	min-height: 900px;
	background: url(../img/content-bg.gif) repeat-y center top;
}

	* html #container {
		height: 800px;
	}
/* einde container */

/* begin header */
#header {
	float: left;
	width: 745px;
	height: 240px; /* 165px; */
	padding-left: 11px;
	padding-right: 11px;
	background: transparent url('../img/header_matrix.png') no-repeat center center; /* url('../img/header.gif') */
}

	* html #header {
		width: 765px;
	}
		
			#header-icons {
				float: left;
				width: 25px;
				height: 90px;
				margin-top: 5px;
				/* border: 1px dotted gray; */
			}
		
				#header .icon {
					margin: 8px;
				}
			
			#header-search {
				width: 200px;
				height: 25px;
				margin-left: auto;
				margin-right: 0px;
				margin-bottom: 0px;
			}
/* einde header */
				
/* begin menu */
#menu {
	background: #a4a5aa url(../img/spacer-top.gif) no-repeat center top;
	width: 800px;
	height: 27px;
	margin-top: 25px; /* 35px */
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 0px;
	float: left;
}

	* html #menu {
		margin-left: 12px;
	}

		#menu ul {
			margin: 0px auto;
			margin-left: 20px;
		}
		
			#menu li {
				list-style: none;
				float: left;
				padding: 0;
				margin-top: 0px;
			}
			
				#menu li a { 
					display: block;
					float: left;
					height: 20px;
					text-decoration: none; 
					padding: 5px 15px 0px 15px;
					border-top: none !important;
					border-bottom: none !important;
					font-weight: bold;
					color: #929300;
				} 

					#menu li a:hover, #menu li a.active, #menu li a.active:hover { 
						background: #82974B url(../img/active-button2.gif) repeat-x left top;
						color: #EEE;
						color: #929300;
						border: 1px dotted gray;
					} 

#menu2 {
	background: #a4a5aa;
	width: 800px;
	height: 27px;
	margin-top: 0px;
	margin-left: 5px;
	padding-left: 10px;
	padding-right: 0px;
	float: left;
}
	* html #menu2 {
		margin-left: 12px;
	}

		#menu2 ul {
			margin: 0px auto;
			margin-left: 20px;
		}
		
			#menu2 li {
				list-style: none;
				float: left;
				padding: 0;
				margin-top: 0px;
			}
			
				#menu2 li a { 
					display: block;
					float: left;
					height: 20px;
					text-decoration: none; 
					padding: 5px 15px 0px 15px;
					border-top: none !important;
					border-bottom: none !important;
					font-weight: bold;
					color: #929300;
				} 

					#menu2 li a:hover, #menu2 li a.active, #menu2 li a.active:hover { 
						background: #82974B url(../img/active-button2.gif) repeat-x left top;
						color: #EEE;
						color: #929300;
						border: 1px dotted gray;
					} 
/* einde menu */

/*begin menu-bar */
#menu-bar {
	text-align: left;
	background: #a4a5aa url(../img/spacer-bottom.gif) no-repeat center bottom;
	width: 760px;
	height: 20px;
	float: left;
	border: none;
	border-top: 1px solid gray;
	font-weight: bold;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
}
/* einde menu-bar */

/* begin content */
#content{
	width: 769px;
	/* margin-top: 168px !important; */
	margin: 25px;
	margin-top: 0px;
	min-height: 500px;
}
	* html #content {
		margin-top: 0px !important;
		margin-left: 45px;
		margin-right: 45px;
		margin-bottom: 20px;
		height: 400px;
	}
		
		/* begin left */
		#left {
			float: left;
			margin: 0px; /* 3 */
			height: 100%;
			width: 200px;
			padding: 3px;
		}
			
			/* blok 1 begin */
			.left-head {
				background: transparent url(../img/head.gif) no-repeat right top;
				border-left: 1px solid #929300;
				border-right: 1px solid #929300;
				border-bottom: 1px solid #929300;
				height: 25px;
				text-align: center;
				color: white;
				font-weight: bold;
				padding: 3px;
				margin-top: 15px;
				width: 192px;
			}

			.left-mid {
				border: 1px solid #929300;
				border-top: none;
				border-bottom: 2px solid #929300;
				width: 190px;
				min-height: 15px;
				padding: 4px;
				color: #666666;
				font-size: 13px;
				font-family: "century gothic", verdana, arial;
			}
				
				.left-mid p {
					color: #666666;
					font-size: 13px;
					font-family: "century gothic", verdana, arial;
				}
			
			.left-mid-sans-head {
				float: left;
				border: 1px solid #929300;
				border-bottom: 2px solid #929300;
				width: 190px;
				min-height: 15px;
				margin-top: 15px;
				padding: 4px;
				color: #666666;
				font-size: 13px;
				font-family: "century gothic", verdana, arial;
			}
			
				.left-mid-sans-head p {
					color: #666666;
					font-size: 13px;
					font-family: "century gothic", verdana, arial;
				}
				
					.left-mid-sans-head h3 {
						margin-top: 3px;
						margin-left: 3px;
						border-bottom: 1px solid #929300;
					}
			/* einde left blok 1 */

		/* einde left */
		
		/* begin right */
		#right {
			float: left;
			margin: 0px; /* 3 */
			margin-left: 4px;
			height: 100%;
			width: 548px; /* 535 */
			padding: 3px;
			
		}
		
			.right-head {
				background: transparent url(../img/head.gif) no-repeat right top;
				border-left: 1px solid #929300;
				border-right: 1px solid #929300;
				border-bottom: 1px solid #929300;
				height: 23px;
				width: 539px;
				text-align: center;
				color: white;
				font-weight: bold;
				padding: 4px;
				margin-top: 15px;
			}
			
			.right-mid {
				border: 1px solid #929300;
				border-top: none;
				border-bottom: 2px solid #929300;
				width: 539px; /* 525 */
				min-height: 15px;
				padding: 4px;
				color: #666666;
				font-size: 13px;
				font-family: "century gothic", verdana, arial;
			}
			
				.right-mid p {
					color: #666666;
					font-size: 14px;
					font-family: "century gothic", verdana, arial;
				}
			
			.right-mid-sans-head {
				border: 1px solid #929300;
				border-bottom: 2px solid #929300;
				width: 539px;
				min-height: 15px;
				margin-top: 15px;
				padding: 4px;
				color: #666666;
				font-size: 13px;
				font-family: "century gothic", verdana, arial;
			}
			
				.right-mid-sans-head p {
					color: #666666;
					font-size: 13px;
					font-family: "century gothic", verdana, arial;
				}
				
			/*
			.right-double-left {
				float: left;
				border: 1px solid #929300;
				border-bottom: 2px solid #929300;
				width: 261px;
				min-height: 15px;
				margin-top: 15px;
				margin-left: 1px;
				padding: 4px;
				color: #666666;
				font-size: 13px;
				font-family: "century gothic", verdana, arial;
			}
			
				.right-double-left p {
					color: #666666;
					font-size: 13px;
					font-family: "century gothic", verdana, arial;
				}	
				
			.right-double-right {
				float: right;
				border: 1px solid #929300;
				border-bottom: 2px solid #929300;
				width: 261px;
				min-height: 15px;
				margin-top: 15px;
				margin-bottom: 5px;
				padding: 4px;
				color: #666666;
				font-size: 13px;
				font-family: "century gothic", verdana, arial;
			}
			
				.right-double-right p {
					color: #666666;
					font-size: 13px;
					font-family: "century gothic", verdana, arial;
				}	
			*/
		/* einde right */

		/* begin highlight */
		.right-mid pre {
			font-size: 12px;
			line-height: 20px;
			width: 539px;
			overflow: auto;
			overflow-y: hidden;
			background: url(../img/code_bg.jpg);
			margin: 10px 0 20px 0;
			}
		  
		.right-mid  pre code { 
			display: block;
			margin-left: 20px; 
			}

		.right-mid  ol {
			list-style: decimal;
			margin-left: 25px; 
			}

		/* einde highlight */
/* einde content */ 

/* begin footer */
#footer {
	float: left;
	background: transparent url(../img/footer.gif) no-repeat center top;
	text-align: center;
	font-weight: bold;
	min-height: 50px;
	width: 820px;
	color: #a4a5aa;
	margin-top: 20px;
	margin-bottom: 10px;
}

	* html #footer {
		height: 50px;
		margin-left: 12px;
		margin-top: 20px;
	}
/* einde footer */

/* begin fixed bottom bar */
/*
#bottom {
	width: 80%;
	position: fixed;
	bottom: 0px;
	background: #18f8f8;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 3px;
	/* background: transparent url(../img/bottom-bar.png) repeat-x left top; */
	/* background-position: -32px; */ 
	/*background: white; /* #353632 */ /*
	border: 1px solid #94AA74;
	border-bottom: none;
	opacity: 0,5;
	filter: alpha(opacity=80);
	color: #666666;
	font-size: 14px;
	font-family: "century gothic", verdana, arial;
	margin-bottom: -1px;
}
	
	#bottom-content {
		color: #666666;
		vertical-align: middle;
		padding-bottom: 2px;
	}
		
		#bottom a {
			text-decoration: none;
		}
		
		.button {
			border: 1px solid #94AA74;
			background: #eee;
			border-bottom: none;
			padding: 4px;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		
			.button:hover {
				border: 1px solid #bbb;
				border-bottom: none;
				background:#e3e3e3;
			}
	
	.bottom-icon {
		padding: 3px;
		padding-top: 2px;
		padding-bottom: 2px;
		vertical-align: middle;
	}
	
	#bottom img {
		border: none;
	}
/* einde fixed bottom bar */

/* begin fixed bottom bar */
.bottom-bar {
	padding: 0px;
	width: 788px;
	margin: 0px auto;
}

#bottom {
	position: fixed;
	margin-left: -13px;
	text-align: center;
	width: 788px;
	height: 27px;
	bottom: 0px;
	opacity: 0,4;
	filter: alpha(opacity=50);
}

	#haakjes {
		float: left;
		width: 788px;
		height: 4px;
	}

	

		.haakje-links {
			float: left;
			width: 4px;
			height: 4px;
			margin-left: 1px;
			background: transparent url('../img/bottom-bar-haakje-links.png') no-repeat left top;
		}

		.haakje-rechts {
			float: right;
			width: 4px;
			height: 4px;
			margin-right: 1px;
			background: transparent url('../img/bottom-bar-haakje-rechts.png') no-repeat left top;
		}

	#bottom-content {
		float: left;
		width: 786px;
		height: 21px;
		border: 1px solid #929300;
		background: transparent url(../img/bottom-bar-bg.jpg) repeat-x left top;
		color: #666666;
		font-size: 14px;
		font-family: "century gothic", verdana, arial;
		margin-bottom: -1px;
	}
/* begin fixed bottom bar */

/* begin CSS MENU */
	.arrowsidemenu{
	width: 198px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-width: 1px;
	margin: 0px;
	margin-top: 15px;
	color: #666666;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../img/arrowgreen.gif) 100% 0;
	height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	color: #666666;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #26370A;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #6F3700;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #666666;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #a1c67b;
}

.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #a1c67b;
}

.arrowsidemenu ul li a:hover{
	background: #d5e5c1;
}
/* einde CSS MENU */

/* begin globaal */
.thumb {
	float: left;
	display: inline;
	border: 1px solid #a4a5aa;
	margin: 3px;
	margin-right: 10px;
	padding: 2px;
	height: 50px;
	width: 50px;
}

p {
	font-size: 13px;
	font-family: "century gothic", verdana, arial;
}

/* begin expressies */
	.warning {
		margin: 5px;
		padding: 5px;
		padding-left: 20px;
		margin-left: 10px;
		margin-right: 10px;
		background: transparent url('../img/exclamation.png') no-repeat left center;
		text-align: left;
		border-top: 1px solid #f8356c;
		border-right: 2px solid #f8356c;
		border-bottom: 1px solid #f8356c;
	}
	
	.info{
		margin: 5px;
		padding: 5px;
		padding-left: 20px;
		margin-left: 10px;
		margin-right: 10px;
		background: transparent url('../img/information-balloon.png') no-repeat left center;
		text-align: left;
		border-top: 1px solid #3e85f0;
		border-right: 2px solid #3e85f0;
		border-bottom: 1px solid #3e85f0;
	}
/* einde expressies */
	
/* begin comment */
	.comment-head {
		border-bottom: 1px solid #929300;
		background-color: #46fbb0;
		padding-left: 10px;
		color: #666666;
		font-size: 13px;
		font-family: "century gothic", verdana, arial;
	}
	
	.comment-mid {
		border-bottom: 1px solid #929300;
		padding-left: 10px;
		min-height: 30px;
		margin: 3px;
	}
		* html .comment-mid {
			height: 30px;
		}
		
		.right-mid p {
			color: #666666;
			font-size: 13px;
			font-family: "century gothic", verdana, arial;
		}
/* einde comment */

/* begin new */
	.new {
		background: #e03662;
		color: white;
		border: 1px solid #eb6d8d;
		padding-left: 5px;
		padding-right: 5px;
	}
/* einde new */
/* begin green */
	.green{
		background: #ebdb73;
		color: white;
		border: 1px solid #fff4a9;
		padding-left: 5px;
		padding-right: 5px;
	}
/* einde green */

a {
	outline: none;
}

a, a:link, a:visited {
	color: #666666;
}

a:hover {
	text-decoration: underline;
}

h1 {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	font-family: "century gothic", verdana, arial;
	text-transform: uppercase;
	padding-top: 15px;
}

h2 {
	text-align: center;
	font-size: 16px;
	text-transform: lowercase;
	font-weight: bold;
	font-style: italic;
	font-family: "century gothic", verdana, arial;
		
}

h3 {
	font-size: 16px;
	background: transparent url('../img/h3-token.gif') no-repeat left center;
	border-bottom: 1px solid #a4a5aa;
	height: 20px;
	color: gray;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 6px;
}

input.txt {
	border: 1px solid #94AA74;
	height: 18px;
	color: #666666;
	font-size: 12px;
	font-family: "century gothic", verdana, arial;
}
	
input.btn {
	border: 1px solid #94AA74;
	background: #94AA74;
	height: 20px;
	padding-left: 2px;
	padding-right: 2px;
	vertical-align: center;
}
	
input.txtarea {
	border: 1px solid #94AA74;
	color: #666666;
	font-size: 12px;
	font-family: "century gothic", verdana, arial;
}

input.option {
	border: 1px solid #94AA74;
	color: #666666;
	font-size: 12px;
	font-family: "century gothic", verdana, arial;
}

table a {
	outline: none;
}

table a, table a:link, table a:visited {
	color: #666666;
}

table a:hover {
	text-decoration: underline;
}

	/* begin striped table */
	.taglist {
		color: #666666;
	}
	
	.taglist tbody tr td {
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
	}

	.taglist tbody tr.selected td {
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}
	/* einde striped table */
	
	/* begin sitemap */
	.level1 {
		margin-top: 5px;
		margin-left: 10px;
		margin-bottom: 3px;
		height: 16px;
		color: gray;
		background: transparent url('../img/l1.gif') no-repeat left center;
		padding-left: 15px;
		font-size: 12px;
	}
	
	.level2 {
		margin-top: 5px;
		margin-left: 30px;
		margin-bottom: 3px;
		height: 16px;
		color: gray;
		background: transparent url('../img/l2.gif') no-repeat left center;
		padding-left: 18px;
		font-size: 12px;
	}
	
	.level3 {
		margin-left: 50px;
		height: 16px;
		color: gray;
		background: transparent url('../img/l3.gif') no-repeat left center;
		padding-left: 15px;
		font-size: 12px;
	}
	/* einde sitemap */
/* einde globaal */