/* CSS Westerkwartier */
body {
	font: normal 12px/16px verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: #bbd077;
	background-image: url(images/bodybg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
td{
	font-size:12px;
	line-height:16px;
}
#container{
	width:900px;
	text-align:left;
	margin:auto;
	margin-top:8px;
	border:1px solid #000000;
	background-color:#FFFFFF;
}
.clear{
	clear:both;
	line-height:1px;
	height:0px;
}

/* Titel en header */
#headinfo{
	background-color:#193896;
}
#vvvmenu{
	background-image:url(images/vvvknopbg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border:2px solid #ffffff;
	border-left:none;
}
#vvvmenu td{
	text-align:center;
	border-left:2px solid #ffffff;
}

#vvvmenu a, #vvvmenu h1, #vvvmenu h2 {
	font: bold 12px/17px verdana, arial, helvetica, sans-serif;
	margin: 0;
	color:#FFFFFF;
	text-decoration:none;
}
#vvvmenu a{
	padding:3px 12px;
	display:block;
}
#vvvmenu a:hover{
	background-color:#006666;
}

#vvvnaam{
	font: bold 12px/17px verdana, arial, helvetica, sans-serif;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	width:896px;
	background-color:#193896;
	margin:0;
	padding:0;
	background-image: url(images/h_westerkwartier_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#dorpmenu{
	font: bold 12px/17px verdana, arial, helvetica, sans-serif;
	background-color:#ff8c00;
	border:2px solid #ffffff;
	border-left:none;
}
#dorpmenu td{
	border-left:2px solid #ffffff;
	white-space:nowrap;
}
#dorpmenu a{
	text-align:center;
	padding:3px 3px;
	display:block;
	color:#ffffff;
	text-decoration:none;
}
#dorpmenu ul ul a{
	text-align:left;
}
#dorpmenu a:hover{
	/*background-color:#d39e0f;*/
  background-color:#fbb800;

}
#dorpmenu a.selected{
/*	background-color:#999966;*/
  background-color:#fbb800;
}
/* ===================================== */
#dorpmenu ul{
	text-align:left;
	list-style: none;
	margin: 0;
	padding:0;
}
#dorpmenu ul ul {
	padding:0px;
	margin:0;
	border-style:solid;
	border-width:0px 1px 1px;
	border-color:#aaa #aaa #aaa #eee;
	position: absolute;
	z-index: 500;
	width: 14em;
	background-color:#F48600;
	/*letter-spacing:-1px;*/
}
#dorpmenu ul ul {display: none;}
#dorpmenu ul li:hover ul, #dorpmenu ul li.sfhover ul {display: block;}

/* ===================================== */

#main{
	margin-top:20px;
	padding-bottom:14px;
}
#main h2.serif{
	font: bold 24px/24px Georgia, "Times New Roman", Times, serif;
/*	font-family:Georgia, "Times New Roman", Times, serif;*/
	color:#233;
	margin:0;
	padding:0;
	padding-bottom:12px;
	letter-spacing:-1px;
}
p{
	margin:0;
	padding:0;
	padding-bottom:8px;
}

.links3 { padding:0 10px 0 20px; }
.mid3   { padding:0 10px; }
.rechts3{	padding:0 28px 0 10px; }

.rechts3 .imgb, .imgb{
	padding:2px;
	border:1px solid #cccccc;
}
#main h2.subkop{
	font: bold 14px/16px arial, helvetica, sans-serif;
	margin:2px 0;
	padding:0px 0px 2px;
	border-bottom: 2px solid #e4ecdd;
	color:#1e7a3d;
}
/* ===================================== */
.kolomklein{
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:12px;
	padding:7px 12px;
	color:#fff;
	background-repeat:no-repeat;
}
.groen{background-image:url(images/groene-kolom2.jpg);border:1px solid #777;}
.blauw{background-image:url(images/blauwe-kolom.jpg);border:1px solid #777;}
.oranje{background-image:url(images/oranje-kolom3.jpg);border:1px solid #777;}

.kolomklein ul{
	list-style: none;
	margin: 0;
	padding:0;
}
.groen a, .blauw a, .oranje a{
	color:#ffffff;
}
.kolomklein h3, .kolomklein h4{
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-size:13px;
	border-bottom:1px solid #ddd;
	margin:0px 0px 3px;
	padding:0 0 2px;
}
/* ===================================== */
div.oranjerand{
	background-image:url(images/oranjerand-kolom2.jpg);
	border:2px solid #e0af74;/*#ff8c00;*/
	color:#234;
	background-color:#FFFFFF;
}
div.oranjerand a{
	color:#333;
}
div.oranjerand h3{
	font-size:16px;
	letter-spacing:-1px;
}
.oranjerand .sel{
	/*border-left:8px solid #ff8c00;*/
	background-image:url(images/oranjerand-sel.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:13px;
	font-weight:bold;
	margin-left:-9px;
}
.oranjerand .sel a{
	text-decoration:none;
}
.oranjerand .sel a:hover{
	text-decoration:underline;
}
.oranjerand a:hover{
	color:#444;
	font-weight:bold;
}


/* ===================================== */
.vanvvv{
	font-weight:normal;
	color:#aaa;
}

.kleingrijs{
	font-size:11px;
	font-weight:normal;
	color:#888;
}
.kleingrijs a{
	color:#555;	
}
.clear{
	clear:both;
	line-height:1px;
	height:1px;
}
#footer{
	margin: 0 auto;
	padding: 6px 0 12px 0;
	color: #555555;
}


/* ------------------------------------------ */

#formtable1 td{
	border-bottom:1px solid #ccc;
	padding:5px 7px;
}
#formtable1{
	background-image:url(images/formbg.jpg);
	background-repeat:repeat-y;
	border:1px solid #999;
}