*{
		box-sizing: 		content-box;
		-moz-box-sizing: 	content-box;
	}
	
	html {
		width:				100%;
		height:				100%;
	}
	
	body {
		width:				100%;
/* veroorzaakt IE(7) bug met Google Maps
		height:				100%;
*/
		margin:				0;
		padding:			0;
		background:			#339fd7;
		
		font-family: 		Verdana, sans-serif;
		font-size:			11px;
		line-height:		1.5em;
		color:				#777777;
	}	
	
	img {
		border:				none;
		padding:			0;
		margin:				0;
		vertical-align:		bottom; /* removes whitespace preserverd for baseline-chars (g, j, p) */
	}
		
	h1 {
		margin:				5px 0 5px 0px;
		font-size:			2em;
		line-height:		1.0em;
		height:				100%;
	}
	
	h2 {
		margin:				0px 0 0px 0;
		font-size:			1.5em;
		font-weight:		normal;
		line-height:		1.5em;
	}
		
	h3 {
		margin:				0 0 10px 0;
		font-size:			1em;
		line-height:		1.5em;
		font-weight:		normal;
	}
	
	h4 {
		margin:				0;
		font-size:			1em;
	}
	
	h5 {
		margin:				5px 0 5px 0;
		font-size:			10px;
		line-height:		1.3em;
	}
		
	p {
		margin: 			0 0 15px 0;
	}
	
	td, th {
		text-align:			left;
		vertical-align:		top;
	}
	
	div.ruler {
		height:				10px;
		width:				100%;
		background-image: 	url('../gfx/backgrounds/hr-bg-home.gif');
		background-repeat: 	repeat-x;
		border:				none;
		border-collapse:	collapse;
	}
	
	/*- for projectmanagement purposes -*/
	.todo {
		padding:5px;
		text-transform:uppercase;
		color:#fff;
		font-family:Arial;
		border:1px solid red;
		background-color:#f9abab;
	}

	div#outerCon {
		width:				100%;
	}
	
	div#innerCon {
		width:				940px;
		margin-left:		36px;
	}
	
	
	
/*---- START HEADER STYLES ----*/	
	div#headerCon {
		position:			relative;
		height:				86px; /* 110 - 24 */
		padding-top:		24px;
	}
		
	div#logoCon {
		float:				left;
		margin:				0 75px 0 0;
		padding:			10px 20px 8px 10px;
		background-color:	#fff;
	}
	
	div#searchOption {
		float:				left;
		width:				20px;
		padding-top:		8px;
		text-align:			right;
	}
	
	div#searchFormCon {
		position:			absolute;
		top:				75px;
		right:				0;
	}
	
	.hideElement {
		display:			none;
	}
	.showElement {
		display:			block;
        zoom:1;
        overflow:hidden;
	}
	
	
	/*-- NAVIGATION STYLES --*/
	
	div#mainNavCon {
		float:				left;
		padding:			9px 10px 0 0;
		zoom:				1;
		overflow:			hidden;
	}
	
	div#mainNavCon ul {
		list-style:			none outside;
		margin:				0;
		padding:			0;
	}
	
	div#mainNavCon ul li {
		float:				left;
		display:			inline;
	}
	
	div#mainNavCon ul li a{
		/*display:			block;*/
		text-decoration: 	none;
		overflow: 			hidden;
		height: 			34px;
	}
	
	div#headerCon strong {
		display:				none;
	}
	
