body,
html {
	margin:0;
	padding:0;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #DDD;
}

.clearo {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

#bg { position: fixed; top: 0; left: 50%; margin-left: -825px;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.bgtop {
	position: relative;
	width: 100%;
	height: 81px;
	background: url(../img/bg_bgtop.gif) repeat-x center top;
}

.container {
	width: 970px;
	margin: 0 auto;
}

.uppercased {
	text-transform: uppercase;
}


/* --- default -------------------------------------------------------------- */

h1,h2 {
	margin: 0;
	padding: 0;
}
h1{
	font-size: 20px;
	color: #333;
	margin: 0 0 20px 0;
	padding: 0;
	padding-bottom: 4px;
	text-transform: uppercase;
	line-height: 28px;
}

h2{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-transform: uppercase;
}

hr {
	margin: 26px 0;
	border: 0;
	background: url(../img/bg_hr.gif) repeat-x top left;
}

p {
	margin: 0 0 18px 0;
	padding: 0;
}

ul, ol {
	padding-left: 20px;
}

a {
	color: #009EDF;
	font-weight: bold;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

a.twitter  {
	color: #009EDF;
	display: block;
	font-family: Verdana, Arial;
	font-size: 12px;
	padding: 3px 0 0px 30px;
	height: 20px;
	font-weight: normal;
	text-decoration: none;
	background: url(../img/icon_twitter.png) no-repeat left 2px;
}

a.twitter:hover {
	text-decoration: underline;
}

fieldset,form {
	padding: 0;
	margin: 0;
	border: 0;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.arrowbutton {
	width: auto !important;
	background: url(../img/bg_button.gif) no-repeat top right #009EE0;
	border: 0 !important;
	height: auto;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding: 4px 16px 5px 10px !important;
	cursor: pointer;
}
	.arrowbutton:hover {
		background: url(../img/bg_button_hover.gif) no-repeat top right #37C4FF;
		text-decoration: none;
	}

.button {
	width: auto !important;
	background: #009EE0;
	border: 0 !important;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding: 4px 10px 5px 10px !important;
	cursor: pointer;
}

	.button:hover {
		background: #37C4FF;
		text-decoration: none;
	}

.sublink {
	border: 0;
	color: #BBB;
	text-decoration: underline;
}
	.sublink:hover {
		text-decoration: none;
	}

.breadcrumbs {

}
	.breadcrumbs ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.breadcrumbs ul li {
			float: left;
		}

		.breadcrumbs ul li a {
			font-size: 20px;
			color: #CCC;
			text-transform: uppercase;
			line-height: 34px;
			display: block;
			padding-right: 20px;
			margin-right: 10px;
		}

		.breadcrumbs ul li .level0 {
			color: #D0D1D2;
			background: url(../img/bg_breadcrumbs_level0.gif) no-repeat right 11px;
		}

		.breadcrumbs ul li .level1 {
			color: #9A9E9F;
			background: url(../img/bg_breadcrumbs_level1.gif) no-repeat right 11px;
		}

		.breadcrumbs ul li .level2 {
			color: #333;
			background: url(../img/bg_breadcrumbs_level2.gif) no-repeat right 11px;
		}

		.breadcrumbs ul li .last {
			background: 0;
		}

/* --- header --------------------------------------------------------------- */

#header {
	position: relative;
	height: 82px;
	margin-bottom: 60px;
}

	#mainmenu {
		position: absolute;
		bottom: 0;
		left: 0px;
		height: 22px;
		width: 970px;
	}

		#mainmenu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

			#mainmenu ul li {
				padding: 0 0 0 0;
				margin: 1px 0 0 0;
				float: left;
			}

				#mainmenu ul li a {
					font-family: Verdana, Arial;
					font-size: 13px;
					text-decoration: none;
					background: url(../img/bg_menuitem.gif) no-repeat right 3px #FFF;
					padding: 0 18px 0 4px;
					font-weight: normal;
					color: #000;
				}
					#mainmenu ul li a:hover {
						text-decoration: underline;
					}

				#mainmenu ul li.last a {
					padding: 0 4px 0 4px;
					background: none;
					background-color: #FFF;
				}

				#mainmenu ul li .active {
					color: #009EDF;
				}

	#header .logo {
		padding-top: 16px;
		float: left;
	}
		#header .logo h1 {
			/* brian's special google wish */
			color: #FFF !important;
			font-family: Verdana, Arial!important;
			font-size: 13px !important;
			padding: 0 0 0 14px !important;
			font-style: italic!important;
			font-weight: bold !important;
			margin: 0 !important;
			text-transform: none !important;
			line-height: 12px !important;
			display: inline;
		}
		
		#header .logo span {
			color: #FFF;
			font-family: Verdana, Arial;
			font-size: 13px;
			padding-left: 14px;
			font-style: italic;
			font-weight: bold;
		}
		#header .logo a img {
			border: 0;
		}

	#header .twitterbox {
		float: right;
		padding-top: 27px;
	}

