/* CSS Document */

body{
	background:url(../images/opmaak/body_bgd.jpg) repeat-x #789A38;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#666;
	margin:0;
	padding:0;
	text-align:center;
}
ul {list-style:url(../images/opmaak/list_style.jpg);}
#wrapper{
	width:984px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	min-height:90%;
	background-color:#FFF;
	padding:0;
}
#header{
	width:100%;
	height:210px;
	background:url(../images/opmaak/header.jpg) no-repeat;
}
#headerMail{
	width:200px;
	height:55px;
	margin-left:755px;
	margin-right:30px;
	padding-top:45px;
}
#headerMail img{
	border:none;
	margin-top:10px;
}
#homeLink{
	width:100%;
	height:120px;;
	text-align:left;
}
.imageHome{
	margin-top:45px;
	margin-left:90px;
	border:none;
}
/*   NAVIGATIE   */
#stuur{
	float:left; 
	position:relative;
	z-index: 100;
	top: 0px;
}
#navigatiecontainer{
	margin: -40px 0px 0px 265px;
	padding:0}
#navigatiecontainer ul {
	padding: 0px;
	border-right:1px solid #789A38;
}
#navigatiecontainer li {
	float: left;
	position: relative;
}
/* ############ hoofdnavigatie ############ */

.hoofdnavigatie, .hoofdnavigatieRight{
	list-style: none;
}
.hoofdnavigatie a{
	font-size: 75%;
	color: #789A38;
	background:url(../images/opmaak/menu_bgd.png) repeat-x;
	margin: 0;
	text-decoration: none;
	padding: 8px 2px 8px 2px;
	border-top:1px solid #F0F0BD;
	border-left:1px solid #E7E792;
	border-bottom:1px solid #F0F0BD;
	display:block;
	width:7em;
}
.hoofdnavigatieRight a{
	border-top:1px solid #F0F0BD;
	border-right:1px solid #F0F0BD;
	border-bottom:1px solid #F0F0BD;
	border-left:1px solid #F0F0BD;
	padding: 8px 2px 8px 2px;
	font-size: 75%;
	color: #789A38;
	background:url(../images/opmaak/menu_bgd.png) repeat-x;
	margin: 0;
	text-decoration: none;
	display:block;
	width:7em;
}
.hoofdnavigatie a:hover, .hoofdnavigatieRight a:hover{
	color: #566F28;
	text-decoration: none;
	padding-bottom:2px;
	position:relative;
	background:url(../images/opmaak/menuHover_bgd.png) repeat-x;
	padding: 8px 2px 8px 2px;
}
.hoofdnavigatie a.selected, .hoofdnavigatieRight a.selected{
	color: #566F28;
	text-decoration: none;
	padding-bottom:2px;
	position:relative;
	background:url(../images/opmaak/menuSelected_bgd.png) repeat-x;
	padding: 8px 2px 8px 2px;
	border-top:1px solid #F0F0BD;
	border-right:1px solid #F0F0BD;
	border-bottom:1px solid #F0F0BD;
	border-left:1px solid #F0F0BD;
}


/* ############ subnavigatie ############ */

.subnavigatie{
	display: none; 
	position: absolute;
	background-color: #E8E89B;
	top: 32px;
	left: 0px;
	font-size:85%;
}
.subnavigatie li{
	display:block;
	/*width: 10.5em;*/
	background-color:#E8E89B;
	text-align:left;
} 
.subnavigatie li a{
	display:block;
/*	font-size: 70%;*/
	color: #666;
	text-decoration: none;
	background: #E8E89B;
	padding: 6px 2px 6px 6px;
	width:10.5em;
}
.subnavigatie li a:hover{
	display:block;
	color: #FFF;
	background: #789A38 url(none);
	padding: 6px 2px 6px 6px;
	width:10.5em;
}

