/*** © LCP nv - Gemeente Kinrooi ***/

/*** wim.dury@lcpnet.com ***/
/*** tabitha.hindryckx@lcpnet.com ***/

#diensttitle, #perstitle, #prodtitle{
	font-weight: bold;
	font-size: 120%;	
	border-bottom: 1px solid #A9BC27;
	font-variant: small-caps;
	padding: 12px 0 5px 0;
	margin: 0 0 5px 0;
}
#dienst{
	width: 63%;
	float: left;
}
#dienst ul{
	clear: left;
}
#dienst img, #bevoegdheden img{
	margin: 0 10px 0 0;
}
#dienst .img_button{
	margin: 0 0 0 5px;
}

/** PRAKTISCH ***************************/

#praktisch ul, #producten ul, #themas ul, 
#dnst_nieuws ul, #dnst_activiteiten ul, 
#contact ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#praktisch, #contact{
	width: 35%;
	float: right;
	background: url(../../../images/rel_nws_bgr.gif) left top no-repeat;
	margin: 15px 0 0 0;
}
#praktisch img, #contact img{
	margin: 0 5px 0 0;
}
#praktisch li, #contact li{
	padding: 0 0 5px 0;
}

/** OPENINGSUREN ******************/

#openingsuren{
	background-color: #FFF;
	border: 1px solid #A9BC26;
	padding: 0 0 5px 0;
	margin: 0;
}
#openingsuren h5{
	background-color: #A9BC26;	
	font-size: 11px;
	font-weight: bold;
	color: #353D00;
	padding: 0 0 2px 3px;
	margin: 0;
}
#openingsuren a img{
	padding: 0;
	margin: 0;
}
#openingsuren p, #openingsuren .uren{
	padding: 2px;
	margin: 0;
}
/** CONTACT  *********************/

#contact ul{
	height: 100%;
	margin: 2px 0 0 0;
	padding: 12px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #85A5B7;
	background: #FFF;
}
html>body #contact ul{
	height: auto;
	padding: 12px 0 137px 15px;
}

/** PRODUCTEN - THEMAS ************************/

#producten, #themas{
	clear: left;
	margin: 20px 0 0 0;
}
html>body #themas{
	clear: right;
	padding: 80px 0 0 0;
}
#producten h1, #themas h1, #zitdagen h1{
	font-size: 110%;
	border-bottom: 1px solid #97B0BB;
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
}
html>body #zitdagen h1{
	width: 95%;
}
#producten li, #themas li{
	background: url(../../../images/plus2.gif) no-repeat left 3px;
	padding: 0 0 0 15px;
}
#producten li a, #themas li a{	
	color: #4B7088;
}
#producten li a:hover, #themas li a:hover{
	color: #788B94;
}

/** SUBPRODUCTEN ************************/

#subproducten h1{
	font-size: 110%;
	border-bottom: 1px solid #97B0BB;
	padding: 20px 0 2px 0;
	margin: 0 0 5px 0;
}
#subproducten ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#subproducten ul li{
	background: url(../../../images/arr4.gif) no-repeat left 5px;
	font-size: 10px;
	padding: 2px 0 0 12px;
}
#subproducten ul li a{
	color: #00466A;
}
#subproducten ul li a:hover{
	/*color: #D4DCE0;*/
	color: #788B94;
}
#subproducten ul li ul li {
	background: url(../../../images/arr5.gif) no-repeat left 4px;
	color: #5C8599;
	padding: 2px 0 2px 12px;
	margin: 0 0 0 10px;
}
#subproducten ul li ul li a{
	/*color: #5C8599;*/
	color: #4E6C7C;
}
#subproducten ul li ul li ul li{
	background: url(../../../images/arr6.gif) no-repeat left 7px;
	color: #91ADBF;
	padding: 3px 0 2px 12px;	
	margin: 0 0 0 10px;
}
#subproducten ul li ul li ul li a{
	color: #91ADBF;
}

/** DIENST NIEUWS ***********************/

#dnst_nieuws, #dnst_activiteiten{
	background: url(../../../images/rel_nws_bgr.gif) left top no-repeat;
	width: 35%;
	float: right;
	clear: right;
	margin: 15px 0 0 0;
}
#dnst_nieuws h2, #dnst_activiteiten h2, 
#praktisch h2, #contact h2{
	text-align: right;
	font-size: 103%;
	/*font-size: 10px;*/
	border-bottom: none;
	font-variant: small-caps;
	padding: 20px 0 0 0;
	margin: 0;
}
#dnst_nieuws ul, #dnst_activiteiten ul, 
#praktisch ul{
	margin: 2px 0 0 0;
	padding: 12px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #85A5B7;
	background: #FFF;
}

