<?xml version="1.0" encoding="UTF-8"?>
<svg
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.0"
   width="30cm" 
   height="10cm"
   id="CSS Test"
   viewBox="0 0 30 10">
  <defs
     id="some defs">
    <style type="text/css">
	 .foo {stroke:#000000;stroke-width:0.11pt;fill:none}
	 .bar {stroke:#000000;stroke-width:0.1pt;fill:none}
    </style>
  </defs>

  <circle class="foo" cx="5" cy="5" r="3" id="circle1" />
  <circle class="bar" cx="15" cy="5" r="3" id="circle2" />
  <circle cx="25" cy="5" r="3" id="circle3" 
 	  style="stroke:#000000;stroke-width:0.1;fill:none"/>
</svg>