/* --- home -------------------------------------------------------------- */

.homeblock {
	float: left;
	width: 410px;
	margin-top: 20px;
}

.homeblock.people {
	margin-right: 150px;
}

.homeblock .frontankeiler {
	width: 400px;
	height: 166px;
	padding: 220px 0 0 20px;
	background: url(../img/bg_homeblock.png) no-repeat top left;

}

	.homeblock .frontankeiler a {
		color: #333;
		display: block;
		width: 220px;
		text-transform: uppercase;
		font-size: 22px;
		font-weight: normal;
		line-height: 29px;
	}

		.homeblock .frontankeiler a:hover {
			text-decoration: none;
		}

		.homeblock .frontankeiler a span {
			font-weight: bold;
			font-family: arial;
		}

.homeblock .frontlinks {
	margin-top: 40px;
	padding: 16px;
	background-color: #FFF;
	text-transform: uppercase;
	font-size: 13px;
	width: 380px;
}

	.homeblock.job .frontlinks .caption {
		font-weight: bold;
	}
	.homeblock .frontlinks ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.homeblock .frontlinks ul li {
			float: left;
		}

			.homeblock .frontlinks a {
				color: #333;
			}
			.homeblock .frontlinks a span {
				color: #999;
			}
	.homeblock.job .frontlinks .links a {
		font-weight: normal;
	}


/* --- content -------------------------------------------------------------- */

.contentholder {
	padding: 0;
	margin: 0;
}

	.contentholder .content {
		background-color: #FFF;
		padding: 30px;
	}

	.contentholder .defaultcontent {
		padding-right: 300px;
	}

	.contentholder .contentfooter {
		margin: 0;
		padding: 0;
		height: 133px;
		width: 970px;
		background: url(../img/bg_contentfooter.png) no-repeat top left;
	}

/* --- formbasics ----------------------------------------------------------- */

.formset label {
	width: 100px;
	padding-top: 3px;
	float: left;
	display: block;
	margin-right: 20px;
}

.formset .error {
	border: 1px solid #FF4040;
}

.formset .formcaption {
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
}

.boxinfo {
	display: none;
	padding: 20px;
	background: #F9FFF9;
	margin-bottom: 20px;
	color: #333;
	border: 1px solid #009900;
}
.boxerror {
	display: none;
	border: 1px solid #C40000;
	background: #FFECEC;
	padding: 20px;
	margin-bottom: 20px;
	color: #333;
}

	.boxerror ul {
		margin: 0 0 10px 0;
		padding: 0 0 0 12px;
	}

.formfooter {
	text-align: right;
	padding-right: 8px;
	padding-bottom: 20px;
	font-style: italic;
	font-size: 11px;
}
/* --- meeting -------------------------------------------------------------- */

.meeting .contentholder {
	width: 700px;
	float: left;
	margin-right: 20px;
}
	.meeting .contentholder .contentfooter {
		width: 700px;
	}

.meetingpics {
	float :left;
	background-color: #FFF;
	width: 210px;
	padding: 20px;
}

	.meetingpics h2 {
		text-transform: uppercase;
		color: #009EDF;
		margin-bottom: 20px;
	}

		.meetingpics h2 span {
			color: #AAA;
		}

	.meetingpics ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
		.meetingpics ul li {
			float: left;
			position:relative;
		}

			.meetingpics ul li a {
				text-decoration: none;

			}

			.meetingpics ul li img {
				border: 0;
			}

			.meetingpics ul li .cover {
				position: absolute;
				background: url(../img/thumbcover.png) no-repeat top left;
				width: 100px;
				height: 100px;

			}

		.meetingpics .navigation a {
			text-transform: uppercase;
			color: #333;
		}

		.meetingpics ul .odd {
			margin-left: 10px;
		}

		.meetingpics ul li {
			margin-bottom: 8px;
		}

	.meetingpics .navigation {
		margin-top: 20px;
	}

		.meetingpics .navigation .prev {
			float: left;
		}

		.meetingpics .navigation .next {
			float: right;
		}

