/* stickyfooter met scrollbalk */
/* gebaseerd op http://www.cssplay.co.uk/layouts/basics2.html */
html {
	height: 100%; 
	max-height: 100%; 
	padding: 0; 
	margin: 0; 
	border: 0; 
	background: #ECD00D;
	overflow: hidden;
	}
	
body {
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0;
	}
	
#content {
	display: block;
	height: 100%;
	max-height: 100%; 
	overflow: auto;
	position: relative;
	z-index: 3;
	}
	
#head {
	position: absolute; 
	margin: 0;
	top: 0;
	right: 15px;
	display: block;
	width: 100%;
	height: 94px;
	background: #ECD00D url(../beeld/body_head_groengeel.gif) repeat-x;
	z-index: 5;
	}
	
#foot {
	position: absolute;
	margin: 0;
	right: 15px;
	bottom: 0px;
	display: block;
	width: 100%;
	height: 168px;
	background: url(../beeld/foot_rood.gif) repeat-x bottom left;
	z-index: 4;
	}
	
	

/* html-elememten */
body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	font-size: 11px;
	line-height: 150%;
	}
	
img {
	border: 0;
	}

ul,li {
	margin: 0;
	padding: 0;
	}

form {
	display: inline;
	margin: 0;
	padding: 0;
	}

a {
	color: #333;
	/*background-color: #FDF7D7;*/
	text-decoration: none;
	}

a:hover {
	color: #000;
	/* background-color: #FDF7D7; --> levert probleem op in XP! */
	}

/* voorkom stippellijnen rond linkjes in firefox */
:focus {
	-moz-outline-style: none;
}


h1,h3,h4,p {
	margin: 0;
	padding: 0;
	}

h2 {
	font-size: 14px;
	}
	
h3 {
	font-size: 13px;
	}	


/* kolomstructuur */
.headcontainer, .contentcontainer, .footcontainer {
	margin: 0 0 0 46px;
	width: 948px;
	}
	
.headcontainer {	
	background: #F1E09B url(../beeld/head_groen.gif) repeat-x;
	height: 94px;
	}
	
.footcontainer {	
	height: 168px;
	}	
	
.contentcontainer {
	margin: 94px 0 169px 31px;
	padding: 5px 0 500px 0;
	background: #FDF7D7 url(../beeld/content_colscheidingen.gif) repeat-y;
	}			
	
.subnav {
	float: left;
	width: 240px;
	}			
	
.leftcol a {
	color: #3D8335;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: #FDF7D7
	}			
	
.leftcol a:hover {
	color: #000;
	/* background-color: #F1E09B --> levert probleem op in XP! */
	}			
	
.wrapper {
	float: right;
	width: 685px;
	}

.maincol {
	float: left;
	width: 410px;
	margin-bottom: 51px;
	}


.maincol ul,
.maincol ol {
	list-style-type: disc;
	margin: 0;
	padding: 0 0 0 16px;
	}
	

.rightcol {
	float: right;
	width: 245px;
	}

.rightcol a {
	color: #A4031C;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: #FDF7D7
	}

.rightcol a:hover {
	color: #000;
	/* background-color: #F1E09B --> levert probleem op in XP! */
	}

.clear {
	margin: 0 0 -1px 0;
	padding: 0;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	}
	
.paddinglinks {
	padding: 0 0 0 10px;
	}
	
.paddingrechts {
	padding: 0 10px 0 0;
	}		
	
	
	
	
/* subnavigatie  */
a.subnav0, a.subnav1 {
	background: url(../beeld/subnav0.gif) 2px 0 no-repeat;
	padding: 0 0 0 15px;
	color: #3D8335;
	}
	
a.subnav1 {
	background: url(../beeld/subnav1.gif) 2px 0 no-repeat;
	color: #A4031C;
	}	
	
a.subnav0:hover, a.subnav1:hover {
	background-position: 2px -34px;
	color: #000;
	}

#categorie li, .nieuwsnavigatie li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

#categorie li a, .nieuwsnavigatie li a {	
	text-transform: none;
	letter-spacing: 0;
	font-size: 11px;
	font-weight: normal;
	}