/*---- END HEADER STYLES ----*/	

	
/*---- START COLUMN DEFINITIES ----*/
	
	.smallColumn {
		float:					left;
		display:				inline;
		width:					264px;
		margin-right:			24px;
	}
	
	.mediumColumn {
		float:					left;
		display:				inline;
		width:					352px;
		margin-right:			24px;
		padding:				0 0 0px 0;
		background:				#fff;
	}
	
	.wideColumn {
		float:					left;
		display:				inline;
		width:					650px;
		margin-right:			0;
		padding:				0 0 0 0;
		background:				#fff;
	}
	
	.clip {
		position:				relative;
		margin:					0 0 20px 0;
		padding:				10px 6px 15px 12px;
		background:				#fff;
		border:					1px solid #fff;
	}
	
	.mediumColumn .clip,
	.wideColumn .clip {
		/*margin:					0;*/
		margin:					0 11px 20px 0;
		padding:				10px 16px 20px 20px;
	}
	
	
	p.relatedLinks {
		font-size:				0.9em;
	}
	
	/*-- HOMEPAGE PROJECTBLOK --*/
	.clip table.singleproject {
		width:					100%;
		margin-bottom:			20px;
		border-collapse:		collapse;
		border-spacing:			none;
	}
	.clip table.singleproject th {
		padding-left:			7px;
		text-align:				left;
		font-weight:			normal;
	}
	.clip table.singleproject td {
		text-align:				center;
		vertical-align:			center;
	}
	.clip table.singleproject td img {
		border:					1px solid #cac7c7;
	}
	.clip table.singleproject td a {
		display:				block;
	}
	
	/*-- homepage nieuwsblok --*/
	ul.actueellist {
		list-style:				none outside;
		margin:					0;
		padding:				0;
	}
	ul.actueellist li {
		margin-bottom:			15px;
	}
	ul.actueellist li a {
		color:					#777777;
		text-decoration:		none;
	}
    ul.actueellist li h3 {
        margin:                 0;
        font-weight:            bold;
        color:					#1c1718;
    }
	ul.actueellist li a:hover h3 {
		text-decoration:		underline;
	}
	ul.actueellist li a span.date {
		color:					#777777;
	}
	
	
	/*-- OVEREZS --*/
	table#onsTeam {
		width:					97%;
		border-collapse:		collapse;
		border-spacing:			none;
	}
	table#onsTeam td {
		width:					25%;
		padding:				8px 8px 10px 18px;
		font-size:				0.9em;
		line-height:			1.2em;
	}
	table#onsTeam td a {
		display:				block;
		padding:				0px;
		text-decoration:		none;
		cursor:					pointer;
	}
	table#onsTeam td span.titel {
		margin:					0;
		color:					#1c1718;
		font-weight:			normal;
	}
	table#onsTeam td img {
		margin:					0 0 7px 0;
		border:					1px solid #cac7c7;
	}
	
	span.vacature {
		display:				block;
		width:					69px;
		height:					42px;
		margin:					0px 0 5px 0;
		padding:				27px 0 0 0;
		text-align:				center;
		vertical-align:			middle !important;
		color:					#339fd7;
		background-color:		#f9fdfe;
		border:					1px solid #339fd7;
	}
    
    div#tagcloudCon ul {
        list-style:             none outside;
        margin:                 15px;
        padding:                0;
    }
    div#tagcloudCon ul li a{
        display:                block;
        font-size:              1.3em;
        color:                  #777777;
        text-decoration:        none;
    }
    div#tagcloudCon ul li.active a{
        color:                  #339fd7;
    }
	
	/*-- PROJECTEN --*/
	table#projectOverview {
		width:					97%;
		margin:					0 0 20px 7px;
		border-spacing:			none;
	}
	table#projectOverview td {
		width:					25%;
		font-size:				0.9em;
		line-height:			1.2em;
	}	
	table#projectOverview td a {
		display:				block;
		padding:				8px 0 10px 10px;
		color:					#777777;
		text-decoration:		none;
		border:					1px solid #fff;
	}
	table#projectOverview td span.titel{
		color:					#1c1718;
		font-weight:			bold;
	}
	table#projectOverview td span.jaartal {
		color:					#1c1718;
	}
	table#projectOverview td span.plaats {
		color:					#1c1718;
		font-style:				italic;
	}
	table#projectOverview td img {
		margin:					0 0 7px 0;
		border:					1px solid #cac7c7;
	}
	table#projectOverview a:hover {
		border:					1px solid #ff7800;
	}
	
	
	div#buttons {
		position:				absolute;
		top:					17px;
		right:					25px;
		color:					#777777;
	}
	
	div#buttons a {		
		color:					#1c1718;
		padding:				0 8px 0 8px;
	}
	div#buttons a.active {		
		color:					#777777;
	}
	
	
	div#wrapper {
		width:					650px !important;
		overflow:				hidden;
	}
	

	div.tabcontentcon {
		clear:					left;
		padding:				10px 6px 15px 12px;
	}
    
    div#map {
        background: 	        url('../gfx/backgrounds/googlemaps_loading_bg.gif');
    }
	
	
	/*-- CONTACT --*/
	div.bordered {
		border:					1px solid #207098;
	}
	
	div.nawgegevens {
		width:					410px;
		float:					left;
	}
	
	div.contactlocatie {
        float:                  right;
	}

