/* ################################################################################# */
/*                                                                                   */
/*                                     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:			#FFFFFF url(../images/bg_body.jpg) repeat-y center top; 
	font-family: 		Verdana, Helvetica, sans-serif;
	font-size: 			70%; /* standaard font grootte is nu 10px, dus 1.2em = 12px */
	line-height: 		130%;
}

h1 {
	color: 				#26643c;
	font-size:			1.7em;
	margin:				0 0 0.5em 0;
	text-transform:		uppercase;
	font-style: 		italic;
	font-family: 		Arial, Helvetica, sans-serif;
}

h2 {
	color:				#26643c;
	font-size:			1em;
	margin:				0 0 1em 0;
	text-transform:		uppercase;
}

p {
	margin: 			0 0 1em 0;
}

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

a {
	color:				#22643C;
	text-decoration:	underline;
}

a:hover {
	color:				#942904;
	text-decoration:	underline;
}

#text table {
	font-size:			1em;
}

#text td {
	padding:			3px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                   CONTAINER                                       */
/*                           om de site te centreren                                 */
/*                                                                                   */
/* ################################################################################# */


#container {
	clear:				both;
	position:			relative;
	min-height: 		100%;
	height: 			100%;
	text-align: 		center;
	/* voice-family: 		"\"}\""; everything below this hack will be ignored by IE 5.x 
	voice-family: 		inherit;
	height: 			auto; */
}

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


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

#header {
	clear: 				both;
	background-image: 	url(../images/header.jpg);
	height: 			250px;
	width: 				900px;
}

#header img {
	float:				left;
	margin:				0 10px 0 10px;
}

/* ################################################################################# */
/*                                                                                   */
/*                                     NAVIGATION                                    */
/*                                                                                   */
/* ################################################################################# */

#topmenu {
	color:				#26643C;
	float: 				left;
	line-height:		3em;
	padding: 			0 0 0 10px;
	width: 				200px;
}

#topmenu a{
	text-decoration: 	none;
}

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

#nav {
	background: 		url(../images/bg_nav.jpg) no-repeat right top;
	float: 				right;
	padding: 			80px 0 0 0;
	width: 				314px;
}

#nav li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26643C;
	color: 				#26643C;
	margin: 			0 30px 0 33px;
}

#nav a {
	color: 				#26643C;
	font-family: 		Geneva, Arial, Helvetica, sans-serif;
	font-size: 			1.3em;
	font-weight: 		bold;
	line-height: 		2em;
	text-decoration:	none;
	text-transform: 	uppercase;
}

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

#submenu {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #26643c;
	float: 				left;
	margin:				0 10px 0 0;
	min-width:			170px;
}

#submenu a {
	color: 				#26643C;
	font-family: 		Geneva, Arial, Helvetica, sans-serif;
	font-size: 			1.1em;
	font-weight: 		bold;
	line-height: 		1.9em;
	margin: 			0 10px 0 0;
	text-transform: 	uppercase;
}

#submenu ul {
	text-align: right;
}

#submenu a:hover{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26643c;
}

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

#content {
	background: 		url(../images/content.jpg) no-repeat left top;
	font-size:			1.1em;
	line-height: 		1.6em;
	padding:			50px 0 0 25px;
	width: 				900px;
}

#content img {
	border: 			1px solid #26643c;
	margin:				10px;
}

#text {
	width: 				530px;
	padding:			0 0 20px 0;
}

#pl {
	padding:			50px 0 0 0;
}

#pl table th {
	font-size:			1em;
	padding:			3px;
}

#pl table td {
	font-size:			1em;
	padding:			3px;
}
/* ################################################################################# */
/*                                                                                   */
/*                                     SIDEBAR                                       */
/*                                                                                   */
/* ################################################################################# */


#sidebar {
	background: 		url(../images/sidebar.jpg) no-repeat;
	float: 				right;
	height:				380px;
	margin:				-50px 25px 0 25px;
	width: 				315px;
}

#sidebar img {
	border: 			0;
	margin:				33px 0 0 33px;
}