div#siteContent {
	background: url(../images/achter_sitecontent_ontmoet_1.jpg) transparent no-repeat center top;
}

div#siteContent.foto1 { background-image: url(../images/achter_sitecontent_ontmoet_1.jpg); }
div#siteContent.foto2{ background-image: url(../images/achter_sitecontent_ontmoet_2.jpg); }
div#siteContent.foto3{ background-image: url(../images/achter_sitecontent_ontmoet_3.jpg); }

div#siteContent.foto1_home{ background-image: url(../images/achter_sitecontent_ontmoet_home_1.jpg); }
div#siteContent.foto2_home{ background-image: url(../images/achter_sitecontent_ontmoet_home_2.jpg); }

div#siteContent.foto_lustrum { background-image: url(../images/achter_sitecontent_lustrum.jpg); }


/* ~~~~~~~~~ het submenu: Linkerkolom ~~~~~~~~~ */

div#subMenu{
	background: url(../images/achter_submenu_ontmoet.gif) repeat-x top;
}

	div#subMenuTitel{
		background-color: #5b4;
		border-bottom: 1px solid #bbe4b4;
	}
	
	div#subMenu ul{
		background: #99d68f;
	}

		div#subMenuTitel.subMenuTitelPlus {
			background: #5b4 url(../images/achter_submenu_titel_plus_ontmoet.gif) top right no-repeat;
		}
		
		div#subMenuTitel.subMenuTitelMin {
			background: #5b4 url(../images/achter_submenu_titel_min_ontmoet.gif) top right no-repeat;
		}
	
		div#subMenu ul li a{
			background:url(../images/achter_submenu_li_ontmoet.gif) no-repeat left top;
			border-bottom: 1px solid #5b4;
		}
	
		div#subMenu ul li#menuAan{
			background: #77c969;
			border-bottom: 1px solid #5b4;
		}
	
			div#subMenu ul li#menuAan a{
				background: #77c969 url(../images/achter_submenu_li_aan_ontmoet.gif) no-repeat left top;
			}
	
				div#subMenu ul li#menuAan ul li a{
					background-color: #b5e0ad;
				}
	

					div#subMenu ul li#menuAan ul li#subMenuAan a{
						background: #8bd17f url(../images/achter_submenu_li_aan_ontmoet.gif) no-repeat 12px 0;
					}
	
	
						div#subMenu ul li#menuAan li#subMenuAan ul li{
							background: #cce7c6;
						}

							div#subMenu ul li#menuAan ul li#subMenuAan ul li#subSubMenuAan a{
								background: #a0d996 url(../images/achter_submenu_li_aan_ontmoet.gif) no-repeat 24px 0;
							}

		/* ~~~~~~~~~ Archieflinkjes in het submenu ~~~~~~~~~ */

		div#subMenu ul li#menuAan a.submenuArchief{
			background-color: #b5e0ad;
		}
		div#subMenu ul li#menuAan a.submenuArchief.saAan{
			background-color: #8bd17f;
		}

			div#subMenu ul li#menuAan ul li#subMenuAan a.submenuArchief{
				background-color: #cce7c6;
			}
			div#subMenu ul li#menuAan ul li#subMenuAan a.submenuArchief.saAan{
				background-color: #a0d996;
			}

				div#subMenu ul li#menuAan ul li#subMenuAan ul li#subSubMenuAan a.submenuArchief{
				}
				div#subMenu ul li#menuAan ul li#subMenuAan ul li#subSubMenuAan a.submenuArchief.saAan{
					background-color: #a0d996;
				}



/* ~~~~~~~~~ De inhoud van de homepage ~~~~~~~~~ */

div#inhoudHome div.kolom_links div.homecontentStijl2, div#inhoudHome div.kolom div.homecontentStijl2{
	background: none;
	width: auto;
}

div#inhoudHome div.kolom_links div.homecontentStijl2 h2, div#inhoudHome div.kolom div.homecontentStijl2 h2{
	color: #fff;
	background: #5b4 url(../images/achter_home_h2_ontmoet.gif) left top no-repeat;
	padding: 3px 2px 5px 27px;
	margin: 0;
}

div#inhoudHome div.kolom_links div.homecontentStijl2 div.item, div#inhoudHome div.kolom div.homecontentStijl2 div.item{
	color: #332c28;
	padding: 4px 12px;
	background: #cceac7 url(../images/achter_home_item_ontmoet.gif) bottom left repeat-x;
}

	


/* ~~~~~~~~~ De subcontent: rechterkolom ~~~~~~~~~ */

div.subcontentStijl1, div.subcontentStijl3{margin-right: 12px;}

div#subContent div.subcontentStijl1 div.item, 
div#subContent div.subcontentStijl3 div.item{
	padding: 4px 12px 14px 12px;
}

	div#subContent div.subcontentStijl1 h2{
		color: #e72;
		background: #ffdbc1 url(../images/achter_subcontent_h2_stijl1a.gif) left top no-repeat;
		padding: 3px 12px 5px 28px;
	}
	
	div#subContent div.subcontentStijl3 h2{
		color: #e59;
		background: #ffd1e5 url(../images/achter_subcontent_h2_stijl3a.gif) left top no-repeat;
		padding: 3px 12px 5px 28px;
	}


div#subContent div.subcontentStijl1 div.item{background: url(../images/achter_subcontent_stijl1a.gif) left bottom no-repeat}
div#subContent div.subcontentStijl3 div.item{background: url(../images/achter_subcontent_stijl3a.gif) left bottom no-repeat}


