@import url("sifr.css");

html {
	background: #f7f7f5 url(../img/background_columns.gif) repeat-y center center;
	min-width: 995px;
	height: 100%;
}
body {
	background: url("../img/background.jpg") no-repeat top center;
	min-height: 813px;
	min-width: 995px;
	font-family: Arial, Helvetica, sans-serif;
	color: #203c4e;
	position:relative;
}
	body.home {
		height: 100%;
	}
p, td, th, li, input, button, span {
	font-size: 0.75em;	
	line-height: 1.625em;		
}
li li {
	font-size: 1em;
}
a {
	color: #676e2f;
	text-decoration: underline;
}
a:hover {
	color: #3a6e8f;
	text-decoration: underline;
}
button, input {
	font-family: Arial, Helvetica, sans-serif;
	color: #203c4e;
	font-size: 1em;	
}
div.wrapper {
	width: 995px;
	text-align: left;
	margin: 0px auto;
	height: auto;
}

/* Header */

#headerwrapper {
	background: #ffffff;
	position: relative;
	z-index: 1000;
}
	div.header {
		width: 995px;
		height: 75px;
		padding: 10px 0px 20px 0px;
		position: relative;
	}
		#boekje {
			bottom: 0;
			left: 725px;
			position: absolute;						
		}
			#boekje img {
				vertical-align: bottom;
			}
		#logo {
			width: 159px;
			height: 21px; 
			position: absolute;
			bottom: 20px;
			right: 20px;
			text-align: right;
		}

/* Menu */

div.nav {
	position: absolute;
	bottom: 20px;
	left: 48px;
}
	ul.menu {
	}
		ul.menu li {
			float: left;
		}
			ul.menu li a {
				display: block;
				margin-right: 34px;
				height: 9px;
				text-indent: -999em;
				background-position: left top;
				background-repeat: no-repeat;			
			}
					ul.menu li#home a { width: 43px; margin-right: 32px; background-image: url(../img/menu_home.gif); }
					ul.menu li#overhetboek a { width: 120px; background-image: url(../img/menu_overhetboek.gif); }
					ul.menu li#downloads a { width: 98px; background-image: url(../img/menu_downloads.gif); }
					ul.menu li#auteurs a { width: 67px; background-image: url(../img/menu_auteurs.gif); }
					ul.menu li#projecten a { width: 84px; background-image: url(../img/menu_projecten.gif); }
					
				ul.menu li a:hover {
					background-position: left bottom;
				}				
				ul.menu li.hier a,
				ul.menu li.open a  {
					background-position: left bottom;
				}
		ul.menu li.hier {
			color: #3a6e8f;
		}		
			ul.menu li.hier a {	
				color: #3a6e8f;			
			}
		ul.menu li.open {
		}
			ul.menu li.open a {
			}
				ul.menu li.open li {
				}
					ul.menu li.open li a {
					}	
						
	.subnav {
		position: absolute;
		display: none;
		margin-left: -10px;
		padding: 17px 12px 0px 12px;
		background: #ffffff;
		width: 184px;
		line-height: 1.625em;
		z-index: 1000;
	}

		ul.menu li.sfhover div.subnav,
		ul.menu li:hover div.subnav {
			display: block;
		}
		.subnav ul {
		}
			.subnav ul li {
				float: none;
				height: auto;
				margin: 0.5em 0em;		
			}				
				ul.menu li#home ul li a,
				ul.menu li#overhetboek ul li a,
				ul.menu li#downloads ul li a,
				ul.menu li#auteurs ul li a,
				ul.menu li#projecten ul li a {
					width: auto; 
					height: auto;
					margin-right: 0px; 
					background-image: none; 
					text-indent: 0em;
					text-decoration: none;					
				}
				.subnav ul li a { 
					font-weight: bold;
				}
					ul.menu li.hier .subnav ul li {
						color: #676e2f;
					}
					ul.menu li.hier .subnav ul li a {
						color: #676e2f;
					}
					ul.menu li.hier .subnav ul li a:hover,
					ul.menu li.hier .subnav ul li.hier a {
						color: #3a6e8f;
					}		
				.subnav ul li ul {
				}
					.subnav ul li ul li {
						margin: 0px;
					}
						.subnav ul li ul li a { 
							font-weight: normal;							
						}	
							.subnav ul li.hier ul li a {
								color: #676e2f;
							}
								.subnav ul li.hier ul li a:hover {
									color: #3a6e8f;
								}
		
/* Kruimelpad */

