/*	===============================================================================================
		Naam:			HW_basis.css
		Functie:	Layout website Harderwijk
		Project:	Harderwijk
		Door:			Zinster Webdesign tel:070-3637801
		Notes:		- In deze basis CSS hebben we zoveel mogelijk de specifieke kleuren voor Gemeente, 
								Recreatie en Sypel weggelaten. Deze zitten verwerkt in 3 aparte kleuren CSS-en.
								Daardoor blijft het aanpassen van de kleuren redelijk overzichtelijk. Wel
								belangrijk om de kleuren CSS-en na de basis-CSS in de html pagina's te hangen!
							- Voor het navigatie menu is ook een aparte CSS gemaakt om e.e.a. overzichtelijk te 
								houden.
		datum:		op 27 januari aangeleverd gekregen van GX (Johan Veldkamp)
		laatste wijziging: 17 februari 2009
		===============================================================================================

/* Tags algemeen ==================================================================== */

* {
	margin: 0;
	padding: 0;
}

html { 
	height: 100%; margin-bottom: 1px; 
	}

body {
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#00387b;
}

a:link {
	text-decoration:none;
	color:#007cbf;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
}

a:visited {
	text-decoration:none;
	color:#56B6EA;
	font-weight:bold;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.7em;
	color:#00387b;
}

p a:link {
	text-decoration:none;
	color:#007cbf;
	font-weight:bold;
}

p a:hover {
	text-decoration:underline;
}

p a:visited {
	text-decoration:none;
	color:#56B6EA;
	font-weight:bold;
}
p.center {
	text-align:center;
	}

h1 {
	background:url(../images/HW_pijl.gif) no-repeat 0 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#00387b;
	padding-left:25px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.7em;
	color:#00387b;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.7em;
	color:#00387b;
}

hr {
	height:1px;
	border:none;
	border-bottom:1px solid #00387b;
	margin-top:10px;
	margin-bottom:10px;
}

/* Lijsten algemeen ================================================================= */

ul {
	padding:0;
	margin:0;
	color:#00387b; /* Ook list-style-type (bijv. square) kleur */
	list-style-type:square; 
}

ol {
	color:#00387b; /* Idem (1,2,3 / a,b,c) */
}

li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
 	font-size:0.7em;
	line-height:1.5em;
	margin-left:15px;
}

ul li ul li {/*17-02-09*/
	list-style-type:lower-alpha;
	margin-left:24px;
}

ul li ol li {/*17-02-09*/
	list-style-type:lower-alpha;
	margin-left:24px;
}

ol li {/*17-02-09*/
	list-style-type:decimal;
	margin-left:24px;
}
/*ie6*/
*html ol li {
	margin-left:24px;
}

ol li ol li {
	list-style-type:lower-alpha;
	margin-left:24px
}

/*li ol li {/*11-02-09*/
	/*list-style-type:decimal;
	margin-left:20px;*/


/*li ol li ol li {/*11-02-09*/
	/*list-style-type:lower-alpha;
	margin-left:20px;
}

li ol li ol li ul li{/*11-02-09*/
/*	list-style-type:none;
	list-style-image:url(../images/streepje.gif);
	margin-left:20px;
}
*/

/*wijziging 23 april !!! li a:visited moet zwart worden =========================== */
li a:link {
	text-decoration:none;
	color:#56B6EA;
	font-weight:bold;
}

li a:visited {
	text-decoration:none;
	color:#56B6EA;
	font-weight:bold;
	}
	
li a:hover {
	text-decoration:underline;
}

li li {
 	font-size:1em;
}

/*04-02-09 toegevoegd vanwege RSS feeds=========================*/
dt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.7em;
	color:#00387b;
}

dd {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.7em;
	margin-bottom:0.5em;
	}
/*einde toevoeging==================================*/

/* Classes algemeen ================================================================= */
.inspring {
	padding-left:30px;
}

.float_img {
	float:left;
	padding-right:5px;
	margin-top:7px;
}

.floatRight_img {/*foto in banner rechts*/
	float:right;
}

.img_LeftContent{/*27-01-09*/
	float:left;
	margin:7px 5px 0px 0px;
}

.img_RightContent{/*27-01-09*/
	float:right;
	margin:7px 0px 0px 5px;
}

.img_CenterContent{/*27-01-09*/
	text-align:center;
	margin:7px 5px 0px 5px;
}

.anker_omhoog { 
	background-image:url(../images/HW_pijl_omhoog.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	display:block;
	line-height:1.7em;
	margin-bottom:5px;
	margin-top:5px;
}
.anker_omhoog a:hover {
	text-decoration:none;
}

.hr_nieuws {
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:#e0e8f4 1px solid;
}

.p_BG_blauw {
	display:block;
	background-color:#e0e8f4;
	padding:3px;
}
	
.h1_BG_blauw {
	background-image:url(../images/wittePijlBlauweBG.gif);
	background-position:center left;
	background-repeat:no-repeat;	
	display:block;
	color:#FFFFFF;
	background-color:#00387b;
	padding:3px 3px 3px 35px;
	margin-bottom:-16px;
}

.p_BG_groen {
	display:block;
	background-color:#ABC23A;
	padding:3px 3px 3px 35px;
	color:#FFFFFF;
}
	
.h1_BG_groen {
	background-image:url(../images/wittePijlGroenBG.gif);
	background-position:center left;
	background-repeat:no-repeat;	
	display:block;
	background-color:#ABC23A;
	padding:3px 3px 3px 35px;
	color:#FFFFFF;
}

.horRule {
	margin-top:-5px;
	margin-bottom:-5px;
}

.noTop {
	margin-top:-10px;
}

.clear {
	clear:both;
}

/* Divs en Classes voor de lay-out ================================================== */

#Wrapper {
	position:relative;
	width: 1000px;
	height:auto;
	margin:0px auto;
	z-index:1;/*nieuw(12-12-08)*/
	/*background-image:url(../images/HW_bg2.jpg); in [kleur].css */
}

.Taal {
	display:block;
	width:auto;
	height:17px;
	background-color:#00387b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#FFFFFF;
	padding-left:5px;
	padding-top:3px;
}

.Taal a:link, .Taal a:visited {
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
}

.Taal a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

#Navigatie {
	float:left;
	top:20px;
	left:0;
	width:185px;
	height:auto;
	z-index:30;
}

.nav_image {
	float:left;
}

