/* © Beerse - LCp nv */
/* wim.dury@lcpnet.com */

/* TITLES ***************************/

#diensttitle, #prodtitle, #perstitle, #eloket h1{
	/*width: 64%;*/
	color: #000063;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 1.7em; /* 18px */
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
}
#dienst{	
	width: 63%;
	float: left;
	padding: 0 0 20px 0;
	margin: 0 0 0 0;
}
#dienst img{
	margin: 2px 10px 3px 3px;
	/*border: 1px solid #000063;*/
}
.cont{	
	font-size: 0.8em; /* 9px; */
}

/* PRAKTISCH ***********************/

#praktisch a, #contact a{
	color: #000063;	
}
#praktisch a:hover, #contact a:hover{
	color: #1896C6;
}
#praktisch .diensttitle2 a{
	color: #000063;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 1em; /* 11px */	
}
#praktisch, #contact{	
	float: right;
	background-color: #DEEBAD;
	color: #000063;
	width: 172px;
	padding: 5px;
	margin: 85px 6px 20px 20px;
}
html>body #praktisch, #contact{
	margin: 35px 14px 20px 20px;
}
#praktisch ul, #producten ul, #themas ul, #themas2 ul, #contact ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#producten{	clear: both;}

#subproducten{	clear: both;}

#personel {
	border-top: 1px solid #CAE171;
	padding: 5px 0 0 0;
	margin: 5 0 0 0;
}
#personel b{ color: #000063;}
#personel .name{	
	font-size: 0.9em; /* 10px */
	padding: 3px 0 3px 0;
}
#contact img, #praktisch img{
	margin: 10px 0 0 0;
	border: 1px solid #1896C6;
}

/* PRODUCTEN ***********************/

#producten{
	margin: 0;
	border-bottom: 1px solid #D7E1EA;
	margin: 0 0 20px 0;
}
#producten h1, #subproducten h1{
	width: 100%;
	border-bottom: 1px solid #D7E1EA;
	color: #9CCF00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 1.3em; /* 14px */
	padding: 15px 0 4px 0;
	margin: 0 0 0 0;
}
#producten ul li{
	background: url(/images/template/arrow_01.gif) no-repeat left 4px;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
}
#producten ul li a{
	color: #157395;
	font-weight: normal;
}
#producten ul li a:hover{
	color: #000063;
}

/** OPENINGSUREN ******************/

#openingsuren{
	background-color: #FFF;
	border: 1px solid #A9BC26;
	padding: 0 0 5px 0;
	margin: 0;
}
#openingsuren h5{
	background-color: #99CC01;	
	font-size: 1em; /* 11px */
	font-weight: bold;
	color: #FFF;
	padding: 0 0 2px 3px;
	margin: 0;
}
#openingsuren a img{
	padding: 0;
	margin: 0;
	border: none;
}
#openingsuren p, #openingsuren .uren,
#openingsuren td, #openingsuren th,
#openingsuren caption{	
	padding: 3px;
	margin: 0;
}

/* THEMAS ***********************/

#themas, #themas2{
	background-color: #DEEBAD;
	float: right;
	clear: right;
	width: 172px;
	padding: 5px;
	margin: 0 6px 0 22px;
}
html>body #themas, #themas2 {
	margin: 0 14px 0 22px;
}
#themas b, #themas2 b{
	color: #000063;
}
#themas ul li, #themas2 ul li{
	background: url(/images/template/arrow_02.gif) no-repeat left 4px;
	padding: 0 0 0 10px;
	margin: 0;
}
#themas ul li a, #themas2 ul li a{
	color: #000063;
	font-weight: normal;
}
#themas ul li a:hover, #themas2 ul li a:hover{
	color: #93C2EF;
}
#themas ul li a.dienst{
	color: #2565A2;
}
#themas ul li a.dienst:hover{
	color: #5195D4;
}

/* ELOKET ***********************/

#eloket{
	width: 97%;	
	padding: 0;
	margin: 0;
}
#eloket table, #eloket td{
	font-size: 1em;
}
#eloket ul{
	list-style: none;
	padding: 5px 0 0 0;
	margin: 0;
}
#eloket ul li{	
	background: url(/Images/arrow_03.gif) no-repeat left 8px;
	display: block; 
	padding: 0 0 0 10px;
}
#eloket .btn{
	margin: 10px 0 0 0;
}
#eloket h1{
	padding: 0;
}
#eloket h2, #eloket .thema, #loket h1, #download h1, #zoekresultaten2 h2{
	width: 100%;
	border-bottom: 1px solid #D7E1EA;
	color: #9CCF00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 1.3em; /* 14px */
	display: block;
	padding: 15px 0 4px 0;
	margin: 0;
}
#eloket h3{
	border-bottom: 1px solid #D7E1EA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 1.3em; /* 14px */
	padding: 7px 0 4px 0;
	margin: 0 0 10px 0;
}
#eloket a {
	color: #157395;font-weight: normal;
}
#eloket a:hover {
	color: #000063;
	padding: 5px 0 0 0;	
}
#eloket ul.mine li a {
	font-weight: normal;
		padding: 5px 0 0 0;	
	display: block;
}

/* DOWNLOAD - LOKET ********************/

