﻿
body			{
				margin:0;
				padding:0;
				background-color:#f0f1e0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#242424;		
				}
				
a				{
				color:#1a77a7;
				text-decoration:none;
				}

a:hover				{
				text-decoration:underline;
				}
				
h1				{
				font-size:30px;
				margin:40px 0 20px 0;
				line-height:1.3em;
				}

h2				{
				font-size:24px;
				margin:30px 0 20px 0;
				line-height:1.3em;
				}
				
h3				{
				font-size:18px;
				margin:15px 0 10px 0;
				line-height:1.3em;
				}
				
div#content div#login h3	{
				margin-bottom:20px;
				}
				
h4				{
				font-size:14px;
				}
				
p				{
				line-height:1.5em;
				margin:10px 0;
				}
				
				
p.intro			{
				font-size:17px;
				line-height:1.5em;
				}
					
div#header, div#subnav, div#content, div#subfooter, div#footer	{
				width:100%;
				float:left;
				margin-left:0;
				padding:0;
				}
				
				
div.container, div#header div.container	{				
				margin:0 auto;
				width:966px;
				}
				
			
								
div#header img	{
				float:left;
				margin:8px 0 0 3px;
				padding:9px 9px 0 4px;
				background-image:url('../img/logo-bg.jpg');
				background-position:left top;
				background-repeat:no-repeat;
				}
				
div#subheader	{
				margin:4px 0 0 3px;
				_margin-left:2px; 
				width:960p;
				height:239px;
				float:left;
				position:relative;
				overflow:hidden;
				}				
				
div#subnav ul	{
				margin:10px 0 -20px 3px;
				float:left;
				}

div#subnav ul li	{
				display:block;
				float:left;
				background-image:url('../img/subnav-divider.gif');
				background-position:left center;
				background-repeat:no-repeat;
				}

div#subnav ul li a	{
				display:block;
				position:relative;
				z-index:95;
				float:left;
				padding:14px 10px;
				}

div#subnav ul li.active a	{
				font-weight:bold;
				color:#223343;
				border-bottom:4px solid #a9b532;
				padding:14px 10px;
				}
				
div#content		{
				margin:20px 0;
				background:none;
				}
				
div#content div.wrapper, div#footer div.wrapper	{
				float:left;
				width:960px;
				padding:0 3px;
				margin:0;
				background-image:url('../img/content-bg1.jpg');
				background-position:center top;
				background-repeat:repeat-y;
				}
							
div#content div.wrapper	{
				padding-bottom:20px;
				}
				

/* begin aanpassing 6 maart 2009 */
				div#content div.wrapper	{
				padding:0;
				width:966px;
				}				

div#content div.wrapper div#extra	{
				float:left;	
					width:960px;
				padding:0 3px;
				}
				
/* einde aanpassing 6 maart 2009  */

								
div#content div#sub {
				float:left;
				width:236px;
				padding-bottom:1px;
				}
				
div#content div#sub ul.subnav	{
				margin:4px 0 0 0;
				width:226px;
				background-color:#fff;
				float:left;
				padding-bottom:9px;
				}


div#content div#sub ul.subnav li a {
				display:block;
				float:left;
				clear:left;
				width:196px;
				padding:10px 10px;
				margin:0 0 1px 0;
				background-color:#f0f1e0;
				background-image:url('../img/subnav-in.gif');
				background-position:right center;
				background-repeat:no-repeat;
				}

div#content div#sub ul.subnav li.active a {
				background-color:#fff;
				color:#223343;
				font-weight:bold;
				background-image:url('../img/subnav-ac.gif');
				}
				
div#content div#sub ul.subnav li a em {
				font-size:18px;
				display:block;
				font-style:normal;
				margin-bottom:4px;
				}
				
div#content div#sub div#partners	{
				float:left;
				padding-left:16px;
				margin:0;
				width:210px;
				background-color:#fff;
				padding-top:37px;
				padding-bottom:9px;
				}

div#content div#sub div#partners ul	{
				float:left;
				margin:0 0 0 -16px;
				}

div#content div#sub div#partners ul li	{
				float:left;
				display:block;
				width:216px;
				background-color:#f0f1e0;
				margin:0 0 1px 0;
				padding:10px 0;
				}
				
div#content div#sub div#partners ul li a	{
				display:block;
				float:left;
				width:196px;
				padding:10px;
				height:35px;
				text-indent:-10000px;
				overflow:hidden;
				background-image:url(../img/rijkswaterstaat.gif);
				background-position:left top;
				background-repeat:no-repeat;
				}
				
