diff --git a/admin/templates/pixelegg/app.css b/admin/templates/pixelegg/app.css
index 22c009ed8c..c8e2a59574 100755
--- a/admin/templates/pixelegg/app.css
+++ b/admin/templates/pixelegg/app.css
@@ -18,7 +18,7 @@
  * @package etemplate
  * @link http://www.egroupware.org
  * @author Ralf Becker <RalfBecker@outdoor-training.de>
- * @version $Id: app.css 46650 2014-04-17 12:09:11Z hnategh $
+ * @version $Id: app.css 47432 2014-06-30 07:48:05Z hnategh $
  */
 .admin_tree table,
 .admin_tree tr,
@@ -78,6 +78,10 @@ td.admin_userAgent span {
   display: none;
 }
 @media all {
+  div.dhtmlxTree td.standartTreeRow span.selectedTreeRow {
+    background-color: #ffdd73;
+    color: #1e1e1e;
+  }
   /* #############################################################################
 // iframe
 // Rahmen + padding**/
@@ -102,9 +106,22 @@ td.admin_userAgent span {
   iframe#admin-index_iframe table.egwGridView_grid tr td {
     color: #000;
   }
+  table.egwGridView_grid img {
+    /*filter grey*/
+    /*filter grey*/
+    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -ms-filter: grayscale(0%);
+    -o-filter: grayscale(100%);
+    filter: grayscale(100%);
+    /*filter: url(grayscale.svg);  Firefox 4+ */
+    filter: gray;
+    /* IE 6-9 */
+  }
   /*###########################################
 #                                           #
-#       dialog-header                       #
+#       dialogHeader                       #
 #############################################
 #                                           #
 #                                           #
diff --git a/admin/templates/pixelegg/app.less b/admin/templates/pixelegg/app.less
index 53c9dc5eb0..590c3308bb 100755
--- a/admin/templates/pixelegg/app.less
+++ b/admin/templates/pixelegg/app.less
@@ -12,13 +12,29 @@
  * @version $Id$
  */
 
-@import (reference) "../../../pixelegg/less/def_buttons.less";
-@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
+
+@import (reference) "../../../pixelegg/less/definitions.less";
 @import (less) "../default/app.css";
 
 
 @media all {
 
+    // ADMIN in SIDEBAR
+
+    div.dhtmlxTree {
+
+
+        // selected Item
+        td.standartTreeRow {
+
+            span.selectedTreeRow { background-color: @egw_color_1_e; color: @gray_90;}
+
+        }
+
+
+
+    }
+
 
 /* #############################################################################
 // iframe
@@ -44,6 +60,9 @@ iframe#admin-index_iframe{
 
      /*.egwGridView_scrollarea { min-height: 500px;}*/
 
+
+
+
     #admin-categories-index{
 
         padding: 10px;
@@ -71,6 +90,11 @@ iframe#admin-index_iframe{
 
 } // iframe
 
+// gray Filter for images
+    table.egwGridView_grid img {
+            /*filter grey*/
+            .img_filter_gray;
+        }
 
 
 
@@ -80,7 +104,7 @@ iframe#admin-index_iframe{
 
 /*###########################################
 #                                           #
-#       dialog-header                       #
+#       dialogHeader                       #
 #############################################
 #                                           #
 #                                           #