#charts 
{
	padding: 				10px 0;
	width: 960px;
	height: 				500px;
	margin: auto;
}

.chart 
{
	display: 				inline-block;
	height: 				151px;
	margin-bottom: 				20px;
}

.reset 
{
	padding-left: 				1em;
	font-size: 				smaller;
	color: 					#ccc;
}

.background.bar 
{
	fill: 					#ccc;
}

.foreground.bar 
{
	fill: 					steelblue;
}

.axis path, .axis line 
{
	fill: 					none;
	stroke: 				#000;
	shape-rendering: 			crispEdges;
}

.axis text 
{
	font: 					10px sans-serif;
}

.brush rect.extent 
{
	fill: 					steelblue;
	fill-opacity: 				.125;
}

.brush .resize path 
{
	fill: 					#eee;
	stroke: 				#666;
}

#chart-stunde 
{
	width: 					475px;
}

#chart-stunde .foreground.bar 
{
	fill:					#418ab3;
}

#chart-wochentage 
{
	width: 					175px;
}

#chart-wochentage .foreground.bar
{
	fill: 					#a6b727;
}

#chart-monate 
{
	width: 					260px;
}

#chart-monate .foreground.bar 
{
	fill: 					#f69200;
}

#chart-wochen 
{
	width: 					920px;
}

#chart-wochen .foreground.bar 
{
	fill: 					#838383;
}

#chart-tage 
{
	width: 					920px;
}

#chart-tage .foreground.bar 
{
	fill: 					#fec306;
}