div#content div#sub div#partners ul li a:hover	{
				background-position:left bottom;
				}
				
div#content div#sub div#partners ul li#vestia a	{
				height:19px;
				background-position:center top;
				background-image:url(../img/vestia.gif);
				}
				
div#content div#sub div#partners ul li#vestia a:hover	{
				background-position:center bottom;
				}


div#content div#sub div#partners ul li#ballastnedam a	{
				height:5px;
				background-position:center top;
				background-image:url(../img/ballastnedam.gif);
				}
				
div#content div#sub div#partners ul li#ballastnedam a:hover	{
				background-position:center bottom;
				}


div#content div#sub div#partners ul li#madurodam a	{
				height:54px;
				background-position:center top;
				background-image:url(../img/madurodam.gif);
				}
				
div#content div#sub div#partners ul li#madurodam a:hover	{
				background-position:center bottom;
				}

				
div#content div#main {
				float:left;
				width:580px;
				margin:0;
				padding:0 130px 0 10px;
				}
								
div#content a.inschrijven	{
			display:none;	
			/*	margin:0;
				left:861px;
				top:378px;
				position:absolute;

				display:block;
				_float:right;
				_margin:244px 0 0 -123px;
				padding:0;
				_position:relative;
				_top:0;
				_left:0;
				z-index:200;
				width:119px;
				height:119px;
				background-image:url('../img/inschrijven.gif');
				background-position:left top;
				background-repeat:no-repeat;
				text-indent:-10000px;
				overflow:hidden;
				}*/
				}
				


				
div#content div#main div#people	{
				float:left;
				width:720px;
				margin:20px -120px 0 -20px;
				_margin-left:-10px;
				}

div#content div#main div#people div.item	{
				float:left;
				width:328px;
				padding:0 10px;
				margin:0 0 10px 10px;
				background-color:#fff;
				border:1px solid #e9eccc;
				}


div#content div#main div#people div.item h3	{
				float:left;
				width:330px;
				padding:8px 10px 6px 10px;
				margin:0 -10px 15px -10px;
				_margin:0 -5px 15px -5px;
				background-color:#e9eccc;
				color:#;
				font-weight:normal;
				font-size:17px;
				}
				
div#content div#main div#people div.item div	{
				float:right;
				width:100px;
				padding:0 10px;
				margin:-40px -15px 0 10px;
				_display:inline;
				}

div#content div#main div#people div.item div img	{
				float:right;
				padding:5px;
				margin:5px;
				_margin-right:5px;
				background-color:#fff;
				border-right:1px solid #d6d9b4;
				border-bottom:1px solid #d6d9b4;
				}
				
div#content div#main div#people div.item p	{
				font-size:12px;
				line-height:1.5em;
				}


div#content div#main div#people div.item div p	{
				text-align:center;
				font-family:Georgia;
				font-style:italic;
				margin:2px 0 10px -10px;				
				_margin-left:0;
				display:block;
				float:left;
				width:100px;
				color:#7e7e7e;
				font-size:13px;

				}


div#content div#main ul {
				margin:auto;
				padding:auto;
				list-style:none;
/*				list-style-image:url('../img/disc.gif');
				
				list-style-position:outside; */
				}

div#content div#main ul li {
				line-height:1.5em;
				margin:5px 0;
				background-image:url('../img/disc.gif');
				background-position:left 7px;
				background-repeat:no-repeat;
				padding:0 1em;
				position:relative;
				z-index:90;
			    left:-1em;

				}
			
div#content div#main ol	{
				position:relative;
				padding:auto;
				margin:auto;
				margin-left:0;
			    padding:0 1.5em;
			    left:-1.5em;
				}
				
				
				
div#main ol li	{
				line-height:1.65em;
				}



div#content div.container div.item, div#subfooter div.container div.item	{
				width:320px;
				float:left;
				_display:inline;
				}

div#content div.container div#intro.item, div#content div.container div#actueel.item	{
				margin:8px 0 0 20px;
				}
				
div#content div.container div#intro.item	{
				margin-left:16px;
				}
				
div#content div.container div#actueel.item	{
				width:330px;
				margin-left:30px;
				}
				

div#content div.container div#actueel.item ul, div#subfooter div.container div#vacatures.item ul {
				float:left;
				border-bottom:1px solid #e8e9db;
				}


div#content div.container div#actueel.item ul li, div#subfooter div.container div#vacatures.item ul li	{
				border-top:1px solid #e8e9db;
				float:left;
				width:100%;
				line-height:1.3em;
				}