ul#kruimelpad {
	color: #676e2f;
	height: 10px;
}
	ul#kruimelpad li {
		float: left;
		padding-right: 3px;
		line-height: 1em;
	}
		ul#kruimelpad li a {
			text-decoration: none;
		}		
		ul#kruimelpad li.last a {}

/* Headings */

h1 {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.625em;
}
	.content h1 {
		color: #676e2f;
		line-height: 2em;
		padding: 0px 0px 0px 0px;
		letter-spacing: 0.1em;
		margin-bottom: -8px;
		text-transform: uppercase;
	}
h2 {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.625em;
}
	.content h2 {
		color: #676e2f;
		text-transform: uppercase;
		line-height: 2em;
		letter-spacing: 0.1em;
	}	
h3 {
	font-size: 0.74em;
	font-weight: bold;
	line-height: 1.625em;	
}
	.content h3 {
		color: #676e2f;
		text-transform: uppercase;
		line-height: 2em;
		letter-spacing: 0.1em;
		margin-bottom: -10px;
	}
h4 {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.625em;
}
	.content h4 {
		font-size: 0.75em;
		color: #676e2f;
		text-transform: uppercase;
		line-height: 2em;
		letter-spacing: 0.1em;
	}
h5 {
}
h6 {
}

/* Content */
div.container {
}

div.contentcontainer {
	position: relative;
}

	.leftcolumn {
		width: 595px;
		height: 100%;
		float: left;
		position: relative;
	}
		.inspiring {
			background: url(../img/inspiringperformance.png) no-repeat 146px 200px;
			height: 270px;
		}
		img.boekomslag {
			margin: 50px 20px 0 0;
			text-align: right;
		}
		.relatedcontent {
			position: absolute;
			top: 708px;
			margin: 0 0 -17px 63px;
			width: 533px;
			height: 181px;
			background: url(../img/white_alpha80.png) repeat;			
		}
			.relatedcontent p {
				margin-bottom: 0.3em;
			}
			.relatedcontent .col1,
			.relatedcontent .col2,
			.relatedcontent .col3 {
				float: left;
				width: 150px;
				margin: 10px;
			}	
			.relatedcontent a img {
				text-decoration: none;
				border: #3a6e8f solid 1px;
				border-color: transparent;
			}
				.relatedcontent a img:hover {
					text-decoration: none;
					border-color: #3a6e8f;
				}
		ul.medewerkers {
			margin: 86px 0 0 63px;
		}		
			ul.medewerkers li {
				float: left;
				width: 94px;
				height: 94px;
				margin: 0px 12px 12px 0px;
				background: url(../img/white_alpha80.png) repeat top left;
			}
				ul.medewerkers li a {
					display: block;
					width: 94px;
					height: 94px;
					text-decoration: none;
				}
					ul.medewerkers li a:hover img,
					ul.medewerkers li.hier a img {
						display: none;
					}
			ul.medewerkers li {
				text-align: center;	
				color: #3a6e8f;
				font-weight: bold;
			}
				ul.medewerkers li a span {
					display: none;
					line-height: 94px;
					font-size: 1em;		
					line-height: 1.64em;
					padding: 35px 0px 0px 0px;
				}
				ul.medewerkers li a:hover span,
				ul.medewerkers li.hier a span {
					display: block;
				}
				
	.rightcolumn {
		width: 350px;
		float: right;
		padding: 6px 30px 0px 20px;
		position: relative;
	}	
		div.content {
			margin-top: 32px;
		}
			body.home div.content {
				margin-top: 52px;
			}
			div.content p {
				line-height: 2em;
				margin: 0 0 1.7em 0;
			}
				div.content p.sollicitatie {
					margin: 0 0 0.5em 0;
				}
				div.content p.readmore {
					margin-top: -1.7em;
				}
			div.content a {
				line-height: 2em;
			}
				div.content a:hover {
				}
			div.content ul {
				list-style: disc;
				list-style-position: outside;
				margin-bottom: 1.7em;
			}
					body.sitemap div.content ul {
						margin-bottom: 0px;
					}
				div.content p + ul {
					margin-top: -1.325em;
				}
				div.content p + ol {
					margin-top: -1.325em;
				}
				div.content ul + p {
					margin-top: -2.2em ;
				}
				div.content ol + p {
					margin-top: -2.2em ;
				}
				div.content ul li {
					margin-left: 15px;
					padding-left: 0px;	
					line-height: 2em				
				}
					div.content ul li ul {
					}
						div.content ul li ul li {
							line-height: 1em;
						}
			div.content ol {
				list-style: decimal;
				list-style-position: inside;
				margin-bottom: 1.7em;
			}
				div.content ol li {
					margin-left: 0px;					
					line-height: 2em
				}
					div.content ol li ol {
					}
						div.content ol li ol li {
							line-height: 1em
						}
			table {
			}
				tr {
				}
					td {
					}
			.intro {
				margin: 0 0 0.5em 0;
			}
				.intro p {
					font-weight: bold;	
				}
				.intro img {
					float: left;
					padding: 4px 20px 20px 0px;
				}			