#Navigatie h1 {
	clear:both;
	width:auto;
	background-image:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.8em;
	color:#ffffff;
	line-height:20px;
	border-top:2px #ffffff solid;
	padding:0;
	margin:0;
	padding-left:4px;
	margin-right:2px;
}

#Header {
	float:right;
	top:20px;
	left:185px;
	width:815px;
	height:130px;
	z-index:1;
	/*overflow:hidden;/*toegevoegd 15-02-09*//*verwijderd 12-03-09 dit veroorzaakte in FF2 het probleem van het verdwenen verloop*/
}

/*ie6*/
* html #Header {
	overflow:hidden;
}

#Header_verloop {
	float:right;
	top:20px;
	left:185px;
	width:815px;
	margin-top:-130px;
	height:130px;
	z-index:5;
}

/*toegevoegd 16-12-08 en weer verwijderd d.d. 27-01-09*/
/*ie6*/
/* html #Header img {
  margin-bottom:-4px;
}*/

#Sitewide {
	width: 810px;
	height:1.3em;
	float:right;
	padding-left:5px;
	margin-top:0px;
	border-top:2px #ffffff solid;
}
/*toegevoegd 27-01-09 astrid vanwege teveel wit boven sitewide in ie6 */
/*ie6*/
* html #Sitewide{
	margin-top:-5px;
}


/*14-07-08 aangepast om melding te krijgen dat favoriet is toegevoegd==============*/
#favoriet { /* favoriet popup */
	position:absolute;
	width:110px;
	top:150px;
	left:305px;
	height:auto;
	background-color:#fff;
	border:1px solid #00387b;
	padding:10px;
	visibility:hidden;
	z-index:30;
}
/*-----------einde wijziging------------------------*/

#Sitewide a:link, #Sitewide a:visited {
	text-decoration:none;
	font-weight:normal;
	color:#00387b;
}

#Sitewide a:hover {
	text-decoration:underline;
	color:#00387b;
}

.sitewide_links {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#00387b;
	padding-left:3px;
	padding-top:3px;
}
.sitewide_Rechts {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#00387b;
	padding-right:10px;
	padding-top:3px;
}

#pathfinder {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-style:italic;
	color:#00387b;
	margin-top:10px;
	margin-left:30px;
	text-align:left;
	width:620px;/*17-02-09 toegevoegd vanwege i-frame*/
	float:left;
}
/*ie6*//*17-02-09 toegevoegd vanwege i-frame*/
* html #pathfinder {
	margin-left:15px;
}
/*toegevoegd 23-06-08 gewijzigd op 2-9-08 vanwege opmerking Harderwijk dat kruimerlpad er niet als link uit moet zien*/
#pathfinder a:link{
	text-decoration:none;
	color:#00387b;
	font-weight:normal;
}

#pathfinder a:hover{
	text-decoration:none;
	color:#00387b;
	font-weight:normal;
}

#pathfinder a:visited{
	text-decoration:none;
	color:#00387b;
	font-weight:normal;
}

/*einde toevoegingen*/

/* Content divs ===================================================================== */

#ContentWrapper {
	/*position:absolute; KAN NIET i.v.m. uitklapnavigatie*/
	width: 812px;
	height:auto;
	float:right; /* niet links omdat dat dan beter aansluit op de border rechts */
	background-repeat:repeat-y;
	background-position:right;
	/*background-color:#FFFFFF;*//*12-12-08*/
}

#mainContent {
	width: 610px;
	height:auto;
	float:left;
	/*background-color:#FFFFFF;*//*12-12-08*/
}

#mainContentBreed { /* Container voor 3 kolommen */
	width: 812px;
	height:auto;
	float:left;
}

.mainContent-iframe {/*toegevoegd 17-02-09 vanwege gebruik i-frames*/
	width:810px;
	/*margin-top:10px;*/
	margin-top: 5px;
}

/*veranderd in class!!!*/
.mainContent_1kolom {
	width: 600px; 
	height:auto;
	float:left;
	padding-top:20px;
	margin-left:30px;
	padding-right:20px;
}


/* IE6 */
* html .mainContent_1kolom {
	margin-left:15px;
}

.mainContent_2kolomL {
	width:273px;
	height:auto;
	float:left;
	padding-top:20px;
	margin-left:30px;
}
/* IE6 */
* html .mainContent_2kolomL {
	margin-left:15px;
}

.mainContent_2kolomR {
	width:273px;
	float:right;
	padding-top:20px;
	margin-left:34px;
}
/* IE6 */
* html .mainContent_2kolomR {
	margin-left:15px;
}

.mainContent_3kolomL {
	width:240px;
	height:auto;
	float:left;
	padding-top:20px;
	margin-left:30px;
}
/* IE 6 */
* html .mainContent_3kolomL {
	margin-left:15px;
}

.mainContent_3kolomM {
	width:240px;
	height:auto;
	float:left;
	padding-top:20px;
	margin-left:30px;
}

.mainContent_3kolomR {
	width:240px;
	height:auto;
	float:right;
	padding-top:20px;
	margin-left:30px;
}
/*27-01-09*/
/*.mainContent_1kolom img, .mainContent_2kolomL img, .mainContent_2kolomR img, .mainContent_3kolomL img,  .mainContent_3kolomM img, .mainContent_3kolomR  img{
	float:left;
	margin:5px 5px 0px 0px;
	/*margin:5px 5px 0px 0px;}*/
	
/*#mainContent img {
	float:left;
	margin:5px 5px 0px 0px;
}*/
/* Rechterkolom divs i.c.m. Banners ================================================= */


#Zoek {
	width: 120px;
	height:45px;
	float:right;
	background-color:#8cbb15;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	padding:25px 0px 0px 10px;
	color:#FFFFFF;
	border-bottom:#FFFFFF 2px solid;
	/*text-align:center;*/
}

#Zoek input {
	width:85px;
	height:16px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:0.8em;*//*27-01-09*/
	font-size:1em;
	color:#00387b;
	border:#cccccc 1px solid;
	text-align:left;
	/*margin-left:-26px;*/
}
/* 06-10-2008 --------margin-top gewijzigd i.v.m. hoogte pijl---------------*/
#pijlZoek {
	width:20px;
	height:20px;
	float:right;
	margin-top:-22px;
	margin-right:10px;
	z-index:100;
}
/* IE7 */
*+html #pijlZoek {
	margin-top:-23px;
}
/* IE6 */
* html #pijlZoek {
	margin-top:-18px;
	margin-right:5px;
}

