/*----->>> IMPORT RESET.CSS <<<-----*/ 
@import url("reset.css"); 
@import url("scratch.css"); 
 
/*----->>> GLOBAL SETTINGS <<<-----*/ 
body {
	font-size: 62.5%; /*1.0em --> 10px*/
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	line-height: 1.9em;
	background: #ffffff url(../images/bg.gif) no-repeat center top;
}

/*----->>> HEADINGS <<<-----*/ 
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-family: "Cambria", Arial, Helvetica, sans-serif; 
}
h1 {
	margin:0 0 10px 0;
	font-size:1.6em;/*child pixels / parent pixels = child ems --> 18px/12px*/
	font-style: italic;
}
	h1 span { padding: 3px 0px; }
h2 {
	margin:0 0 4px 0;
	font-size:1.33em;/*16px/12px*/
	color: #29217f;
}
h3 {
	margin:0 0 8px 0;
	font-size:1.08em;/*13px/12*/
	font-weight:bold;
}

/*----->>> LINKS <<<-----*/ 
a,
a:link,
a:visited {
	color: #29217f;
	font-weight: bold;
}
a:hover {
	text-decoration:underline;
	color: #29217f;
}
	.more {
		background: url(../images/arrow.gif) no-repeat right 3px;
		padding: 0px 10px 0px 0px;
	}
	.linkgeef, .linkprojecten, .linkcontact, .linkgive, .linkprojects, .linkcontactus,.linkgeeffr, .linkprojectenfr, .linkcontactfr {
		display: block;
		height: 144px;
		width: 185px;
		text-indent: -9999px;
		margin: 0px 0px 16px 0px;
	}
	.linkgeef {
		background: url(../images/link_geef.png) no-repeat left top;
	}
		:hover.linkgeef {
			background: url(../images/link_geef.png) no-repeat left bottom;
		}
	.linkprojecten {
		background: url(../images/link_projecten.png) no-repeat left top;
	}
		:hover.linkprojecten {
			background: url(../images/link_projecten.png) no-repeat left bottom;
		}
	.linkcontact {
		background: url(../images/link_contact.png) no-repeat left top;
	}
		:hover.linkcontact {
			background: url(../images/link_contact.png) no-repeat left bottom;
		}
	.linkgive {
		background: url(../images/link_give.png) no-repeat left top;
	}
		:hover.linkgive {
			background: url(../images/link_give.png) no-repeat left bottom;
		}
	.linkprojects {
		background: url(../images/link_projects.png) no-repeat left top;
	}
		:hover.linkprojects {
			background: url(../images/link_projects.png) no-repeat left bottom;
		}
	.linkcontactus {
		background: url(../images/link_contactus.png) no-repeat left top;
	}
		:hover.linkcontactus {
			background: url(../images/link_contactus.png) no-repeat left bottom;
		}
	.linkgeeffr {
		background: url(../images/link_geef_fr.png) no-repeat left top;
	}
		:hover.linkgeeffr {
			background: url(../images/link_geef_fr.png) no-repeat left bottom;
		}
	.linkprojectenfr {
		background: url(../images/link_project_fr.png) no-repeat left top;
	}
		:hover.linkprojectenfr {
			background: url(../images/link_project_fr.png) no-repeat left bottom;
		}
	.linkcontactfr {
		background: url(../images/link_contact_fr.png) no-repeat left top;
	}
		:hover.linkcontactfr {
			background: url(../images/link_contact_fr.png) no-repeat left bottom;
		}
/*----->>> COMMON FORMATTING <<<-----*/ 
p {
	margin:0 0 2px 0;
}
ul {
	margin: 0px 0px 8px 0px;
}
	li {
		background: url(../images/arrow.gif) no-repeat left 6px;
		padding: 0px 0px 0px 10px;
	}
