diff --git a/public_html/deployment/inc_functions.php b/public_html/deployment/inc_functions.php
index c4c33d312b44ef0c4f8fbaf495a8101a7933465b..6c42d97835b5d973c7c3918b1a452ca8950d8608 100644
--- a/public_html/deployment/inc_functions.php
+++ b/public_html/deployment/inc_functions.php
@@ -334,16 +334,33 @@ function getTopArea() {
  */
 function getAction() {
     global $aParams, $sImageBase, $aImages;
+    $oHtml=new htmlguielements();
     $sReturn = '';
+    $sNav = '';
+    $sLabel = '';
     if (array_key_exists("action", $aParams)) {
-        $sLabel = $aParams["action"];
+        $sLabel .= $aParams["action"];
+        $sNav .= aHome();
+        if ($aParams['prj']==='all'){
+            // $sNav .= [settings];
+        } else {
+            $sNav .= ' ' . $oHtml->getIcon('fa-chevron-right') . aPrjHome();
+        }
+        $sClass='action '.$aParams["action"];
         if (array_key_exists("par3", $aParams)) {
             $sLabel.=' :: ' . $aParams["par3"];
+            $sClass='action ' . $aParams["action"];
         }
-        $sReturn.='<h2 class="action ' . $aParams["action"] . '">' . $sLabel . '</h2>';
+        // $sReturn.='<h2 class="action ' . $aParams["action"] . '">' . $sLabel . '</h2>';
     } else if (array_key_exists("prj", $aParams)) {
-        $sReturn.='<h2 class="action prjhome"> Projekt-Home</h2>';
+        $sNav .= aHome();
+        $sClass='action prjhome';
+        $sLabel.='Projekt-Home';
+        // $sReturn.='<h2 class="action prjhome"> Projekt-Home</h2>';
     }
+    $sReturn.=($sNav ? '<div id="navtop">' . $sNav .  ' ' .$oHtml->getIcon('fa-chevron-right') . ' <span class="current">'.$sLabel.'</span></div>':'')
+        // .'<h2 class="'.$sClass.'"> '.$sLabel.'</h2>'
+        ;
     return $sReturn;
 }
 
diff --git a/public_html/deployment/main.css b/public_html/deployment/main.css
index 4ba3bc08a7b8c749a02e261b64e967a0e74c6741..57a224df6125ef7abe49ee29e0d9a40aed7f3a39 100644
--- a/public_html/deployment/main.css
+++ b/public_html/deployment/main.css
@@ -42,11 +42,18 @@ body{padding-top: 0;}
     border-left: 0px solid #ccc;
     padding: 1em;
     box-shadow: 0 0 15px #eee;
+
+    padding: 0.5em;
+    box-shadow: 0 0 7em #ddd;
 }
 
+div#navtop, div#navbuttom{background: #dde; padding: 0.5em;}
+div#navtop{margin-bottom: 2em;}
+div#navtop .current{font-size: 170%; color: #667; padding: 0 0.2em; position: absolute;}
 div#navbuttom{
-    margin-top: 4em; padding: 1em 0; 
-    border-top: 2px solid #ddd;}
+    margin-top: 4em; 
+    border-top: 2px solid #ddd;
+}
 
 #divmodal{
     position: fixed; height: 100%; width: 100%; top:0; left:0;
@@ -80,7 +87,7 @@ h2.phase{background-image: url("/deployment/images/nuvola64x64/apps/kreversi.png
 h2.setup{background-image: url("/deployment/images/nuvola64x64/apps/kcmsystem.png");}
 h2.login{background-image: url("/deployment/images/nuvola64x64/apps/kgpg.png");}
 */
-h3{color:#444; margin-top: 3em;}
+h3{background: #f0f0f4; color:#456; margin: 3em 0 1em; padding: 0.5em;}
 h3:first-child{margin-top: 0;}
 
 h4{color:#666;}