#form1 {
	/*float:left;	/*27-01-09*/
	/*margin-left:5px;	/*27-01-09*/
	width:auto;
	/*height:10px;*/
	clear:both;
}

/*10-08-08 width aangepast om het kleurvlak aan te laten sluiten aan de rechter lijn*/
#banners {
	width: 143px;
	height:auto;
	float:right;
	border-top:#FFFFFF 2px solid;
	padding-right:1px; /* Border tonen, anders valt ie erover heen */
}

#banners p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.5em;
	font-weight:bold;
	color:#00387b;
}

/*23-06-08 aangepast om tekst banners in hun eigen div te krijgen==============*/
/*10-08-08 width aangepast om het kleurvlak aan te laten sluiten aan de rechter lijn*/
#banner1, #banner2, #banner3, #banner4 {
	width: 143px;
	height:auto;
	float:right;
}

/* ==================================================================================
	 Banner teksten met achtergrondkleur en schaduw achtergrond. Om de schaduw mee te 
	 laten groeien als de tekst langer wordt heb ik vrij veel code moeten gebruiken. Om 
	 de achtergrond kleuren aan te passen moet alleen de background img in de 
	 .img-banner worden aangepast, maar omdat hij in een div zit (met van alles erom 
	 heen), heb ik alles moeten kopiëren. Veel CSS code dus, maar niet zoveel werk als 
	 het lijkt. Dit geldt ook voor de banner in Wit .
*/

.img-bannerGroen div { /* Regelt het schaduw deel en de tekst */
	background:url(../images/maskTest.png) no-repeat left top !important;
	background:url(../images/mask.gif) no-repeat right top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	font-weight:bold;
	color:#00387b;
	padding: 5px 15px 15px 15px;
	margin-left:-17px; /* Schuift witte masker opzij */
}
/* IE6 */
* html .img-bannerGroen div { 
	margin-left:-20px; /* Schuift witte masker opzij */
	margin-right:-10px;
	padding-left:20px;
}

/*10-08-08 margin-right:3px; weggehaald om het kleurvlak aan te laten sluiten aan de rechter lijn*/

.img-bannerGroen { /* Regelt het groene vlak */
	background:url(../images/shadowGroen2.gif) no-repeat bottom left;
	clear:right;
	float:right;
	width:118px;
	margin-top:3px;
	padding-left:18px;/*hiermee wordt groene vlak breder*/
	position:relative;
}
/* IE7 */
*+ html	.img-bannerGroen {
	margin-left:-10px;
}
/* IE6 */ /*10-08-08 margin-right:3px; weggehaald om het kleurvlak aan te laten sluiten aan de rechter lijn*/
* html	.img-bannerGroen {
	margin-left:-10px;
	margin-top:0px;
}
	
/* Banner blauw --------------------------------------------------------------------- */

/*10-08-08 margin-left (was -14px) aangepast om het kleurvlak aan te laten sluiten aan de rechter lijn*/

.img-bannerBlauw div{
	background:url(../images/maskTest.png) no-repeat left top !important;
	background:url(../images/mask.gif) no-repeat right top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	font-weight:bold;
	color:#00387b;
	padding: 5px 15px 15px 15px ;
	margin-left:-17px; /* Schuift witte masker opzij */
}

/*10-08-08 padding-left (was 15px) aangepast om het kleurvlak aan te laten sluiten aan de rechter lijn*/

.img-bannerBlauw {
	background:url(../images/shadowBlauw2.gif) no-repeat bottom left;
	clear:right;
	float:right;
	width:118px;
	margin-top:3px;
	padding-left:18px;
	/*margin-right:3px;*/
}
/* IE7 */
*+ html	.img-bannerBlauw {
	margin-left:-10px;
}
/* IE6 */ /*10-08-08 margin-right:3px; weggehaald om het kleurvlak aan te laten sluiten aan de rechter lijn*/
* html	.img-bannerBlauw {
	margin-left:-10px;
	margin-top:-2px;
}

/* IE6 */
* html .img-bannerBlauw div{ 
	margin-left:-20px; /*schuift witte masker opzij, zodat het goed staat*/
	margin-right:-10px;
	padding-left:20px;
}
	
/* Banner wit ----------------------------------------------------------------------- */

/*10-08-08 margin-left (was -14px) aangepast om het kleurvlak aan te laten sluiten aan de rechter lijn*/

.img-bannerWit div{
	background:url(../images/maskTest.png) no-repeat left top !important;
	background:url(../images/mask.gif) no-repeat right top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	font-weight:bold;
	color:#00387b;
	padding: 5px 15px 15px 15px ;
	margin-left:-17px; /* Schuift witte masker opzij */
}

/*10-08-08 padding-left (was 15px) aangepast om het kleurvlak aan te laten sluiten aan de rechter lijn*/
	
.img-bannerWit {
	background:url(../images/shadowWit2.gif) no-repeat bottom left;
	clear:right;
	float:right;
	width:118px;
	margin-top:3px;
	padding-left:18px;
	/*margin-right:3px;*/
}
/* IE7 */
*+ html	.img-bannerWit{
	margin-left:-10px;
}
/* IE6 */ /*10-08-08 margin-right:3px; weggehaald om het kleurvlak aan te laten sluiten aan de rechter lijn*/
* html	.img-bannerWit {
	margin-left:-10px;
	margin-top:-2px;
}

/* IE6 */
* html .img-bannerWit div{ 
	margin-left:-20px; /* Schuift witte masker opzij */
	margin-right:-10px;
	padding-left:20px;
}
	
/* Banner oranje -------------------------------------------------------------------- */

/*10-08-08 margin-left (was -14px) aangepast om het kleurvlak aan te laten sluiten aan de rechter lijn*/

.img-bannerOranje div { /* Regelt het schaduw deel en de tekst */
	background:url(../images/maskTest.png) no-repeat left top !important;
	background:url(../images/mask.gif) no-repeat right top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	font-weight:bold;
	color:#00387b;
	padding: 5px 15px 15px 15px;
	margin-left:-17px; /* Schuift witte masker opzij */
}
/* IE6 */
* html .img-bannerOranje div { 
	margin-left:-20px; /* Schuift witte masker opzij */
	margin-right:-10px;
	padding-left:20px;
}

