/**
 * standaard lettertype + lettergrootte instellen
 */ 
* {
	font-family:				Verdana, Arial, sans-serif;
	font-size:		 			11px;
	color:						#000;
}

html {
}

.clear {
	clear:						both;
	font-size:					0px;
	height:						0px;
	line-height:				0px;	
}

.onlyclear {
	clear:						both;
}

.spacer {
	width:						840px;
	margin-left:				80px;
	height:						1px;
	background-image:			url(/images/site/spacer.png);
}

a {
	color:						#000;
	font-size:					12px;
	text-decoration:			underline;	
}

a:hover {
	color:						#ff0000;
}

/**
 * body, html 
 * margin van het totale frame zetten
 * background instellen
 */
body,html {
	margin:						0px;
	background-color:			#CBCBCB;
}

/**
 * Wrapper
 * algehele container voor het hele frame
 */
#wrapper {
	width:						1029px;
	margin:						0px auto;
}

#wrapper .body {
	margin:						0px auto;
	width:						1001px;
	height:						auto;
}

#wrapper .top {
	height:						21px;
	background-image:			url(/images/site/top-bg.png);
	background-repeat:			no-repeat;
	background-position:		center center;
	width:						1029px;
	margin:						auto;
}

#wrapper .container {
	width:						1001px;
	padding-left:				14px;
	padding-right:				14px;
	background-image:			url(/images/site/container-bg.png);
	background-position:		center center;
	background-repeat:			repeat-y;
	margin:						auto;
}

#wrapper .container .body {
	background-image:			url(/images/site/content-bg.png);
	background-position:		center center;
	background-repeat:			repeat-y;
	min-height:					550px;
	position:					relative;
}

#wrapper .container .body .werken {
	position:					absolute;
	left:						50%;
	margin-left:				388px;
}

#wrapper .container .body .header {
	height:						85px;
}

#wrapper .container .body .header .logo {
	margin-top:					-21px;
	float:						left;
}

#wrapper .container .body .header .nav {
	float:						right;
	width:						514px;
	margin-right:				78px;
	margin-top:					3px;
}

#wrapper .container .body .header .nav li {
	float:						left;
	margin-right:				2px;
}

#wrapper .container .body .header .nav li a {
	height:						22px;
	display:					block;
	text-align:					center;
	font-size:					11px;
	font-weight:				bold;
	text-decoration:			none;
	text-transform: 			uppercase;
	padding-top:				10px;
	margin-top:					2px;
	color:						#5F5F5F;
}

#wrapper .container .body .header .nav li a:hover {
	color:						#0066CC;
}

.nav-idle {
	color:						#5F5F5F;
}

.nav-hover {
	color:						#0066CC;
}

.nav-turnkey {
	color:						#E80247;
}


#wrapper .container .body .header .nav li.col1 a {
	width:						83px;
	background-image:			url(/images/site/nav-bg-col1.png);
}

#wrapper .container .body .header .nav li.col2 a {
	width:						167px;
	background-image:			url(/images/site/nav-bg-col2.png);
}

#wrapper .container .body .header .nav li.col3 a {
	width:						122px;
	background-image:			url(/images/site/nav-bg-col3.png);
}

#wrapper .container .body .header .nav li.col4 a {
	width:						134px;
	background-image:			url(/images/site/nav-bg-col4.png);
}

#wrapper .container .body .header .nav li.wide a {
	width:						291px;
	background-image:			url(/images/site/nav-bg-wide.png);
}

#wrapper .container .body .header .nav li a.active {
	color:						#0066CC;
}

#wrapper .footer {
	width:						1029px;
	background-image:			url(/images/site/footer-bg.png);
	background-repeat:			no-repeat;
	background-position:		center center;
	height:						38px;
	margin:						auto;
}

#wrapper .footer .body .logo2 {
	margin-left:				16px;
	margin-top:					0px;
	float:						left;
}

#wrapper .footer .body .nav {
	float:						right;
	border-left:				1px solid #393939;
}

#wrapper .footer .body .nav li {
	float:						left;
}

#wrapper .footer .body .nav li a {
	padding-top:				6px;
	padding-left:				10px;
	padding-right:				10px;
	color:						#D2D2D2;
	text-decoration:			none;
	text-transform: 			uppercase;
	font-weight:				bold;
	font-size:					10px;
	display:					block;
	height:						16px;
	border-right:				1px solid #393939;
	border-left:				1px solid #A3A3A3;
}

#wrapper .footer .body .nav li a.conceptlicious {
	font-size:					7px;
	padding-right:				30px;
	color:						#C4C4C4;
	padding-top:				0px;
	height:						22px;
	border-right:				0px;
	position:					relative;
}

#wrapper .footer .body .nav li a:hover {
	background-color:			#0066CC;
}

#wrapper .footer .body .nav li a.conceptlicious .logo {
	position:					absolute;
	right:						0px;
	top:						0px;
}

div.news {
	margin-top: -2.5em;
}

div.vacature {
	margin-top: -2.5em;
	margin-bottom: 2.5em;
}