/* ------------------- ( groupz baby! ) ---------------- */	

	* {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		outline:none;
	}
	
	html {
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
	}
	
	body{
		background:#000000;
		text-align: center;
	}
	
	#wrapper{
		width:920px;
		text-align:left;
		margin: 20px auto 0;
	}
	
	h1 a, h1 a:hover {
		display: block;
		width:920px;
		height:149px;
		background: #000 url(../images/layout/header.jpg) no-repeat top left;
		text-indent: -9999px;
		color: #fee111;
	}
	
 	a {
		color: #FE1111;
	}
	
	a span {
		font-weight: bold;
	}
	
	a:hover {
		color: #FEE111;
		background: #000;
		text-decoration: none;
	}
	
	li {
		list-style-type: square;
	}

/* ------------------- ( topmenu ) ---------------- */

	#topmenu {
		margin-left: 150px;
	}
	
	#topmenu ul li {
		float: left;
		height: 50px;
		line-height: 50px;
		list-style: none;
	}
	
	#topmenu ul li a {
		display: inline;
		height: 11px;
		line-height: 50px;	/* needed for IE6 and 7 */
		padding: 0 5px;
		
		color: #FFF;
		text-transform: uppercase;
		font-size: 11px;
		text-decoration: none;
		border-right: 1px solid #FFF;
	}
	
	#topmenu ul li ul {	
		/* place 'm outside the screen */
		position: absolute;
		left: -9999px;
	}
	
	#langform {
		width: 95px;
		float: right;
		overflow: hidden;
	}
	
	#langform ul {
		display: block;
		float: right;
	}
	
	#langform ul li {
		list-style: none;
		float: left;
		height: 50px;
		line-height: 50px;
		list-style: none;
	}
	
	#langform ul li a {
		display: inline;
		height: 11px;
		line-height: 50px;	/* needed for IE6 and 7 */
		padding: 0 10px;
		
		color: #FEE111;
		text-transform: uppercase;
		font-size: 11px;
		text-decoration: none;
		border-right: 1px solid #FFF;		
	}
	
	#footer form {		
		float: left;
		margin-left: 20px;
	}
	
	#footer form fieldset {		
		border: 0;
	}
	
	#footer form input.text {
		width: 100px;
		height:14px;
		margin: 0 0 0 0;
		padding:2px 5px 0 5px;
		background-color: #FFF;
		border:1px solid #000;
		font-size: 10px;
	}
	
	#footer .button{
		margin-top: 5px;
	}

/* ------------------- ( topmenu : the toggler ) ---------------- */
	#htree_toggler {
		margin: 0 0 0 0;	
	}
	
	#htree_toggler ul {
		margin-bottom: 10px;
		border-bottom: 1px solid #FFF;
		border-top: 1px solid #FFF;
		margin-left: 150px;
	}
	
	#htree_toggler ul li {
		line-height: 20px;
		text-indent: 10px;
		width: 400px;
	}
	
	#htree_toggler ul li a {
		color: #FEE111;
		text-transform: uppercase;
		font-size: 11px;
		text-decoration: none;
		line-height: 20px;
		display: block;
		height: 20px;
		overflow: hidden;
		white-space: nowrap;
		font-family: Tahoma;
		width: 400px;
	}
	
	#htree_toggler ul li ul li {
		line-height: 20px;
		text-indent: 20px;
	}

/* ------------------ ( content ) ----------------- */

	#wrapper #content {
		clear: both;
		position: relative;
	}
	
/* ------------------- ( content : rightmenu ) ---------------- */	

	#rightmenu {
		width: 150px;
		float: left;
		background: #000;
		margin-top: 0px;
	}
	
	#rightmenu h2 {
		display:block;
		font-size:12px;
		line-height:24px;
		font-weight:bold;
		height: 24px;
		color: #FEE111;	
	}
	
	#rightmenu p {
		font-size: 10px;
		color: #FFFFFF;
	}
	
	#rightmenu a {
		color: #FEE111;
		font-size: 12px;
		text-decoration: none;
	}
	
	#rightmenu hr {
		margin-top: 10px;
		border: none;
		border-top: solid 1px #fff;
		padding-top: 10px;
	}
	
	#news_extra {
		padding-left: 10px;
	}

/* ------------------- ( content : leftmenu ) ---------------- */

	#leftmenu {
		width: 150px;
		float: left;
		background: #000;
		margin-top: 0px;
	}
	
	
	#leftmenu ul {
		width: 140px;
	}
	
	#leftmenu ul li a {
		color: #FEE111;
		text-transform: uppercase;
		font-size: 11px;
		text-decoration: none;
		line-height: 30px;
		border-bottom: 1px solid #FFF;
		display: block;
		height: 30px;
		overflow: hidden;
		white-space: nowrap;
		font-family: Tahoma;
	}
	
	/* disabling for this project */
	#leftmenu li ul {			display: none; }
	#leftmenu li.keepOpen ul { 	display: block; }
	
	#leftmenu ul li ul li a {
	color: #FFF;
	font-size: 10px;
	text-transform: none;
	}
	
	
	#leftmenu ul li ul li ul li a {
		color: #FFF;
		font-size: 9px;
		text-indent: 20px;
	}
	
	#leftmenu li#wTree_safety a {
		color: #808080;
	}

