diff --git a/mojotrollz/files/autoload.inc b/mojotrollz/files/autoload.inc
index 8fd92c5..668e9b3 100644
--- a/mojotrollz/files/autoload.inc
+++ b/mojotrollz/files/autoload.inc
@@ -1,2 +1,3 @@
 <?php
-\SYSTEM\autoload::registerFolder(dirname(__FILE__),'');
\ No newline at end of file
+\SYSTEM\autoload::registerFolder(dirname(__FILE__),'');
+\SYSTEM\FILES\files::registerFolder(dirname(__FILE__).'/content/','content');
\ No newline at end of file
diff --git a/mojotrollz/files/content/TrajanPro-Regular.otf b/mojotrollz/files/content/TrajanPro-Regular.otf
new file mode 100644
index 0000000..3de4b00
Binary files /dev/null and b/mojotrollz/files/content/TrajanPro-Regular.otf differ
diff --git a/mojotrollz/page/default_page/css/default_page.css b/mojotrollz/page/default_page/css/default_page.css
index 42dd89f..fceea73 100644
--- a/mojotrollz/page/default_page/css/default_page.css
+++ b/mojotrollz/page/default_page/css/default_page.css
@@ -8,80 +8,6 @@ html, body {
     margin: 0; 
     padding: 0;
 }
