From 653f01397539e752da6160cc8c02bb3a1532ee5a Mon Sep 17 00:00:00 2001
From: Ralf Becker <ralfbecker@outdoor-training.de>
Date: Thu, 23 Jan 2014 08:44:49 +0000
Subject: [PATCH] pixelegg changes from wednesday

---
 addressbook/templates/pixelegg/app.css        | 125 +--
 addressbook/templates/pixelegg/app.less       |  87 +-
 admin/templates/default/categories.edit.xet   |  14 +-
 admin/templates/pixelegg/app.css              | 898 +-----------------
 admin/templates/pixelegg/app.less             | 889 +----------------
 calendar/templates/pixelegg/app.css           |  34 +-
 calendar/templates/pixelegg/app.less          |  25 +-
 mail/templates/pixelegg/app.css               |  21 +-
 mail/templates/pixelegg/app.less              |   3 +-
 mail/templates/pixelegg/images/fileexport.svg |  17 +
 mail/templates/pixelegg/images/kmmsgread.svg  |  14 +
 .../pixelegg/images/read_flagged_small.svg    |  14 +
 .../pixelegg/images/unread_flagged_small.svg  |  11 +
 preferences/templates/pixelegg/app.css        |  14 +-
 preferences/templates/pixelegg/app.less       |   4 +-
 15 files changed, 182 insertions(+), 1988 deletions(-)
 create mode 100755 mail/templates/pixelegg/images/fileexport.svg
 create mode 100755 mail/templates/pixelegg/images/kmmsgread.svg
 create mode 100755 mail/templates/pixelegg/images/read_flagged_small.svg
 create mode 100755 mail/templates/pixelegg/images/unread_flagged_small.svg

