From 01b3bcb99ddc65a3d4504abf3d12f7dff632c05e Mon Sep 17 00:00:00 2001
From: =?utf8?q?Sven=20Sch=C3=B6ling?= <s.schoeling@linet-services.de>
Date: Fri, 2 Mar 2012 16:31:56 +0100
Subject: [PATCH] Stylesheets umorganisiert.

Doku in css/README.stylesheets
---
 SL/Dispatcher.pm                              |   4 +-
 SL/Form.pm                                    |  30 +-
 css/Mobile/csshover.htc                       |   1 +
 css/Mobile/dhtmlsuite                         |   1 +
 css/Mobile/frame_header                       |   1 +
 css/Mobile/jquery.autocomplete.css            |   1 +
 css/Mobile/jquery.multiselect2side.css        |   1 +
 css/Mobile/list_accounts.css                  |   1 +
 css/{Mobile.css => Mobile/main.css}           |   0
 css/Mobile/menuv3.css                         |   1 +
 css/Mobile/menuv4.css                         |   1 +
 css/Mobile/tabcontent.css                     |   1 +
 css/Mobile/ui-lightness                       |   1 +
 css/README.stylesheets                        |  16 +
 css/Win2000/csshover.htc                      |   1 +
 css/Win2000/dhtmlsuite                        |   1 +
 css/Win2000/frame_header                      |   1 +
 css/Win2000/jquery.autocomplete.css           |   1 +
 css/Win2000/jquery.multiselect2side.css       |   1 +
 css/Win2000/list_accounts.css                 |   1 +
 css/{Win2000.css => Win2000/main.css}         |   0
 css/Win2000/menuv3.css                        |   1 +
 css/Win2000/menuv4.css                        |   1 +
 css/Win2000/tabcontent.css                    |   1 +
 css/Win2000/ui-lightness                      |   1 +
 css/frame_header/header.css                   |  26 --
 css/{ => lx-office-erp}/csshover.htc          |   0
 .../dhtmlsuite/menu-bar.css                   |   6 +-
 .../dhtmlsuite/menu-item.css                  |  22 +-
 css/lx-office-erp/frame_header/header.css     |  45 +++
 .../jquery.autocomplete.css                   |   0
 .../jquery.multiselect2side.css               |   8 +-
 css/{ => lx-office-erp}/list_accounts.css     |   4 +-
 .../main.css}                                 |  57 +++-
 css/lx-office-erp/menu.css                    | 293 ++++++++++++++++++
 css/lx-office-erp/tabcontent.css              |  87 ++++++
 .../ui-bg_diagonals-thick_18_b81900_40x40.png | Bin
 .../ui-bg_diagonals-thick_20_666666_40x40.png | Bin
 .../images/ui-bg_flat_10_000000_40x100.png    | Bin
 .../images/ui-bg_glass_100_f6f6f6_1x400.png   | Bin
 .../images/ui-bg_glass_100_fdf5ce_1x400.png   | Bin
 .../images/ui-bg_glass_65_ffffff_1x400.png    | Bin
 .../ui-bg_gloss-wave_35_f6a828_500x100.png    | Bin
 .../ui-bg_highlight-soft_100_eeeeee_1x100.png | Bin
 .../ui-bg_highlight-soft_75_ffe45c_1x100.png  | Bin
 .../images/ui-icons_222222_256x240.png        | Bin
 .../images/ui-icons_228ef1_256x240.png        | Bin
 .../images/ui-icons_ef8c08_256x240.png        | Bin
 .../images/ui-icons_ffd27a_256x240.png        | Bin
 .../images/ui-icons_ffffff_256x240.png        | Bin
 .../ui-lightness/jquery-ui-1.8.12.custom.css  |   0
 css/menuv3.css                                | 131 --------
 css/menuv4.css                                | 140 ---------
 css/mn_hauptmenu.png                          | Bin 177 -> 0 bytes
 css/px_3.gif                                  | Bin 148 -> 0 bytes
 css/tabcontent.css                            | 176 -----------
 templates/webpages/menu/header.html           |  43 ++-
 templates/webpages/menu/menunew.html          |  10 +-
 templates/webpages/menu/menuv3.html           |   2 +-
 templates/webpages/menu/menuv4.html           |   2 +-
 60 files changed, 568 insertions(+), 554 deletions(-)
 create mode 120000 css/Mobile/csshover.htc
 create mode 120000 css/Mobile/dhtmlsuite
 create mode 120000 css/Mobile/frame_header
 create mode 120000 css/Mobile/jquery.autocomplete.css
 create mode 120000 css/Mobile/jquery.multiselect2side.css
 create mode 120000 css/Mobile/list_accounts.css
 rename css/{Mobile.css => Mobile/main.css} (100%)
 create mode 120000 css/Mobile/menuv3.css
 create mode 120000 css/Mobile/menuv4.css
 create mode 120000 css/Mobile/tabcontent.css
 create mode 120000 css/Mobile/ui-lightness
 create mode 100644 css/README.stylesheets
 create mode 120000 css/Win2000/csshover.htc
 create mode 120000 css/Win2000/dhtmlsuite
 create mode 120000 css/Win2000/frame_header
 create mode 120000 css/Win2000/jquery.autocomplete.css
 create mode 120000 css/Win2000/jquery.multiselect2side.css
 create mode 120000 css/Win2000/list_accounts.css
 rename css/{Win2000.css => Win2000/main.css} (100%)
 create mode 120000 css/Win2000/menuv3.css
 create mode 120000 css/Win2000/menuv4.css
 create mode 120000 css/Win2000/tabcontent.css
 create mode 120000 css/Win2000/ui-lightness
 delete mode 100644 css/frame_header/header.css
 rename css/{ => lx-office-erp}/csshover.htc (100%)
 rename css/{ => lx-office-erp}/dhtmlsuite/menu-bar.css (76%)
 rename css/{ => lx-office-erp}/dhtmlsuite/menu-item.css (91%)
 create mode 100644 css/lx-office-erp/frame_header/header.css
 rename css/{ => lx-office-erp}/jquery.autocomplete.css (100%)
 rename css/{ => lx-office-erp}/jquery.multiselect2side.css (89%)
 rename css/{ => lx-office-erp}/list_accounts.css (94%)
 rename css/{lx-office-erp.css => lx-office-erp/main.css} (89%)
 create mode 100644 css/lx-office-erp/menu.css
 create mode 100644 css/lx-office-erp/tabcontent.css
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-bg_flat_10_000000_40x100.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-icons_222222_256x240.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-icons_228ef1_256x240.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-icons_ef8c08_256x240.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-icons_ffd27a_256x240.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/images/ui-icons_ffffff_256x240.png (100%)
 rename css/{ => lx-office-erp}/ui-lightness/jquery-ui-1.8.12.custom.css (100%)
 delete mode 100644 css/menuv3.css
 delete mode 100644 css/menuv4.css
 delete mode 100755 css/mn_hauptmenu.png
 delete mode 100644 css/px_3.gif
 delete mode 100644 css/tabcontent.css

