@CHARSET "UTF-8";

body {
	margin: 36px 0 36px 0;
	background-image: url(../img/bg.png);
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #522F91;
}

img { 
	behavior: url(js/iepngfix.htc) 
}

#container {
	position: relative;
	margin: 0px auto;
	width: 1000px;
	height: 1068px;
	background-color: #FFF;
	z-index: 0;
}

	#content {
		position: absolute;
		left: 19px;
		top: 27px;
		width: 960px;
		z-index: 1;
	}
	
		#nav {
			position: absolute;
			left: 0;
			top: 59px;
			z-index: 2;
		}
		
		#nav ul {
			float:left;
			list-style: none;
			list-style-position:outside;
			padding: 0;
			margin: 0;
		}
		
		#nav li {
			background-color: #522F91;
			width: 111px;
			height: 38px;
			margin: 0 10px 0 0;
			padding: 0;
			float: left;
			text-align: center;
		}
		
		#nav li.menu:hover {
			background-color: #0BAF4D;
		}
		
		#nav li.menu_gekozen {
			background-color: #0BAF4D;
		}
		
		.groene_headers {
			font-weight: bold;
			color: #0BAF4D;
		}
		
		#footer {
			position: absolute;
			top: 990px;
			width: 960px;
			height: 30px;
			background-color: #0BAF4D;
		}
		
		/* ======== op alle pagina's behalve Meer weten ====== */
		#meerweten_btn {
			position: absolute;
			left: 764px;
			top: 0;
			z-index: 3;
		}
			
		/* ======== homepage elementen =========*/
		#page_header {
			position: absolute;
			left: 0;
			top: 121px;
		}
		
		#hometxt1 {
			position: absolute;
			left: 0;
			top: 278px;
			line-height: 1.4em;
		}
		
		#hometxt2 {
			position: absolute;
			left: 0;
			top: 819px;
			font-size: 12px;
			line-height: 1.5em;
		}
		
		/* ==== Homepage en aanvragen-pagina ======= */
		#grote_knoppen {
			position: absolute;
			left: 0;
			width: 960px;
		}
		
		.img_links {
			float: left;
			margin-right: 10px;
		}
		
		.img_rechts {
			float: right;
		}

		/* ===== Aanvragen ====== */
		#blok_aanvragen {
			position: absolute;
			left: 0;
			top: 108px;
			width: 960px;
			height: 871px;
		}
		
			#page_header_aanvragen {
				position: absolute;
				left: 30px;
				top: 32px;
			}
			
			#change_knop {
				position: absolute;
				left: 486px;
				top: 32px;
				width: 232px;
				height: 38px;
				text-align: center;
			}
			
			.paars {
				background-color: #522F91;
			}
			
			.groen {
				background-color: #0BAF4D;
			}
			
			#content_aanvragen {
				position: absolute;
				left: 30px;
				color: #FFF;
				line-height: 1.4em;
			}
			
			#content_aanvragen h2 {
				font-size: 16px;
				font-weight: bold;
				margin: 0;
				padding: 0;
			}
			
			#content_aanvragen ul {
				margin: 0 0 33px 1em;
				padding: 0;
			}
			
			#content_aanvragen li {
				font-size: 11px;
			}
			
			#content_aanvragen p {
				padding: 0;
				margin: 0 0 33px 0;
			}
			
			#content_aanvragen p.brood {
				font-size: 11px;
				width: 580px;
			}
			
			#content_aanvragen a {
				color: #FFF;
			}		
		
		/* ===== Meer weten ====== */
		#blok_meer_weten {
			position: absolute;
			left: 4px;
			top: 114px;
			width: 960px;
			color: #522F91;
			line-height: 1.4em;
		}
		
			#blok_meer_weten h2 {
				font-size: 24px;
				font-weight: bold;
				margin: 0 0 23px 0;
				padding: 0;
				color: #0BAF4D;
				line-height: 1.1em;
			}
			
			#blok_meer_weten h3 {
				font-size: 14px;
				font-weight: bold;
				margin: 0;
				padding: 0;
				display:inline;
			}
			
			#blok_meer_weten p {
				margin: 0 0 13px 0;
				width: 750px;
			}
			
			#blok_meer_weten a {
				font-weight: bold;
				color: #0BAF4D;
				text-decoration:none;
			}
			
			.blok_voorbeeld_meer {
				position: relative;
				width: 960px;
				padding-bottom: 20px;
			}
			
				.meer_tekstblok {
					width: 540px;
					float: left;
				}
				
				.meer_beeldblok {
					width: 400px;
					float: right;
				}			
				
				.onderschrift {
					font-size: 12px;
				}

/* ===== Wie zijn wij ====== */
		#blok_wie {
			position: absolute;
			left: 4px;
			top: 114px;
			width: 960px;
			line-height: 1.4em;
		}
		
		#blok_wie_header {
			color: #522F91;
		}
		
		#blok_wie h2 {
			font-size: 16px;
			font-weight: bold;
			margin: 0;
			padding:0;
		}
		
		#blok_wie p {
			margin: 0 0 20px 0;
			padding: 0;
		}
		
		.groen_kopje {
			color: #0BAF4D;
			font-weight: bold;
		}
		
		#blok_gemeente {
			position: absolute;
			left: 0;
			top: 53px;
			width: 398px;
			color: #0BAF4D;
			font-size: 11px;
		}
		
		#blok_gemeente a {
			color: #0BAF4D;
		}		
		
		#blok_fonds {
			position: absolute;
			left: 485px;
			top: 53px;
			width: 360px;
			color: #522F91;
			font-size: 11px;
		}
		
		#blok_fonds a {
			color: #522F91;
		}		
		
		/* ===== Voorbeelden ====== */
		#blok_voorbeeld {
			position: absolute;
			left: 0;
			top: 120px;
			width: 960px;
			line-height: 1.4em;
			color: #FFF;
		}
		
			#blok_voorbeeld h2 {
				font-size: 24px;
				margin: 0 0 20px 0;
				padding: 0;
				font-weight: bold;
			}
			
			#blok_voorbeeld h3 {
				font-size: 14px;
				margin: 0;
				padding: 0;
				font-weight: bold;
			}
			
			#blok_voorbeeld p {
				margin: 0;
				padding: 0;
			}
			
			#blok_voorbeeld a {
				color:#FFF;
				text-decoration: none;
			}
			
			#blok_voorbeeld_header {
				position: absolute;
				left: 30px;
				color: #522F91;
			}
			
			#blok_voorbeeld_gemeente {
				position: absolute;
				top:  42px;
				width: 960px;
				height: 322px;
				background-color: #522F91;
			}
			
				#gemeente_tekstblok {
					position: absolute;
					left: 30px;
					top: 13px;
					width: 428px;
				}
				
				#gemeente_beeldblok {
					position: absolute;
					left: 549px;
					top: 31px;
					width: 380px;
					height: 260px;
				}			
				
			#blok_voorbeeld_fonds {
				position: absolute;
				top: 374px;
				width: 960px;
				height: 322px;
				background-color: #0BAF4D;
			}
			
				#fonds_tekstblok {
					position: absolute;
					left: 30px;
					top: 13px;
					width: 428px;
				}
				
				#fonds_beeldblok {
					position: absolute;
					left: 549px;
					top: 31px;
					width: 380px;
					height: 260px;
				}
				
	/*======= EVENTS */
	#linkerkant {
		float: left;
		width: 475px;
		margin-right: 10px;
	}
	
	#linkerkant p, #rechterkant p {
		width: 445px;
	}
	
	#rechterkant {
		float: right;
		padding: 10px;
		background-color: #522F91;
		color: #FFF;
	}