body,div,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;}

dl,ul,ol,h1,h2,h3,h4,h5,h6,pre,p,blockquote,table,img
{
	margin-bottom:0;
}

html
{
	height:100%;
}

body
{
	color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	line-height: 1.5em;
	background: #303030;
}

a
{
	color:#fff;
	font-weight: bold;
	
}

a:hover
{
	color:#f47521;
}

h1, h2
{
	color: #f47521;
	font-size: 24px;
	margin-bottom: 0.8em;
	line-height: 1.2em;

}

h2
{
	font-size: 18px;
}

hr
{
	border: 0;
	color: #626262;
	background-color: #626262;
	height: 1px;
	margin: 2em 0;
}

.center
{
	margin:0 auto;
	position:relative;
	width:875px;
	padding: 25px 0;
}

#top
{
	border-top: 5px solid #f47521;
	background: #fff;
	height: 104px;
}

	#top #menu
	{
		float: right;
		font-size: 16px;
		color: #f47521;
		margin-top: -38px;
	}
	
	#top #menu a
	{
		color: #7d7d7d;
		font-weight: normal;
	}
	
	#top #menu a:hover, #top #menu .active
	{
		color: #000;
	}
	
	#top .vacatures
	{
		position: absolute; 
		top: -8px;
		left: 360px;
		z-index: 99;
	}

#projecten
{
	background: url(./images/highlightflow.png) #626262;
	height: 304px;
	color: #d1d1d1;
}
	#projecten .clickable
	{
		cursor: pointer;
	}


	#projecten .over
	{
		float: left;
		width: 586px;
	}
	
		#projecten .over a
		{
			display: block;
			background: #404040;
			padding: 10px;
			margin: 10px 0;
		}
		
		#projecten .over a:hover
		{
			background: #fff;
		}
		
	#projecten .adres
	{
		float: left;
		width: 229px;
		height:215px;
		margin-left: 20px;
		background: #404040;
		padding: 20px;
	}

.mediafiler
{
	float: right;
}

.mediafilertekst
{
	float: left;
	width: 586px;
}


#project
{
	background: #404040;
}

	#project .inhoud
	{
		float: left;
		width: 281px;
		padding-right: 25px;
	}
	
	#project .inhoud2
	{
		width: 586px;
	}
	
	#project .interesse
	{
		float: right;
	}
	
	#project #mask
	{
		background-color: #404040;
		height: 300px;
		width: 880px;
		position: absolute;
		z-index: 1;
	}
	
	#project #mask2
	{
		background-color: #404040;
		height: 300px;
		width: 440px;
		position: absolute;
		z-index: 1;
	}
	

.shadow
{
    background: #404040;
    float: left;
    margin: 10px 43px 35px 10px;
}

.shadow2 {
    background: #303030;
    margin-left: 10px;
    margin-top: 10px;
}

	.shadow2 .container2 {
	    position: relative;
		left: -10px;
		top: -10px;
	}
	
.shadow3
{
    background: #404040;
    float: left;
    margin: 10px 0 35px 10px;
}

.shadow4
{
    background: #303030;
    float: left;
    margin: 10px 0 20px 51px;
    cursor: pointer;
}

.shadow5
{
    background: #303030;
    float: left;
    margin: 10px 0 0 51px;
}

	.shadow .container,.shadow3 .container,.shadow4 .container,.shadow5 .container {
	    position: relative;
		left: -10px;
		top: -10px;
	}

#footer
{
	background: #303030;
}

	#footer .center
	{
		text-align: right;
	}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
   padding: 10px;
}