html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/* WK ACTIE DING */
h1, h1 a, h3
{
	color: #e6551c !important;
}

.entry hr
{
	background: url('../wk/hr_wk.jpg') no-repeat !important;
}

div#projectslider li.project
{
	
	background: url('../wk/gras.png') repeat-x !important;
}


body {
	font-size: .8em;
	line-height: 20px;
	background: #edecea;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

div.entry p {
	margin-top: 20px;
}

div.entry p.intro {
	margin-top: 0;
}

div.entry p.author {
	font-size: .8em;
	font-style: italic;
}

body, input, select, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

textarea {
	font-size: .9em;
}

h1, h3, h5, p.heading, h4 {
	color: #3e3e3e;
}

div#logo h2, div#logo h6 {
	color: #ffffff;
}

a {
	color: #3e3e3e;
}

a:hover {
	text-decoration: none;
}

a:active, a:focus {
	outline: 0;
}

/* 100% WIDTH CONTAINERS */
#header100percent, #projectslider100percent, #projectslider100percentnoheight, #100percentnoheight ,#content100percent, #footer100percent, #address100percent {
	width: 100%;
}

/* 960PX WIDTH CONTAINERS */
.width960 {
	width: 960px;
	margin: 0 auto;
}

#normal100percentnoheight {
	background: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 10px solid #e5e4e3;
	border-bottom: 1px solid #dcdbd4;
	clear: both;
}


/* Header */
#header100percent {
	background: #171615;
}

#header {
	background: url("../images/masoutreach/header-background.jpg") no-repeat;
	height: 160px;
}
	
	
	/* Logo */
	#logo {
		float:left;
		width: 355px;
		margin-top: 45px;
		height: 60px;
		background: url("../images/masoutreach/header-logo.png") no-repeat;
	}
	
	#logo h2, #logo h6 {
		visibility: hidden;
	}
	
	
		/* Menu */
		#menu {
			float: right;
			margin-top: 57px;
		}
		
		#menu li {
			float: left;
			display: block;
			width: 75px;
			height: 35px;
			margin-left: 10px;
		}
		#menu li a {
			display: block;
			color: #ffffff;
			text-decoration: none;
			text-align: center;
			width: 75px;
			height: 27px;
			padding-top: 8px;
			font-size: 1em;
		}
		
		#menu li a:hover, #menu li a#active {
			background: url("../images/masoutreach/menu-background.png") no-repeat center;
		}
		
		/* Contact */
		#contact {
			padding: 0 20px 20px 20px;
			margin-top: -30px;
			color: #ffffff;
			height: 238px;
			position: relative;
		}
		
		#contact fieldset {
			background: #30302f;
			padding: 20px;
		}
		
		#contact h4 {
			color: #ffffff;
			font-size: 1.3em;
			margin-bottom: 10px;
		}
		
		#contact fieldset div {
			float: left;
			padding:10px 30px 10px 0;
		}
		
		#contact fieldset div dl {
			margin-bottom: 19px;
		}
		
		#contact label {
			font-weight: bold;
		}
		
		#contact input, #contact textarea {
			border: 1px solid #171615;
			background: #ebe9e5;
			background:#fff url("../images/masoutreach/cms/input-background.png") repeat-x top;
			padding: 3px;
		}
		
		#contact textarea {
			width: 370px;
		}
		
		#contact input:focus, #contact textarea:focus {
			background: #d9d9d9;
		}
		
		#contact fieldset p {
			width: 205px;
			font-size: .8em;
		}
			
		#contact fieldset > :last-child {
			padding-right: 0;
			margin-left: 30px;
		}
		
		#contact fieldset > :last-child  dl {
			margin-bottom: 5px;
		}
		
		#contact fieldset .form-submit {
			float: right;
			margin-top: 10px;
			margin-bottom: -10px;
		}
		
		#contact .addresslist {
			width: 175px;
			margin-left: 10px;
		}
		
			/* Contact Message */
			#messagecontainer {
				/* margin:0 -20px -20px -20px; /* fix the padding of the parent */
				width: 960px;
				height: 138px;
				background: #fffec3;
				position: absolute;
				z-index: 10;
				top: 0;
				left: 20px;
				padding-top: 100px;
				display: none;
			}
			
			#messagecontainer h4 {
				width: 600px;
				margin:0 auto;
				text-align: center;
				color: #3e3e3e;
			}
			
			#contact {
				display: none;
			}

	
