/* green = #008c55; */
/* red = #e8531f; */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333333;
	background: #2d3129 url(../images/common/pageBg.jpg) repeat-x;
}

@media print {
	body {
		color:#000000;
		background:none;
	}

}


.bodyClass #wrapper {
	/* trick WinIE4/5 */
	font-size:11px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:0.7em;
	line-height: 1.5em;
	text-align: left; /* overrule text-align center in body */
	margin: 0 auto;
	width:925px;
	position:relative;
}

h3 { /*wordt gebruikt bij kopjes zoals proces/voorbewerking*/
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	margin: 0.4em 0;
	}

ul.small {
	list-style-type:none;
	margin:0.5em 0 0 0;
	padding:0;
}
	
ul.small li {
	background: transparent url(../images/common/bullet.gif) 4px 0.8em no-repeat;
	padding:0.4em 2em;
	}


#wrapTop {
	background: transparent url(../images/common/wrapTopBg.png) no-repeat;
	height:42px;
	display:block;
	behavior: url("../../site/css/iepngfix.htc");
	}
	
#wrapBody {
	display:block;
	position:relative;
	margin: 0;
	padding: 0;
	width:925px;
	}
	
#leftShadow {
	position:absolute;
	left:0;
	top:0;
	height:191px;
	width:23px;
	background: transparent url(../images/common/contentBodyLeftShadowBg.png);
	behavior: url("../../site/css/iepngfix.htc");
	}
	
#rightShadow {
	position:absolute;
	right:0px;
	top:0;
	height:191px;
	width:23px;
	background: transparent url(../images/common/contentBodyRightShadowBg.png) repeat-y;
	behavior: url("../../site/css/iepngfix.htc");
	}
#wrapFlags {
	position:absolute;
	top:60px;
	right:-40px;
	}

#wrapper #col1 { /* left */
	padding:0 15px 0 5px;
	float: left;
	width: 182px;
	border-right: 1px dashed #d1d1d1;
}


#wrapper #col3 { /* right */
	padding:0 5px 0 15px;
	float: right;
	width: 182px;
	border-left: 1px dashed #d1d1d1;
}

#wrapper #col2 { /* center */
	padding:0 10px;
	width: 400px;
	margin: 0 auto;
	
}

.dataTable {
	width: 100%;
	font-size: 1em;
	}
.dataTable td {
	padding:2px;
	text-align:left;
	}
.dataTable .inputText {
	width: 260px;
	}
.dataTable .inputPostcode {
	width: 4.6em;
	text-align:center;
	}
.dataTable .inputUren {
	width: 1.2em;
	text-align:center;
	}
.dataTable .inputArea {
	width: 260px;
	height: 6em;
	}
.dataTable .inputSalaris {
	width: 2.8em;
	}

.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
	
.flagInactive {
	display:block;
	padding:2px 2px;
	}

.flagActive {
	display:block;
	border:2px solid #fff;
	}

#contentTop {
	background: transparent url(../images/common/contentTopBg.jpg) no-repeat;
	height:191px;
	width:878px;
	margin:0 23px;
	}
	
#contentBody {
	background: #ffffff url(../images/common/contentBodyBg2.jpg) no-repeat;
	width:848px;
	margin:0 23px;
	padding:15px;

	}		
	
#wrapBottom {
	position:relative;
	height:54px;
	display:block;
	color:#ffffff;


	}
	
img#bottomImg {
	behavior: url("../../site/css/iepngfix.htc");
	height:54px;
	width:925px;
	display:block;
	
}

#footerLeft {
	position:absolute;
	left:40px;
	top:6px;
	}
	
#footerRight{
	position:absolute;
	right:40px;
	top:6px;
	}
	
#footerRight a, #footerRight a:link, #footerRight a:visited, #footerRight a:active {
	color:#FFFF33;
	text-decoration:underline;
	}
	
#footerRight a:hover {
	text-decoration:none;
	color:#ffffff;
	}