/* ################################################################################# */
/*                                                                                   */
/*                                     BODY                                          */
/*                                                                                   */
/* ################################################################################# */

* {
	margin: 			0;
	padding: 			0;
}

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;	/* laat altijd de linker scrollbalk zien in FireFox */
}

body {
	background:			#191919; 
	color: 				#ABABAB;
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size: 			62.5%; /* standaard font grootte is nu 10px, dus 1.2em = 12px */
	line-height: 		120%; /* standaard 140% */
	text-align: 		center;
}

/* ################################################################################# */
/*                                                                                   */
/*                                VLAKVERDELING                                      */
/*                                                                                   */
/* ################################################################################# */

#wrapper {
	width:				990px;
	margin:				auto;
	text-align:			left;
}

#header {
	background:			#202020 url(../images/bg_balk.jpg) top left repeat-x;
	border-bottom:		1px solid #4D4D4D;
	float:				left;	
	height:				40px;
	vertical-align:		bottom;
	width:				640px;
}

#col-links {
	background:			#000000;
	clear:				left;
	float:				left;	
	height:				488px;
	width:				200px;
}

#col-midden {
	background:			#000000;
	border-left:		1px solid #4D4D4D;
	border-right:		1px solid #4D4D4D;
	float:				left;	
	overflow: 			auto;
	height:				488px;
	width:				438px;
}

#col-rechts {
	background:			#000000;
	float:				right;
	height:				529px;
	margin:				-41px 0 0 0;
	width:				350px;
}

#footer {
	background:			url(../images/bg_footer.jpg) top left repeat-x;
	clear:				both;
	height:				30px;
	margin:				0 auto;
	width:				990px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                   DEFAULT                                         */
/*                                                                                   */
/* ################################################################################# */

h1 {
	background:			url(../images/arrow_right.gif) no-repeat left 15px;
	color:				#FF0000;
	font-size:			1.2em;
	font-weight:		bold;
	padding:			15px;
}

h2 {
	background:			url(../images/arrow_right.gif) no-repeat left 4px;
	color:				#FF0000;
	font-size:			1em;
	font-weight:		bold;
	padding:			0 0 0 15px;
}

p {
	margin:				0 0 1em 0;
}

table, tr, td {
	font-size:			1em;
}

img {
	border: 			0;
}

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

li {
	list-style-image:	none;
	list-style-type:	none;
}

a {
	color:				#FF0000;
	text-decoration:	none;
}

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


/* ################################################################################# */
/*                                                                                   */
/*                                   HEADER                                         */
/*                                                                                   */
/* ################################################################################# */

#headerlijnen {
	background:			url(../images/bg_header.gif) no-repeat 200px 20px;
	padding:			5px 0 0 0;
}

#header h1 {
	margin:				0 0 0 215px;
}



/* ################################################################################# */
/*                                                                                   */
/*                                   NAVIGATIE                                       */
/*                                                                                   */
/* ################################################################################# */

#menu {
	font-size:			1.2em;
	height:				398px;
	width:				200px;
}

#menu ul li {
	display:			block;
	background:			url(../images/bg_menu.jpg) repeat-x left top;
	width:				200px;
}

#menu ul li a {
	background:			url(../images/arrow_right_grey.gif) no-repeat 20px center;
	color: 				#999999;
	display:			block;
 	padding: 			7px 0 7px 35px;
 	text-decoration: 	none;
}

#menu ul li a:hover {
	background:			url(../images/arrow_right_white.gif) no-repeat 20px center;
	color: 				#FFFFFF;
 	text-decoration: 	none;
}

#menu ul li.active a {
	background:			url(../images/arrow_right.gif) no-repeat 20px center;
	color: 				#FF0000;
	font-weight:		bold;
 	text-decoration: 	none;
}

#menu ul li.active a:hover  {
	background:			url(../images/arrow_right.gif) no-repeat 20px center;
	color: 				#FF0000;
	font-weight:		bold;
 	text-decoration: 	none;
}