diff --git a/addressbook/templates/pixelegg/app.css b/addressbook/templates/pixelegg/app.css
index 9db8a66638..01666106b2 100755
--- a/addressbook/templates/pixelegg/app.css
+++ b/addressbook/templates/pixelegg/app.css
@@ -241,9 +241,7 @@ fieldset.emailGroup {
   div#addressbook-index div.et2_hbox_right button#addressbook-index_search {
     background-color: #f0f0f0;
     border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
+    /*.box_shadow_standard_light;*/
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
@@ -260,7 +258,7 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
-    background-color: #b4b4b4;
+    background-color: #e6e6e6;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
@@ -273,9 +271,7 @@ fieldset.emailGroup {
   div#addressbook-index div.et2_hbox_right button#addressbook-index_search:hover {
     background-image: url('../../../pixelegg/images/advanced-search.png');
     border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
+    /*.box_shadow_standard_light;*/
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
@@ -292,7 +288,7 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
-    background-color: #b4b4b4;
+    background-color: #e6e6e6;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
@@ -306,9 +302,7 @@ fieldset.emailGroup {
   div#addressbook-index div.et2_hbox_right button#addressbook-index_search:focus {
     background-image: url('../../../pixelegg/images/advanced-search.png');
     border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
+    /*.box_shadow_standard_light;*/
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
@@ -325,7 +319,7 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
-    background-color: #b4b4b4;
+    background-color: #e6e6e6;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
@@ -394,56 +388,6 @@ fieldset.emailGroup {
     /*        div.et2_hbox,
         div.et2_box_widget*/
   }
-  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] {
-    /*                .Complete_Button_add;
-                height: auto;
-                .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;}
-                img.et2_button {margin-top: -15px;}*/
-    /*         div.et2_box_widget{
-                        background-color: @egw_color_blue_lighter !important;
-                        color: #FFF;
-                        text-shadow: none;
-//                        height: 35px;
-                        background-image: none !important;
-                        .border_radius_button_lefttop;
-
-                        &:before {content: "+";font-size: 2em;color: @egw_color_1;}
-
-                            .border_radius_button_lefttop;
-                            .box_shadow_standard_light;
-
-                            height: 39px; // hieght of add-item
-
-                            .infolog_headertext{color: #FFF !important; font-size: 11px;}
-
-                      
-                      &:hover {.box_shadow_standard_light_hover; background-color: @egw_color_blue_lightest !important;}
-                      
-                      
-                      img#infolog-index_add[id="task"] {background-color: @gray-0; }
-                      
-                      // IMG
-                        img {
-
-                            .Complete_Button_Icon_normal;
-                            .dimension_width_height_s;
-                            margin-right: 0.5em;
-                            padding: 2px;
-                            margin-top: -2px;
-                            vertical-align: middle;
-
-                            &:hover{.Complete_Button_Icon_hover ;}
-                            &:active{.Complete_Button_Icon_active ;}
-
-                        }
-                    }*/
-  }
   .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget {
     /*border: 1px solid rgba(0, 0, 0, 0.15);*/
     /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
@@ -481,15 +425,7 @@ fieldset.emailGroup {
     padding: 0px;
     margin-top: 0px;
     vertical-align: middle;
-    background-color: #0c5da5;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-    background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
-    background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
-    background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
-    background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
-    background-image: linear-gradient(top, #0c5da5, #0c5da5);
-    background-repeat: repeat-x;
+    /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
   }
   .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:hover {
     /*.background_color_20_gray;*/
@@ -545,15 +481,7 @@ fieldset.emailGroup {
     -ms-transform: scale(1.5);
     transform: scale(1.5);
     margin: 0.5em;
-    background-color: #0c5da5;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-    background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
-    background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
-    background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
-    background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
-    background-image: linear-gradient(top, #0c5da5, #0c5da5);
-    background-repeat: repeat-x;
+    background: #ffffff;
   }
   .et2_container[id^="infolog-index-addressbook"] .egwGridView_scrollarea {
     overflow-y: scroll !important;
@@ -655,9 +583,7 @@ fieldset.emailGroup {
   }
   div.addressbook_edit_general_picture img.photo {
     border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
+    /*.box_shadow_standard_light;*/
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
@@ -674,7 +600,7 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
-    background-color: #b4b4b4;
+    background-color: #e6e6e6;
   }
   div.addressbook_edit_general_picture img.photo:hover {
     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@@ -819,7 +745,7 @@ fieldset.emailGroup {
     margin-top: 12px;
     margin-left: 1em;
     height: auto;
-    background-color: #d9d9d9;
+    /*.background_color_15_gray;*/
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
@@ -870,7 +796,7 @@ fieldset.emailGroup {
     margin-top: 10px;
     margin-left: 1em;
     height: auto;
-    background-color: #d9d9d9;
+    /*.background_color_15_gray;*/
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
@@ -975,12 +901,8 @@ fieldset.emailGroup {
     border-radius: 5px;
     margin-left: 2px;
     border-top: 1px solid #b4b4b4 !important;
-  }
-  #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid tr:nth-child(even) {
-    background: #ffffff;
-  }
-  #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid tr:nth-child(odd) {
-    background: #fafafa;
+    /*tr:nth-child(even) {background: @color_even;}*/
+    /*tr:nth-child(odd) {background: @color_odd;}*/
   }
   #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid td {
     padding: 5px 0px 5px 3px;
@@ -1066,10 +988,10 @@ fieldset.emailGroup {
     -moz-border-radius: 3px;
     border-radius: 3px;
     float: left;
-    margin: 0.5em 2em;
-    padding: 0.5em;
-    height: 32px;
-    width: 32px;
+    /*margin: 0.5em 2em;*/
+    padding: 5px;
+    width: 24px;
+    height: 24px;
   }
   div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:hover {
     /*.background_color_20_gray;*/
@@ -1092,6 +1014,10 @@ fieldset.emailGroup {
     box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
     background-color: #1aa200;
   }
+  div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to div.et2_file {
+    width: 350px;
+    margin-left: 100px;
+  }
   div#addressbook-edit_addressbook-edit-links table#addressbook-edit_link_to {
     overflow-y: scroll;
   }
@@ -1139,9 +1065,7 @@ fieldset.emailGroup {
 ################################################################*/
   button.button_more {
     border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
+    /*.box_shadow_standard_light;*/
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
@@ -1158,13 +1082,14 @@ fieldset.emailGroup {
     -moz-transition-timing-function: linear;
     -o-transition-timing-function: linear;
     transition-timing-function: linear;
-    background-color: #b4b4b4;
+    background-color: #e6e6e6;
     padding-left: 30px !important;
     background-position: 6px center !important;
     background-repeat: no-repeat !important;
     background-size: 20px auto !important;
     width: auto;
     height: 32px;
+    height: 24px;
     background-image: url('../images/edit.png');
   }
   div.addressbook.edit.general table {
diff --git a/addressbook/templates/pixelegg/app.less b/addressbook/templates/pixelegg/app.less
index a847fb1196..ddf9a0da6e 100755
--- a/addressbook/templates/pixelegg/app.less
+++ b/addressbook/templates/pixelegg/app.less
@@ -192,55 +192,7 @@ div#addressbook-index{
 /*        div.et2_hbox,
         div.et2_box_widget*/
         .et2_hbox_right[id*="_infolog-index-header_right"]{
-/*                .Complete_Button_add;
-                height: auto;
-                .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;}
-                img.et2_button {margin-top: -15px;}*/
-
-/*         div.et2_box_widget{
-                        background-color: @egw_color_blue_lighter !important;
-                        color: #FFF;
-                        text-shadow: none;
-//                        height: 35px;
-                        background-image: none !important;
-                        .border_radius_button_lefttop;
-
-                        &:before {content: "+";font-size: 2em;color: @egw_color_1;}
-
-                            .border_radius_button_lefttop;
-                            .box_shadow_standard_light;
-
-                            height: 39px; // hieght of add-item
-
-                            .infolog_headertext{color: #FFF !important; font-size: 11px;}
-
-                      
-                      &:hover {.box_shadow_standard_light_hover; background-color: @egw_color_blue_lightest !important;}
-                      
-                      
-                      img#infolog-index_add[id="task"] {background-color: @gray-0; }
-                      
-                      // IMG
-                        img {
-
-                            .Complete_Button_Icon_normal;
-                            .dimension_width_height_s;
-                            margin-right: 0.5em;
-                            padding: 2px;
-                            margin-top: -2px;
-                            vertical-align: middle;
-
-                            &:hover{.Complete_Button_Icon_hover ;}
-                            &:active{.Complete_Button_Icon_active ;}
-
-                        }
-                    }*/
                 
                     div.et2_box_widget{
                         /*border: 1px solid rgba(0, 0, 0, 0.15);*/
@@ -271,7 +223,7 @@ div#addressbook-index{
                             padding: 0px;
                             margin-top: 0px;
                             vertical-align: middle;                            
-                            .gradient_vertical (@egw_color_2_a, @egw_color_2_a);
+                            /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
 
                             &:hover{.Complete_Button_Icon_hover ;}
 
@@ -291,7 +243,7 @@ div#addressbook-index{
                           &:before {content: ""; font-size: 1em;padding-left: 5px;}
                           /*Text*/
                           span {visibility: hidden; display: none;};
-                         img {.scale; margin: 0.5em; .gradient_vertical (@egw_color_2_a, @egw_color_2_a);} 
+                         img {.scale; margin: 0.5em; background: @gray_0;} 
                       }
                     }  
 
@@ -590,7 +542,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;}
 
@@ -633,7 +585,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;}
 
@@ -672,17 +624,7 @@ div#addressbook-search{
             background-size: 16px 16px;
             background-image: url('images/email.png');
         }
-
-
-
-
         }
-
-
-
-
-
-
     }
 
     fieldset.emailGroup * img {display: none !important; width: 20px;} // Bilder ausblenden
@@ -722,8 +664,8 @@ div#addressbook-search{
                      
                         margin-left: 2px;
                         border-top: 1px solid @gray_30 !important;
-                        tr:nth-child(even) {background: @color_even;}
-                        tr:nth-child(odd) {background: @color_odd;} 
+                        /*tr:nth-child(even) {background: @color_even;}*/
+                        /*tr:nth-child(odd) {background: @color_odd;}*/ 
                         td {padding: 5px 0px 5px 3px;}
                  }
                 
@@ -850,10 +792,9 @@ div#addressbook-edit_addressbook-edit-links {
         img.et2_button_icon {
             .Complete_Button_Icon_normal;
             float: left;
-            margin: 0.5em 2em;
-            padding: 0.5em;
-            height: 32px;
-            width: 32px;
+            /*margin: 0.5em 2em;*/
+            padding: 5px;
+            .dimension_width_height_m;
 
             &:hover {.Complete_Button_Icon_hover;}
             &:active {.Complete_Button_Icon_active;}
@@ -861,14 +802,13 @@ div#addressbook-edit_addressbook-edit-links {
 
 
         // Upload
-        div.et2_file {}
+        div.et2_file {
+            width: 350px;
+            margin-left: 100px;
+        }
 
     }
-
     table#addressbook-edit_link_to {overflow-y: scroll;}
-
-
-
 }
 
 
@@ -958,6 +898,7 @@ div#addressbook-edit_addressbook-edit-links {
 
 button.button_more {
     .Complete_Button_text_icon_before;
+    .dimension_height_m;
     background-image:url('../images/edit.png');
 }
 
diff --git a/admin/templates/default/categories.edit.xet b/admin/templates/default/categories.edit.xet
index 127a5aee81..2be8f59bc1 100644
--- a/admin/templates/default/categories.edit.xet
+++ b/admin/templates/default/categories.edit.xet
@@ -23,8 +23,8 @@
 									<checkbox align="center" label="Do you also want to delete all global subcategories ?" id="delete[subs]" span="all"/>
 								</row>
 								<row height="40">
-									<button align="center" label="Delete" id="delete[delete]"/>
-									<buttononly align="center" label="Cancel" id="delete[cancel]" onclick="set_style_by_class('fieldset','confirmDelete','display','none');"/>
+									<button align="center" label="Delete" id="delete[delete]" image="delete" background_image="1"/>
+									<buttononly align="center" label="Cancel" id="delete[cancel]" onclick="set_style_by_class('fieldset','confirmDelete','display','none');" image="cancel" background_image="1"/>
 								</row>
 							</rows>
 						</grid>
@@ -106,14 +106,14 @@
 					<description value="Modified"/>
 					<date-time id="last_mod" readonly="true"/>
 				</row>
-				<row>
+				<row class="dialog-footer-toolbar">
 					<hbox>
-						<button label="Save" id="button[save]" onclick="return app.admin.check_owner(widget);"/>
-						<button label="Apply" id="button[apply]" onclick="return app.admin.check_owner(widget);"/>
+						<button label="Save" id="button[save]" onclick="return app.admin.check_owner(widget);" image="save" background_image="1"/>
+						<button label="Apply" id="button[apply]" onclick="return app.admin.check_owner(widget);" image="apply" background_image="1"/>
 					</hbox>
 					<hbox>
-						<buttononly label="Cancel" id="button[cancel]" onclick="window.close();"/>
-						<buttononly align="right" statustext="Delete this category" label="Delete" id="button[delete]" onclick="et2_dialog.confirm(widget,'Are you sure you want to delete this category ?'); return false;"/>
+						<buttononly label="Cancel" id="button[cancel]" onclick="window.close();" image="cancel" background_image="1"/>
+						<buttononly align="right" statustext="Delete this category" label="Delete" id="button[delete]" onclick="et2_dialog.confirm(widget,'Are you sure you want to delete this category ?'); return false;" image="delete" background_image="1"/>
 					</hbox>
 				</row>
 			</rows>
diff --git a/admin/templates/pixelegg/app.css b/admin/templates/pixelegg/app.css
index 150d98a33d..381152dfe8 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 44587 2013-11-18 19:57:38Z ralfbecker $
+ * @version $Id: app.css 45312 2014-01-20 19:11:35Z hnategh $
  */
 .admin_tree table,
 .admin_tree tr,
@@ -49,6 +49,16 @@ tr.adminAccountInactive .adminStatus {
 img.admin_aclApp {
   width: 16px;
 }
+td.admin_userAgent {
+  max-width: 200px;
+}
+td.admin_userAgent span {
+  display: block;
+  white-space: nowrap;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 @media all {
   /* #############################################################################
 // iframe
@@ -68,260 +78,8 @@ img.admin_aclApp {
     background-color: transparent;
     /*.egwGridView_scrollarea { min-height: 500px;}*/
   }
-  #addressbook-index {
-    height: 100%;
-  }
-  #addressbook-edit {
-    height: auto;
-    min-height: 390px;
-    overflow: auto;
-  }
-  div#addressbook-index div.et2_hbox_left {
-    padding: 4px 0px;
-  }
-  div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view {
-    -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);
-    width: auto;
-    margin: 5px 0em 5px 5px;
-    padding: 3px;
-    outline: none;
-    display: inline-block;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    cursor: pointer;
-    height: 35px;
-    margin-top: 0;
-  }
-  div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view:hover {
-    -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;
-    margin-right: 1em;
-  }
-  div#addressbook-index div.et2_hbox_right select.et2_selectbox {
-    -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);
-    width: auto;
-    margin: 5px 0em 5px 5px;
-    padding: 3px;
-    outline: none;
-    display: inline-block;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    cursor: pointer;
-    height: 35px;
-    margin-left: 5px;
-  }
-  div#addressbook-index div.et2_hbox_right select.et2_selectbox:hover {
-    -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;
-    border-width: 1px;
-    border-style: solid;
-    border-color: #b4b4b4;
-    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
-    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
-  }
-  div#addressbook-index div.et2_hbox_right button#addressbook-index_search {
-    background-color: #f0f0f0;
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
-    -webkit-border-radius: 3px;
-    -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;
-    background-image: url('../../../pixelegg/images/advanced-search.png') !important;
-    padding-left: 0px;
-  }
-  div#addressbook-index div.et2_hbox_right button#addressbook-index_search:hover {
-    background-image: url('../../../pixelegg/images/advanced-search.png');
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
-    -webkit-border-radius: 3px;
-    -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 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');
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
-    -webkit-border-radius: 3px;
-    -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 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: @egw_color_blue_lighter !important;*/
-    color: #FFF;
-    text-shadow: none;
-    /*    height: auto;*/
-    background-image: none !important;
-    /*.border_radius_button_lefttop;*/
-  }
-  div#addressbook-index div.et2_hbox_right button#addressbook-index_add:before {
-    content: "+";
-    font-size: 1.5em;
-    color: #ffc200;
-    line-height: 1.1em;
-  }
-  div#addressbook-index div.et2_hbox_right button#addressbook-index_add:hover {
-    background-color: #66a1d2 !important;
-    color: #ffc200;
-    -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: 10px;
-    -moz-border-radius: 3px;
-    -moz-border-radius-topleft: 10px;
-    border-radius: 3px;
-    border-top-left-radius: 10px;
-  }
-  div#addressbook-index div.filters select#infolog-index_cat_id {
-    width: 10%;
-    margin-left: 1em;
-  }
-  div#addressbook-index div.filters select#infolog-index_filter {
-    width: 10%;
-  }
-  div#addressbook-index div.filters select#infolog-index_filter2 {
-    width: 10%;
-  }
-  div#addressbook-index table.egwGridView_outer {
-    width: 99%;
-  }
-  /*##################################################################*/
-  /*Infolog*/
-  .et2_container[id^="infolog-index-addressbook"] {
-    /*height: auto;*/
-    padding: 1em;
-    /*min-height: 250px;*/
-    /*ADD*/
-    /*        div.et2_hbox,
-        div.et2_box_widget*/
-  }
-  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] {
-    /*background-color: @egw_color_blue_lighter !important;*/
-    color: #FFF;
-    text-shadow: none;
-    /*    height: auto;*/
-    background-image: none !important;
-    /*.border_radius_button_lefttop;*/
-    /*height: auto;*/
-    color: #ffffff;
-    font-size: 0.9em;
-  }
-  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:before {
-    content: "+";
-    font-size: 1.5em;
-    color: #ffc200;
-    line-height: 1.1em;
-  }
-  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"]:before {
-    padding-left: 5px;
-  }
-  .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 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: 10px;
-    -moz-border-radius: 3px;
-    -moz-border-radius-topleft: 10px;
-    border-radius: 3px;
-    border-top-left-radius: 10px;
-  }
-  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] span.et2_label {
-    color: #ffffff;
-    font-size: 0.9em;
-    padding-right: 11px;
-  }
-  .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] img.et2_button {
-    margin-top: -15px;
+  iframe#admin-index_iframe #admin-categories-index {
+    padding: 10px;
   }
   /*###########################################
 #                                           #
@@ -341,633 +99,7 @@ img.admin_aclApp {
 #                                           #
 #                                           #
 ##############################################*/
