html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
  background: #FFFFFF url(graphics/bodybackground.gif)no-repeat;
  margin-left:0px;
  margin-top:0px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:83%;
  line-height:17px;
  padding-left:10px;
  padding-right:10px;
}


/* wrapper */

#wrapper {
	position: relative;
	width: 984px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

* html #wrapper {
	background: url(graphics/bodybackground.png) repeat-y;
}

html>body #wrapper {
	position: relative;
	height: auto;
	min-height: 100%;
}


/* logo */

#logo {
	position: absolute;
	top: 8px;
	left: 22px;
	background: url(graphics/0_logo.png);
	width: 129px;
	height: 126px;
}

#cmssubstyle_dedonken #logo {
	background: url(graphics/1_logo.png);
}

#cmssubstyle_dedreven #logo {
	background: url(graphics/2_logo.png);
}

#cmssubstyle_degaarden #logo {
	background: url(graphics/3_logo.png);
}

#cmssubstyle_dehoeven #logo {
	background: url(graphics/4_logo.png);
}

#cmssubstyle_dehorstenhoeken #logo {
	background: url(graphics/5_logo.png);
}

#cmssubstyle_develden #logo {
	background: url(graphics/6_logo.png);
}

#cmssubstyle_zonnehoeve #logo {
	background: url(graphics/7_logo.png);
}

/* header */

#header{
	position: relative;
	width: 984px;
	height: 141px;
	margin-left:auto;
  	margin-right:auto;
  	background: #2F528C;
}

#cmssubstyle_dedonken #header {
	background: #F3D300;
}

#cmssubstyle_dedreven #header {
	background: #00ABF0;
}

#cmssubstyle_degaarden #header {
	background: #2DB423;
}

#cmssubstyle_dehoeven #header {
	background: #5F3400;
}

#cmssubstyle_dehorstenhoeken #header {
	background: #9EA6AB;
}

#cmssubstyle_develden #header {
	background: #EB0000;
}

#cmssubstyle_zonnehoeve #header {
	background: #FD6907;  /* was #FF8A50;  */
}

.headerkop { 
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:60px;
position: absolute;
top: 3px;
left: 177px;
height: 50px;
line-height: 53px;
letter-spacing: 0.97;
}

.headerkop span {
font-size: 45px;
color: #000000;
}

.headerkop span.white {
font-size: 45px;
color: #FFFFFF;
}

.headerkop span.tijdelijk {
font-size: 20px;
letter-spacing: 1.0;
}

.maten {
	color: #E1EBF6;
}

.zuidoost {
	color: #E1EBF6;
}

.donken {
	color: #663300;
}

.dreven {
	color: #003366;
}	

.gaarden {
	color: #CCFFCC;
}

.hoeven {
	color: #FFCC99;
}

.horstenhoeken {
	color: #333333;
}

.velden {
	color: #FDE8E8;
}

.zonnehoeve {
	color: #FDE0B8;
}

.maten,
.zuidoost,
.donken,
.dreven,
.gaarden,
.hoeven,
.horstenhoeken,
.velden,
.zonnehoeve {
	display: none;
}

#cmssubstyle_dematen .maten,
#cmssubstyle_zuidoost .zuidoost,
#cmssubstyle_dedonken .donken,
#cmssubstyle_dedreven .dreven,
#cmssubstyle_degaarden .gaarden, 
#cmssubstyle_dehoeven .hoeven,
#cmssubstyle_dehorstenhoeken .horstenhoeken,
#cmssubstyle_develden .velden,
#cmssubstyle_zonnehoeve .zonnehoeve { 
	display: block;
}

.lidworden a{
	position: absolute;
	right: 4px;
	top: 124px;
	width: 208px;
	height:13px;
	z-index: 10;
}

#cmssubstyle_dematen .lidworden a{
background: url(graphics/0_lidworden_nieuw.png) no-repeat;
}

#cmssubstyle_zuidoost .lidworden a{
background: url(graphics/0_lidworden_nieuw.png) no-repeat;
}

#cmssubstyle_dedonken .lidworden a{
background: url(graphics/1_lidworden_nieuw.png)no-repeat;
}

#cmssubstyle_dedreven .lidworden a{
background: url(graphics/2_lidworden_nieuw.png) no-repeat;
}

