/* @override http://wetsmatiging:8888/fileadmin/wetsmatiging/templates/css/progressbar.css */

/* @override http://wetsmatiging:8888/fileadmin/wetsmatiging/templates/css/progressbar.css */

		
	div.progressbar{
		width: 194px;
		float: left;
		/*border: 1px solid #ff7552; */
	}
	
	div.progressbar div.top{
		clear: both;
		background-repeat:no-repeat;
		background-image:url(../plugin/progressbar/images/_progressbg_top.gif);
		} 
		
	div.progressbar div.middle{
		background-repeat:repeat-y;
		background-image:url(../plugin/progressbar/images/_progressbg_middle.gif);
		} 
		
	div.progressbar div.bottom{
		background-repeat:no-repeat;
		background-image:url(../plugin/progressbar/images/_progressbg_bottom.gif);
		} 
				
	div.progressbar_vertical{
		width: 120px;
		height: 250px;
		margin-top: 3px;
	}	
				
	div.progressbar_vertical div.left_vertical {
		float: left;   
		width: 10px; 
		background: #EBEBEB url(../plugin/progressbar/images/_progressbg_vertical_left.gif) no-repeat; 
		padding: 0px; 
		margin: 0px;
		height: 250px; 
	}	
		
	div.progressbar_vertical div.middle_vertical {
		margin: 0 0px 0 0px;
		background: url(../plugin/progressbar/images/_progressbg_vertical_mid.gif) repeat-x;
	}
	
	div.progressbar_vertical div.right_vertical {
		float: right;   
		width: 14px; 
		background: #EBEBEB url(../plugin/progressbar/images/_progressbg_vertical_right.gif) no-repeat; 
		height: 250px; 
		padding: 0px; 
		margin: 0px;
	}
	
	


div.progressbar_vertical div.dashboard-wetsmatiging-link p.bodytext {
	margin: 0px;
}	
		
				
	div.progressbar div.dashboard-wetsmatiging-title{
			/*font-weight:bold;
			font-style:italic;*/
			padding-left:15px;
			padding-right:15px;
			padding-bottom: 5px;
			font-size: 10px;
		}	
		
	div.progressbar div.dashboard-wetsmatiging-title p.bodytext{
	padding-top: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-size: 10px;
	}
	
	div.progressbar_vertical div.dashboard-wetsmatiging-title p.bodytext{
	width: 100%;
	float: left;
	padding-top: 15px;
	margin-bottom: 15px;
	margin-top: 0px;
		font-size: 10px;
	}
	
	div.progressbar div.dashboard-wetsmatiging-link{
		padding-left:15px;
		padding-right:15px;
		font-size:9px;
					}	
						
	div.bar{
		padding-left: 15px;
		padding-bottom: 0;
		padding-top: 0;
		position: relative;
	}
	div.bar_vertical{
		display: block;
		width: 90px;
		float: left;
		padding-left: 0px;
		padding-bottom: 5px;
		padding-top: 0;
		text-align: center;
		
	}


				
			div.bar div.title{
				width:150px;
				/*font-weight:bold;*/
				font-style:italic;
				padding-bottom:2px;
				padding-top:2px;
				font-size:9px;
				/*border: 1px solid #ff0000;*/
}

div.bar_vertical  div.title {
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 10px;
}

div.bar_vertical div.desc.clearfix {
	text-align: center;
}

div.bar_vertical div.desc.clearfix div.progressBarProgressie_vertical{
position: relative;
top: -80px;
left:65%;
text-align: left;
font-size: 9px;
}

#progressbar div.middle_vertical div.bar_vertical div.desc.clearfix div.progressBarOnderschrift_vertical {
padding-top: 5px;	
font-size: 10px;
}


				
			span.progressBar {
				z-index:1;
				position: relative;
				width: 150px;
				height: 20px;
				display: block;

}

span.progressBar_vertical {
				z-index:1;
				position: relative;
				width: 12px;
				height: 120px;
}
			
			span.progressBarValue
			{			
				display: block;
				height: 5px;   
				z-index:2;
				position: relative;
				top: -19px;
				left: 5px;
				font-size:9px;
				color:#000;
				width: 160px;
				/*border:1px solid #ff0000;*/
			
			}