.nieuwskop, .nieuwskop0, .nieuwskop1, .blogkop0, .blogkop1 {
	color: #3D8335;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	}

.nieuwskop1, .blogkop1 {
	color: #A4031C;
	}
	
.nieuwskop {
	color: #333;
	}

	
	
/* navigatie header en footer */
.shadow_rood {
	width: 948px;
	background: url(../beeld/footer_shadow.gif) no-repeat top center;
}

ul.navigatie, .navigatie li, ul.switcher, .switcher li {
	margin: 0;
	display: inline;
}

.navigatie li a {
	height: 20px;
	float: left;
}

a.nnieuws {
	width: 65px;
	background: url(../beeld/nav/nav_nieuws.gif) 0 0 no-repeat;
	}
	
a.nagenda {
	width: 68px;
	background: url(../beeld/nav/nav_agenda.gif) 0 0 no-repeat;
	}		

a.nblog {
	width: 50px;
	background: url(../beeld/nav/nav_blog.gif) 0 0 no-repeat;
	}
		
a.ncontact {
	width: 71px;
	background: url(../beeld/nav/nav_contact.gif) 0 0 no-repeat;
	}

a.nzoeken {
	width: 66px;
	background: url(../beeld/nav/nav_zoeken.gif) 0 0 no-repeat;
	}	
	
a.narchief {
	width: 70px;
	background: url(../beeld/nav/nav_archief.gif) 0 0 no-repeat;
	}
	
a.nlidworden {
	width: 210px;
	background: url(../beeld/nav/nav_lidworden.gif) 0 0 no-repeat;
	}			

a.nlinks {
	width: 93px;	
	background: url(../beeld/nav/nav_links.gif) 0 0 no-repeat;
	}
	
.navigatie li a.actief, .navigatie li a:hover {
	background-position: 0 -20px;
	}
	
.switcher {
	float: right;
	}

a.normaal {
	float: left;
	height: 20px;
	width: 15px;
	background: url(../beeld/nav_styleswitchklein.gif) 5px 0 no-repeat;
	}
	
a.groot {
	float: left;
	height: 20px;
	width: 18px;
	background: url(../beeld/nav_styleswitchgroot.gif) 0 0 no-repeat;
	}
	
a.normaal:hover {
	background-position: 5px -20px;
	}	

a.groot:hover {
	background-position: 0 -20px;
	}	
	
	
/* positionering binnen header */	
#logoos {
	height: 74px;
	background: url(../beeld/head_shadow.gif) no-repeat bottom left;
	}

#tekstlogo {
	margin: 25px 0 0 0;
	padding: 0;
	float: left;
	}
	
.speerpunt {
	margin: 11px 11px 0 0;
	padding: 0;
	float: left;
	}


/* positionering binnen footer */	
.footerfoto {
	height: 148px;
	display: block;
	}
	
.index {	/* class(es) identiek aan paginanaam!! */
	background: url(../beeld/footer_koppen.jpg) 0 0 no-repeat;
	}	

.index_l {	/* class identiek aan paginanaam!! */
	width: 260px;
	height: 148px;
	float: left;
	background: url(../beeld/footer_koppenL.jpg) 0 0 no-repeat;
	}
	
.index_m {	/* class identiek aan paginanaam!! */
	width: 418px;
	height: 148px;
	float: left;
	background: url(../beeld/footer_koppenM.png) 0 0 no-repeat;
	}
	
.index_r {	/* class identiek aan paginanaam!! */
	width: 270px;
	height: 148px;
	float: left;
	background: url(../beeld/footer_koppenR.jpg) 0 0 no-repeat;
	}


.blog_l {	/* class identiek aan paginanaam!! */
	width: 260px;
	height: 148px;
	float: left;
	background: url(../beeld/footer_potlodenL.jpg) 0 0 no-repeat;
	}
	
.blog_m {	/* class identiek aan paginanaam!! */
	width: 418px;
	height: 148px;
	float: left;
	background: url(../beeld/footer_potlodenM.png) 0 0 no-repeat;
	}
	
.blog_r {	/* class identiek aan paginanaam!! */
	width: 270px;
	height: 148px;
	float: left;
	background: url(../beeld/footer_potlodenR.jpg) 0 0 no-repeat;
	}		
	
.pers_l {	/* class identiek aan paginanaam!! */
	width: 260px;
	height: 148px;
	float: left;
	background: url(../beeld/footer_archiefL.jpg) 0 0 no-repeat;
	}
	
.pers_m {	/* class identiek aan paginanaam!! */
	width: 418px;
	height: 148px;
	float: left;
	background: url(../beeld/footer_archiefM.png) 0 0 no-repeat;
	}
	
.pers_r {	/* class identiek aan paginanaam!! */
	width: 270px;
	height: 148px;
	float: left;
	background: url(../beeld/footer_archiefR.jpg) 0 0 no-repeat;
	}		
	
.rss {
	float: right;
	}
	
	
	
	
/* styling blog */


/* navigatie hoofdkolom*/
.lfloat {
	float: left;
	}		
	
.rfloat {
	float: right;
	}
	
.extramarge {
	margin: 0 0 0 53px;		/* correctie voor niet afbeelden navigatiebutton bij BLOG OVERICHT ! */
	}

.extramarge2 {
	margin: 0 0 0 99px;		/* correctie voor niet afbeelden navigatiebutton! bij >> BLOG << */
	}

a.ouder {
	display: block;
	width: 53px;
	height: 26px;
	background: url(../beeld/blog_nav_ouder.gif) 0 0 no-repeat;
	}

a.ouder:hover {
	background-position: 0 -26px;
	}
	
a.nieuwer {
	display: block;
	width: 62px;
	height: 26px;
	background: url(../beeld/blog_nav_nieuwer.gif) 0 0 no-repeat;
	}

a.nieuwer:hover {
	background-position: 0 -26px;
	}
	
a.navblog {
	display: block;
	width: 206px;
	height: 26px;
	margin: 0 0 0 46px;
	background: url(../beeld/blog_nav_overzicht.gif) 0 0 no-repeat;
	}

a.navblog:hover {
	background-position: 0 -26px;
	}
	
	
