/************************************************************
	MAIN GEDEELTE
/************************************************************/


	body {
		font-size: 75%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #F2F2F2; 
		color: #333333;
		line-height: 150%;
	}
	
	#container {
		width: 997px;
		float: left;
		background: #fff;
		position: relative;
		
		min-height: 700px;
		height: auto!important;
		height: 700px;
		margin: 0 0 10px;
		padding-bottom: 20px;
		border: 1px solid #7fc241;	
		border-left: 0;
		border-top: 0;
	}
	
	#header {
		background: url(images/header_bg.jpg) bottom right no-repeat;;
		height: 330px;
		float: left;
		width: 100%;
		position: relative;
	}
	.homepage #header { background: url(images/header_bg_home_1.jpg) bottom no-repeat;}
	.projects #header { background: url(images/header_bg_home_5.jpg) bottom no-repeat;}
	.inspiration #header { background: url(images/header_bg_home_3.jpg) bottom no-repeat;}
	.joingo #header { background: url(images/header_bg_home_4.jpg) bottom no-repeat;}
	.partners #header { background: url(images/header_bg_home_6.jpg) bottom no-repeat;}
	.about #header { background: url(images/header_bg_home_1.jpg) bottom no-repeat;}
	.nieuws #header { background: url(images/header_bg_home_7.jpg) bottom no-repeat;}
	.startgo-pas #header { background: url(images/header_bg_home_8.jpg) bottom no-repeat;}
	
	#main {
		width: 640px;
		border: 0px solid #000;
		padding-right: 15px;
		float: right;
		margin-top: 25px;
	}
	
	#extra {
		position: absolute;
		left: 50px;
		top: 10px;
		width: 265px;
		border: 1px solid #bbb;
		border-right: 2px solid #555;
		border-bottom: 2px solid #555;
		background: #fff;
		
		
		min-height: 600px;
		height: auto!important;
		height: 600px;
	}
	
/************************************************************
	HEADER GEDEELTE
/************************************************************/
	#slogan-txt{
		position: absolute;
		left: 580px;
		top: 200px;
		opacity:0.75;
		filter: alpha(opacity=75);
	}

/************************************************************
	NAVIGATION GEDEELTE
/************************************************************/

	#meta-nav {
		position: absolute;
		width: 400px;
		right: 0;
	}
	
	#meta-nav ul {
		float: right;
		margin: 7px 10px;
	}
	
	#meta-nav li {
		float: left;
	}
	
	#meta-nav li a {
		color: #2274ae;
		font-weight: bold;
		padding: 2px 10px;
		border-left: 2px solid red;
	}
	
	/*-------------*/
	
	#main-nav {
	
	}
	
	#main-nav ul {
		margin: 15px;
		margin-bottom: 0;
		border-top: 1px solid red;
	}
	
	#main-nav li {
		font-size: 1.4em;
		text-transform: uppercase;
		border-bottom: 1px solid red;
		overflow: hidden;
	}
	
	#main-nav li.first {
		border-top: 1px solid red;
	}
	
	#main-nav li a {
		display: block;
		background: #fff url(images/main-nav-0.gif) no-repeat;
		color: #000;
		padding: 2px 0 2px 40px;
		margin: 3px 0;
	}
	#main-nav li a span { margin-left: -1000px; }
	#main-nav li a#nav-inspiratie { background: #fff url(images/nav-inspiratie-0.gif) no-repeat;}
	#main-nav li a#nav-inspiratie:hover { background: #7fc241 url(images/nav-inspiratie-1.gif) no-repeat;}
	#main-nav li a#nav-joingo { background: #fff url(images/nav-joingo-0.gif) no-repeat;}
	#main-nav li a#nav-joingo:hover { background: #7fc241 url(images/nav-joingo-1.gif) no-repeat;}
	#main-nav li a#nav-nieuws { background: #fff url(images/nav-nieuws-0.gif) no-repeat;}
	#main-nav li a#nav-nieuws:hover { background: #7fc241 url(images/nav-nieuws-1.gif) no-repeat;}
	#main-nav li a#nav-partners { background: #fff url(images/nav-partners-0.gif) no-repeat;}
	#main-nav li a#nav-partners:hover { background: #7fc241 url(images/nav-partners-1.gif) no-repeat;}
	#main-nav li a#nav-watisgo { background: #fff url(images/nav-watisgo-0.gif) no-repeat;}
	#main-nav li a#nav-watisgo:hover { background: #7fc241 url(images/nav-watisgo-1.gif) no-repeat;}
	#main-nav li a#nav-projecten { background: #fff url(images/nav-projecten-0.gif) no-repeat;}
	#main-nav li a#nav-projecten:hover { background: #7fc241 url(images/nav-projecten-1.gif) no-repeat;}
	#main-nav li a#nav-pas { background: #fff url(images/nav-pas-0.gif) no-repeat;}
	#main-nav li a#nav-pas:hover { background: #7fc241 url(images/nav-pas-1.gif) no-repeat;}	

	#main-nav li a:hover {
		background: #7FC143 url(images/main-nav-1.gif) no-repeat;
	}
	
	.breadcrumbs {
		margin: 10px 0;
	}
	.breadcrumbs a {
		color: #777;
	}
	.breadcrumbs a.selected {
		color: #2274ae;
		text-decoration: none;
	}