#download a, #loket a{	
	background: url(/Images/arrow_03.gif) no-repeat left;
	color: #157395;
	font-weight: normal;	
	padding: 0 0 0 10px;
}
#download a:hover, #loket a:hover{
	color: #000063;
}
#download h1, #loket h1{
	margin: 0 0 10px 0;
}

/* SUBPRODUCTEN ***********************/

#subproducten ul{
	padding: 0;
	margin: 0 0 0 10px;
	list-style: none;
}
#subproducten ul li{	
	font-size: 1em; /* 11px */
	color: #000063;
	font-weight: bold;
	background: url(/images/subprod_li.gif) no-repeat left 4px;
	padding: 0 0 0 10px;
	margin: 5px 0 0 0;
}
#subproducten ul li a{
	color: #00018A;
}
#subproducten ul li a:hover{
	color: #1896C6;
}
#subproducten ul li ul{
	margin: 2px 0 5px 15px;
}
#subproducten ul li ul li{
	background: url(/images/subprod_li2.gif) no-repeat left 3px;
	color: #000063;
	font-size: 10px;
	margin: 3px;
}
#subproducten ul li ul li a{
	color: #334C00;
}
#subproducten ul li ul li a:hover{
	color: #1896C6;
}
#subproducten ul li ul li ul{
	margin: 2px 0 3px 1px;
	border-bottom: 1px solid #D6E3EF;
	border-top: 1px solid #D6E3EF;
	padding: 4px;
}
#subproducten ul li ul li ul li{
	background: url(/images/subprod_li3.gif) no-repeat left 4px;
}
#subproducten ul li ul li ul li a{
	color: #547D00;
}

/* BEVOEGDHEDEN ***********************/

#bevoegdheden{	
	width: 100%;
	float: left;
	padding: 0 12px 0 0;
	margin: 0 0 0 0;
}
html>body #bevoegdheden{
	width: 78%;
	padding: 0 0 0 0;
	margin: -30px 0 0 30px;
}
#bevoegdheden2{	
	width: auto;
	float: left;
	margin: 0;
}
html>body #bevoegdheden2{
	float: none;
}
#bevoegdheden2 h1{
	font-size: 0.9em; /* 10px */
	padding: 2px 0 4px 0px;
	margin: 2px 0 5px 0;
}
#bevoegdheden2 b{
	color: #1896C6;
	border-bottom: 1px solid #D7E1EA;
	display: block;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	width:100%;
}

#bevoegdheden img{
	margin: 2px 10px 3px 3px;
	border: 1px solid #000063;
}

/* OVERZICHT ***********************/

#overzicht{
	width: 100%;
	float: left;
	padding: 0 12px 0 0;
	margin: 0 0px 0 0px;	
}
html>body #overzicht{
	width: 78%;
	padding: 0 0 0 0;	
	margin: 0 0 0 30px;
}
#overzicht caption{
	display: none;
}
#overzicht table{
	width: 100%;
	margin: 15px 0 20px 0;	
	font-size: 1em; /* 10px */
}
#overzicht td{	
	/*font-size: 0.9em;  10px */
}
#overzicht td.info{
	border-bottom: 1px solid #DCE2E9;
	padding: 2px 0 4px 16px;
}
#overzicht th{
	border-bottom: 1px solid #DCE2E9;
	color: #9CCF00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 1.3em; /* 14px */
	padding: 2px 0 4px 0px;
	margin: 15px 0 5px 0;
	text-align: left;
}
#overzicht a.naam{	
	font-size: 1.1em; /* 11px */
	font-weight: normal;
	background: url(/images/icon_pers.gif) no-repeat left 2px;
	padding: 0 0 0 15px;
	margin: 0;
	color: #7CA0C1;
}
#overzicht a.naam:hover{
	color: #000063;
}

/** zoek ****************************/

div.gidsen_info{
	height: 100%;
	overflow: auto;
}
html>body div.gidsen_info{	
	height: auto;
}
#doorzoek{
	margin-top:10px;
	background: url(/Images/bg_50.gif);
	width: 97%;	 
	/*font-size: 0.9em;*/
	padding: 0 5px 5px 5px;
}
#doorzoek table{
	width: 97%;
	font-size: 1em;
}
#doorzoek input{
	margin: 3px 0 3px 0;
	/*font-size: 1em;	*/
}
#zoekresultaten table{
	text-align: left;
	width: 100%;	
	padding: 0;
	margin: 3px 0 0 0;
}
#zoekresultaten td{
	background: url(/Images/Template/arrow_01.gif) no-repeat left;
	padding: 2px 0 0 15px;
}
#zoekresultaten th{
	width: 100%;
	border-bottom: 1px solid #D7E1EA;
	color: #9CCF00;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 1.3em; /* 14px */
	padding: 0px 0 4px 0;
	margin: 0;
}
#zoekresultaten td a, #zoekresultaten2 ul li a{
	font-weight: normal;
}


/* Rest ***********************/

ul.links li span.floatRight{
	float: right; 
	margin: -15px 10px 0 0;
}

/* PRINT ****************************/ 

@media print{ 

body, #container{
	background: #FFF none; 
}

}/* EINDE PRINT */