/* Projectslider */
#projectslider100percent, #team100percent {
	background: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	/*height: 355px;*/
	height: 280px;
	border-top: 10px solid #e5e4e3;
	border-bottom: 1px solid #dcdbd4;
}

.kerstbanner
{
	height: 400px !important; 
}

#team100percent {
	height:355px;
}
	

#projectslider100percentnoheight {
	background: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 10px solid #e5e4e3;
	border-bottom: 1px solid #dcdbd4;
	clear: both;
}

#projectslider {
	width: 960px;
	/*height: 355px;*/
	height: 280px;
	position: relative;
	
	overflow: hidden;
}	

#team a.backlink {
	z-index: 900;
}


/* Project */
li.project {
	position: relative;
	width: 960px;
	height: 278px;
	overflow: hidden;
}

li.project div {
	display: none !important;
}

li.project a.backlink, #team a.backlink {
	width: 90px;
	height: 90px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 28;
}


li.project a {
	color: #ffffff !important;
}

li.project div {
	width: 280px;
	height: 265px;
	position: absolute;
	right: 30px;
	top: 70px;
	z-index: 10;
	padding-top: 5px;
	overflow: hidden;
}

li.project div h3 {
	font-size: 2.5em;
	color: #ffffff;
}

li.project div p {
	margin-top: 5px;
	color: #ffffff;
}
	
/* Projectlist */
.projectlist {
	position: relative;
}

.projectlist li.project {
	margin-bottom: 10px;
	background: 0;
}

	.work-column-left .projectlist  li.project {
		width: 548px !important;
		height: 162px !important;
		margin: 10px !important;
	}
	
	.work-column-left .projectlist li.project a span.hover-container {
		height: 162px !important;
	}
	
	.work-column-left .projectlist li.project a span.hover-container span.transparent-background {
		width: 548px !important;
		height: 162px !important;
	}
	
	.work-column-left .projectlist li.project a span span.view-case-text {
		left: 50%;
		top: 50%;
		margin-left: -440px;
		margin-top: -65px;
	}

#projectslider li.project a span.hover-container, .projectlist li.project a span.hover-container {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 960px;
	height: 280px;
}

#projectslider li.project a span.hover-container span.transparent-background, .projectlist li.project a span.hover-container span.transparent-background {
	width: 960px;
	height: 280px;
	background: url("../images/masoutreach/transparent-background.png") no-repeat;
	display: block;
	position: absolute;
	z-index: 11;
}

#projectslider li.project a span span.view-case-text, .projectlist li.project a span span.view-case-text {
	width: 464px;
	height: 130px;
	left: 50%;
	top: 50%;
	position: absolute;
	margin-left: -232px;
	margin-top: -65px;
	z-index:12;
	
}
	
	
/* Content */
#content100percent {
	background: #edecea url("../images/masoutreach/content-background.png") no-repeat bottom center;
}

#content {
	width: 580px;
	float: left;
	padding: 40px 0;
	margin-right: 20px;
	
}


	/* News & Work Entry */
	.entry {
		margin-bottom: 40px;
	}

	.entry h1 {
		width: 385px;
		line-height: 18px;
		float: left;
	}
	
	.entry h1 a {
		text-decoration: none;
	}
	
	.entry h1 a:hover {
		color: #8f8f8d;
	}
	
	.entry .date {
		float: right;
		clear: left;
		color: #81888d;
		font-style: italic;
		margin-top: -20px;
	}

	.entry hr {
		clear: both;
		width: 580px;
		height: 4px;
		border: 0;
		background: url("../images/masoutreach/hr.jpg") no-repeat;
		float: left;
		margin-bottom: 15px;
	}

	.entry .body {
		position: relative;
		background: #ffffff url("../images/masoutreach/entry-background.jpg") no-repeat bottom;
		clear: left;
		padding: 30px;
	}
	
	.entry .body .label {
		position: absolute;
		top: 30px;
		left: 30px;
		z-index: 10;
	}
	
	.entry .body .image {
		margin-bottom: 20px;
		width: 521px;
		height: 246px;
	}
	
	.entry .body .intro {
		margin-bottom: 15px;
	}
	
	.entry .body .readmore {
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px solid #e9ebec;
	}
	
	.entry .body .readmore  a {
		color: #8f0303;
	}

