/**************** Tags ****************/ 

body, p, td  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #002F6B;
}
body, p, h1, h2, h3{
	margin: 0px;
	padding: 0px;
}
html, body {
	height: 100%;
	width: 100%;
}
hr {
	color: #a6ce39;
	height: 1px;
	border: 0;
	background-color: #a6ce39;
}
a {
	color: #002F6B;
	text-decoration: underline;
}
h1 {
	font-size: 32px;
	color: #006941;
	font-weight: normal;
	line-height: normal;
}
h2 {
	font-size: 26px;
	color: #006941;
	font-weight: normal;
	line-height: normal;
}
h3 {
	font-size: 20px;
	color: #006941;
	font-weight: normal;
	line-height: normal;
}
textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	resize:none;
}
input[type=text] {  
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
} 
a.news {
	text-decoration: none;
}

/**************** Classes ****************/ 

.teruglink {
	cursor: pointer;
}
.splitterugbtn {
	color: #FFFFFF;
	padding-left: 20px;
	background-image: url(../images/terug.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.error {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #FF0000;
}
.btnzoek {
	height: 18px;
	width: 58px;
	background-color: #a6ce39;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: -2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 16px;
}
.btnzoek:hover {
	color: #7A8D09;
}
.zoekveld {
	width: 125px;
	height: 14px;
	position: absolute;
	right: 0px;
	top: 0px;
	border: 1px solid #a6ce39;
	background-color: #cde191;
	color: #7A8D09;
	font-size: 12px;
}
.nieuwslink {
	color: #3d1063;
}
.activiteitenlink {
	color: #006293;
}
.staticlink {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
}
.staticlink:hover,
.staticlinkactive {
	color: #7A8D09;
	text-decoration: none;
	font-size: 16px;
}
.meerlink {
	display: block;
	width: 80px;
	height: 18px;
	padding-left: 25px;
	background-image: url(../images/meerlink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #3E165D;
}
.news {
	color: #3E165D;
}
.actmeerlink {
	color: #006293;
	text-decoration: none;
}
.citaat {
	text-align: center;
	color: #750059;
	font-size: 24px;
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 24px;
	margin-top: 8px;
	margin-bottom: 15px;
}
.leesverhaal {
	text-align: center;
	color: #C50347;
	line-height: 19px;
}
.menu01 {
	width: 232px;
	height: 124px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.menu02 {
	width: 231px;
	height: 124px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.menu03 {
	width: 231px;
	height: 124px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.menu04 {
	width: 232px;
	height: 124px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.anderekleur {
	color: #C50347;
}
.breadcrumblink {
	color: #FFFFFF;
	text-decoration: none;
	fotnt-size: 15px;
	text-transform: lowercase;
}
.foto {
	height: 113px;
	position: relative;
	border: 1px solid #00925b;
	padding: 5px;
	float: left;
	margin: 3px;
}
.clear {
	width: 0px; 
	height: 0px; 
	clear: both; 
	line-height: 0px; 
	font-size: 0px;
}

/**************** Div's ****************/ 

#mapdiv {
	border: 2px solid #FFFFFF;
}
#master {
	width: 950px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #a6ce39;
	top: 8px;
}
#topzone {
	width: 950px;
	height: 28px;
	position: relative;
}
#centerzone {
	width: 950px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
	position: relative;
}
#bottomzone {
	width: 950px;
	height: 28px;
	position: relative;
	background-image: url(../images/hkz.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#logo {
	width: 232px;
	height: 28px;
	position: absolute;
	padding-left: 8px;
	right: 0px;
	top: 0px;
	background-color: #FFFFFF;
}
#homebtn {
	height: 18px;
	position: absolute;
	top: 3px;
	left: 35px;
}
#folderbtn {
	height: 18px;
	position: absolute;
	top: 3px;
	left: 153px;
}
#contactbtn {
	height: 18px;
	position: absolute;
	top: 3px;
	left: 522px;
}
#aaa {
	width: 40px;
	height: 16px;
	position: absolute;
	top: 5px;
	left: 635px;
}
#normal {
	width: 10px;
	height: 11px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#medium {
	width: 14px;
	height: 13px;
	position: absolute;
	right: 16px;
	bottom: 0px;
}
#large {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#zoekzone {
	width: 188px;
	height: 18px;
	position: absolute;
	left: 274px;
	top: 4px;
}
#adres {
	height: 18px;
	position: absolute;
	top: 5px;
	left: 35px;
	color: #FFFFFF;
}
#disclaimerbtn {
	height: 18px;
	position: absolute;
	top: 5px;
	left: 495px;
}
#colofonbtn {
	height: 18px;
	position: absolute;
	top: 5px;
	left: 734px;
}
#hoofdgroep {
	width: 950px;
	height: 132px;
	position: relative;
}
#menufoto01 {
	width: 232px;
	height: 124px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#menufoto02 {
	width: 232px;
	height: 124px;
	position: absolute;
	left: 240px;
	top: 0px;
}
#menufoto03 {
	width: 232px;
	height: 124px;
	position: absolute;
	left: 479px;
	top: 0px;	
}
#menufoto04 {
	width: 232px;
	height: 124px;
	position: absolute;
	left: 718px;
	top: 0px;
}
#hoofdmenu {
	width: 957px;
	position: absolute;
	left: -7px;
	top: 0px;
}
#contentzone {
	width: 471px;
	position: relative;
	float: left;
}
#nieuwszone {
	width: 479px;
	position: relative;
	float: left;
}
#nieuwsitemszone {
	width: 231px;
	position: relative;
	float: left;
	margin-left: 8px;
	background-color: #c7bbdc;
}
#activiteitenzone {
	width: 232px;
	position: relative;
	float: left;
	margin-left: 8px;
	background-color: #b9daf3;
}
#contenthome {
	width: 450px;
	padding-right: 21px;
	position: relative;
	padding-bottom: 22px;
	line-height: 19px;
}
#content {
	width: 950px;
	position: relative;
}
#subgroepzone {
	width: 232px;
	position: relative;
	float: left;
	background-color: #96d5d2;
}
#verhaal {
	width: 231px;
	position: relative;
	float: left;
	margin-left: 8px;
}
#subgroep {
	width: 232px;
	position: relative;
	background-color: #FFFFFF;
}
#fotoblok {
	width: 232px;
	height: 80px;
	position: relative;
	background-color: #96d5d2;
	margin-top: 0px;
}
#natop {
	width: 231px;
	height: 28px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#nabot {
	width: 231px;
	height: 28px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #3d1063;
}
#nieuwsactiviteiten {
	width: 167px;
	padding-top: 50px;
	padding-left: 35px;
	padding-bottom: 40px;
	padding-right: 30px;
}
#titel {
	height: 18px;
	font-size: 16px;
	position: absolute;
	left: 38px;
	top: 4px;
	color: #FFFFFF;
}
#archief {
	height: 18px;
	font-size: 16px;
	position: absolute;
	left: 38px;
	top: 4px;
	color: #3d1063;
}
#clear {
	width: 0px; 
	height: 0px; 
	clear: both; 
	line-height: 0px; 
	font-size: 0px;
}
#foldercontainer {
	width: 950px;
	position: relative;
	background-image: url(../images/folderbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#folderleft {
	width: 208px;
	position: relative;
	float: left;
	margin-right: 8px;
	padding: 12px;
	padding-top: 45px;
	line-height: 19px;
}
#foldercenter {
	width: 208px;
	position: relative;
	float: left;
	margin-right: 8px;
	padding: 12px;
	padding-top: 45px;
	line-height: 19px;
}
#folderright {
	width: 206px;
	position: relative;
	float: left;
	margin-right: 8px;
	padding: 12px;
	padding-top: 45px;
	line-height: 19px;
}
#folderimg {
	width: 232px;
	height: 388px;
	position: relative;
	float: left;
}
#foldertop {
	width: 719px;
	height: 31px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/foldertitelsbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#transtop {
	width: 232px;
	height: 31px;
	position: absolute;
	right: 0px;
	top: 0px;
}
#transbot {
	width: 232px;
	height: 31px;
	position: absolute;
	right: 0px;
	top: 357px;
}
#foldertitel01 {
	height: 18px;
	position: absolute;
	left: 12px;
	top: 6px;
	color: #7A8D09;
	font-size: 15px;
}
#foldertitel02 {
	height: 18px;
	position: absolute;
	left: 252px;
	top: 6px;
	color: #7A8D09;
	font-size: 15px;
}
#foldertitel03 {
	height: 18px;
	position: absolute;
	left: 492px;
	top: 6px;
	color: #7A8D09;
	font-size: 15px;
}
#foldercontainer ul {
	margin: 0px;
	padding: 0px;
	list-style-image: url(../images/folderlist.gif);
	list-style-type: none;
	padding-left: 21px;
}
#foldercontainer ul li {
	margin-bottom: 5px;
}
#foldercontainer ul li a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
}
#staticcontainer {
	width: 950px;
	position: relative;
}
#statictop {
	width: 466px;
	height: 25px;
	position: absolute;
	left: 240px;
	top: 0px;
	padding-top: 6px;
	padding-left: 4px;
	background-color: #d9e8ae;
}
#statictopzoek {
	width: 466px;
	height: 25px;
	position: absolute;
	left: 240px;
	top: 0px;
	padding-top: 6px;
	padding-left: 4px;
	background-color: #a6ce39;
}
#staticcontainerzoek {
	background-image: url(../images/staticzoekbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#staticleft {
	width: 232px;
	position: relative;
	float: left;
	margin-right: 8px;
}
#staticcontent {
	width: 446px;
	position: relative;
	float: left;
	margin-right: 8px;
	padding: 12px;
	padding-top: 35px;
	color: #FFFFFF;
	line-height: 19px;
}
#pagesubgroep {
	width: 232px;
	position: relative;
	padding-top: 8px;
	background-color: #FFFFFF;
	margin-bottom: 0px;
}
#submenucontainer {
	width: 232px;
	position: relative;
}
#submenuleft{ 
	width: 10px;
	position: relative;
	float: left;
}
#submenu {
	width: 222px;
	position: relative;
	float: left;
}
#nieuwsitem {
	width: 232px;
	height: 36px;
	margin-top: 8px;
	position: relative;
	background-color: #c7bbdc;
}
#activiteititem {
	width: 232px;
	height: 36px;
	margin-top: 8px;
	position: relative;
	background-color: #b9daf3;
}
#verhaalitem {
	width: 232px;
	height: 36px;
	margin-top: 8px;
	position: relative;
	background-color: #ecc4c4;
}
#kunstitem {
	width: 232px;
	height: 36px;
	margin-top: 8px;
	position: relative;
	background-color: #bbc0e2;
}
#vacatureitem {
	width: 232px;
	height: 36px;
	margin-top: 8px;
	position: relative;
	background-color: #dec2de;
}
#fotoitem {
	width: 232px;
	height: 36px;
	margin-top: 8px;
	position: relative;
	background-color: #96d5d2;
}
#nieuwsitem a,
#verhaalitem a,
#kunstitem a,
#vacatureitem a,
#fotoitem a,
#activiteititem a {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	width: 195px;
	font-size: 16px;
	text-decoration: none;
	padding-left: 37px;
	padding-bottom: 10px;
	padding-top: 8px;
}
#nieuwsitem a {
	color: #3E165D;
	background-image: url(../images/nieuws.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#activiteititem a {
	color: #006293;
	background-image: url(../images/activiteit.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#verhaalitem a {
	color: #c50347;
	background-image: url(../images/sub01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#kunstitem a {
	color: #004494;
	background-image: url(../images/sub02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#vacatureitem a {
	color: #a5027d;
	background-image: url(../images/sub03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#fotoitem a {
	color: #00925b;
	background-image: url(../images/sub04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#terugbtn {
	height: 20px;
	position: absolute;
	right: 7px;
	top: 5px;
}
#breads {
	position: absolute;	
	padding-left: 8px;
	margin-left: 8px;
}

/************************************ Menu's *********************************/
/*** Terug Menu ***/

ul.terug_menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: url(../images/terug.png);
}
ul.terug_menu li a {
	color: #FFFFFF;
	font-size: 15px;
	text-transform: lowercase;
}

/*** Static Menu ***/

ul.static_menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.static_menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.static_menu li a {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #FFFFFF;
	font-size: 16px;
}

/*** Hoofd Groep ***/

.menu01 ul.jd_menu,
.menu02 ul.jd_menu,
.menu03 ul.jd_menu,
.menu04 ul.jd_menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: 8px;
}
.menu01 ul.jd_menu li,
.menu02 ul.jd_menu li,
.menu03 ul.jd_menu li,
.menu04 ul.jd_menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	background-image: url(../images/hoofdmenubg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.menu01 ul.jd_menu li a,
.menu02 ul.jd_menu li a,
.menu03 ul.jd_menu li a,
.menu04 ul.jd_menu li a {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 19px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 192px;
	padding-left: 40px;
	padding-top: 2px;
	padding-bottom: 4px;
	text-transform: lowercase;
}

.menu01 ul.jd_menu li:hover,
.menu01 ul.jd_menu li.active,
.menu01 ul.jd_menu li.jdm_hover,
.menu01 ul.jd_menu li.jdm_active,
.menu01 ul.jd_menu li:hover a,
.menu01 ul.jd_menu li.active a,
.menu01 ul.jd_menu li.jdm_hover a,
.menu01 ul.jd_menu li.jdm_active a {
	background-image: url(../images/hoofdmenubg-hover01.png);
	background-repeat: no-repeat;
	background-position: left top;	
	color: #FFFFFF;	
}
.menu02 ul.jd_menu li:hover,
.menu02 ul.jd_menu li.active,
.menu02 ul.jd_menu li.jdm_hover,
.menu02 ul.jd_menu li.jdm_active,
.menu02 ul.jd_menu li:hover a,
.menu02 ul.jd_menu li.active a,
.menu02 ul.jd_menu li.jdm_hover a,
.menu02 ul.jd_menu li.jdm_active a {
	background-image: url(../images/hoofdmenubg-hover02.png);
	background-repeat: no-repeat;
	background-position: left top;	
	color: #FFFFFF;	
}
.menu03 ul.jd_menu li:hover,
.menu03 ul.jd_menu li.active,
.menu03 ul.jd_menu li.jdm_hover,
.menu03 ul.jd_menu li.jdm_active,
.menu03 ul.jd_menu li:hover a,
.menu03 ul.jd_menu li.active a,
.menu03 ul.jd_menu li.jdm_hover a,
.menu03 ul.jd_menu li.jdm_active a {
	background-image: url(../images/hoofdmenubg-hover03.png);
	background-repeat: no-repeat;
	background-position: left top;	
	color: #FFFFFF;	
}
.menu04 ul.jd_menu li:hover,
.menu04 ul.jd_menu li.active,
.menu04 ul.jd_menu li.jdm_hover,
.menu04 ul.jd_menu li.jdm_active,
.menu04 ul.jd_menu li:hover a,
.menu04 ul.jd_menu li.active a,
.menu04 ul.jd_menu li.jdm_hover a,
.menu04 ul.jd_menu li.jdm_active a {
	background-image: url(../images/hoofdmenubg-hover04.png);
	background-repeat: no-repeat;
	background-position: left top;	
	color: #FFFFFF;	
}
.menu01 ul.jd_menu li a { color: #00925B; }
.menu02 ul.jd_menu li a { color: #004494; }
.menu03 ul.jd_menu li a { color: #A5027D; }
.menu04 ul.jd_menu li a { color: #C50347; }

.menu01 ul.jd_menu li ul,
.menu02 ul.jd_menu li ul,
.menu03 ul.jd_menu li ul,
.menu04 ul.jd_menu li ul {
	display: none;
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 189px;
	z-index: 1000;
	margin-left: 35px;
	padding-top: 15px;
	padding-bottom: 30px;
}
.menu01 ul.jd_menu li ul { background-color: #00925B; }
.menu02 ul.jd_menu li ul { background-color: #004494; }
.menu03 ul.jd_menu li ul { background-color: #A5027D; }
.menu04 ul.jd_menu li ul { background-color: #C50347; }

.menu01 ul.jd_menu li ul li,
.menu02 ul.jd_menu li ul li,
.menu03 ul.jd_menu li ul li,
.menu04 ul.jd_menu li ul li {
	float: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: none;
}
.menu01 ul.jd_menu li ul li:hover,
.menu01 ul.jd_menu li ul li.active,
.menu02 ul.jd_menu li ul li:hover,
.menu02 ul.jd_menu li ul li.active,
.menu03 ul.jd_menu li ul li:hover,
.menu03 ul.jd_menu li ul li.active,
.menu04 ul.jd_menu li ul li:hover,
.menu04 ul.jd_menu li ul li.active {
	background-image: none;
}
.menu01 ul.jd_menu li ul li a,
.menu02 ul.jd_menu li ul li a,
.menu03 ul.jd_menu li ul li a,
.menu04 ul.jd_menu li ul li a {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	display: block;
	width: 140px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 29px;
	padding-right: 20px;
	float: none;
	font-size: 13px;
	background-image: none;
	text-transform: lowercase;
}
.menu01 ul.jd_menu li.jdm_active ul li a,
.menu02 ul.jd_menu li.jdm_active ul li a,
.menu03 ul.jd_menu li.jdm_active ul li a,
.menu04 ul.jd_menu li.jdm_active ul li a {
	background-image: url(../images/submenubg.png);
	background-repeat: no-repeat;
	background-position: left -1px;
}
.menu01 ul.jd_menu li.jdm_active ul li a:hover {
	color: #8dc8aa;
	background-image: url(../images/submenubg-hover01.png);
	background-repeat: no-repeat;
	background-position: left -1px;
}
.menu02 ul.jd_menu li.jdm_active ul li a:hover {
	color: #8e96c7;
	background-image: url(../images/submenubg-hover02.png);
	background-repeat: no-repeat;
	background-position: left -1px;
}
.menu03 ul.jd_menu li.jdm_active ul li a:hover {
	color: #E6CCE1;
	background-image: url(../images/submenubg-hover03.png);
	background-repeat: no-repeat;
	background-position: left -1px;
}
.menu04 ul.jd_menu li.jdm_active ul li a:hover {
	color: #F0CDCB;
	background-image: url(../images/submenubg-hover04.png);
	background-repeat: no-repeat;
	background-position: left -1px;
}

/*** Sub Groep ***/

ul.sub_menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.sub_menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-bottom: 8px;
	background-color: #FFFFFF;
}
ul.sub_menu li a {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	width: 195px;
	font-size: 16px;
	text-decoration: none;
	padding-left: 37px;
	padding-bottom: 10px;
	padding-top: 8px;
	text-transform: lowercase;
}

/********************************** Items *****************************/

.item01 {
	background-color: #ecc4c4;
	color: #C50347;
	background-image: url(../images/sub01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-transform: lowercase;
}
.item02 {
	background-color: #bbc0e2;
	color: #004494;
	background-image: url(../images/sub02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-transform: lowercase;
}
.item03 {
	background-color: #dec2de;
	color: #A5027D;
	background-image: url(../images/sub03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-transform: lowercase;
}
.item04 {
	background-color: #96d5d2;
	color: #00925B;
	background-image: url(../images/sub04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-transform: lowercase;
}

/********************************** Banners *****************************/

.bannerblok {
	position: absolute;
	width: 79px;
	height: 64px;
	position: absolute;
	text-align: left;
	bottom: 0px;
}
#bannerzone {
	width: 216px;
	height: 80px;
	position: absolute;
	left: 8px;
	top: 0px;
	background-color: #FFFFFF;
	overflow: hidden;
}
#bannerslide {
	position: absolute;
	height: 64px;
	top: 8px;
	bottom: 8px;
	left: 0px;
}
.imguitsn {
	background-color: #96d5d2;
	display: block;
	height: 64px;
	width: 79px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}