diff --git a/style.css b/style.css
old mode 100644
new mode 100755
index 991a80d..dc9164c
--- a/style.css
+++ b/style.css
@@ -1,4 +1,4 @@
-.ample {
+/*.ample {
     display: block;
     width: 200px;
     height: 100px;
@@ -15,4 +15,30 @@
 .not-available {
     background-color: red;
     color: white;
+}*/
+
+div.hackerspace-room-state {
+    border: 1px solid #cccccc;
+    background-color: #ffffff;
+    padding: 0.5rem;
+}
+
+div.hackerspace-room-state h3 {
+
+}
+
+div.hackerspace-room-state .icon {
+    display: inline;
+    width: 24px;
+    height: 24px;
+}
+
+div.hackerspace-room-state .text {
+    display: inline;
+    margin-left: 0.3rem;
+}
+
+div.hackerspace-room-state hr {
+    margin-top: 0.3rem;
+    margin-bottom: 0.3rem;
 }
\ No newline at end of file
diff --git a/syntax.php b/syntax.php
old mode 100644
new mode 100755
index 3e07b6e..9db67b4
--- a/syntax.php
+++ b/syntax.php
@@ -67,14 +67,28 @@ class syntax_plugin_whoisinyourhackspace extends DokuWiki_Syntax_Plugin {
 
         $api = json_decode($file);
 
+        $content = '';
+        $content .= '<div class="hackerspace-room-state">';
+        $content .= '<h3>Raumstatus</h3>';
+
+        //$content .= '<dl><dt>Status</dt>';
         if ($api->state->open) {
-            $renderer->doc .= sprintf('<p class="ample available">%s ist besetzt :).</p>',$api->space);
+            //$content .= '<dd>Offen</dd>';
+            $content .= "<img class=\"icon\" src=\"{$api->state->icon->open}\" alt=\"{$api->space} ist besetzt.\" title=\"{$api->space} ist besetzt.\" />";
+            $content .= "<p class=\"text\">{$api->space} ist besetzt.</p>";
+            //$renderer->doc .= sprintf('<p class="ample available">%s ist besetzt :).</p>',$api->space);
         } else {
-            $renderer->doc .= sprintf('<p class="ample not-available">%s ist nicht besetzt :(.</p>',$api->space);
+            //$renderer->doc .= sprintf('<p class="ample not-available">%s ist nicht besetzt :(.</p>',$api->space);
+            $content .= "<img class=\"icon\" src=\"{$api->state->icon->closed}\" alt=\"{$api->space} ist geschlossen.\" title=\"{$api->space} ist geschlossen.\" />";
+            $content .= "<p class=\"text\">{$api->space} ist geschlossen.</p>";
         }
 
-        $renderer->doc .= sprintf('<p><a href="http://spacestatus.bastinat0r.de/#%s">MOAH!</a></p>',strtolower($api->space));
+        $content .= '<hr />';
 
+        $content .= sprintf('<p><a href="http://spacestatus.bastinat0r.de/#%s">Raum-Öffnungs-Statistiken</a></p>',strtolower($api->space));
+        $content .= '</div>';
+
+        $renderer->doc .= $content;
         return true;
     }
 }