/* --- HOME.CSS - CFI --- */


/* ------------------- */
/* --- mainContent --- */
/* ------------------- */

a.terug:link, a.terug:visited, a.terug:hover, a.terug:focus, a.terug:active,
a.verder:link, a.verder:visited, a.verder:hover, a.verder:focus, a.verder:active {
	color: #ffffff;
	background-image: url(../images/dot_wit.gif);
}


/* --- rood --- */

#mainContent .rood {
	background-color: #801f10;
}

#mainContent .rood p,
#mainContent .rood li a:link, #mainContent .rood li a:visited, #mainContent .rood li a:hover, #mainContent .rood li a:focus, #mainContent .rood li a:active {
	color: #eac8c3;
}


/* --- blauw --- */

#mainContent .blauw {
	background-color: #6c89af;
}

#mainContent .blauw p,
#mainContent .blauw li a:link, #mainContent .blauw li a:visited, #mainContent .blauw li a:hover, #mainContent .blauw li a:focus, #mainContent .blauw li a:active {
	color: #d9e9ff;
}


/* --- groen --- */

#mainContent .groen {
	background-color: #b3a614;
}

#mainContent .groen p,
#mainContent .groen li a:link, #mainContent .groen li a:visited, #mainContent .groen li a:hover, #mainContent .groen li a:focus, #mainContent .groen li a:active {
	color: #f6f2ca;
}


/* --- grijs --- */

#mainContent .grijs {
	background-color: #777777;
}

#mainContent .grijs p,
#mainContent .grijs li a:link, #mainContent .grijs li a:visited, #mainContent .grijs li a:hover, #mainContent .grijs li a:focus, #mainContent .grijs li a:active {
	color: #dddddd;
}

.intro  {
	width: 660px;
	margin: 0 0 10px;
	padding: 5px 15px 5px 5px;
	overflow: hidden;
}

#introDatabank.intro {
	float: left;
	width: 315px;
	margin: 0 10px 5px 0;
	
}

#introInvulhulp.intro {
	float: left;
	width: 315px;
	margin: 0 0 5px 0;
}
	
	.intro h1 {
		float: right;
		color: #ffffff;
		line-height: 1.2em;
		width: 515px;
		margin: 6px 0 -11px;
		padding: 0 5px 0 0;
	}
	
	*:first-child+html .intro h1 {
		margin: 6px 0 -11px;
	}
	
	#introDatabank.intro h1, #introDatabank.intro p, #introDatabank.intro .knoppen,
	#introInvulhulp.intro h1, #introInvulhulp.intro p, #introInvulhulp.intro .knoppen {
		width: 170px;
	}

	#introInvulhulp.intro p, #introDatabank.intro p {
		height: 12.5em;
	}
	
	.intro p {
		float: right;
		width: 515px;
		margin: 16px 0 6px;
		padding: 0 5px 0 0;
	}
		
	.intro img {
		float: left;
		width: 118px;
		margin: 0 15px 0 0;
		overflow: hidden;
		border: 1px solid #000000;
	}
					
	.knoppen {
		float: right;
		width: 515px;
		margin: -4px 0 0;
		padding: 0 5px 4px 0;
		overflow: hidden;
	}