body {
	margin:auto;
	text-align:center;
	background-color: #fcfcfc;
	background-image: url('/images/bg.jpg');
	background-position: 50% 0%;
	background-attachment:fixed;
	background-repeat:no-repeat;
	font-size:12px;
	line-height:17px;
	font-family: 'Helvetica', 'Arial', sans-serif;
	color: #333;
}

a img {
	border:none;
}

a {
	color: #0092d1;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;	
}

p {
	margin-bottom: 20px;
}

#main {
	margin:auto;
	width:980px;
	background-color: #f9f9f9;
	text-align:left;
	margin-top:20px;
	background-position: 20px 0px;
/*	background-image: url('../images/columns.png');*/
	margin-bottom: 5px;
}

#header {
	height:140px;
	position:relative;
}

#logo {
	position:absolute;
	top: 10px;
	left:40px;
}

#context {
	float: right;
	width: 220px;
	margin-right: 20px;
}

#context form div {
	margin-bottom: 10px;
}

#context form .button {
	float: right;
}

#context form input.text {
	width: 213px;
}

#context .block {
	width: 220px;
}


.block {
	background-color: #fff;
	border: solid 1px #e6e6e6;
	padding:10px;
	padding-bottom:5px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:20px;
}

	.block h2,
	#tenderNavigation h2 {
		font-weight:normal;
		font-size: 14px;
		color: #000;
		margin-bottom: 5px;
	}
	
		.block h2 a {
			color: #000;
		}

#context .highlight {
	background-color: #e6e6e6;;
}

#footer {
	padding-bottom:10px;
}

#footer address {
	text-align:center;
	font-style:normal;
	font-size: 10px;
	color: #707173;
}

#footer address a {
	color: #707173;
}

#menu {
	list-style-type:none;
}

#menu li {
	display:inline-block;
	*float:left;
}

#secondaryMenu {
	list-style-type:none;
	text-align:right;
	padding-top:10px;
	padding-right:20px;
	*float:right;
}

#secondaryMenu li {
	margin:0;
	padding:0;
	display:inline-block;
	margin-left:20px;	
	*float:left;
}

#secondaryMenu li a {
	color: #707173;
	text-decoration:none;	
}

#secondaryMenu li a:hover {
	color: #606163;
	text-decoration:underline;
}

#content {
	margin:20px;
	margin-top:0px;
	margin-right:18px;
	min-height: 326px;
}

.menu div {
	padding-top:5px;
	padding-bottom:5px;
	background-image: url('/images/pointer-blue.png');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.menu .separator,
.menu .separator {
	border-bottom: solid 1px #e6e6e6;
}

#span.delete {
	float:right;
	cursor:pointer;
}

/* forms */

form div.formField {
	margin-top:10px;
	margin-bottom:10px;
}

fieldset {
	background-color: #fff;
	border: solid 1px #e5e5e5;
	padding:10px;
	margin-bottom:10px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

form label {
	vertical-align:top;
	padding-right:4px;
	display:inline-block;
	width:156px;
	color: #707173;
}

form label.checkbox {
	margin:0;
	color: #222;	
	width:auto;
}

fieldset.hidden {
	background-color: #f9f9f9;
	border-color: #f9f9f9;;
}

legend {
	display:none;
}

input.text,
input.number,
select,
textarea {
	background-color: #fdfdfd;
	border:solid 1px #ababab;
	padding:2px;
	font-family:'Helvetica', 'Arial', sans-serif;
	font-size:12px;
	color: #444;
}

input.text:focus,
input.number:focus,
select:focus,
textarea:focus {
	background-color: #ffffff;
	color: #111;
}

input.number {
	width: 153px;
	text-align:right;
}


.fileList li {
	margin-bottom:12px;
	padding-top:14px;
	border-top: solid 1px #e6e6e6;
}

a.del {
	opacity: 0.6;
}

a.del:hover {
	opacity:1;
}

/* messages */

#pageMessage {
	background-color: #fff;
	border: solid 1px #e6e6e6;
	padding:10px;
	padding-bottom:5px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:10px;
	margin-top: 27px;
	color: #333;
}

#pageMessage h2 {
	font-size:16px;
	margin-bottom:5px;
}

#pageMessage ul {
margin-left:20px;	
}

#pageMessage.error h2 {
	color: #bb3333;
}

#pageMessage.saved,
#pageMessage.success {
	background-color: #edf5df;
	color: #81bb28;
}

#pageMessage.saved h2,
#pageMessage.success h2 {
	color: #81bb28;
}

div#realisation {
	margin-left: auto;
	margin-right: auto;
	width: 965px;
	color: #B7B975;
	padding-right: 15px;
	font-size: 9px;
	text-align: right;
	padding-bottom: 80px;
}

div#realisation a {
	color: #B7B975;
}

