diff --git a/addressbook/templates/pixelegg/app.css b/addressbook/templates/pixelegg/app.css
index 6bd0efe345..0198012a84 100755
--- a/addressbook/templates/pixelegg/app.css
+++ b/addressbook/templates/pixelegg/app.css
@@ -184,9 +184,9 @@ fieldset.emailGroup {
     padding: 4px 0px;
   }
   div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view {
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
     width: auto;
     margin: 5px 0em 5px 5px;
     padding: 3px;
@@ -209,9 +209,9 @@ fieldset.emailGroup {
     margin-right: 1em;
   }
   div#addressbook-index div.et2_hbox_right select.et2_selectbox {
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
     width: auto;
     margin: 5px 0em 5px 5px;
     padding: 3px;
@@ -241,9 +241,12 @@ 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: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
     color: #000000;
     padding-left: 30px !important;
     background-position: 6px center !important;
@@ -257,9 +260,12 @@ 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: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
     color: #000000;
     padding-left: 30px !important;
     background-position: 6px center !important;
@@ -274,9 +280,12 @@ 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: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
     color: #000000;
     padding-left: 30px !important;
     background-position: 6px center !important;
@@ -486,9 +495,12 @@ fieldset.emailGroup {
   }
   div.addressbook_edit_general_picture img.photo {
     border: 1px solid rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
     color: #000000;
   }
   div.addressbook_edit_general_picture img.photo:hover {
@@ -500,12 +512,12 @@ fieldset.emailGroup {
   div.addressbook_edit_general_picture table.uploadphoto {
     background-color: #f0f0f0;
     width: auto;
-    border-top: solid 1px #e6e6e6;
-    border-left: solid 1px #e6e6e6;
-    border-right: solid 1px #e6e6e6;
-    border-bottom: solid 1px #e6e6e6;
-    left: 243px;
-    top: 189px;
+    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,
@@ -526,9 +538,9 @@ fieldset.emailGroup {
   div#addressbook-search table.editphones {
     width: auto !important;
     top: 5%;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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 {
@@ -708,9 +720,9 @@ fieldset.emailGroup {
   div#addressbook-edit fieldset.emailGroup td a.et2_url.url,
   div#addressbook-search fieldset.emailGroup td a.et2_url.url {
     background-color: #f0f0f0;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
     border: 1px solid rgba(0, 0, 0, 0.15);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
@@ -721,9 +733,9 @@ fieldset.emailGroup {
   div#addressbook-edit fieldset.emailGroup td a.et2_url.email,
   div#addressbook-search fieldset.emailGroup td a.et2_url.email {
     background-color: #f0f0f0;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
     border: 1px solid rgba(0, 0, 0, 0.15);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
@@ -800,9 +812,9 @@ fieldset.emailGroup {
   }
   div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon {
     background-color: #f0f0f0;
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
     border: 1px solid rgba(0, 0, 0, 0.15);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
@@ -880,9 +892,12 @@ fieldset.emailGroup {
 ################################################################*/
   button.button_more {
     border: 1px solid rgba(0, 0, 0, 0.15);
-    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
-    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.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);
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
     color: #000000;
     padding-left: 30px !important;
     background-position: 6px center !important;
diff --git a/addressbook/templates/pixelegg/app.less b/addressbook/templates/pixelegg/app.less
index 688ef0d862..b186eb4ec0 100755
--- a/addressbook/templates/pixelegg/app.less
+++ b/addressbook/templates/pixelegg/app.less
@@ -378,9 +378,9 @@ div.addressbook_edit_general_picture {
         table.uploadphoto {
             .background-color-10-gray;
             width: auto;
-            .bordered(@gray-10, @gray-10, @gray-10, @gray-10);
-            left: 243px;
-            top: 189px;
+            .bordered(@gray-100, @gray-100, @gray-100, @gray-100);
+            left: 30%;
+            top: 289px;
         }
 
 
diff --git a/admin/templates/pixelegg/app.css b/admin/templates/pixelegg/app.css
new file mode 100755
index 0000000000..48d8f96d5b
--- /dev/null
+++ b/admin/templates/pixelegg/app.css
@@ -0,0 +1,916 @@
+/**
+ * EGroupware: CSS with less preprocessor
+
+ * ADMIN 
+ *
+ * Please do NOT change app.css directly, instead change app.less and compile it!
+ *
+ * @link http://www.egroupware.org
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
+ * @package addressbook
+ * @version $Id$
+ */
+/**
+ * EGroupware - CSS Styles used by admin app
+ *
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @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 $
+ */
+.admin_tree table,
+.admin_tree tr,
+.admin_tree td {
+  border: none;
+}
+div#divAppbox {
+  padding: 0;
+}
+body {
+  background-image: none;
+  background-color: white;
+}
+/* otherwise it is transparent */
+#admin_iframe {
+  background-color: white;
+}
+tr.adminAccountInactive .adminStatus {
+  color: red;
+}
+.adminOverflowEllipsis {
+  width: 100%;
+  white-space: nowrap;
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+img.admin_aclApp {
+  width: 16px;
+}
+@media all {
+  /* #############################################################################
+// iframe
+// Rahmen + padding**/
+  /*################## iframe ####################*/
+  /*#            #                               #*/
+  /*#            #                               #*/
+  /*#            #      ADMIN                    #*/
+  /*#            #                               #*/
+  /*#            #                               #*/
+  /*#            #                               #*/
+  /*##############################################*/
+  /**
+ * Give space to both contact view & infolog list
+ */
+  iframe#admin-index_iframe #admin-categories-index table.et2_grid #admin-categories-index_nm div.egwGridView_outer td.frame div.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 2px 1px rgba(0, 0, 0, 0.9);
+    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+  }
+  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 2px 1px rgba(0, 0, 0, 0.9);
+    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+  }
+  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;
+    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;
+    padding-left: 30px !important;
+    background-position: 6px center !important;
+    background-repeat: no-repeat !important;
+    background-size: 20px auto !important;
+    width: auto;
+    height: 32px;
+    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+  }
+  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;
+    padding-left: 30px !important;
+    background-position: 6px center !important;
+    background-repeat: no-repeat !important;
+    background-size: 20px auto !important;
+    width: auto;
+    height: 32px;
+    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+  }
+  div#addressbook-index div.et2_hbox_right button#addressbook-index_add {
+    background-color: #0b5fa4 !important;
+    color: #FFF;
+    text-shadow: none;
+    /*    height: auto;*/
+    background-image: none !important;
+    -webkit-border-radius: 3px;
+    -webkit-border-top-left-radius: 20px;
+    -moz-border-radius: 3px;
+    -moz-border-radius-topleft: 20px;
+    border-radius: 3px;
+    border-top-left-radius: 20px;
+  }
+  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 2px 1px rgba(0, 0, 0, 0.9);
+    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -webkit-border-radius: 3px;
+    -webkit-border-top-left-radius: 20px;
+    -moz-border-radius: 3px;
+    -moz-border-radius-topleft: 20px;
+    border-radius: 3px;
+    border-top-left-radius: 20px;
+  }
+  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: #0b5fa4 !important;
+    color: #FFF;
+    text-shadow: none;
+    /*    height: auto;*/
+    background-image: none !important;
+    -webkit-border-radius: 3px;
+    -webkit-border-top-left-radius: 20px;
+    -moz-border-radius: 3px;
+    -moz-border-radius-topleft: 20px;
+    border-radius: 3px;
+    border-top-left-radius: 20px;
+    /*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 2px 1px rgba(0, 0, 0, 0.9);
+    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -webkit-border-radius: 3px;
+    -webkit-border-top-left-radius: 20px;
+    -moz-border-radius: 3px;
+    -moz-border-radius-topleft: 20px;
+    border-radius: 3px;
+    border-top-left-radius: 20px;
+  }
+  .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;
+  }
+  /*###########################################
+#                                           #
+#       dialog-header                       #
+#############################################
+#                                           #
+#                                           #
+#                                           #
+#                                           #
+#                                           #
+#                   dialog                  #
+#                                           #
+#                                           #
+#############################################
+#                                           #
+#    buttons                                #
+#                                           #
+#                                           #
+##############################################*/
+  #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;
+  }
+  div.addressbook_edit_general_picture img.photo:hover {
+    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    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: #b3b3b3 !important;
+    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    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: #f0f0f0;
+    -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: #f0f0f0;
+    -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: #f0f0f0;
+    -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: #b3b3b3 !important;
+    -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
+    border: 1px solid rgba(0, 0, 0, 0.5);
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+  }
+  div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:active {
+    background-color: #808080;
+    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);
+  }
+  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;
+    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;
+  }
+}
diff --git a/admin/templates/pixelegg/app.less b/admin/templates/pixelegg/app.less
new file mode 100755
index 0000000000..21d7ddbd25
--- /dev/null
+++ b/admin/templates/pixelegg/app.less
@@ -0,0 +1,971 @@
+/**
+ * EGroupware: CSS with less preprocessor
+
+ * ADMIN 
+ *
+ * Please do NOT change app.css directly, instead change app.less and compile it!
+ *
+ * @link http://www.egroupware.org
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de>
+ * @package addressbook
+ * @version $Id$
+ */
+
+@import (reference) "../../../pixelegg/less/def_buttons.less";
+@import (reference) "../../../pixelegg/less/def_design_pattern_color_font_shadow.less";
+@import (less) "../default/app.css";
+
+
+@media all {
+
+
+/* #############################################################################
+// iframe
+// Rahmen + padding**/
+
+/*################## iframe ####################*/
+/*#            #                               #*/
+/*#            #                               #*/
+/*#            #      ADMIN                    #*/
+/*#            #                               #*/
+/*#            #                               #*/
+/*#            #                               #*/
+/*##############################################*/
+
+
+/**
+ * Give space to both contact view & infolog list
+ */
+
+iframe#admin-index_iframe{
+    
+    #admin-categories-index{
+        
+        table.et2_grid {
+            
+            #admin-categories-index_nm {
+                
+                div.egwGridView_outer{
+                    
+                    td.frame {
+                        
+                        div.egwGridView_scrollarea { min-height: 500px;}
+                    }
+                }
+                
+            }
+            
+        }
+        
+    }
+    
+}
+
+#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-header                       #
+#############################################
+#                                           #
+#                                           #
+#                                           #
+#                                           #
+#                                           #
+#                   dialog                  #
+#                                           #
+#                                           #
+#############################################
+#                                           #
+#    buttons                                #
+#                                           #
+#                                           #
+##############################################*/
+
+
+
+#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;
+
+    }
+
+    }
+
+
+}
+
+#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 ########################
+//
+// 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