/* © Beerse - LCp nv */
/* wim.dury@lcpnet.com */

/****************************** HTML *******************************************************/
body, html, form{
	min-height: 100%;
	height:100%;
	margin: 0;
	padding: 0;
}
body{
	background: url(/images/template/bg.gif) repeat-y;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 68.75%; /* 11px */
	color: #000063;
	scrollbar-track-color: #1896C6;
	scrollbar-face-color: #000063;
	scrollbar-arrow-color: #9CCF00;
	scrollbar-darkshadow-color: #010066;
	scrollbar-3dlight-color: #1896C6;
	scrollbar-highlight-color: #E7E3EF;
	scrollbar-shadow-color: #1896C6;
	margin-right: 2px;
}
*{	font-size: 1em;}
a{
	text-decoration: none;
	font-weight: bold;
	color: #000063;
}
a:hover {
	color: #1896C6;
}
input, select{
	background: white;
	border: 1px solid #9999C2;	
	font-size: 1em; /* 10px */
	color: #000063;
}
table, td{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	padding: 0;
	margin: 0;
}
table{
	font-size: 0.9em; /* 10px */
}
table table{
	font-size: 1em; /* 11px */
}
table td .btn{
	margin: 10px 0 0 0;
}
hr{
	color: #D7E1EA;
}
h1{	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 1.7em; /* 18px */
	color: #000063;
	padding: 0 0 10px 0;
	margin: 0;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em; /* 12px */
	font-weight: bold;	
	color: #000063;
	width: 97%;
	border-bottom: 1px solid #EFEFEF;
	text-align: left;
	padding: 0 0 5px 2px;
	margin: 0;
}
h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em; /* 11px */	
	font-weight: bold;
}
form{
	height: 100%;
	margin: 0;
	padding: 0;
}

/******* BLOCKS ***********************/

#container{
	margin: 0;
	padding: 0;
	height: 90%;
}
html>body #container{
	margin: 0 0 -30px 0;
	height: 95%;
}
#content{	
	padding: 0;
	margin: 0;
}
#top{
	background: url(/images/template/bg_hdr_grn.jpg) no-repeat 152px 60px;
	height: 144px;
	padding: 0 0 0 152px;
}
#blnd{
	position: absolute;
	left: 306px;
	top: 4px;
	z-index: 999;
}
#left{ 
	width: 53%;
	float: left;
	margin: -13px 0 0 0;
	padding: 0 0 0 28px;
}
html>body #left{
	display: inline;
	width: 50%;
	margin: 0;
}
#right{
	float: right;
	width: 180px;
	margin: 24px 7px 0 0;
	text-align: right;	
}
html>body #right{
	margin: 38px 14px 0 0;
}
#full{
	width: 100%;
	padding: 0 0 0 25px;
}
html>body #full{
	width: auto;
	margin: 0 0 0 154px;
}
#footer{
	font-size: 10px;
	clear: both;
}
#footer, #footer a{
	color: #B5B6B5;
}
#footer a:hover{
	color: #1896C6;
}

/******************************** TEMPLATE *************************************************/

#logo{
	font-size: 9px;
	width: 152px;
	height: 188px;
	left: 1px;
	top: 0px;
	position: absolute;
	z-index: 999;
}
#logo img{
	border-top: 1px solid #FFFFFF;
}

/***************** htp ***************/

#htp{	
	font-size: 12px;
	float: left;
	color: #000063;
}
#htp ul{
	list-style: none;	
	padding: 0;
	margin: 0;	
}
#htp ul li {
	display: inline;
	width: 50px;
	height: 12px;
}
#home a, #terug a, #print a{
	text-indent: -2000px;
	width: 50px;
	height: 12px;
	display: block;
}
html>body #home a, #terug a, #print a{
	display: inline;
	position: absolute;
}
#home a{
	background: url(/images/template/btn_home.gif) no-repeat left top;
}
#home a:hover{
	background: url(/images/template/btn_home_o.gif) no-repeat left top;
}
#terug a{
	background: url(/images/template/btn_terug.gif) no-repeat left top;
}
html>body #terug a{
	margin: 0 0 0 49px;
}
#terug a:hover {
	background: url(/images/template/btn_terug_o.gif) no-repeat left top;
}
#print a{
	background: url(/images/template/btn_print.gif) no-repeat left top;
}
html>body #print a{
	margin: 0 0 0 98px;
}
#print a:hover {
	background: url(/images/template/btn_print_o.gif) no-repeat left top;
}

/**************** vctop ***************/

#vc_top{
	height: 59px;
	float: left;
	width: 330px;
	background: url(/images/template/bg_hdr_bl.jpg) no-repeat 150px 1px;
}
#vc_top img{
	border-right: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
}