#navigatiecontainer li:hover ul, li.over ul { /* lists genesteld onder de hovered list items */
	display: block;
}
/*   RUIMTE  */
#spacerDiv{
	height:10px;
}
/*   CONTENT   */
#contentContainer{
	width:100%;
	float:left;
	padding:10px 0 0 0;
	margin:0;
	background:url(../images/opmaak/container_bgd.png) no-repeat #FEFEFA;
	line-height:16px;
}
/*   LINKERKOLOM   */
#leftCol{
	width:240px;
	float:left;
	position:relative;
	margin:8px 0 0 0;
}
#userDiv{
	width:210px;
	background:url(../images/opmaak/users_bgd.jpg) no-repeat #FBFBEE;
	margin-left:20px;
	margin-top:10px;
	padding:28px 0 0 0;
}
#userDiv p{
	font-size:70%;
	text-align:left;
	margin-left:20px;
}
#leftCol a{
	color:#789A38;
	text-decoration:none;
}
#leftCol a:hover, #leftCol a:focus{
	color:#526927;
	background-color:#DAEBD8;
}
#agendaDiv{
	width:210px;
	background:url(../images/opmaak/agenda_bgd.jpg) no-repeat #FBFBEE;
	margin-left:20px;
	margin-top:10px;
	padding:28px 0 0 0;
}
#agendaDiv p{
	font-size:70%;
	margin-left:20px;
	margin-right:5px;
	text-align:left;
}
#lidWordenDiv{
	width:210px;
	background:url(../images/opmaak/lidWorden_bgd.jpg) no-repeat #FBFBEE;
	margin-left:20px;
	margin-top:10px;
	padding:28px 0 0 0;
}
#lidWordenDiv p{
	font-size:70%;
	margin-left:20px;
	margin-right:5px;
	text-align:left;
}
#leesMeeDiv{
	width:210px;
	background:url(../images/opmaak/leesMee_bgd.jpg) no-repeat #FBFBEE;
	margin-left:20px;
	margin-top:10px;
	padding:28px 0 0 0;
}
#leesMeeDiv p{
	font-size:70%;
	margin-left:20px;
	margin-right:5px;
	text-align:left;
}
#linksDiv{
	width:210px;
	background:url(../images/opmaak/links_bgd.jpg) no-repeat #FBFBEE;
	margin-left:20px;