/* menu */


		#menuBar {
			position:absolute;
			right:20px;
			bottom:10px;
		}

			#menu li {
				margin:0;
				padding:0;
			}

			#menu a {
				margin:0;
				padding:0;
				display:block;
				height:30px;
				background-repeat:no-repeat;
				background-image: url('/images/menu.png');
				width:80px;
			}

				#menu a span {
					display:none;
				}

				#menu a#menuHome {
					background-position: 0px 0px;
					width: 82px;
				}	

				#menu a#menuHome.selected,
				#menu a#menuHome:hover {
					background-position: 0px -33px;
				}

				#menu a#menuActueel {
					background-position: -82px 0px;
					width:93px;
				}

				#menu a#menuActueel.selected,
				#menu a#menuActueel:hover {
					background-position: -82px -33px;
				}

				#menu a#menuProjecten {
					background-position: -175px 0px;
					width:99px;
				}

				#menu a#menuProjecten.selected,
				#menu a#menuProjecten:hover {
					background-position: -175px -33px;
				}

				#menu a#menuNetwerk {
					background-position: -269px 0px;
					width:93px;
				}

				#menu a#menuNetwerk.selected,
				#menu a#menuNetwerk:hover {
					background-position: -269px -33px;
				}

				#menu a#menuOrganisatie {
					background-position: -364px 0px;
					width:93px;
				}

				#menu a#menuOrganisatie.selected,
				#menu a#menuOrganisatie:hover{
					background-position: -364px -33px;
				}

	#menu #inputSearch {
		width:196px;
		background-image: url('/images/search-icon.png');
		background-repeat: no-repeat;
		background-position: 2px 50%;
		padding-left:18px;
		border: solid 1px #e3e3e3;
		padding-top:4px;
	}

/* search */

#searchForm label {
	width:auto;
}

/* columns */


#column1Center,
#column1 {		
	display:inline-block;
	width:460px;
	min-height:320px;
	vertical-align:top;
	margin-left:240px;
	margin-right:20px;
}

#column3Left {
	display:inline-block;
	width:220px;
	min-height:320px;
	vertical-align:top;
}


#column3Center {		
	display:inline-block;
	width:460px;
	min-height:320px;
	vertical-align:top;
	margin-left:20px;
	margin-right:20px;
}

#column3Right {		
	display:inline-block;
	width:220px;
	min-height:320px;
	vertical-align:top;
}


#column2Left {
	display:inline-block;
	width:220px;
	min-height:320px;
	vertical-align:top;
}


#column2Right {		
	display:none;
}

#column2Center {		
	display:inline-block;
	width:720px;
	min-height:320px;
	vertical-align:top;
}


#column2Center #breadcrumbs {
	margin-left:20px;
}

/* footer */

#footer div {
	position:relative;
	display:inline-block;
	width:137px;
	font-size: 10px;
	color: #707173;
	vertical-align:top;
}

#footer h4 {
	font-size:11px;
}

	#footer div ul {
		padding:0;
		margin:0;
		margin-left:15px;
	}
	
	#footer div ul li {
	}
	
	#footer div a {
		color: #707173;
	}
	
	#footer div#footerSectionAddress {
		text-align:left;
		width:236px;
		margin-left:20px;
	}

	#footer div#footerSectionAddress address {
		text-align:left;
	}
		
	#footer div#footerSectionContact {
		width:80px;
	}
	
	#footer div#footerSpacerBar {
		display:block;
		border-top: solid 1px #e3e3e3;
		width:940px;
		margin-left:20px;
		margin-right:20px;
		margin-bottom:20px;
	}

/* content */

ul {
	padding-left:20px;
}

/* table */


table.white {
	border-collapse:collapse;
	border: solid 1px #e6e6e6;
	border-bottom:none;
}

table.white th {
	padding:5px;
	background-color: #f0f0f0;
	border-bottom: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
}

table.white th.title,
table.white td.title {
	border-left:none;
	padding-left:12px;
}

table.white td {
	background-color: #fff;
	padding:5px;
	border-bottom: solid 1px #e6e6e6;
}

table.white td.number {
	text-align:right;
}

#centerContent table.borderless td {
	border:none;
	padding:0;
}


#userHomeLegend {
	margin-top:20px;
	margin-bottom:20px;
	color: #808080;
	font-size:10px;
}

#userHomeLegend dt {
	font-weight:bold;
	display:inline;
}

#userHomeLegend dd {
	display:inline;
}



/* agenda */

#eventList h2 {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
	border-top: solid 1px #e9e9e9;
}