.accent {
	color: #29217f;
}
/*----->>> GLOBAL CLASSES <<<-----*/ 
.clear {
	clear:both; 
}
.float-left {
	float:left; 
}
.float-right {
	float:right; 
} 
.text-left { 
	text-align:left; 
}
.text-right { 
	text-align:right;
}
.text-center { 
	text-align:center; 
}
.text-justify  { 
	text-align:justify; 
}
.underline { 
	border-bottom:1px solid; 
}
.img-left { 
	float:left;
	margin:4px 10px 4px 0; 
}
.img-right { 
	float:right;
	margin:4px 0 4px 10px; 
}
.nopadding { 
	padding:0; 
}
	.padding20-10 {
		padding: 20px 10px;
	}
.nomargin {
	margin:0;
}
	.marginright30 {
		margin: 0px 30px 0px 0px;
	}
.boxbottom {
	margin: 0px 0px 25px 0px;
}
.bgbox {
	background: url(../images/bg_box.png) no-repeat center top;
}
.box230 {
	width: 230px;
}
.box490 {
	width: 490px;
}
#contactformulier {
	margin: 15px 0px 0px 0px;
}
	#contactformulier td {
		padding: 3px 0px;
	}
	#contactformulier .submit {
		border: none;
		background: url(../images/mainnav.png) no-repeat left top;
		display: inline-block;
		height: 23px;
		width: 87px;
	}
		#contactformulier :hover.submit { background: url(../images/mainnav.png) no-repeat left bottom; color: #ffffff; cursor: pointer; }
	.inputtxt {
		width: 285px;
		border: 1px solid #cecae4;
		font-family: "Calibri", Arial, Helvetica, sans-serif;
		color: #4d4d4d;
		font-size: 1em;
	}
	.inputaantal {
		width: 30px;
		border: 1px solid #cecae4;
		font-family: "Calibri", Arial, Helvetica, sans-serif;
		color: #4d4d4d;
		font-size: 1em;
	}
	.textarea {
		width: 285px;
		height: 90px;
		border: 1px solid #cecae4;
		font-family: "Calibri", Arial, Helvetica, sans-serif;
		color: #4d4d4d;
		font-size: 1em;
	}
	.fout {
		border: 1px solid #4f44b9;
	}

/*-->>  <<--*/
#container {
	font-size:1.2em;/*12px*/
	width:750px; /*set width of global container*/
	margin:0 auto;
}
	#header {
		position: relative;
		height: 93px;
	}
		#header .language {
			position: absolute;
			top: 12px;
			right: 0px;
		}
		#header .logo {
			float: left;
			position: relative;
			top: 25px;
		}
		#header ul#mainnav {
			float: right;
			position: relative;
			top: 43px;
		}
			#header ul#mainnav li {
				float: left;
				margin: 0px 0px 0px 11px;
				padding: 0px;
				background: none;
			}
				#header ul#mainnav li a {
					display: block;
					width: 87px;
					height: 23px;
					line-height: 23px;
					background: url(../images/mainnav.png) no-repeat left top;
					font-weight: normal;
					text-align: center;
				}
					#header ul#mainnav li a:hover, #header ul#mainnav li a.active {
						background: url(../images/mainnav.png) no-repeat left bottom;
						text-decoration: none;
						color: #ffffff;
					}
	#center {
	
	}
		#banner, #bannerprojecten, #bannergeef, #bannercontact {
			min-height: 333px;
			
		}
		* html #banner, * html #bannerprojecten, * html #bannergeef, * html #bannercontact { height: 333px; }
			#banner { background: url(../images/bannerimage.png) no-repeat right top; }
			#bannerprojecten { background: url(../images/bannerprojecten.png) no-repeat right top; }
			#bannergeef { background: url(../images/bannergeef.png) no-repeat right top; }
			#bannercontact { background: url(../images/bannercontact.png) no-repeat right top; }
			#bannercontent {
				margin: 34px 0px 0px 0px;
				float: left;
				width: 284px;
			}
	#footer {
		background: url(../images/bg_footer.gif) no-repeat center top;	
		margin: 50px 0px 30px 0px;
		padding: 34px 10px 0px 10px;
		text-align: center;
		color: #857cb5;
	}
		#footer ul {
			margin: 0px;
			padding: 0px;
		}
			#footer ul li {
				float: left;
				background: none;
			}
			#footer a {
				color: #857cb5;
				font-weight: normal;
			}
			#footer .footerbox {
				display: inline-block;
				margin: 0px auto;
			}