/**************** zoek *******************/

#zoek{	
	color: #9496CE;
	width: 23%;
	float: right; 
	font-size: 0.9em; /*10px*/
	padding: 7px 10px 0 0;
}
#zoek input{ font-size: 0.9em; /*10px*/}
#zoek .btn{	
	background: url(/images/template/btn_zoek.gif) no-repeat;
	width: 17px;
	height: 17px;
	border: none #FFFFFF;	
}
#zoek a{
	font-weight: bold;
	color: #000063;
}
#zoek a:hover{
	color: #1896C6;
}

/*************** subsites **************/

#subsites{	
	font-size: 1px;
	position: absolute;
	top: 85px;
	right: 0px;
	width: 195px;
	color: #000063;	
}
#subsites ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#subsites ul li{
	display: inline;
	width: 52px;
	height: 70px;	
}
html>body #subsites li{
	display: inline;	
}
#subsites ul li a{
	width: 52px;
	height: 70px;
	text-indent: -2000px;
	display: block;	
	margin: 0 13px 0 0;
}
html>body #bib a, #cult a, #sport a{
	display: inline;
	float: left;
}
#bib a{
	background: url(/images/template/btn_trio_01.gif) no-repeat;
}
#bib a:hover {
	background: url(/images/template/btn_trio_01_o.gif) no-repeat;
}
#cult a{
	background: url(/images/template/btn_trio_02.gif) no-repeat;
}
#cult a:hover {
	background: url(/images/template/btn_trio_02_o.gif) no-repeat;
}
#sport a{
	background: url(/images/template/btn_trio_03.gif) no-repeat;
}
#sport a:hover {
	background: url(/images/template/btn_trio_03_o.gif) no-repeat;
}

/*************** topmenu *****************/

#topmenu{
	height: 85px;
	width: 95%;
	font-size: 0.9em; /*10px*/
	float: left;
}
#topmenu ul{	
	list-style: none;
	padding: 6px 0 0 0;	
	margin: 0;
}
#topmenu ul li{	
	display: inline; 
	margin: 0 2px 0 3px;
}
#topmenu a{
	color: #FFFFFF;	
	font-weight: bold;
	padding: 0 0 0 10px;
}
#topmenu a:hover{
	color: #000063;
}
#topmenu .item{
	background: url(/images/template/divider.gif) no-repeat left;
}

/************** bot ****************/

#bot{
	width: 151px;
	height: 60px;
	font-size: 9px;
	color: #FFFFFF;
	line-height: 10px;
	float: left;
	margin: 0 30px 0 0;
	padding: 0 10px 0 0 ;
	text-align: right;
}
html>body #bot{
	padding: 0;
	width: 145px;
	margin: 0 35px 0 0;
}
#bot a{
	font-size: 9px;
	color: #AFAFD6;
}
#bot a:hover{
	font-size: 9px;
	color: #8686BF;
}

/* BrOoDkrUim@Ltje *******************/

#breadcrumb{	
	font-size: 0.8em; /* 9px */
	padding: 12px 0 10px 176px;
}
html>body #breadcrumb {
	padding: 12px 0 10px 181px;
}
#breadcrumb ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#breadcrumb ul li{
	display: inline;	
	list-style: none;
	color: #157395;	
}
#breadcrumb a{	
	background: url(/Images/Template/arrow_01.gif) no-repeat right;
	font-weight: normal;
	color: #157395;
	padding: 0 8px 0 0;
	margin: 0 5px 0 0;
}
#breadcrumb a:hover{	
	color: #000066;
}

/******************************* CONTENT ***************/

/************** vrije content **********/
#vc{
	margin: 0 0 17px 0;
}
#vc img{
	margin: 0 0 7px 0;
}

/************** nieuwsbrief *******************/

#nieuwsbrief h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em; /* 18px */
	font-weight: bold;
	padding: 0;
	margin: 0;
}

/************** nieuws *****************/