/*10-08-08 padding-left (was 15px) aangepast om het kleurvlak aan te laten sluiten aan de rechter lijn*/

.img-bannerOranje { /* Regelt het oranje vlak */
	background:url(../images/shadowOranje2.gif) no-repeat bottom left;
	clear:right;
	float:right;
	width:118px;
	margin-top:3px;
	padding-left:18px;
	/*margin-right:3px;*/
	position:relative;
}
/* IE7 */
*+ html	.img-bannerOranje {
	margin-left:-10px;
}
/* IE6 */ /*10-08-08 margin-right:3px; weggehaald om het kleurvlak aan te laten sluiten aan de rechter lijn*/
* html	.img-bannerOranje {
	margin-left:-10px;
	margin-top:0px;
}

/* Banner Sypel --------------------------------------------------------------------- */

.img-bannerSypel div { /* Regelt het schaduw deel en de tekst */
	background:url(../images/maskTest.png) no-repeat left top !important;
	background:url(../images/mask.gif) no-repeat right top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	font-weight:bold;
	color:#00387b;
	padding: 5px 15px 15px 15px;
	margin-left:-17px; /* Schuift witte masker opzij stond nog op -14 d.d. 27-01-09*/
}

/* IE6 */
* html .img-bannerSypel div { 
	margin-left:-20px; /* Schuift witte masker opzij */
	margin-right:-10px;
	padding-left:20px;
}
.img-bannerSypel { /* Regelt het blauwe vlak */
	background:url(../images/shadowSypel2.gif) no-repeat bottom left;
	clear:right;
	float:right;
	width:118px;
	margin-top:3px;
	padding-left:18px;
}
/* IE7 */
*+ html	.img-bannerSypel {
	margin-left:-10px;
}
/* IE6 */ /*10-08-08 margin-right:3px; weggehaald om het kleurvlak aan te laten sluiten aan de rechter lijn*/
* html	.img-bannerSypel {
	margin-left:-10px;
	margin-top:0px;
}

/* Einde banner Sypel --------------------------------------------------------------- */

.disclaimer { /* Moet een inzet worden, want Harderwijk wil de tekst hiervan kunnen veranderen */
	clear:both;
	width: 810px;
	height:1.5em;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:0.7em;
	line-height:1em;
	color:#00387b;
	margin-left:0px;
	margin-top:20px; /* Om te voorkomen dat de borders er onderuit schieten */
	padding-left:5px;
	padding-top:5px;

	z-index:1; /* !!!!! */
}

#footer {
/*
	position:relative; 2/9
*/
	width: 1000px;
	height:50px;
	margin:0px auto;
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:10px;

	z-index:100; /* 12-12-08 gewijzigd, stond op 1!!! */
}

/*toegevoegd op verzoek van GX op 09-01-2009*/
#clean {
	padding: 0px 2px 0px 2px;
}
/*toegevoegd d.d. 04-04-2009 i.v.m. extra mogelijkheid om margin toe te kennen aan image.*/
.variabele {
	margin:5px 0px 0px 5px;
	float:right;
}

/* Einde algemene lay-out divs ====================================================== */

/* Tabellen ========================================================================= */


table {
	border-left:1px solid #00387b;
	border-top:1px solid #00387b;
	border-bottom:1px solid #00387b;
}

table.unsubscribe {
	border:0px solid #ffffff;	
}


td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.7em;
	color:#00387b;
	padding:3px;
	border-right:#00387b solid 1px;
}

.unsubscribe td {	
	border:0px solid #ffffff;
	font-size:11px;
}

td a:link {
	text-decoration:none;
	color:#007cbf;
	font-weight:bold;
}

td a:hover{
	text-decoration:underline;
}

td a:visited {
	text-decoration:none;
	color:#56B6EA;
	font-weight:bold;
}

th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	line-height:1.3em;
	color:#ffffff;
	background-color:#00387b;
	text-align:left;
	padding:3px;
	border-right:#ffffff solid 1px;
}

.th_right {
	border-right:#00387b solid 1px;
}

.odd {
	background-color:#e0e8f4;
}

table li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.7em;
	background-color:transparent;
	border:none;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-left:13px;
	list-style-type:square; /*toegevoegd 290708*/
}

/* 290708 ======deze regels kunnen verwijderd worden*/
/* IE7 */ /* Hierzo */
*+html table li {
	/*margin-left:0px;*/
}
/* IE6 */
* html table li {
	/*margin-left:0px;*/
}
/* 290708 ======einde verwijdering*/

/*toegevoegd 290708*/
table li li {
		list-style-type:circle;
}

/* 4 aparte classes voor de agenda functie uitgebreid =============================== */

.padding { /* Intro op agendafunctie uitgebreid */
	padding:8px;
}

.padding_odd { /* Intro op agendafunctie uitgebreid */
	padding:8px;
	background-color:#e0e8f4;
}

.th_right_padding { /* Geen witte border rechts in de agendafunctie uitgebreid */
	padding:2px 8px 2px 8px;
	border-right:#000000 solid 1px;
}


.odd_padding_border-top{ /* Border agendafunctie uitgebreid */
	background-color:#e0e8f4;
	border-top:#067bbc solid 1px;
	padding:8px;
}

/* Gastenboek ======================================================================= */

.Gastenboek_posts {/*27-01-09*/
	height:auto;
	float:left;
	margin-left:30px;
	width:570px;
}

/* IE6 */
* html .Gastenboek_posts {
	margin-left:15px;
}

.noBorder { /* t.b.v. gastenboek uitgebreid */
	border:none;
	line-height:1em;
	padding-left:0px;
}

/* 06-10-2008 toegevoegd: float:right i.v.m. uitlijnen gastenboek*/
.frmButtonGasten {
	background-color:#00387b;
	color:#FFFFFF;
	width:100px;
	height:18px;
	margin-top:10px;
	font-size:0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	float:right;
}

.frmButtonTerugRaad {/*15-02-09*/
	background-color:#00387b;
	color:#FFFFFF;
	width:100px;
	height:18px;
	margin-top:10px;
	margin-left:-5px;
	padding-bottom:4px;
}

/* Tabellen  ================================================================ */

.tablePersonenFoto{
	border:none;	
}

.tablePersonenFoto img{/*27-01-09*/
	margin:0px;	
}