/*---- END COLUMN DEFINITIES ----*/

	
	
/*---- LEFTCON STYLES ----*/

	div#leftCon {
		
	}
	
/*---- END LEFTCON STYLES ----*/
	


/*---- START MIDCON STYLES ----*/	
	
	div#midCon {
		
	}
	
/*---- END MIDCON STYLES ----*/		
	
	
	
/*---- RIGHTCON STYLES ----*/

	div#rightCon {
		margin-right:		0;
	}
			
/*---- END RIGHTCON STYLES ----*/
		
	
/*---- START FOOTERCON STYLES ----*/	
	div#footerCon {
		height:				30px;
		margin-top:			30px;
		color:				#3d3d3d;
		font-size:			0.9em;
		clear:				both;
		background:			#fff;
	}
	
	div#footerCon div {
		padding:			5px 0 0 36px;
	}
	
	div#footerCon span {
		padding:			0 9px 0 0;
	}
	
	div#footerCon a {
		color:				#0c0809;
		text-decoration:	none;
	}
	
	div#footerCon a:hover {
		text-decoration:	underline;
	}
	
	

/*---- style for clearing elements ----*/
	
	div.clearer {
		clear:				both;
		font-size:			0;
		line-height:		0;
	}
	
	
	
	
	/*---- floatright ----*/
	
	div#floater {		
		position:			absolute;
		width:				100%;
		height:				100%;
		top:				400px;
		margin-top:			-400px;
		z-index:			0;
		overflow:			hidden;
		text-align:			right;
	}
	
	div#floater div{
		position:			absolute;
		display:			inline;
		width:				1000px;
		left:				600px;
		/*margin-left:		600px;*/
	}

		
	/*---- link styles ----*/
	
	
	a {
		color:				#777777;
	}
	a:visited {
		color:				#1c1718;
	}
	a:hover {
		text-decoration:	none;
	}
	
	
	a.crosslink {
		color:				#1c1718;
		font-weight:		bold;
		text-decoration:	none;
	}
	a.crosslink:hover {
		text-decoration:	underline;
	}
    
    a.small {
        font-size:          0.9em;
    }
	
	
	
	
	
	/*---- FORM STYLES ----*/
	
	form {
		/*display:			inline;*/
		display:block;
		overflow:hidden;
		zoom:1;
	}

	div#searchFormCon input {
		height:				14px;
		padding:			1px 5px 2px 5px;
		font-size:			1em;
		color:				#000;
		border:				1px solid #cfcfcf;
	}
	
	div#searchFormCon button {
		padding:			0px 5px 1px 5px;
		font-size:			1em;
		line-height:		1.3em;
		color:				#000;
		border:				1px solid #cfcfcf;
		background-color:	#ebebeb;
	}
	
	
	/*- PROJECTFILTER -*/
	
	body.projecten fieldset {
		font-size:			0.9em;
		border:				1px solid #ffffff;
	}
	
	body.projecten legend {
		padding:			10px 0 5px 0;
		font-weight:		bold;
	}
	
	body.projecten select {
		width:				220px;
		font-size:			0.9em;
	}
	


.test {
    border:1px solid red !important;
}