/* ----------------- (  content : content_extra  ) -------------- */

	#content_extra {
		width: 770px;
		float: right;
		background: #000;
		color: #FFF;
	}

	#content_extra h2 {
		display:block;
		font-size:12px;
		line-height:24px;
		font-weight:bold;
		height: 24px;
		color: #FEE111;
		margin-top: 20px;
	}
	
	#content_extra ul li {
		list-style: none;
		font-size: 11px;
		line-height: 18px;
		display: block;
		height: 18px;
	}
	
	#content_extra a {
		color: #FEE111;
		text-decoration: none;
	}
	
	#content_extra a:hover {
		text-decoration: underline;
	}
	
/* ----------------- (  content : pagecontent  ) -------------- */

	#pagecontent {
		width: 770px;
		float: left;
		/* background: #F0EFFF url(../images/layout/tb_fauxcol.gif) repeat-y top left; */
		background: #FFF url(../images/layout/tb_fauxcol.gif) repeat-y top left;
	}
	
	#pagecontent * {
		font-size:11px;
		line-height:18px;
	}
	
	#pagecontent h2, #pagecontent h2 * {
		display:block;
		font-size:12px;
		line-height:24px;
		font-weight:bold;
		text-indent:10px;
		height: 24px;
		background-image:url(../images/layout/tbg.gif);
	}
	
	#pagecontent h3, #pagecontent h3 * {
		font-size: 17px;
		line-height: 25px;
	}
	
	#pagecontent h4, #pagecontent h4 * {
		font-size: 14px;
		line-height: 20px;
	}
	
	#pagecontent div#pagecontent_content {
		padding: 5px 6px 10px 10px;
		margin: 0 0 0 310px;
		background: #FFF;
	}
	
	#pagecontent.fullwidth div#pagecontent_content {
		margin-left: 0px;
	}
	
	#pagecontent div#pagecontent_image {
		float: left;
		/* background: #F0EFFF; */
		width: 309px;
		height: 100%;
	}
	
	
	#pagecontent.smallimage div#pagecontent_content {
		margin-left: 160px;
	}
	
	#pagecontent.smallimage div#pagecontent_image {
		float: left;
		/* background: #F0EFFF; */
		width: 163px;
		height: 100%;
	}
	
	#pagecontent.bigimage div#pagecontent_image img {
		display: block;
		width: 309px;
		height: 309px;
	}
	
	#pagecontent.smallimage div#pagecontent_image img {
		display: block;
		width: 150px;
		height: 150px;
		margin: 10px;
	}
	
	#pagecontent p {
		padding:5px 0 10px 0;
	}
	
	#pagecontent ul {
		padding: 0 0 0 20px;
		margin:5px 0 10px 0;
	}
	
	#pagecontent div#pagecontent_content img {
		margin: 0 10px 10px 0;
	}
	
	#pagecontent div#pagecontent_content div.opvallen {
		background: #CCCCCC;
		padding: 4px 8px;
	}
	
/* ------------------ ( footer ) ----------------- */

	#wrapper #footer {
		position: relative;
		background: #FEE111;
		text-align: right;
		font-size: 11px;
		height: 37px;
		line-height: 37px;
		color: #000;
		margin: 40px 0 0 0;
	}
	
	#wrapper #footer a {
		color: #000;
	}
	#wrapper #footer a:hover {
		color: #FEE111;
	}
	
/* ------------------ ( news & calendar ) ----------------- */

	#newsListing li {
		list-style: none;
	}
	
	#newsListing li a {
		text-transform: uppercase;
		font-size: 11px;
	}
	
	#newsItemDate {
		float: right;
		width: 50px;
		overflow: hidden;
		margin: 5px;
	}
	
	#newsItemDate * {
		padding: 0;
		width: 50px;
		color: #FEE111;
		text-align: center;
		display: block;
		background: #000;
	}
	
	#newsItemDate .nid_day, #newsItemDate .nid_day_till {
		font-size: 24px;
		height: 28px;
		line-height: 28px;
	}
	
	#newsItemDate .nid_month, #newsItemDate .nid_month_till {
		font-size: 11px;
		height: 11px;
		line-height: 11px;
		text-transform: uppercase;
	}
	
	#newsItemDate .nid_year, #newsItemDate .nid_year_till {
		font-size: 9px;
		height: 11px;
		line-height: 11px;
		padding-bottom: 5px;
	}	
	
	#newsItemDate .nid_day_till {
		margin-top: 10px;
		color: #AEAFB1;
	}
	
	#newsItemDate .nid_month_till {
		color: #AEAFB1;
	}
	
	#newsItemDate .nid_year_till {
		color: #AEAFB1;
	}
	
/* ------------------ (     jobs    ) ----------------- */

	#jobsListing li {
		list-style: none;
	}
	
	#jobsListing li a {
		text-transform: uppercase;
		font-size: 11px;
	}
	
	