.tablePersonenFoto td {
	border:none;
	padding:0px 0px 5px 0px;/*27-0109*/
	vertical-align:middle;
	}

.tablePersonenFoto_odd td {
	border:none;
	background-color:#e0e8f4;
}

.tablePersonen{
	float:right;/*27-01-09)*/
	margin-top:5px;/*vanwege toegevoegde margin bij img in mainContent, moet hier ook een margin, anders lijnt de bovenkant niet*/
	border:none;
}

.tablePersonen td {
	border:none;
	padding:2px 5px 2px 5px;
	border-right:1px solid #ffffff;
	}

.tablePersonen_odd td {
	border:none;
	background-color:#e0e8f4;
}

.tableImg {
	border:1px solid #00387b ;
	margin:0px 0px 0px 0px;/*27-01-09*/
}

.tableImgOdd {
	border:1px solid #00387b ;
	float:left;
}

.tableImgGroot {
	float:left;
	/*margin-right:5px;*/
	margin:5px 5px 8px 0px;/*27-01-09*/
	border:1px solid #00387b ;
}

/*nieuw 290708 tbv RIS ====================*/
.tableRIS {
	border:none;
	padding:2px 5px 2px 5px;
	vertical-align:top;

} 
.tableRIS td{
	border:none;
	padding:2px 5px 5px 5px;
	vertical-align:top;
}

/*toegevoegd 27-01-2009 t.b.v. RIS*/
.tableRIS ul li{
	list-style:none;
	margin-left:25px;
	}
	
.tableRIS ol li{
	list-style-type:lower-alpha;
	margin-left:25px;
	}
	
.tableRIS ol li ul li{
	list-style:none;
	margin-left:0px;
	}

.tableRIS ol li ul li a{
	line-height:2.2em;
	}

/* einde nieuw 290708 tbv RIS ====================*/

/* Form settings ==================================================================== */

input {
	color:#0062a1;
	width:100px;
	border:1px solid #00387b;
	height:16px;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

input.submit {
	color:#0062a1;
	width:250px;
	border:1px solid #00387b;
	height:20px;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

/* IE6 */
* html input {
	margin-bottom:0;
}

textarea {
	color:#00387b;
	border:1px solid #00387b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

/*veranderd 18-11-2008 zie select eronder ====================== */
/*	select {
	border:1px solid #00387b;
	width:300px;
}*/

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#00387b;
	width:202px;
	height:1.7em;
	border:1px #00387b solid;
	}

/*nieuw 290708 tbv RIS ====================*/
select.maand {
	float:left; /*27-01-09*/
	border:1px solid #00387b;
	width:137px;
	color:#00387b;
	font-size:0.7em;/*was 0.8 27-01-09*/
	margin-right:5px;/*27-01-09*/
	height:20px;/*27-01-09*/
}

select.jaar {
	float:left; /*27-01-09*/
	border:1px solid #00387b;
	width:80px;
	color:#00387b;
	font-size:0.7em;/*was 0.8 27-01-09*/
	margin-right:5px;/*27-01-09*/
	height:20px;/*27-01-09*/
}
#pijlRIS {
	float:left;
	margin-top:-3px;
}
/* einde nieuw 290708 tbv RIS ====================*/

input.frmText {
	width:200px;
	margin:0;	
}

input.frmButton {
	background-color:#00387b;
	color:#FFFFFF;
	width:90px;
	height:18px;
	margin-top:10px;
	font-size:0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:4px;
}

input.frmRadio {
	width:18px;
	margin-right:2px;
	/*line-height:inherit;*/
	border:0; /* IE */
}

form p {
	clear:left;
	margin:0px;
	padding:0px;
	padding-top:5px;
}

form p label {
	float:left;
	width:150px;
}
/*18-11-2008 diverse wijzigingen gedaan in .frmCheckLabel, input.frmChec en .frmCheckText, waardoor minder code nodig is*/
form p label.frmCheckLabel {
	margin-bottom:-20px;
}

input.frmCheck {
	float:left;
	width:18px;
	margin:0;
	margin-left:149px;
	border:0;
}

.frmCheckText {
	float:left;
	font-size:0.7em;
	margin:0;
	margin-left:10px;
}
/*18-11-2008 einde wijzigingen .frmCheckLabel, input.frmChec en .frmCheckText============================ */

.frmRadioText {
/*18-11-2008 verwijderd:font-family:Arial, Helvetica, sans-serif;*/
	font-size:0.7em;
	font-weight:normal;
	color:#00387b;
	line-height:0.5em;
	text-indent:28px;
	margin-top:-17px;
	margin-bottom:5px;
}
/* IE6 */
* html .frmRadioText {
	margin-top:-13px;
}

form .frmTextVol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#00387b;
	float:left;
	margin:8px 150px 8px 0;
}

/*18-11-2008 nieuw: deze ontbraken nog ==============================*/

.radioText {
	float:left;
	font-size:0.7em;
	margin-left:10px;
}

input.radio {
	float:left;
	width:18px;
	margin:0;
	margin-left:149px;
	border:0;
}

/*einde nieuw=======================================================*/



.info { /* Informatie popup */
	position:absolute;
	width:110px;
	left:600px;
	height:auto;
	background-position:top left;
	background-repeat:no-repeat;
	padding:0px 2px 5px 20px;
	visibility:hidden;
	z-index:30;
}

/* form settings voor Personen uitgebreid ------------------------------------------- */
.inputPersonen {
	width:202px;
	height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.7em;
	color:#00387b;
	border:1px solid #00387b;
}
.labelPersonen {
	width:100px;/*width aangepast d.d. 27-01-09 vanwege uitbreiding tabel personen*/
}
/*ie6*//*toegevoegd d.d. 27-01-09*/
*html .labelPersonen {
	width:97px;
}
	
.frmButtonPersonen {
	background-color:#00387b;
	color:#FFFFFF;
	width:90px;
	height:18px;
	margin-top:10px;
	font-size:0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	margin-left:-50px;/*!!!*/
}

/* Lijst settings =================================================================== */

.ulLink ul {
	color:#007cbf; /* I.v.m. list-style-type color: zie FAQ */
}