-  #addressbook-edit_addressbook-edit-general table.addressbook_edit_general {
-    width: 100%;
-    height: 286px;
-  }
-  #addressbook-edit_addressbook-edit-general table.addressbook_edit_general td.addressbook_edit_general_right {
-    widtH: 20%;
-    vertical-align: top;
-    text-align: center;
-  }
-  #addressbook-edit tr.dialog-footer-toolbar label.et2_label {
-    top: 0px !important;
-  }
-  /*#######################################################*/
-  /*State: Address selected*/
-  /*Layout*/
-  /*##############################
-#                #             #
-#                #  Phone      #
-#  Address       #             #
-#                #  Email      #
-#                #             #
-#    left        #  right      #
-################################ */
-  td.addressbook_edit_left_td {
-    min-width: 500px;
-    max-width: 100%;
-    width: 70%;
-  }
-  td.addressbook_edit_right_td {
-    min-width: 300px;
-    max-width: 100%;
-    width: 30%;
-  }
-  .egw_fw_ui_tab_content #addressbook-edit .et2_tabs {
-    max-height: 25em;
-    height: 296px;
-  }
-  /* popup window */
-  #popupMainDiv #addressbook-edit .et2_tabs {
-    height: 400px;
-  }
-  /*############ tabbox##############################################*/
-  /*# et2_tabheader # et2_tabheader # et2_tabheader # et2_tabheader #*/
-  /*#################################################################*/
-  /*#                                                               #*/
-  /*#                                                               #*/
-  /*#                                                               #*/
-  /*#               et2_tabs                                        #*/
-  /*#                                                               #*/
-  /*#                                                               #*/
-  /*#################################################################*/
-  /*#addressbook-edit .et2_tabbox {
-    max-width: 100%;
-    min-width: 530px;
-    width: 550px
-}*/
-  /*#######################################################*/
-  /* Tab Generell */
-  .leftPad5 {
-    padding-left: 0px;
-  }
-  /*##################
-#                #
-#                #
-#  Picture       #
-#                #
-#                #
-##################*/
-  /*Div Image*/
-  div.addressbook_edit_general_picture {
-    /*Picture*/
-  }
-  div.addressbook_edit_general_picture img {
-    width: 180% !important;
-    max-width: 100px !important;
-    height: auto !important;
-  }
-  div.addressbook_edit_general_picture img.photo {
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
-    -webkit-border-radius: 3px;
-    -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 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 {
-    background-color: #f0f0f0;
-    width: auto;
-    border-top: solid 1px #000000;
-    border-left: solid 1px #000000;
-    border-right: solid 1px #000000;
-    border-bottom: solid 1px #000000;
-    left: 30%;
-    top: 289px;
-  }
-  /*Search*/
-  div#addressbook-edit,
-  div#addressbook-search {
-    margin: 0;
-    padding: 0.5em;
-  }
-  div#addressbook-edit .chzn-container,
-  div#addressbook-search .chzn-container {
-    width: 60% !important;
-  }
-  div#addressbook-edit .et2_tabheader,
-  div#addressbook-search .et2_tabheader {
-    margin-top: 0px;
-    background-color: transparent;
-  }
-  div#addressbook-edit table.editphones,
-  div#addressbook-search table.editphones {
-    width: auto !important;
-    top: 5%;
-    -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);
-  }
-  div#addressbook-edit table.et2_grid,
-  div#addressbook-search table.et2_grid {
-    width: 100%;
-    border-top: 0px;
-  }
-  div#addressbook-edit table.et2_grid img,
-  div#addressbook-search table.et2_grid img {
-    width: 16px;
-    height: 16px;
-  }
-  div#addressbook-edit table.addressbook_edit_general,
-  div#addressbook-search table.addressbook_edit_general {
-    border-top: 0px;
-    /*POPUP*/
-    /* edit Name */
-  }
-  div#addressbook-edit table.addressbook_edit_general tr td:first-child,
-  div#addressbook-search table.addressbook_edit_general tr td:first-child {
-    width: 20%;
-  }
-  div#addressbook-edit table.addressbook_edit_general tr td,
-  div#addressbook-search table.addressbook_edit_general tr td {
-    width: auto;
-  }
-  div#addressbook-edit table.addressbook_edit_general table tr td:first-child,
-  div#addressbook-search table.addressbook_edit_general table tr td:first-child {
-    width: 60px;
-  }
-  div#addressbook-edit table.addressbook_edit_general table tr td,
-  div#addressbook-search table.addressbook_edit_general table tr td {
-    width: 200px;
-  }
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_n_fn,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_n_fn {
-    width: 95%;
-  }
-  div#addressbook-edit table.addressbook_edit_general table.editname,
-  div#addressbook-search table.addressbook_edit_general table.editname {
-    background-color: #f0f0f0;
-    z-index: 10;
-    font-size: 1em;
-  }
-  div#addressbook-edit table.addressbook_edit_general table.editname tr td:first-child,
-  div#addressbook-search table.addressbook_edit_general table.editname tr td:first-child {
-    width: 40% !important;
-    font-weight: bold;
-    padding: 3px 0;
-  }
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_title,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_title {
-    width: 95%;
-  }
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_role,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_role {
-    width: 95%;
-  }
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_name,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_name {
-    width: 95%;
-  }
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_unit,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_unit {
-    width: 95%;
-  }
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street,
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street2,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street2 {
-    width: 95%;
-  }
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode {
-    width: 10%;
-  }
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_locality,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_locality {
-    width: 83%;
-  }
-  div#addressbook-edit table.addressbook_edit_general .chzn-container,
-  div#addressbook-search table.addressbook_edit_general .chzn-container {
-    width: 95% !important;
-  }
-  div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_region,
-  div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_region {
-    width: 95%;
-  }
-  div#addressbook-edit table.addressbook_edit_general select.owner,
-  div#addressbook-search table.addressbook_edit_general select.owner {
-    width: 300px;
-  }
-  div#addressbook-edit div#addressbook-edit_addressbook-editphones,
-  div#addressbook-search div#addressbook-edit_addressbook-editphones {
-    margin-left: 1em;
-  }
-  div#addressbook-edit fieldset.phoneGroup,
-  div#addressbook-search fieldset.phoneGroup {
-    border: none;
-    margin-bottom: 0;
-    margin-top: 12px;
-    margin-left: 1em;
-    height: auto;
-    background-color: #d9d9d9;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-  }
-  div#addressbook-edit fieldset.phoneGroup legend,
-  div#addressbook-search fieldset.phoneGroup legend {
-    text-transform: uppercase;
-  }
-  div#addressbook-edit fieldset.phoneGroup .fixedHeight,
-  div#addressbook-search fieldset.phoneGroup .fixedHeight,
-  div#addressbook-edit fieldset.phoneGroup .telNumbers,
-  div#addressbook-search fieldset.phoneGroup .telNumbers {
-    height: auto;
-  }
-  div#addressbook-edit fieldset.phoneGroup table.et2_grid td.telNumbers,
-  div#addressbook-search fieldset.phoneGroup table.et2_grid td.telNumbers {
-    width: 155px;
-  }
-  div#addressbook-edit fieldset.phoneGroup table.et2_grid td.telNumbers input,
-  div#addressbook-search fieldset.phoneGroup table.et2_grid td.telNumbers input {
-    width: 140px !important;
-  }
-  div#addressbook-edit fieldset.phoneGroup * img,
-  div#addressbook-search fieldset.phoneGroup * img {
-    display: none !important;
-    width: 20px;
-  }
-  div#addressbook-edit fieldset.emailGroup,
-  div#addressbook-search fieldset.emailGroup {
-    border: none;
-    margin-bottom: 0;
-    margin-top: 10px;
-    margin-left: 1em;
-    height: auto;
-    background-color: #d9d9d9;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-  }
-  div#addressbook-edit fieldset.emailGroup legend,
-  div#addressbook-search fieldset.emailGroup legend {
-    text-transform: uppercase;
-  }
-  div#addressbook-edit fieldset.emailGroup table.et2_grid,
-  div#addressbook-search fieldset.emailGroup table.et2_grid {
-    margin-left: -7px;
-  }
-  div#addressbook-edit fieldset.emailGroup td,
-  div#addressbook-search fieldset.emailGroup td {
-    /*         a.et2_url:after {
-            content: "\221E";
-            font-size: 1.2em;
-        }*/
-  }
-  div#addressbook-edit fieldset.emailGroup td input,
-  div#addressbook-search fieldset.emailGroup td input {
-    width: 82%;
-  }
-  div#addressbook-edit fieldset.emailGroup td a.et2_url,
-  div#addressbook-search fieldset.emailGroup td a.et2_url {
-    margin-left: 5px;
-  }
-  div#addressbook-edit fieldset.emailGroup td a.et2_url:hover,
-  div#addressbook-search fieldset.emailGroup td a.et2_url:hover {
-    /*.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 fieldset.emailGroup td a.et2_url.url,
-  div#addressbook-search fieldset.emailGroup td a.et2_url.url {
-    /*.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);
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    background-size: 16px 16px;
-    background-image: url('images/url.png');
-  }
-  div#addressbook-edit fieldset.emailGroup td a.et2_url.email,
-  div#addressbook-search fieldset.emailGroup td a.et2_url.email {
-    /*.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);
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    background-size: 16px 16px;
-    background-image: url('images/email.png');
-  }
-  div#addressbook-edit fieldset.emailGroup * img,
-  div#addressbook-search fieldset.emailGroup * img {
-    display: none !important;
-    width: 20px;
-  }
-  #addressbook-edit_addressbook-edit-general #addressbook_edit_adr_one_countrycode_chzn {
-    width: 200px !important;
-    padding-top: 1em;
-  }
-  div#addressbook-edit_addressbook-edit-cats {
-    overflow: scroll;
-  }
-  #addressbook-edit_addressbook-edit-custom_private .th,
-  #addressbook-search_addressbook-edit-custom_private .th {
-    height: 20px;
-  }
-  #addressbook-edit_addressbook-edit-custom_private tbody,
-  #addressbook-search_addressbook-edit-custom_private tbody {
-    display: table-header-group;
-    vertical-align: top;
-  }
-  #addressbook-edit_addressbook-edit-home {
-    /*Birthday + Timezone*/
-    /*row*/
-  }
-  #addressbook-edit_addressbook-edit-home #addressbook_edit_adr_two_countrycode_chzn {
-    width: 200px !important;
-    padding-top: 0em;
-  }
-  #addressbook-edit_addressbook-edit-home .add_bday_timezone {
-    /*Birthday Label*/
-  }
-  #addressbook-edit_addressbook-edit-home .add_bday_timezone #addressbook_edit_tz_chzn {
-    width: 15% !important;
-    padding-top: 0em;
-  }
-  #addressbook-edit_addressbook-edit-home .add_bday_timezone label.et2_label {
-    padding-left: 1em;
-  }
-  /*################## Tab 4 Details ###############################*/
-  /*################## Tab 5  Verknüpfungen ###############################*/
-  #addressbook-edit_addressbook-edit-links .th,
-  #addressbook-search_addressbook-edit-links .th {
-    height: 20px;
-  }
-  #addressbook-edit_addressbook-edit-links tbody,
-  #addressbook-search_addressbook-edit-links tbody {
-    display: table-header-group;
-    vertical-align: top;
-  }
-  #addressbook-edit_addressbook-edit-links tr:first td,
-  #addressbook-search_addressbook-edit-links tr:first td {
-    height: 150px;
-  }
-  div#addressbook-edit_addressbook-edit-links {
-    /*overflow-y: scroll;*/
-    /*neue verknüpfung erstellen - div*/
-  }
-  div#addressbook-edit_addressbook-edit-links table.et2_grid tr:first td {
-    height: 150px;
-  }
-  div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to {
-    width: 100% !important;
-  }
-  div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to div#addressbook-edit_link_to_link_entry {
-    margin: 1em;
-  }
-  div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon {
-    /*.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);
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    float: left;
-    margin: 0.5em 2em;
-    padding: 0.5em;
-    height: 32px;
-    width: 32px;
-  }
-  div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:hover {
-    /*.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_30_gray;*/
-    border: 1px solid rgba(0, 0, 0, 0.9);
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    -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;
-  }
-  /*################## Tab 6  Verteilerlisten ###############################*/
-  /*seems to be ok*/
-  #addressbook-edit_addressbook-edit-distribution_list .th,
-  #addressbook-search_addressbook-edit-distribution_list .th {
-    height: 20px;
-  }
-  #addressbook-edit_addressbook-edit-distribution_list tbody,
-  #addressbook-search_addressbook-edit-distribution_list tbody {
-    display: table-header-group;
-    vertical-align: top;
-  }
-  /*################## Tab 7 Extra ###############################*/
-  /*seems to be ok*/
-  #addressbook-edit_addressbook-edit-custom .th,
-  #addressbook-search_addressbook-edit-custom .th {
-    height: 20px;
-  }
-  #addressbook-edit_addressbook-edit-custom tbody,
-  #addressbook-search_addressbook-edit-custom tbody {
-    display: table-header-group;
-    vertical-align: top;
-  }
-  /*################## Tab 8 Extra Privat###############################*/
-  /*seems to be ok*/
-  /*################## Tab 9 History ###############################*/
-  #addressbook-edit_addressbook-edit-history .th {
-    height: 20px;
-  }
-  #addressbook-edit_addressbook-edit-history tbody {
-    display: table-header-group;
-    vertical-align: top;
-  }
-  #addressbook-edit_addressbook-edit-history .et2_historylog div:first-child,
-  #addressbook-edit_addressbook-edit-history #addressbook-edit_history div:first-child {
-    height: auto !important;
-  }
-  #addressbook-edit_addressbook-edit-history .et2_historylog table.egwGridView_outer th.optcol span.selectcols,
-  #addressbook-edit_addressbook-edit-history #addressbook-edit_history table.egwGridView_outer th.optcol span.selectcols {
-    position: relative !important;
-  }
-  /*################################################################
-################################################################*/
-  button.button_more {
-    border: 1px solid rgba(0, 0, 0, 0.15);
-    -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);
-    -webkit-border-radius: 3px;
-    -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;
-    background-image: url('../images/edit.png');
-  }
-  div.addressbook.edit.general table {
-    border-top: 0px;
-  }
-  div.addressbook.edit.general table tr td img {
-    display: none;
-  }
-  div.addressbook.edit.general table img:nth-child(1) {
-    display: none;
-  }
-  div.addressbook.edit.general table img:nth-child(2) {
-    cursor: pointer;
-  }
-  .countrySelect select {
-    width: 150px;
-  }
-  .custom_country input {
-    display: none;
-  }
-  .contactid:before {
-    content: "#";
-  }
-  .emailCol div {
-    overflow: hidden;
-    width: 100%;
-  }
-  .redItalic {
-    color: red;
-    font-style: italic;
-  }
-  .bold {
-    font-weight: bold;
-  }
-  .fileas select,
-  .fileas,
-  .owner select,
-  .owner {
-    font-weight: bold;
-    width: 100%;
-  }
-  .photo img,
-  .iphoto img {
-    width: 60px;
-  }
-  .uploadphoto {
-    background-color: #cdcdcd;
-    border: 2px solid black;
-    display: none;
-    left: 48px;
-    padding: 4px;
-    position: absolute;
-    top: 168px;
-  }
-  table.uploadphoto {
-    width: 360px !important;
-    background-color: #cdcdcd !important;
-  }
-  .checkAllArrow {
-    padding-right: 5px;
-  }
-  .typeIcon {
-    height: 16px;
-    width: 16px;
-  }
-  .editphones,
-  .editname {
-    background-color: #FFFFFF;
-    border: 2px solid black;
-    display: none;
-    left: 30%;
-    padding: 4px;
-    position: absolute;
-    top: 10%;
-  }
-  .editname {
-    left: 137px;
-    top: 160px;
-  }
-  .windowheader {
-    background-image: url("../../../phpgwapi/templates/idots/images/appbox-header-background.png");
-    background-repeat: repeat-x;
-    border-bottom: 1px solid #9C9C9C;
-    border-collapse: collapse;
-    border-spacing: 0;
-    height: 20px;
-  }
-  .emailGroup table {
-    height: 87px;
-  }
-  .space {
-    width: 80px;
-  }
-  .noWrap {
-    white-space: nowrap;
-  }
-  .customfields td {
-    line-height: 12px;
-    white-space: nowrap;
-  }
-  .image16 img {
-    height: 16px;
-  }
-  .fixedHeight,
-  .telNumbers {
-    height: auto;
-  }
-}
-/*#################################### Media Queries #####################################################*/
-@media only screen and (min-width: 980px) and (max-width: 1279px) {
-  .nextmatch_header > .filters select {
-    margin: 0px;
+  #admin-categories-index {
+    padding: 10px;
   }
 }
