@charset "utf-8";
/* CSS Document */



/*****************************************************
*
*  Bugfix dienst wetsmatiging
*
**********************************************************/
#wrapper{
min-width:1024px;
}

* html #wrapper {
width: expression(document.body.clientWidth <1026 ? "1024px" : "100%" );
}



/*****************************************************
*
*  DASHBOARD - WETSMATIGING --> evolutie projecten
*
**********************************************************/


.csc-frame-frame1{
	width: 385px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;

}

/* SINGLE HORIZON DASHBOARD PROGRESS BAR */

DIV.horiz_dashboard-wrap
{

margin:0px;
padding: 0px 4px 0px 4px;
width:60px;
height:120px;
background-repeat:no-repeat;
float:left;
text-align:center;
}

DIV.horiz_dashboard-wrap .progress
{
color: #db8f41;
font-size:0.8em;
font-weight:bold;
font-style:italic;
text-align:center;
width:20px;
float:left;
margin-top:35px;
}

DIV.horiz_dashboard-wrap .date, DIV.horiz_dashboard-wrap .amount
{
clear:both;
font-size:0.8em;
font-weight:bold;
font-style:italic;
text-align:center;
}

DIV.horiz_dashboard-wetsmatiging-wrap
{
clear:both;
margin:0px;
margin-top:15px;
padding:5px;
padding-left:18px;
width:595px;
height:120px;
background-image:url(../plugin/dashboard-wetsmatiging/evolutie_background.gif);
background-repeat:no-repeat;
float:left;
}
DIV.horiz_dashboard-wetsmatiging-wrap DIV.dashboard-wetsmatiging-title
{
font-size:0.8em;
font-weight:bold;
width:50px;
margin-bottom:20px;
float:left;
}

.horiz_dashboard_progressBar{
	width:25px;
	height:78px;
	background:url(../plugin/dashboard-wetsmatiging/horiz_dashboard_bg_bar.gif) no-repeat 0 0;
	position:relative;
	float:left;
	margin:0 2px 0 12px;
}
.horiz_dashboard_progressBar span{
	position:absolute;
	display:block;
	width:15px;
	height:70px;
	background:url(../plugin/dashboard-wetsmatiging/horiz_dashboard_bar.gif) no-repeat 0 0;
	top:3px;
	left:6px;
	overflow:hidden;
	text-indent:-8000px;
}
.horiz_dashboard_progressBar em{
	position:absolute;
	display:block;
	width:25px;
	height:70px;
	background:url(../plugin/dashboard-wetsmatiging/horiz_dashboard_bg_cover.gif) repeat-y 0 0;
	top:0px;
	left:0px;
}

.horiz_dashboard_progressBar .horiz_dashboard_cover{
	position:absolute;
	display:block;
	width:25px;
	height:78px;
	background:url(../plugin/dashboard-wetsmatiging/horiz_dashboard_bg_bar.gif) no-repeat 0 0;
	top:0px;
	left:0px;
}

.horiz_dashboard_progressBar_neg span{

	background:url(../plugin/dashboard-wetsmatiging/horiz_dashboard_bar_neg.gif) no-repeat 0 0;

}

/*****************************************************
*
*  DASHBOARD - WETSMATIGING --> 01
*
**********************************************************/
DIV.dashboard-wetsmatiging-wrap
{
margin:0px;
padding:15px;
padding-left:18px;
width:160px;
height:125px;
background-image:url(../plugin/dashboard-wetsmatiging/background.jpg);
background-repeat:no-repeat;
float:left;


}

DIV.dashboard-wetsmatiging-wrap DIV.dashboard-wetsmatiging-title
{
font-size:0.8em;
font-weight:bold;
width:160px;
margin-bottom:20px;


}
DIV.dashboard-wetsmatiging-wrap DIV.dashboard-wetsmatiging-link
{
font-size:0.8em;
/*text-align:center;*/
width:160px;
margin-top:15px;

}



/* SINGLE DASHBOARD PROGRESS BAR */

DIV.dashboard-wetsmatiging-wrap  .dashboard_progressBar{
	width:160px;
	height:20px;
	background:url(../plugin/dashboard-wetsmatiging/dashboard_bg_bar_40.gif) no-repeat 0 0;
	position:relative;

}