.lsBlok {
	list-style-type:square; 
}
.lsStreep {
	list-style-type:none;
	list-style-image:url(../images/streepje.gif);
}
.lsDisk {
	list-style-type:disc;
}
.lsAlpha {
	list-style-type:lower-alpha;
}
/* IE7 */
*+html .lsAlpha {
	margin-left:2px;
}
/* IE6 */
* html .lsAlpha {
	margin-left:2px;
}
.lsAlpha li {
	margin-left:21px;
}
.lsNum {
	list-style-type:decimal;
}
/* IE7 */
*+html .lsNum {
	margin-left:12px;/*was 2, gewijzigd d.d. 2-12-2008*/
	margin-left:2px;/*weer terug gezet naar 2, waar kwam de wijziging van 2-12-2008 vandaan?*/
}
/* IE6 */
* html .lsNum {
	margin-left:12px;/*was 2, gewijzigd d.d. 2-12-2008*/
	margin-left:2px;/*weer terug gezet naar 2, waar kwam de wijziging van 2-12-2008 vandaan?*/
}
.lsNum li {
	margin-left:21px;
}
.lsNiets {
	list-style-type:none;
}
.lsNiets li {
	margin-left:5px;
}
/* IE6 */
* html .lsNiets li {
	margin-left:3px;
}

/* Poll settings ==================================================================== */

.pollUitslagGrafisch {
	height:15px;
	background-color:#00387b;
	display:block; /* !important! Wel iets tonen */
}

.pollUitslagPercentage {
	font-weight:bold;
	margin-left:210px;
	display:block;
	margin-top:-18px;
	margin-bottom:-18px;
}

/* Download settings ================================================================ */

.download {
	background-repeat:no-repeat;
	background-position:center left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#00387b;
	padding-left:30px;
	position:relative;
	float:left;
}

#downloadPdf {
	background-image:url(../images/HW_downloadPDF.jpg);
}

#downloadPijl {
	background-image:url(../images/HW_downloadPijl.gif);
}

/* Gallery settings ================================================================= */

.gallery_thumbnail {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#contentGallery {
	width:550px;
	height:auto;
	float:left;
	padding-top:20px;
	margin-left:30px;
	padding-right:20px;
}
/* IE6 */
* html #contentGallery {
	margin-left:15px;
}

.Regel {/*uitzonderingen voor ie6 en ie7 verwijderd op 07-11-2008 omdat door padding in onderstaand item toe te voegen deze niet meer nodig waren*/
	float:left;/*toegevoegd 07-11-2008*/
	width:550px;
}

.gallery_volgend {
	float:left;
	width:275px;
	padding-top:5px;
	padding-bottom:1px; /*!!! toegevoegd op 07-11-2008 om de hr in firefox zichtbaar te krijgen*/
}

.gallery_volgend a:link {
	color:#00387b;
	font-weight:normal;
}

.gallery_volgend a:visited {
	color:#00387b;
	font-weight:normal;
}

.gallery_volgend a:hover{
	color:#00387b;
	font-weight:normal;
	text-decoration:underline;
}

.gallery_sluiten {
	float:right;
	width:275px;
	text-align:right;
	padding-top:5px;
	margin-right:0;
}

.gallery_sluiten a:link {
	color:#00387b;
	font-weight:normal;
}

.gallery_sluiten a:visited {
	color:#00387b;
	font-weight:normal;
}

.gallery_sluiten a:hover {
	color:#00387b;
	font-weight:normal;
	text-decoration:underline;

}

/* Sitemap settings =================================================================

	 Omdat de sitemap van de Gemeente en Recreatie of de Gemeente en de Sypel op 1 
	 pagina staan, konden we deze kleuren niet in een aparte CSS verwerken. Vandaar dat 
	 ze hier wel in de basis staan.
*/

/* Gemeente ------------------------------------------------------------------------- */
.siteMapGem {
	margin-left:-12px;
}

.siteMapGem li {
	list-style-type:none;
	background-color:#00387b;
	color:#FFFFFF;
	text-indent:2px;
	font-weight:bold;
}

.siteMapGem li a:link, .siteMapGem li a:visited  {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.siteMapGem li ul {
	background-color:#d1deef;
}

.siteMapGem li li {
	background-color:#d1deef;
	color:#00387b;
}

.siteMapGem li li a:link, .siteMapGem li li a:visited {
	background-color:#d1deef;
	color:#00387b;
	text-decoration:none;
	font-weight:normal;
}

.siteMapGem li li ul {
	background-color:#e0e8f4;
	margin-left:-15px;
}

.siteMapGem li li li {
	background-color:#e0e8f4;
	color:#00387b;
	text-indent:15px;
}

.siteMapGem li li li a:link, .siteMapGem li li li a:visited {
	background-color:#e0e8f4;
	color:#00387b;
}

.siteMapGem li li li ul {
	background-color:#f0f4fa;
}

.siteMapGem li li li li {
	background-color:#f0f4fa;
	color:#00387b;
	text-indent:30px;
}

.siteMapGem li li li li a:link, .siteMapGem li li li li a:visited {
	background-color:#f0f4fa;
	color:#00387b;
}

/* Recreatie ------------------------------------------------------------------------ */
.siteMapRec {
	margin-left:-12px;
}

.siteMapRec li {
	list-style-type:none;
	background-color:#d8650B;
	color:#FFFFFF;
	text-indent:2px;
	font-weight:bold;
}

.siteMapRec li a:link, .siteMapRec li a:visited  {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.siteMapRec li ul {
	background-color:#f9e1ca;
}

.siteMapRec li li {
	background-color:#f9e1ca;
	color:#00387b;
}

.siteMapRec li li a:link, .siteMapRec li li a:visited {
	background-color:#f9e1ca;
	color:#00387b;
	text-decoration:none;
	font-weight:normal;
}

.siteMapRec li li ul {
	background-color:#fceddd; 
	margin-left:-15px;
}

.siteMapRec li li li {
	background-color:#fceddd;
	color:#00387b;
	text-indent:15px;
}

.siteMapRec li li li a:link, .siteMapRec li li li a:visited {
	background-color:#fceddd;
	color:#00387b;
}

.siteMapRec li li li ul {
	background-color:#fdf4ea;
}

.siteMapRec li li li li {
	background-color:#fdf4ea;
	color:#00387b;
	text-indent:30px;
}

.siteMapRec li li li li a:link, .siteMapRec li li li li a:visited {
	background-color:#fdf4ea;
	color:#00387b;
}

/* Sypel ---------------------------------------------------------------------------- */
.siteMapSyp {
	margin-left:-12px;
}

.siteMapSyp li {
	list-style-type:none;
	background-color:#008093;
	color:#FFFFFF;
	text-indent:2px;
	font-weight:bold;
}

.siteMapSyp li a:link, .siteMapSyp li a:visited  {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

.siteMapSyp li ul {
	background-color:#9ad7de;
}

.siteMapSyp li li {
	background-color:#9ad7de;
	color:#008093	;
}

.siteMapSyp li li a:link, .siteMapSyp li li a:visited {
	background-color:#9ad7de;
	color:#00387b;
	text-decoration:none;
	font-weight:normal;
}

.siteMapSyp li li ul {
	background-color:#ceebea;
	margin-left:-15px;
}

.siteMapSyp li li li {
	background-color:#ceebea;
	color:#00387b;
	text-indent:15px;
}

.siteMapSyp li li li a:link, .siteMapSyp li li li a:visited {
	background-color:#ceebea;
	color:#00387b;
}

.siteMapSyp li li li ul {
	background-color:#e9f8f7;
}

.siteMapSyp li li li li {
	background-color:#e9f8f7;
	color:#00387b;
	text-indent:30px;
}

.siteMapSyp li li li li a:link, .siteMapSyp li li li li a:visited {
	background-color:#e9f8f7;
	color:#00387b;
}

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


/* nieuwsbrief ====================================================================== */

#NB_Wrapper {
	position:relative;
	width: 850px;
	height:auto;
	margin:0px auto;
	border:1px solid #00387b;
}


.NB_Datum {
	display:block;
	width:auto;
	height:19px;
	background-color:#00387b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color:#FFFFFF;
	padding-right:30px;
	padding-top:1px;
	text-align:right;
}

#NB_Header {
	float:left;
	top:20px;
	left:185px;
	width:850px;
	height:130px;
	z-index:1;
}

#NB_Header_verloop {
	float:left;
	top:20px;
	left:185px;
	width:850px;
	margin-top:-130px;
	height:130px;
	z-index:5;
}