diff --git a/admin/templates/pixelegg/app.less b/admin/templates/pixelegg/app.less
index e9a24e4093..da60ac9835 100755
--- a/admin/templates/pixelegg/app.less
+++ b/admin/templates/pixelegg/app.less
@@ -46,6 +46,8 @@ iframe#admin-index_iframe{
     
     #admin-categories-index{
         
+        padding: 10px;
+        
         table.et2_grid {
             
             #admin-categories-index_nm {
@@ -65,195 +67,14 @@ iframe#admin-index_iframe{
         
     }
     
-}
-
-
-
-
-
-#addressbook-index {
-  height: 100%;
-}
-#addressbook-edit {
-  height: auto;
-  min-height: 390px;
-  overflow:    auto;
-}
-
-
-
-div#addressbook-index{
-//    min-height: 700px;
-//    height: auto !important;
-
-    // ###########################
-    // linke Box
-    // ##########################
-    div.et2_hbox_left{
-
-        padding: 4px 0px;
-        // Org View
-        select#addressbook-index_org_view{
-            .Complete_Button_select;
-            height: 35px;
-            margin-top: 0;
-            &:hover{
-                .Complete_Button_select_hover;
-            }
-        }
-
-
-    }	// linke Box
-
-
-
-    // ###########################
-    // rechte Box
-    // ###########################
-    div.et2_hbox_right {
-        width: auto;
-        margin-right: 1em;
-
-
-        // Typ
-        select.et2_selectbox{
-            .Complete_Button_select;
-            height: 35px;
-            margin-left: 5px;
-
-            &:hover{.Complete_Button_select_hover;}
-            &:focus{.Complete_Button_select_focus;}
-        }
-
-        // erweiterte Suche
-        button#addressbook-index_search{
-
-            .background_color_10_gray;
-            .color_100_gray;
-
-            .Complete_Button_text_icon_before;
-            background-image:url('../../../pixelegg/images/advanced-search.png') !important;
-            padding-left: 0px;
-            &:hover{ background-image:url('../../../pixelegg/images/advanced-search.png'); .Complete_Button_text_icon_before_hover;}
-            &:focus{ background-image:url('../../../pixelegg/images/advanced-search.png'); .Complete_Button_text_icon_before_active;}
-
-        }
-
-        // hinzufügen
-        button#addressbook-index_add{
-            .Complete_Button_add;
-
-            &:hover {.Complete_Button_add_hover;}
-
-        }
-
-
-
-    } // rechte Box
-
-
-
-            div.filters {
-
-                // 1 Filter
-                select#infolog-index_cat_id {width: 10%; margin-left: 1em;}
-
-                // 2 Filter
-                select#infolog-index_filter {width: 10%;}
-
-                // 3 Filter
-                select#infolog-index_filter2 {width: 10%;}
-
-                // Suchfeld
-                input#infolog-index_search {
-                  }
-
-
-                // Suchen Button
-                button.et2_button {}
-            }
-
-
-
-    // Filter
-    .filters{
-//        #addressbook-index_cat_id{width: 7%;}
-//        #addressbook-index_filter{width:7%;}
-//        #addressbook-index_filter2{width: 10%;}
-
-
-    }// Filter
-
-    table.egwGridView_outer{
-        //			border-collapse: inherit;
-        width: 99%;
-    }
-
-
-
-
-
-
-
 } // iframe
 
 