/* Sidebar */
#sidebar {
	width: 360px;
	float: left;
	padding: 40px 0;
}

#sidebar #phone_work, #sidebar #email_work {
	background: #ffffff;
	padding: 5px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 22px;
	text-align: center;
}

#sidebar #phone_work {
	width: 138px;
	margin-right: 0;
}

#sidebar #email_work {
	width: 155px;
}


	/* Sidebar Widget */
	.sidebar-widget {
		background: #ffffff;
		padding: 20px 10px;
		margin-bottom: 25px;
	}
	
	.sidebar-widget h3 {
		font-size: 1.6em;
		padding-left: 10px;
	}
	
	.sidebar-widget h4 {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.sidebar-widget h4 + fieldset {
		margin-top: 5px;
		margin-bottom: 20px;
	}
		
	.sidebar-widget .body {
		background: #ebe9e5;
		padding: 10px;
		margin-top: 15px;
	}
	
	
	.sidebar-widget .body .intro {
		margin-bottom: 10px;
	}
	
	.sidebar-widget .body h6.intro {
		margin-bottom: 5px !important;
	}
	
	.sidebar-widget .body .paragraph + h6 {
		margin-top: 20px;
	}
	
	.sidebar-widget .body  .socialicons {

	}
	
	.sidebar-widget .body  .socialicons a {
		margin-right: 5px;
		margin-bottom: 5px;
		margin-top: 5px;
		height: 32px;
		float: left;
	}
	
	div.body {
	/*	border:1px solid yellow;*/
	}
	
	#sidebar  .rounded {
		padding-top: 10px;
	}
	
	.sidebar-widget .body .work {
			
	}
	
	.sidebar-widget .body .work .work-image {
		background: url("../images/masoutreach/work-background.png") no-repeat;
		width: 107px;
		height: 60px;
		padding: 5px;
		display: block;
		float: left;
		margin-right: 5px;
	}
	
	.sidebar-widget .body .work .work-image img {
		width: 107px;
		height: 60px;
	}
	
	.sidebar-widget .body .work .work-image:hover {
		background: url("../images/masoutreach/work-background-hover.png") no-repeat;
	}
	
	.sidebar-widget .body .image {
		background: url("../images/masoutreach/image-background.jpg") no-repeat;
		clear: both;
		width: 240px;
		height: 145px;
		display: block;
		padding: 3px 4px;
		margin: 25px auto 60px auto;
		
	}
	
	.sidebar-widget .readmore {
		margin-top: 20px;
		margin-left: 10px;
	}
	
	.sidebar-widget .readmore a {
		color: #595959;
	}
	
	.sidebar-title {
		
	}
	
	/* Team Member */
	#random-team-member {
		clear:both;
		position: relative;
		height: 119px;
		width: 290px; 
		margin: 0 auto;
	}
	
	#random-team-member div {
		position: absolute;
		top: 10px;
		z-index: 10;
		right: 0;
		background: url("../images/masoutreach/team-member-background.png") no-repeat;
		width: 142px;
		height: 49px;
		padding: 10px 20px 5px 20px;
	}
	
	#random-team-member div span {
		font-size: 1.1em;
	}
	
	#random-team-member div a {
		text-decoration: none;
		color: #3e3e3e;
	}
	
	#random-team-member div p {
		font-size: .85em;
	}
	
	#random-team-member div p a {
		color: #989898;
		text-decoration: underline;
	}
	
	#random-team-member div p a:hover {
		text-decoration: none;
	}


/* Work */
.work
{
	margin: 20px auto 0 auto;
	width: 960px;
}

.work .category
{
	margin-bottom: 40px;
}

/* Columns */
.work-column-left {
	background: #ffffff;
	float: left;
	width: 569px;
	margin-right: 67px;
}

.work-column-right {
	border: blue;
	float: left;
	width: 324px;
}

.work-column-right h1 {
	margin-top: 10px;
	margin-bottom: 20px;
}

.work-column-right p.intro {
	font-size: 1.2em;
	color: #252b2e;
	margin-bottom: 10px;
}
	
/* Filters */
.workfilter {
	background:	#ffffff;
	height: 60px;
	font-size: 1.5em;
	color: #4a4848;
	position: relative;
	margin:	20px auto 0 auto ;
}