div.overviewnavigation {}
	div.txt {
	}
	.overviewnavigation a {
	}
		.overviewnavigation a:hover {}
		.overviewnavigation a.active {}


/* 	Formulier	*/
/*	formulieren alleen stylen via een klasse, niet een id, dat gaat niet goed vanuit de webmagiër */

form {
}
	form fieldset {
		margin-bottom: 1em;
	}
		form fieldset label {
			display: block;
			font-size: 0.75em;
			font-weight: bold;
			color: #676e2f;		
			margin: 0.6em 0 0.2em;	
		}
			form fieldset label em {
				font-family: verdana, arial, sans-serif;
				font-style: italic;
				font-weight: normal;
			}
		form fieldset input {			
			font-size: 0.75em;
			padding: 0.2em;
			border: 1px solid #676e2f;
			margin: 0.2em 0em;	
			width: 325px;			
		}
		form fieldset h3 {
			padding: 1.2em 0 0.5em;
		}
		form fieldset table td, th {
			color: #676E2F;
			width: 75px;
		}
		form fieldset div.radiolist {
			
		}
			form fieldset div.radiolist label {
				font-weight: normal;
			}
		form fieldset div.radiolist input {
			border: none;
			margin-right: 0.5em;
			width: auto;
		}
		form fieldset div.customcheckboxfield input {

		}
		form fieldset div.humanityfield input {
			width: 113px;
		}
		form fieldset div.humanityfield img {
			margin-top: 0.5em;
		}
		form fieldset select {
		}
		form fieldset textarea {
			border: 1px solid #676e2f;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.75em;
			height: 180px;
			padding: 0.2em;
			width: 326px;
		}
		form fieldset span {
			color: #676e2f;
		}
		form button {
			color: #ffffff;
		}		
		form fieldset input.error {}

		.error {
		}
			.error span {
				display: block;
				font-size: 0.7em;
				font-weight: bold;
				color: #9e0b0f;
				margin: 0.2em 0;
			}
			.error label {}
			div.error input {
				border: 1px solid #9e0b0f ;
				background-color: #ead4d3;
			}
			.error textarea {
				border: 1px solid #9e0b0f;
			}
		div.error_border {
			border: 1px solid #9e0b0f;
			margin: 0.8em 0 0.5em;
			padding: 0.8em;
		}
			div.error_border label {
				margin: 0 0 0.5em;
			}
	div.systemfeedback_error {
		color: #cc0000;
	}
		div.systemfeedback_error p {}

div#utilitymenu {
	float: right;
	padding-right: 10px;
	width: 335px;
	line-height: 1.5em;
}
	div#utilitymenu p {
		color: #676e2f;
		float: right;
		margin: 4px 7px 0 0;
	}
		#utilitymenu li {
		}
			#utilitymenu li a {
			}
				#utilitymenu li.hier a,
				#utilitymenu li a:hover {
				}

form.search {
	
	float: left;
}
	form.search input {
		font-size: 0.75em;
		width: 120px;
	}
	form.search input.button {
		background: none;
		border: none;
		color: #676E2F;
		cursor: pointer;
		font-weight: normal;
		margin: 0;
		text-decoration: underline;
		width: 35px;
	}
	
/* Footer */

div.footer-wrapper {
}
	div.footer {
	}

/* Overige classes */

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

	a#button_bestelhetboek {
		background-image: url(../img/button_bestelhetboek.gif);
		background-position: top;
		background-repeat: no-repeat;
		display: block;
		height: 25px;
		text-indent: -999em;
		width: 179px;
	}
		a#button_bestelhetboek:hover {
			background-position: bottom;
		}

button {
	border: 0px;
	background: none;
	background-color: #5d611a;
	cursor: pointer;
	height: 1.75em;
	margin: 1em 0;
}
	form fieldset button span {
		color: #ffffff;
		font-weight: bold;
	}
	button:hover span {
		text-decoration: underline;
	}
	button.versturen {
		width: 120px;
	}

.screenreader {
	display: none;
}

.intro:after,
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	visibility:hidden;
	clear: both;
}