-/*##################################################################*/
 
-/*Infolog*/
-
-.et2_container[id^="infolog-index-addressbook"] {
-
-    /*height: auto;*/
-    padding: 1em;
-    /*min-height: 250px;*/
-        /*ADD*/
-/*        div.et2_hbox,
-        div.et2_box_widget*/
-        .et2_hbox_right[id*="_infolog-index-header_right"]{
-                .Complete_Button_add;
-                /*height: auto;*/
-                .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;}
-                img.et2_button {margin-top: -15px;}
-
-                }
- }
-
-
-
-
-
-//******************************************************************
-// sidebar
-
-#egw_fw_sidemenu{
-
-    //Tabelle mit Ansichten des Kalenders
-
-    .egw_fw_ui_category_content{
-
-//        table {margin-left: -14px;}
-    }
-
-    // Bilder für Favoriten
-
-    img.sideboxstar {
-
-    }
-
-//    select {margin-top: -5px;}
-
-}
 
 
 // #############################################################################
-// Dialog addressbook
+// Dialog ADMIN
 
 /*###########################################
 #                                           #
@@ -275,706 +96,12 @@ div#addressbook-index{
 ##############################################*/
 
 
-
-#addressbook-edit_addressbook-edit-general {
-
-
-
-    table.addressbook_edit_general {
-        width:100%;
-        height:286px;
-    td.addressbook_edit_general_right {
-    	widtH: 20%;
-		vertical-align: top;
-		text-align: center;
-
-    }
-
+    #admin-categories-index{
+        
+        padding: 10px;
     }
 
 