/* afwisselende kleuren in blog voor border en linkjes */
div.kleur0, div.kleur1 {
	border-top: 1px solid #3d8335;
	margin: 0;
	padding: 5px 0 20px 0; 
	}
	
div.kleur1 {
	border-top: 1px solid #a4031c;
	}
	
.kleur0 h3, .kleur0 h3 a, .kleur0 a {
	color: #3d8335;
	}
	
.kleur1 h3, .kleur1 h3 a, .kleur1 a {
	color: #a4031c;
	}
	
.kleur0 h3 a:hover,	.kleur1 h3 a:hover, .kleur0 a:hover, .kleur1 a:hover {
	color: #000;
	}

/* blog-icoontjes bij linkjes */
a.meer, a.meer0, a.meer1 {
	background: url(../beeld/subnav0.gif) 2px 0 no-repeat;
	padding: 0 0 0 15px;
	color: #3d8335;
	}
	
a.meer1 {
	background: url(../beeld/subnav1.gif) 2px 0 no-repeat;
	color: #a4031c;
	}
	
a.meer {
	background: url(../beeld/subnav.gif) 2px 0 no-repeat;
	color: #333;
	}
	
a.meer:hover, a.meer0:hover, a.meer1:hover {
	background-position: 2px -34px;
	color: #000;
	}

a.reactie0, a.reactie1 {
	background: url(../beeld/blogicoontjes/reactie0.gif) 1px 0 no-repeat;
	padding: 0 0 0 15px;
	}
	
a.reactie1 {
	background: url(../beeld/blogicoontjes/reactie1.gif) 1px 0 no-repeat;
	}
	
a.drukaf0, a.drukaf1 {
	background: url(../beeld/blogicoontjes/drukaf0.gif) 1px 0 no-repeat;
	padding: 0 0 0 15px;
	}
	
a.drukaf1 {
	background: url(../beeld/blogicoontjes/drukaf1.gif) 1px 0 no-repeat;
	}			
	
a.reactie0:hover, a.reactie1:hover, a.drukaf0:hover, a.drukaf1:hover {
	background-position: 1px -17px;
	}
	
a.reageer0, a.reageer1 {
	background: url(../beeld/blogicoontjes/reageer0.gif) 0 0 no-repeat;
	padding: 0 0 0 15px;
	}
	
a.reageer1 {
	background: url(../beeld/blogicoontjes/reageer1.gif) 0 0 no-repeat;
	}	
	
a.reageer0:hover, a.reageer1:hover {
	background-position: 0px -17px;
	}	
		
/* reacties */
.reactie {
	border-left: 3px solid #777;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
	color: #777;
	}
	
.glreactie0 {
	border-left: 3px solid #3d8335;
	color: #333;
	}
	
.glreactie1 {
	border-left: 3px solid #a4031c;
	color: #333;
	}
	
		

/* subnavigatie zijkolom */
ul.blognavigatie, .blognavigatie ul {
	padding: 0;	
	margin: 0 0 0 10px;
	line-height: 100%;
	}

.byline, .datum, .nummer {
	font-size: 10px;
	color: #777; 
	}
	
.plaatje-links {
	display: block;
	float: left;
	margin: 5px 10px 5px 0;
	}

.plaatje-rechts {
	display: block;
	float: right;
	margin: 5px 0 5px 10px;
	}

.plaatje-midden {
	display: block;
	text-align: center;
	margin: 10px auto;
	clear: both;
	}


/* voor overzicht laatste reacties in rechterkolom */	
.re_titel, re_bericht {
	font-size: 11px;
	color: #777;
	}
	
.re_bericht {
	color: #000;
	}
	
	
	
/* quotes */
.quote0, .quote1 {
	color: #C4D4A6;
	width: 235px;
	float: right;
	margin: 10px 0;
	padding: 0 0 10px 0;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	}
	
.quote1 {
	color: #E2AE9F;
	}
	
.quote0 a {
	color: #C4D4A6;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 0px;
	}
	
.quote1 a {
	color: #E2AE9F;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 0px;
	}
	

.quote0 a:hover {
	color: #3D8335;
	}

.quote1 a:hover{
	color: #A4031C;
	}
	
/* agenda */
.kol1 {
	font-size: 10px;
	color: #777;
	width: 110px;
	line-height: 100%;
	padding: 0 0 15px 0;
	}

.kol2 {
	padding: 0 0 15px 0;
	}
	
.kol2 a {
	color: #A4031C;
	}
	
.kol2 a:hover {
	color: #3D8335;
	}
	
.kol2 h3 {
	text-transform: none;
	letter-spacing: 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 100%;
	}
	
.agendadatum {
	font-size: 9px;
	line-height: 125%;
	}
	
.locatie {
	font-size: 10px;
	color: #777;
	}
	
/* pers */
.icon {
	margin: 0 6px 0 0;
	}
	
	
/* rss-feeds */
a.rssfeed {
	padding: 0 0 0 20px;
	line-height: 25px;
	background: url(../beeld/rss.gif) 0 -3px no-repeat;
	}
	
	
/* extra opmaak */
.kleinkapitaal {
	font-size: 9px;
	}