@font-face {
    font-family: 'FuturaMedium';
    src: url('futura_medium_bt-webfont.eot');
    src: url('futura_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('futura_medium_bt-webfont.woff') format('woff'),
         url('futura_medium_bt-webfont.ttf') format('truetype'),
         url('futura_medium_bt-webfont.svg#FuturaMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	min-width: 995px;
}
body {
	background-color: #b0b871;
	min-height: 813px;
	min-width: 995px;
	font-family: Arial, Helvetica, sans-serif;
	color: #203c4e;
	position:relative;
}
	body.home {
	}
p, td, th, li, input, button, span {
	font-size: 0.75em;	
	line-height: 1.625em;		
}
	p span { font-size: 100%;}
li li {
	font-size: 1em;
}
a {
	text-decoration: underline;
	color: #3a6e8f;
}
	a:hover {
		color: #676e2f;
		text-decoration: none;
	}
em {
	font-style: italic;
}
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: 800;
}
	div.header {
		width: 995px;
		height: 75px;
		padding: 10px 0px 20px 0px;
		position: relative;
	}
		#logo {
			width: 352px;
			height: 21px; 
			position: absolute;
			bottom: 8px;
			right: 20px;
			text-align: right;
		}

/* Footer */
.footerwrapper {
	position: relative;
	z-index: 300;
}
	div.footer {
		margin: 0px auto;
		width: 995px;
		height: 75px;
		padding: 10px 0px 20px 0px;
		position: relative;
	}


/* Menu */

div.nav {
	position: absolute;
	bottom: 3px;
	left: 48px;
}
	ul.menu {
		font-family: "FuturaMedium", Helvetica, Arial, Verdana;
		text-transform: uppercase;
	}
		ul.menu li {
			float: left;
		}
			ul.menu li a {
				color: #676e2f;
				display: block;
				margin-right: 65px;
				text-decoration: none;
			}
				ul.menu li a:hover {
					background-position: left bottom;
					color: #3a6e8f;
				}				
				ul.menu li.hier a,
				ul.menu li.open a  {
					background-position: left bottom;
					color: #3a6e8f;
				}
		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: 0px 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#programmas ul li a,
				ul.menu li#klanten ul li a,
				ul.menu li#scenter ul li a,
				ul.menu li#team ul li a, 
				ul.menu li#scripts ul li a {
					width: auto; 
					height: auto;
					margin-right: 0px; 
					background-image: none; 
					text-indent: 0em;
					text-decoration: none;					
				}
				.subnav ul li a { 
					text-transform: none;
				}
				ul.menu li.open .subnav ul li,
				ul.menu li.hier .subnav ul li {
					color: #676e2f;
				}
				ul.menu li.open .subnav ul li a,
				ul.menu li.hier .subnav ul li a {
					color: #676e2f;
				}
				ul.menu li.open .subnav ul li a:hover,
				ul.menu li.open .subnav ul li.hier a,
				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 {
	height: 10px;
	margin-left: 48px;
	margin-top: 10px;
			color: #676e2f;
}
	ul#kruimelpad li {
		float: left;
		padding-right: 3px;
		line-height: 1.3em;
	}
		ul#kruimelpad li a {
			text-decoration: none;
			color: #676e2f;
		}		
		ul#kruimelpad li.last a {}

/* Headings */
h1, h2, h3, h4, h5 {
	font-family: "FuturaMedium", Helvetica, Arial, Verdana;
	font-weight: normal;
}

h1 {
	font-size: 1.1em;
	line-height: 150%;
}
	.content h1 {
		line-height: 2em;
		padding: 0px 0px 0.4em 0px;
		letter-spacing: 0.1em;
		margin-bottom: -8px;
		text-transform: uppercase;
	}
h2 {
	font-size: 0.9em;
	line-height: 1.625em;
}
	.content h2 {
		text-transform: uppercase;
		padding: 0px 0px 0.5em 0px;
		line-height: 2em;
		letter-spacing: 0.1em;
	}	
	#title_onderwerpen {
		margin-top: 2.5em;
	}
h3 {
	font-size: 0.9em;
	line-height: 1.625em;	
}
	.content h3 {
		line-height: 2em;
		padding: 0px 0px 0.6em 0px;
		letter-spacing: 0.1em;
		margin-bottom: -10px;
	}