#nieuws h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em; /* 18px */
	font-weight: bold;
	margin: 0 0 0 0;
}
#nieuws2 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em; /* 18px */
	font-weight: bold;
	margin: 0 0 0 -5px;
}
html>body #nieuws2 h1{
	width: 35%;
	padding: 0 0 0 0;
	margin: 0 0 -5px 0;
}
#nieuws h1 a, #nieuws2 h1 a{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em; /* 11px */
	font-weight: bold;
}
#nieuws img, #nieuws2 img{
	/*border: 1px solid #000063;*/
	margin: 2px 3px 3px 3px;
}
#topitem1, #topitem2{
	float: right;
	width: 100%;
	border-bottom: 1px solid #D6D3DE;
	padding: 5px 0 5px 0;
}
#topitem2{
	padding: 5px 0 3px 0;
}
#topitem1 .detailKort, #topitem2 .detailKort{	
	display: inline-block;
	overflow: auto;
	text-align: justify;	
	padding: 0 0 0 10px;
}
html>body #topitem1 .detailKort,
html>body #topitem2 .detailKort{
	display: block;
}
#topitem2 .detailKort{
	padding: 0 10px 0 0;
}
#topitem1 a, #topitem2 a{
	font-weight: bold;
	color: #000063;
}
#topitem1 a:hover, #topitem2 a:hover {
	color: #1896C6;
}
#topitem1 h1, #topitem2 h1{
font-size: 1em;
	padding: 0;
}
#nieuws .meer, #nieuws .inschrijven {
	color: #666699;
	font-weight: bold;
	height: 19px;
}
#nieuws .meer:hover, #nieuws .inschrijven:hover{
	color: #B5B6B5;
}
#nieuws .meer{
	background: url(/images/template/btn_nwsoverzicht.jpg) no-repeat left 1px;
	height: 17px;
	padding: 4px 0 4px 22px;
	margin: 3px 30px 0 0;
}/*
html>body #nieuws .meer {
	height: auto;
	padding: 4px 0 4px 22px;
	margin: 5px 30px 0 0;
}*/
#nieuws .inschrijven {
	float: right;
	background: url(/images/template/btn_inschrijven.jpg) no-repeat right;
	padding: 3px 20px 4px 0;
	margin: -20px 0 0 0;
}
html>body #nieuws .inschrijven {
	/*height: auto;	*/
	padding: 9px 22px 4px 0;
	margin: -22px 0 0 0;
}
#nieuws .meer2 {
	background: url(/images/template/divider2.gif) no-repeat 38% 62%;
	width: 100%;
}
html>body #nieuws .meer2 {
	background: url(/images/template/divider2.gif) no-repeat 90%;
}

/* NIEUWS MEER 3 *******************/

#nieuws .meer3{
	background: url(/images/template/btn_meer.gif) no-repeat left 4px;
	height: 15px;
	padding: 3px 0 0 12px;
}
#topitem2 .meer3{
	background:	url(/images/template/btn_meer.gif) no-repeat right 4px;
	text-align: right;
	float: right;
	padding: 2px 12px 0 0;
}
#nieuws .meer3 a{
	color: #666699;	
	font-size: 0.8em; /* 9px */
	font-weight: bold;
}
#nieuws .meer3 a:hover{
	color: #B5B6B5;
}

/************** nieuws2 *****************/

#nieuws2 table caption{
	display: none;
}
#nieuws2 table{	
	border: none;
	width: 97%;
	font-size: 1em; /* 11px */
	border-collapse: collapse;
	margin: -5px 14px 3px 0px;
}
#nieuws2 th{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	color: #000063;
	border-bottom: 1px solid #EFEFEF;
	text-align: left;
	padding: 0 0 5px 1px;
}
#nieuws2 td{	
	vertical-align: top;	
	border-bottom: 1px solid #EFEFEF;
	padding: 3px 0 5px 0;
}
#nieuws2 td b{
	color: #1896C6;
}
#nieuws2 td a{
	color: #157395;
	font-weight: normal;
}
#nieuws2 td a:hover{
	color: #000063;
}
#nieuws2 td.date{
	color: #000063;
	width: 10%;
	vertical-align: top;
}
#nieuws2 td.download{
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	font-weight: bold;
	width: auto;
	padding: 10px 0 10px 0;
}
#nieuws2 td.download a{
	display: inline;
	color: #63659C;
	border-bottom: 0px none;
}
#nieuws2 td.download a:hover{
	color: #1896C6;
}
#nieuws2 span{	
	/*font-size: 0.8em;  9px */
}
#nieuws2 .zoekact{
	color: #1896C6;
}
#nieuws2 .zoekact:hover{
	color: #000063;
}
#nieuws2 .meer{
	background: url(/images/template/btn_nwsoverzicht.jpg) no-repeat right 1px;
	color: #63659C;
	font-weight: bold;
	float: right;
	height: 7px;
	padding: 4px 22px 4px 0;
	margin: 0 14px 10px -5px;
}
html>body #nieuws2 .meer {	
	padding: 4px 22px 8px 0;
	margin: 0 14px 0 30px;	
}
#nieuws2 a.meer:hover{
	color: #B5B6B5;
}
#nieuws2 img{
	border: 1px solid #000;
	margin: 5px 5px 0 0;
}
#nieuws2 hr{
	color: #CAC9C1;
	border: 0;
	height: 1px;
	border-bottom: 1px solid #CAC9C1;
}
#zoeklinknieuws {
	padding: 0;
	margin: 0;
	list-style: none;
}
#zoeklinknieuws li{
	padding: 0 0 5px 0;
}
#zoeklinknieuws img{
	margin: 0 0 0 3px;
}
#zoeklinknieuws input{
	margin: 0 0 0 10px;
}
#zoeklinknieuws .van{
	margin: 0 0 0 5px;
}
#zoeklinknieuws .btn{
	margin: 0 0 0 70px;
}
/***************** werken *******************/

