body {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow-y: hidden;
}

p {
	margin-bottom: 1.5em;
}

/* *** hyperlinks *** */

a {
	color: #FFF;
}

a:hover {
	color: #1a5422;
}

/* *** wrapper *** */
#wrapper {
	background-image: url(../images/bg.png);
	position: absolute;
	width: 879px;
	height: 494px;
	top:50%;
	left:50%;
	margin:-247px auto auto -439.5px;	
}

/* *** flash container *** */
#flashContainer {
	width: 241px;
	height: 494px;
	float: left;
	background: transparent;
}

#flashContainer .getAdobeFlashPlayer, #flashContainer .getAdobeFlashPlayer a {
	font-size: 10px;
	color: #1b5422;
}


/* *** middle column *** */
#middleCol {
	width: 450px;
	float: left;
}

/* *** content starts here *** */
#content {
	width: 400px;
	height: 420px;
	padding: 0 20px;
	/* original color
		color: #1b5422;*/
	color: #14411A;
	overflow-y: auto;
	overflow-x: hidden;	
}

#content h2, #content h3 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: .5em;
}

#content h3 {
	font-size: 11px;
	font-weight: bold;
}

.breadCrumbs {
	margin: 10px 0;
	height: 20px;
}

.breadCrumbs p {
	color: #dbe8bb
}

#content a {
	color: #dbe8bb;
	text-decoration: none;
}
#content a:hover {
	color: #FFF;
}


/* *** nieuws *** */
#content .news {
	color: #FFF;
}

#content ul.newsList {
	list-style: none;
	color: #FFF;
}

#content ul.newsList a {
	color: #FFF;
	text-decoration: none;
}


#content ul.newsList a:hover {
	color: #1b5422;
	text-decoration: none;
}

li.newsItem {
	margin-bottom: 10px;
	border-bottom: 1px solid #1b6523;
	padding-bottom: 10px;
}

#content ol {
	margin-left: 25px;
}


/* *** search results *** */
span.highlight {
	background: #79b945
}



/* *** right column *** */

#rightCol {
	float: left;
	width: 182px;
	margin-left: 4px;
}

#search {
	height: 32px;
	width:100%
}

#search input.searchQuery {
	background: #85b919;
	border: 1px solid #99c549;
	width: 132px;
	padding-left: 3px;
	height: 14px;
	line-height: 13px;
	font-size: 11px;
	color: #1b5422;
	margin: 7px 5px 0 10px;
	
}

#search input.submitSearch {
	background: #1b5422;
	height: 16px;
	line-height: 10px;
	color: #FFF;
	font-size: 10px;
	border: none;
	padding: 2px
}

/* *** navigation right *** */

#navRight ul {
	margin-top: 43px;
}

#navRight ul li {
	text-decoration: none;
margin: 0.5em 0;}

#navRight ul li a {
	padding-left: 10px;
	color: #61ad25;
	text-decoration: none;
	font-weight: bold;
}

#navRight ul li a:hover {
	color: #FFF;
}



/* *** navigation right submenu styles *** */
#navRight li ul {
	margin: 0;
	font-weight: normal;
	
	background: #256e2a;
}

#navRight li ul li {
	border-bottom: 1px solid #065423;
}

#navRight li ul li a {
	color: #61ad25;
	text-decoration: none;
}

#navRight li ul li a:hover {
	color: #FFF;
}

/* ***  subnavigation right *** */

ul#subMenu1, ul#subMenu2 {
	margin: 5px 0;
	padding: .5em 0;
	height: auto;
	background: #256e2a;
}

ul#subMenu1 li a, ul#subMenu2 li a {
	color: #61ad25;
	text-decoration: none;
	padding-left: 12px
}

ul#subMenu1 li a:hover, ul#subMenu2 li a:hover {
	color: #FFF;
	text-decoration: none;
}


/* *** navigation right bottom *** */

#navRightBottom {
	position: absolute;
	bottom: 0px;
	display: block;
}

#navRightBottom p.serviceNav {
	margin: 20px 0 2em 12px;
}

#navRightBottom p.serviceNav a {
	text-decoration: none;
}

#navRightBottom p.serviceNav a:hover {
	color:  #65ae24;
}

#navRightBottom img.btnWallOfFame {
	margin-left: 3px;
	top: 0;
}



div.clear {
	clear: both;
}



