@import url(http://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);
@font-face {font-family:"DejaVu Sans Condensed";src:url("/dutchafrikaans/stijlmap/DejaVuSansCondensed.eot?") format("eot"),url("/dutchafrikaans/stijlmap/DejaVuSansCondensed.woff") format("woff"),url("/dutchafrikaans/stijlmap/DejaVuSansCondensed.ttf") format("truetype"),url("/dutchafrikaans/stijlmap/DejaVuSansCondensed.svg#DejaVuSansCondensed") format("svg");}

a {color: #1f8058;}
a:hover {
	text-decoration: none;}

body {
	font-family: 'DejaVu Sans Condensed', sans-serif;
	font-size: 13px;
	text-align: justify;
	color: #5c595a;
	margin: 0px; 
	margin-top: 30px;
	background-color: #f3f5f6;}
	
.schaduwdiv {margin-left: auto;
	margin-right: auto; width: 940px; background-color: #ffffff;
-moz-box-shadow: 0 0 3px 3px #d8dadb;
-webkit-box-shadow: 0 0 3px 3px#d8dadb;
box-shadow: 0 0 3px 3px #d8dadb;
overflow:auto;

	background-repeat: no-repeat;}

				
.veranderende_achtergrond { height: 210px;}
				
.groencontainer {background-color: #ffffff; float: right;}
.groenmenu { 
				height: 29px;
				float: right; 
				margin-top: 3px; 
				margin-bottom: 3px;
				margin-right: 3px;
				text-align: right;
				font-size: 15px;
				font-family: 'Oswald', sans-serif;
				text-transform: uppercase;
				vertical-align: bottom;}
a.groenmenu_inactief {padding-left: 8px;
				padding-right: 8px;
				padding-top: 3px;
				border: 1px solid #1f8058;
				background-color: #1f8058; 
				color: #ffffff; 				
				margin-left: 3px;
				height: 27px;
				vertical-align: bottom;
				text-align: center;
				float: right;
				text-decoration: none;
				border-radius:5px;
				}
a.groenmenu_inactief:hover {
				color: #1f8058; 	
				background-color: #ffffff;		
				border: 1px solid #1f8058;					
				}
a.groenmenu_actief {padding-left: 8px;
				padding-right: 8px;
				padding-top: 3px;
				color: #1f8058; 				
				border: 1px solid #1f8058;
				height: 27px;
				vertical-align: bottom;
				text-align: center;
				float: right;
				text-decoration: none;
				background-color: #ffffff;
				margin-left: 3px;
				border-radius:5px;
				}

.tekstcontainer {width: 720px;);
	margin: 0px; float: right;}
	
.tekstkader {
	width: 480px; float: left; margin-left: 10px;}

img.pnguam {float: right;
opacity:1.0; /* was 0,4 en 40 */
filter:alpha(opacity=100); /* For IE8 and earlier */
border: 0px;
margin-top: 90px;
}
img.pnguam:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

		

a.menu_pools {
	font-size:  16px;
	letter-spacing: -0.5px;
	text-decoration: none;
	color: #5c595a;
	line-height: 15px;
	}
	
a.menu_vertaling {color: #1f8058; 
	font-size: 12px;
	text-decoration: none;

	}
	
li.mm {
	width: 190px;
	line-height: 15px;	
	padding-bottom: 5px;
		padding-top: 5px;
		list-style: none;
		padding-left: 8px;
		border: none;
		margin-left: -40px;
			border-left: 8px #ffffff solid;	
			border-bottom: 1px #a6dac4 dotted;
	}
	
li.mm_actief {
	width: 190px;
	line-height: 15px;	
	padding-bottom: 5px;
		padding-top: 5px;
		list-style: none;
		padding-left: 8px;
border-left: 8px #1f8058 solid;
			background-color: #e8f6f0;
		margin-left: -40px;
			border-bottom: 1px #a6dac4 dotted;
	}	
	
li.mm:hover {	border-left: 8px #1f8058 solid;
			background-color: #e8f6f0;	}
		
		
h1 {font-family: 'DejaVu Sans Condensed', sans-serif;
font-size: 33px;
color: #1f8058;
font-weight: bold;
letter-spacing:-2px;
text-align: right;
margin-bottom: -20px;
}

h2 {
font-size: 20px;
color: #5c595a;
font-weight: normal;
text-align: right;
	letter-spacing: -0.5px;
	padding-right: 20px;
}

h3 {font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size: 20px;
color: #5c595a;
text-align: left;
font-weight: bold}

h4 {
font-weight: normal;
font-size: 20px;
color: #5c595a;
text-align: left;}

.onderbalk {width: 940px; 
border-top: solid 1px #a6dac4;
float: left;}

.links {width: 210px; float: left;
}

.onderaan {width: 940px; 
margin-left: auto;
margin-right: auto;
text-align: right;
font-size: 10px;
margin-top: 15px;
margin-bottom: 10px;
color: #b5b0b2;}

.onderkadertje {width: 170px; 
	float: left; 
	margin-left: 10px; 
	padding-left: 10px;
	border-left: 1px #b5b0b2 dotted;
	text-align: left; 
	margin-bottom: 10px;}
	
a.onderkadertjeG {color: #b5b0b2;
	text-decoration: none;
	font-size: 12px;}
a.onderkadertjeG:hover {text-decoration: underline;}

a.onderkadertjeK {color: #b5b0b2;
	text-decoration: none;
	padding-left: 10px;}
a.onderkadertjeK:hover {text-decoration: underline;}

table {border-collapse:collapse;}
td {padding: 3px;
border: 1px solid #a6dac4; 
background-color: #e8f6f0;}

ul.groene-ul {
    list-style: none;
    padding:0;
    margin:0;
}

li.groene-ul { 
    padding-left: 1em; 
    text-indent: -1em;
    padding-bottom: 10px;
}

li.groene-ul:before {
    content: "• ";
    color: #a6dac4; 
    font-weight: bold;
}

ul.dgroene-ul {
    list-style: none;
    padding:0;
    margin:0;
    text-align: left;
}

li.dgroene-ul { 
    padding-left: 3em; 
    text-indent: -1em;
    padding-bottom: 2px;
}

li.dgroene-ul:before {
    content: "• ";
    color: #1f8058; 
    font-weight: bold;
}

/* Rechter kolom */

.rechterkant {width: 210px; 
		float: right; 
		padding-top: 20px;
		padding-bottom: 100px;}
		
.rechterkant-top {width: 207px; 
		float: left; 
		background-color: #1f8058; 
		border-top-left-radius:10px; 
		height: 10px; 
		border-top-right-radius:10px;}		
		
.rechterkant-titel {width: 201px; 
		float: left; 
		background-color: #a6dac4; 
		color: #1f8058; 
		font-weight: bold;
		text-align: center;
		padding: 3px;}
		
.rechterkant-links {width: 197px; 
		padding: 5px; 
		float: left; 
		background-color: #e8f6f0;
		text-align:  left;}
		
ul.rechterkant-ul {
    list-style: none;
    padding:0;
    margin:0;
}

li.rechterkant-ul { 
    padding-left: 1em; 
    text-indent: -1em;
    padding-bottom: 2px;
}

li.rechterkant-ul:before {
    content: "• ";
    color: #a6dac4; 
    font-weight: bold;
}

a.rechterkant-a {
	 text-decoration: none;
	 color: #5c595a;}

a.rechterkant-a:hover {
	 text-decoration: underline;	
	}
		
.rechterkant-onder {width: 207px; 
		float: left; 
		background-color: #1f8058; 
		border-bottom-left-radius:10px; 
		height: 10px; 
		border-bottom-right-radius:10px;}
		
/* nieuwskadertje */
	
.hoofdkadertje {
	width: 478px; 
	margin-bottom: 5px; 
	border-top: 1px solid #a6dac4; 
	float: left; 
	padding-top: 3px; 
	background-color: #e8f6f0;
	position: relative;}
	

	
#witkadertje {
	float: right; 
	background-color: #ffffff; 
	min-height: 90px; 
	width: 358px; 
	padding-left: 10px; 
	padding-right: 10px; 
	padding-top: 5px;}
#witkadertje p {
	margin: 0px;}	

#nieuwstitel {
		text-align: left;}

#nieuwstitel a {
text-decoration: none;
color: #1f8058;
	text-align: left; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	font-size: 20px; 
	font-weight: bold;

}

#nieuwstitel a:hover {
	text-decoration: underline;}
	
	

	
#nieuwskadertje_taal a {
	float: right; 
	text-align: center; 
	color: #a6dac4; 
	width: 100px; 
	margin-right: -10px; 
	padding: 3px;
   text-decoration: none;}
#nieuwskadertje_taal a:hover {
	text-decoration: underline;}
	