-}
-
-#addressbook-edit tr.dialog-footer-toolbar label.et2_label {top: 0px !important;}
-
- /*#######################################################*/
-/*State: Address selected*/
-
-/*Layout*/
-/*##############################
-#                #             #
-#                #  Phone      #
-#  Address       #             #
-#                #  Email      #
-#                #             #
-#    left        #  right      #
-################################ */
-
-
-td.addressbook_edit_left_td {
-    min-width: 500px;
-    max-width: 100%;
-    width: 70%;
-}
-
-td.addressbook_edit_right_td {
-    min-width: 300px;
-    max-width: 100%;
-    width: 30%;
-}
-
-
-
-.egw_fw_ui_tab_content #addressbook-edit .et2_tabs {
-    max-height: 25em;
-    height: 296px;
-}
-
-/* popup window */
-#popupMainDiv #addressbook-edit .et2_tabs {
-    height: 400px;
-}
-
-
-
-/*############ tabbox##############################################*/
-/*# et2_tabheader # et2_tabheader # et2_tabheader # et2_tabheader #*/
-/*#################################################################*/
-/*#                                                               #*/
-/*#                                                               #*/
-/*#                                                               #*/
-/*#               et2_tabs                                        #*/
-/*#                                                               #*/
-/*#                                                               #*/
-/*#################################################################*/
-
-/*#addressbook-edit .et2_tabbox {
-    max-width: 100%;
-    min-width: 530px;
-    width: 550px
-}*/
-
-
-
-//table.et2_grid .addressbook_edit_general {width: 80% !important;}
-
-/*#######################################################*/
-/* Tab Generell */
-
-.leftPad5 {
- padding-left: 0px;
-}
-
-
-/*##################
-#                #
-#                #
-#  Picture       #
-#                #
-#                #
-##################*/
-/*Div Image*/
-div.addressbook_edit_general_picture {
-//        float: right;
-//         width: 180% !important;
-//         max-width: 100px !important;
-//         height: auto !important;
-//         margin-right: 10px;
-
-
-    img {
-            width: 180% !important;
-            max-width: 100px !important;
-            height: auto !important;
-    }
-
-    /*Picture*/
-
-// Photo
-        img.photo {
-            .Complete_Button_normal;
-            &:hover {.Complete_Button_hover;}
-        }
-
-// Photo Upload - POPUP
-
-        table.uploadphoto {
-            .background_color_10_gray;
-            width: auto;
-            .bordered(@gray_100, @gray_100, @gray_100, @gray_100);
-            left: 30%;
-            top: 289px;
-        }
-
-
-
-}
-
-
-/*Search*/
-div#addressbook-edit,
-div#addressbook-search{
-
-    //	.box_shadow_dialog;
-    //	.border_radius_button_normal;
-    margin: 0;
-    padding: 0.5em;
-
-    // Choosen Adresse
-    .chzn-container { width: 60% !important;}
-
-
-    .et2_tabheader {margin-top: 0px;background-color:transparent;}
-    // Tabelle
-    table.editphones{
-        width: auto !important;
-        top: 5%;
-        .box_shadow_standard_light;
-    }
-
-    table.et2_grid{
-        width: 100%;
-        border-top: 0px;
-
-        img {width: 16px; height: 16px;}
-
-    }
-
-
-    table.addressbook_edit_general{
-        //		background: red;
-
-        border-top: 0px;
-
-        tr td:first-child {width: 20%;}
-        tr td {width: auto;}
-
-        table tr td:first-child {width: 60px;}
-        table tr td {width: 200px;}
-
-
-        //Name
-        input#addressbook-edit_n_fn {width: 95%;}
-
-
-        /*POPUP*/
-         /* edit Name */
-        table.editname {
-            .background_color_10_gray;
-            z-index: 10;
-            font-size: 1em;
-
-            tr td:first-child {width: 40% !important;font-weight: bold; padding: 3px 0;}
-        }
-
-
-        //Titel
-        input#addressbook-edit_title {width: 95%;}
-        //Role
-        input#addressbook-edit_role {width: 95%;}
-
-        //Organisation
-        input#addressbook-edit_org_name  {width: 95%;}
-        //unit
-        input#addressbook-edit_org_unit {width: 95%;}
-        // Street
-        input#addressbook-edit_adr_one_street,
-        input#addressbook-edit_adr_one_street2 {width: 95%;}
-
-        // PLZ + Ort
-        input#addressbook-edit_adr_one_postalcode {width: 10%;}
-        input#addressbook-edit_adr_one_locality {width: 83%;}
-
-        // Choosen Adresse
-        .chzn-container { width: 95% !important;}
-
-        //region
-        input#addressbook-edit_adr_one_region {width: 95%;}
-
-
-        //Owner
-        select.owner {width: 300px;}
-    } // generell
-
-
-    // Telefonnummer:
-
-    div#addressbook-edit_addressbook-editphones {margin-left: 1em;}
-
-    fieldset.phoneGroup {
-        border: none;
-        margin-bottom: 0;
-        margin-top: 12px;
-        margin-left: 1em;
-        height: auto;
-        .background_color_15_gray;
-        .border_radius_button_normal;
-        legend { text-transform: uppercase;}
-
-        // Phonenumber Input Fields
-        .fixedHeight, .telNumbers {
-            height: auto;
-        }
-
-
-        table.et2_grid td.telNumbers{
-            width: 155px;
-            input { width: 140px !important; }
-
-        }
-
-        // Radio Box
-        input.et2_radiobox {};
-
-
-    }
-
-    fieldset.phoneGroup * img {display: none !important; width: 20px;} // Bilder ausblenden
-
-    .phoneGroup table {
-        //						    height: 122px;
-    }
-
-
-
-    // Email
-    fieldset.emailGroup {
-        border: none;
-        margin-bottom: 0;
-        margin-top: 10px;
-        margin-left: 1em;
-        height: auto;
-        .background_color_15_gray;
-        .border_radius_button_normal;
-        legend { text-transform: uppercase;}
-
-
-        table.et2_grid {margin-left: -7px;}
-
-        td {
-            input {width: 82%;}
-
-
-         // image after Link
-         a.et2_url {
-            margin-left: 5px;
-
-            &:hover {.Complete_Button_Icon_hover;}
-         }
-
-/*         a.et2_url:after {
-            content: "\221E";
-            font-size: 1.2em;
-        }*/
-
-        a.et2_url.url {
-            .Complete_Button_Icon_normal;
-            background-size: 16px 16px;
-            background-image: url('images/url.png');
-        }
-
-        a.et2_url.email {
-            .Complete_Button_Icon_normal;
-            background-size: 16px 16px;
-            background-image: url('images/email.png');
-        }
-
-
-
-
-        }
-
-
-
-
-
-
-    }
-
-    fieldset.emailGroup * img {display: none !important; width: 20px;} // Bilder ausblenden
-
-
-
-} // edit
-
-#addressbook-edit_addressbook-edit-general{
-    // Länderauswahl
-    #addressbook_edit_adr_one_countrycode_chzn{
-        width: 200px !important;
-        //		background-color: red !important;
-        padding-top: 1em;
-    }
-}
-
-
-
-
-
-// ################### Tab 2 / Kategorien ########################
+} // Media
 //