#NB_titel {
	width:830px;
	float:left;
	height:35px;
	background-color:#d1deef; 

	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	color:#00387b;
	padding-top:4px;
	padding-left:20px;
}

#NB_mainContentBreed { /* Container voor 3 kolommen */
	width: 850px;
	margin:30px 0 10px 0;
	background-image:url(../images/NB_HW_bg.gif);
	background-repeat:repeat-y;
	height:auto;
	float:left;
}

.NB_mainContent_3kolomL {
	width:243px;
	height:auto;
	float:left;
	padding:0 20px;
}


.NB_mainContent_3kolomM {
	width:243px;
	height:auto;
	float:left;
	padding:0 20px;
}


.NB_mainContent_3kolomR {
	width:243px;
	height:auto;
	float:right;
	padding:0 20px;
}


.NB_hr{
	margin-top:6px;
	margin-bottom:6px;
	border-bottom:#e0e8f4 1px solid;
}
/*IE7*/
*+html .NB_hr{
	margin-top:2px;
	margin-bottom:2px;
	border-bottom:#e0e8f4 1px solid;
}
/*IE6*/
* html .NB_hr{
	margin-top:2px;
	margin-bottom:2px;
	border-bottom:#e0e8f4 1px solid;
}



/*	=============================================================================================== */
/* 	===== AANPASSINGEN ASERIO =====		*/



.img-bannerBlauw div {
	padding: 5px 15px 0 15px;
}

.img-bannerBlauw div a, .img-bannerGroen div a, .img-bannerWit div a, .img-bannerOranje div a {
	display: block;
	width: 120px;
	margin: 0 -10px -10px -10px;
	padding: 5px 0 10px 10px;
}

p a:visited, td a:visited {
	color: #56B6EA;
}

.img-bannerBlauw div a:visited, .img-bannerGroen div a:visited, .img-bannerWit div a:visited, .img-bannerOranje div a:visited {
	color: #56B6EA;
}

.img-bannerBlauw div a:hover, .img-bannerGroen div a:hover, .img-bannerWit div a:hover, .img-bannerOranje div a:hover {
	text-decoration: underline;
}

.tableImgGroot {
	border: 0 ;
}

.img-bannerMail div{
/*	background:url(../images/maskTest.png) no-repeat left top !important;
	background:url(../images/mask.gif) no-repeat right top;*/
background: #8cbb15;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.5em;
	font-weight:bold;
	color:#fff;
	padding: 5px 15px 5px 15px ;
	margin-left:-17px; /* Schuift witte masker opzij */
}

.img-bannerMail {
	background:url(../images/shadowGroen2.gif) no-repeat bottom left;
	clear:right;
	float:right;
	width:118px;
	margin-top:3px;
	padding-left:18px;
}

.img-bannerMail div {
	font-weight: normal;
}

.img-bannerMail input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#00387b;
	border: 1px solid #ccc;
	padding: 2px 2px 0 2px;
	width: 100px;
}

.img-bannerMail select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#00387b;
	border: 1px solid #ccc;
	padding: 2px 2px 0 2px;
	width: 106px;
	margin-bottom: 5px;
}

.img-bannerMail input.submit {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #003B84;
	color: #fff;
	padding: 2px;
	margin-top: 5px;
	width: 74px;
	border: 0;
	height: 22px;
}

.img-bannerMail input.check {
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	float: left;
	display: block;
}

input.checkbox {
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	float: left;
	display: block;
}

#gm-search-hw {
	width: 610px;   /* was 750 */
	margin: 0 0 20px 30px;
}

#gm-search-hw h1, #gm-search-sc h1 {
	background-image:url(../images/HW_pijl.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#00387b;
	padding-left:25px;
}

#gm-search-sc h1 {
	font-size:1em;
}

#gm-search-hw h2 a, #gm-search-sc h2 a {
	font-size: 12px;
}

#gm-search-hw p em, #gm-search-sc p em {
	color: #067bbc;
	font-style: normal;
	display: block;
	clear: both;
	margin-bottom: 15px;
	width: 750px;
	overflow: hidden;
}

#gm-search {
	width: 750px;
	border-top: 1px solid #d1deef;
	text-align: center;
	padding-top: 5px;
	margin: 0 0 50px 30px;
}

#gm-search a {
	font-size: 11px;
	font-weight: normal;
	margin-left: 3px;
}

.Taal em {
	font-style: normal;
	float: right;
	margin-top: -14px;
	margin-right: 10px;
}