#cmssubstyle_degaarden .lidworden a{
background: url(graphics/3_lidworden_nieuw.png) no-repeat;
}

#cmssubstyle_dehoeven .lidworden a{
background: url(graphics/4_lidworden_nieuw.png) no-repeat;
}

#cmssubstyle_dehorstenhoeken .lidworden a{
background: url(graphics/5_lidworden_nieuw.png) no-repeat;
}

#cmssubstyle_develden .lidworden a{
background: url(graphics/6_lidworden_nieuw.png) no-repeat;
}

#cmssubstyle_zonnehoeve .lidworden a{
background: url(graphics/7_lidworden_nieuw.png) no-repeat;
}

.lidworden a:hover{
	color: #fff;
}

#breadcrumb ul {
	margin: 4px 0px 14px 0px;
}

#breadcrumb a{ 
line-height:17px;
}

#breadcrumb ul li{ 
display:inline;
}

#breadcrumb ul li, #breadcrumb ul li a {
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:93%;
}

#column_left {
	background: #93969A;
	position: absolute;
	left: 0px;
	width: 177px;
	height: 100%;
}

#image_wrapper {
	background: #93969A;
	position: absolute;
	right: 0px;
	width: 240px;
	height: 100%;
}
 
#image_sidebar {
	position: absolute;
	top: 141px;
	right: 0px;
	width: 240px;
	height: 470px;
}
 
 #image_shade {
	background: url(graphics/onderfoto.gif);
	position: absolute;
	top: 611px;
	right: 0px;
	width: 240px;
	height: 30px;
}
 
/* content */

#content {
	position: relative;
	width: 547px;
	margin-left: 177px;
  	padding: 0px 10px 80px 10px;
  }

#content:after {
	/* clear float for superior browsers */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

*+html #content {
    min-height: 0;  /* clear floats for IE7 */
}

.cmsContent{
	width: 100%;
	float: left;
}

.cmsContent img {
	margin: 4px;
}

.contentSmall .cmsContent{
	width: 350px;
	position: relative;
	float: left;
}

.agenda,
.documenten,
.vacatures {
	width: 150px;
	border: 3px solid #CCC;
	padding: 0 10px 4px;
	margin-bottom: 15px;
}

.modules {
	position: relative;
	float: right;
}

.date{
	font-weight: bold;
	margin-bottom: 0px;
}

/* menu */

#menu {
	position: absolute;
	top: 109px;
	left: 0px;
	width: 100%;
	height: 28px;
}	

#menu1 a {
	text-indent: -900%;
}

#menu h2 {
	display: none;
}

#menu ul,
#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul {
	background: transparent;
	position: absolute;
}

* html #menu ul {
	height: 1em;
}

*+html #menu ul {
    min-height: 0;  /* clear floats for IE7 */
}

html>body #menu ul:after {
	/* clear float for superior browsers */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#menu ul li {
	position: relative;
	float: left;
	text-indent: 0;
}

#menu1{
	position: absolute;
	left: 0px;
	top: 32px;
	width: 177px;
	height: 20px;
}

#menu1 a {
	background: url(graphics/homewijkraad01.gif) no-repeat;
	width: 163px;
	height: 20px;
}

#menu1 a:hover {
	background: url(graphics/homewijkraad02.gif) no-repeat;
	width: 163px;
	height: 20px;
}

#menu1 li a:hover {
	background: url(graphics/arrow.png) right no-repeat #93969A;
}

#menu1 li li a:hover {
	background: transparent;
}

#submenu #menu1 {
	background: none;
	position: absolute;
	left: 0px;
	top: 146px;
	width: 157px;
	visibility: hidden;
}

#submenu #menu1 ul {
	visibility: visible;
}