/* --- contact ---------------------------------------------------------------*/

#googlemap {
	margin-top: 30px;
	float: right;
}
	#googlemap iframe {
		border: 0;
		margin: 0;
	}
.contact {

}
	.contact .boxerror,
	.contact .boxinfo {
		margin-right: 8px;
	}

	.contact .columnleft {
		width: 450px;
		float: left;
	}

	.contact .columnright {
		width: 390px;
		float: right;
	}

	.contact input,
	.contact textarea {
		margin-bottom: 12px;
		width: 260px;
		height: 22px;
		border: 1px solid #CCC;
	}

	.contact textarea {
		height: auto;
	}

	.contact .arrowbutton {
		float: right;
		height: auto;
		margin-right: 8px;
	}

/* --- techneuten ------------------------------------------------------------*/

.people ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.people ul li  {
		margin-bottom: 26px;
		padding-bottom: 10px;
		width: 910px;
		background: url(../img/bg_hr.gif) repeat-x bottom left;
	}
		.people ul li .left {
			float: left;
			width: 670px;
		}
			.people ul li .left .description{
				color: #666;
				padding-top: 4px;
				padding-left: 8px;
			}

			.people ul li .left a {
				padding-left: 8px;
				text-transform: uppercase;
				background: url(../img/bg_linkarrow.gif) no-repeat left 3px;
			}

			.people ul li .left span {
				color: #333;
				padding-left: 10px;
				font-weight: normal;
			}

		.people ul li .right {
			float: right;
			width: 150px;
		}
			.people ul li .right .button {
				float: right;
			}

			.people ul li .right .sublink {
				margin-top: 6px;
				float: right;
				color: #999;
				font-weight: normal;
			}

.person {

}
	.person h1 {
		text-transform: uppercase;
	}

	.person .meta {
		margin-top: 10px;
		color: #333;
	}

	.person .description {
		margin-top: 10px;
		color: #666;
	}


	.person .back {
		display: block;
		color: #666;
		margin-top: 14px;
		font-weight: normal;
	}

	.person .button {
		margin: 40px 20px 0 0;
		float: right;
	}


/* --- vacatures ------------------------------------------------------------*/

.jobs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.jobs ul li  {
		margin-bottom: 26px;
		padding-bottom: 10px;

		background: url(../img/bg_hr.gif) repeat-x bottom left;
	}
		.jobs ul li .left {
			float: left;
			width: 670px;
		}
			.jobs ul li .left .description{
				color: #666;
				padding-top: 4px;
				padding-left: 8px;
			}

			.jobs ul li .left a {
				padding-left: 8px;
				text-transform: uppercase;
				background: url(../img/bg_linkarrow.gif) no-repeat left 3px;
			}

			.jobs ul li .left .joblocation {
				color: #333;
				padding-left: 10px;
				font-weight: normal;
				text-transform: uppercase;
			}

			.jobs ul li .arrowbutton {
				float: right;
			}

.job {

}
	.job h1 {
		text-transform: uppercase;
	}

	.job .meta {
		margin-top: 10px;
		color: #333;
	}

	.job .description {
		margin-top: 10px;
		color: #666;
	}


	.job .back {
		display: block;
		color: #666;
		margin-top: 14px;
		font-weight: normal;
	}

	.job .left {
		width: 550px;
		float: left;
	}

		.job .left .function,
		.job .left .personcriteria,
		.job .left .jobcriteria {
			margin-bottom: 40px;
		}

		.job .left .function h2 {
			margin-bottom: 10px;
		}

	.job .right {
		float: right;
		width: 280px;
		border: 1px solid #DDD;
		padding: 20px;
	}

		.job .right h2 {
			display: block;
			text-transform: uppercase;
			font-weight: bold;
		}

		.job .right div {
			padding-bottom: 20px;
		}

.job .formfooter {
	text-align: left;
	padding: 10px 0;
}

.application {

}
	.application h2 {
		margin-bottom: 20px;
	}

	.application input,
	.application textarea {
		margin-bottom: 12px;
		width: 260px;
		height: 22px;
		border: 1px solid #CCC;
	}

	.application textarea {
		height: auto;
	}

		.application .small {
			width: 60px;
		}

		.application .medium {
			width: 194px;
		}

	.application .extra {
		float: left;
	}

		.application .secondlabel {
			width: auto;
			padding-left: 10px;
		}
		
	.application .arrowbutton {
		height: auto;
		margin: 20px 0 0 296px;
	}

	.application .boxerror {
		width: 340px;
	}