-// addressbook-edit_addressbook.edit.cats
-// in Adressbuch css ausgelagert
-
-//div#addressbook-edit_addressbook~\.edit~\.cats {background-color: red;}
-
-div#addressbook-edit_addressbook-edit-cats {overflow: scroll;}
-
-// ################## Tab 3 / Privat #############################
-// Privat
-
-#addressbook-edit_addressbook-edit-custom_private,
-#addressbook-search_addressbook-edit-custom_private{
-    .th{ height: 20px;}
-    tbody{
-        display: table-header-group;
-        vertical-align: top;
-    }
-}
-
-#addressbook-edit_addressbook-edit-home{
-
-    //	content: "hello I´m there";
-
-
-    // Länderauswahl
-
-    #addressbook_edit_adr_two_countrycode_chzn{
-        width: 200px !important;
-        //		background-color: red !important;
-        padding-top: 0em;
-    }
-
-
-    /*Birthday + Timezone*/
-    /*row*/
-    .add_bday_timezone {
-
-
-        // Timezone
-        #addressbook_edit_tz_chzn{
-                width: 15% !important;
-                padding-top: 0em;
-            }
-
-
-        /*Birthday Label*/
-        label.et2_label {padding-left: 1em;}
-    }
-
-
-
-}
- /*################## Tab 4 Details ###############################*/
-
-
-
- /*################## Tab 5  Verknüpfungen ###############################*/
-// Verknüpfungen
-
-#addressbook-edit_addressbook-edit-links,
-#addressbook-search_addressbook-edit-links{
-    .th{ height: 20px;}
-    tbody{
-        display: table-header-group;
-        vertical-align: top;
-
-    }
-
-    tr:first {
-        td {height: 150px;}
-    }
-
-}
-div#addressbook-edit_addressbook-edit-links {
-    /*overflow-y: scroll;*/
-
-
-    table.et2_grid {
-
-        tr:first td {height: 150px;}
-
-    }
-
-    /*neue verknüpfung erstellen - div*/
-    div#addressbook-edit_link_to {
-        width: 100% !important;
-
-
-        // 1. with Addressbook
-        div#addressbook-edit_link_to_link_entry{ margin: 1em;}
-
-
-        // 2. Icon
-        img.et2_button_icon {
-            .Complete_Button_Icon_normal;
-            float: left;
-            margin: 0.5em 2em;
-            padding: 0.5em;
-            height: 32px;
-            width: 32px;
-
-            &:hover {.Complete_Button_Icon_hover;}
-            &:active {.Complete_Button_Icon_active;}
-        }
-
-
-        // Upload
-        div.et2_file {}
-
-    }
-
-    table#addressbook-edit_link_to {overflow-y: scroll;}
-
-
-
-}
-
-
-
- /*################## Tab 6  Verteilerlisten ###############################*/
-
-/*seems to be ok*/
-// Verteilerliste
-
-#addressbook-edit_addressbook-edit-distribution_list,
-#addressbook-search_addressbook-edit-distribution_list{
-    .th{ height: 20px;}
-    tbody{
-        display: table-header-group;
-        vertical-align: top;
-    }
-
-
-
-}
- /*################## Tab 7 Extra ###############################*/
-/*seems to be ok*/
-// Extra
-#addressbook-edit_addressbook-edit-custom,
-#addressbook-search_addressbook-edit-custom{
-    .th{ height: 20px;}
-    tbody{
-        display: table-header-group;
-        vertical-align: top;
-    }
-}
- /*################## Tab 8 Extra Privat###############################*/
-/*seems to be ok*/
-
-
-
- /*################## Tab 9 History ###############################*/
- // History
-
- #addressbook-edit_addressbook-edit-history{
-
-    .th{ height: 20px;}
-    tbody{
-        display: table-header-group;
-        vertical-align: top;
-    }
-
-    table.et2_grid {
-    }
-
-
-     .et2_historylog,
-     #addressbook-edit_history{
-
-         div:first-child {height: auto !important;}
-
-
-         table.egwGridView_outer {
-
-
-             th.optcol {
-
-                 span.selectcols {position: relative !important;}
-
-             }
-
-         }
-
-     }
-
- }
-
-
-
-
-
-
-
-
-
-/*################################################################
-################################################################*/
-
-
-
-// mehr...Phonebuch
-
-button.button_more {
-    .Complete_Button_text_icon_before;
-    background-image:url('../images/edit.png');
-}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// #####################################################
-// Adresse editieren
-
-div.addressbook.edit.general{
-
-    table {
-        border-top: 0px;
-        tr td img {display: none;}
-        // Adressbuchbild unsichtbar
-        img:nth-child(1) {display:none;}
-        // Bild hochladen
-        img:nth-child(2)  {cursor:pointer;}
-
-
-    }
-
-}
-
-
-
-.cursorHand {
-}
-.countrySelect select {
-    width: 150px;
-}
-.custom_country input {
-    display: none;
-}
-.contactid:before {
-    content: "#";
-}
-.emailCol div {
-    overflow: hidden;
-    width: 100%;
-}
-.redItalic {
-    color: red;
-    font-style: italic;
-}
-
-
-.bold {
-    font-weight: bold;
-}
-.fileas select, .fileas, .owner select, .owner {
-    font-weight: bold;
-    width: 100%;
-}
-.photo img, .iphoto img {
-    width: 60px;
-}
-.photo img {
-}
-
-// Dialog Upload photo
-
-.uploadphoto {
-    background-color: @gray_20;
-    border: 2px solid black;
-    display: none;
-    left: 48px;
-    padding: 4px;
-    position: absolute;
-    top: 168px;
-}
-
-table.uploadphoto {width: 360px !important; background-color: @gray_20 !important;}
-
-
-
-
-
-.checkAllArrow {
-    padding-right: 5px;
-}
-.typeIcon {
-    height: 16px;
-    width: 16px;
-}
-.editphones, .editname {
-    background-color: #FFFFFF;
-    border: 2px solid black;
-    display: none;
-    left: 30%;
-    padding: 4px;
-    position: absolute;
-    top: 10%;
-}
-.editname {
-    left: 137px;
-    top: 160px;
-}
-.windowheader {
-    background-image: url("../../../phpgwapi/templates/idots/images/appbox-header-background.png");
-    background-repeat: repeat-x;
-    border-bottom: 1px solid #9C9C9C;
-    border-collapse: collapse;
-    border-spacing: 0;
-    height: 20px;
-}
-
-
-
-
-.emailGroup table {
-    height: 87px;
-}
-.space {
-    width: 80px;
-}
-.noWrap {
-    white-space: nowrap;
-}
-.customfields {
-}
-.customfields td {
-    line-height: 12px;
-    white-space: nowrap;
-}
-.image16 img {
-    height: 16px;
-}
-.fixedHeight,.telNumbers { height: auto;}
-
-
-
-} // Ende Media all
-
-/*#################################### Media Queries #####################################################*/
-
-@media only screen and (min-width: 980px) and (max-width: 1279px) {
-
-    .nextmatch_header > .filters select {  margin: 0px;}
-
-}
-
-@media only screen and (min-width: 760px) and (max-width: 979px) {
-
-}
-
-@media only screen and (min-width: 320px)  and (max-width: 759px) {
-
-}
-
-
-//
\ No newline at end of file
+//
\ No newline at end of file
diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css
index 1833190644..634ad5eea4 100755
--- a/calendar/templates/pixelegg/app.css
+++ b/calendar/templates/pixelegg/app.css
@@ -954,10 +954,12 @@ div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-s
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
-  background-size: 24px 24px;
-  width: 24px;
-  height: 24px;
-  margin-left: 1em;
+  background-size: 16px 16px;
+  width: 16px;
+  height: 16px;
+  margin-left: 3px;
+  position: relative;
+  top: 4px;
 }
 div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-search:hover {
   /*.background_color_20_gray;*/
@@ -980,6 +982,11 @@ div#calendar-edit #calendar-edit_calendar-edit-participants tbody span.ui-icon-s
   box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
   background-color: #1aa200;
 }
+div#calendar-edit #calendar-edit_calendar-edit-participants tbody input#calendar-edit_quantity {
+  width: 30px;
+  position: relative;
+  top: 4px;
+}
 div#calendar-edit #calendar-edit_calendar-edit-participants tbody div#calendar-edit_resource {
   margin: 5px 0 10px 0;
 }
@@ -989,6 +996,9 @@ div#calendar-edit #calendar-edit_calendar-edit-participants tbody div#calendar-e
 div#calendar-edit #calendar-edit_calendar-edit-participants tbody select#calendar-edit_role {
   margin-top: 6px;
 }
+div#calendar-edit #calendar-edit_calendar-edit-participants .et2_label {
+  padding: 0 5px 0 0;
+}
 div#calendar-edit #calendar-edit_calendar-edit-recurrence tbody {
   display: table;
   width: 100%;
@@ -1004,6 +1014,10 @@ div#calendar-edit #calendar-edit_calendar-edit-links tbody {
 div#calendar-edit #calendar-edit_calendar-edit-links tbody .et2_link_to {
   width: auto !important;
 }
+div#calendar-edit #calendar-edit_calendar-edit-links .et2_file {
+  margin-left: 100px;
+  width: 357px;
+}
 div#calendar-edit #calendar-edit_calendar-edit-links span.et2_label {
   padding: 1em;
 }
@@ -1379,9 +1393,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
 }
 .calendar_calDayTodos .calendar_calDayTodosHeader a img {
   border: 1px solid rgba(0, 0, 0, 0.15);
-  -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);
+  /*.box_shadow_standard_light;*/
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -1398,7 +1410,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #b4b4b4;
+  background-color: #e6e6e6;
   width: 16px;
   height: 16px;
 }
@@ -1675,9 +1687,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   border-spacing: 0px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.15);
-  -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);
+  /*.box_shadow_standard_light;*/
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -1694,7 +1704,7 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #b4b4b4;
+  background-color: #e6e6e6;
 }
 #delete_series {
   top: 100px;
diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less
index 007e7436d6..c0d9b9004d 100755
--- a/calendar/templates/pixelegg/app.less
+++ b/calendar/templates/pixelegg/app.less
@@ -491,13 +491,23 @@ div#calendar-edit{
 
             span.ui-icon-search {
                 .Complete_Button_Icon_normal;
-                background-size: 24px 24px;
-                .dimension_width_height_m;
-                margin-left: 1em;
+                background-size: 16px 16px;
+                .dimension_width_height_s;
+                margin-left: 3px;
+                position: relative;
+                top: 4px;
 
                 &:hover {.Complete_Button_Icon_hover;}
                 &active {.Complete_Button_Icon_active;}
             }
+            
+            // Quantity
+            input#calendar-edit_quantity {
+                width: 30px;
+                position: relative;
+                top: 4px;
+                
+            }
 
             // Ressourcen
 
@@ -507,7 +517,7 @@ div#calendar-edit{
                 select {margin-right: 3px;}
             }
 
-
+            
             // Rolle
 
             select#calendar-edit_role {margin-top: 6px;}
@@ -525,6 +535,10 @@ div#calendar-edit{
             //			}
 
         }
+        
+        // Table
+        .et2_label {padding: 0 5px 0 0;}
+        
     }
 
     /*###########################################*/
@@ -559,7 +573,8 @@ div#calendar-edit{
 
             .et2_link_to {width: auto !important;}
         }
-
+        
+        .et2_file {margin-left: 100px; width: 357px;}
         span.et2_label {padding:  1em;}
     }
 
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index 65d9e51224..811e93ad9f 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -798,6 +798,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
   background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4);
   background-image: linear-gradient(top, #ffffff, #e4e4e4);
   filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4');
+  height: 27px;
 }
 #mail-compose .mail-compose_toolbar span.sent {
   float: left;
