diff --git a/docs/YoungPersonsGuideToProgrammingMinecraft-de.md b/docs/YoungPersonsGuideToProgrammingMinecraft-de.md
index 9e909c9..3cc95e2 100644
--- a/docs/YoungPersonsGuideToProgrammingMinecraft-de.md
+++ b/docs/YoungPersonsGuideToProgrammingMinecraft-de.md
@@ -1,4 +1,4 @@
-# The Young Person's Guide to Programming in Minecraft
+# Modding für Minecraft – der einfache Einstieg
 
 ## Einführung
 
@@ -253,20 +253,21 @@ lang sein.
 
 ![3D Shapes][img_3d_shapes]
 
-You can create a Cube or a Cuboid in ScriptCraft using the `box()` 
-function. You must tell the function what material you want the shape to 
-be made of. For example, in the game, point the cross hairs at the 
-ground, then type the following and hit enter...
+Einen Würfel oder Quader kannst du in ScriptCraft mithilfe der Funktion `box()`
+erstellen. Der Befehl benötigt nur die Angabe des Materials, das auf das Objekt
+angewendet werden soll. Probier es einfach mal aus, zeige im Spiel mit dem
+Fadenkreuz auf den Boden, gebe den folgenden Befehl ein und drücke die Enter-
+Taste...
 
     /js box("5")
 
-... This will change the targeted block to wood. What's happened here is 
-the `box()` function has created a single new wooden block. The text 
-`"5"` is taken by Minecraft to mean Wood. You can see many more 
-materials and the number Minecraft uses for them by visiting the 
-[Minecraft Data Values][mcdv] site.  
+... das wird den angepeilten Block zu einem Holz-Block umwandeln, denn die
+Funktion `box()` hat anstelle des vorherigen Blocks einen neuen Block aus Holz
+erstellt. Der Text `"5"` wird von Minecraft als "Holz" verstanden. Eine
+Übersicht zu den möglichen Materialien und ihren zugehörigen Nummern findest
+du auf [dieser][mcdv] (englisch) Seite.
 
-### Common Block Materials
+### Typische Block Materialien
 
 In Minecraft Programming, Materials aren't known by their name,
 instead numbers (sometimes 2 numbers) are used to indicate which
diff --git a/docs/vendor/toc.css b/docs/vendor/toc.css
index cce9c88..b1128eb 100644
--- a/docs/vendor/toc.css
+++ b/docs/vendor/toc.css
@@ -4,13 +4,16 @@
     height: 100%;
     position: fixed;
     background: #000;
-    width: 250px;
-    padding-top: 20px;
+    width: 275px;
     color: #fff;
     font-family: Arial;
     overflow: scroll;
 }
 
+#toc .inner {
+    padding: 15px 15px 50px 15px;
+}
+
 #toc ul {
     margin: 0;
     padding: 0;
@@ -18,35 +21,80 @@
 }
 
 #toc li {
-    padding: 5px 10px;
+    padding: 0 0 1px 0;
 }
 
 #toc a {
     color: #fff;
     text-decoration: none;
     display: block;
+    border-radius: 5px;
+}
+
+#toc .toc-h1 {
+    font-size: 16px;
+    line-height: 25px;
+    font-weight: bold;
+    margin: 0 0 15px 0;
+}
+#toc .toc-h1 a {
+    text-align: center;
+    padding: 5px 5px;
+}
+#toc .toc-h1 a:hover,
+#toc .toc-h1 a:active
+{
+    color: #eee;
 }
 
 #toc .toc-h2 {
-    padding-left: 10px;
+    font-size: 13px;
+    font-weight: bold;
 }
-#toc .toc-h2 {
-  font-size: 15px;
+#toc .toc-h2 a {
+    padding: 0 5px;
+}
+#toc .toc-h2 a:hover,
+#toc .toc-h2 a:active
+{
+    background-color: #666;
 }
 
 #toc .toc-h3 {
-    padding-left: 30px;
-    font-size: 14px;
+    margin-left: 10px;
+    font-size: 11px;
 }
 #toc .toc-h3 a {
-  color: gray;
+    padding: 0 5px;
+    color: #aaa;
+}
+#toc .toc-h3 a:hover,
+#toc .toc-h3 a:active
+{
+    color: white;
 }
 
-#toc .toc-active {
+#toc .toc-h4 {
+    margin-left: 30px;
+    font-size: 11px;
+    line-height: 20px;
+}
+#toc .toc-h4 a {
+    padding: 0 5px;
+    color: #888;
+}
+#toc .toc-h4 a:hover,
+#toc .toc-h4 a:active
+{
+    color: white;
+}
+
+#toc .toc-active a {
     background: #336699;
+    color: white;
 }
 
 #content {
-  position: relative;
-  left: 265px;
+    position: relative;
+    left: 325px;
 }
diff --git a/docs/view.html b/docs/view.html
index 8cffc2c..e5ce2ff 100644
--- a/docs/view.html
+++ b/docs/view.html
@@ -12,8 +12,9 @@
       $(document).ready(function() {
         $.get("YoungPersonsGuideToProgrammingMinecraft-de.md", function(content) {
           $('#content').html(new Showdown.converter().makeHtml(content));
-          $('#toc').toc({
-            'selectors': 'h2,h3,h4',
+          
+          $('#toc .inner').toc({
+            'selectors': 'h1,h2,h3,h4',
             'container': '#content'
             });
         });
@@ -21,7 +22,7 @@
     </script>
   </head>
 <body>
-  <div id="toc"></div>
+  <div id="toc"><div class="inner"></div></div>
   <div id="content">
   </div>
 </body>