diff --git a/developer_manual/app/css.rst b/developer_manual/app/css.rst
index e2226995f..7e6e66a83 100644
--- a/developer_manual/app/css.rst
+++ b/developer_manual/app/css.rst
@@ -40,6 +40,29 @@ ownCloud provides a default CSS navigation layout. If list entries should have 1
         </ul>
     </div>
 
+Settings Area
+=============
+To create a settings area create a div with the id **app-settings** inside the **app-navgiation** div:
+
+.. code-block:: html
+
+    <div id="app">
+
+        <div id="app-navigation">
+
+            <!-- Your navigation here -->
+
+            <div id="app-settings">
+                <div id="app-settings-header">
+                    <button class="settings-button"></button>
+                </div>
+                <div id="app-settings-content">
+                    <!-- Your settings in here -->
+                </div>
+            </div>
+        </div>
+    </div>
+
 Icons
 =====
 To use icons which are shipped in core, special class to apply the background image are supplied. All of these classes use **background-position: center** and **background-repeat: no-repeat**.