-body {\r
-behavior:url("css/csshover.htc");\r
-}\r
-\r
-#menu {\r
-width:100%;\r
-float:left;\r
-background:url(../image/bg_css_menu.png) repeat 100% 100%;\r
-border-width:1px 0 1px 1px;\r
-border-style:solid;\r
-border-color:#ccc #888 #555 #bbb;\r
-}\r
-\r
-#menu a, #menu h2, #menu div.x {\r
-font:11px/16px arial,helvetica,sans-serif;\r
-display:block;\r
-border-width:0 1px 0 0;\r
-border-style:solid;\r
-border-color:#ccc #888 #555 #bbb;\r
-white-space:nowrap;\r
-margin:0;\r
-padding:1px 0 1px 3px;\r
-}\r
-\r
-#menu h2 {\r
-color:#fff;\r
-background:#000 url(../image/bg_css_menu.png) repeat 100% 100%;\r
-}\r
-\r
-#menu a {\r
-background:#eee;\r
-text-decoration:none;\r
-border-width:1px;\r
-padding-right:10px;\r
-}\r
-\r
-#menu a, #menu a:visited {\r
-color:#000;\r
-}\r
-\r
-#menu a:hover {\r
-color:#a00;\r
-background:#ddd;\r
-}\r
-\r
-#menu a:active {\r
-color:#060;\r
-background:#ccc;\r
-}\r
-\r
-#menu ul {\r
-list-style:none;\r
-margin:0;\r
-padding:0;\r
-float:left;\r
-min-width:7em;\r
-}\r
-\r
-#menu li {\r
-position:relative;\r
-}\r
-\r
-#menu ul ul {\r
-position:absolute;\r
-z-index:500;\r
-top:auto;\r
-display:none;\r
-}\r
-\r
-#menu ul ul ul {\r
-top:0;\r
-left:100%;\r
-}\r
-\r
-/* Begin non-anchor hover selectors */\r
-\r
-/* Enter the more specific element (div) selector\r
-on non-anchor hovers for IE5.x to comply with the\r
-older version of csshover.htc - V1.21.041022. It\r
-improves IE's performance speed to use the older\r
-file and this method */\r
-\r
-div#menu h2:hover {\r
-background:#A3C5FF url(../image/expand3.gif) no-repeat -999px -9999px;\r
-color:#a00;\r
-}\r
-\r
-div#menu li:hover {\r
-cursor:pointer;\r
-z-index:100;\r
-}\r
-\r
-div#menu li:hover ul ul,\r
-div#menu li li:hover ul ul,\r
-div#menu li li li:hover ul ul,\r
-div#menu li li li li:hover ul ul\r
-{display:none;}\r
-\r
-div#menu li:hover ul,\r
-div#menu li li:hover ul,\r
-div#menu li li li:hover ul,\r
-div#menu li li li li:hover ul\r
-{display:block;}\r
-\r
-/* End of non-anchor hover selectors */\r
-\r
-/* Styling for Expand */\r
-\r
-#menu a.x, #menu a.x:visited {\r
-/*font-weight:bold;*/\r
-color:#000;\r
-background:#eee url(../image/right.gif) no-repeat 100% 50%;\r
-border-width:1px;\r
-}\r
-\r
-#menu a.x:hover {\r
-color:#fff;\r
-background-color:#000;\r
-}\r
-\r
-#menu a.x:active {\r
-color:#060;\r
-background-color:#ccc;\r
-}\r
-\r
-#menu div.x, #menu div.x:visited {\r
-/*font-weight:bold;*/\r
-border-width:1px;\r
-color:#000;\r
-background:#eee url(../image/right.gif) no-repeat 100% 50%;\r
-padding-right:10px;\r
-}\r
-\r
-#menu div.x:hover {\r
-color:#a00;\r
-background-color:#ddd;\r
-}\r
-\r
-#menu div.x:active {\r
-color:#060;\r
-background-color:#ccc;\r
-}\r
+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:2 15px
+}
+
+#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 */
+
projects / kivitendo-erp.git / blobdiff