<h1 id="header1">Header 1</h1>
<h2 id="header2">Header 2</h2>
<h2 class="main">The Site</h2>
<h2 class="main shine" id="the-site">The Site</h2>
<p><a href="url" id="id1" class="class">link</a>
<img src="url" alt="img" id="id2" class="class" /></p>
<p><a href="http://url.de/" title="optional title" id="id" class="class">link</a> or <a href="http://url.de/" title="optional title" id="id" class="class">linkref</a>
<img src="http://url.de/" alt="img" title="optional title" id="id" class="class" /></p>
<p>this is just normal text {.main .shine #the-site}</p>
<p>some { brackets</p>
<p>some } brackets</p>
<p>some { } brackets</p>