Implemented new kwic scheme

Change-Id: I341cdbca374605fe2cd5c7edad9e0b506102060a
diff --git a/dev/demo/kwic.html b/dev/demo/kwic.html
index a120055..5ad662d 100644
--- a/dev/demo/kwic.html
+++ b/dev/demo/kwic.html
@@ -7,7 +7,7 @@
   <body>
     <div id="search">
       <ol>
-        <li class="match">
+        <li>
           <div class="meta">GOE/AAA/444</div>
           <div class="meta">Goethe</div>
           <div class="match-main">
@@ -20,7 +20,7 @@
             </div>
           </div>
         </li>
-        <li class="match active">
+        <li class="active">
           <div class="meta">III/AAA/111</div>
           <div class="meta">Schiller</div>
           <div class="match-main">
@@ -33,7 +33,7 @@
             </div>
           </div>
         </li>
-        <li class="match">
+        <li>
           <div class="meta">III/AAA/111</div>
           <div class="meta">Schiller</div>
           <div class="match-main">
@@ -44,10 +44,21 @@
             </div>
           </div>
         </li>
+        <li>
+          <div class="meta">III/AAA/000</div>
+          <div class="meta">Schiller</div>
+          <div class="match-main">
+            <div class="match-wrap">
+              <div class="snippet">
+                <span class="context-left">Der</span><mark>alte</mark><span class="context-right">Baum</span>
+              </div>
+            </div>
+          </div>
+        </li>
       </ol>
 
       <ol class="align-right">
-        <li class="match">
+        <li>
           <div class="meta">GOE/AAA/444</div>
           <div class="meta">Goethe</div>
           <div class="match-main">