#menu ul li.activesub a {
	background:			url(../images/arrow_down.gif) no-repeat 20px center;
	color: 				#FF0000;
	font-weight:		bold;
 	text-decoration: 	none;
}

#menu ul li.activesub a:hover {
	background:			url(../images/arrow_down.gif) no-repeat 20px center;
	color: 				#FF0000;
	font-weight:		bold;
 	text-decoration: 	none;
}




#menu ul li.submenu {
	background:			#141414;
	border-bottom:		1px solid #252525;
	font-size:			11px;
}

#menu ul li.submenu a {
	background:			none;
	color: 				#999999;
	display:			block;
	font-weight:		bold;
 	padding: 			2px 0 2px 35px;
 	text-decoration: 	none;
}

#menu ul li.submenu a:hover {
	background:			none;
	color: 				#FFFFFF;
 	text-decoration: 	none;
}

#menu ul li.submenuactive a {
	background:			#141414 url(../images/arrow_down.gif) no-repeat 20px 6px;
	border-bottom:		1px solid #252525;
	color: 				#FF0000;
	display:			block;	
	font-weight:		bold;
	font-size:			11px;
 	padding: 			2px 0 2px 35px;
 	text-decoration: 	none;
}

#menu ul li.submenuactive a:hover {
	background:			#141414 url(../images/arrow_down.gif) no-repeat 20px 6px;
	border-bottom:		1px solid #252525;
	color: 				#FF0000;
	font-weight:		bold;
 	text-decoration: 	none;
}




#menu ul.subsubmenu li {
	background:			#141414;
	border-bottom:		1px solid #252525;
}

#menu ul.subsubmenu li a {
	background:			none;
	color: 				#999999;
	display:			block;
	font-size:			0.9em;
	font-weight:		normal;
 	padding: 			2px 10px 2px 35px;
 	text-decoration: 	none;
}

#menu ul.subsubmenu li a:hover {
	background:			none;
	color: 				#FFFFFF;
	font-weight:		normal;
 	text-decoration: 	none;
}

#menu ul.subsubmenu li.active a {
	background:			none;
	color: 				#FF0000;
	font-weight:		normal;
 	text-decoration: 	none;
}

#menu ul.subsubmenu li.active a:hover {
	background:			none;
	color: 				#FF0000;
	font-weight:		normal;
 	text-decoration: 	none;
}

/* ################################################################################# */
/*                                                                                   */
/*                                   CONTENT                                         */
/*                                                                                   */
/* ################################################################################# */

#content-midden {
	font-size:			1.2em;
	line-height:		1.6em;
	text-align:			justify;
	padding:			15px;
}

#content-midden h2 {
	margin:				0 0 0.5em 0;
}

#content-midden p {
	text-align:			justify;
}

#content-midden ul {
	margin:				0 0 1em 0;
}


#content-midden ul li {
	background:			url(../images/arrow_right_small.gif) no-repeat left 2px;
	line-height:		1em;
	margin:				0 0 0 15px;
	padding:			0 0 8px 10px;
}

.lijn {
	border-top:			1px solid #4D4D4D;
	margin:				0 -15px;
}

.red {
	color:				#FF0000;
}

.small {
	font-size:			9px;
}

a.normallink {
	color:				#999999;
	text-decoration:	none;
}

a.normallink:hover {
	color:				#FFFFFF;
	text-decoration:	none;
}


#refer {
	font-size:			1em;
	padding-bottom:		15px;
	text-align:			right;
	text-decoration:	none;
}

#refer a {
	text-decoration:	none;
}

#refer a span.licht {
	color:				#5D5D5D;
	text-decoration:	none;
}

#refer a span.donker {
	color:				#5D5D5D;
	text-decoration:	none;
}

/* ################################################################################# */
/*                                                                                   */
/*                                   FOOTER                                          */
/*                                                                                   */
/* ################################################################################# */



/*#footer div {
	font-size:			10px;
	padding:			5px 0 0 20px;
}

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

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