/************************************************************
	EXTRA GEDEELTE
/************************************************************/
	#extra .logo {
		margin: 5px 0 0 15px;
	}
	#extra .content {
		margin: 15px;
	}

	#extra .header,
	#extra h3 {
		color: #3398da;
		font-size: 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#extra a.more {
		color:#69a435;
	}
	
/************************************************************
	MAIN GEDEELTE
/************************************************************/			
	#specials {
		clear: both;
		margin-bottom: 10px;
	}
	#specials .component,
	#specials .block {
		width: 200px;
		margin-right: 12px;
		margin-bottom: 10px;
		float: left;
	}
	#specials h2.special {
		background: #2075ae;
	}
	
	.testimonial {
		width: 412px;
		float: left;
		margin-right: 12px;
	}
	
/************************************************************
	SPONSOR GEDEELTE
/************************************************************/	
	#main-sponsors{
		position: absolute;
		bottom: -50px;
		right: 0;
	}
	
	#main-sponsors img {
		margin-right: 15px;
	}
	
/************************************************************
	ALGEMEEN GEDEELTE
/************************************************************/			

	.clear {
		clear: both;
		height: 0px;
	}

	h1,h2,h3,.header{
		font-weight: bold;
		color: #69a435;
		margin-bottom: 5px;
		clear: both;
	}
	.header{
		margin-bottom: 0;
	}
	h1,h2,h3{
		font-family: "Times New Roman", Times, serif;
	}
	h1{
		font-size: 1.7em;
	}
	h2, h3 {
		font-size: 1.5em;
	}
	h2.special {
		background: #525252;
		color: #fff;
		padding: 4px;
		padding-left: 10px;
		font-size: 1.0em;
		margin-bottom: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
	
	.header {
		font-size: 1.2em;
		margin-top: 5px;
	}
	
	a {
		color: #2274ae;
	}
	a.more {
		display:block;
	}
	
	#main a {
		color: #f00000;
	}
	
	hr {
		height: 1px;
		border: 0;
		border-top: 1px solid #2075ae;
		clear: both;
	}
	
	img.right {
		float: right;
		margin: 0 0 5px 10px;
	}
	
	.block-small {
		width: 200px;
		float: left;
	}
	#main ul li {
		list-style: inside disc;
	}
	#main ul li a {
		color: #333333;
		text-decoration: none;
	}
	#main ol li {
		list-style: inside decimal;
	}	
	#main ol li li{
		margin-left: 2em;
	}	
/************************************************************
	FORM GEDEELTE
/************************************************************/		

	form ol {

	}
	
	form ol li {
		margin-bottom: 10px;
		clear: both;
		float: left;
		width: 100%;
		list-style: none !important;
	}
	form ol li li {
		margin-left: 50px !important;
		margin-bottom: 0;
		display: inline;
		width: 550px;
	}
	
	form ol li  label {
		float: left;
		width: 200px;
		font-weight: bold;
		color: #2274ae;
		margin-left: 10px;
	}
	
	form ol li li  label{
		width: auto !important;
		color: #000;
		font-weight: normal;
	}
	
	form label.error {
		color: red;
		
		width: 150px;
		font-weight: normal;
	}
	form label.extra {
		width: auto;
		font-weight: normal;
	}
	label span {
		font-weight: normal;
		font-size: .8em;
	}

	form select,
	form input {
		width: 18em;
		float: left;
		border: 1px solid #2274ae;
	}
	
	form  input.btn {
		width: auto;
		background: #2274ae;
		color: #fff;
		padding: 0.2em 1.3em;
		margin-left: 210px;
	}
	form input.radio {
		width: auto !important;
		margin-left: 155px;
		border: 0 !important;
	}
	form input.checkbox {
		width: auto;
		margin-left: 10px; 	
		border: 0;
	}
	
	
	form textarea {
		width: 18em;
		height: 100px;
		border: 1px solid #2274ae;
	}
	
	form  input.date { width: 7em; }
	form  input.telefoon { width: 10em; }
	form  input.postcode { width: 6em; }
	
	form .multiSelect {
		float: left;
	}