diff --git a/SL/Dispatcher.pm b/SL/Dispatcher.pm
index dbb476d6c..30a4b819c 100644
--- a/SL/Dispatcher.pm
+++ b/SL/Dispatcher.pm
@@ -68,7 +68,6 @@ sub show_error {
   $::form->{error}         = $::locale->text('The session is invalid or has expired.') if ($error_type eq 'session');
   $::form->{error}         = $::locale->text('Incorrect password!.')                   if ($error_type eq 'password');
   $::myconfig{countrycode} = $::lx_office_conf{system}->{language};
-  $::form->{stylesheet}    = 'css/lx-office-erp.css';
 
   $::form->header;
   print $::form->parse_html_template($template);
@@ -221,7 +220,7 @@ sub handle_request {
       if ($action) {
         $::instance_conf->init;
 
-        map { $::form->{$_} = $::myconfig{$_} } qw(stylesheet charset)
+        map { $::form->{$_} = $::myconfig{$_} } qw(charset)
           unless $action eq 'save' && $::form->{type} eq 'preferences';
 
         $::form->set_standard_title;
@@ -374,7 +373,6 @@ sub _check_for_old_config_files {
   return unless @old_files;
 
   $::form->{title}      = $::locale->text('Old configuration files');
-  $::form->{stylesheet} = 'lx-office-erp.css';
   $::form->header;
   print $::form->parse_html_template('login/old_configuration_files', { FILES => \@old_files });
 
diff --git a/SL/Form.pm b/SL/Form.pm
index 6c3b297db..7eab5c294 100644
--- a/SL/Form.pm
+++ b/SL/Form.pm
@@ -460,6 +460,17 @@ sub use_stylesheet {
   return @{ $self->{stylesheet} };
 }
 
+sub get_stylesheet_for_user {
+  my $css_path = 'css';
+  if (my $user_style = $::myconfig{stylesheet}) {
+    $user_style =~ s/\.css$//; # nuke trailing .css, this is a remnand of pre 2.7.0 stylesheet handling
+    $css_path = "$css_path/$user_style" if -d "$css_path/$user_style";
+  }
+  $::myconfig{css_path} = $css_path; # needed for menunew, FIXME: don't do this here
+
+  return $css_path;
+}
+
 sub header {
   $::lxdebug->enter_sub;
 
@@ -471,6 +482,8 @@ sub header {
 
   $::lxdebug->leave_sub and return if !$ENV{HTTP_USER_AGENT} || $self->{header}++;
 
+  my $css_path = $self->get_stylesheet_for_user;
+
   $self->{favicon} ||= "favicon.ico";
   $self->{titlebar}  = "$self->{title} - $self->{titlebar}" if $self->{title};
 
@@ -485,17 +498,10 @@ sub header {
 
   push @header, "<style type='text/css'>\@page { size:landscape; }</style>" if $self->{landscape};
   push @header, "<link rel='shortcut icon' href='$self->{favicon}' type='image/x-icon'>" if -f $self->{favicon};
-  push @header, '<script type="text/javascript" src="js/jquery.js"></script>',
-                '<script type="text/javascript" src="js/common.js"></script>',
-                '<link rel="stylesheet" type="text/css" href="js/jscalendar/calendar-win2k-1.css">',
-                '<script type="text/javascript" src="js/jscalendar/calendar.js"></script>',
-                '<script type="text/javascript" src="js/jscalendar/lang/calendar-de.js"></script>',
-                '<script type="text/javascript" src="js/jscalendar/calendar-setup.js"></script>',
-                '<script type="text/javascript" src="js/part_selection.js"></script>',
-                '<script type="text/javascript" src="js/jquery-ui.js"></script>',
-                '<script type="text/javascript" src="js/jqModal.js"></script>',
-                '<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.12.custom.css">';
-  push @header, $self->{javascript} if $self->{javascript};
+  push @header, map { qq|<script type="text/javascript" src="js/$_.js"></script>| }
+       qw(jquery common jscalendar/calendar jscalendar/lang/calendar-de jscalendar/calendar-setup part_selection jquery-ui jqModal switchmenuframe);
+  push @header, map { qq|<link rel="stylesheet" type="text/css" href="$css_path/$_.css">| }
+       qw(main menu tabcontent list_accounts jquery.autocomplete jquery.multiselect2side frame_header/header);
   push @header, map { $_->show_javascript } @{ $self->{AJAX} || [] };
   push @header, "<script type='text/javascript'>function fokus(){ document.$self->{fokus}.focus(); }</script>" if $self->{fokus};
   push @header, sprintf "<script type='text/javascript'>top.document.title='%s';</script>",
@@ -531,9 +537,7 @@ sub header {
 EOT
   print "  $_\n" for @header;
   print <<EOT;
-  <link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css">
   <meta name="robots" content="noindex,nofollow">
-  <link rel="stylesheet" type="text/css" href="css/tabcontent.css">
   <script type="text/javascript" src="js/tabcontent.js">
 
   /***********************************************
diff --git a/css/Mobile/csshover.htc b/css/Mobile/csshover.htc
new file mode 120000
index 000000000..fcd95c422
--- /dev/null
+++ b/css/Mobile/csshover.htc
@@ -0,0 +1 @@
+../lx-office-erp/csshover.htc
\ No newline at end of file
diff --git a/css/Mobile/dhtmlsuite b/css/Mobile/dhtmlsuite
new file mode 120000
index 000000000..c9fced27f
--- /dev/null
+++ b/css/Mobile/dhtmlsuite
@@ -0,0 +1 @@
+../lx-office-erp/dhtmlsuite
\ No newline at end of file
diff --git a/css/Mobile/frame_header b/css/Mobile/frame_header
new file mode 120000
index 000000000..d69ab7feb
--- /dev/null
+++ b/css/Mobile/frame_header
@@ -0,0 +1 @@
+../lx-office-erp/frame_header/
\ No newline at end of file
diff --git a/css/Mobile/jquery.autocomplete.css b/css/Mobile/jquery.autocomplete.css
new file mode 120000
index 000000000..dc1123169
--- /dev/null
+++ b/css/Mobile/jquery.autocomplete.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.autocomplete.css
\ No newline at end of file
diff --git a/css/Mobile/jquery.multiselect2side.css b/css/Mobile/jquery.multiselect2side.css
new file mode 120000
index 000000000..270f1a248
--- /dev/null
+++ b/css/Mobile/jquery.multiselect2side.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.multiselect2side.css
\ No newline at end of file
diff --git a/css/Mobile/list_accounts.css b/css/Mobile/list_accounts.css
new file mode 120000
index 000000000..7d530fb1a
--- /dev/null
+++ b/css/Mobile/list_accounts.css
@@ -0,0 +1 @@
+../lx-office-erp/list_accounts.css
\ No newline at end of file
diff --git a/css/Mobile.css b/css/Mobile/main.css
similarity index 100%
rename from css/Mobile.css
rename to css/Mobile/main.css
diff --git a/css/Mobile/menuv3.css b/css/Mobile/menuv3.css
new file mode 120000
index 000000000..1bd817a3c
--- /dev/null
+++ b/css/Mobile/menuv3.css
@@ -0,0 +1 @@
+../lx-office-erp/menuv3.css
\ No newline at end of file
diff --git a/css/Mobile/menuv4.css b/css/Mobile/menuv4.css
new file mode 120000
index 000000000..6f69e0fcd
--- /dev/null
+++ b/css/Mobile/menuv4.css
@@ -0,0 +1 @@
+../lx-office-erp/menuv4.css
\ No newline at end of file
diff --git a/css/Mobile/tabcontent.css b/css/Mobile/tabcontent.css
new file mode 120000
index 000000000..487ba3fae
--- /dev/null
+++ b/css/Mobile/tabcontent.css
@@ -0,0 +1 @@
+../lx-office-erp/tabcontent.css
\ No newline at end of file
diff --git a/css/Mobile/ui-lightness b/css/Mobile/ui-lightness
new file mode 120000
index 000000000..9f2cad02e
--- /dev/null
+++ b/css/Mobile/ui-lightness
@@ -0,0 +1 @@
+../lx-office-erp/ui-lightness/
\ No newline at end of file
diff --git a/css/README.stylesheets b/css/README.stylesheets
new file mode 100644
index 000000000..388672ac0
--- /dev/null
+++ b/css/README.stylesheets
@@ -0,0 +1,16 @@
+2012-03-02 - Stylesheet normalization
+
+After this, the stylesheets follow these conventions:
+
+* Every directory in css/ is considered a style to be chosen.
+* lx-office-erp is used as the fallback style if no style was found or the
+  style chosen was invalid.
+* Missing stylesheets for the other styles have been
+  linked from lx-office-erp, so that they will used like before.
+* If you edit a file, make sure it's not a symlink.
+* The previous named stylesheets are now main.css in their respective directories.
+* menuv3 and menuv4 are now distict so that it's possible to include both
+  without overriding each other.
+* All relative image links needed to get bumped an additional ../
+* If you add another style, be sure to test tabs, calendars, all menus,
+  autocompletion, charts, and multiselect.
diff --git a/css/Win2000/csshover.htc b/css/Win2000/csshover.htc
new file mode 120000
index 000000000..fcd95c422
--- /dev/null
+++ b/css/Win2000/csshover.htc
@@ -0,0 +1 @@
+../lx-office-erp/csshover.htc
\ No newline at end of file
diff --git a/css/Win2000/dhtmlsuite b/css/Win2000/dhtmlsuite
new file mode 120000
index 000000000..0b8350fb7
--- /dev/null
+++ b/css/Win2000/dhtmlsuite
@@ -0,0 +1 @@
+../lx-office-erp/dhtmlsuite/
\ No newline at end of file
diff --git a/css/Win2000/frame_header b/css/Win2000/frame_header
new file mode 120000
index 000000000..d69ab7feb
--- /dev/null
+++ b/css/Win2000/frame_header
@@ -0,0 +1 @@
+../lx-office-erp/frame_header/
\ No newline at end of file
diff --git a/css/Win2000/jquery.autocomplete.css b/css/Win2000/jquery.autocomplete.css
new file mode 120000
index 000000000..dc1123169
--- /dev/null
+++ b/css/Win2000/jquery.autocomplete.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.autocomplete.css
\ No newline at end of file
diff --git a/css/Win2000/jquery.multiselect2side.css b/css/Win2000/jquery.multiselect2side.css
new file mode 120000
index 000000000..270f1a248
--- /dev/null
+++ b/css/Win2000/jquery.multiselect2side.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.multiselect2side.css
\ No newline at end of file
diff --git a/css/Win2000/list_accounts.css b/css/Win2000/list_accounts.css
new file mode 120000
index 000000000..7d530fb1a
--- /dev/null
+++ b/css/Win2000/list_accounts.css
@@ -0,0 +1 @@
+../lx-office-erp/list_accounts.css
\ No newline at end of file
diff --git a/css/Win2000.css b/css/Win2000/main.css
similarity index 100%
rename from css/Win2000.css
rename to css/Win2000/main.css
diff --git a/css/Win2000/menuv3.css b/css/Win2000/menuv3.css
new file mode 120000
index 000000000..1bd817a3c
--- /dev/null
+++ b/css/Win2000/menuv3.css
@@ -0,0 +1 @@
+../lx-office-erp/menuv3.css
\ No newline at end of file
diff --git a/css/Win2000/menuv4.css b/css/Win2000/menuv4.css
new file mode 120000
index 000000000..6f69e0fcd
--- /dev/null
+++ b/css/Win2000/menuv4.css
@@ -0,0 +1 @@
+../lx-office-erp/menuv4.css
\ No newline at end of file
diff --git a/css/Win2000/tabcontent.css b/css/Win2000/tabcontent.css
new file mode 120000
index 000000000..487ba3fae
--- /dev/null
+++ b/css/Win2000/tabcontent.css
@@ -0,0 +1 @@
+../lx-office-erp/tabcontent.css
\ No newline at end of file
diff --git a/css/Win2000/ui-lightness b/css/Win2000/ui-lightness
new file mode 120000
index 000000000..9f2cad02e
--- /dev/null
+++ b/css/Win2000/ui-lightness
@@ -0,0 +1 @@
+../lx-office-erp/ui-lightness/
\ No newline at end of file
diff --git a/css/frame_header/header.css b/css/frame_header/header.css
deleted file mode 100644
index cfca0816a..000000000
--- a/css/frame_header/header.css
+++ /dev/null
@@ -1,26 +0,0 @@
-body {
-  margin: 0;
-  color: white;
-  background: url('../../image/fade.png') repeat-x;
-}
-
-a:link, a:visited, a:hover, a:active {
-  color: white;
-}
-
-body > * {
-  font-size: 12px;
-  font-family: verdana,arial,sans-serif;
-  vertical-align: middle;
-}
-
-table {
-  border: 0;
-  width: 100%;
-  background: url('../../image/bg_titel.gif');
-  border-spacing: 0;
-}
-
-td {
-  padding: 0;
-}
diff --git a/css/csshover.htc b/css/lx-office-erp/csshover.htc
similarity index 100%
rename from css/csshover.htc
rename to css/lx-office-erp/csshover.htc
diff --git a/css/dhtmlsuite/menu-bar.css b/css/lx-office-erp/dhtmlsuite/menu-bar.css
similarity index 76%
rename from css/dhtmlsuite/menu-bar.css
rename to css/lx-office-erp/dhtmlsuite/menu-bar.css
index c750e2077..d08f358e4 100644
--- a/css/dhtmlsuite/menu-bar.css
+++ b/css/lx-office-erp/dhtmlsuite/menu-bar.css
@@ -24,15 +24,15 @@
 	font-size:12px;
 	z-index:100000;
 	padding-left:10px;
-/*	background-image:url('../../image/dhtmlsuite/menu_strip_bg.jpg');*/
-	background-image:url('../../image/bg_css_menu.png');
+/*	background-image:url('../../../image/dhtmlsuite/menu_strip_bg.jpg');*/
+	background-image:url('../../../image/bg_css_menu.png');
 }
 
 .DHTMLSuite_menuBar_sub{
 	position:absolute;
 	background-color:#FFF;
 	border:1px solid #000;
-	background-image:url('../../image/dhtmlsuite/menu-bar-gradient.jpg');	/* Background image for sub menu items */
+	background-image:url('../../../image/dhtmlsuite/menu-bar-gradient.jpg');	/* Background image for sub menu items */
 	background-repeat:repeat-y;
 	background-position: left center;
 	display:inline;
diff --git a/css/dhtmlsuite/menu-item.css b/css/lx-office-erp/dhtmlsuite/menu-item.css
similarity index 91%
rename from css/dhtmlsuite/menu-item.css
rename to css/lx-office-erp/dhtmlsuite/menu-item.css
index d017fe32f..b50805da4 100644
--- a/css/dhtmlsuite/menu-item.css
+++ b/css/lx-office-erp/dhtmlsuite/menu-item.css
@@ -12,7 +12,7 @@
 	padding-right:4px;
 	margin-right:2px;
 	padding-top:1px;
-	padding-bottom:1px;	
+	padding-bottom:1px;
 	cursor:pointer;
 	line-height:16px;
 	margin-top:2px;
@@ -61,7 +61,7 @@
 	padding-bottom:1px;
 	cursor:default;
 	line-height:16px;
-	margin-top:2px;	
+	margin-top:2px;
 }
 
 .DHTMLSuite_menuItem_top_disabled img,.DHTMLSuite_menuItem_top_disabled div{	/* Sub divs of disabled top level items. A menu item is a div with some subdivs(one for the icon, one for text etc.). this is the css for these sub divs */
@@ -82,8 +82,8 @@
 	width:12px;	/* Width of item */
 	background-repeat:no-repeat;	/* No background repeat for the arrow */
 	background-position:center center;	/* Position of the arrow. at the center of this div */
-	background-image: url('../../image/dhtmlsuite/menu_strip_down_arrow.png');	/* Relative path to the arrow */
-	margin:0px;	
+	background-image: url('../../../image/dhtmlsuite/menu_strip_down_arrow.png');	/* Relative path to the arrow */
+	margin:0px;
 	margin-right:-1px;	/* -1 pixel is added to get the arrow a little bit more to the right. this is because of the right padding of top level items */
 	padding:0px;
 	height:16px;
@@ -108,15 +108,15 @@
 	padding-left:3px;
 	padding-right:3px;
 	background-repeat:repeat-y;
-	background-image:url('../../image/dhtmlsuite/menu_strip_separator.gif');
-	
+	background-image:url('../../../image/dhtmlsuite/menu_strip_separator.gif');
+
 }
 
 
 /* CSS FOR MENU ITEM OF TYPE "sub" */
 
 .DHTMLSuite_menuItem_sub_regular, .DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_click,.DHTMLSuite_menuItem_sub_disabled,.DHTMLSuite_menuItem_sub_active{	/* Commom css for regular, mouse over and mouse click items */
-	clear:both;			
+	clear:both;
 	line-height:18px;	/* Height of menu item */
 	height:18px;		/* Height of menu item */
 	padding-left:25px;	/* Space inside the menu item - the 25 pixels are used in order to avoid text overlapping menu item icon */
@@ -146,7 +146,7 @@
 	border:1px solid #006;	/* Border around mouse over items, click items and active items */
 }
 
-.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	/* Mouse over effect */	
+.DHTMLSuite_menuItem_sub_over,.DHTMLSuite_menuItem_sub_active{	/* Mouse over effect */
 	background-color:#FFEEC2;		/* Background color of mouse over items and active items(Active item = parent elements of the menu item the mouse is currently over */
 }
 
@@ -158,14 +158,14 @@
 	float:left;		/* To get the icons and text of sub elements side by side */
 	padding-left:1px;
 	padding-right:1px;
-	
+
 }
 .DHTMLSuite_menuItem_sub_arrowShowSub{	/* Arrow div for sub elements (Right pointing arrow ) */
 	position:absolute;	/* Never change this one */
-	background-image:url('../../image/dhtmlsuite/menu-bar-right-arrow.png');	/* Path relative to the css file */
+	background-image:url('../../../image/dhtmlsuite/menu-bar-right-arrow.png');	/* Path relative to the css file */
 	width:18px;
 	height:18px;
-	text-align:right;	
+	text-align:right;
 	right:0px;
 	background-repeat:no-repeat;	/* No background repeat */
 	background-position: center right;	/* Position of arrow */
diff --git a/css/lx-office-erp/frame_header/header.css b/css/lx-office-erp/frame_header/header.css
new file mode 100644
index 000000000..805519711
--- /dev/null
+++ b/css/lx-office-erp/frame_header/header.css
@@ -0,0 +1,45 @@
+.frame-header-element a:link,
+.frame-header-element a:visited,
+.frame-header-element a:hover,
+.frame-header-element a:active {
+  color: white;
+  background: none;
+  text-decoration: underline;
+}
+
+body.frame-header {
+  background: url('../../../image/fade.png') repeat-x;
+}
+
+div.frame-header {
+  background: url('../../../image/bg_titel.gif') repeat-x;
+}
+
+.frame-header {
+  margin: 0;
+  padding: 0;
+  color: white;
+  border: 0;
+  overflow: hidden;
+  width: 100%;
+  border-spacing: 0;
+  text-align: center;
+}
+
+.frame-header-left {
+  float: left;
+}
+.frame-header-right {
+  float: right;
+}
+
+.frame-header-left,
+.frame-header-center,
+.frame-header-right  {
+  border-spacing: 0;
+  color: white;
+  padding: 0;
+  font-size: 12px;
+  font-family: verdana,arial,sans-serif;
+  vertical-align: middle;
+}
diff --git a/css/jquery.autocomplete.css b/css/lx-office-erp/jquery.autocomplete.css
similarity index 100%
rename from css/jquery.autocomplete.css
rename to css/lx-office-erp/jquery.autocomplete.css
diff --git a/css/jquery.multiselect2side.css b/css/lx-office-erp/jquery.multiselect2side.css
similarity index 89%
rename from css/jquery.multiselect2side.css
rename to css/lx-office-erp/jquery.multiselect2side.css
index 87bf38940..ced4d988b 100644
--- a/css/jquery.multiselect2side.css
+++ b/css/lx-office-erp/jquery.multiselect2side.css
@@ -3,7 +3,7 @@
 	width: 100%;
 	padding: 1px;
 	float: left;
-	background : url('') repeat-x; // HACK FOR CHROME
+	background : url('') repeat-x; /* HACK FOR CHROME */
 }
 
 .ms2side__select {
@@ -33,14 +33,14 @@
 .ms2side__options p, .ms2side__updown p {
 	margin: 2px 0;
 	padding: 0;
-	cursor: hand;
+	cursor: pointer;
 	border: 1px solid black;
 }
 
 .ms2side__options p.ms2side_hover, .ms2side__updown p.ms2side_hover {
 	background-color: #F0F0FF;
 	border-color: #0000FF;
-	cursor: hand;
+	cursor: pointer;
 }
 
 .ms2side__options p.ms2side__hide, .ms2side__updown p.ms2side__hide {
@@ -53,4 +53,4 @@
 .ms2side__div select {
 	width: 220px;
 	float: left;
-}
\ No newline at end of file
+}
diff --git a/css/list_accounts.css b/css/lx-office-erp/list_accounts.css
similarity index 94%
rename from css/list_accounts.css
rename to css/lx-office-erp/list_accounts.css
index d2e888c20..552a901cf 100644
--- a/css/list_accounts.css
+++ b/css/lx-office-erp/list_accounts.css
@@ -14,7 +14,7 @@
 .coa_listheading {
   background-color:rgb(236,233,216);
   color: black;
-  background-image:url("../image/fade.png");
+  background-image:url("../../image/fade.png");
 }
 
 .coa_listheading_element {
@@ -40,7 +40,7 @@
 
 .coa_amount {
   text-align:right;
-  font-familiy:monospace;
+  font-family:monospace;
 }
 
 .coa_account_header {
diff --git a/css/lx-office-erp.css b/css/lx-office-erp/main.css
similarity index 89%
rename from css/lx-office-erp.css
rename to css/lx-office-erp/main.css
index 5d5ca4607..87f17b840 100644
--- a/css/lx-office-erp.css
+++ b/css/lx-office-erp/main.css
@@ -18,14 +18,10 @@ body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   background-color: white;
-  background-image: url("../image/fade.png"); background-repeat:repeat-x;
+  background-image: url("../../image/fade.png"); background-repeat:repeat-x;
   color: black;
 }
 
-/* .bg {
-  background-image: url("mn_hauptmenu.png");
-} */
-
 td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: black;
@@ -78,13 +74,6 @@ body.admin {
   color: black;
 }
 
-body.menu {
-  background-image: url("../image/fade.png");background-repeat:repeat-x;
-  font-family: Verdana, Arial, Helvetica, sans-serif;
-  font-size:8pt;
-  color: black;
-}
-
 .message_error_login {
     color: #000000;
     border: 1px solid #8b0000;
@@ -147,14 +136,14 @@ body.menu {
 
 
 .listelement {
-    background-image: url("../image/fade2.png");
+    background-image: url("../../image/fade2.png");
     background-repeat:repeat-x;
     border-style:dashed;
     border-width:thin;
 }
 
 .listelement2 {
-    background-image: url("../image/fade2.png");
+    background-image: url("../../image/fade2.png");
     background-repeat:repeat-x;
     border-style:dashed;
     border-width:thin;
@@ -168,7 +157,7 @@ body.menu {
     color: black;
     font-weight: bolder;
     text-align:left;
-    background-image: url("../image/fade.png");
+    background-image: url("../../image/fade.png");
     border-style:dotted;
     border-width:thin;
 }
@@ -356,3 +345,41 @@ label {
 .jqmOverlay {
   background-color: #000;
 }
+
+/* Kontenliste Styles */
+
+.coa_listrow1 {
+  background-color: rgb(208,207,201);
+  color: black;
+  vertical-align: top;
+}
+
+.coa_listrow0 {
+  background-color: rgb(236,233,216);
+  color: black;
+  vertical-align: top;
+}
+
+.coa_detail_emph {
+  font-size:10pt;
+  font-weight:bold;
+  color:darkred;
+}
+
+.coa_details_header {
+  font-size:8pt;
+  padding:3px;
+  font-weight:bolder;
+  text-align:center;
+  border-style:none;
+  border-width:thin;
+}
+
+.coa_details_header2 {
+  font-size:8pt;
+  padding:3px;
+  font-weight:normal;
+  text-align:left;
+  border-style:none;
+  border-width:thin;
+}
diff --git a/css/lx-office-erp/menu.css b/css/lx-office-erp/menu.css
new file mode 100644
index 000000000..b9fbcdaf0
--- /dev/null
+++ b/css/lx-office-erp/menu.css
@@ -0,0 +1,293 @@
+
+body.menu {
+  background-image: url("../../image/fade.png");background-repeat:repeat-x;
+  font-family: Verdana, Arial, Helvetica, sans-serif;
+  font-size:8pt;
+  color: black;
+}
+
+table.menunew {
+  border: 0;
+  width: 100%;
+  background-image: url("../../image/bg_titel.gif");
+  border-spacing: 0;
+}
+
+table.menunew > td {
+  padding: 0;
+  color:white;
+  font-family: Verdana, Arial, sans-serif;
+  font-size: 12px;
+}
+
+body.menunew {
+  padding:0px;
+  margin:0px;
+}
+
+body {
+behavior:url("csshover.htc");
+}
+
+#menuv3 {
+width:99.8%;
+float:left;
+background:url(../../image/bg_css_menu.png) repeat bottom;
+border:1px solid;
+border-color:#ccc #888 #555 #bbb;
+}
+
+#menuv3 a, #menuv3 h2, #menuv3 div.x {
+font:11px/16px arial,helvetica,sans-serif;
+display:block;
+border:0;
+border-right:1px;
+border-style:solid;
+border-color:#ccc #888 #555 #bbb;
+white-space:nowrap;
+margin:0;
+padding:1px 0 1px 3px;
+}
+
+#menuv3 h2 {
+color:#fff;
+padding:0 5px;
+}
+
+#menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited {
+color:#000;
+text-decoration:none;
+padding-right:10px;
+}
+
+#menuv3 a {
+background:#eee;
+}
+
+#menuv3 div.x, #menuv3 div.x:visited {
+background:#eee url(../../image/right.gif) no-repeat right;
+}
+
+#menuv3 a:hover, #menuv3 div.x:hover {
+color:#a00;
+background-color:#ddd;
+}
+
+#menuv3 a:active, #menuv3 div.x:active {
+color:#060;
+background-color:#ccc;
+}
+
+#menuv3 ul {
+list-style:none;
+margin:0;
+padding:0;
+float:left;
+min-width:7em;
+}
+
+#menuv3 li {
+position:relative;
+float:none;
+border:0;
+}
+
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far
+ * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow
+ * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
+ * a bottom border, which just looks ugly
+ * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
+#menuv3 ul li {
+border:solid;
+border-color:#ccd5e5;
+border-width:0 0 1px 0;
+}
+
+#menuv3 ul ul li {
+border:solid;
+border-width:0 0 1px 0;
+}
+
+/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below
+ * causing the menu to close. Opera 9 has the same bug btw. */
+#menuv3 ul ul {
+position:absolute;
+z-index:500;
+top:auto;
+display:none;
+background:#000;
+}
+
+#menuv3 ul ul ul {
+top:0;
+left:100%;
+background:#000;
+}
+
+/* Begin non-anchor hover selectors */
+
+/* Enter the more specific element (div) selector
+on non-anchor hovers for IE5.x to comply with the
+older version of csshover.htc - V1.21.041022. It
+improves IE's performance speed to use the older
+file and this method */
+
+div#menuv3 h2:hover {
+background:#A3C5FF;
+color:#a00;
+}
+
+div#menuv3 li:hover {
+cursor:pointer;
+z-index:100;
+}
+
+div#menuv3 li:hover ul ul,
+div#menuv3 li li:hover ul ul,
+div#menuv3 li li li:hover ul ul,
+div#menuv3 li li li li:hover ul ul
+{display:none;}
+
+div#menuv3 li:hover ul,
+div#menuv3 li li:hover ul,
+div#menuv3 li li li:hover ul,
+div#menuv3 li li li li:hover ul
+{display:block;}
+
+/* End of non-anchor hover selectors */
+
+#menuv4 {
+width:99.8%;
+float:left;
+background:url(../../image/bg_css_menu.png) repeat bottom;
+border:1px solid;
+border-color:#ccc #888 #555 #bbb;
+}
+
+#menuv4 a, #menuv4 h2, #menuv4 div.x {
+font:11px/16px arial,helvetica,sans-serif;
+display:block;
+border:0;
+border-right:1px;
+border-style:solid;
+border-color:#ccc #888 #555 #bbb;
+white-space:nowrap;
+margin:0;
+padding:1px 0 1px 3px;
+}
+
+#menuv4 h2:before {
+    content:" ";
+}
+#menuv4 h2:after {
+    content:" ";
+}
+#menuv4 h2 {
+color:#fff;
+padding:2px 10px;
+}
+
+#menuv4 a, #menuv4 a:visited, #menuv4 div.x, #menuv4 div.x:visited {
+color:#000;
+text-decoration:none;
+padding-right:10px;
+}
+
+#menuv4 a {
+background:#eee;
+}
+#menuv4 div.x, #menuv4 div.x:visited {
+background:#eee url(../../image/right.gif) no-repeat right;
+}
+
+#menuv4 a:hover, #menuv4 div.x:hover {
+color:#a00;
+background-color:#ddd;
+}
+
+#menuv4 a:active, #menuv4 div.x:active {
+color:#060;
+background-color:#ccc;
+}
+
+#menuv4 ul {
+list-style:none;
+margin:0;
+padding:0;
+float:left;
+}
+
+#menuv4 li {
+position:relative;
+float:none;
+border:0;
+}
+
+#menuv4 li.sub {
+left:-25px;
+top:-3px;
+}
+
+/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far
+ * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow
+ * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
+ * a bottom border, which just looks ugly
+ * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
+#menuv4 ul li {
+border:solid;
+border-color:#ccd5e5;
+border-width:0 0 1px 0;
+}
+
+#menuv4 ul ul li {
+border:solid;
+border-width:0 0 1px 0;
+}
+
+/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below
+ * causing the menu to close. Opera 9 has the same bug btw. */
+#menuv4 ul ul {
+position:absolute;
+z-index:500;
+top:auto;
+display:none;
+}
+
+#menuv4 ul ul ul {
+top:0;
+left:100%;
+}
+
+/* Begin non-anchor hover selectors */
+
+/* Enter the more specific element (div) selector
+on non-anchor hovers for IE5.x to comply with the
+older version of csshover.htc - V1.21.041022. It
+improves IE's performance speed to use the older
+file and this method */
+
+div#menuv4 h2:hover {
+background:#A3C5FF;
+color:#a00;
+}
+
+div#menuv4 li:hover {
+cursor:pointer;
+z-index:100;
+}
+
+div#menuv4 li:hover ul ul,
+div#menuv4 li li:hover ul ul,
+div#menuv4 li li li:hover ul ul,
+div#menuv4 li li li li:hover ul ul
+{display:none;}
+
+div#menuv4 li:hover ul,
+div#menuv4 li li:hover ul,
+div#menuv4 li li li:hover ul,
+div#menuv4 li li li li:hover ul
+{display:block; left:10px;}
+
+/* End of non-anchor hover selectors */
+
+
diff --git a/css/lx-office-erp/tabcontent.css b/css/lx-office-erp/tabcontent.css
new file mode 100644
index 000000000..bba23b3f3
--- /dev/null
+++ b/css/lx-office-erp/tabcontent.css
@@ -0,0 +1,87 @@
+/* ######### CSS for Shade Tabs. Remove if not using ######### */
+
+.shadetabs{
+padding: 3px 0;
+margin-left: 0;
+margin-top: 1px;
+margin-bottom: 0;
+font: bold 12px Verdana, sans-serif;
+list-style-type: none;
+text-align: left; /*set to left, center, or right to align the menu as desired*/
+}
+
+.shadetabs li{
+display: inline;
+margin: 0;
+}
+
+.shadetabs li a{
+text-decoration: none;
+position: relative;
+z-index: 1;
+padding: 3px 7px;
+margin-right: 3px;
+border: 1px solid #778;
+color: #2d2b2b;
+background: white url(../../image/shade.gif) top left repeat-x;
+}
+
+.shadetabs li a:visited{
+color: #2d2b2b;
+}
+
+.shadetabs li a:hover{
+text-decoration: underline;
+color: #2d2b2b;
+}
+
+.shadetabs li a.selected{ /*selected main tab style */
+position: relative;
+top: 1px;
+}
+
+.shadetabs li a.selected{ /*selected main tab style */
+background-image: url(../../image/shadeactive.gif);
+border-bottom-color: white;
+}
+
+.shadetabs li a.selected:hover{ /*selected main tab style */
+text-decoration: none;
+}
+
+.tabcontent{
+display:none;
+}
+
+@media print {
+.tabcontent {
+display:block !important;
+}
+}
+
+.tabcontent{
+display:none;
+}
+
+@media print {
+.tabcontent {
+display:block !important;
+}
+}
+
+.tabcontentstyle{ /*style of tab content oontainer*/
+border: 1px solid gray;
+width: 95%;
+margin-bottom: 1em;
+padding: 10px;
+}
+
+.tabcontent{
+display:none;
+}
+
+@media print {
+.tabcontent {
+display:block !important;
+}
+}
diff --git a/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png b/css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
similarity index 100%
rename from css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
rename to css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
diff --git a/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png b/css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
similarity index 100%
rename from css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
rename to css/lx-office-erp/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
diff --git a/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png b/css/lx-office-erp/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
similarity index 100%
rename from css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
rename to css/lx-office-erp/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
diff --git a/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png b/css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
similarity index 100%
rename from css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
rename to css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
diff --git a/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png b/css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
similarity index 100%
rename from css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
rename to css/lx-office-erp/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
diff --git a/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png b/css/lx-office-erp/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
similarity index 100%
rename from css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
rename to css/lx-office-erp/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
diff --git a/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png b/css/lx-office-erp/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
similarity index 100%
rename from css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
rename to css/lx-office-erp/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
diff --git a/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png b/css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
similarity index 100%
rename from css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
rename to css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
diff --git a/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png b/css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
similarity index 100%
rename from css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
rename to css/lx-office-erp/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
diff --git a/css/ui-lightness/images/ui-icons_222222_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_222222_256x240.png
similarity index 100%
rename from css/ui-lightness/images/ui-icons_222222_256x240.png
rename to css/lx-office-erp/ui-lightness/images/ui-icons_222222_256x240.png
diff --git a/css/ui-lightness/images/ui-icons_228ef1_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_228ef1_256x240.png
similarity index 100%
rename from css/ui-lightness/images/ui-icons_228ef1_256x240.png
rename to css/lx-office-erp/ui-lightness/images/ui-icons_228ef1_256x240.png
diff --git a/css/ui-lightness/images/ui-icons_ef8c08_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_ef8c08_256x240.png
similarity index 100%
rename from css/ui-lightness/images/ui-icons_ef8c08_256x240.png
rename to css/lx-office-erp/ui-lightness/images/ui-icons_ef8c08_256x240.png
diff --git a/css/ui-lightness/images/ui-icons_ffd27a_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_ffd27a_256x240.png
similarity index 100%
rename from css/ui-lightness/images/ui-icons_ffd27a_256x240.png
rename to css/lx-office-erp/ui-lightness/images/ui-icons_ffd27a_256x240.png
diff --git a/css/ui-lightness/images/ui-icons_ffffff_256x240.png b/css/lx-office-erp/ui-lightness/images/ui-icons_ffffff_256x240.png
similarity index 100%
rename from css/ui-lightness/images/ui-icons_ffffff_256x240.png
rename to css/lx-office-erp/ui-lightness/images/ui-icons_ffffff_256x240.png
diff --git a/css/ui-lightness/jquery-ui-1.8.12.custom.css b/css/lx-office-erp/ui-lightness/jquery-ui-1.8.12.custom.css
similarity index 100%
rename from css/ui-lightness/jquery-ui-1.8.12.custom.css
rename to css/lx-office-erp/ui-lightness/jquery-ui-1.8.12.custom.css
diff --git a/css/menuv3.css b/css/menuv3.css
deleted file mode 100644
index ae7ef33ff..000000000
--- a/css/menuv3.css
+++ /dev/null
@@ -1,131 +0,0 @@
-body {
-behavior:url("css/csshover.htc");
-}
-
-#menu {
-width:99.8%;
-float:left;
-background:url(../image/bg_css_menu.png) repeat bottom;
-border:1px solid;
-border-color:#ccc #888 #555 #bbb;
-}
-
-#menu a, #menu h2, #menu div.x {
-font:11px/16px arial,helvetica,sans-serif;
-display:block;
-border:0;
-border-right:1px;
-border-style:solid;
-border-color:#ccc #888 #555 #bbb;
-white-space:nowrap;
-margin:0;
-padding:1px 0 1px 3px;
-}
-
-#menu h2 {
-color:#fff;
-padding:0 5px;
-}
-
-#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
-color:#000;
-text-decoration:none;
-padding-right:10px;
-}
-
-#menu a {
-background:#eee;
-}
-
-#menu div.x, #menu div.x:visited {
-background:#eee url(../image/right.gif) no-repeat right;
-}
-
-#menu a:hover, #menu div.x:hover {
-color:#a00;
-background-color:#ddd;
-}
-
-#menu a:active, #menu div.x:active {
-color:#060;
-background-color:#ccc;
-}
-
-#menu ul {
-list-style:none;
-margin:0;
-padding:0;
-float:left;
-min-width:7em;
-}
-
-#menu li {
-position:relative;
-float:none;
-border:0;
-}
-
-/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far 
- * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow 
- * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
- * a bottom border, which just looks ugly
- * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
-#menu ul li {
-border:solid;
-border-color:#ccd5e5;
-border-width:0 0 1px 0;
-}
-
-#menu ul ul li {
-border:solid;
-border-width:0 0 1px 0;
-}
-
-/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below 
- * causing the menu to close. Opera 9 has the same bug btw. */
-#menu ul ul {
-position:absolute;
-z-index:500;
-top:auto;
-display:none;
-background:#000;
-}
-
-#menu ul ul ul {
-top:0;
-left:100%;
-background:#000;
-}
-
-/* Begin non-anchor hover selectors */
-
-/* Enter the more specific element (div) selector
-on non-anchor hovers for IE5.x to comply with the
-older version of csshover.htc - V1.21.041022. It
-improves IE's performance speed to use the older
-file and this method */
-
-div#menu h2:hover {
-background:#A3C5FF;
-color:#a00;
-}
-
-div#menu li:hover {
-cursor:pointer;
-z-index:100;
-}
-
-div#menu li:hover ul ul,
-div#menu li li:hover ul ul,
-div#menu li li li:hover ul ul,
-div#menu li li li li:hover ul ul
-{display:none;}
-
-div#menu li:hover ul,
-div#menu li li:hover ul,
-div#menu li li li:hover ul,
-div#menu li li li li:hover ul
-{display:block;}
-
-/* End of non-anchor hover selectors */
-
diff --git a/css/menuv4.css b/css/menuv4.css
deleted file mode 100644
index b59efc264..000000000
--- a/css/menuv4.css
+++ /dev/null
@@ -1,140 +0,0 @@
-body {
-behavior:url("css/csshover.htc");
-}
-
-#menu {
-width:99.8%;
-float:left;
-background:url(../image/bg_css_menu.png) repeat bottom;
-border:1px solid;
-border-color:#ccc #888 #555 #bbb;
-}
-
-#menu a, #menu h2, #menu div.x {
-font:11px/16px arial,helvetica,sans-serif;
-display:block;
-border:0;
-border-right:1px;
-border-style:solid;
-border-color:#ccc #888 #555 #bbb;
-white-space:nowrap;
-margin:0;
-padding:1px 0 1px 3px;
-}
-
-#menu h2:before {
-    content:" ";
-}
-#menu h2:after {
-    content:" ";
-}
-#menu h2 {
-color:#fff;
-padding:2px 10px;
-}
-
-#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
-color:#000;
-text-decoration:none;
-padding-right:10px;
-}
-
-#menu a {
-background:#eee;
-}
-#menu div.x, #menu div.x:visited {
-background:#eee url(../image/right.gif) no-repeat right;
-}
-
-#menu a:hover, #menu div.x:hover {
-color:#a00;
-background-color:#ddd;
-}
-
-#menu a:active, #menu div.x:active {
-color:#060;
-background-color:#ccc;
-}
-
-#menu ul {
-list-style:none;
-margin:0;
-padding:0;
-float:left;
-}
-
-#menu li {
-position:relative;
-float:none;
-border:0;
-}
-
-li.sub {
-position:relativ;
-left:-25px;
-top:-3px;
-}
-
-/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far 
- * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow 
- * so the only method to get this pile of crap going is to add a bottom border to the <li>s, where the enclosing <ul> already has
- * a bottom border, which just looks ugly
- * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
-#menu ul li {
-border:solid;
-border-color:#ccd5e5;
-border-width:0 0 1px 0;
-}
-
-#menu ul ul li {
-border:solid;
-border-width:0 0 1px 0;
-}
-
-/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below 
- * causing the menu to close. Opera 9 has the same bug btw. */
-#menu ul ul {
-position:absolute;
-z-index:500;
-top:auto;
-display:none;
-}
-
-#menu ul ul ul {
-top:0;
-left:100%;
-}
-
-/* Begin non-anchor hover selectors */
-
-/* Enter the more specific element (div) selector
-on non-anchor hovers for IE5.x to comply with the
-older version of csshover.htc - V1.21.041022. It
-improves IE's performance speed to use the older
-file and this method */
-
-div#menu h2:hover {
-background:#A3C5FF;
-color:#a00;
-}
-
-div#menu li:hover {
-cursor:pointer;
-z-index:100;
-}
-
-div#menu li:hover ul ul,
-div#menu li li:hover ul ul,
-div#menu li li li:hover ul ul,
-div#menu li li li li:hover ul ul
-{display:none;}
-
-div#menu li:hover ul,
-div#menu li li:hover ul,
-div#menu li li li:hover ul,
-div#menu li li li li:hover ul
-{display:block; position:relativ: left:10px;}
-
-/* End of non-anchor hover selectors */
-
-
diff --git a/css/mn_hauptmenu.png b/css/mn_hauptmenu.png
deleted file mode 100755
index 80cee391700af38b0ec97ddb1b4507b27999c7ae..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 177
zcmeAS@N?(olHy`uVBq!ia0vp^dO$43!3HGvPgwUINU<e(ySp&_2f+n<mrn+Ya29w(
z7Bet#^MNp<!@h@(Ktc8rPhVH|D?GgX5~gcKZ!rOd>^xl@Lp+YZy}pr`K|$c~frfoa
zMq-JYQf_D0JE~MSW!vUNH(ssm%JDkT$jr_sV^Qz`%=q*9`JLBphonDpv&jT4&iM#5
OiNVv=&t;ucLK6Tbi8f>a

diff --git a/css/px_3.gif b/css/px_3.gif
deleted file mode 100644
index ce4e32285adf19b3d91678c6a1ea198756948849..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 148
zcmV;F0Biq8Nk%w1VPpVg0Du7i|Nq_p|Nkri0001F0Av6F0&|3qsmtvTqnxzbi?iOm
z`wxcVNS5Y_rs~SJ?hD8AOxN~}=lag~{tpZahs2`sh)gP%%%<}RjY_A~s`ZM^YPa03
z_X`e-$K<m4j83c9?6&(2kIU!uy8VvN>-YS={|^`_I7nD%c!-#&xX9S(_y}oO0029N
CT~Y-A

diff --git a/css/tabcontent.css b/css/tabcontent.css
deleted file mode 100644
index 54c3e5e18..000000000
--- a/css/tabcontent.css
+++ /dev/null
@@ -1,176 +0,0 @@
-/* ######### CSS for Shade Tabs. Remove if not using ######### */
-
-.shadetabs{
-padding: 3px 0;
-margin-left: 0;
-margin-top: 1px;
-margin-bottom: 0;
-font: bold 12px Verdana, sans-serif;
-list-style-type: none;
-text-align: left; /*set to left, center, or right to align the menu as desired*/
-}
-
-.shadetabs li{
-display: inline;
-margin: 0;
-}
-
-.shadetabs li a{
-text-decoration: none;
-position: relative;
-z-index: 1;
-padding: 3px 7px;
-margin-right: 3px;
-border: 1px solid #778;
-color: #2d2b2b;
-background: white url(../image/shade.gif) top left repeat-x;
-}
-
-.shadetabs li a:visited{
-color: #2d2b2b;
-}
-
-.shadetabs li a:hover{
-text-decoration: underline;
-color: #2d2b2b;
-}
-
-.shadetabs li a.selected{ /*selected main tab style */
-position: relative;
-top: 1px;
-}
-
-.shadetabs li a.selected{ /*selected main tab style */
-background-image: url(../image/shadeactive.gif);
-border-bottom-color: white;
-}
-
-.shadetabs li a.selected:hover{ /*selected main tab style */
-text-decoration: none;
-}
-
-.tabcontent{
-display:none;
-}
-
-@media print {
-.tabcontent {
-display:block !important;
-}
-}
-
-/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
-
-.modernbricksmenu2{
-padding: 0;
-width: 362px;
-border-top: 5px solid #D25A0B; /*Brown color theme*/
-background: transparent;
-voice-family: "\"}\"";
-voice-family: inherit;
-}
-
-.modernbricksmenu2 ul{
-margin:0;
-margin-left: 10px; /*margin between first menu item and left browser edge*/
-padding: 0;
-list-style: none;
-}
-
-.modernbricksmenu2 li{
-display: inline;
-margin: 0 2px 0 0;
-padding: 0;
-text-transform:uppercase;
-}
-
-.modernbricksmenu2 a{
-float: left;
-display: block;
-font: bold 11px Arial;
-color: white;
-text-decoration: none;
-margin: 0 1px 0 0; /*Margin between each menu item*/
-padding: 5px 10px;
-background-color: black; /*Brown color theme*/
-border-top: 1px solid white;
-}
-
-.modernbricksmenu2 a:hover{
-background-color: #D25A0B; /*Brown color theme*/
-color: white;
-}
-
-.modernbricksmenu2 a.selected{ /*currently selected tab*/
-background-color: #D25A0B; /*Brown color theme*/
-color: white;
-border-color: #D25A0B; /*Brown color theme*/
-}
-
-.tabcontent{
-display:none;
-}
-
-@media print {
-.tabcontent {
-display:block !important;
-}
-}
-
-/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
-
-
-.indentmenu{
-font: bold 13px Arial;
-width: 100%; /*leave this value as is in most cases*/
-}
-
-.indentmenu ul{
-margin: 0;
-padding: 0;
-float: left;
-/* width: 80%; width of menu*/
-border-top: 1px solid navy; /*navy border*/
-background: black url(../image/indentbg.gif) center center repeat-x;
-}
-
-.indentmenu ul li{
-display: inline;
-}
-
-.indentmenu ul li a{
-float: left;
-color: white; /*text color*/
-padding: 5px 11px;
-text-decoration: none;
-border-right: 1px solid navy; /*navy divider between menu items*/
-}
-
-.indentmenu ul li a:visited{
-color: white;
-}
-
-.indentmenu ul li a.selected{
-color: white !important;
-padding-top: 6px; /*shift text down 1px*/
-padding-bottom: 4px;
-background: black url(../image/indentbg2.gif) center center repeat-x;
-}
-
-
-.tabcontentstyle{ /*style of tab content oontainer*/
-border: 1px solid gray;
-width: 95%;
-margin-bottom: 1em;
-padding: 10px;
-}
-
-.tabcontent{
-display:none;
-}
-
-@media print {
-.tabcontent {
-display:block !important;
-}
-}
diff --git a/templates/webpages/menu/header.html b/templates/webpages/menu/header.html
index eb750cd4e..f0da916bf 100644
--- a/templates/webpages/menu/header.html
+++ b/templates/webpages/menu/header.html
@@ -1,35 +1,32 @@
 [%- USE T8 %]
-<script language="javascript" src="js/switchmenuframe.js"></script>
-<body>
- <table>
-  <tr>
+<body class="frame-header">
+<div class="frame-header">
 [% UNLESS is_links %]
-   <td nowrap>
+ <span class="frame-header-element frame-header-left">
     [<a href="JavaScript:Switch_Menu();" title="[% 'Switch Menu on / off' | $T8 %]">[% 'Menu' | $T8 %]</a>]
     [<a HREF="login.pl" target="_blank" title="[% 'Open a further Lx-Office Window or Tab' | $T8 %]">[% 'New Win/Tab' | $T8 %]</a>]
     [<a href="JavaScript:top.main_window.print();" title="[% 'Hardcopy' | $T8 %]">[% 'Print' | $T8 %]</a>]
     [<a href="Javascript:top.main_window.history.back();" title="[% 'Go one step back' | $T8 %]">[% 'Back' | $T8 %]</a>]
     [<a href="Javascript:top.main_window.history.forward();" title="[% 'Go one step forward' | $T8 %]">[% 'Fwd' | $T8 %]</a>]
-   </td>
+ </span>
 [%- END %]
 [% IF is_fastcgi && LXCONFIG.debug.show_debug_menu %]
-   <td align='center' nowrap>
-    Debug:
-    [<a href='controller.pl?action=DebugMenu/reload']>FCGI Reload</a>]
-    [<a href='controller.pl?action=DebugMenu/toggle&level=request_timer'>[% IF LXDEBUG.level_by_name('request_timer') %]<b>Timing</b>[% ELSE %]Timing[% END %]</a>]
-    [<a href='controller.pl?action=DebugMenu/toggle&level=trace'>[% IF LXDEBUG.level_by_name('trace') %]<b>Trace</b>[% ELSE %]Trace[% END %]</a>]
-    [<a href='controller.pl?action=DebugMenu/toggle&level=query'>[% IF LXDEBUG.level_by_name('query') %]<b>Query</b>[% ELSE %]Query[% END %]</a>]
-    [<a href='controller.pl?action=DebugMenu/toggle&level=warn'>[% IF LXDEBUG.level_by_name('warn') %]<b>Warnings</b>[% ELSE %]Warnings[% END %]</a>]
-   </td>
+ <span class="frame-header-element frame-header-center">
+  Debug:
+  [<a href='controller.pl?action=DebugMenu/reload'>FCGI Reload</a>]
+  [<a href='controller.pl?action=DebugMenu/toggle&level=request_timer'>[% IF LXDEBUG.level_by_name('request_timer') %]<b>Timing</b>[% ELSE %]Timing[% END %]</a>]
+  [<a href='controller.pl?action=DebugMenu/toggle&level=trace'>[% IF LXDEBUG.level_by_name('trace') %]<b>Trace</b>[% ELSE %]Trace[% END %]</a>]
+  [<a href='controller.pl?action=DebugMenu/toggle&level=query'>[% IF LXDEBUG.level_by_name('query') %]<b>Query</b>[% ELSE %]Query[% END %]</a>]
+  [<a href='controller.pl?action=DebugMenu/toggle&level=warn'>[% IF LXDEBUG.level_by_name('warn') %]<b>Warnings</b>[% ELSE %]Warnings[% END %]</a>]
+ </span>
 [%- END %]
-   <td align="right" nowrap>
-    [% 'User' | $T8 %]:
-    [% MYCONFIG.login %]
-    [<a href="login.pl?action=logout" target="_top" title="[% 'Logout now' | $T8 %]">[% 'Logout' | $T8 %]</a>]
-    [% now.to_lxoffice %] -
-    [% now.hms %]
-   </td>
-  </tr>
- </table>
+ <span class="frame-header-element frame-header-right">
+  [% 'User' | $T8 %]:
+  [% MYCONFIG.login %]
+  [<a href="login.pl?action=logout" target="_top" title="[% 'Logout now' | $T8 %]">[% 'Logout' | $T8 %]</a>]
+  [% now.to_lxoffice %] -
+  [% now.hms %]
+ </span>
+</div>
 </body>
 </html>
diff --git a/templates/webpages/menu/menunew.html b/templates/webpages/menu/menunew.html
index 164533990..452c43a2e 100644
--- a/templates/webpages/menu/menunew.html
+++ b/templates/webpages/menu/menunew.html
@@ -1,5 +1,5 @@
 [%- USE T8 %]
-[% USE HTML %]<body style="padding:0px; margin:0px;">
+[% USE HTML %]<body class="menunew">
 
  <script type="text/javascript">
 <!--
@@ -16,15 +16,15 @@ window.onload=clockon
 
  <script type="text/javascript" src="js/dhtmlsuite/menu-for-applications.js"></script>
 
- <table border="0" width="100%" background="image/bg_titel.gif" cellpadding="0" cellspacing="0">
+ <table class="menunew">
   <tr>
-   <td style="color:white; font-family:verdana,arial,sans-serif; font-size: 12px;">
+   <td>
     &nbsp;
     [<a href="menunew.pl?action=display" target="_blank">[% 'new Window' | $T8 %]</a>]
     &nbsp;
     [<a href="JavaScript:top.main_window.print()">[% 'print' | $T8 %]</a>]
    </td>
-   <td align="right" style="vertical-align:middle; color:white; font-family:verdana,arial,sans-serif; font-size: 12px;" nowrap>
+   <td align="right" nowrap>
     [[% 'User' | $T8 %]: [% HTML.escape(login) %] -
     <a href="login.pl?action=logout" target="_top">[% 'logout' | $T8 %]</a>]
     [% date %] <span id='clock_id' style='position:relative'></span>&nbsp;
@@ -80,7 +80,7 @@ window.onload=clockon
 
 DHTMLSuite.createStandardObjects();
 
-DHTMLSuite.configObj.setCssPath('css/dhtmlsuite/');
+DHTMLSuite.configObj.setCssPath('[% myconfig.css_path %]/dhtmlsuite/');
 DHTMLSuite.configObj.setImagePath('image/dhtmlsuite/');
 
 var menu_model = new DHTMLSuite.menuModel();
diff --git a/templates/webpages/menu/menuv3.html b/templates/webpages/menu/menuv3.html
index 9da62367c..e02d27375 100644
--- a/templates/webpages/menu/menuv3.html
+++ b/templates/webpages/menu/menuv3.html
@@ -31,7 +31,7 @@ window.onload=clockon
  </table>
 
 
- <div id="menu">
+ <div id="menuv3">
 
   [% menu %]
 
diff --git a/templates/webpages/menu/menuv4.html b/templates/webpages/menu/menuv4.html
index 4ae7d19a9..2b159b3a7 100644
--- a/templates/webpages/menu/menuv4.html
+++ b/templates/webpages/menu/menuv4.html
@@ -31,7 +31,7 @@ window.onload=clockon
  </table>
 
 
- <div id="menu">
+ <div id="menuv4">
 
   [% menu %]
 
-- 
2.20.1