body, h1, h2, h3, h4, h5, h6 {	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 0.8em;
}


body img{
	border: 0;
}

p{margin: 0}


#inhoud{
	font-size: 100%;
}


#subMenu .item, #inhoud, #subContent .item{
	line-height: 1.4em;
}

#inhoud div, #inhoud p, #inhoud td, 
#subContent div, #subContent p, #subContent td
{
	font-size: 100%;
}

h1{
	color: #000;
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 4px 0 3px;
	padding-top: 8px;
	clear: both;
	border-top: 1px solid #ac1;
}

h2{
	color: #000;
	font-size: 1.25em;
	font-weight: bold;
	margin: 21px 0 4px 0;
}
	#inhoud h2 img{display: none} /* Geen icoontjes in de inhoud, wel in de subcontent natuurlijk! */

h3{
	color: #000;
	margin: 14px 0 0;
	font-size: 1em;
}

h4, h5, h6{
	color: #000;
	font-size: 1.1em;
}

a{
	color: #625b54;
}

a:visited{
	color: #3b3732;
}

a:hover, a:active{
	color: #681;
}

	h2 a{
		color: #000;
		text-decoration: none;
	}
	h2 a:hover, h2 a:active{
		text-decoration: underline;
	}
	
	ul.artikelen a, ul.artikelen a:visited{
		text-decoration: none;
	}
	ul.artikelen a:hover, ul.artikelen a:active{
		text-decoration: underline;
	}


blockquote{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 1.15em;
	line-height: 1.4em;
	color: #625b54;
	margin: 0 15px;
}


#subMenu ul,
#inhoud ul,
#subContent ul,
.mceContentBody ul,
#inhoud ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}	

#inhoud ul li{
	background: url(../images/achter_li_item_zwart.gif) left top no-repeat;
	padding-left: 13px;
}	

#inhoud ol, ol li ,
#subContent ol, ol li ,
.mceContentBody ol, ol li {
	margin: 0 0 0 10px;
	padding: 0;
}

	#inhoud ul.artikelen{margin: 5px 0}
	
	#inhoud ul.artikelen li{
		line-height: 1.2em;
		padding-bottom: 2px;
	}



form{
	margin: 0px;
	padding: 0px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}


/* Afbeelding vergroten in een popup */

div#inhoud div.imgPopUpleft, div#inhoud img.imgleft, 
div#subContent div.imgPopUpleft, div#subContent img.imgleft{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: left;
	position: relative;
	padding: 4px 4px 0 0;	
}
div#inhoud div.imgPopUpright, div#inhoud img.imgright, 
div#subContent div.imgPopUpright, div#subContent img.imgright{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: right;
	position: relative;
	padding: 4px 0 0 4px;
}
div#inhoud div.imgPopUpcenter, div#inhoud img.imgcenter, 
div#subContent div.imgPopUpcenter, div#subContent img.imgcenter{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	margin: 3px auto 0;
	position: relative;
}
div#inhoud div.imgPopUpfoto, 
div#subContent div.imgPopUpfoto{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: left;
	position: relative;
	padding: 6px 6px 0 0;	
}

div.imgPopUpleft a, div.imgPopUpright a, div.imgPopUpcenter a, div.imgPopUpSub a, div.imgPopUpfoto a{
	background: transparent url(../images/voor_foto_plus.png) bottom right no-repeat;
	/* De hoogte en breedte wordt in de _tpl_-file overschreven */
	margin: 0;
	display: inline;
	position: absolute;
}

div.imgPopUpleft a:hover, div.imgPopUpright a:hover, div.imgPopUpcenter a:hover, div.imgPopUpSub a:hover, div.imgPopUpfoto a:hover{
	background: transparent url(../images/voor_foto_plus_a.png) bottom right no-repeat;
}

/* Ronde hoekjes over de foto heen */
div.fotoLeftTop{position: absolute;}

div.fotoLeftTop{background:url(../images/voor_foto_wit_lt.png) left top no-repeat;}
div.fotoRightTop{background:url(../images/voor_foto_wit_rt.png) right top no-repeat;}
div.fotoLeftBottom{background:url(../images/voor_foto_wit_lb.png) left bottom no-repeat;}
div.fotoRightBottom{background:url(../images/voor_foto_wit_rb.png) right bottom no-repeat;}

#inhoud div.fotoLeftTop, #inhoud div.fotoRightTop, #inhoud div.fotoLeftBottom, #inhoud div.fotoRightBottom{display: none;}


.bijSchrift{color: #690}
.bijSchrift a{color: #681;}
.bijSchrift a:hover, .bijSchrift a:active{color: #625b54;}

#inhoud h2 div.bijSchrift{
	font-size: 0.75em;
	font-weight: normal;
}

/* ~~~~~~~~~ Handig: een class om bepaalde content te verbergen ~~~~~~~~~ */
.verberg{
	font-size: 1px;
	left: -2000px;
	position: absolute;
	width: 500px;
}

/* Handig: plaats deze div onderin een div om die goed te laten omsluiten */
div.breaker{
	height: 1px;
	clear: both;
	background: transparent;
	font-size: 0px;
	line-height: 0px;
}
	div.breaker hr{display: none;}