div#subfooter div.container div#vacatures.item ul, div#subfooter div.container div#vacatures.item ul li {				
				border-color:#e1e2d4;
				}

div#content div.container div#actueel.item ul li a, div#subfooter div.container div#vacatures.item ul li a	{
				display:block;
				float:left;
				width:230px;
				padding:10px 0;
				font-weight:bold;
				}
				
div#subfooter	{
				/*background-image:url('../img/subfooter-bg.jpg');
				background-position:center top;
				background-repeat:no-repeat;*/
				margin-top:-20px;
				
				background:none;  /* temp fix, need to implement new background! 3 maart 09*/
				}

div#subfooter div.container div.wrapper	{
				background-image:url('../img/subfooter-container-bg1.jpg');
				background-position:3px top;
				background-repeat:no-repeat;
				float:left;
				padding-top:20px;
				width:966px;
				
				}

				
div#subfooter div.container div#partners.item	{
				width:220px;
				margin-left:10px;
				}

div#subfooter div.container div#partners.item ul	{
				margin-bottom:-40px;
				position:relative;
}

div#subfooter div.container div#partners.item ul li	{
				margin:0 0 15px 0;
				}


div#subfooter div.container div#vacatures.item	{
				width:450px;
				margin-left:20px;
				}

div#subfooter div.container div#vacatures.item ul li a	{

				}

div#content div.container div#actueel.item ul li em, div#subfooter div.container div#vacatures.item ul li em	{
				font-weight:normal;
				font-style:normal;
				color:#858a8c;
				float:right;
				text-align:right;
				display:block;
				width:90px;
				margin:0 0 0 10px;
				padding:10px 0;
				font-size:11px;
				}
				
div#content div.container div#login.item, div#content div.container div#register.item	{
				margin:10px 0 0 20px;
				padding:0;
				width:auto;
				/*border:1px solid #f0f1e0; */
				padding:4px;
				}

				
div#content div.container div#register.item	{
				float:left;
				}

div#content div.container div#login.item	{
				margin-top:4px;
				}
				
div#content div.container div#login h3.name	{
				float:left;
				width:164px;
				margin-top:36px;
}

div#content div.container div#login a.logout	{
				float:right;
				width:45px;
				margin:44px 0px 0 0;
				font-weight:bold;
				font-size:11px;
				text-align:right;
				}
				
div#content div.container div#login ul 	{
				width:100%;
				float:left;
				margin:3px 0 0 0;
				}

div#content div.container div#login ul li a 	{
				display:block;
				float:left;
				width:210px;
				margin:0 -10px 0 -6px;
				padding:10px 10px;
				border-top:1px solid #e1e2d4;
				background-image:url('../img/subnav-in.gif');
				background-position:right center;
				background-repeat:no-repeat;
				font-weight:bold;
				line-height:1.3em;
				}
				
p.error			{
				color:#ec0505;
				font-size:11px;
				}

				
div#content div.container div#loginfout.item div, div#content div.container div#login.item div, div#content div.container div#register.item div	{
				width:214px;
				float:left;
				/*background-color:#f0f1e0;*/
				padding:0 10px 0 6px;
				}

div#content div.container div#login.item form input#username, div#content div.container div#login.item form input#password	{
				width:200px;
				position:relative;
				z-index:160;
				}
				
input, textarea			{
				position:relative;
				z-index:160;
				}		



div#content div.container div#login.item form label, div#content div.container div#login.item form input.button	{
				margin:10px 0;
				display:block;
				font-weight:normal;
				font-size:12px;
				}

div#content div.container div#login.item form label	{
				margin-bottom:5px;
				}
				
div#content div.container div#login.item form input.button	{
				font-weight:normal;
				display:inline;
				position:relative;
				padding:0;
				margin:4px 0 0 0;
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
			float:left;
				}
				
div#content div.container div#login.item form span.remember	{
				margin:10px 0;
				display:block;
				font-size:11px;
				}

div#content div.container div#login.item form span.remember a	{
			margin:8px 0 0 5px;
			float:left;
			
			}
				
div#content div.container div#login.item form span.remember label	{
				margin:0;
				display:inline;
				font-weight:normal;
				font-size:11px;
				}

div#subfooter div.container div#contact.item	{
				width:220px;
				margin-left:30px;
				}

div#subfooter p	{
				color:#7e7e7e;
				}

div#footer		{
				margin:40px 0;
				
				background-image:url('../img/footer-bg.gif');
				background-repeat:no-repeat;
				background-position:center center;


				background-image:none;
				}		
				
