html { overflow-y: scroll; }	/* Always show scrollbar on right side (as IE does) in all browsers to avoid jumping of centered sites caused by (dis)appearing these scrollbars. Overflow-y is a CSS3 property and therefor it does not validate yet (removing it only affects the jumping). */

body, h1, h2, h3, h4, h5, h6 {	
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	font-size: 0.7em;
	line-height: 1.4em;
}


body img {
	border: 0;
}

p {/*margin: 0 0 1.4em;*/ margin: 0; padding: 0;}

#inhoud, #subcontent, #content {
	line-height: 1.35em;
}


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

/*h1, h2, h4, h5, h6 {	
	font-family: Arial, Helvetica, sans-serif;
}*/

h1 {
	color: #006;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.35em;
	clear: both;
}

h2 {	
	color: #006;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.35em;
    clear: both;
	padding: 14px 0 0 0;
}

h2.icon {
	padding-top: 61px;
	background: none transparent no-repeat 0 13px;
}

h2.icon01 { background-image: url(../images/icoon01.gif); }
h2.icon02 { background-image: url(../images/icoon02.gif); }
h2.icon03 { background-image: url(../images/icoon03.gif); }
h2.icon04 { background-image: url(../images/icoon04.gif); }
h2.icon05 { background-image: url(../images/icoon05.gif); }
h2.icon06 { background-image: url(../images/icoon06.gif); }
h2.icon07 { background-image: url(../images/icoon07.gif); }
h2.icon08 { background-image: url(../images/icoon08.gif); }
h2.icon09 { background-image: url(../images/icoon09.gif); }
h2.icon10 { background-image: url(../images/icoon10.gif); }
h2.icon11 { background-image: url(../images/icoon11.gif); }
h2.icon12 { background-image: url(../images/icoon12.gif); }
h2.icon13 { background-image: url(../images/icoon13.gif); }
h2.icon14 { background-image: url(../images/icoon14.gif); }
h2.icon15 { background-image: url(../images/icoon15.gif); }
h2.icon16 { background-image: url(../images/icoon16.gif); }
h2.icon17 { background-image: url(../images/icoon17.gif); }
h2.icon18 { background-image: url(../images/icoon18.gif); }
h2.icon19 { background-image: url(../images/icoon19.gif); }
h2.icon20 { background-image: url(../images/icoon20.gif); }


h3 {
	color: #000;
	font-size: 1.0em;
	clear: both;
}

h4, h5, h6 {
	color: #000;
	font-size: 1.2em;
	clear: both;
}

.bijSchrift {
	display: block;
}

a {
	color: #c00;
	text-decoration: underline;
}

a:visited {
	color: #c00;
}

a:hover, a:focus, a:active {
	color: #006;
	outline-color: #006;
}

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 */

.intro {
	color: #006;
}


#inhoud h1 img, #inhoud h2 img{
	margin-right: 4px;
}

ul, ol {
	padding-top: 6px;
	padding-bottom: 6px;
}
ul li {
	background: url(../images/ico_bullet.png) transparent no-repeat 0 0.5em;
	padding-left: 17px;
}
ol li {
	padding-left: 0px;
}

ul li a, ol li a {
	text-decoration: none;
	padding: 0;
}
ul li a:hover, ol li a:hover {
	text-decoration: underline;
}

ul.custom li {
	color: #777;
	background: transparent url(../images/achter_li.gif) no-repeat top left;
	padding-left: 13px;
}	
ul.custom li a, ol.custom li a {
	font-weight: bold;
	text-decoration: none;
	padding: 0;
}
ul.custom li a:hover, ol.custom li a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* Formgrijs*/ 
.formGrijs .tekstVlak {
	background: #eff9fe;
	border: solid 1px #006;
}
.formGrijs input.zoekButton {
	margin: 10px 0 0 0 ;
}
.formGrijs h2 {	
	color: #006;
	font-size: 1.0em;
	font-weight: bold;
    clear: both;
	padding: 23px 0 2px 0;
}

	

/* Poll */
#content td.pollBar {
	white-space: nowrap;
}
.pollTable {
	margin: 0 0 0 0;
}
.pollButton {
	margin-left: 25px;
	margin-top: 16px;
}
.pollTekst {
	margin-top: 4px;
}
.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_a.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_a.gif) no-repeat top right;
	}


div#pagNrs{
	text-align: center; 
	width: 178px;
	float: left;
	padding: 14px 0 0;
}


/* poll */	
#inhoud td.pollBar {
	white-space: nowrap;
}
.pollTable {
	margin: 0 0 0 0;
}
.pollTable td {
	padding-right: 6px;
}
.pollButton {
	margin-left: 25px;
	margin-top: 16px;
}
.pollTekst {
	margin-top: 8px;
}
.verberg {
	display: none;
}

/* Handig: plaats deze div onderin een div om die goed te laten omsluiten */
div.breaker{
	height: 1px;
	clear: both;
	background: #fff;
	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_a.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_a.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;
	clear: left;
	position: relative;
	padding: 4px 6px 0 0;
}
div.imgPopUpright, img.imgright{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: right;
	clear: right;
	position: relative;
	padding: 4px 40px 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;
	clear: both;
}

div#subcontent div.imgPopUpleft, div#subcontent img.imgleft,
div#subcontent div.imgPopUpright, div#subcontent img.imgright,
div#subcontent div.imgPopUpcenter, div#subcontent img.imgcenter {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}

div.imgPopUpfoto{ /* Deze class wordt a.d.h. de uitlijning bepaald */
	float: left;
	position: relative;
	padding: 6px 6px 0 0;	
}

.kader .imgPopUpleft, .kader img.imgleft { 
	padding: 0 20px 5px 0;
}
.kader .imgPopUpright, .kader img.imgright { 
	padding: 0 0 5px 20px;
}

div.imgPopUpleft a, div.imgPopUpright a, div.imgPopUpcenter a, div.imgPopUpSub a, div.imgPopUpfoto a{
	background: transparent url(../images/img_popup.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;
}