#werken {	
	padding: 40px 0 0 0;
	margin: 0;
}
#werken h1{
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #F7F3F7;		
	font-size: 1.6em; /* 18px */
	font-weight: bold;
	color: 99CC00;
	margin: 0;
}
#werken ul{		
	border-bottom: 1px solid #F7F3F7;
	padding: 0 0 5px 0;
	margin: 0;
	list-style: none;
}
#werken li{		
	padding: 3px 0 0 0;
}
#werken a{
	color: #000063;
}
#werken a:hover{
	color: #1896C6;
}

/************** activiteiten ****************/
#activiteiten{
	background: #DEEBAD url(/images/template/tit_activ.gif) no-repeat left top;
	font-size: 1em; /* 11px */
	height: 100%;
}
html>body #activiteiten{
	height: auto;
	padding: 0 0 10px 0;
}
#activiteiten h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em; /* 18px */
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 10px 0;
}
#activiteiten ul{
	color: #71920E;
	text-align: left;
	list-style: none;		
	margin: 0 2px 0 5px;
	padding: 25px 0 0 0;
}
#activiteiten li {
	padding: 0 0 0 0;
	margin: 10px 0 11px 0;
}
#activiteiten ul li a, #act2 ul li a, #act2 a, #act2 .zoekact{
	font-weight: normal;
	color: #000063;
}
#activiteiten ul li a:hover, #act2 ul li a:hover, #act2 a:hover, #act2 .zoekact:hover{
	color: #638200;
}
#activiteiten meer2{
	padding: 10px 0 0 0;	
	margin: 10px 0 0 0;
}
#activiteiten .meer {
	float: left;	
	text-align: left;	
	font-size: 0.9em; /* 10px */
	font-weight: bold;	
	color: #638200;
	background: url(/images/template/arrow_01.gif) no-repeat right 4px;
	padding: 0 10px 0 0;	
	margin: 0;
}
#kalender2 {
	width: 100%;	
	margin: 5px 14px 0 0;
}
html>body #kalender2{
	padding: 155px 0 0 0;
	margin: 0 14px 0 0;
}
#kalender2 table{
	background: #DEEBAD url(/images/template/tit_activ2.gif) no-repeat -35px 0px;
	width: auto;	
	font-size: 1em; /* 18px */
	color: #FFFFFF;
	padding: 0;
	margin: 10px 0 10px 0;
}
html>body #kalender2 table{
	padding: 0;
	margin: 0 14px 0 30px;
}
#kalender2 table table{
	background-image: none; 
	padding: 0;
	margin: 0;
}
#kalender2 table caption{
	display: none;
}
#kalender2 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em; /* 16px */
	font-weight: bold;
	padding: 30px 0 10px 5px;
	margin: 0;
}
#kalender2 h2{
	display: block;
	border-bottom: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em; /* 14px */
	font-weight: bold;
	color: #9CCF00;
	padding: 0 10px 0 0;
	margin: 0 5px 3px 0;
}
html>body #kalender2 h2{
	padding: 0;
	margin: 0;
}
#kalender2 td{
	color: #000063;	
	font-size: 1em; /* 11px */
	padding: 0 0 7px 0;
}
#kalender2 .tw{
	color: #000063;
	background: url(/images/template/arrow_02.gif) no-repeat left center;
	padding: 0 10px 0 8px;
}
#kalender2 a, #act2 .meer{
	font-weight: bold;
	color: #000063;
}
#kalender2 a:hover, #act2 a.meer:hover{
	color: #1896C6;
}
#kalender2 .meer{
	float: right;
	padding: 0 0 0 -2px;
	margin: 0;
}
html>body #kalender2 .meer{
	padding: 5px 14px 0 0;
}
#kalender2 a img{
	color: #1896C6;
	background-image: none;
	padding: 0;
	margin: 0 5px 10px 0;
}
#act2{
	background: #DEEBAD url(/images/template/tit_activ2.gif) no-repeat -30px 0px;
	color: #000063;	
	padding: 27px 0px 10px 10px;
	margin: 15px 13px 0 0;
}
#act2 caption{
	text-align: left;
	display: none;
}
#info{
	padding: 10px 0 15px 0;
}
#info a{
	font-weight: bold;
}

