body {
	background: #ccc;
	font: 75% Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #3c3c3c;
	text-align: center;
} 

#container {
	background: #fff url('leftnavback.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('leftnavback2.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 none 0px 0px no-repeat;
	height : 156px;
	border-bottom: 1px solid #6eb43f; /* oud-groen */
	clear: both;
}

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

#identiteit {
	background: #fff none; 
	height: 49px;
	border-bottom: 2px solid #0053a0; /* oud-blauw */
}

html > body #identiteit  {
	height: auto;
	min-height: 49px;
}

#identiteit img  {
	margin: 11px 0 0 25px;
	float: left;
	display: block;
	display: none;
}

#banner  {
	background: transparent url('oud-banner.jpg') 0px 0px no-repeat;
	height: 105px;
	cursor: pointer;
}

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

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

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

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


#header #hoofdnav  {
	border: 0px solid #f00;
	height: 25px;
	min-width: 200px;
	float: right;
	margin: 24px 0 0 0;
	padding: 0px 40px 0 30px;
	text-align: right;
	background: url('bg_hoofdnav.gif') top left no-repeat #0053a0; /* oud-blauw */
}

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

#header #hoofdnav a  {
	text-decoration: none;
	margin: 6px 1em 0 1em;
	display: block;
	float: left;
}

#header #hoofdnav a:hover, #header #hoofdnav a:active, #header #hoofdnav a.active  {
	color: #a9dc87; /* oud-lichtgroen */ 
}



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

#nav  {

	width: 292px;
	min-height: 200px;
	float: left;
	margin: 36px 0 0 0;
	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:  #6eb43f; /* oud-groen */
	background:  #0053a0; /* oud-blauw */
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
    border-bottom: 1px solid #e0e0e0;

}

#nav ul li a  {
	background: url('navbullet1.gif') 6px 5px no-repeat;  /* transp */
	display: block;
	color:  #fff;
	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 #e0e0e0;
	font-weight: bold;
	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:  #fff; /* wit */
}

/* tweede niveau */

#nav ul#navtree ul li a   {
	background:  #6eb43f url('navbullet2.gif') 23px 8px no-repeat ; /* oud-groen */
	text-transform: none;


	
}

#nav ul#navtree ul li.active a  {
	background-image: url('navbullet2_act.gif');
	color:  #0053a0; /* oud-blauw */
}



/* 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:  #a9dc87; /* oud-lichtgroen */ }
#nav ul ul li a:hover			{color:  #0053a0; /* oud-blauw */ }
#nav .noparent a:hover			{color:  #a9dc87; /* oud-lichtgroen */ }

/* 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:  #6eb43f; /* oud-groen */
	padding: 0 0 10px 0;
	margin-bottom: 3em;
	border-bottom:  1px solid #e4e4e4;
}

#nav #selecteer h2  {
	background: url('navbullet1a.gif') 6px 5px no-repeat #0053a0; /* oud-blauw */ ;  
	display: block;
	color:  #fff;
	font-size: 1.2em;
	text-decoration: none;
	padding: 5px 0 1px 22px;
	margin: 0;
	font-weight: bold;
	letter-spacing: 0.02em;
	border-bottom:  1px solid #e4e4e4;
}

#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;
}

#nav #zoeken h2, #nav #gerelateerdepaginas h2  {
	display: block;
	background-color:  #0053a0; /* oud-blauw */
	color:  #fff;   
	font-size: 1em;
	font-style:italic;
	text-decoration: none;
	padding: 2px 0 1px 22px;
	margin: 0px 0 0px 0;
	font-weight: bold;
	letter-spacing: 0.02em;
	border-bottom: 1px solid  #e0e0e0;
}

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

#nav #gerelateerdepaginas ul li a:hover, #nav #gerelateerdepaginas ul li a:active  {
	color:  #0053a0; /* oud-blauw */

}


#nav #colofon ul li a   {
	background: none #888 ; /* grijs */
        color: #fff;
}

#nav #colofon ul li a:hover, #nav #colofon ul li a:active  {
	color:  #e0e0e0; /* grijs */
}

#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 22px;
}

#nav #zoeken form  {
	margin: 0;
	padding: 0 0 6px 22px;
	background: none  #6eb43f; /* oud-groen */
	border-bottom: 1px 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 0;
	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:   #0053a0; /* oud-blauw */
}

#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 48px;
}

#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;
}

/* 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: bold;
	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;
}