#homeAgenda {
	background-color: #fff;
	border: solid 1px #e3e3e3;
	padding:0;
	padding-bottom:9px;
	margin-bottom:20px;
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
	#homeAgenda h2 {
		padding:9px;
		padding-bottom:0px;
	}

	#homeAgenda h2 a,
	#homeAgenda h2 {
		color: #d5001c;
		font-size: 14px;
		font-weight:normal;
	}

	#agendaEventList {
		list-style-type:none;
		padding:0;
	}
	
	#agendaEventList li {
		padding:9px;
	}	
		#agendaEventList div.odd {
			background-color: #f9f9f9;
		}
	
		#agendaEventList p {
			padding:0;
			margin:0;
			color: #707173;
		}	
		
	#agendaEventList h3 {
		color: #707173;
		font-size: 12px;
		font-weight:bold;
		background-image: url('/images/pointer-red.png');
		background-repeat: no-repeat;
		background-position: 100% 50%;
	}
		#agendaEventList h3 a {	
			color: #707173;
		}
		
		#homeAgendaMore {	
			color: #d5001c;
			margin:9px;
			margin-top:0px;
		}

#breadcrumbs,
#breadcrumbs a {
	font-size:11px;
	color: #ababab;
	margin-bottom: 3px;
}

#breadcrumbs a {
	
}		
		
h1#centerTitle {
	color: #d5001c;
	font-weight:bold;
	font-size:16px;
	margin-bottom: 10px;
}

#centerContent {
	color: #717171;
}

#centerContent table {
	border-collapse: collapse;
}

#centerContent table td,
#centerContent table th {
	padding:5px;
	border: solid 1px #ddd;
}

#centerContent table th {
	background-color: #eee;
}

#centerContent h2 {
	font-size: 12px;
}

#centerContent h3 {
	font-size:12px;
}

#centerContent h4,
#centerContent h5,
#centerContent h6 {
	font-size:12px;
	font-weight:normal;
	font-style: italic;
}

/* projects */

#projectFilterForm label {
	width:auto;
}

.info dt {
	font-weight:bold;
	color: #0092d1;

}

.info dd {
	margin-bottom:5px;
}

#projectList div {
	float:left;
	width:320px;
	background-color: #fff;
	margin-left:20px;
	padding:9px;
	background-color: #fff;
	border: solid 1px #e6e6e6;
	margin-bottom:20px;
}

#projectList div img.left {
	margin-right:9px;
}

#projectList div p {
	margin:0;
	padding:0;
}

#projectFilterForm {
	margin-left:20px;
	margin-bottom:20px;
}

	#projectFilterForm fieldset {
		margin:0;
	}

#column2Center #centerTitle {
	margin-left:20px;
	margin-bottom:10px;
}

/* Soilpedia banner */

#soilpediaBanner {
	padding:0;
}
	#soilpediaBanner div {
		padding:9px;
	}

	#soilpediaBanner p {
		margin:0
	}
	
	#soilpediaBanner a {
		padding:0;
	}

/* map */

.tooltip {
	position:absolute;
	font-size:11px;
	line-height:11px;
	margin-left:-33px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	background-color: #fff;
	border: solid 1px #e6e6e6;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:20px;
}

/* news */


#newsList h3 {
	margin-bottom:10px;
	padding-top:10px;
	border-top: solid 1px #e9e9e9;
}

#newsList p {
	margin-bottom:10px;
}

/* newsletter */

#newsletterSubscription {
	padding-bottom:10px;
}

	#newsletterSubscription p {
		margin:0;
		margin-bottom:10px;	
	}

	#newsletterSubscribe p {
		margin:0;
	}

/* login page */

#loginPage #loginForm h2 {
	display:none;
}

#loginPage #loginForm div {
	margin-bottom:10px;
}

.pagination ul {
	text-align:center;
	list-style-type:none;
}

.pagination ul li {
	float:left;
}

.pagination ul li a,
.pagination ul li strong {
	padding:4px;
	display:block;
}

#registerUserForm {
	margin-left:20px;
}

#profileEditForm input.text,
#passwordForgotPage #passwordForm input.text,
#loginPage #loginForm input.text,
#registerUserForm input.text {
	width:200px;
}

p.person {
	float:left;
	width:100%;
}

p.person img {
	margin-right:10px;
}

/* tender evaluation */

#evaluationForm {
	margin-left:20px;
}

#evaluationForm div.section {
	border-top: solid 1px #ddd;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:20px;
}

#evaluationForm div.criterion {
	margin-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
}

#evaluationForm div.criterion div.input {
}

#evaluationForm div.criterion p {
	margin-bottom:2px;
}

#evaluationForm div.criterion label {
	margin-right:10px;
}

#evaluationForm div.criterion h3 {
	margin-bottom:10px;
}

#evaluationForm div.criterion label input {
	margin-right:5px;
}

#evaluationForm div.criterion textarea {
	width:380px;
	height:40px;
}

form div.userFields div {
	margin-top:10px;
	margin-bottom:10px;
}

form div.userFields label.closed {
	width:100%;
}


	form div.userFields label input.radio,
	form div.userFields label input.checkbox {
		margin-right:10px;
	}
	
#centerContent ul {
	margin-bottom:20px;
}