#act2 ul{
	color: #71920E;
	list-style: none;
	margin: 0;
}
#act2 ul li{
	padding: 0 0 10px 0;
	margin: 0;	
}
#act2 ul li a{
	font-weight: normal;
}
#act2 .meer{
	float: right;
	font-weight: bold;
	padding: 20px 0 0 -2px;
	margin: 0;
}
html>body #act2 .meer{
	padding: 20px 5px 0 0;
}
#act2 .zoekact ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#act2 .zoekact ul li{
	padding: 0 0 5px 0;
}
#act2 .zoekact img, #act2 .zoekact .van{
	margin: 0 0 0 3px;
}
#act2 .zoekact input, #act2 .zoekact select{
	margin: 0 0 0 10px;
}
#act2 .zoekact .tot{
	margin: 0 0 0 8px;
}
#act2 .zoekact .btn{
	margin: 0 0 0 68px;
}

/* header20100719gmr */
#body {background:#000066 url(/images/template/bg.gif) repeat-y fixed 0 0;}
#container {min-width:987px;max-width:1400px;position:relative;background:url(/images/template/bg_hdr_bl.jpg) no-repeat scroll 758px 1px}
* html #container {width:expression(document.body.clientWidth < 989? "987px" : document.body.clientWidth > 1402? "1400px" : "auto");}
body #left {width:60% !important;}
#top{ margin:0 0 0 152px;padding:0;height:140px;background:url(/images/template/bg_hdr_grn.gif) repeat-x left top }
#vc_top{ float:none;margin:0 183px 0 0;width:605px;height:118px;background:url(/free/_header_juli2010.jpg) no-repeat left top;*zoom:1 }
#zoek{ float:none;padding:0;width:183px;position:absolute;top:7px;right:0 }
#topmenu{ height:21px;clear:both }
ul#subsites{ position:absolute;top:64px;margin:0;padding:0;list-style:none;width:211px;height:76px;font-size:1em;overflow:hidden }
#subsites li{ float:left;width:auto;height:76px;margin:0;padding:0;position:absolute;top:0; } 
	#subsites #bib{ right:122px } #subsites #cult{ right:66px } #subsites #sport{ right:10px;padding:0 }
#subsites a:link, #subsites a:visited{ float:none;position:relative;display:block;width:auto;height:76px;margin:0;padding:0;text-indent:0;font:bold .9em Verdana,sans-serif;color:#fff; }
	#subsites a:hover{ color:#000063}
#subsites #bib a:link,#subsites #bib a:visited{width:65px;background:url(/images/template/subsites.gif) no-repeat 20px top;  }
	#subsites #bib a:hover{ background:url(/images/template/subsites.gif) no-repeat -74px top;  }
#subsites #cult a:link,#subsites #cult a:visited{width:47px;background:url(/images/template/subsites.gif) no-repeat left -76px;  }
	#subsites #cult a:hover{ background:url(/images/template/subsites.gif) no-repeat -94px -76px;  }
#subsites #sport a:link,#subsites #sport a:visited{width:47px;background:url(/images/template/subsites.gif) no-repeat left -152px;  }
	#subsites #sport a:hover{ background:url(/images/template/subsites.gif) no-repeat -94px -152px;  }
#subsites a:link span, #subsites a:visited span{ display:block;position:absolute;bottom:4px;text-align:center;border-right:1px solid #D2E793;cursor:pointer }
#subsites #bib a:link span, #subsites #bib a:visited span{padding-right:6px; }
#subsites #cult a:link span, #subsites #cult a:visited span{ width:42px;padding-right:10px; }
#subsites #sport a:link span, #subsites #sport a:visited span{ width:47px;border:none}
/*carrousel*/ #showtime{ width:180px;height:80px } .paging{ margin-bottom:10px;width:180px;text-align:center; }
.paging a:link, .paging a:visited{ padding:2px 6px;font-size:.9em;font-weight:normal;text-decoration:none;background:#fff;border-left:2px solid #fff;cursor:pointer }
.paging a:hover{color:#fff;background:#010066}
.paging a.activeSlide:link, .slideshowMain .paging a.activeSlide:visited{color:#fff;background:#010066;}

/*OCMW OVERRULE*/
#container {background-position:583px 1px}
#vc_top{width:430px;background-image:url(/free/_header-ocmw_juli2010.jpg)  }