body		{ margin: 0; color:midnightblue;}

section		{ display:block;
			 height:auto;
			 width:90%;
			 margin:2.5%;
			 padding:2.5%;
			 border-width:1px;
			 border-style:dotted;
			 border-color:black;
			 border-radius:7px}
			 
h2			{text-align:center}

 .svgcont { width: 100%; height: auto; background-color:#FFF; }
 
 .barshadow { filter:url(#dropshadow); }
 .graphval, .tickx { font-family: sans-serif,"Open Sans WebFont",Arial,"Helvetica Neue",Helvetica; }
 path.domain { fill: #4c4d4e; }
 .bar2:hover { opacity: 0.7; }
 .axis { font-size: 10px; }
 .tickx { font-size: 19px; fill: #4c4d4e; }
 .ticky { font-size: 19px; fill: #4c4d4e; }
 .graphval { text-anchor: middle; font-size: 24px; fill: #0b4892; font-weight: bold; }
 .axis path, .axis line { fill: none; stroke: #000; shape-rendering: crispEdges; }
 .ylegend { font-size:18px; fill: #4c4d4e; }
 .linechart { stroke-linecap: round; stroke-width: 3px; stroke-linejoin: round; stroke-miterlimit: initial; }
 .linechart:hover { opacity: 0.7; stroke-width:5px; }
 .textelegende {font-size: 1.35em; } 
 .titregraph { font-size: 1.5em; line-height: 25.2px; }
 circle.circlechart:hover { stroke: #FFF; stroke-width: 1px; r:10; opacity: 1;}
 .axis .xtickline { stroke: #c1c1c1; stroke-width: 0.25em; }
 .axis .xsubtickline { stroke: #e2e2e2; stroke-width: 1px; }
 circle.circlechart {r: 10; opacity: 0; }
 .labelaxett { text-anchor: middle; font-size: 1.4em; font-weight: bold; fill: #FFF; }
 .texttt { font-weight:bold; font-size: 1.9em; text-anchor: middle;}
 .texttt tspan { font-weight:normal; }
 
 
 .svgcontsmall .titregraph { font-size: 4em; }
 .svgcontsmall .tickx { font-size: 40px; }
 .svgcontsmall .ticky { font-size: 33px; }
 .svgcontsmall .textelegende { font-size: 3.4em; }
 .svgcontsmall .legcolor { r:15; }
 
 .svgcontsmall .tickxb { display: none; }
 .svgcontsmall .texttt { font-size: 2.9em; }
 
 .svgcontsmall .recttoot { width: 350px; }
 .svgcontsmall .rectleg { width: 100px; y: 7; x: 97;}
 .svgcontsmall .labelaxett { font-size: 1.9em; }