/* -------------------( plugin forms ) -----------------*/
.pluginform fieldset {
	border: none;
}
.pluginform label {
	width: 115px;
	float:left;
	color: #000;
	clear: both;
	display: block;
}
.pluginform input.text, .pluginform textarea.text, .pluginform input.shorttext {
		width:200px;
		margin:5px 0 0 0;
		padding:2px 5px 0 5px;
		background-color: #FFF;
		border:1px solid #000;
		display:block;
		float:left;
		color: #000;
		font: 11px Tahoma,Helvetica,Arial,sans-serif;
}

.pluginform input.shorttext {
	height:18px;
}
.pluginform input.text {
	height:18px;
}
.pluginform select.text {
		background-color: #FFF;
		margin:5px 0 0 0;
		padding:2px 0px 0 5px;
		width:200px;
		border:1px solid #000;
		display:block;
		float:left;
		color: #000;
		font: 11px Tahoma,Helvetica,Arial,sans-serif;
}

.pluginform label.lradio {	
	padding: 2px 5px 2px 115px;
}

/* ------------------ ( contactform ) ----------------- */

	#contactForm {
		width: 445px;
	}

	#contactForm fieldset {
		border: 0;
	}
	
	#contactForm label {
		width:215px;
		padding:5px 0 0 5px;
		display:block;
		float:left;
		color: #000;
	}
	
	#contactForm label input, 
	#contactForm label textarea {
		width:200px;
		height:18px;
		margin:2px 0 0 0;
		padding:2px 5px 0 5px;
		background-color: #FFF;
		border:1px solid #000;
		display:block;
		float:left;
		color: #000;
		font: 11px Tahoma,Helvetica,Arial,sans-serif;
	}
	
	#contactForm label textarea {
		width:420px;
		height:85px;
	}
	
	#contactForm #spinner {	
		margin: 0 10px 0 10px;
		float:left;
		display: block;
		height: 16px;
		width: 16px;
	}
	
/* ------------------ ( newsletterform ) ----------------- */

	#subscribeForm, #unsubscribeForm {
		width: 445px;
	}

	#subscribeForm fieldset, #unsubscribeForm fieldset {
		border: 0;
	}
	
	#subscribeForm label, #unsubscribeForm label {
		width:445px;
		padding:5px 0 0 0;
		display:block;
		color: #000;
	}
	
	#subscribeForm label input, 
	#subscribeForm label textarea,
	#unsubscribeForm label input, 
	#unsubscribeForm label textarea {
		width:170px;
		height:18px;
		margin:2px 0 0 0;
		padding:2px 5px 0 5px;
		background-color: #FFF;
		border:1px solid #000;
		display:block;
		color: #000;
		font: 11px Tahoma,Helvetica,Arial,sans-serif;
	}
	
/* ------------------ ( contactform ) ----------------- */

	#applyForm {
		width: 440px;
		overflow: hidden;
	}

	#applyForm fieldset {
		border: 0;
	}
	
	#applyForm label {
		width: 440px;
		padding:5px 0 0 5px;
		display:block;
		color: #000;
	}
	
	#applyForm label input, 
	#applyForm label textarea {
		width:200px;
		height:18px;
		margin:2px 0 0 0;
		padding:2px 5px 0 5px;
		background-color: #FFF;
		border:1px solid #000;
		display:block;
		color: #000;
		font: 11px Tahoma,Helvetica,Arial,sans-serif;
	}
	
	#applyForm label textarea {
		width:420px;
		height:85px;
	}
	
	#applyForm #spinner {	
		margin: 0 10px 0 10px;
		float:left;
		display: block;
		height: 16px;
		width: 16px;
	}
	
/* --------------------------- AUTOCOMPLETER ----------------------------------- */
	div.autocompleter {
		position: absolute;
		z-index: 200;
	}
	
	div.autocompleter ul {
		width: 90px;
		background: #000000;
		border: 1px solid #666;
		border-top: 0px;
		margin: 0;
		padding: 0;
	}
	
	div.autocompleter ul li {
		list-style: none;
		margin: 0;
		padding: 0;
		color: #FFFFFF;
		font-size: 10px;
	}

	div.autocompleter ul li.selected {
		color: #000000;
		background: #FEE111;
	}

div.contactform
{
	width: 450px;
}
	
/* FORM MAKER STUFF */
div.contactform label.text
{
	display: block;
	margin: 5px;
	width: 210px;
	float: left;
}

div.contactform label.submit
{
	display: block;
	margin: 5px;
	width: 350px;
	clear: both;
}

div.contactform label.checkbox
{
	display: block;
	margin: 5px;
}

div.contactform p.subtitle
{
	font-size: 110%;
	text-decoration: underline;
	clear: both;
	margin-bottom: 0px;
}

div.contactform fieldset
{
	border: none;
}

div.contactform input.txt
{
	width:200px;
	height:18px;
	margin:2px 0 0 0;
	padding:2px 5px 0 5px;
	background-color: #FFF;
	border:1px solid #000;
	display:block;
	color: #000;
	font: 11px Tahoma,Helvetica,Arial,sans-serif;
}