div#footer div.wrapper	{
				padding:30px 0 20px 5px;
				height:18px;
				background-image:url('../img/footer-wrapper-bg.jpg');
				background-repeat:no-repeat;
				background-position:left center;
				


				}

div#footer p	{
				float:left;
				margin:0 0 0 10px;
				line-height:1em;
				color:#787871;
				}
				
div#footer ul	{
				float:right;
				margin:0;
				}

div#footer ul li	{
				display:inline;
				float:left;				
				}

div#footer ul li a	{
				display:block;
				float:left;
				width:100px;
				padding:0 10px;
				}
				
div#grid		{
				width:100%;
				float:left;
				padding:0;
				z-index:120;
				position:absolute;
				top:60px;
				display:none;
				_display:none;
				}
				
div#grid div.container		{
				width:100%;
				
				}


div#grid div.wrapper	{
				float:left;
				background-image:url('../img/grid.png');
				background-position:10px top;
				background-repeat:repeat;
				height:1185px;
				}
				

/* onderstaande door Kees toegevoegd */
				
fieldset		{
				border:1px silver solid;
				margin:10px 0 10px 0;
				padding-bottom:10px;
				padding-left:10px;
				}

fieldset legend	{
				font-weight:bold;	
				padding-top:10px;
				margin-left:-5px;
				margin-bottom:10px;
				margin-top:5px;
				padding-right:2px;
				}
	
fieldset legend em	{
				width:30px;
				float:left;
				height:20px;
				text-align:center;
				font-style:normal;
				background-image:url('../img/rrbol.png');
				background-position:center top;
				background-repeat:no-repeat;
				margin-top:-5px;
				padding-top:5px;
				color:#1C78A8;
				}

fieldset table td.gegevens	{
				width:150px;
				padding:3px;
				vertical-align:top
				}


fieldset table td label	{
				color:gray;
				font-size:80%
				}

fieldset table td textarea{
				width:350px;
				float:left
				}


fieldset		{
				border:1px silver solid;
				margin:10px 0 10px 0;
				padding-bottom:10px;
				padding-left:10px;
				}

fieldset.bericht legend	{
				font-weight:bold;	
				padding-top:10px;
				margin-left:-5px;
				margin-bottom:10px;
				margin-top:5px;
				padding-right:2px;
				}
	
fieldset.bericht legend em	{
				width:30px;
				float:left;
				height:20px;
				text-align:center;
				font-style:normal;
				background-image:url('../img/rrbo2.png');
				background-position:center top;
				background-repeat:no-repeat;
				margin-top:-5px;
				padding-top:5px;
				color:white;
				}


table#vacature-overzicht {
				width:100%;	
				}
				
table#vacature-overzicht th	{
				background-color:#A0AA2D;
				color:#F0F1E0;
				text-align:left
				}
				
table#vacature-overzicht td, table#vacature-overzicht th	{
				padding:6px
				}

p.solliciteren	{
				border-top:1px #A0AA2D solid;
				padding-top:5px;
				margin-top:25px;
				}

#calender {
				float: left;
				width: 100%;
				margin-top: 10px;
				padding-bottom: 10px;
}


div.ui-datepicker-title {
				border-bottom:1px solid #E9E9E9;
				font-weight: bold;
				padding-top: 10px;
				padding-bottom: 10px;
				text-align:center;
				font-size: 13px;
}

#calender table.ui-datepicker-calendar {
				font-size:12px;
				margin-left:-1px;
				width:100%;
}

#calender table.ui-datepicker-calendar a {
				color: #000000;
}


#calender table.ui-datepicker-calendar th {
				text-align: center;
				padding-top:7px;
				padding-bottom: 7px;
}


#calender a.ui-datepicker-prev, a.ui-datepicker-next {
				cursor:pointer;
				float:left;
				height:14px;
				margin:5px 17px 0 10px;
				overflow:hidden;
				padding:5px;
				width:8px;
}


#calender a.ui-datepicker-next {
				float:right;
}

#calender table.ui-datepicker-calendar tr td {
				padding-top:5px;
				padding-bottom: 5px;
				text-align: center;
				width: 14%;
}

#calender table.ui-datepicker-calendar td.datum-evenement a {
				background-color:#e9ecce;
				width: 100;
				padding-top: 7px;
				padding-bottom: 7px;
				display: block;
				font-weight: bold;
				}
				
#calender table.ui-datepicker-calendar td.datum-evenement a:hover {
				text-decoration: none;
				background-color: #9da92d;
				color:#ffffff;
				cursor: pointer;					
				}
				