.nieuwskadertje_datum {
	float: right; 
	text-align: center; 
	color: #a6dac4; 
	width: 100px; 
	margin-right: 3px; 
	padding: 3px;}
	
a.nieuwskadertje_verder {
	float: left; 
	text-align: left; 
	color: #1f8058; 
	width: 150px; 
	margin-right: 3px; 
	padding-top: 3px;
		text-decoration: none;}
	
a.nieuwskadertje_verder:hover {
	text-decoration: underline;}
	
.archieflijst {
	margin-left: -25px;	
	}
	
.zoekbalkje {
	border: 1px solid #a6dac4; color: #bbbbbb; width: 100%; 
	margin-left: 12px;}	
.zoekbalkje:focus {
	border: 1px solid #1f8058;
	color: #5c595a;}
	
.zoekknopje {
	background-color: transparent;
	color: #5c595a;	 float: left; margin-left: 5px;
	border: 1px solid #a6dac4; 
	}	
	
.zoekknopje:hover {
	background-color: #a6dac4;
	}	
	
.zoekdivje {
	display: block; width: 115px; float: left;
	}
	
.zoekknopje_amur {
	background-color: #dbeaf2;
	color: #062f71;	 float: left; margin-left: 5px;
	border: 1px solid #01a0f2; 
	}	
	
.zoekknopje_amur:hover {
	background-color: #a2d7f2;
	}		
	
	
/* aandachtbar */

.aandachtkadertje {
	width: 225px; 
	height: 225px; 
	border: 1px solid #1f8058; 
	background-color: #1f8058; 
	border-radius:10px; 
	float: left;}
	
.aandachtkadertje_tekstdiv {
	 background-color: #e8f6f0; 
	 margin-top: 10px; 
	 margin-bottom: 10px; 
	 width: 225px; 
	 height: 205px; 
	 text-align: center;}
	 
.aandachtkadertje_titel {
	font-weight: bold; 
	padding: 5px; 
	padding-top: 10px; 
	color: #1f8058; }
	
.oranjeskadertje {
	width: 225px; 
	height: 225px; 
	border: 1px solid #fc8800; 
	background-color: #fc8800; 
	border-radius:10px; 
	float: right; 
	margin-left: 5px;}
	
.oranjeskadertje_tekstdiv {
	overflow: auto; 
	width: 225px; 
	height: 205px; 
	background-color: #fff4ce; 
	margin-top: 10px; 
	margin-bottom: 10px;}
	
.aandachtbar_spacer {
	width: 700px; 
	height: 20px; 
	float: left;}
	
.aandachtbar_werkennl {
	overflow: auto; 
	width: 225px; 
	height: 130px; 
	background-color: #ffffff; 
	margin-top: -4px; 
	margin-bottom: 10px;}
	
.ul_werkennl {
	margin-left: -10px;
	margin-right: 4px;
	text-align: left;
	}	
	
/* ------------- ERGENS VERDEROP OP DE PAGINA'S ----------------*/

a.grotelink {
	font-size: 20px;
		letter-spacing: -0.5px;
	}

a.grotelink_vertaling {
	color: #5c595a;
	font-size: 15px;
		letter-spacing: -0.5px;
	}
	
div.kadertje {
text-align: center; 
background-color: #e8f6f0; 
border: 1px solid #5c595a; 
margin-top: 20px; 
margin-bottom: 20px; 
padding: 0px;
border-radius:5px; 
	}
	
p.kaderkopje {
background-color: #5c595a; padding: 5px; font-weight:bold; margin-top: 0px; margin-bottom: 0px;
	border-top-left-radius:5px; 	border-top-right-radius:5px;  
	}
a.kaderkopje {
	color: #ffffff;
	text-decoration: none;}