body {
	background: #58ab25 url('gul_bg_body.jpg') top center repeat-y;
	font: 78% Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #4f4f4f;
	text-align: center;
} 

#container {
	background: #fff url('gul_bg_container.gif') top left repeat-y;
	position: relative;
	width: 993px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.4em;
	padding: 0px;
}

body.eenkolom #container  {
	background: #fff url('gul_bg_container1.gif') top left repeat-y;

}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height: 0;
    font-size: 0;
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* HEADER SPUL ------------------------------------------------------------------------------ */

#header {
	background: #fff url('gul_bg_banner.jpg') 0px 0px no-repeat;
	height: 152px;
	clear: both;
}

html > body #header  {
	height: auto;
	min-height : 152px;
}

#identiteit {
	display: block;
	margin-left: 22px;
}

#banner  {
	height: 125px;
	cursor: pointer;
}

#slideshow  {
	width: 231px;
	height: 105px;
	margin-left: 762px;
	margin-top: 7px;
}

#slideshow object  {
	width: 231px;
	height: 105px;
}

#header a:link, #header a:visited {
	color: #fff; 
}

#header a:hover, #header a:active {
}


/* NAVIGATIE ------------------------------------------------------------------------------ */

#nav  {

	width: 292px;
	min-height: 200px;
	float: left;
	margin: 36px 0 0 9px;
	padding: 0;
}	

/* navigatie boom --------------------------------------------- */

#nav ul {

	font: 1em Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
}

#nav #navtree  {
	margin-bottom: 3em;
}

/* eerste niveau */

#nav ul li {
    background:  #fff; /* gul-wit */
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
    border-bottom: 1px solid #eeeeee;
}

#nav ul li a  {
	background: url('navbullet1.gif') 6px 5px no-repeat;  /* transp */
	display: block;
	color:  #003b7a; /* gul-doblauw */
	text-decoration: none;
	padding: 3px 0 3px 0;
	margin: 0;
	font-weight: bold;
	letter-spacing: 0.02em;
	width:100%;
	border-bottom: 0px solid #e0e0e0;
}

#nav .open a  {
	background: url('navbullet1_open.gif') 6px 5px no-repeat ;  
}

#nav .dis  {
	background: #0053a0  url('navbullet1_dis.gif') 6px 5px no-repeat; /* oud-blauw */ 
	width:100%;
	border-bottom: 1px solid #eeeeee;
	font-weight: normal;
	letter-spacing: 0.02em;	
	color:  #fff;   /* wit  */
}

#nav .dis span  {
	padding: 3px 4px 3px 21px;
	display: block;
}

#nav .active a  {
	background-image: url('navbullet1_act.gif');
	color:  #62b01e; /* gul-ligroen */
	font-weight: bold;
}

/* tweede niveau */


#nav ul ul li {
    border-bottom: 0px solid #eeeeee;
}

#nav ul#navtree ul li a   {
	background:  #fff url('navbullet2.gif') 23px 8px no-repeat ; /* gul-wit */
	text-transform: none;
	font-weight: normal;
}

#nav ul#navtree ul li.active a  {
	background-image: url('navbullet2_act.gif');
	color:  #62b01e; /* gul-ligroen */
	font-weight: normal;
}



/* loslopende navigatie-items: "actueel" en "contact" bijvoorbeeld  */

#nav .noparent  a  {
	background: url('navbullet2_act.gif') 23px 8px no-repeat;
	color:  #fff;   /* wit  */
}


/* hovertjes */
#nav ul li a:hover  			{color:   #62b01e; /* gul-ligroen */ }
#nav ul ul li a:hover			{color:   #62b01e; /* gul-ligroen */ }
#nav .noparent a:hover			{color:   #62b01e; /* gul-ligroen */ }

/* inspringen van de navtext */
#nav ul li a span 				{ display: block; padding: 0 4px 0 21px; }
#nav ul ul li a span,
#nav .noparent a span			{ display: block; padding: 0 4px 0 38px; }




/* navigatie "selecteer adres" ------------------------------ */


#nav #selecteer  {
    background:  #fff; /* gul-wit */
	padding: 0 0 10px 0;
	margin-bottom: 3em;
	border: 1px solid #62b01e;
	border-top: 0;
}