.workfilter fieldset {
	padding: 0px 20px 0px 20px;
}

.workfilter dl dt {
	float: left;
}

div.option {
	position: relative;
}

div.option a.opener {
	position: relative;
	display: block;
	width: 305px;
	text-decoration: none;
}

.workfilter .opener span.dropdown {
	position: absolute;
	right: 0;
}

.filter {
	height: 34px;
	background: #ffffff url("../images/masoutreach/filterbackground.jpg") no-repeat;
	border: 1px solid #bbbbbb;
	width: 315px;
	margin-top: -13px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 11px;
	padding-left: 10px;	
}

.filter .options {
	filter:alpha(opacity=95);
	-moz-opacity:.95;
	opacity:.95;
	position: absolute;
	z-index: 50;
	background: #ebeae9;
	width: 325px;
	margin-top: 13px;
	margin-left: -10px;
	font-size: 1.2em;
}

.filter .options a {
	display: block;
	height: 20px;
	text-decoration: none;
	font-size: .6em;
	width: 305px;
	padding: 10px 10px;
}

.filter .options  a.selected {
	background: url("../images/masoutreach/selected.png") no-repeat 10px center !important;
	padding-left: 42px;
	width: 273px !important;
}

.filter .options a.selected:hover {
	background: #939291 url("../images/masoutreach/selected.png") no-repeat 10px center !important;
}

.filter .options a:hover {
	background: #939291;
	color: #ffffff;
}

.workfilter dl dt {
	height: 45px;
	padding-top: 20px;
	
}

.filter .options {
	display: none;
}


/* Address */
#address100percent {
	background: #171615;
}

#address {
	color: #4d4d4d;
}

#address h4 {
	color: #ffffff;
	font-size: 1.3em;
	margin-bottom: 10px;
}

#address a {
	color: #4d4d4d;
	text-decoration: none;
}

#address > :first-child {
	width: 300px;
	padding: 30px 0 30px 30px;
}

#address > :last-child {
	width: 570px;
	padding: 30px 30px 20px 30px;
}

#address div {
	float: left;
}

#address #disclaimer {
	font-size: .8em;
}

#address #disclaimer h4 {
	font-size: 1.1em;
}

#address #copyright {
	font-size: .9em;
	margin-top: 15px;
}

.addresslist li {
	padding-top: 8px;
}

.addresslist li a {
	color: #ffffff !important;
	background: #020202;
	padding: 5px;
}

/* Footer */
#footer100percent {
	background: #0c0b0b;
	border-top: 1px solid #1e1d1d;
}

#footer {
	clear: both;
	height: 100px;
}

#footer img { 
	margin: 15px 30px;
	float: left;
}

#footer a#rssfeed {
	float: right;
	margin: 40px 0;
	padding: 0;
	position: relative;
	width: 16px;
	height: 16px;
}	

#footer a img {
	margin: 0;
	padding: 0;
}

#footer a#twitter {
	float: right;
	margin: 40px 10px 40px 0;
	width: 16px;
	height: 16px;
}


	
	
	
/* OVERIGE */
.clear {
	clear: both;
}

.intro {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 22px;
}

.readmore  a {
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}

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

.nobackground {
	background-image: none !important;
}


.error {
	background: #f6d5d5 !important;
	border: 1px solid #b73838 !important;
}

/* Profile */
#team {
	position: relative;
}

#team object {
	position: absolute;
	z-index:800;
}

#team #selfintroduction {
	position: absolute;
	width: 350px;
	height: 150px;
	left: 355px;
	top: 35px;
	z-index: 850;
	padding: 50px;
}

#team #selfintroduction h2 {
	color: #5d6978;
	font-size: 1.8em;
	margin-bottom: 20px;
}

#team #selfintroduction p {
	color: #818e9e;
}


div#news-archive-link {
	margin-top: -20px;
	width: 580px;
	clear: both;
	height: 43px;
	background: url("../images/masoutreach/gray-background.jpg") repeat-x;
}

div#news-archive-link p {
	text-align: right;
	padding-top: 11px;
	padding-right: 15px;
}

div#news-archive-link p a {
	color: #ffffff;
}

.news-filter select {
	width: 130px;
	margin-left: 20px;
}


/* AJAX STUFF */
#ajaxloader {
	display: none;
	position: absolute;
	right: 20px;
	
}