diff --git a/addressbook/templates/pixelegg/app.css b/addressbook/templates/pixelegg/app.css
index 2fbccbe431..74ab957f97 100755
--- a/addressbook/templates/pixelegg/app.css
+++ b/addressbook/templates/pixelegg/app.css
@@ -176,8 +176,8 @@ fieldset.emailGroup {
     /*height: 99%;*/
   }
   #addressbook-edit {
-    /*height: auto;*/
-    /*min-height: 390px;*/
+    height: auto;
+    min-height: 390px;
     overflow: auto;
   }
   div#addressbook-index div.et2_hbox_left {
@@ -248,10 +248,10 @@ fieldset.emailGroup {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
-    -webkit-transition-property: background;
-    -moz-transition-property: background;
-    -o-transition-property: background;
-    transition-property: background;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
@@ -260,6 +260,7 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
+    background-color: #b4b4b4;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
@@ -279,10 +280,10 @@ fieldset.emailGroup {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
-    -webkit-transition-property: background;
-    -moz-transition-property: background;
-    -o-transition-property: background;
-    transition-property: background;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
@@ -291,6 +292,7 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
+    background-color: #b4b4b4;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
@@ -311,10 +313,10 @@ fieldset.emailGroup {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
-    -webkit-transition-property: background;
-    -moz-transition-property: background;
-    -o-transition-property: background;
-    transition-property: background;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
@@ -323,6 +325,7 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
+    background-color: #b4b4b4;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
@@ -653,10 +656,10 @@ fieldset.emailGroup {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
-    -webkit-transition-property: background;
-    -moz-transition-property: background;
-    -o-transition-property: background;
-    transition-property: background;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
@@ -665,6 +668,7 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
+    background-color: #b4b4b4;
   }
   div.addressbook_edit_general_picture img.photo:hover {
     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@@ -1136,10 +1140,10 @@ fieldset.emailGroup {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
-    -webkit-transition-property: background;
-    -moz-transition-property: background;
-    -o-transition-property: background;
-    transition-property: background;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
@@ -1148,6 +1152,7 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
+    background-color: #b4b4b4;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
diff --git a/addressbook/templates/pixelegg/app.less b/addressbook/templates/pixelegg/app.less
index 1bba2aa74f..3f125c4d22 100755
--- a/addressbook/templates/pixelegg/app.less
+++ b/addressbook/templates/pixelegg/app.less
@@ -52,8 +52,8 @@
   /*height: 99%;*/
 }
 #addressbook-edit {
-  /*height: auto;*/
-  /*min-height: 390px;*/
+  height: auto;
+  min-height: 390px;
   overflow:    auto;
 }
 
diff --git a/addressbook/templates/pixelegg/images/navbar.svg b/addressbook/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..99d575aad6
--- /dev/null
+++ b/addressbook/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M0,0v28.347h28.348V0H0z M25.393,20.904
+		c0,1.238-1.005,2.243-2.244,2.243H5.199c-1.24,0-2.244-1.005-2.244-2.243V7.441c0-1.239,1.004-2.244,2.244-2.244h17.949
+		c1.239,0,2.244,1.005,2.244,2.244V20.904z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M17.913,16.416h5.235c0.414,0,0.748,0.335,0.748,0.748
+		s-0.334,0.748-0.748,0.748h-5.235c-0.413,0-0.748-0.335-0.748-0.748S17.5,16.416,17.913,16.416z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M17.913,8.938h5.235c0.414,0,0.748,0.335,0.748,0.748
+		c0,0.412-0.334,0.748-0.748,0.748h-5.235c-0.413,0-0.748-0.336-0.748-0.748C17.165,9.272,17.5,8.938,17.913,8.938z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.174,7.441H5.199c-0.414,0-0.748,0.335-0.748,0.748v11.967
+		c0,0.412,0.334,0.748,0.748,0.748h8.975c0.413,0,0.748-0.336,0.748-0.748V8.189C14.922,7.776,14.587,7.441,14.174,7.441z
+		 M6.744,11.642c0.039-0.564,0.171-1.16,0.437-1.456c0.583-0.646,1.047-1.268,2.506-1.248c2.046,0.027,2.114,0.938,2.486,1.248
+		c0.467,0.39,0.437,1.456,0.437,1.456s0,0.012,0,0.485l0.437,0.485l-0.437,1.457H12.21c-0.379,0.764-1.751,1.456-2.533,1.456
+		s-2.154-0.692-2.532-1.456h-0.4l-0.437-1.457l0.437-0.485C6.744,12.041,6.734,11.732,6.744,11.642z M13.298,19.415l-7.241-0.007
+		c0,0-0.212-1.666,0.437-2.427c0.453-0.532,0.999-0.709,0.999-0.709s0.854,0.892,2.194,0.892c1.481,0,2.175-0.892,2.175-0.892
+		s0.453,0.13,0.999,0.709C13.547,17.708,13.298,19.415,13.298,19.415z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M17.913,12.677h5.235c0.414,0,0.748,0.335,0.748,0.748
+		s-0.334,0.748-0.748,0.748h-5.235c-0.413,0-0.748-0.335-0.748-0.748S17.5,12.677,17.913,12.677z"/>
+</g>
+</svg>
diff --git a/admin/templates/default/config_footer.tpl b/admin/templates/default/config_footer.tpl
index dd925ed01c..af8c6ad449 100644
--- a/admin/templates/default/config_footer.tpl
+++ b/admin/templates/default/config_footer.tpl
@@ -6,8 +6,8 @@
   </tr>
   <tr>
     <td colspan="2" align="center">
-      <input type="submit" name="submit" value="{lang_submit}">
-      <input type="submit" name="cancel" value="{lang_cancel}">
+      <input type="submit" name="submit" value="{lang_submit}" image="submit" background_image="1">
+      <input type="submit" name="cancel" value="{lang_cancel}" image="cancel" background_image="1">
     </td>
   </tr>
 </table>
diff --git a/admin/templates/pixelegg/app.css b/admin/templates/pixelegg/app.css
index dc867c420d..150d98a33d 100755
--- a/admin/templates/pixelegg/app.css
+++ b/admin/templates/pixelegg/app.css
@@ -65,10 +65,8 @@ img.admin_aclApp {
  * Give space to both contact view & infolog list
  */
   iframe#admin-index_iframe {
-    background-color: yellow;
-  }
-  iframe#admin-index_iframe .egwGridView_scrollarea {
-    min-height: 500px;
+    background-color: transparent;
+    /*.egwGridView_scrollarea { min-height: 500px;}*/
   }
   #addressbook-index {
     height: 100%;
@@ -98,9 +96,9 @@ img.admin_aclApp {
     margin-top: 0;
   }
   div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view:hover {
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   }
   div#addressbook-index div.et2_hbox_right {
     width: auto;
@@ -123,9 +121,9 @@ img.admin_aclApp {
     margin-left: 5px;
   }
   div#addressbook-index div.et2_hbox_right select.et2_selectbox:hover {
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   }
   div#addressbook-index div.et2_hbox_right select.et2_selectbox:focus {
     outline: 0;
@@ -146,6 +144,19 @@ img.admin_aclApp {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
+    -webkit-transition-duration: 0.5s;
+    -moz-transition-duration: 0.5s;
+    -o-transition-duration: 0.5s;
+    transition-duration: 0.5s;
+    -webkit-transition-timing-function: linear;
+    -moz-transition-timing-function: linear;
+    -o-transition-timing-function: linear;
+    transition-timing-function: linear;
+    background-color: #b4b4b4;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
@@ -165,15 +176,28 @@ img.admin_aclApp {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
+    -webkit-transition-duration: 0.5s;
+    -moz-transition-duration: 0.5s;
+    -o-transition-duration: 0.5s;
+    transition-duration: 0.5s;
+    -webkit-transition-timing-function: linear;
+    -moz-transition-timing-function: linear;
+    -o-transition-timing-function: linear;
+    transition-timing-function: linear;
+    background-color: #b4b4b4;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
     background-size: 20px auto !important;
     width: auto;
     height: 32px;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   }
   div#addressbook-index div.et2_hbox_right button#addressbook-index_search:focus {
     background-image: url('../../../pixelegg/images/advanced-search.png');
@@ -185,28 +209,36 @@ img.admin_aclApp {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
+    -webkit-transition-duration: 0.5s;
+    -moz-transition-duration: 0.5s;
+    -o-transition-duration: 0.5s;
+    transition-duration: 0.5s;
+    -webkit-transition-timing-function: linear;
+    -moz-transition-timing-function: linear;
+    -o-transition-timing-function: linear;
+    transition-timing-function: linear;
+    background-color: #b4b4b4;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
     background-size: 20px auto !important;
     width: auto;
     height: 32px;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
   }
   div#addressbook-index div.et2_hbox_right button#addressbook-index_add {
-    background-color: #0b5fa4 !important;
+    /*background-color: @egw_color_blue_lighter !important;*/
     color: #FFF;
     text-shadow: none;
     /*    height: auto;*/
     background-image: none !important;
-    -webkit-border-radius: 3px;
-    -webkit-border-top-left-radius: 20px;
-    -moz-border-radius: 3px;
-    -moz-border-radius-topleft: 20px;
-    border-radius: 3px;
-    border-top-left-radius: 20px;
+    /*.border_radius_button_lefttop;*/
   }
   div#addressbook-index div.et2_hbox_right button#addressbook-index_add:before {
     content: "+";
@@ -217,15 +249,15 @@ img.admin_aclApp {
   div#addressbook-index div.et2_hbox_right button#addressbook-index_add:hover {
     background-color: #66a1d2 !important;
     color: #ffc200;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
     -webkit-border-radius: 3px;
-    -webkit-border-top-left-radius: 20px;
+    -webkit-border-top-left-radius: 10px;
     -moz-border-radius: 3px;
-    -moz-border-radius-topleft: 20px;
+    -moz-border-radius-topleft: 10px;
     border-radius: 3px;
-    border-top-left-radius: 20px;
+    border-top-left-radius: 10px;
   }
   div#addressbook-index div.filters select#infolog-index_cat_id {
     width: 10%;
@@ -251,17 +283,12 @@ img.admin_aclApp {
         div.et2_box_widget*/
   }
   .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] {
-    background-color: #0b5fa4 !important;
+    /*background-color: @egw_color_blue_lighter !important;*/
     color: #FFF;
     text-shadow: none;
     /*    height: auto;*/
     background-image: none !important;
-    -webkit-border-radius: 3px;
-    -webkit-border-top-left-radius: 20px;
-    -moz-border-radius: 3px;
-    -moz-border-radius-topleft: 20px;
-    border-radius: 3px;
-    border-top-left-radius: 20px;
+    /*.border_radius_button_lefttop;*/
     /*height: auto;*/
     color: #ffffff;
     font-size: 0.9em;
@@ -278,15 +305,15 @@ img.admin_aclApp {
   .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:hover {
     background-color: #66a1d2 !important;
     color: #ffc200;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
     -webkit-border-radius: 3px;
-    -webkit-border-top-left-radius: 20px;
+    -webkit-border-top-left-radius: 10px;
     -moz-border-radius: 3px;
-    -moz-border-radius-topleft: 20px;
+    -moz-border-radius-topleft: 10px;
     border-radius: 3px;
-    border-top-left-radius: 20px;
+    border-top-left-radius: 10px;
   }
   .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] span.et2_label {
     color: #ffffff;
@@ -400,11 +427,24 @@ img.admin_aclApp {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
+    -webkit-transition-duration: 0.5s;
+    -moz-transition-duration: 0.5s;
+    -o-transition-duration: 0.5s;
+    transition-duration: 0.5s;
+    -webkit-transition-timing-function: linear;
+    -moz-transition-timing-function: linear;
+    -o-transition-timing-function: linear;
+    transition-timing-function: linear;
+    background-color: #b4b4b4;
   }
   div.addressbook_edit_general_picture img.photo:hover {
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
     background-color: inherit !important;
   }
   div.addressbook_edit_general_picture table.uploadphoto {
@@ -606,10 +646,10 @@ img.admin_aclApp {
   }
   div#addressbook-edit fieldset.emailGroup td a.et2_url:hover,
   div#addressbook-search fieldset.emailGroup td a.et2_url:hover {
-    background-color: #b3b3b3 !important;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    /*.background_color_20_gray;*/
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
     border: 1px solid rgba(0, 0, 0, 0.5);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
@@ -617,7 +657,7 @@ img.admin_aclApp {
   }
   div#addressbook-edit fieldset.emailGroup td a.et2_url.url,
   div#addressbook-search fieldset.emailGroup td a.et2_url.url {
-    background-color: #f0f0f0;
+    /*.background_color_10_gray;*/
     -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@@ -630,7 +670,7 @@ img.admin_aclApp {
   }
   div#addressbook-edit fieldset.emailGroup td a.et2_url.email,
   div#addressbook-search fieldset.emailGroup td a.et2_url.email {
-    background-color: #f0f0f0;
+    /*.background_color_10_gray;*/
     -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@@ -709,7 +749,7 @@ img.admin_aclApp {
     margin: 1em;
   }
   div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon {
-    background-color: #f0f0f0;
+    /*.background_color_10_gray;*/
     -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@@ -724,17 +764,17 @@ img.admin_aclApp {
     width: 32px;
   }
   div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:hover {
-    background-color: #b3b3b3 !important;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    /*.background_color_20_gray;*/
+    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
+    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
     border: 1px solid rgba(0, 0, 0, 0.5);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
   }
   div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:active {
-    background-color: #808080;
+    /*.background_color_30_gray;*/
     border: 1px solid rgba(0, 0, 0, 0.9);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
@@ -742,6 +782,7 @@ img.admin_aclApp {
     -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
     box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
+    background-color: #1aa200;
   }
   div#addressbook-edit_addressbook-edit-links table#addressbook-edit_link_to {
     overflow-y: scroll;
@@ -797,6 +838,19 @@ img.admin_aclApp {
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: #000000;
+    -webkit-transition-property: background-color;
+    -moz-transition-property: background-color;
+    -o-transition-property: background-color;
+    transition-property: background-color;
+    -webkit-transition-duration: 0.5s;
+    -moz-transition-duration: 0.5s;
+    -o-transition-duration: 0.5s;
+    transition-duration: 0.5s;
+    -webkit-transition-timing-function: linear;
+    -moz-transition-timing-function: linear;
+    -o-transition-timing-function: linear;
+    transition-timing-function: linear;
+    background-color: #b4b4b4;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
diff --git a/admin/templates/pixelegg/app.less b/admin/templates/pixelegg/app.less
index 0b21024bdb..e9a24e4093 100755
--- a/admin/templates/pixelegg/app.less
+++ b/admin/templates/pixelegg/app.less
@@ -40,9 +40,9 @@
 
 iframe#admin-index_iframe{
     
-     background-color: yellow;
+     background-color: transparent;
      
-     .egwGridView_scrollarea { min-height: 500px;}
+     /*.egwGridView_scrollarea { min-height: 500px;}*/
     
     #admin-categories-index{
         
@@ -55,6 +55,7 @@ iframe#admin-index_iframe{
                     td.frame {
                         
                         
+                        
                     }
                 }
                 
@@ -127,8 +128,8 @@ div#addressbook-index{
         // erweiterte Suche
         button#addressbook-index_search{
 
-            .background-color-10-gray;
-            .color-100-gray;
+            .background_color_10_gray;
+            .color_100_gray;
 
             .Complete_Button_text_icon_before;
             background-image:url('../../../pixelegg/images/advanced-search.png') !important;
@@ -212,13 +213,13 @@ div#addressbook-index{
         .et2_hbox_right[id*="_infolog-index-header_right"]{
                 .Complete_Button_add;
                 /*height: auto;*/
-                .color-0-gray; // white
+                .color_0_gray; // white
                 font-size: 0.9em;
 
                 &:before {padding-left: 5px;}
                 &:hover {.Complete_Button_add_hover;}
 
-                span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;}
+                span.et2_label {color: @gray_0; font-size: 0.9em;padding-right: 11px;}
                 img.et2_button {margin-top: -15px;}
 
                 }
@@ -398,9 +399,9 @@ div.addressbook_edit_general_picture {
 // Photo Upload - POPUP
 
         table.uploadphoto {
-            .background-color-10-gray;
+            .background_color_10_gray;
             width: auto;
-            .bordered(@gray-100, @gray-100, @gray-100, @gray-100);
+            .bordered(@gray_100, @gray_100, @gray_100, @gray_100);
             left: 30%;
             top: 289px;
         }
@@ -459,7 +460,7 @@ div#addressbook-search{
         /*POPUP*/
          /* edit Name */
         table.editname {
-            .background-color-10-gray;
+            .background_color_10_gray;
             z-index: 10;
             font-size: 1em;
 
@@ -506,7 +507,7 @@ div#addressbook-search{
         margin-top: 12px;
         margin-left: 1em;
         height: auto;
-        .background-color-15-gray;
+        .background_color_15_gray;
         .border_radius_button_normal;
         legend { text-transform: uppercase;}
 
@@ -543,7 +544,7 @@ div#addressbook-search{
         margin-top: 10px;
         margin-left: 1em;
         height: auto;
-        .background-color-15-gray;
+        .background_color_15_gray;
         .border_radius_button_normal;
         legend { text-transform: uppercase;}
 
@@ -888,7 +889,7 @@ div.addressbook.edit.general{
 // Dialog Upload photo
 
 .uploadphoto {
-    background-color: @gray-20;
+    background-color: @gray_20;
     border: 2px solid black;
     display: none;
     left: 48px;
@@ -897,7 +898,7 @@ div.addressbook.edit.general{
     top: 168px;
 }
 
-table.uploadphoto {width: 360px !important; background-color: @gray-20 !important;}
+table.uploadphoto {width: 360px !important; background-color: @gray_20 !important;}
 
 
 
diff --git a/calendar/templates/pixelegg/images/navbar.svg b/calendar/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..a6e493a2ee
--- /dev/null
+++ b/calendar/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M24.25,4.068h-0.826v2.479c0,0.913-0.74,1.653-1.653,1.653h-1.653
+	c-0.912,0-1.652-0.74-1.652-1.653V4.068h-6.613v2.479c0,0.913-0.739,1.653-1.652,1.653H8.545c-0.913,0-1.653-0.74-1.653-1.653V4.068
+	H6.066c-0.913,0-1.653,0.74-1.653,1.653v9.482c0.458-0.1,0.932-0.156,1.419-0.156c0.361,0,0.715,0.037,1.061,0.094v-0.328h4.959
+	v4.123c0.377,0.83,0.593,1.752,0.593,2.725c0,1.852-0.764,3.523-1.991,4.725H24.25c0.913,0,1.653-0.74,1.653-1.654V5.721
+	C25.903,4.808,25.163,4.068,24.25,4.068z M11.851,13.987H6.892V9.854h4.959V13.987z M17.637,23.904h-4.959v-4.133h4.959V23.904z
+	 M17.637,18.945h-4.959v-4.132h4.959V18.945z M17.637,13.987h-4.959V9.854h4.959V13.987z M23.423,23.904h-4.959v-4.133h4.959V23.904
+	z M23.423,18.945h-4.959v-4.132h4.959V18.945z M23.423,13.987h-4.959V9.854h4.959V13.987z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M19.291,3.242c0-0.913,0.74-1.653,1.653-1.653
+	s1.652,0.74,1.652,1.653v2.479c0,0.913-0.739,1.653-1.652,1.653s-1.653-0.74-1.653-1.653V3.242z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M7.719,3.242c0-0.913,0.74-1.653,1.652-1.653
+	c0.913,0,1.653,0.74,1.653,1.653v2.479c0,0.913-0.74,1.653-1.653,1.653c-0.912,0-1.652-0.74-1.652-1.653V3.242z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M6.066,16.473c-2.735,0-4.953,2.217-4.953,4.953
+	c0,2.734,2.218,4.951,4.953,4.951c2.734,0,4.952-2.217,4.952-4.951C11.018,18.689,8.8,16.473,6.066,16.473z M9.097,21.033
+	l-3.17,2.643c-0.106,0.088-0.234,0.141-0.368,0.176c-0.083,0.027-0.166,0.043-0.251,0.041c-0.234,0.004-0.47-0.068-0.648-0.217
+	c-0.128-0.105-0.192-0.238-0.228-0.375l-0.647-0.646c-0.284-0.285-0.284-0.746,0-1.031c0.284-0.283,0.746-0.283,1.03,0l0.472,0.473
+	l2.542-2.117c0.351-0.293,0.919-0.293,1.269,0C9.447,20.27,9.447,20.742,9.097,21.033z"/>
+</svg>
diff --git a/etemplate/templates/pixelegg/images/navbar.svg b/etemplate/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..86794afac8
--- /dev/null
+++ b/etemplate/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="18.37,7.892 12.636,9.12 12.983,10.772 18.719,9.543 	"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="5.996,17.556 6.343,19.2 12.014,17.985 11.667,16.341 	
+		"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="10.975,13.056 5.304,14.271 5.65,15.917 11.321,14.701 	
+		"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="10.282,9.772 4.611,10.986 4.958,12.633 10.629,11.417 	
+		"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="19.065,11.195 13.331,12.424 13.681,14.075 
+		19.415,12.847 	"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.804,0H3.542C1.585,0-0.001,1.586-0.001,3.544v21.26
+		c0,1.957,1.586,3.543,3.543,3.543h21.262c1.957,0,3.543-1.586,3.543-3.543V3.544C28.347,1.586,26.761,0,24.804,0z M1.797,7.263
+		C1.686,6.736,2.015,6.219,2.533,6.109L18.31,2.728c0.518-0.111,1.027,0.226,1.139,0.752l0.206,0.982L2.004,8.245L1.797,7.263z
+		 M4.707,20.259L2.452,9.565l17.421-3.732l1.505,7.135c0,0,0.476,2.259,0.762,3.611c0.046,0.344,0.012,1.015-0.83,1.184
+		c-1.715,0.318-4.946,0.918-4.946,0.918L5.831,21.006C5.321,21.116,4.816,20.781,4.707,20.259z M26.568,20.965c0,0,0,2.31,0,3.692
+		c-0.026,0.346-0.2,0.994-1.078,0.982c-1.776-0.048-5.128-0.139-5.128-0.139L9.363,25.569c-0.533,0-0.965-0.434-0.965-0.967v-2.502
+		c0.04-0.006,0.081-0.005,0.121-0.014l14.746-3.16c0.905-0.193,1.482-1.09,1.29-2.002l-0.686-3.254h2.698V20.965z M26.568,12.284
+		h-2.99l-0.417-1.979h2.441c0.533,0,0.966,0.436,0.966,0.975V12.284z"/>
+	<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" points="19.763,14.499 14.028,15.728 14.377,17.38 20.112,16.15 	
+		"/>
+</g>
+</svg>
diff --git a/filemanager/templates/pixelegg/images/navbar.svg b/filemanager/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..7886292ce2
--- /dev/null
+++ b/filemanager/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.805,0.001H3.543C1.586,0.001,0,1.587,0,3.544v21.259
+		c0,1.957,1.586,3.543,3.543,3.543h21.262c1.957,0,3.543-1.586,3.543-3.543V3.544C28.348,1.587,26.762,0.001,24.805,0.001z
+		 M14.139,2.816v1.603h11.22l-0.802,4.007H3.721l-0.802-5.61H14.139z M21.751,26.149c-2.485,0-4.501-2.015-4.501-4.5
+		c0-2.486,2.016-4.502,4.501-4.502c2.486,0,4.502,2.016,4.502,4.502C26.253,24.135,24.237,26.149,21.751,26.149z M24.586,16.349
+		c-0.844-0.452-1.81-0.71-2.835-0.71c-3.318,0-6.01,2.69-6.01,6.011c0,0.703,0.127,1.375,0.35,2.002H6.125L1.316,9.228h25.645
+		L24.586,16.349z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.508,21.294l-2.882,2.4c-0.097,0.08-0.214,0.129-0.335,0.16
+		c-0.075,0.024-0.15,0.039-0.228,0.037c-0.213,0.002-0.428-0.061-0.591-0.197c-0.116-0.096-0.174-0.217-0.205-0.34l-0.589-0.59
+		c-0.258-0.258-0.258-0.677,0-0.936c0.258-0.258,0.677-0.258,0.936,0l0.43,0.43l2.311-1.926c0.318-0.265,0.834-0.265,1.153,0
+		C24.824,20.599,24.824,21.028,24.508,21.294z"/>
+</g>
+</svg>
diff --git a/infolog/templates/pixelegg/images/navbar.svg b/infolog/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..bab068cccd
--- /dev/null
+++ b/infolog/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.805,0.001H3.543C1.586,0.001,0,1.587,0,3.544v21.26
+		c0,1.957,1.586,3.543,3.543,3.543h21.262c1.957,0,3.543-1.586,3.543-3.543V3.544C28.348,1.587,26.762,0.001,24.805,0.001z
+		 M8.282,4.489c0-0.465,0.377-0.842,0.842-0.842h0.894C9.983,3.512,9.967,3.37,9.967,3.226c0-1.162,1.13-2.104,2.525-2.104
+		s2.526,0.942,2.526,2.104c0,0.145-0.019,0.286-0.051,0.422h0.894c0.465,0,0.842,0.377,0.842,0.842v1.685
+		c0,0.465-0.377,0.842-0.842,0.842H9.124c-0.465,0-0.842-0.377-0.842-0.842V4.489z M22.598,25.542c0,0.931-0.754,1.685-1.684,1.685
+		H4.071c-0.93,0-1.684-0.754-1.684-1.685V6.174c0-0.931,0.754-1.685,1.684-1.685h2.526v2.105c0,0.697,0.314,1.264,0.701,1.264
+		h10.387c0.388,0,0.702-0.566,0.702-1.264V4.489h2.526c0.465,0,0.886,0.188,1.19,0.493L9.967,17.121L8.282,24.7
+		c0,0-0.151,0.564,0,0.842c0.147,0.272,0.842,0,0.842,0l7.579-1.685l5.895-5.895V25.542z M11.636,18.192l3.909,3.889l-5.472,1.555
+		L11.636,18.192z M16.932,20.696l-3.909-3.888l6.915-6.87l3.908,3.889L16.932,20.696z M25.612,12.067l-1.172,1.166l-3.907-3.888
+		l1.171-1.166c0.433-0.43,1.109-0.452,1.515-0.049l2.443,2.43C26.066,10.964,26.044,11.638,25.612,12.067z"/>
+	<rect x="11.65" y="2.805" fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" width="1.685" height="1.685"/>
+</g>
+</svg>
diff --git a/mail/templates/pixelegg/images/navbar.svg b/mail/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..51c881f9b9
--- /dev/null
+++ b/mail/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M17.771,22.017c0,0.654,0.348,1.129,1.043,1.129
+		c0.916,0,1.753-1.1,1.927-2.02l0.332-1.664c-0.158-0.06-0.427-0.119-0.79-0.119C18.892,19.343,17.771,20.576,17.771,22.017z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M0-0.001v28.348h28.348V-0.001H0z M2.51,7.284l20.027-4.594
+		l0.431,1.877l-8.578,8.556L2.939,9.161L2.51,7.284z M21.894,23.948c-0.632,0-1.216-0.387-1.186-1.307h-0.046
+		c-0.554,0.876-1.28,1.307-2.228,1.307c-0.917,0-1.706-0.698-1.706-1.871c0-1.842,1.547-3.521,3.743-3.521
+		c0.663,0,1.279,0.134,1.691,0.312l-0.537,2.689c-0.238,1.129-0.048,1.647,0.473,1.662c0.806,0.03,1.707-0.994,1.707-2.703
+		c0-2.169-1.375-3.729-3.823-3.729c-2.575,0-4.739,1.932-4.739,4.947c0,2.48,1.722,4.025,4.06,4.025c0.9,0,1.738-0.178,2.386-0.52
+		l0.253,0.639c-0.869,0.431-1.753,0.594-2.812,0.594c-2.593,0-4.788-1.782-4.788-4.649c0-3.061,2.26-5.72,5.767-5.72
+		c2.749,0,4.582,1.828,4.582,4.309C24.69,22.642,23.362,23.948,21.894,23.948z M25.013,16.615c-1.302-1.387-3.146-2.259-5.197-2.259
+		c-3.2,0-5.909,2.109-6.812,5.014l-7.337,1.683l-2.44-9.841l11.45,3.961l8.578-8.556l2.44,9.841L25.013,16.615z"/>
+</g>
+</svg>
diff --git a/notifications/templates/pixelegg/images/navbar.svg b/notifications/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..742f38e004
--- /dev/null
+++ b/notifications/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.175,8.551c-3.822,0-6.921,3.1-6.921,6.922
+	s3.099,6.921,6.921,6.921c3.823,0,6.922-3.099,6.922-6.921S17.998,8.551,14.175,8.551z M16.874,12.714l-2.006,4.308
+	c-0.007,0.016-0.006,0.031-0.013,0.047c-0.207,0.43-0.724,0.611-1.154,0.406l-2.343-1.123c-0.431-0.207-0.612-0.723-0.405-1.154
+	c0.206-0.432,0.724-0.613,1.154-0.407l1.545,0.741l1.652-3.55c0.202-0.434,0.719-0.62,1.151-0.419
+	C16.89,11.766,17.076,12.28,16.874,12.714z"/>
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.804,0.001H3.542c-1.957,0-3.543,1.586-3.543,3.544v21.259
+	c0,1.957,1.586,3.543,3.543,3.543h21.262c1.957,0,3.543-1.586,3.543-3.543V3.545C28.347,1.587,26.761,0.001,24.804,0.001z
+	 M14.175,1.623c0.957,0,1.731,0.775,1.731,1.731c0,0.956-0.774,1.731-1.731,1.731c-0.956,0-1.73-0.775-1.73-1.731
+	C12.444,2.398,13.219,1.623,14.175,1.623z M3.3,6.552c0,0-1.279-1.532,0.85-3.359L6.186,1.83c0,0,2.125-0.892,3.097,0.891
+	l1.023,1.619C6.4,5.873,5.102,8.566,5.102,8.566L3.3,6.552z M23.518,25.443c0.239,0.413,0.098,0.942-0.317,1.182
+	c-0.413,0.239-0.942,0.098-1.183-0.316l-1.958-3.391c-1.618,1.287-3.659,2.062-5.885,2.062c-2.267,0-4.346-0.802-5.979-2.132
+	l-1.998,3.461c-0.24,0.414-0.77,0.556-1.183,0.316c-0.414-0.239-0.557-0.769-0.317-1.182l2.225-3.853
+	c-1.404-1.666-2.253-3.818-2.253-6.173c0-5.281,4.255-9.562,9.506-9.562c5.252,0,9.507,4.28,9.507,9.562
+	c0,2.398-0.884,4.586-2.334,6.264L23.518,25.443z M25.052,6.552l-1.803,2.014c0,0-1.299-2.694-5.203-4.227l1.021-1.619
+	c0.973-1.783,3.097-0.891,3.097-0.891L24.2,3.193C26.329,5.02,25.052,6.552,25.052,6.552z"/>
+</svg>
diff --git a/preferences/templates/pixelegg/images/navbar.svg b/preferences/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..78d7fdc3be
--- /dev/null
+++ b/preferences/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M10.925,15.066c-1.777-0.476-3.604,0.578-4.08,2.355
+		s0.579,3.604,2.355,4.08c1.776,0.475,3.604-0.579,4.079-2.355C13.756,17.369,12.7,15.543,10.925,15.066z M11.136,18.572
+		c-0.159,0.592-0.769,0.943-1.36,0.785c-0.593-0.16-0.943-0.769-0.785-1.361c0.158-0.592,0.767-0.943,1.359-0.784
+		C10.943,17.371,11.294,17.979,11.136,18.572z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M21.355,5.343C20.111,5.01,18.833,5.748,18.5,6.991
+		c-0.333,1.244,0.405,2.522,1.648,2.856c1.243,0.332,2.522-0.406,2.854-1.649C23.338,6.955,22.6,5.676,21.355,5.343z M21.503,7.796
+		c-0.112,0.415-0.537,0.661-0.951,0.55c-0.416-0.111-0.661-0.537-0.551-0.952c0.111-0.415,0.538-0.661,0.951-0.55
+		C21.368,6.955,21.613,7.381,21.503,7.796z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.804,0H3.542C1.585,0-0.001,1.586-0.001,3.544v21.259
+		c0,1.957,1.586,3.543,3.543,3.543h21.262c1.957,0,3.543-1.586,3.543-3.543V3.544C28.347,1.586,26.761,0,24.804,0z M15.021,6.461
+		l0.201-0.75c0.112-0.416,0.538-0.661,0.953-0.55l0.909,0.244c0.171-0.286,0.371-0.549,0.599-0.783l-0.502-0.869
+		c-0.216-0.374-0.088-0.852,0.286-1.067l0.677-0.391c0.372-0.215,0.852-0.087,1.067,0.286l0.501,0.869
+		c0.316-0.08,0.645-0.122,0.978-0.126l0.244-0.91c0.11-0.414,0.537-0.66,0.951-0.55l0.751,0.202c0.414,0.111,0.66,0.537,0.55,0.952
+		l-0.244,0.91C23.217,4.092,23.473,4.283,23.7,4.5l0.847-0.489c0.373-0.216,0.851-0.087,1.066,0.286l0.392,0.677
+		c0.216,0.373,0.087,0.851-0.286,1.066l-0.833,0.48c0.087,0.327,0.132,0.666,0.137,1.011l0.91,0.244
+		c0.414,0.111,0.661,0.538,0.55,0.952l-0.201,0.75c-0.111,0.415-0.538,0.661-0.951,0.549l-0.911-0.243
+		c-0.17,0.286-0.369,0.549-0.598,0.783l0.467,0.81c0.216,0.373,0.089,0.852-0.286,1.067l-0.676,0.391
+		c-0.374,0.216-0.852,0.087-1.068-0.286l-0.466-0.81c-0.317,0.08-0.646,0.122-0.978,0.127l-0.244,0.909
+		c-0.11,0.415-0.537,0.661-0.952,0.55l-0.751-0.201c-0.413-0.11-0.659-0.537-0.548-0.951l0.243-0.911
+		c-0.297-0.176-0.567-0.385-0.809-0.623l-0.831,0.48c-0.374,0.215-0.852,0.088-1.067-0.286l-0.391-0.677
+		c-0.216-0.374-0.087-0.852,0.285-1.066l0.848-0.489c-0.075-0.306-0.111-0.623-0.117-0.943l-0.909-0.244
+		C15.157,7.302,14.91,6.876,15.021,6.461z M1.84,6.772c0-2.725,2.209-4.934,4.934-4.934h8.223v2.467H7.738
+		c-1.896,0-3.432,1.537-3.432,3.432v4.791H1.84V6.772z M15.114,23.688c0.309,0.533,0.126,1.216-0.408,1.524L13.74,25.77
+		c-0.534,0.309-1.218,0.125-1.524-0.408l-0.668-1.156c-0.453,0.114-0.921,0.174-1.396,0.181l-0.348,1.3
+		c-0.159,0.592-0.768,0.944-1.36,0.785l-1.072-0.287c-0.593-0.159-0.943-0.768-0.786-1.359l0.349-1.301
+		c-0.423-0.253-0.81-0.551-1.152-0.891l-1.188,0.686c-0.534,0.309-1.216,0.125-1.525-0.408L2.51,21.943
+		c-0.309-0.533-0.126-1.216,0.409-1.524l1.208-0.698c-0.106-0.438-0.159-0.889-0.165-1.348l-1.301-0.348
+		c-0.593-0.159-0.944-0.768-0.786-1.359l0.288-1.073c0.159-0.592,0.768-0.944,1.359-0.784l1.3,0.348
+		c0.244-0.408,0.529-0.784,0.854-1.119l-0.717-1.24c-0.307-0.534-0.125-1.217,0.41-1.525l0.966-0.558
+		c0.533-0.309,1.217-0.126,1.524,0.409l0.717,1.24c0.451-0.114,0.92-0.174,1.396-0.181l0.349-1.3
+		c0.159-0.592,0.767-0.944,1.359-0.785l1.073,0.287c0.592,0.158,0.943,0.768,0.784,1.359l-0.348,1.301
+		c0.395,0.234,0.758,0.508,1.084,0.817l1.209-0.698c0.534-0.308,1.216-0.125,1.524,0.408l0.558,0.968
+		c0.309,0.534,0.125,1.216-0.408,1.524L15.97,16.75c0.121,0.468,0.188,0.952,0.194,1.445l1.301,0.348
+		c0.591,0.159,0.942,0.768,0.784,1.359l-0.288,1.073c-0.157,0.593-0.767,0.944-1.359,0.784l-1.301-0.348
+		c-0.243,0.408-0.528,0.784-0.854,1.119L15.114,23.688z M26.508,21.573c0,2.725-2.209,4.934-4.934,4.934h-5.003l0.069-2.467h3.969
+		c1.896,0,3.432-1.537,3.432-3.433v-6.436l2.467,0.068V21.573z"/>
+</g>
+</svg>
diff --git a/resources/templates/pixelegg/images/navbar.svg b/resources/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..1966aecf3f
--- /dev/null
+++ b/resources/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M11.379,9.577c-0.243,1.062-0.198,1.799-0.061,2.752
+		c1.361,0.626,4.362,0.627,5.728,0c0.137-0.953,0.183-1.689-0.061-2.752C15.237,9.921,13.125,9.921,11.379,9.577z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.804,0.001H3.542c-1.957,0-3.543,1.586-3.543,3.543v21.26
+		c0,1.957,1.586,3.543,3.543,3.543h21.262c1.957,0,3.543-1.586,3.543-3.543V3.544C28.347,1.587,26.761,0.001,24.804,0.001z
+		 M4.401,26.902l-0.287-1.09c-0.203-0.77-0.094-1.588,0.307-2.277l2.748-4.752c0.406,1.785,1.025,3.461,1.772,4.944l0.127,0.253
+		c0.006,0.02,0.009,0.035,0.01,0.041L4.401,26.902z M15.923,25.776h-3.529l-1.207-1.741h5.942L15.923,25.776z M10.7,22.851
+		C8.072,17.629,6.854,8.992,13.667,2.718v-0.88c0-0.217,0.175-0.393,0.392-0.393h0.208c0.217,0,0.393,0.176,0.393,0.393v0.877
+		c6.86,6.225,5.634,14.651,3,20.136H10.7z M24.224,25.812l-0.288,1.09l-4.651-2.863c0.011-0.045,0.026-0.116,0.047-0.206
+		l0.065-0.138c0.772-1.607,1.355-3.284,1.739-4.968l2.78,4.808C24.315,24.225,24.426,25.043,24.224,25.812z"/>
+</g>
+</svg>
diff --git a/timesheet/templates/pixelegg/images/navbar.svg b/timesheet/templates/pixelegg/images/navbar.svg
new file mode 100755
index 0000000000..80e04a1677
--- /dev/null
+++ b/timesheet/templates/pixelegg/images/navbar.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M0,0v28.348h28.348V0H0z M14.173,27.038
+		c-7.105,0-12.865-5.76-12.865-12.865c0-7.104,5.76-12.865,12.865-12.865s12.865,5.761,12.865,12.865
+		C27.038,21.278,21.278,27.038,14.173,27.038z"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.173,4.13C9,4.13,4.004,9.103,4.004,14.246
+		S9,24.361,14.173,24.361s10.169-4.972,10.169-10.115S19.346,4.13,14.173,4.13z M14.173,5.34c0.803,0,1.263,2.409,0,2.409
+		S13.37,5.34,14.173,5.34z M5.34,14.174c0-1.262,2.409-1.262,2.409,0S5.34,15.436,5.34,14.174z M14.173,23.007
+		c-1.147,0-1.263-2.409,0-2.409S15.32,23.007,14.173,23.007z M18.427,9.295l-2.79,6.043c-0.003,0.006-0.006,0.012-0.009,0.019
+		l-0.01,0.021c-0.006,0.013-0.015,0.022-0.021,0.034c-0.027,0.055-0.058,0.108-0.093,0.158c-0.012,0.016-0.025,0.029-0.037,0.044
+		c-0.035,0.044-0.072,0.087-0.114,0.126c-0.014,0.013-0.029,0.024-0.044,0.036c-0.043,0.037-0.087,0.071-0.135,0.101
+		c-0.016,0.01-0.031,0.017-0.047,0.025c-0.05,0.028-0.101,0.054-0.154,0.074c-0.019,0.007-0.036,0.011-0.055,0.017
+		c-0.052,0.017-0.104,0.032-0.159,0.041c-0.028,0.006-0.058,0.006-0.086,0.009c-0.037,0.004-0.074,0.012-0.113,0.012l-3.505-0.011
+		c-0.646-0.001-1.169-0.525-1.172-1.171c-0.001-0.646,0.521-1.167,1.165-1.165l2.756,0.009L16.3,8.313
+		c0.271-0.584,0.965-0.838,1.553-0.566C18.439,8.018,18.697,8.712,18.427,9.295z M20.597,14.174c0-1.262,2.409-1.262,2.409,0
+		S20.597,15.436,20.597,14.174z"/>
+</g>
+</svg>