#nav #selecteer h2  {
	background:  repeat-x top left #fff url('gul_navheader.jpg') ; /* gul */
	display: block;
	color:  #fff;
	font-size: 1.1em;
	line-height: 1.6em;
	text-decoration: none;
	padding: 0px 0 0px 22px;
	margin: 0 0 0 -1px;
	font-weight: bold;
	border-bottom:  0px solid #eeeeee;
	height: 25px;
	max-height: 25px;
}

#nav #selecteer form  {
	margin: 0;
	padding: 0;
}

#nav #selecteer select  {
	width: 230px;
	font-size: 0.9em;
	border: 1px solid #888;
	margin: 6px 0 0 22px;
	padding:0;
}

#nav #selecteer select option  {
	padding: 2px 0 0 0;
}

/* navigatie zoek -------------------------------------------- */

#nav #zoeken, #nav #gerelateerdepaginas, #nav #colofon  {
	background: none transparent;
	padding: 0 0 0px 0px;
	margin-bottom: 3em;
	border: 1px solid #62b01e;
	border-top: 0;
}

#nav #zoeken h2, #nav #gerelateerdepaginas h2  {
	background:  repeat-x top left #fff url('gul_navheader.jpg') ; /* gul */
	display: block;
	color:  #fff;
	font-size: 1.1em;
	line-height: 1.6em;
	text-decoration: none;
	padding: 0px 0 0px 22px;
	margin: 0 0 0 -1px;
	font-weight: bold;
	border-bottom:  0px solid #eeeeee;
	height: 26px;
}

#nav #gerelateerdepaginas ul li a, #nav #colofon ul li a  {
	display: block;
	text-decoration: none;
	padding: 3px 0 3px 0;
	margin: 0;
	font-weight: normal;
	letter-spacing: 0.02em;
	width:100%;	
	color: #003b7a; /* gul-doblauw */
	background: url('navbullet2.gif') 23px 8px no-repeat #fff; /* gul-wit */
	text-transform: none;
	border-bottom: 0px solid #eeeeee;
}

#nav #gerelateerdepaginas ul li a:hover, #nav #gerelateerdepaginas ul li a:active  {
	color:  #62b01e; /* gul-ligroen */

}


#nav #colofon ul  {
	border-top: 1px solid #62b01e; /* gul-ligroen */
}

#nav #colofon ul li a   {
    color: #003b7a; /* gul-doblauw */
}

#nav #colofon ul li a:hover, #nav #colofon ul li a:active  {
	color: #62b01e; /* gul-ligroen */
}

#nav #gerelateerdepaginas ul li a span  { 
	display: block; 
	padding: 0 4px 0 38px;
}

#nav #colofon ul li a span  { 
	display: block; 
	padding: 0 4px 0 38px;
}

#nav #zoeken form  {
	margin: 0;
	padding: 0 0 6px 22px;
    background: none #fff; /* gul-wit */
	border-bottom: 0px solid #888;
}

#nav #zoeken #zoekwoorden  {
	width: 177px;
	font-size: 0.9em;
	border: 1px solid #888;
	margin: 6px 4px 0 0;
	padding:2px;
}

#nav #zoeken .button  {
	font-size: 0.9em;
}




/* CONTENT ------------------------------------------------------------------------------ */


#content {
	padding: 0px 0 50px 0px;
	margin: 36px 0 0 -8px;
	height : 640px;	/* min-height in IE6 */
	float: left;
}

html > body #content  {	/* voor IE7 en FF */
	height: auto;
	min-height: 640px;
}

#linkerkolom  {
	width: 471px;
	float: left;
}

#rechterkolom  {
	max-width: 230px;
		max-width: 210px;
	min-height: 200px;
	float: left;
	padding-left: 12px;
}

#eenkolom  {
	width: 690px;
}

#linkerkolom p, #eenkolom p, #eenkolom form#mening  {
	margin: 0 30px 1em 48px;
}

#linkerkolom ul, #linkerkolom ol, #eenkolom ul, #eenkolom ol  {
	margin: 0 30px 1em 48px;
}

