diff --git a/bin/css/controls.css b/bin/css/controls.css
new file mode 100644
index 0000000000000000000000000000000000000000..4696d7daface884d3f83b631034d244598647f51
--- /dev/null
+++ b/bin/css/controls.css
@@ -0,0 +1,41 @@
+/** sheets
+ ========================================== */
+
+.quiqqer-sheets-desktop .quiqqer-sheets-desktop-current,
+.quiqqer-sheets-desktop .quiqqer-sheets-sheet {
+    color: #666;
+    display: inline-block;
+    float: none;
+    margin: 0 1px;
+    padding: 0 10px;
+}
+
+.quiqqer-sheets-desktop .quiqqer-sheets-desktop-current,
+.quiqqer-sheets-desktop .quiqqer-sheets-desktop-current:hover {
+    color: #fff;
+    background: #666 !important;
+    border-color: #666 !important;
+}
+
+.quiqqer-sheets-desktop .quiqqer-sheets-first,
+.quiqqer-sheets-desktop .quiqqer-sheets-prev,
+.quiqqer-sheets-desktop .quiqqer-sheets-next,
+.quiqqer-sheets-desktop .quiqqer-sheets-last {
+    color: #666;
+    display: inline-block;
+    float: none;
+    margin: 0 1px;
+    padding: 0 10px;
+}
+
+.quiqqer-sheets-desktop a.quiqqer-sheets-sheet:hover,
+.quiqqer-sheets-desktop a.quiqqer-sheets-first:hover,
+.quiqqer-sheets-desktop a.quiqqer-sheets-prev:hover,
+.quiqqer-sheets-desktop a.quiqqer-sheets-next:hover,
+.quiqqer-sheets-desktop a.quiqqer-sheets-last:hover {
+    background: #ddd;
+}
+
+.quiqqer-sheets-desktop-disabled {
+    opacity: 0.5;
+}
\ No newline at end of file
diff --git a/bin/css/frontend-users.css b/bin/css/frontend-users.css
index 974dca40f5a8c2b9d43b7eef4b0b6b7904bf8f41..0b97fedf3ca3a721627f9b22a72f04cdab130e98 100644
--- a/bin/css/frontend-users.css
+++ b/bin/css/frontend-users.css
@@ -1,3 +1,8 @@
+.quiqqer-frontendUsers-controls-profile-categoryContent h2 {
+    font-weight: normal;
+    line-height: 40px;
+    padding-bottom: 20px;
+}
 
 .quiqqer-fupc-category-header {
     line-height: 30px;
diff --git a/bin/css/order.css b/bin/css/order.css
index df6b5c83703ca532fecce824c24ef5d8ce68492a..e1b29c3a7a60bb61a54fce17fc61f946333dd17c 100644
--- a/bin/css/order.css
+++ b/bin/css/order.css
@@ -1,2 +1,54 @@
 /** Order Process
  =================================================== */
+
+.quiqqer-order-basket-articles {
+    width: 100%;
+}
+
+.quiqqer-order-basket-articles td {
+    padding-bottom: 10px;
+    vertical-align: top;
+}
+
+.quiqqer-order-basket-articles-header {
+    color: #999999;
+    font-size: 12px;
+    line-height: 30px;
+}
+
+.quiqqer-order-basket-articles-article-pos {
+    text-align: center;
+    width: 100px;
+}
+
+.quiqqer-order-basket-articles-header-information {
+    text-align: left;
+}
+
+.quiqqer-order-basket-articles-article-quantity {
+    text-align: center;
+}
+
+.quiqqer-order-basket-articles-header-price,
+.quiqqer-order-basket-articles-unitPrice,
+.quiqqer-order-basket-articles-article-price,
+.quiqqer-order-basket-articles-article-sum {
+    text-align: right;
+}
+
+.quiqqer-order-basket-total {
+    float: right;
+    margin-top: 20px;
+    text-align: right;
+}
+
+/** article content
+ =========================================== */
+
+.quiqqer-order-basket-articles-article-title {
+    font-weight: bold;
+}
+
+.quiqqer-order-basket-articles-article-data ul {
+    margin-left: 20px;
+}
diff --git a/bin/css/style.css b/bin/css/style.css
index 5c16f83690e8212a493210b0dc885dc0dcb93712..db9e22ae4da19cabfbc51b9c38d5d2dfd5773b22 100644
--- a/bin/css/style.css
+++ b/bin/css/style.css
@@ -57,6 +57,15 @@ button:disabled:hover {
     background: #f8f8f8;
 }
 
+/** elements
+ ===================================== */
+
+input, select {
+    background: #fff;
+    border: 1px solid #AAAAAA;
+    padding: 10px;
+}
+
 /** header
  ===================================== */
 
@@ -113,7 +122,6 @@ button:disabled:hover {
 /** main / tpl body
  ===================================== */
 
-
 .cologne-main header {
     padding: 20px 0;
 }
@@ -123,7 +131,6 @@ button:disabled:hover {
     font-weight: 300;
 }
 
-
 /** footer
  ===================================== */
 
@@ -139,6 +146,27 @@ button:disabled:hover {
     padding: 20px 0;
 }
 
+/** helper
+ ===================================== */
+
+.hide-on-desktop {
+    display: inline-block;
+}
+
+.hide-on-mobile {
+    display: none;
+}
+
+@media (min-width: 768px) {
+    .hide-on-desktop {
+        display: none;
+    }
+
+    .hide-on-mobile {
+        display: inline-block;
+    }
+}
+
 /** grid
  ===================================== */
 
diff --git a/composer.json b/composer.json
index 12184df18b76aef4fcb3eb7e92aec1543fa2f1d3..cacbae2c62cb0c8c946e86f062ddf06dad5f5f05 100644
--- a/composer.json
+++ b/composer.json
@@ -20,6 +20,7 @@
     "php": ">=5.3",
     "quiqqer\/quiqqer": "1.*|dev-master|dev-dev",
     "quiqqer\/erp": "1.*|dev-master|dev-dev",
-    "quiqqer/frontend-users": "1.0|dev-master|dev-dev"
+    "quiqqer/frontend-users": "1.0|dev-master|dev-dev",
+    "quiqqer/menu": "1.*|dev-master|dev-dev"
   }
 }
diff --git a/index.html b/index.html
index 24e11dc18bf606bdca7810763d388f6fe863fa17..e11a9efba86a7bc626830ee40f895856d8418db4 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,7 @@
     <link rel="stylesheet" href="{$URL_TPL_DIR}bin/css/products.css"/>
     <link rel="stylesheet" href="{$URL_TPL_DIR}bin/css/frontend-users.css"/>
     <link rel="stylesheet" href="{$URL_TPL_DIR}bin/css/order.css"/>
+    <link rel="stylesheet" href="{$URL_TPL_DIR}bin/css/controls.css"/>
 
 </head>
 <body class="page-{$Site->getId()} {$typeClass}">