/* ---------------------------- CVDR | 02-05-2011 | GVZ------------------------------------- */
.regulations-default {
	margin: 0;
	padding: 20px 0 0 0;	
}

.regulations-default ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	}
	
.regulations-default li {
	margin: 0;
	padding: 2px 0 2px 0;
	list-style-image: none;	
	}
	
.regulations-default li ul li {
	margin: 0 0 0 20px;
	padding: 2px 0 2px 0;
	list-style-image: none;	
	}	

li.cvdrOpen,
li.cvdrClosed,
li.cvdrItem,
.regulations-default li.cvdrOpen,
.regulations-default li.cvdrClosed,
.regulations-default li.cvdrItem {
	list-style-image: none;
	list-style-type: none;
	}	

li.cvdrOpen a {
	padding: 0 0 0 20px;
	background:url(../images/bullets/noline_r_opened.gif) 2px no-repeat;
	}
	
li.cvdrClosed a {
	padding: 0 0 0 20px;
	background:url(../images/bullets/noline_r_closed.gif) 2px no-repeat;
	}


li.cvdrItem a {
	padding: 0 0 0 15px;
	background:url(../images/bullets/bullet_blue.gif) 2px 5px no-repeat;
	display: block;
	}


.regulationdetail-default {
	padding: 0;
	margin: 0;
	}	
	
.cvdr_header {
	padding: 5px 0;
	}

.regulationdetail-default table th { 
	text-align:left;
	vertical-align:top;
	}

.zoekdienstlink {
	font-size: 70%;	
}
	
.zoekdienstlink a {
	padding: 0 0 0 15px;
	background: url(../images/bullets/icn_overheid.gif) no-repeat left top;	
	}

#PaginaContainer {
	padding: 0;
	}

.cvdr p {
	margin: 0 0 5px 0; /* 27 7 */
	padding: 0;	
}

h1.headertekst {
	padding: 10px 0 0 0;
	background: none;
	font-family: Verdana, sans-serif;
	font-size: 70%;	
	}

h2.cvdr_meta_titel {}

h3.regelingkop {
	background-image: url(../images/HW_pijl.gif);
	background-repeat: no-repeat;
	background-position: 0 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #00387B;
	color: #00387b;
	padding-left: 25px;
	margin-bottom: 5px;
}
	
h3.cvdr_meta_hoofdkop {
	}
	
.intitule {
	font-weight: normal;
	font-family: Verdana, sans-serif;
	font-size: 70%;	
	font-style: italic;
}	
	
h4.hoofdstuk_kop,
h4.paragraaf_kop,
h4.toc-only {
	font-size: 90%;
	font-family: Verdana, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: bold;		
}

h4.cvdr_meta_kop {
	font-size: 70%;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bold;		
}

.intitule h4.body_kop {
	font-size: 100%;
	font-family: Verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: normal;			
}

ol.grondslag,
ul.expliciet {
	margin: 0 0 10px 0;	 /* 27 7 */
}

ol.grondslag ol,
ul.expliciet ul,
ol.grondslag ol ol,
ul.expliciet ul ul {
	margin: 0 0 0 20px;	
}

ol.grondslag p,
ul.expliciet p {
	margin: 0;	
}

ul.expliciet li {
	list-style: none;
	margin: 0 0 0 15px;
	}
	
span.lidnr,
span.ol {
	margin: 0 0 0 -12px;
	}
	
#PaginaContainer table caption {
	text-align: left;
	padding: 5px 0;
	color: #00387b;
	margin: 10px 0 0 0;
	font-weight: bold;
	font-size: 70%;
	font-family: Verdana, sans-serif;
	}	

#PaginaContainer table {
	background: #e0e8f4;
	border: none;	
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#PaginaContainer table td,
#PaginaContainer table tr,
#PaginaContainer table th {
	vertical-align: top;
	margin: 0;
	padding: 0;
	border: none;
}

#PaginaContainer table td,
#PaginaContainer table th {
	padding: 5px;	
}

/*th,*/
th.meta_omschrijving {
	background: transparent;
	font-weight: bold;
	color: #00387b;
	font-size: 70%;
	}

.lid {
	font-size: 100%;	
}

.ondertekening,
#voetregel {
	font-size: 70%;	
}
	
h5.afdeling_kop,
h5.artikel_kop {
	font-weight: bold;
	font-size: 80%;
	margin: 10px 0 0 0; /* 27 7 */
}

.artikel_kop,
h4.artikel_kop,
h5.artikel_kop {
	font-size: 70%;
	font-weight: bold;	
	margin: 10px 0 0 0; /* 27 7 */
}

/* end cvdr */



.img-bannerBlauw input {
	color:#0062a1;
	width:10px;
	border:none;
	height:16px;
	margin-bottom:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

.img-bannerBlauw ul li {
	font-size: 1em;
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight:normal;
}




/* ---------------------------- facet search | 16-05-2011 | CDK ------------------------------------- */

.block-default {
	/*clear:both;*/
}

.searchresult-facets-default {
	padding: 5px 10px 5px 10px;
	width: 110px;
	display:block;
	float:right;
	background-color:#E0E8F4;
}


/* IE7 */
*+html .searchresult-facets-default {
	padding: 5px 10px 5px 10px;
	width: 110px;
	display:block;
	float:right;
	background-color:#E0E8F4;
	margin-top: -50px;
}


.searchresult-facets-default table,
.searchresult-facets-default table td {
	border: none;
	padding: 5px 0 0 0;
	}
	
.searchresult-facets-default table li {
	list-style:none;
	}	

.searchresult-facets-default table ul li {
	margin: 0;
	padding: 0;
	}	
	
	
.searchresult-facets-default table caption {
	text-align:left;
	font-size:0.7em;
	font-weight:bold;
	}	


.searchresult-default {
	padding: 20px 0 0 30px;
	width: 580px;
	display:block;
	float:left;
}

.search-wrapper {
	padding: 20px 0 0 0;
	}

.count {
	display:none;
	}
	
.searchresultcollaborative-default dd {
	font-size: 0.7em;
	}	


.search-result-count,
.paging-default {
	font-size: 0.7em;
	}



.paging-default {
	padding: 10px 0 0 30px;
	width: 610px;
	clear:both;
	text-align:right;
}


.searchresultcollaborative-default {
	padding: 20px 0 0 30px;
	width: 610px;
}