@charset "utf-8";
/* style.css */

/* 	------------------------------------------------------------ */
/*  UITLEG GROOTTES
 *  Groottes zijn relatief (ems).
 *  Zo kan in alle browsers netjes ingezoomd worden.
 *  Als volgt berekenen:
 *  *************************************************************
 *  1 ÷ parent font-size × gewenste aantal pixels = aantal em
 *  *************************************************************
 *  hierbij ermee rekening houden dat standaard font-size 16px is
 *  en dat elementen font-size van elkaar erven. Dus html heeft als
 *  font-size 16px in alle standaard browsers.
 *  Handig: http://riddle.pl/emcalc/?
/* 	------------------------------------------------------------ */

/* 	------------------------------------------------------------ */
/* 	Algemeen */
/* 	------------------------------------------------------------ */
html { 
	margin : 0;
	padding : 0;
	font-size: 100%;
	
} 
body { 
	font : 1em Arial, Helvetica, Tahoma, sans-serif; /* 1em = 16px */
	background : #b7d131;
	color : #000;
	text-align: center;
	padding: 0;
	margin: 0;
}
.clear {
	clear: both;
}

/* 	------------------------------------------------------------ */
/* 	Wrapper */
/* 	------------------------------------------------------------ */
#wrapper {
	width: 52.69em;  /* 843px */
	height: 100%;
	margin: 1.25em auto 0 auto; /* T R B L */
	background-image: url(../images/bg_rek.png);
	background-repeat: repeat-y;
	text-align: left;

}

#subwrapper {
	background-image: url(../images/bg_algemeen.png);
	background-repeat: no-repeat;
	width: 52.69em;  /* 843px */
	/* height: 29.13em; /* 466px */
	height: 100%;
	padding: 0;
	margin: 0;

	
}
	

#home #subwrapper {
	background-image: url(../images/bg_home.png);
}

#home #content {
	margin-left: 32em;
}


#niet_home #content, #nieuws #content {
	height: 500px;
	min-height: 500px;
}

html>body#niet_home #content, html>body#nieuws #content{
	height: auto;
}



#content {
	margin-left: 28.13em; /* 450px */
	padding-top: 8.75em; /* 140px */
	width: 300px;


	}
	

	#content h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		font-style: italic;	
		margin: 0;
		padding:10px 0 5px 0;
	}

	#content h2 {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		font-size: 15px;
		font-weight: normal;
		margin: 0;
		padding: 0 0 5px 0;
		
	}

	#content p {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		font-size: 12px;
		line-height: 18px;

	}


	#home #content h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		font-weight: normal; 
		padding: 0 0 2px 0;
		margin: 0;
		}

	#nieuws #content h2 {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 0px;
		padding: 0;
}		


	#home #content h2 .huisnummer {
		color: #F58624;
		font-size: 15px;
		font-variant: small-caps;
		letter-spacing: 2px; 
		}

	#home #content p.beschrijving {
		font-size: 12px;
		font-family: Georgia, "Times New Roman", Times, serif;
		padding: 0;
		margin: 0 0 10px 0;
		}
	
	#home #content p.beschrijving a {
		text-decoration: none;
		color: #000;
		font-size: 13px;
		}

	#home #content p.beschrijving a:hover {
		text-decoration: underline;
		}


	#content a {
		color: #8DA224;
		font-weight: bold;
		}


#footer {
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	height: 7.06em; /* 113px */
	width: 52.63em; /* 842px */

	
}

#topmenu {
	position: absolute;
	top: 1.7em;
	margin-left: 6.8em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
overflow-x: hidden;
overflow-y: auto;

	font-weight: bold;
	font-size: 1.13em;


}

	#topmenu ul {
		list-style: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
		#topmenu ul li {
			width: 100%;
		}
		
			#topmenu ul li.active {

			}

			
			#topmenu ul li a {
				color: #656e3a;
				text-decoration: none;
				/* padding-top: 0.6em; */
				/* padding-bottom: 0.4em; */
				padding-left: 1em;
				line-height: 1.5em;
				border: 1px;
				
			}
			
				#topmenu ul li.active a {
					color: #000;
					text-decoration: none;
					background-image: url(../images/bullet.png);
					background-repeat: no-repeat;

				}
								
				
				#topmenu ul li a:hover {
					color: #000;
					background-image: url(../images/bullet.png);
					background-repeat: no-repeat;
				}





/* 	------------------------------------------------------------ */
/* 	Breadcrumbs */
/* 	------------------------------------------------------------ */


.B_crumbBox, .B_crumbBox a {
	font-size: 10px;
	color: #8E7A61;

}


/* 	------------------------------------------------------------ */
/* 	Nieuwspagina */
/* 	------------------------------------------------------------ */

.nieuwsbericht {
	margin-bottom: 45px;
}



#content .datum_auteur {
	font-size: 12px;
	color: #8E7A61;
	margin: 0;
	padding:0;
}


#content .nieuwsbericht h2 {
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0;
}


#content .nieuwsbericht p {
	padding: 0;
	margin: 0;
}

.nieuwsbericht a {
	font-size: 12px;
	color: #8DA224;
	font-weight: bold;
	display: block;
	float: right;
}


#credits {
	font-size: 11px;
	background-color: #B7D131;
	text-align: right;
	padding-top: 5px;
	margin-bottom: 10px;
}

a.credits {
	text-decoration: none;
	color: #4B5422;
}

a.credits a:hover {
	text-decoration: underline;
	color: #000;
}