-#div_header_row{
-    padding-top: 10px;
-    padding-left: 10px;
-}
-#div_header{
-    height: 100px;
-}
-
-#div_fbyt{
-    text-align: right;
-    padding-right: 25px;
-}
-
-#div_menu{
-    margin-bottom: 20px;
-}
-
-#div_content {
-    margin: auto;
-    text-align: center;
-    
-}
-
-#div_footer{
-    width: 100%;
-    min-height: 30px;
-    background: black;
-    position: relative;
-    bottom: 0;
-    text-align: center;
-}
-
-.list_element{
-    text-align: center;
-    margin-bottom: 50px; 
-    padding: 20px; 
-    border: white solid 1px;
-}
-
-.list_element:hover{
-/*    background-color: #EEE;*/
-      border: #005fb3 solid 1px;
-}
-
-
-.article {
-  position: relative;
-}
-
-.article:after {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  content: "";
-  background: linear-gradient(to top,
-     rgba(255,255,255, 1) 1%, 
-     rgba(255,255,255, 0) 20%
-  );
-  pointer-events: none; /* so the text is still selectable */
-}
-
-
-.list_element_hover{
-    max-height: 400px;
-    overflow-y: hidden;
-}
-
-a.fill-div {
-    display: block;
-    height: 100%;
-    width: 100%;
-    text-decoration: none;
-}
-
-
+#home_content {
+    margin-top: 50px;
+}
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/css/navbar.css b/mojotrollz/page/default_page/css/navbar.css
new file mode 100644
index 0000000..c3546ca
--- /dev/null
+++ b/mojotrollz/page/default_page/css/navbar.css
@@ -0,0 +1,73 @@
+.navbar-inverse {
+  border-color: #080808;
+  transition: all 0.4s ease;
+}
+.navbar-default {
+  background-color: #606060;
+  border-color: #383838;
+  transition: all 0.4s ease;
+}
+.navbar {
+    width: 100%;
+    transition: all 0.4s ease;
+    background-color: #3E3E3B !important;
+    padding-left: 100px;
+    color: white !important;
+    padding-right: 10em;
+}
+.navbar-nav li a {
+    color: white;
+    transition: all 0.4s ease;
+}
+.navbar-nav li a:hover {
+    color: black !important;
+    background: white !important;
+    font-size: 110%;
+    transition: all 0.4s ease;
+}
+.nav-justified li a:active {
+    color: white;
+    line-height: 30px;
+    font-size: 110%;
+    transition: all 0.4s ease;
+}
+
+nav.navbar.shrink {
+  max-height: 35px !important;
+  min-height: 35px !important;
+  transition: all 0.4s ease;
+}
+
+nav.shrink a {
+  padding-top: 8px !important;
+  padding-bottom: 8px !important;
+  font-size: 12px;
+  transition: all 0.4s ease;
+}
+
+nav.shrink .navbar-brand {
+  font-size: 25px;
+  transition: all 0.4s ease;
+}
+
+nav.shrink .navbar-toggle {
+  padding: 4px 5px;
+  margin: 8px 15px 8px 0;
+  transition: all 0.4s ease;
+}
+
+.mojotrollz_scroll {
+    text-align: center;
+    border-right: 1px solid slategray;
+    font-weight: bold;
+    color: white !important;
+    font-size: 110% !important;
+    min-width: 12vw;
+}
+.mojotrollz_scroll_last{
+    text-align: center;
+    font-weight: bold;
+    color: white !important;
+    font-size: 110% !important;
+    min-width: 12vw;
+}
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/css/table.css b/mojotrollz/page/default_page/css/table.css
deleted file mode 100644
index 5ab8fb3..0000000
--- a/mojotrollz/page/default_page/css/table.css
+++ /dev/null
@@ -1,68 +0,0 @@
-.title_row {
-    min-width: 50px;
-    padding: 5px;
-    font-weight: bold;
-    font-size: 11pt;
-    border-bottom: #CCC solid 2px;
-}
-
-.body_row{
-    
-    padding: 5px;
-    text-align: left; 
-    vertical-align: top;
-    font-size: 10pt;
-    border-bottom: #CCC solid 1px;
-}
-
-.signed{
-    background-color: lightgreen;
-}
-
-.row_head {
-    min-width: 160px;
-}
-
-.row_head p{
-    font-size: 10pt;
-}
-
-.row_location{
-    font-size: 10pt;
-}
-
-.row_signed{
-    font-size: 10pt;
-}
-
-.row_info{
-    max-width: 350px;
-    font-size: 10pt;
-}
-
-.user_signed_overall_table{
-    font-size: 10pt;
-}
-
-#sign_box{
-    padding: 1;
-    font-size: 8pt;
-}
-
-#sign_box {
-    transform: scale(1.5);
-    /* Webkit browsers*/
-    -webkit-transform: scale(1.5);
-}
-
-.row_cal{
-    max-width: 50px;
-}
-
-.row_auto {
-   max-width: 50px; 
-}
-
-.row_btn {
-    text-align: center;
-}
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/default_page.php b/mojotrollz/page/default_page/default_page.php
index 6e49f9e..cbd0202 100644
--- a/mojotrollz/page/default_page/default_page.php
+++ b/mojotrollz/page/default_page/default_page.php
@@ -11,7 +11,7 @@ class default_page extends \SYSTEM\PAGE\Page {
         return  \SYSTEM\HTML\html::link(\LIB\lib_bootstrap::css()).
                 \SYSTEM\HTML\html::link(\LIB\lib_font_awesome::css()).
                 \SYSTEM\HTML\html::link(\SYSTEM\WEBPATH(new PPAGE(),'default_page/css/default_page.css')).
-                \SYSTEM\HTML\html::link(\SYSTEM\WEBPATH(new PPAGE(),'default_page/css/table.css'));
+                \SYSTEM\HTML\html::link(\SYSTEM\WEBPATH(new PPAGE(),'default_page/css/navbar.css'));
     }
     
     public function html($_escaped_fragment_ = NULL){
@@ -20,11 +20,8 @@ class default_page extends \SYSTEM\PAGE\Page {
         if(!$_escaped_fragment_){
             $vars['js'] = $this->js();}
         $vars['css'] = $this->css();
-        $vars['content_facebook'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/content_facebook.tpl'));
-        $vars['content_header'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/content_header.tpl'));
-        $vars['content_menu'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/content_menu.tpl'));
-        $vars['content'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/content.tpl'));
-        $vars['content_footer'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/content_footer.tpl'));
+        $vars['content_navbar'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/content_navbar.tpl'));
+        $vars['content_client'] = \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/content_client.tpl'));
         $vars = array_merge($vars, \SYSTEM\PAGE\text::tag('meta'));
         return \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'default_page/tpl/default_page.tpl'), $vars);
     }
diff --git a/mojotrollz/page/default_page/tpl/content.tpl b/mojotrollz/page/default_page/tpl/content.tpl
deleted file mode 100644
index 074a9b5..0000000
--- a/mojotrollz/page/default_page/tpl/content.tpl
+++ /dev/null
@@ -1,4 +0,0 @@
-<div id="div_content_row" class="row-fluid row_border_top row_centered">
-    <div id="div_content" class="col-md-9"></div>
-    <div id="div_advertise" class="col-md-3">Advertisememt</div>
-</div>
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/tpl/content_client.tpl b/mojotrollz/page/default_page/tpl/content_client.tpl
new file mode 100644
index 0000000..6b206ce
--- /dev/null
+++ b/mojotrollz/page/default_page/tpl/content_client.tpl
@@ -0,0 +1,10 @@
+<div class="row-fluid row_border_top row_centered clearfix" id="content_client_anchor">
+    <div class="col-md-12">
+        <br>
+        <br>
+        <br>
+        <a href="#">WoW 1.12.1</a>
+        <a href="#">WoW 2.4.3</a>
+        <a href="#">WoW 3.3.5a</a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/tpl/content_facebook.tpl b/mojotrollz/page/default_page/tpl/content_facebook.tpl
deleted file mode 100644
index db217ba..0000000
--- a/mojotrollz/page/default_page/tpl/content_facebook.tpl
+++ /dev/null
@@ -1,18 +0,0 @@
-<div id="fb-root"></div>
-<script>
-    window.fbAsyncInit = function() {
-      FB.init({
-        appId      : '636780903092531',
-        xfbml      : true,
-        version    : 'v2.2'
-      });
-    };
-
-    (function(d, s, id){
-       var js, fjs = d.getElementsByTagName(s)[0];
-       if (d.getElementById(id)) {return;}
-       js = d.createElement(s); js.id = id;
-       js.src = "//connect.facebook.net/en_US/sdk.js";
-       fjs.parentNode.insertBefore(js, fjs);
-     }(document, 'script', 'facebook-jssdk'));
-</script>
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/tpl/content_footer.tpl b/mojotrollz/page/default_page/tpl/content_footer.tpl
deleted file mode 100644
index 0131520..0000000
--- a/mojotrollz/page/default_page/tpl/content_footer.tpl
+++ /dev/null
@@ -1,9 +0,0 @@
-<div id="div_footer_row" class="row-fluid row_border_top row_centered">
-    <div id="div_footer" class="col-md-12">
-        <a href="#">Neopolimatrix</a>&nbsp;&nbsp;
-        <a href="https://www.facebook.com/neopolimatrix" target="_blank">Facebook</a>&nbsp;&nbsp;
-        <a href="https://www.youtube.com/channel/UCfBlltbkuS8zCIff4rErfSw/featured" target="_blank">Youtube</a>&nbsp;&nbsp;
-        <a href="#!impressum">Impressum</a>&nbsp;&nbsp;
-        <a href="http://www.webcraft-media.de/" target="_blank">Webcraft-Media.de</a>
-    </div>
-</div>
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/tpl/content_header.tpl b/mojotrollz/page/default_page/tpl/content_header.tpl
deleted file mode 100644
index 04decaf..0000000
--- a/mojotrollz/page/default_page/tpl/content_header.tpl
+++ /dev/null
@@ -1,9 +0,0 @@
-<div id="div_header_row" class="row-fluid row_border_top row_centered">
-    <div id="div_header" class="col-md-10" style="background: url(./api.php?call=files&amp;cat=files&amp;id=neopolimatrix.png) no-repeat;">
-        <a href="#" class="fill-div"></a>
-    </div>
-    <div class="col-md-2" id="div_fbyt">
-        <a href="https://www.facebook.com/neopolimatrix" target="_blank"><i class="fa fa-facebook fa-2x"></i></a>&nbsp;&nbsp;
-        <a href="https://www.youtube.com/channel/UCfBlltbkuS8zCIff4rErfSw/featured" target="_blank"><i class="fa fa-youtube fa-2x"></i></a>
-    </div>
-</div>
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/tpl/content_menu.tpl b/mojotrollz/page/default_page/tpl/content_menu.tpl
deleted file mode 100644
index 3cd82bd..0000000
--- a/mojotrollz/page/default_page/tpl/content_menu.tpl
+++ /dev/null
@@ -1,17 +0,0 @@
-<div id="div_menu_row" class="row-fluid row_border_top row_centered">
-    <div class="div_menu tabbable col-md-12">
-        <ul class="nav nav-tabs" id="tabs_user_list">                  
-            <li class="active"><a href="#!start">Neu</a></li>
-            <li><a href="#!start;tag.fof">Serie: FoF</a></li>
-            <li><a href="#!start;tag.demokratie">Demokratie</a></li>
-            <li><a href="#!start;tag.nsa">Überwachung</a></li>
-            <li><a href="#!start;tag.ungleichheit">Ungleichheit</a></li>
-            <li><a href="#!start;tag.korruption">Korruption</a></li>
-            <li><a href="#!start;tag.polizei">Polizei</a></li>
-            <li><a href="#!start;tag.matrixintern">Intern</a></li>
-            <li><a href="#!start;tag.youtube">Video</a></li>
-            <button style="float: right; margin-top: 7px; margin-right: 7px; padding: 2px;"class="btn btn-info" id="nav_search_btn">los geht's!</button>
-            <input style="float: right; margin-top: 7px; margin-right: 7px;" type="text" id="nav_search" placeholder="Suchbegriff eingeben">
-        </ul>
-    </div>
-</div>
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/tpl/content_navbar.tpl b/mojotrollz/page/default_page/tpl/content_navbar.tpl
new file mode 100644
index 0000000..44854da
--- /dev/null
+++ b/mojotrollz/page/default_page/tpl/content_navbar.tpl
@@ -0,0 +1,23 @@
+<nav class="navbar navbar-inverse navbar-fixed-top sai_margin_bottom_off" role="navigation">
+    <div id="home_content" class="navbar-header">
+        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+    </div>
+    <div class="collapse navbar-collapse anchor">
+        <ul class="nav navbar-nav navbar-left">
+            <li><a class="mojotrollz_scroll" href="#mojotrollz_client">MOJOTROLLZ</a></li>
+            <li><a class="mojotrollz_scroll" href="#mojotrollz_server" onClick="">SERVERS</a></li>
+            <li><a class="mojotrollz_scroll" href="#mojotrollz_shirt" onClick="">T-SHIRTS</a></li>
+            <li><a class="mojotrollz_scroll" href="#mojotrollz_addon">ADDONS</a></li>
+            <li><a class="mojotrollz_scroll mojotrollz_scroll_last" href="#mojotrollz_more" onClick="">MORE</a></li>
+        </ul>
+        <ul class="nav navbar-nav navbar-right">
+            <li><a href="https://www.facebook.com/pages/Mojo-WoW/204351992944865" target="_blank"><i class="fa fa-facebook fa-lg"></i></a></li>
+            <li><a href="https://www.youtube.com/user/Mojotrolltribe/videos" target="_blank"><i class="fa fa-youtube fa-lg"></i></a></li>
+            <li><a href="#!login"><i class="glyphicon glyphicon-user"></i></a></li>
+        </ul>
+    </div><!-- /.navbar-collapse -->
+</nav>
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/tpl/default_page.tpl b/mojotrollz/page/default_page/tpl/default_page.tpl
index ed9efc8..4eb690f 100644
--- a/mojotrollz/page/default_page/tpl/default_page.tpl
+++ b/mojotrollz/page/default_page/tpl/default_page.tpl
@@ -7,14 +7,15 @@
         <meta name="author" content="${meta_author}">
         ${css}
         ${js}
+        <style type="text/css">
+            @font-face {        
+                font-family: TrojanPro; 
+                src: url(./api.php?call=files&cat=content&id=TrajanPro-Regular.otf); 
+            }
+        </style>
     </head>
     <body>
-        <div class="container"> 
-            ${content_facebook}
-            ${content_header}
-            ${content_menu}
-            ${content}
-            ${content_footer}
-        </div>
+        ${content_navbar}
+        ${content_client}
     </body>
 </html>
\ No newline at end of file