/** BEVOEGDHEDEN ****************/

#bevoegdheden{
	height: 30%;
}
html>body #bevoegdheden{
	height: auto;
}
#bevoegdheden .foto{
	margin: 0 0 6px 0;
}
#bevoegdheden2{
	width: 99%;
	padding: 0 0 15px 0;
}
#bevoegdheden2 h1{
	font-weight: bold;
	font-size: 100%; /* 120% */
	margin: 1px 0 4px 0;
}
#bevoegdheden2 .functie{
	margin: 0 0 10px 0;
}
#zitdagen{
	width: 99%;
}
html>body #zitdagen{
	width: 67%;
	margin: 0 37% 0 0;
}

/** OVERZICHT *******************/

#overzicht ul{
	width: 80%;
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
}
#overzicht ul li{
	height: 19px;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #BBD4D8;
}
#overzicht ul li .titel{
	background: url(../../../Images/arr1.gif) no-repeat left 4px;
	padding: 0 0 0 10px;
	margin: 0;
}
#overzicht ul li .button{
	position: absolute;
	right: 30px;
}
#overzicht caption{
	display: none;
	text-align: left;
	margin: 3px 0 7px 0;
}
html>body #overzicht caption{
	margin: 10px 0 -8px 0;
}
#overzicht th{
	text-align: left;
	font-size: 110%;
	border-bottom: 1px solid #97B0BB;
	padding: 0 0 7px 0;
	margin: 0 0 5px 0;
}
#overzicht .naam{
	background: url(../../../Images/ic_pers.gif) no-repeat left;
	width: 100%;
	height: 16px;
	display: block;
	padding: 7px 0 3px 15px;
	margin: 0;
}/*
#overzicht img{
	margin: 7px 0 0 0;
}*/

/** GIDSEN ************************/

#gidsen h1{
	font-weight: bold;
	font-size: 120%;	
	border-bottom: 1px solid #A9BC27;
	font-variant: small-caps;
	padding: 12px 0 5px 0;
}
#gidsen h2{
	font-weight: bold;
	font-size: 110%;
	padding: 0 0 5px 0;
	margin: 0;
}
#gidsen ul, #gidsen ul.links{
	list-style: none;	
	padding: 5px 0 0 0;
	margin: 0;
}
#gidsen ul li{
	padding: 0 ;
	margin: 4px 0 4px 0;
}
#gidsen ul.links li{
	background: url(../../../Images/arr1.gif) no-repeat left;
	font-weight: normal;
	padding: 0 0 0 15px;
	margin: 4px 0 4px 0;
}
#gidsen .handelpraktisch{
	padding: 0 0 10px 0;
}
#gidsen .name2{
	background: url(../../../Images/ic_pers.gif) no-repeat left -2px;
	padding: 0 0 0 20px;
}
#gidsen .adres2{
	background: url(../../../Images/ic_loc.gif) no-repeat left -2px;
	padding: 0 0 0 20px;
}
#gidsen .phone2{
	background: url(../../../Images/ic_tel.gif) no-repeat left -2px;
	padding: 0 0 0 20px;
}
#gidsen .mail2{
	background: url(../../../Images/ic_mail.gif) no-repeat left -2px;
	padding: 0 0 0 20px;
}
#gidsen .fax2{
	background: url(../../../Images/ic_fax.gif) no-repeat left -2px;
	padding: 0 0 0 20px;
}
#gidsen .web2{
	background: url(../../../Images/ic_fax.gif) no-repeat left -2px;
	padding: 0 0 0 20px;
}
#gidsen .space2{
	padding: 0 0 0 20px;
}
#gidsen .handelpraktisch b{
	border-bottom: 1px solid #97B0BB;
	display: block;
	padding: 0 0 3px 0;
}
#gidsen .floatRight{
	float: right;	
	text-align: right;
	padding: 0;
	margin: -12px 5px 0 0;
}
ul.links a:hover{
	color: #5C85AB;
}
#fotoBlok{
	float:left;
	width:160px;
	position:static;
}
#fotoBlok .foto{
	margin:10px 10px 0 20px;
}