/*	margin-top:10px;*/
	padding:28px 0 0 0;
}
#linksDiv p{
	font-size:70%;
	margin-left:20px;
	margin-right:5px;
	text-align:left;
}
#feedDiv{
	width:210px;
	background:url(../images/opmaak/rssLand_bgd.jpg) no-repeat #FBFBEE;
	margin-left:20px;
	margin-top:10px;
	padding:28px 0 0 0;
}
#feedDiv p{
	font-size:70%;
	margin-left:20px;
	margin-right:5px;
	text-align:left;
}
/*   CONTENTPANEL   */
#contentPanel{
	width:484px;
	margin-left:250px;
	text-align:left;
}
#contentPanel h1{
	font-size:90%;
	color:#789A38;
	letter-spacing:0.1em;
	margin-left:20px;
	padding-bottom:0px;
	font-weight:normal;
}
#contentPanel h2{
	font-size:90%;
	color:/*#BDA206*/#789A38;
	letter-spacing:0.1em;
	margin-left:20px;
	padding-bottom:0px;
	font-weight:600;
}
#contentPanel h3{
	font-size:80%;
	font-weight:bold;
	color:#789A38;
	margin-left:20px;
}
#contentPanel p{
	font-size:70%;
	font-weight:normal;
	margin-left:20px;
}
#contentPanel ul, #contentPanel ol{
	font-size:70%;
	line-height:16px;
	margin-left:20px;
}
#contentPanel .title{
	font-size:110%;
	color:#789A38;
	letter-spacing:0.1em;
	font-weight:normal;
}
#contentPanel .title a{
	text-decoration:none;
}
#contentPanel .title a:hover, #contentPanel .title a:focus{
	background-color:#FFFFFF;
	color:#789A38;
}
#contentPanel .datum{
	font-size:95%;
	font-style:italic;
}
#contentPanel .reactie{
	display:block;
	/*background-color:#F4F9E8;*/
	border-top: 1px solid #ECF3D7;
	padding: 3px 0 3px 0;
}
#contentPanel .reactieHome{
	display:block;
	padding-top:8px;
	font-style:italic;
}
#contentPanel .leftImage{
	float:left;
	margin-right:5px;
	border:none;
}
#contentPanel .reactieSection{
	font-size:90%;
	color:/*#BDA206*/#FFF;
	background-color:#B6C484;
	letter-spacing:0.1em;
	margin-left:20px;
	padding:3px;
	border-bottom:1px solid #F0F0BD;
	border-top:1px solid #F0F0BD;
	font-weight:600;
	
}
#contentPanel a{
	color:#789A38;
}
#contentPanel a:hover, #contentPanel a:focus{
	color:#000;
	background-color:#DAEBD8;
}
#contentPanel table{
	margin-left:20px;
	width:450px;
	text-align:left;
	font-size:70%;
}
#contentPanel .errorMessage{
	color: #CC0000;
	font-weight: bold;
}
.frontImage{
	border:1px solid #CCC;
	padding:2px;
	float:left;
	margin-right:5px;
	margin-top:5px;
}
.whoImage{
	border:1px solid #CCC;
	padding:2px;
	float:left;
	margin-right:5px;
}
.rightImage{
	float:right;
	border:1px solid #CCC;
	padding:2px;
	margin-left:5px;
}
.imageborder{
	border:1px solid #CCC;
	margin-bottom:8px;
}
/*  RECHTERKOLOM   */
#rightCol {
	margin:14px 0 0 0;
	float: right;
	width: 240px;
	padding:0 8px 0 8px;
}
#kijkerDiv{
	width:210px;
	background:url(../images/opmaak/kijker_bgd.png) no-repeat #FBFBEE;
	margin-left:20px;
	margin-top:0px;
	padding:28px 0 0 0;
	min-height:50px;
}
#kijkerDiv img{
	border:1px solid #CCCCCC;
	padding:2px;
}
#kijkerDiv p{
	font-size:70%;
	margin-left:5px;
	margin-right:10px;
	text-align:center;
}
#kijkerDiv a{
	color:#789A38;
	text-decoration:none;
}
#kijkerDiv a:hover, #kijkerDiv a:focus{
	color:#526927;
}
#Div2010{
	width:210px;
	background:url(../images/opmaak/2010.png) no-repeat #FBFBEE;
	margin-left:20px;
	margin-top:0px;
	padding:28px 0 0 0;
	min-height:50px;
}
#Div2010 p{
	font-size:70%;
	text-align:left;
	margin-left:5px;
	margin-right:10px;
}
/*  FOOTER   */
#footer{
	font-size:65%;
	padding:5px 0 5px 0;
	background:url(../images/opmaak/footer_bgd.png) no-repeat #F8F8DE;
	/*border-top:1px solid #ECF3D7;*/
}
#footer a{
	color:#789A38;
	text-decoration:none;
}
#footer a:hover, #footer a:focus{
	color:#526927;
}
/*  PIXELSHAPE  */
#pixelshape{
	font-size:65%;
	text-align:right;
	padding-right:17px;
	background-color:#789A38;
	font-style:italic;
	color:#CCC;
	padding-bottom:5px;
}
#pixelshape a{
	color:#CCC;
	text-decoration:none;
}
#pixelshape a:hover, #pixelshape a:focus{
	color:#FFF;
}
.clearLeft{
	clear:left;
}
.clearBoth{
	clear:both;
}
hr {
	border: thin solid #ECF3D7;
	width: 465px;
	text-align:center;
}
/*   FORMULIER    */
fieldset{
	margin-left:20px;
	margin-top:8px;
	width:420px;
	border:1px solid #F0F0BD;
}
legend{
	background-color:#789A38;
	color:#FFFFFF;
	font-style:italic;
	padding:5px;
	letter-spacing:0.1em;
}
label{
	width:8em;
	text-align:right;
	float:left;
	padding-right:9px;
}
input, textarea{
	border:1px solid #99CC00;
	font-weight:bold;
	background-color:#FFF;
	margin-bottom:3px;
}
.checkbox{
	border:1px solid #666666;
}
.areaPic{
	background:url(../images/opmaak/textarea_bgd.gif) #FFE8E8 no-repeat bottom;
}
.areaNoPic{
	background:none;
}
.verplichtVeld{
	background-color:#FFE8E8;
}
textarea:focus{
	background-image:none;
	background-color:#FBFBEA;
}
input:focus{
	background-color:#FBFBEA;
}
.button{
	background-color:#F0F0BD;
	border:1px solid #789A38;
}
.button:focus{
	background-color:#F0F0BD;
}
#kandidaatDiv{
	height:124px;
	padding-bottom:5px;
	margin-left:50px;
	line-height:11%5;
}
.kandidaatFoto{
	float:left;
	margin-right:10px;
	border:1px solid #CCC;
	padding:2px;
}
.kandidaatNaam{
	font-size:90%;
	color:#789A38;
	letter-spacing:.1em;
	font-weight:bold;
}