DIV.dashboard-wetsmatiging-wrap .dashboard_progressBar span{
	font-size:0.8em;
	position:absolute;
	display:block;
	width:160px;
	height:17px;
	background:url(../plugin/dashboard-wetsmatiging/dashboard_bar.gif) no-repeat 0 0;
	top:2px;
	 left:2px;
	overflow:hidden;
	text-indent:-8000px;

}
DIV.dashboard-wetsmatiging-wrap .dashboard_progressBar em{
	position:absolute;
	display:block;
	width:150px;
	height:16px;
	background:url(../plugin/dashboard-wetsmatiging/dashboard_bg_cover.gif) repeat-x 0 0;
	top:0;

}

DIV.dashboard-wetsmatiging-wrap .dashboard_progressBar .dashboard_cover{
	position:absolute;
	display:block;
	width:160px;
	height:20px;
	background:url(../plugin/dashboard-wetsmatiging/dashboard_cover_40.gif) no-repeat 0 0;
	top:0px;
	left:0px;
	text-indent: 0px;
padding: 4px 0px 6px 12px;

}



/*****************************************************
*
*  DASHBOARD - WETSMATIGING --> 02
*
**********************************************************/
DIV.dashboard-wetsmatiging02-wrap
{
margin:0px;
padding:15px;
padding-left:18px;
width:160px;
height:270px;
background-image:url(../plugin/dashboard-wetsmatiging/background02.jpg);
background-repeat:no-repeat;
float:left;
}

DIV.dashboard-wetsmatiging02-wrap .dashboard_date
{
	font-size:0.8em;
	font-style:italic;
	font-weight:bold;
	padding: 10px 0px 3px 10px;
	}
DIV.dashboard-wetsmatiging02-wrap .dashboard_date01
{
	padding-top: 0px ;
	}
	
/*****************************************************
*
*  DASHBOARD - WETSMATIGING --> 03 adm. lasten
*
**********************************************************/

DIV.dashboard-wetsmatiging-wrap .dashboard_progressBar_yellow span{

	background:url(../plugin/dashboard-wetsmatiging/dashboard_bar_yellow.gif) no-repeat 0 0;


}
	DIV.dashboard-wetsmatiging02-wrap .dashboard_subtitle
{
	padding-top:5px;
	font-size:0.8em;
	font-weight:normal;
	text-align:center;
	}
	
	
	DIV.dashboard-wetsmatiging02-wrap .dashboard_totaalsaldo
{
	padding-top:10px;
	padding-bottom: 5px;
	font-size:0.8em;
	text-align:center;
	font-weight:bold;	
	}
	
	DIV.dashboard-wetsmatiging02-wrap .dashboard_totaalamount
{

	font-size:0.8em;
	font-weight:normal;


	}	

	
	DIV.dashboard-wetsmatiging02-wrap .dashboard_totaalamount .zwart
{
		margin-left:5px;
	font-style:normal;
	background-color:#000;
	color:#fff;
	width:115px;
	text-align:right;
	float:left;
	padding:1px;
	padding-right:5px;
	letter-spacing:2px;
	
	}	
	DIV.dashboard-wetsmatiging02-wrap .dashboard_totaalamount .wit
{
	padding-left:5px;
	font-style:normal;
	width: 25px;
	float:left;

	}	
	
	
/*****************************************************
*
*  DASHBOARD - WETSMATIGING --> 03 (evolutie europese regelgeving)
*
**********************************************************/
DIV.dashboard-wetsmatiging03-wrap
{
margin:0px;
padding:15px;
padding-left:30px;
width:595px;
height:140px;
background-image:url(../plugin/dashboard-wetsmatiging/background03.jpg);
background-repeat:no-repeat;
float:left;
}


DIV.dashboard-wetsmatiging03-wrap DIV.horiz_dashboard-wrap
{

margin:0px;
padding: 15px 4px 0px 4px;
width:60px;
height:120px;
background-repeat:no-repeat;
float:left;
text-align:center;
}

DIV.dashboard-wetsmatiging03-wrap  .horiz_dashboard_progressBar{
	width:25px;
	height:78px;
	background:none;
	position:relative;
	float:left;
	margin:0 2px 0 12px;
}



DIV.dashboard-wetsmatiging03-wrap  .horiz_dashboard_progressBar span{
	position:absolute;
	display:block;
	width:25px;
	height:75px;
	background:url(../plugin/dashboard-wetsmatiging/horiz_dashboard_bar_europa.gif) no-repeat 0 0;
	top:3px;
	left:6px;
	overflow:hidden;
	text-indent:-8000px;
}
DIV.dashboard-wetsmatiging03-wrap   .horiz_dashboard_progressBar em{
	position:absolute;
	display:block;
	width:25px;
	height:75px;
	background:none;
	top:0px;
	left:0px;
}

