body, h1, h2, h3, h4, h5, h6 {	
	color: #111;
	font-family: Arial, Verdana, sans-serif;
	margin: 0px;
	font-size: 0.8em;
}


body img {
	border: 0;
}

p {margin: 0; padding: 0;}

#inhoud, #subcontent{
	line-height: 1.35em;
}


#inhoud div, #inhoud p, #inhoud td, 
#subContent div, #subContent p, #subContent td
{
	font-size: 100%;
}


h1 {
	color: #12a;
	font-weight: bold;
	margin: 0;
	padding: 7px 0 25px 0;
	font-size: 1.4em;
	clear: both;
	line-height: 1.0em;
}

h2 {
	color: #12a;	
	font-size: 1.3em;
	font-weight: bold;
    clear: both;
	padding: 18px 0 6px 0;
}

h3 {
	font-size: 1.0em;
	clear: both;
}

h4, h5, h6 {
	font-weight: normal;
	font-size: 1.0em;
	padding: 10px 0 0 0;
	clear: both;
}

a {
	color: #12a;
	text-decoration: underline;
}

a:visited {
	color: #12a;
	text-decoration: underline;
}

a:hover, a:active {
	color: #3a4;	
	text-decoration: underline;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol, ol li {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

form{
	margin: 0px;
	padding: 0px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*inhoud */


#inhoud h1 img, #inhoud h2 img{
	margin-right: 4px;
}

ul, ol {
	padding-top: 4px;
	padding-bottom: 4px;
}
ul li {
	background: transparent url(../images/achter_li.gif) no-repeat top left;
	padding-left: 12px;
}
ol li {
	padding-left: 0px;
}


div.formGrijs h2 {
	font-size: 1.0em;
	padding-bottom: 2px;
}
div.formGrijs .zoekButton {
	margin-top: 10px;
}


#inhoud td.pollBar {
	white-space: nowrap;
}
.pollTable {
	margin: 5px 0 0 0;
}
.pollButton {
	margin-left: 25px;
	margin-top: 16px;
}
td.pollTekst {
	margin-top: 4px;
	padding-left: 10px;
}
.verberg {
	display: none;
}



/* Volgende en- vorige paginalinks indien te veel items */
div#paginatie{
	margin: 12px 0;
	padding: 3px 2px 4px;
	background: url(../images/achter_paginatie.gif) top repeat-x;
	height: 15px;
}

div#pagVorige{
	width:50%;
	float: left;
}

	div#pagVorige a{
		text-decoration: underline;
		padding: 0 0 0 14px;
		background: url(../images/ic_terug_u.gif) no-repeat top left;
	}
	div#pagVorige a:hover, div#pagVorige a:active{
		background: url(../images/ic_terug_u.gif) no-repeat top left;
	}

div#pagVolgende{
	text-align: right;
	width: 50%;
	float: left;
	clear: right;
}
	div#pagVolgende a {
		text-decoration: underline;
		padding: 0 14px 0 0;
		background: url(../images/ic_verder_u.gif) no-repeat top right;
	}
	div#pagVolgende a:hover, div#pagVolgende a:active{
		background: url(../images/ic_verder_u.gif) no-repeat top right;
	}


div#pagNrs{
	text-align: center; 
	width: 178px;
	float: left;
	padding: 14px 0 0;
}

/* 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;
}

/* Pijltje voor een web- of e-maillink, bij gastenboek e.d. */
a.verderLink, a.terugLink, a.topLink, a.downloadLink{
	text-decoration: underline;
}

a:link.verderLink, a:visited.verderLink {
	padding: 0 14px 0 0;
	background: url(../images/ic_verder_u.gif) no-repeat top right;
}
a:hover.verderLink, a:active.verderLink{
	/*color: #777;*/
	padding: 0 14px 0 0;
	background: url(../images/ic_verder_u.gif) no-repeat top right;
}

a:link.terugLink, a:visited.terugLink{
	padding: 0 0 0 14px;
	background: url(../images/ic_terug_u.gif) no-repeat top left;
}
a:hover.terugLink, a:active.terugLink{
	/*color: #777;*/
	padding: 0 0 0 14px;
	background: url(../images/ic_terug_u.gif) no-repeat top left;
}

/* Download link */
a.downloadLink, a:active.downloadLink, a:visited.downloadLink {
	background: url(../images/ic_download_u.gif) bottom left no-repeat;
	padding: 0 0 0 15px;
}
a:hover.downloadLink {
	background: url(../images/ic_download_a.gif) bottom left no-repeat;
}


/* Afbeelding vergroten in een popup */
div.imgPopUpleft, img.imgleft{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: left;
	position: relative;
	padding: 4px 6px 0 0;	
}
div.imgPopUpright, img.imgright{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: right;
	position: relative;
	padding: 4px 0 0 6px;
}
div.imgPopUpcenter, img.imgcenter{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	margin: 3px 0 0 0;
	position: relative;
	text-align: center;
}

/* SUBCONTENT - Afbeelding vergroten in een popup */
div#subcontent .imgPopUpleft, div#subcontent img.imgleft{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	padding: 0;	
	float: none;
}
div#subcontent .imgPopUpright, div#subcontent img.imgright{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	padding: 0;
	float: none;
}
div#subcontent .imgPopUpcenter, div#subcontent img.imgcenter{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	margin: 0;
	text-align: center;
}

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/img_popup_u.gif) 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/img_popup_a.gif) bottom right no-repeat;
}