@@ -870,7 +871,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
 #mail-compose .mail-compose_toolbar .mail-compose_button {
   height: 27px;
   margin-right: 3px !important;
-  margin-top: 0px !important;
+  margin-top: 0.7px !important;
   padding: 0 3px 0 0;
   text-align: left;
   font-weight: bold;
@@ -949,9 +950,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
 #mail-compose .mail-compose_toolbar .mail-compose_fileselector input#mail-compose_uploadForCompose {
   /*font-size: 0.7em;*/
   border: 1px solid rgba(0, 0, 0, 0.15);
-  -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);
+  /*.box_shadow_standard_light;*/
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -968,7 +967,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #b4b4b4;
+  background-color: #e6e6e6;
   padding-left: 30px !important;
   background-position: 6px center !important;
   background-repeat: no-repeat !important;
@@ -1086,9 +1085,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
 #mail-compose .mailComposeHeaders span#mail-compose_cc_expander,
 #mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander {
   border: 1px solid rgba(0, 0, 0, 0.15);
-  -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);
+  /*.box_shadow_standard_light;*/
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -1105,7 +1102,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #b4b4b4;
+  background-color: #e6e6e6;
   float: left;
   width: 47px;
   margin: 3px;
@@ -1123,9 +1120,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
 #mail-compose .mailComposeHeaders span#mail-compose_bcc_expander,
 #mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander {
   border: 1px solid rgba(0, 0, 0, 0.15);
-  -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);
+  /*.box_shadow_standard_light;*/
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
@@ -1142,7 +1137,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
   -moz-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
-  background-color: #b4b4b4;
+  background-color: #e6e6e6;
   float: left;
   width: 47px;
   margin: 3px;
diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less
index 81ec40da24..8ca5064950 100755
--- a/mail/templates/pixelegg/app.less
+++ b/mail/templates/pixelegg/app.less
@@ -325,6 +325,7 @@ div#mail-index{
 
         span.email-button-group {
             .span_tool_group;
+            height: 27px;
         }
 
         span.sent {float: left;}
@@ -372,7 +373,7 @@ div#mail-index{
         .mail-compose_button{
             height: 27px;
             margin-right: 3px !important;
-            margin-top: 0px !important;
+            margin-top: 0.7px !important;
             padding: 0 3px 0 0;
             text-align: left;
             font-weight: bold;
diff --git a/mail/templates/pixelegg/images/fileexport.svg b/mail/templates/pixelegg/images/fileexport.svg
new file mode 100755
index 0000000000..4d85a434d2
--- /dev/null
+++ b/mail/templates/pixelegg/images/fileexport.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">
+<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="mail_fileexport" 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>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M18.96,9.353c0,0.312-0.255,0.567-0.567,0.567h-2.302
+			c-0.312,0-0.567-0.255-0.567-0.567V3.221c0-0.312,0.255-0.567,0.567-0.567h2.302c0.312,0,0.567,0.255,0.567,0.567V9.353z"/>
+	</g>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M22.937,1.134H1.218v26.078h25.909V5.323L22.937,1.134z
+		 M6.671,1.867h14.712v7.838c0,0.492-0.398,0.891-0.891,0.891H7.562c-0.492,0-0.891-0.398-0.891-0.891V1.867z M24.029,24.973
+		c0,0.491-0.398,0.891-0.89,0.891H4.812c-0.491,0-0.891-0.399-0.891-0.891v-8.991c0-0.491,0.399-0.891,0.891-0.891H23.14
+		c0.491,0,0.89,0.399,0.89,0.891V24.973z"/>
+</g>
+</svg>
diff --git a/mail/templates/pixelegg/images/kmmsgread.svg b/mail/templates/pixelegg/images/kmmsgread.svg
new file mode 100755
index 0000000000..9f03a0ccb5
--- /dev/null
+++ b/mail/templates/pixelegg/images/kmmsgread.svg
@@ -0,0 +1,14 @@
+<?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">
+<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="mail_kmmsgread" 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="19.848,0.673 19.172,0.673 19.172,6.673 25.172,6.673 
+		25.172,5.698 	"/>
+	<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M16.172,0.673h-13v27h22v-18h-9V0.673z M5.172,11.673h8v2h-8
+		V11.673z M5.172,16.673h2v2h-2V16.673z M16.172,23.673h-11v-2h11V23.673z M23.172,23.673h-5v-2h5V23.673z M23.172,18.673h-3v-2h3
+		V18.673z M19.172,11.673h4v2h-4V11.673z M18.172,18.673h-9v-2h9V18.673z M17.172,11.673v2h-2v-2H17.172z"/>
+</g>
+</svg>
diff --git a/mail/templates/pixelegg/images/read_flagged_small.svg b/mail/templates/pixelegg/images/read_flagged_small.svg
new file mode 100755
index 0000000000..4332e281bd
--- /dev/null
+++ b/mail/templates/pixelegg/images/read_flagged_small.svg
@@ -0,0 +1,14 @@
+<?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">
+<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="mail_read_flagged_small" 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="#ECEDED" d="M22.048,7.987L8.32,0.796C7.604,0.443,6.876,0.265,6.156,0.265c-0.137,0-0.264,0.025-0.396,0.038v0.013
+	c-1.05,0.069-1.882,0.916-1.882,1.962v23.828c0,1.091,0.902,1.976,2.017,1.976c1.113,0,2.016-0.885,2.016-1.976v-5.122
+	c0.06-0.025,0.119-0.045,0.179-0.072l13.865-6.778c2.24-1.026,2.504-2.382,2.513-3.038C24.475,10.437,24.263,9.077,22.048,7.987z
+	 M18.768,11.4c-0.05,0.035-10.322,4.713-10.382,4.713c-0.25,0-0.449-0.192-0.475-0.437c-0.002-0.016-0.002-9.678,0-9.694
+	c0.025-0.244,0.225-0.437,0.475-0.437c0.046,0,0.087,0.015,0.129,0.026c0.058,0.016,10.176,5.007,10.19,5.014
+	c0.157,0.08,0.269,0.239,0.269,0.429C18.974,11.176,18.889,11.312,18.768,11.4z"/>
+</svg>
diff --git a/mail/templates/pixelegg/images/unread_flagged_small.svg b/mail/templates/pixelegg/images/unread_flagged_small.svg
new file mode 100755
index 0000000000..86c40c0f31
--- /dev/null
+++ b/mail/templates/pixelegg/images/unread_flagged_small.svg
@@ -0,0 +1,11 @@
+<?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">
+<?xml-stylesheet type="text/css" href="../../../../pixelegg/less/svg.css" ?>
+<svg version="1.1" id="mail_unread_flagged_small"
+	 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="#ECEDED" d="M22.047,7.987L8.319,0.796C7.603,0.443,6.875,0.265,6.155,0.265c-0.137,0-0.264,0.025-0.396,0.038v0.013
+	C4.71,0.385,3.878,1.231,3.878,2.277v23.828c0,1.091,0.902,1.976,2.017,1.976c1.113,0,2.016-0.885,2.016-1.976v-5.122
+	c0.06-0.025,0.119-0.045,0.179-0.072l13.865-6.778c2.24-1.026,2.504-2.382,2.513-3.038C24.474,10.437,24.262,9.077,22.047,7.987z"/>
+</svg>
diff --git a/preferences/templates/pixelegg/app.css b/preferences/templates/pixelegg/app.css
index 69be1e1e10..ae89f19e17 100755
--- a/preferences/templates/pixelegg/app.css
+++ b/preferences/templates/pixelegg/app.css
@@ -145,17 +145,9 @@ textarea.prefValue {
   -webkit-appearance: button;
   padding: 10px;
 }
-img[src$="svg"] {
-  background-color: #0c5da5;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
-  background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5));
-  background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: -o-linear-gradient(top, #0c5da5, #0c5da5);
-  background-image: linear-gradient(top, #0c5da5, #0c5da5);
-  background-repeat: repeat-x;
-}
+/*img[src$="svg"]{
+            .gradient_vertical (@egw_color_2_a, @egw_color_2_a);
+}*/
 /*Preferences APP / left */
 .prefApp {
   background-image: url(../pixelegg/images/setup.png);
diff --git a/preferences/templates/pixelegg/app.less b/preferences/templates/pixelegg/app.less
index 22d68a2466..09854932b4 100755
--- a/preferences/templates/pixelegg/app.less
+++ b/preferences/templates/pixelegg/app.less
@@ -103,9 +103,9 @@ tr.prefRow:hover .prefHelp {
 
 
 
-img[src$="svg"]{
+/*img[src$="svg"]{
             .gradient_vertical (@egw_color_2_a, @egw_color_2_a);
-}
+}*/