DIV.dashboard-wetsmatiging03-wrap  .horiz_dashboard_progressBar .horiz_dashboard_cover{
	position:absolute;
	display:block;
	width:25px;
	height:78px;
	background:none;
	top:0px;
	left:0px;
}

/*****************************************************
*
*  BREADCRUMB NAVIGATION
*
**********************************************************/
DIV#kruimel .blue_line 
{
margin:0px;
padding:0px;
}
DIV#kruimel .blue_line li
{
display: inline;
list-style-type: none;
margin:0px;
padding:0px;

}

/*****************************************************
*
*  TAALKEUZE NAVIGATION  & ZOEK REARANGE
*
**********************************************************/
	div#taalkeuze {
		float: left;
		width: 25%;
		margin-top: 5px;
		font-weight: bold;
		color: #666600;
	}
	div#fontsize {
		float: left;
		width: 25%;
		margin-top: 5px;
		text-align:right;
	}
	div#zoekenright {
		float: left;
		width: 50%;
		margin-top: 5px;
		text-align:right;
	/*	border:1px solid #FF0000;*/
	}	
	
	#zoekenright a:link, #zoekenright a:active, #zoekenright a:visited {
		color: #000;
		border: 1px solid #666600;
		text-decoration: none;
		padding: 3px 7px 3px 7px;
		background-color: #ececaa;
		float: none;
		margin-right: 0px;
		margin-left: 8px;		
	}
	
	#zoekenright a:hover, #zoekenright a:visited:hover {
		color: #000;
		border: 1px solid #666600;
		text-decoration: none;
		padding: 3px 7px 3px 7px;
		background-color: #929258;
		float: none;
		margin-right: 0px;
		margin-left: 8px;				
	}
	



/****************************************************
*
*  UTILITY NAVIGATION
*
*****************************************************/

#utility 
{
margin:0px;
padding:0px;
}
#utility li
{
display: inline;
list-style-type: none;
margin:0px;
padding:0px;
padding-left:2px;
padding-right: 7px;
/*border-right: 2px solid #666600;*/
}


#utility li#first-child
{
padding-left:0px;
}


/****************************************************
*
*  DISCLAIMER NAVIGATION
*
*****************************************************/


#disclaimer 
{
margin:0px;
padding:0px;
margin:auto 0;
}
#disclaimer li
{
display: inline;
list-style-type: none;
margin:0px;
padding:0px;
padding-left:2px;
padding-right: 7px;
/*border-right: 2px solid #666600;*/
}


#disclaimer li#first-child
{
padding-left:0px;
}

/****************************************************
*
*  NEWS
*
*****************************************************/

.news-list-container .subthema ul li a:link, .news-list-container .subthema ul li a:active, .news-list-container .subthema ul li a:visited {
font-weight:normal;
}

.clearer{
clear:both;
}

/**********************/


	.navbottom_date {
		background-image: url(../images/BGR_navbottom.gif);
		background-position: right;
		background-repeat: no-repeat;
		background-color: #eeeedd;
		width: 100%;
		float: left;
		padding:5px;
		padding-left:0px;
		font-size: 0.7em;
	}
	
	.navbottom_banner {
		background-color: #eeeedd;
		width: 100%;
		float: left;
		padding:0px 5px 0px 0px;
		font-size: 0.7em;
		margin-top:20px;
	}
	
	/*************************************************/
	div.navbottom_calender 
	{	
		/*border: 1px solid #ff0000;*/
				float: left;
		width: 92%;
				
	}
	
	div.navbottom_calender div.navtitel h1 
	{	background-color: #dedec2;
		border: 1px solid #dedec2;
		color: #666600;
		font-size: 1.2em;
		margin: 0;
		padding: 5px 15px 5px 15px;
		font-weight: bold;
		float:none;

	}
	
		div.navbottom_calender div.navtitel div.tx-ttnews 
	{	background-color: #dedec2;
		border: 1px solid #dedec2;
		color: #666600;
		font-size: 1.2em;
		margin: 0;
		padding: 5px 15px 5px 15px;
		font-weight: bold;

	}