h4 {
	font-size: 1em;
	line-height: 1.625em;
}
	.content h4 {
		font-size: 0.8em;
		padding: 0px 0px 0.4em 0px;
		line-height: 2em;
		letter-spacing: 0.1em;
	}
		h4 a {
			color: #203c4e;
			font-family: arial, verdana, tahoma;
			letter-spacing: normal;
			text-decoration: none;
			text-transform: none;
		}
h5 {
}
h6 {
}

/* Content */
div.container {
}

div.contentcontainer {
	position: relative;
}

	.leftcolumn {
		width: 595px;
		float: left;
		position: relative;
	}
		.inspiring {
			background: url(../img/inspiringperformance.png) no-repeat 146px 200px;
			height: 270px;
		}
		.relatedcontent {
		}
			.relatedcontent div.nieuws {
				background: url(../img/white_alpha80.png) repeat left top;
				display: block;
				padding: 8px 10px 10px 10px;
				margin-bottom: 10px;
			}
				.relatedcontent div.nieuws p.readmore {
					margin-bottom: 0px;
				}
			body.medewerkers div.relatedcontent {
				top: auto;
			}
			.relatedcontent h3 {
				clear: left;
			}
			div.content .relatedcontent p {
				margin-bottom: 0.3em;
			}
			.relatedcontent .col1,
			.relatedcontent .col2,
			.relatedcontent .col3 {
				margin: 10px 0px 10px 0px;
			}	
			.relatedcontent a img {
				text-decoration: none;
				border: #3a6e8f solid 1px;
				border-color: transparent;
			}
				.relatedcontent a img:hover {
					text-decoration: none;
					border-color: #3a6e8f;
				}
			.relatedcontent p img {
				float: left;
				margin-right: 10px;
				margin-bottom: 0.7em;
			} 
				
		#twitter_placeholder ul {
			list-style: none;
			margin-bottom: 0px;
		}
			#twitter_placeholder ul li {
				background: url(../img/white_alpha80.png) repeat left top;
				line-height: 1.5em;
				margin-left: 0px;
				margin-bottom: 10px;
				padding: 10px;
			}
			#twitter_placeholder ul li a {
				color: #203C4E;
				text-decoration: none;
			}
				#twitter_placeholder ul li a:hover {
					color: #3A6E8F;
					text-decoration: underline;
				}
		#twitter_placeholder img {
			vertical-align: center;
		}
		#twitter_placeholder span {
			display: block;
		}
			#twitter_placeholder h2 span { 
				display: inline;
			}
			
		
		body.medewerkers div.content ul.afdelingen {
			list-style-type: none;
		}
			body.medewerkers div.content ul.afdelingen li {
				margin-left: 0;
			}
			body.medewerkers div.content ul.afdelingen li.hier a,
			body.medewerkers div.content ul.afdelingen li.hier a:hover {
				color: #3A6E8F;
			}
				body.medewerkers div.content ul.afdelingen li ul li {
					line-height: 1.25em;
					margin-left: 1em;
				}
					body.medewerkers div.content ul.afdelingen li.hier ul li a,
					body.medewerkers div.content ul.afdelingen li ul li a {
						color: #676E2F;
						line-height: 1.25em;
					}
			
		ul.medewerkers {
			margin: 0px 0 0 0px;
		}		
			ul.medewerkers li {
				float: left;
				width: 94px;
				height: 141px;
				margin: 0px 12px 12px 0px;
				background: url(../img/white_alpha80.png) repeat top left;
			}
				ul.medewerkers li a {
					display: block;
					width: 94px;
					height: 141px;
					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;
		margin-top: 80px;
	}	
		div.content {
			margin: 42px 0px 0px 48px;
		}
			body.home div.content {
				margin-top: 52px;
			}
			div.content p {
				line-height: 1.5em;
				margin: 0 0 1.7em 0;
			}
				div.content p.sollicitatie {
					margin: 0 0 0.5em 0;
				}
				div.content div.bericht {
					margin-bottom: 0.8em;				
				}
					div.content div.bericht p {
						margin-bottom: 0px;
					}
				div.content p.onderwerpen span {
					float: right;
				}
			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
						}
			div.content ul.socialbookmarks {
				list-style: none;
				margin-top: 0px;
			}
				div.content ul.socialbookmarks li {
					width: 15px;
					float: left;
					margin: 0px 5px 0px 0px;
				}

			
			table {
			}
				tr {
				}
					td {
					}
			.intro {
				margin: 0 0 0.9em 0;
			}
				div.intro p {
					font-weight: bold;
					margin: 0px;
					clear: both;
				}
				.intro img {
					float: left;
					padding: 4px 20px 20px 0px;
				}	
		div.klantenlinks {
			width: 350px;
			float: left;
			clear: left;
			margin-left: 48px;
			margin-right: 20px;
		} 
			body.home div.klantenlinks {
				margin: 10px 0px 0px 0px;
			}
		div.klantenrechts {
			width: 350px;
			float: left;
		}
			
		div.klantblok {
			background-color: #818753;
			margin-bottom: 10px;
			clear: left;
			height: 94px;
			position: relative;
		}
			div.klantblok img {
				float: left;
				margin-right: 10px;
				vertical-align: bottom;
			}
			div.klantblok p.quote {
				color: #ffffff;	
				font-family: "FuturaMedium", Helvetica, Arial, Verdana;
				font-size: 0.9em;
				padding: 10px;
			}
				div.klantblok p.quote a {
					color: #ffffff;
					text-decoration: none;
					text-transform: uppercase;
					font-family: "FuturaMedium", Helvetica, Arial, Verdana;
				}
			div.klantblok div.klanthover {
				position: absolute;
				display: none;
				background-color: #ffffff;
				width: 350px;
				z-index: 400;
				padding: 10px;
			}
				div.klantenlinks div.klanthover {
					left: 350px;
					top: 0px;
				} 
				body.home div.klantenlinks div.klanthover,
				div.klantenrechts div.klanthover {
					left: -370px;
					top: 0px;
				}
			div.klantblok:hover div.klanthover {
				display: block;
			}
		div.resource {
			padding: 0px 0px 0px 40px;
			position: relative;
		}		
			div.resource p {
				line-height: 1.5em;
			}
				.resource .downloadlink {
					margin: -1.05em 0px 1.2em 0px;
				}
					.resource p.downloadlink a {
						line-height: 0.8em;
					}
				.resource p.viewvideo {
					margin-top: -1.7em;
				}
			div.resource h4 {
				display: block;
				float: left;
				margin: -0.3em 0px 0.2em 0px;
				line-height: 0.4em;
			}
				div.article h4 {
					margin-top: -0.7em;
				}
				div.article p {
					clear: left;
				}
				img.filetypeicon {
					position: absolute;
					left: 0px;
					top: 0px;
				}
			div.video {
				position: relative;
			}
				div.video .resource {
					float: left;
					width: 238px;
					padding: 0px;
				}
			div.videocontainer {
				position: relative;
				width: 100px;
				text-align: center;
				float: left;
				vertical-align: middle;
				margin: 0px 7px -3px 0px;
				text-indent: -999em;
			}
				.videocontainer a {
					background: url(../img/play.png) no-repeat center center; 
					width: 100px;
					display: block;
				}
			div.iconandlink {
				position: relative;
				padding-left: 40px;
			}
				.iconandlink p {
					
				}

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