#content h1  {
	padding: 5px 30px 0 48px;
	margin: 0 0 1em 0;
	font-size: 1.5em;
	color:   #003d7e; /* gul-doblauw */
}

#content h2  {
	padding: 0.8em 30px 0 48px;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
}

#content h3  {
	padding: 0.5em 30px 0 48px;
	margin: 0 0 0.3em 0;
	font-size: 1em;
	font-style: italic;
}

#content table  {
	padding: 0.5em 30px 0 48px;
	margin: 0 0 0.3em 0;
	font-size: 0.95em;
}

#linkerkolom img, #eenkolom img  {
	border: 2px solid #848484;
	margin-top: 38px;
	margin: 0 0 0 45px;
}

#rechterkolom img  {
	border: 2px solid #848484;
	margin-top: 38px;
}

#content .alert  {
	border: 1px solid #888; /* bronckhorst-paars */
	background-color:   #ddd;   /* lichtpaars */
	margin: 0 30px 10px 48px;
	padding: 10px 10px 10px 10px;
}

#linkerkolom .alert p, #eenkolom .alert p, #eenkolom .alert form#mening  {
	margin: 10px;
}

#content .alert h2  {
	padding: 0.8em 10px 0 10px;
}

#content .alert h3  {
	padding: 0.5em 10px 0 10px;
}

#footer  {
	margin: 0 auto;
	padding:  4px 0 14px 0;
	background: #fff url('gul_bg_container1.gif') top left repeat-y;
	width: 993px;

}

/* LINKJES ------------------------------------------------------------------------------ */


a:link, a:visited  {
	border: 0px solid #fff;
	color: #3c3c3c;
}

a:hover  {
	text-decoration: underline;
}

	 
#linkerkolom p.externelink, #eenkolom p.externelink  {
	background: transparent url("bullet2.gif") 16px 10px no-repeat;
	padding: 6px 30px 0 48px;
	margin: 0 0 1.5em 0;
}

.externelink a:link, .externelink a:visited, .externelink a:active   {
	font-weight: normal;
	color: #000;
	text-decoration: underline;
}

.externelink a:hover  {
	color:  #0053a0; /* oud-blauw */
}

/* contentnav - print en trug --------------------- */

#contentnav  {
	float: right;
	margin: 1em 30px 0 0;
}

#contentnav div#print  {
	background: transparent url('button_print.gif') top right no-repeat;
	padding: 0 28px 0 0;
	float: left;
	margin: 0 0 0 3em;
	font-size: 0.95em;
}

#contentnav a#terug:link, #contentnav a#terug:visited   {
	display: block;
	background: transparent url('button_terug.gif') top right no-repeat;
	padding: 0 22px 0 0;
	float: left;
	margin: 0 0 0 3em;
	font-size: 0.95em;
	text-decoration: none;
}

#contentnav a#terug:hover, #contentnav div#print:hover,
#contentnav a#terug:active, #contentnav div#print:active  {
	text-decoration: underline;
}




/* IMAGES ------------------------------------------------------------------------------ */


img  {
	border: 0
}

/* form "uw mening"  --------------------------------------------------------------------- */

form  {
	margin: 0 0 0 48px;
}

label  {
	width: 9em;
	float: left;
}

form div  {
 	padding: 0 0 0 10em;
}

input.text, textarea  {
	padding: 2px 2px;
	width: 20em;
	border: 1px solid  #d1cae7;   /* lichtpaars */
	font-family: Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 8px 0em;	
}

.button  {
	margin-right: 0.4em;
}

/* googlemaps  --------------------------------------------------------------------- */

div.markerTooltip, div.markerDetail {
        color: black;
	font-weight: bold;
	font-size: 12px;
	background-color: white;
	white-space: nowrap;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid black;
}

#map {
	margin: 15px 0 0 45px;
     width: 625px; 
     height: 400px;
     border: 2px solid #7f60ae;
	margin-bottom: 2em;
}

#submit {
    width: 0;
    height: 0; 
    font-size: 0;
    visibility: hidden;
}

/* Toegevoegde classes ivm sneltoetstabellen */

sneltoetstabel {
	padding: .5em;
}

sneltoetstabel td{
	border: 1px solid #5D78A5;
}