title: CSS 3 Shape: "Inverse Circle" or "Cut Out Circle"
body: <p>I want to create a shape, which i would describe as "inverse circle":</p>
  
  <p><img src="https://i.stack.imgur.com/DNzJl.png" alt="CSS Shape"></p>
  
  <p>The image is somehow inaccurate, because the black line should continue along the outer border of the div element.</p>
  
  <p>Here is a demo of what i have at the moment: <a href="http://jsfiddle.net/n9fTF/" rel="noreferrer">http://jsfiddle.net/n9fTF/</a></p>
  
  <p>Is that even possible with <code>CSS</code> without images?</p>