diff --git a/doc/Icinga-Design/documentation.css b/doc/Icinga-Design/documentation.css
index bedb95960..30bd9c27f 100644
--- a/doc/Icinga-Design/documentation.css
+++ b/doc/Icinga-Design/documentation.css
@@ -20,6 +20,8 @@ html {
   width: 100%;
   padding: 20px;
   margin: 0 auto;
+  margin-top: 50px;
+  display: block;
 }
 
 
diff --git a/doc/Icinga-Design/documentation.html b/doc/Icinga-Design/documentation.html
index 73054703d..d95e727d4 100644
--- a/doc/Icinga-Design/documentation.html
+++ b/doc/Icinga-Design/documentation.html
@@ -15,6 +15,67 @@
   <body>
 
 
+
+ <!-- ######### Top Navbar  ##########-->   
+
+<nav role="navigation" id="icingatopbar" class="navbar navbar-default navbar-fixed-top">
+  <div class="navbar-header">
+    <a class="navbar-brand icinga-logo pull-left" href="/icinga2-web/">Icinga</a>
+  </div>
+
+
+  <div class="pull-left icinga-navbar icinga-navbar-hosts-container">
+    <span class="icinga-navbar-pills icinga-navbar-pills-up">999/999</span>
+    <span class="icinga-navbar-pills icinga-navbar-pills-unreachable">999/999</span>
+    <span class="icinga-navbar-pills icinga-navbar-pills-down">999/999</span>
+  </div>
+
+  <div class="pull-left icinga-navbar icinga-navbar-services-container">
+    <span class="icinga-navbar-pills icinga-navbar-pills-ok">999/999</span>
+    <span class="icinga-navbar-pills icinga-navbar-pills-critical">999/999</span>
+    <span class="icinga-navbar-pills icinga-navbar-pills-warning">999/999</span> 
+    <span class="icinga-navbar-pills icinga-navbar-pills-unknown">999/999</span> 
+  </div>    
+
+  <div class="pull-left icinga-navbar icinga-navbar-reload">
+    <a class="button btn-common btn-small" href="#">
+    <span class="icon-refresh icon-btn-small"></span>
+    </a>
+  </div>  
+
+ 
+  <div class="pull-left icinga-navbar icinga-navbar-search-container">
+    <input type="text" class="form-control input-sm icinga-navbar-search" />
+  </div>  
+
+
+    <ul class="nav navbar-nav pull-right">
+
+    <li class="dropdown">
+      <a id="icinga_app_nav_useraction" data-toggle="dropdown" class="dropdown-toggle" href="#">
+        <span id="icinga_app_nav_username">
+          jdoe        </span>
+        <i class="icinga-icon-user"></i>
+        <b class="caret"></b>
+      </a>
+      <ul class="dropdown-menu">
+        <li id="icinga_app_nav_preferences">
+          <a href="/icinga2-web/preference">Preferences </a>
+        </li>
+        <li id="icinga_app_nav_logout">
+          <a title="Logout" href="/icinga2-web/authentication/logout">Logout</a>
+        </li>
+      </ul>
+    </li>
+  </ul>
+  
+</nav>
+
+
+
+
+
+
   <div class="docu-main">
 
     <h1 class="docu-project-name">Icinga Documentation</h1>
@@ -26,9 +87,7 @@
     <h1 class="docu-main-headline">Basic Elements</h1>
 
     <h1 class="docu-sub-headline">Headlines</h1>
-<!--     <div class="docu-description">
-      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
-    </div> -->
+
 
     <div class="docu-section">
       <div class="docu-example">
diff --git a/doc/Icinga-Design/icinga-design.css b/doc/Icinga-Design/icinga-design.css
index 53fff79ae..b0ac7eb77 100644
--- a/doc/Icinga-Design/icinga-design.css
+++ b/doc/Icinga-Design/icinga-design.css
@@ -475,6 +475,10 @@ select.input-sm {
   background-image: url('images/reschedule.png');
   background-repeat: no-repeat;
 }  
+.icon-refresh {
+  background-image: url('images/refresh.png');
+  background-repeat: no-repeat;
+} 
 
 
 /* ==========================================================================
@@ -822,3 +826,131 @@ background-color: #fff;
   width: 16px;
 }
 
+
+
+
+/* ==========================================================================
+   Top Navbar
+   ========================================================================== */
+
+
+.icinga-logo {
+    background-attachment: scroll;
+    background-clip: border-box;
+    background-color: rgba(0, 0, 0, 0);
+    background-image: url("images/logo_icinga.png");
+    background-origin: padding-box;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: auto auto;
+    display: block;
+    height: 33px;
+    margin-bottom: 0;
+    margin-left: 8px;
+    margin-right: 30px;
+    margin-top: 8px;
+    text-indent: -999px;
+    width: 94px;
+}
+
+.icinga-icon-user {
+    background-attachment: scroll;
+    background-clip: border-box;
+    background-color: rgba(0, 0, 0, 0);
+    background-image: url("images/user.png");
+    background-origin: padding-box;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: auto auto;
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+}
+
+.icinga-navbar {
+  margin-right: 15px;
+}
+.icinga-navbar-reload {
+  margin-top: 13px;
+  margin-right: 40px;
+}
+
+.icinga-navbar-search {
+  background-image: url('images/search.png');
+  background-repeat: no-repeat;
+  background-position: 5px 50%;
+  padding-left: 25px !important;
+}
+
+.icinga-navbar-search-container {
+  border-left: 1px solid #ddd;
+  padding-left: 15px;
+  margin-top: 12px;
+}
+
+
+
+.icinga-navbar-hosts-container {
+  background-image: url('images/host.png');
+  background-repeat: no-repeat;
+  background-position: 5px 50%;
+  padding-left: 30px !important;
+  margin-top: 15px;
+}
+.icinga-navbar-services-container {
+  background-image: url('images/service.png');
+  background-repeat: no-repeat;
+  background-position: 5px 50%;
+  padding-left: 25px !important;
+  margin-top: 15px;
+}
+
+.icinga-navbar-pills {
+  border-style: solid;
+  border-width: 1px;
+  padding: 3px 5px 3px 5px;
+  border-radius: 3px;
+  font-size: 13px;
+}
+
+
+
+/** Service status **/
+
+.icinga-navbar-pills-critical {
+  border-color: #FF3300;
+  color: #FF3300;
+}
+
+.icinga-navbar-pills-ok {
+  border-color: #00CC33;
+  color: #00CC33;
+}
+
+.icinga-navbar-pills-warning {
+  border-color: #FFA500;
+  color: #FFA500;
+}
+
+.icinga-navbar-pills-unknown {
+  border-color: #E066FF;
+  color: #E066FF;
+}
+
+/** Host status **/
+
+.icinga-navbar-pills-unreachable {
+  border-color: #E066FF;
+  color: #E066FF;
+}
+
+.icinga-navbar-pills-down {
+  border-color: #FF3300;
+  color: #FF3300;
+}
+
+.icinga-navbar-pills-up {
+  border-color: #00CC33;
+  color: #00CC33;
+}
+
diff --git a/doc/Icinga-Design/images/refresh.png b/doc/Icinga-Design/images/refresh.png
new file mode 100644
index 000000000..b0222a525
Binary files /dev/null and b/doc/Icinga-Design/images/refresh.png differ
diff --git a/doc/Icinga-Design/images/search.png b/doc/Icinga-Design/images/search.png
new file mode 100644
index 000000000..a66c3ca95
Binary files /dev/null and b/doc/Icinga-Design/images/search.png differ
