/*	-------------------------------------------------------------
	Zo werk je prettiger
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base stylesheet
	Filename:			base.css
	Version:			1.0
	Date:					Jun 04 2007 
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
		Base HTML Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		html {
			height: 100%;
			width: 100%; }
			
		body {
			height: 100%;
			width: 100%;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 100%;
			margin: 0;
			padding: 0;
			text-align: center; }
		
		p {
			margin: 5px 25px; }

		form {
			margin: 0; }


/*	-------------------------------------------------------------
		Container 
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#container {
			width: 975px;
			margin: 8px auto;
			position: relative;
			font-size: 11px;
			color: #3f87ad;
			border: 1px solid #3f87ad;
			overflow: hidden;
			text-align: left; }
		
		
/*	-------------------------------------------------------------
		Header 
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#header {
			width: 100%;
			height: 148px;
			position: relative; }
	
		#header h1 {
			width: 715px;
			min-width: 715px;		
			height: 58px;
			margin: 0;
			padding: 0;
			text-indent: -1000em;
			background: url(../img/logo.jpg) top left no-repeat; }
		
		#header #link-naar-ras {
			width: 112px;
			height: 82px;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			text-indent: -1000em;			
			background: url(../img/ras.jpg) top left no-repeat; }
			

/*	-------------------------------------------------------------
	Headers 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		h2 {
			width: 100%;
			font-size: 13px;
			color: #006093;
			line-height: 10px;
			margin: 10px 0 5px 0;
			padding: 0 0 0 25px;
			text-transform: uppercase;
			border-bottom: 15px solid #006093; }
			
		h3 {
			text-transform: uppercase;
			font-size: 11px; }

		h3 p {
				margin-left: 0;
				margin-right: 0; }
				

/*	-------------------------------------------------------------
		Gekleurde blokken index pagina
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		ul#blocks {
			margin: 15px 0px 30px 25px;
			padding: 0;
			float: left;
			list-style: none; }
		
		* html ul#blocks {
			margin: 15px 0px 30px 12px;	}
		
		#blocks li {
			width: 225px;
			height: 160px;
			margin: 10px 9px 0 0;
			position: relative;
			float: left; }
						
		#blocks li h3 {
			text-transform: uppercase;
			font-size: 11px; 
			margin: 10px 0 15px 10px; }
		
		#blocks li p	{
			margin: 10px 10px; }
	
		#blocks li a {
			width: 100%;
			height: 30px;
			margin: 10px 0 0 0;
			padding: 0 0 0 10px;
			line-height: 30px;
			border-top: 10px solid #fff;
			position: absolute;
			bottom: 0;
			left: 0;
			display: block;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: 700;
			color: #fff; }
			
		#blocks .green, #links .green {
			color: #015f93;
			background: #9ec02d; }
			
		#blocks .light-blue, #links .light-blue {
			color: #005f8f;
			background: #7bb5dd; }
		
		#blocks .yellow, #links .yellow {
			color: #005f8f;
			background: #cb9413; }
			
		#blocks .dark-blue {
			color: #fff;
			background: #005f92; }

		#blocks .green div {
			width: 100%;
			height: 30px;
			margin: 10px 0 0 0;
			padding: 8px 0 0 0;
			border-top: 10px solid #fff;
		}
		#blocks .green div a {
		display: inline;
		position: relative;
		line-height: 16px;
		border-top: 0;
		display: inline;
		}
	
		
/*	-------------------------------------------------------------
		Zoeken
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
					
		fieldset#zoekvelden {
			width: 930px;
			height: 300px;
			border: none;
			position: relative;
			margin: 0 25px; 
			padding: 0; }
			
		* html fieldset#zoekvelden {
			height: 325px }
			
		#zoekenzoekvelden {
			position: absolute;
			right: 2px;
			top: 230px; }
		
		* html #zoekenzoekvelden {
				top: 255px; }
				
		.submit {
			width: 225px;
			height: 30px;
			border: none;
			text-transform: uppercase;
			text-align: left;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;			
			font-size: 11px;
			font-weight: 700;
			cursor: pointer;
			margin: 0;
			background: #f0a621;
			color: #fff; 
			padding: 0 0 0 10px; }
			
		#zoekvelden #alles-tonen {
			width: 225px;
			height: 30px;
			display: block;
			border: none;
			line-height: 30px;
			text-decoration: none;
			text-transform: uppercase;
			text-align: left;
			font-size: 11px;
			font-weight: 700;
			background: #006093;
			color: #fff;
			position: absolute;
			right: 2px;
			top: 270px; }

		* html #zoekvelden #alles-tonen {
			top: 295px; }		
				
		.blue {
			border: none;
			font-size: 10px;
			margin: 10px 0 0 0;
			background: #a2c6dc; }
		
		.blue h3 {
			text-transform: uppercase;
			font-size: 11px;
			color: #0c7ba8; 
			margin: 12px 0 15px 10px; }

		.blue ul {
			margin: 0 0 0 5px;
			padding: 0;
			list-style: none; }

		.blue ul li input {
			float: left; }

		.blue ul li label {
			width: 90%;
			margin: 4px 0 0 0;
			float: left;
			display: block; }

		#subsectoren {
			position: absolute;
			left: 0;
			width: 225px;
			height: 250px; }
			
		* html #subsectoren {
			height: 275px; }

		#onderwerpen li {
			height: 18px; }
				
		#onderwerpen {
			width: 458px;
			height: 250px;
			position: absolute;
			white-space: nowrap;
			left: 235px; }

		* html #onderwerpen {
			height: 260px; }

		#onderwerpen ul {
			width: 52%;
			float: left; }
				
		#onderwerpen ul li {
			clear: left;
			width: 100%; }
					
		#maatregelen {
			width: 225px;
			height: 210px;
			position: absolute;
			right: 2px; }

		* html #maatregelen {
			height: 235px; }
			
		#zoekvelden #buttons {
			position: absolute;
			top: 155px;
			left: 703px; }

		#trefwoord {
			border: none;
			position: relative; }
			
		#trefwoord div {
			height: 30px;
			width: 460px;
			position: relative;
			left: 255px; }
			
		#trefwoord div label {
			position: absolute;
			top: 8px;
			left: 10px; 		
			font-size: 11px;
			font-weight: 700;
			text-transform: uppercase; }
			
		#trefwoord div input {
			width: 250px;		
			position: absolute;
			top: 4px;
			right: 10px; }
			
		
		#trefwoord .submit {
			position: absolute;
			top: 10px;
			left: 725px; }
		


/*	-------------------------------------------------------------
		Zoekresultaten
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#zoekresultaten {
			margin: -10px 0 0 0; }
		
		#zoekresultaten .subject td {
			height: 30px;
			text-transform: uppercase;
			color: #006f9d;
			font-weight: 700;
			padding: 0 0 0 25px;
			background: #a2c6dc; }
			 
		#zoekresultaten h3 {
			margin: 10px 0 0 25px; }
			
		#zoekresultaten td p {
			margin: 0; }
				
		#zoekresultaten a, #paging td  a {
			font-weight: 700;
			text-decoration: none;
			text-transform: uppercase; }
			
		#zoekresultaten .verplicht {
			font-weight: 700;
			text-decoration: none;
			text-transform: uppercase;		
			color: #006090; }
			
		#zoekresultaten .meer-info {
			color: #f2a523; }
			
		#zoekresultaten .text {
			padding: 10px 25px 10px 25px; }

		#paging td a {
			color: #006090; }
		
		#paging td #current {
			color: #f2a523; }
			
			
/*	-------------------------------------------------------------
		Maatregelen
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#meer-info {
			margin: 0; }
			
		#meer-info h3#subject {
			background: #a2c6dc;
			height: 30px;
			color: #006090;
			line-height: 30px;
			margin: -10px 0 10px 0;
			text-transform: uppercase;
			padding: 0 0 0 25px; }
		
		#meer-info h3#title {
			width: 63%;
			text-transform: uppercase;
			margin: 5px 0 5px 25px;
			float: left; }
		
		#meer-info h3#optie {
			width: 19%;
			margin: 5px 0;
			text-transform: uppercase;			
			float: right; }
			
		#meer-info #bestellen {
			margin: 15px 0 5px 25px;
			text-transform: uppercase; }
			
		#meer-info p {
			width: 70%;
			float: left; }

		* html #meer-info p {
				margin: 0 0 0 12px; }
				
		#meer-info table {
			margin: 0 25px; }
		
		#meer-info .type {
			font-weight: 700; }
		
		#meer-info table a {
			font-weight: 700;
			color: #f5b74a; }
			
		#meer-info #aantal-items {
			position: absolute;
			right: 25px; 
			top: 0; }
			
		#aantal-items a {
			text-decoration: underline;
			color: #006090; }


/*	-------------------------------------------------------------
		Winkelwagen
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#winkelwagen {
			margin: 0 25px; }

		#winkelwagen tr {
			height: 35px; }
	
		#winkelwagen td a {
			font-weight: 700;
			text-decoration: none;
			text-transform: uppercase; 
			color: #006f9d; }

		.alternate {
			color: #005f92;
			background: #7bb5dd; }
		
		#winkelwagen input {
			border: 1px solid #006aa6; }
			
		#winkelwagensubmit {
			width: 120px;
		  height: 20px;		
			background: #07a;
	    border: 1px solid #fff;
	    color: #fff;
	    padding: 1px;
    	text-align: center; }
						
		#maatregel-bestellijst {
			width: 930px;
			border-top: 1px solid #66a0be;
			border-left: 1px solid #66a0be; 
			border-right: 1px solid #66a0be;  }

		#maatregel-bestellijst tr {
			height: 18px; 
			line-height: 18px; } 

		#maatregel-bestellijst td {
			padding: 0 0 0 2px;
			border-bottom: 1px solid #66a0be; }

/*	-------------------------------------------------------------
		Footer
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#footer {
			width: 100%;
			height: 30px;
			margin: 15px 0 0 0;
			position: relative;
			background: #006093 url(../img/footer.jpg) top left no-repeat; }
		/*	
		#footer a {
			width: 190px;
			height: 30px;
			line-height: 30px;
			padding: 0 0 0 40px;
			color: #fff;
			font-weight: 700;
			text-decoration: none;
			text-transform: uppercase;
			border-left: 10px solid #fff;	}
		#footer #ras-link {
			width: 30px;
			height: 30px;
			padding: 0;
			position: absolute;
			left: 25px;
			top: 0;
			border: 0;
			text-indent: -10000em; }
		*/
		#footer #opnieuw { /* opnieuw zoeken in meer info scherm */
			position: absolute;
			top: 0;
			right: 200px;
			background: url(../img/opnieuw-zoeken.jpg) top left no-repeat; }
			
		#footer #terug {
			position: absolute;
			top: 0;
			right: 0;
			background: url(../img/terug-naar-overzicht.jpg) top left no-repeat; }
			
		#footer #opnieuw-zoeken {
			position: absolute;
			top: 0;
			right: 0;
			background: url(../img/opnieuw-zoeken.jpg) top left no-repeat; }
		/*	
		#footer #back-to-home {
			width: 50px;
			padding: 0;
			border: none;
			position: absolute;
			left: 240px; }
		*/
		#footer ul {
		margin: 0;
		list-style: none;
		padding: 0;
		}
		#footer ul li {
		float: left;
		}
		#footer ul li a {
		line-height: 30px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		}
		#footer ul li #ras-link {
		margin: 0 200px 0 0;
		padding: 0 0 0 0;
		display: block;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		}
		#footer ul li #back-to-home {
		margin: 0 25px 0 0;
		}
/*	-------------------------------------------------------------
	Links (maatregel pagina)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#links {
			position: relative;
			width: 975px;
			margin: 0 auto;
			text-align: left; }

		#links a {
			width: 161px;
			height: 30px;
			font-size: 11px;
			text-decoration: none;
			padding: 0 0 0 10px;
			margin: 0 10px 0 0;
			line-height: 30px;
			display: block;
			float: left;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: 700;
			color: #fff; }

		#links .green, #links .light-blue, #links .yellow {
 			color: #fff; }