#menu2 {
	background: url(graphics/0_tab0_off.png) top left no-repeat;
	width: 69px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu2 {
	background: url(graphics/1_tab0_off.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu2 {
	background: url(graphics/2_tab0_off.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu2 {
	background: url(graphics/3_tab0_off.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu2 {
	background: url(graphics/4_tab0_off.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu2 {
	background: url(graphics/5_tab0_off.png) top left no-repeat;
}

#cmssubstyle_develden #menu2 {
	background: url(graphics/6_tab0_off.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu2 {
	background: url(graphics/7_tab0_off.png) top left no-repeat;
}

#menu2 a:hover {
	background: url(graphics/0_tab0_on.png) top left no-repeat;
	width: 69px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu2 a:hover{
	background: url(graphics/1_tab0_on.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu2 a:hover{
	background: url(graphics/2_tab0_on.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu2 a:hover{
	background: url(graphics/3_tab0_on.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu2 a:hover{
	background: url(graphics/4_tab0_on.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu2 a:hover{
	background: url(graphics/5_tab0_on.png) top left no-repeat;
}

#cmssubstyle_develden #menu2 a:hover{
	background: url(graphics/6_tab0_on.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu2 a:hover{
	background: url(graphics/7_tab0_on.png) top left no-repeat;
}

#menu3 {
	background: url(graphics/0_tab1_off.png) top left no-repeat;
	width: 58px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu3 {
	background: url(graphics/1_tab1_off.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu3 {
	background: url(graphics/2_tab1_off.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu3 {
	background: url(graphics/3_tab1_off.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu3 {
	background: url(graphics/4_tab1_off.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu3 {
	background: url(graphics/5_tab1_off.png) top left no-repeat;
}

#cmssubstyle_develden #menu3 {
	background: url(graphics/6_tab1_off.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu3 {
	background: url(graphics/7_tab1_off.png) top left no-repeat;
}

#menu3 a:hover {
	background: url(graphics/0_tab1_on.png) top left no-repeat;
	width: 58px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu3 a:hover{
	background: url(graphics/1_tab1_on.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu3 a:hover{
	background: url(graphics/2_tab1_on.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu3 a:hover{
	background: url(graphics/3_tab1_on.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu3 a:hover{
	background: url(graphics/4_tab1_on.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu3 a:hover{
	background: url(graphics/5_tab1_on.png) top left no-repeat;
}

#cmssubstyle_develden #menu3 a:hover{
	background: url(graphics/6_tab1_on.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu3 a:hover{
	background: url(graphics/7_tab1_on.png) top left no-repeat;
}

#menu4 {
	background: url(graphics/0_tab2_off.png) top left no-repeat;
	width: 55px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu4 {
	background: url(graphics/1_tab2_off.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu4 {
	background: url(graphics/2_tab2_off.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu4 {
	background: url(graphics/3_tab2_off.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu4 {
	background: url(graphics/4_tab2_off.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu4 {
	background: url(graphics/5_tab2_off.png) top left no-repeat;
}

#cmssubstyle_develden #menu4 {
	background: url(graphics/6_tab2_off.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu4 {
	background: url(graphics/7_tab2_off.png) top left no-repeat;
}

#menu4 a:hover {
	background: url(graphics/0_tab2_on.png) top left no-repeat;
	width: 55px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu4 a:hover{
	background: url(graphics/1_tab2_on.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu4 a:hover{
	background: url(graphics/2_tab2_on.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu4 a:hover{
	background: url(graphics/3_tab2_on.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu4 a:hover{
	background: url(graphics/4_tab2_on.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu4 a:hover{
	background: url(graphics/5_tab2_on.png) top left no-repeat;
}

#cmssubstyle_develden #menu4 a:hover{
	background: url(graphics/6_tab2_on.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu4 a:hover{
	background: url(graphics/7_tab2_on.png) top left no-repeat;
}

#menu5 {
	background: url(graphics/0_tab3_off.png) top left no-repeat;
	width: 65px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu5 {
	background: url(graphics/1_tab3_off.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu5 {
	background: url(graphics/2_tab3_off.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu5 {
	background: url(graphics/3_tab3_off.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu5 {
	background: url(graphics/4_tab3_off.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu5 {
	background: url(graphics/5_tab3_off.png) top left no-repeat;
}

#cmssubstyle_develden #menu5 {
	background: url(graphics/6_tab3_off.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu5 {
	background: url(graphics/7_tab3_off.png) top left no-repeat;
}

#menu5 a:hover {
	background: url(graphics/0_tab3_on.png) top left no-repeat;
	width: 65px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu5 a:hover{
	background: url(graphics/1_tab3_on.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu5 a:hover{
	background: url(graphics/2_tab3_on.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu5 a:hover{
	background: url(graphics/3_tab3_on.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu5 a:hover{
	background: url(graphics/4_tab3_on.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu5 a:hover{
	background: url(graphics/5_tab3_on.png) top left no-repeat;
}

#cmssubstyle_develden #menu5 a:hover{
	background: url(graphics/6_tab3_on.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu5 a:hover{
	background: url(graphics/7_tab3_on.png) top left no-repeat;
}

#menu6 {
	background: url(graphics/0_tab4_off.png) top left no-repeat;
	width: 57px;
	height: 32px;
	margin:0;
	padding: 0;
} 

#cmssubstyle_dedonken #menu6 {
	background: url(graphics/1_tab4_off.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu6 {
	background: url(graphics/2_tab4_off.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu6 {
	background: url(graphics/3_tab4_off.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu6 {
	background: url(graphics/4_tab4_off.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu6 {
	background: url(graphics/5_tab4_off.png) top left no-repeat;
}

#cmssubstyle_develden #menu6 {
	background: url(graphics/6_tab4_off.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu6 {
	background: url(graphics/7_tab4_off.png) top left no-repeat;
}

#menu6 a:hover {
	background: url(graphics/0_tab4_on.png) top left no-repeat;
	width: 57px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu6 a:hover{
	background: url(graphics/1_tab4_on.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu6 a:hover{
	background: url(graphics/2_tab4_on.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu6 a:hover{
	background: url(graphics/3_tab4_on.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu6 a:hover{
	background: url(graphics/4_tab4_on.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu6 a:hover{
	background: url(graphics/5_tab4_on.png) top left no-repeat;
}

#cmssubstyle_develden #menu6 a:hover{
	background: url(graphics/6_tab4_on.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu6 a:hover{
	background: url(graphics/7_tab4_on.png) top left no-repeat;
}

#menu7 {
	background: url(graphics/0_tab5_off.png) top left no-repeat;
	width: 113px;
	height: 32px;
	margin:0;
	padding: 0;
} 

#cmssubstyle_dedonken #menu7 {
	background: url(graphics/1_tab5_off.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu7 {
	background: url(graphics/2_tab5_off.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu7 {
	background: url(graphics/3_tab5_off.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu7 {
	background: url(graphics/4_tab5_off.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu7 {
	background: url(graphics/5_tab5_off.png) top left no-repeat;
}

#cmssubstyle_develden #menu7 {
	background: url(graphics/6_tab5_off.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu7 {
	background: url(graphics/7_tab5_off.png) top left no-repeat;
}

#menu7 a:hover {
	background: url(graphics/0_tab5_on.png) top left no-repeat;
	width: 113px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu7 a:hover{
	background: url(graphics/1_tab5_on.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu7 a:hover{
	background: url(graphics/2_tab5_on.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu7 a:hover{
	background: url(graphics/3_tab5_on.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu7 a:hover{
	background: url(graphics/4_tab5_on.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu7 a:hover{
	background: url(graphics/5_tab5_on.png) top left no-repeat;
}

#cmssubstyle_develden #menu7 a:hover{
	background: url(graphics/6_tab5_on.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu7 a:hover{
	background: url(graphics/7_tab5_on.png) top left no-repeat;
}

#menu8 {
	background: url(graphics/0_tab6_off.png) top left no-repeat;
	width: 54px;
	height: 32px;
	margin:0;
	padding: 0;
} 

#cmssubstyle_dedonken #menu8 {
	background: url(graphics/1_tab6_off.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu8 {
	background: url(graphics/2_tab6_off.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu8 {
	background: url(graphics/3_tab6_off.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu8 {
	background: url(graphics/4_tab6_off.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu8 {
	background: url(graphics/5_tab6_off.png) top left no-repeat;
}

#cmssubstyle_develden #menu8 {
	background: url(graphics/6_tab6_off.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu8 {
	background: url(graphics/7_tab6_off.png) top left no-repeat;
}

#menu8 a:hover {
	background: url(graphics/0_tab6_on.png) top left no-repeat;
	width: 54px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu8 a:hover{
	background: url(graphics/1_tab6_on.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu8 a:hover{
	background: url(graphics/2_tab6_on.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu8  a:hover{
	background: url(graphics/3_tab6_on.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu8 a:hover{
	background: url(graphics/4_tab6_on.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu8 a:hover{
	background: url(graphics/5_tab6_on.png) top left no-repeat;
}

#cmssubstyle_develden #menu8 a:hover{
	background: url(graphics/6_tab6_on.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu8 a:hover{
	background: url(graphics/7_tab6_on.png) top left no-repeat;
}

#menu9 {
	background: url(graphics/0_tab7_off.png) top left no-repeat;
	width: 89px;
	height: 32px;
	margin:0;
	padding: 0;
} 

#cmssubstyle_dedonken #menu9 {
	background: url(graphics/1_tab7_off.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu9 {
	background: url(graphics/2_tab7_off.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu9 {
	background: url(graphics/3_tab7_off.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu9 {
	background: url(graphics/4_tab7_off.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu9 {
	background: url(graphics/5_tab7_off.png) top left no-repeat;
}

#cmssubstyle_develden #menu9 {
	background: url(graphics/6_tab7_off.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu9 {
	background: url(graphics/7_tab7_off.png) top left no-repeat;
}

#menu9 a:hover {
	background: url(graphics/0_tab7_on.png) top left no-repeat;
	width: 89px;
	height: 32px;
	margin:0;
	padding: 0;
}

#cmssubstyle_dedonken #menu9 a:hover{
	background: url(graphics/1_tab7_on.png) top left no-repeat;
}

#cmssubstyle_dedreven #menu9 a:hover{
	background: url(graphics/2_tab7_on.png) top left no-repeat;
}

#cmssubstyle_degaarden #menu9  a:hover{
	background: url(graphics/3_tab7_on.png) top left no-repeat;
}

#cmssubstyle_dehoeven #menu9 a:hover{
	background: url(graphics/4_tab7_on.png) top left no-repeat;
}

#cmssubstyle_dehorstenhoeken #menu9 a:hover{
	background: url(graphics/5_tab7_on.png) top left no-repeat;
}

#cmssubstyle_develden #menu9 a:hover{
	background: url(graphics/6_tab7_on.png) top left no-repeat;
}

#cmssubstyle_zonnehoeve #menu9 a:hover{
	background: url(graphics/7_tab7_on.png) top left no-repeat;
}

* html #Menu ul li {
	display: inline;
}

#menu li a {
	outline:none;
	font-weight: bold;
	text-decoration: none;
	color: white;
	display: block;
	padding: 0.25em 0.5em;
}

#menu ul li#cmsSiteBeheer a {
	margin-left: 180px;
}
 

#menu li a:hover {
	color: white;
}

/* submenu's */

#submenu ul ul {
	list-style: none;
	left: 0px;
}

#submenu ul ul li {
	left: 0px;
	top: 55px;
	width: 177px;
    text-align: right;
    line-height: 1.7em;
}

* html #submenu ul ul li {
	margin-left: -16px;
}

*+html #submenu ul ul li {
	margin-left: -16px;
}

#submenu li li a {
	font-weight: normal;
	width: 177px;
	border: none;
	color:  #000;
	font-weight: bold;
    background: url(graphics/arrow.png) right no-repeat #93969A;
    padding-right: 14px;
    text-decoration: none;
}

/* sub-sub menu's */

#submenu ul ul ul {
	background: #C9CBCD;
	margin-bottom: 0px;
}

#submenu li li li a {
	font-weight: normal;
	font-size: 80%;
	width: 177px;
	border: none;
	color:  #000;
	font-weight: bold;
    background: none;
    text-decoration: none;
 }

#submenu ul ul ul ul{
	background: #DDD;
}

#submenu li li li li a {
	color:  #000000;
	font-weight: normal;
}


#menu ul ul,
#menu ul ul ul,
#menu ul li.active ul li ul,	
#menu ul li.subactive ul li ul,
#menu ul li ul li.active ul li ul,
#menu ul li ul li.subactive ul li ul{	
	display: none;
}

#menu ul li.active ul,
#menu ul li.subactive ul,
#menu ul li ul li.active ul,
#menu ul li ul li.subactive ul,
#menu ul li ul li ul li.active ul,
#menu ul li ul li ul li.subactive ul{ 
	display: none;
}

#submenu ul ul,
#submenu ul ul ul,
#submenu ul li.active ul li ul,	
#submenu ul li.subactive ul li ul,
#submenu ul li ul li.active ul li ul,
#submenu ul li ul li.subactive ul li ul{	
	display: none;
}

#submenu ul li.active ul,
#submenu ul li.subactive ul,
#submenu ul li ul li.active ul,
#submenu ul li ul li.subactive ul,
#submenu ul li ul li ul li.active ul,
#submenu ul li ul li ul li.subactive ul{ 
	display: block;
}

/* #menu hover-effect */

#submenu a:hover {
	color: #fff;
}

/* footer */

#footer { 
	color: #999;
	font-size:9px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width:547px;
}

#footer #poweredByMaxNl {
}



/* OTHER TOOLS */

/* various classes */

.skip,
.noScreen {
	display: none;
}

a.tel {
	text-decoration: none;
	color: black;
	cursor: default;
}

.image_sidebar {
	clear: both;
	margin-bottom: 1em;
}

.left {
	float: left;
	margin: 0 1em 1em 0;
}

.right {
	float: right;
	margin: 0 0 1em 1em;
}

.center {
	text-align: center;
}


/* horizontal rules */

#content .hr {
	background: url(graphics/hrDotted.png) repeat-x;
	height: 6px;
    margin-top: 10px;
    margin-bottom: 2px;
    border-width: 0px;
}

#content .hrdik {
	background: #FFFFFF;
	border: 3px solid #CCCCCC;
	height: 8px;
	margin-bottom: 10px;
}

/* Progress Bar */

.modalDialogBox {
	text-align: center;
	position: absolute;
	border: 1px solid #0A72CD;
	top: 50%;
	left: 50%;
	width: 20em;
	margin: -12.5% 0 0 -10em;
	background-color: white;
}

.modalDialogBox h3, .modalDialogBox p {
	margin: 1em 0 1em 0;
	padding: 0;
}

.barContainer {
	text-align: left;
	border: 1px solid #0A72CD;
	margin: 0.5em;
	background-color: #EBF5FE;
}

.bar {
	background-color: #0A72CD;
	height: 1em;
	width: 98%;
}

.caption, .percentage {
	margin: 0.5em;
}

.percentage {
	font-weight: bold;
}


/* raad blokken */

div.block_dematen,
div.block_zuidoost,
div.block_dedonken,
div.block_dedreven,
div.block_degaarden,
div.block_dehoeven,
div.block_dehorstenhoeken,
div.block_develden,
div.block_zonnehoeve,
div.block_bedrijventerrein,
div.block_toekomstagenda,
div.block_geluidsschermen,
div.block_fibroned {
	width: 12px;
	height: 12px;
	float: left;
	margin-top: 3px;
	margin-right: 6px;
	line-height: 0;
}

div.block_bedrijventerrein,
div.block_toekomstagenda,
div.block_geluidsschermen,
div.block_fibroned {
	margin-top: 3px;
}

div.block_dematen {
	background:#2F528C none repeat scroll 0%;
}
div.block_zuidoost {
	background:#2F528C none repeat scroll 0%;
}

div.block_dedonken {
	background:#F3D300 none repeat scroll 0%;
}

div.block_dedreven {
	background:#00ABF0 none repeat scroll 0%;
}

div.block_degaarden {
	background:#2DB423 none repeat scroll 0%;
}

div.block_dehoeven {
	background:#5F3400 none repeat scroll 0%;
}

div.block_dehorstenhoeken {
	background:#9EA6AB none repeat scroll 0%;
}

div.block_develden {
	background:#EB0000 none repeat scroll 0%;
}

div.block_zonnehoeve {
	background:#fd6907 none repeat scroll 0%;
}

div.block_bedrijventerrein {
	background: url(graphics/bedrijventerrein.png) no-repeat top left;
}

div.block_toekomstagenda {
	background: url(graphics/toekomstagenda.png) no-repeat top left;
}

div.block_geluidsschermen {
	background: url(graphics/geluidsschermen.png) no-repeat top left;
}

div.block_fibroned {
	background: url(graphics/fibroned.png) no-repeat top left;
}