/* *** Wall of Fame *** */

#wallOfFame {
	width: 100%;
	margin-top: 18px;
	padding: 0;
}

#wallOfFame img {
	float: left;
	margin: 0 20px 20px 0;
}

#wallOfFame p.quote {
	color: #1B5422;
	font-weight: bolder;
	font-size: 14px;
}

#wallOfFame p.intro {
	color: #FFF;
}


#wallOfFame p.longTxt {
	clear: left;
	width: 100%;
	display: block;
}

img.wallOfFameImage {
	margin: 0 10px 10px 0;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#topnav {
	height: 32px;
	border-top: 0;
	border-bottom: 1px solid #FFF;
	padding:0;
	font-weight: bold;
}
#topnav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	height: 32px;
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#topnav ul li {float: left; color: #fff; text-align: center; border-right: 1px solid #FFF; height: 32px; line-height: 23px;}

#topnav ul li.menu-last {
	border: none;
}


#topnav li ul li {
	height: auto;
	border: none;
}

#topnav li ul li a {
	padding-left: 5px;
}


#topnav ul li a {display: block; padding: 5px 10px; padding-bottom: 4px;  color: #fff; text-decoration: none;}

/* Root Level Link Formatting */
#topnav ul li a:hover, #topnav li a:focus {background: none; border-color: #fff; color: #1b5422;}
#topnav li a:active, #topnav ul li a.active {background: none; border-color: #fff; color: #4b4c4d;}

/* Current page Customisations*/
#topnav li.menu-current a		{background: none; color: #1b5422; }


/* 2nd Child menu */
#topnav .menu li ul {position: absolute; width: 12em; margin-top: 0; display: none; text-transform: none; border-top: 1px solid #FFF; font-size: 100%;}
#topnav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em; border-bottom: 1px solid #61ad25;}
#topnav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #8bbd4e; color: #fff; border: 0;}

/* 2nd Child link hover */
#topnav .menu li ul a:hover, #topnav .menu li ul li.menu-current a {color: #4b4c4d; background: #8bbd4e; border: 0; color:#1a5322;}

/* Show and hide */
#topnav .menu li:hover ul, #topnav .menu li a:focus ul, #topnav .menu li.subMenu ul {display: block;}
#topnav .menu li ul ul { display: none;}
#topnav .menu li:hover ul ul, #topnav .menu li.subMenu ul ul {display: none;}
#topnav .menu li:hover ul, #topnav .menu li li:hover ul, #topnav .menu li.subMenu ul, #topnav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */


#topnav .menu li ul li ul {
	border: none;
}

#topnav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; color: #fff; }

#topnav .menu li ul li ul li a:hover 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #8bbd4e; color: #1b5422; }



/* Positioning the Pop-out Drops */
#topnav li {position: relative;}

#topnav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}


/* FORMELEMENTS */
table#aanmelding td,
table.captcha_table td{
	padding:5px;
}

/* *** styleswitcher *** */
#styleSwitcher {
	position: absolute;
	width: 184px;
	height: 25px;
	color: #1B5422;
	left: 50%;
	margin-left: 267px;
	top: 50%;
	margin-top: -278px;
	font-weight: bold;
	font-size: 12px;
}

#styleSwitcher a {
	color: #62AD24;
	text-decoration: none;
}
#styleSwitcher a:hover {
	color: #1B5422;
	text-decoration: none;
}

#styleSwitcher a.normal {
	font-size: 12px;
}

#styleSwitcher a.bigger {
	font-size: 16px;
}

/* *** forum posts ***/

#forumPosts {
	margin-top: 30px;
	padding-bottom: 10px;
}

h2.onlineCommunity {
	display: block;
	width: 174px;
	color: #FFF;
	font-size: 11px; 
	font-weight: bold;
	background: #62AD24; 
	padding: 5px 0 5px 10px;
}

h2.onlineCommunity a {
	color: #FFF;
	text-decoration: none;
}

.posts {
	margin-top: 10px;
	width: 170px;
	display: block;
	padding: 0 10px;
	line-height: 1.25em;
	position: relative;
}

.posts a {
	text-decoration: none;	
	color: #61AD25;
}

.posts a:hover {
	color: #FFF;
}

.posts .posterName {
	font-weight: bold;
}

.post {
	display: block;
	margin-bottom: 10px;
}