diff --git a/src/Hackspace/Bundle/CalciferBundle/Resources/assets/js/events.js b/src/Hackspace/Bundle/CalciferBundle/Resources/assets/js/events.js
index 22e1c14..3e041be 100755
--- a/src/Hackspace/Bundle/CalciferBundle/Resources/assets/js/events.js
+++ b/src/Hackspace/Bundle/CalciferBundle/Resources/assets/js/events.js
@@ -13,6 +13,12 @@ jQuery(document).ready(function () {
         jQuery('.icon.link').popup();
     }
 
+    $('.ui.sticky')
+        .sticky({
+            context: '#main'
+        })
+    ;
+
     if (jQuery('input[type=datetime]').length > 0) {
         jQuery('input[type=datetime]').datetimepicker({lang: 'de', format: 'Y-m-d H:i'});
     }
diff --git a/src/Hackspace/Bundle/CalciferBundle/Resources/views/layout.html.twig b/src/Hackspace/Bundle/CalciferBundle/Resources/views/layout.html.twig
index 00d49c0..65c1829 100755
--- a/src/Hackspace/Bundle/CalciferBundle/Resources/views/layout.html.twig
+++ b/src/Hackspace/Bundle/CalciferBundle/Resources/views/layout.html.twig
@@ -19,15 +19,15 @@
 </head>
 
 <body>
-{% include "CalciferBundle::navigation.html.twig" %}
+  <div class="ui sticky">
+    {% include "CalciferBundle::navigation.html.twig" %}
+  </div>
 
 <div id="main">
     {% block body %}{% endblock %}
 </div>
-<!-- jQuery (necessary for Bootstraps JavaScript plugins) -->
 <script src="{{ asset('js/jquery.js') }}"></script>
-<!-- Include all JavaScripts, compiled by Assetic -->
 <script src="{{ asset('semantic/dist/semantic.min.js') }}"></script>
 {% block javascripts %}{% endblock %}
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/Hackspace/Bundle/CalciferBundle/Resources/views/navigation.html.twig b/src/Hackspace/Bundle/CalciferBundle/Resources/views/navigation.html.twig
index 8b92d06..ecf70cb 100755
--- a/src/Hackspace/Bundle/CalciferBundle/Resources/views/navigation.html.twig
+++ b/src/Hackspace/Bundle/CalciferBundle/Resources/views/navigation.html.twig
@@ -1,8 +1,7 @@
-<header class="ui fixed green main menu">
-    <div class="ui basic segment">
-        <div class="title {% if app.request.pathinfo == path('') %}active {% endif %}item"><a href="{{ path('') }}">Start</a></div>
-        <div class="{% if app.request.pathinfo == path('_new') %}active {% endif %}item"><a href="{{ path('_new') }}">Neuer Termin</a></div>
-        <div class="{% if app.request.pathinfo == path('repeating_event_show') %}active {% endif %}item"><a href="{{ path('repeating_event_show') }}">Wiederholende Termine</a></div>
-        <div class="{% if app.request.pathinfo == path('about_calcifer') %}active {% endif %}item"><a href="{{ path('about_calcifer') }}">Über Calcifer</a></div>
-    </div>
-</header>
\ No newline at end of file
+<header class="ui green main menu">
+  <a class="title {% if app.request.pathinfo == path('') %}active {% endif %}item" href="{{ path('') }}">Start</a>
+  <a class="{% if app.request.pathinfo == path('_new') %}active {% endif %}item" href="{{ path('_new') }}">Neuer Termin</a>
+  <a class="{% if app.request.pathinfo == path('repeating_event_show') %}active {% endif %}item" href="{{ path('repeating_event_show') }}">Wiederholende Termine</a>
+  <a class="{% if app.request.pathinfo == path('about_calcifer') %}active {% endif %}item" href="{{ path('about_calcifer') }}">Über Calcifer</a>
+</header>
+