form {
}
	form fieldset {}
		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 div.radiolist {
			font-size: 0.75em;
		}
		form fieldset div.radiolist input {
			width: auto;
			border: none;
		}
		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 {
	padding-right: 10px;
	line-height: 1.5em;
	margin-left: 48px;
}
	div#utilitymenu p {
		color: #ffffff;
		float: left;
		margin: 4px 7px 0 0;
	}
		#utilitymenu p a {
			color: #ffffff;
		}

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;
	}
	
/* Overige classes */

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

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;
}

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

/* Medewerkers */

#slider {
	height: 160px;
	overflow: hidden; 
}
	a.disable {
		opacity: 0.25;
		filter:alpha(opacity=25);
		cursor: default;
	}
	a.buttons {
		width: 20px;
		height: 40px;
	}
	a.prev {
		background-image: url(../img/gallery_left.png);
		background-repeat: no-repeat;
		float: left;
		margin-top: 70px;
	}
	a.next {
		background-image: url(../img/gallery_right.png);
		background-repeat: no-repeat;
		float: right;
		margin-top: 70px;
	}
#slider .viewport { 
	width: 472px; 
	height: 240px; 
	overflow-x: auto;
	overflow-y: hidden;
	position: relative; 
}
#slider .overview {
	left: 0;
	margin-left: 0;
	margin-top: 0;
	list-style: none;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
	#slider .overview li {
		
	}
		#slider .overview li.last {
			margin-right: 0;
		}
		#slider .overview li:hover,
		#slider .overview li.hier {
		}
#slider .overview li a {
}
	#slider .overview li a.image {
		
	}
		#slider .overview li a.image img {
		}