From: Sven Schöling <s.schoeling@linet-services.de>
Date: Mon, 5 Mar 2012 10:26:00 +0000 (+0100)
Subject: css und images
X-Git-Tag: release-3.0.0beta1~344^2~7^2~6
X-Git-Url: http://wagnertech.de/gitweb/gitweb.cgi/mfinanz.git/commitdiff_plain/b2ddbc666d31b454e8667beab1cdaa302eca5f9f?ds=inline

css und images
---

diff --git a/css/kivitendo/csshover.htc b/css/kivitendo/csshover.htc
new file mode 100644
index 000000000..e2dcced3e
--- /dev/null
+++ b/css/kivitendo/csshover.htc
@@ -0,0 +1,121 @@
+<attach event="ondocumentready" handler="parseStylesheets" />
+<script>
+/**
+ *	Whatever:hover - V2.02.060206 - hover, active & focus
+ *	------------------------------------------------------------
+ *	(c) 2005 - Peter Nederlof
+ *	Peterned - http://www.xs4all.nl/~peterned/
+ *	License  - http://creativecommons.org/licenses/LGPL/2.1/
+ *
+ *	Whatever:hover is free software; you can redistribute it and/or
+ *	modify it under the terms of the GNU Lesser General Public
+ *	License as published by the Free Software Foundation; either
+ *	version 2.1 of the License, or (at your option) any later version.
+ *
+ *	Whatever:hover is distributed in the hope that it will be useful,
+ *	but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ *	Lesser General Public License for more details.
+ *
+ *	Credits and thanks to:
+ *	Arnoud Berendsen, Martin Reurings, Robert Hanson
+ *
+ *	howto: body { behavior:url("csshover.htc"); }
+ *	------------------------------------------------------------
+ */
+
+var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:unknown)/i,
+currentSheet, doc = window.document, hoverEvents = [], activators = {
+	onhover:{on:'onmouseover', off:'onmouseout'},
+	onactive:{on:'onmousedown', off:'onmouseup'},
+	onunknown:{on:'onfocus', off:'onblur'}
+}
+
+function parseStylesheets() {
+	if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
+	window.attachEvent('onunload', unhookHoverEvents);
+	var sheets = doc.styleSheets, l = sheets.length;
+	for(var i=0; i<l; i++) 
+		parseStylesheet(sheets[i]);
+}
+	function parseStylesheet(sheet) {
+		if(sheet.imports) {
+			try {
+				var imports = sheet.imports, l = imports.length;
+				for(var i=0; i<l; i++) parseStylesheet(sheet.imports[i]);
+			} catch(securityException){}
+		}
+
+		try {
+			var rules = (currentSheet = sheet).rules, l = rules.length;
+			for(var j=0; j<l; j++) parseCSSRule(rules[j]);
+		} catch(securityException){}
+	}
+
+	function parseCSSRule(rule) {
+		var select = rule.selectorText, style = rule.style.cssText;
+		if(!csshoverReg.test(select) || !style) return;
+		
+		var pseudo = select.replace(/[^:]+:([a-z-]+).*/i, 'on$1');
+		var newSelect = select.replace(/(\.([a-z0-9_-]+):[a-z]+)|(:[a-z]+)/gi, '.$2' + pseudo);
+		var className = (/\.([a-z0-9_-]*on(hover|active|unknown))/i).exec(newSelect)[1];
+		var affected = select.replace(/:(hover|active|unknown).*$/, '');
+		var elements = getElementsBySelect(affected);
+		if(elements.length == 0) return;
+
+		currentSheet.addRule(newSelect, style);
+		for(var i=0; i<elements.length; i++)
+			new HoverElement(elements[i], className, activators[pseudo]);
+	}
+
+function HoverElement(node, className, events) {
+	if(!node.hovers) node.hovers = {};
+	if(node.hovers[className]) return;
+	node.hovers[className] = true;
+	hookHoverEvent(node, events.on, function() { node.className += ' ' + className; });
+	hookHoverEvent(node, events.off, function() { node.className = node.className.replace(new RegExp('\\s+'+className, 'g'),''); });
+}
+	function hookHoverEvent(node, type, handler) {
+		node.attachEvent(type, handler);
+		hoverEvents[hoverEvents.length] = { 
+			node:node, type:type, handler:handler 
+		};
+	}
+
+	function unhookHoverEvents() {
+		for(var e,i=0; i<hoverEvents.length; i++) {
+			e = hoverEvents[i]; 
+			e.node.detachEvent(e.type, e.handler);
+		}
+	}
+
+function getElementsBySelect(rule) {
+	var parts, nodes = [doc];
+	parts = rule.split(' ');
+	for(var i=0; i<parts.length; i++) {
+		nodes = getSelectedNodes(parts[i], nodes);
+	}	return nodes;
+}
+	function getSelectedNodes(select, elements) {
+		var result, node, nodes = [];
+		var identify = (/\#([a-z0-9_-]+)/i).exec(select);
+		if(identify) {
+			var element = doc.getElementById(identify[1]);
+			return element? [element]:nodes;
+		}
+		
+		var classname = (/\.([a-z0-9_-]+)/i).exec(select);
+		var tagName = select.replace(/(\.|\#|\:)[a-z0-9_-]+/i, '');
+		var classReg = classname? new RegExp('\\b' + classname[1] + '\\b'):false;
+		for(var i=0; i<elements.length; i++) {
+			result = tagName? elements[i].all.tags(tagName):elements[i].all; 
+			for(var j=0; j<result.length; j++) {
+				node = result[j];
+				if(classReg && !classReg.test(node.className)) continue;
+				nodes[nodes.length] = node;
+			}
+		}	
+		
+		return nodes;
+	}
+</script>
\ No newline at end of file
diff --git a/css/kivitendo/dhtmlsuite b/css/kivitendo/dhtmlsuite
new file mode 120000
index 000000000..0b8350fb7
--- /dev/null
+++ b/css/kivitendo/dhtmlsuite
@@ -0,0 +1 @@
+../lx-office-erp/dhtmlsuite/
\ No newline at end of file
diff --git a/css/kivitendo/frame_header b/css/kivitendo/frame_header
new file mode 120000
index 000000000..d69ab7feb
--- /dev/null
+++ b/css/kivitendo/frame_header
@@ -0,0 +1 @@
+../lx-office-erp/frame_header/
\ No newline at end of file
diff --git a/css/kivitendo/jquery.autocomplete.css b/css/kivitendo/jquery.autocomplete.css
new file mode 120000
index 000000000..dc1123169
--- /dev/null
+++ b/css/kivitendo/jquery.autocomplete.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.autocomplete.css
\ No newline at end of file
diff --git a/css/kivitendo/jquery.multiselect2side.css b/css/kivitendo/jquery.multiselect2side.css
new file mode 120000
index 000000000..270f1a248
--- /dev/null
+++ b/css/kivitendo/jquery.multiselect2side.css
@@ -0,0 +1 @@
+../lx-office-erp/jquery.multiselect2side.css
\ No newline at end of file
diff --git a/css/kivitendo/main.css b/css/kivitendo/main.css
new file mode 100644
index 000000000..46e4ba15a
--- /dev/null
+++ b/css/kivitendo/main.css
@@ -0,0 +1,355 @@
+/* Stylesheet for kivitendo * Name:kivitendo.css*/
+/* Colortable
+
+Background: 	#EBEBEB burlywood
+Links:		 	#006400 DarkGreen
+Link-hover		#FE5F14 Orange / #FFFFE0 lightyellow
+Titles, BG/VG:	#79B61B Mid-green FFFFFF White
+Tabcolor: #CAFFA3
+*/
+
+
+body {
+	font-family: Verdana, Arial, Helvetica;
+	background-color: #FFFFFF;
+	color: #000000;
+    font-size: 9pt;
+}
+
+
+/* The look of links */
+a {
+	padding: 0 0.2em;
+	text-decoration: none;
+	/* border-bottom: thin solid; */
+	/* font-weight: bold; */
+}
+A:link, A:visited, A:active {
+	color: #000000;
+	border-bottom: thin solid #FE5F14;
+}
+a:hover {
+	color: #FE5F14;
+	background-color: #D1D1D1;
+}
+a.selected:hover {
+	color:#EBEBEB;
+}
+a.nomobile {
+	background-color:transparent;
+	border:none;
+}
+
+table {
+    font-size: 90% !important;
+	table-layout: auto;
+	border-spacing: 0.3em;
+}
+
+/* table a {
+	color:#FE5F14 !important;
+	border-bottom:none;
+} */
+
+ul {
+}
+
+hr {
+	background-color: #006400;
+	border: none;
+	color: #79B61B;
+	height: 2px;
+}
+
+/* I.E. & Chrome können das nicht! */
+/* input[type="radio"], input[type="checkbox"]{
+	width:1.15em;
+	height:1.15em;
+	border:1px solid;
+	color: #006400;
+} */
+input:focus, textarea:focus, select:focus {
+	background-color: #FFFFA0;
+	border: 2px solid #FE5F14;
+	/* border-bottom: medium solid #FE5F14; */
+}
+/* Fängt den "Schrink" beim focus - problem für i.e. und chrome */
+/* input[type="radio"]:focus, input[type="checkbox"]:focus{
+	width:1.2em;
+	height:1.2em;
+} */
+td {
+	color: #000000;
+	font-weight: normal;
+}
+/* td.hover:hover {
+	color: #006400;
+	background-color: #FFFFE0;
+} */
+th {
+	color: #000000;
+	font-weight: bold;
+}
+/* login and admin */
+.login a, .login a:visited, .login a:hover {
+	text-decoration: none !important;
+	background-color:transparent !important;
+	border:none;
+}
+.login a:hover {
+	background: none;
+}
+body.login {
+	background-color: #FFFFE0;
+	color: #000000;
+}
+h1.login {
+}
+table.login {
+	background-color: #FFFFE0;
+	padding: 20px;
+}
+td.login {
+	text-align: center;
+}
+th.login {
+	text-align: right;
+}
+body.admin {
+	background-color: #FFFFE0;
+	color: #000000;
+}
+body.menu {
+	color: #000000;
+}
+/* Warnings */
+.message_error_login {
+	color: #000000;
+	border: 1px solid #8b0000;
+	background-color: #ffcccc;
+	padding: 3px;
+}
+.message_ok {
+	padding: 5px;
+	background-color: #ADFFB6;
+	color: black;
+	font-weight: bolder;
+	text-align: center;
+	border-style: solid;
+	border-width: thin;
+}
+.message_error {
+	padding: 5px;
+	background-color: #CC0000;
+	color: black;
+	font-weight: bolder;
+	text-align: center;
+	border-style: solid;
+	border-width: thin;
+}
+.message_hint {
+	padding: 0.5em;
+	background-color: #FFEE66;
+	color: black;
+	font-weight: bolder;
+	text-align: center;
+	border-style: solid;
+	border-width: thin;
+}
+.message_error_label {
+	padding: 0.5em;
+	background-color: #E00000;
+	font-weight: normal;
+	text-align: left;
+	border-style: solid;
+	border-width: thin;
+}
+/*    Headings */
+.listtop, h1, .tabcontent .listheading {
+    font-size:125%;
+	background-color: #006400;
+	text-align: left;
+	padding: 0.5em;
+	color: #FFFFFF;
+	font-weight: bolder;
+	border-style: none;
+	border-width: thin;
+	-moz-border-radius:0.4em; /* Firefox */
+	-webkit-border-radius:0.4em; /* Safari, Chrome */
+	-khtml-border-radius:0.4em; /* Konqueror */
+	border-radius:0.4em; /* CSS3 */
+	behavior:url(border-radius.htc);
+}
+
+/* .listelement {
+	background-color: #f8ffb3;
+	color: #000000;
+}
+.listelement2 {
+	background-color: #8ee085;
+	color: #000000;
+} */
+.listheading {
+	padding: 0.2em;
+	background-color: #EBEBEB;
+	color: #006400;
+	font-weight: bolder;
+	text-align: left;
+	border-style: none;
+}
+
+/* .listheadingcontent {
+	background-color: #EBEBEB;
+	color: #006400;
+	font-weight: bolder;
+	text-align: left;
+} */
+
+.accountlistheading {
+	padding: 0.3em;
+	color: #006400;
+	font-weight: bold;
+	text-align: left;
+	background-color: #EBEBEB;
+}
+.subsubheading {
+	color: #000000;
+	font-weight: bolder;
+	text-decoration: underline;
+}
+.optionen {
+	border: dashed;
+	border-width: 1px;
+	background: #FFFFE0;
+}
+.listrow1 {
+	background-color: #FFFFFF;
+	color: black;
+	vertical-align: top;
+}
+.listrow0 {
+	background-color: #FFFF99;
+	color: black;
+	vertical-align: top;
+}
+.listsubtotal {
+	background-color: rgb(236,233,216);
+	color: black;
+	font-weight: bolder;
+}
+.listtotal, .listtotal td {
+	background-color: rgb(236,233,216);
+	color: black;
+	font-weight: bolder;
+}
+/* Verkaufsbericht */
+.listmainsortheader {
+	background-color: rgb(236,233,216);
+	color: red;
+	font-weight: bolder;
+	padding-left: 10px;
+	padding-top: 0px;
+}
+.listmainsortsubtotal {
+	background-color: rgb(236,233,216);
+	color: red;
+	font-weight: bolder;
+	padding-left: 10px;
+}
+.listsubsortheader {
+	background-color: rgb(236,233,216);
+	color: green;
+	font-weight: bolder;
+	padding-left: 20px
+}
+.listsubsortsubtotal {
+	background-color: rgb(236,233,216);
+	color: green;
+	font-weight: bolder;
+	padding-left: 20px
+}
+.listsortdescription {
+	background-color: rgb(236,233,216);
+	color: black;
+	font-weight: normal;
+	padding-left: 30px
+}
+.submit {
+	font-family: Verdana, Arial, Helvetica;
+	color: #000000;
+}
+.checkbox, .radio {
+	font-family: Verdana, Arial, Helvetica;
+	color: #778899;
+}
+.plus0 {
+/* font color for negative numbers */
+	color: red;
+}
+.plus1 {
+	color: green;
+}
+h2.confirm {
+	color: blue;
+}
+h2.error {
+	color: red;
+}
+fieldset {
+	margin-top: 15px;
+	color: black;
+	font-weight: bolder;
+}
+/* media stuff */
+@media screen {
+.noscreen {
+/* items with this class won't display */
+	display: none;
+}
+}
+@media print {
+.noprint {
+/* items with this class won't print */
+	display: none;
+}
+}
+.filecontent {
+	border: 1px solid blue;
+	padding-left: 2px;
+	padding-right: 2px;
+}
+label {
+	cursor: pointer;
+	vertical-align: top;
+}
+.unbalanced_ledger {
+	background-color: #ffa0a0;
+}
+.clearfix:after {
+	clear: both;
+	content: ".";
+	display: block;
+	height: 0;
+	visibility: hidden;
+}
+.flash_message_error {
+	background-color: #FFD6D6;
+	border: 1px solid #AE0014;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	padding: 5px;
+}
+.flash_message_warning {
+	background-color: #FFE8C7;
+	border: 1px solid #FF6600;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	padding: 5px;
+}
+.flash_message_info {
+	background-color: #DCF2FF;
+	border: 1px solid #4690FF;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	padding: 5px;
+}
diff --git a/css/kivitendo/menu.css b/css/kivitendo/menu.css
new file mode 100644
index 000000000..c2dd86700
--- /dev/null
+++ b/css/kivitendo/menu.css
@@ -0,0 +1,145 @@
+/* kivitendo menu Colors:
+Menu Background color #FE5F14
+orangemenu color #FFFFFF
+whiteMenu Hover background color #FFFFE0
+DarkGreensubenu pointer
+*/
+body.menuv4 {
+	behavior: url("css/csshover.htc");
+	/*font-size: 14pt;*/
+	line-height: 20pt;
+	font-family: Verdana, Geneva, Tahoma, sans-serif;
+	background-color: #FFFFFF;
+	color: #000000;
+}
+#menuv4 {
+	/*font-size: 85%;*/
+	width: 99.8%;
+	float: left;
+	/*border: 3px solid;*/
+	background-color: #FFFFFF;
+	color: #000000;
+	margin-top: 0.2em;
+}
+#menuv4 a, #menuv4 h2, #menuv4 div.x {
+	font-size: 80%;
+	line-height: 120%;
+	display: block;
+	border: 0;
+	white-space: nowrap;
+	margin: 0;
+	padding: 0.3em 1em;
+}
+#menuv4 h2:before {
+	content: " ";
+}
+#menuv4 h2:after {
+	content: " ";
+}
+#menuv4 h2 {
+	background-color: #ffffff;
+	color: #000000;
+	/*padding: 2px 15px;*/
+/* Firefox */
+	-moz-border-radius: 0.4em 0.4em 0;
+/* Safari, Chrome */
+	-webkit-border-radius: 0.4em 0.4em 0;
+/* Konqueror */
+	-khtml-border-radius: 0.4em 0.4em 0;
+/* CSS3 */
+	border-radius: 0.4em 0.4em 0 0;
+/* 	behavior: url(border-radius.htc); */
+}
+#menuv4 ul:hover h2 {
+	background-color:#DCDCDC;
+}
+#menuv4 a, #menuv4 a:visited, #menuv4 div.x, #menuv4 div.x:visited {
+	color: #000000;
+	text-decoration: none;
+	padding-right: 10px;
+}
+#menuv4 a {
+	background: #EBEBEB;
+}
+#menuv4 div.x, #menuv4 div.x:visited {
+	background-color: #EBEBEB;
+	border-right: 1em solid #FE5F14;
+}
+#menuv4 div.x:hover {
+	border-right: none;
+}
+#menuv4 a:hover, #menuv4 div.x:hover {
+	color: #FE5F14;
+	background-color: #EBEBEB;
+}
+#menuv4 a:active, #menuv4 div.x:active {
+	color: #FE5F14;
+	background-color: #EBEBEB;
+}
+#menuv4 ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	float: left;
+}
+
+#menuv4 li {
+	position: relative;
+	float: none;
+	border: 0;
+}
+li.sub {
+	position: relativ;
+	left: 0.2em;
+	top: 0px;
+	background-color: #FFFFFF;
+}
+/* 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: #991900;
+	border-width: 0 0 1px 0;
+*/
+}
+#menuv4 ul ul {
+	padding: 0 2em 2em 2em;
+	margin: 0 -2em -2em -2em;
+}
+#menuv4 ul ul li {
+	/*padding-top: 0.01em;*/
+	background-color: #FFFFFF;
+}
+/* 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: 99%;
+	padding: 2em;
+	margin: -2em;
+}
+#menuv4 ul ul ul li {
+	border-left: 0.2em solid #EBEBEB;
+}
+/* Begin non-anchor hover selectors */
+/* Enter the more specific element (div) selectoron non-anchor hovers for IE5.x to comply with theolder version of csshover.htc - V1.21.041022. Itimproves IE's performance speed to use the olderfile and this method */
+div#menuv4 h2:hover {
+	background: #EBEBEB;
+	color: #FE5F14;
+}
+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;
+	position: relativ: left: 10px;
+}
+/* End of non-anchor hover selectors */
diff --git a/css/kivitendo/tabcontent.css b/css/kivitendo/tabcontent.css
new file mode 100644
index 000000000..093dcc5dd
--- /dev/null
+++ b/css/kivitendo/tabcontent.css
@@ -0,0 +1,193 @@
+/* ######### 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;
+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;
+background-color:#A1A1A1;
+border-bottom: none ;
+color: #000000;
+-moz-border-radius:0.4em 0.4em 0 0; /* Firefox */
+-webkit-border-radius:0.4em 0.4em 0 0; /* Safari, Chrome */
+-khtml-border-radius:0.4em 0.4em 0 0; /* Konqueror */
+border-radius:0.4em 0.4em 0 0 ; /* CSS3 */
+behavior:url(border-radius.htc);
+border-bottom: thin solid #FE5F14;
+}
+
+.shadetabs li a:visited{
+color: #000000;
+border: none;
+background-color:#A1A1A1;
+border-bottom: none ;
+}
+
+.shadetabs li a:hover{
+color: #FE5F14;
+background-color:#EBEBEB;
+}
+
+.shadetabs li a.selected{ /*selected main tab style */
+position: relative;
+top: 1px;
+background-color: #D1D1D1;
+color:#000000;
+}
+
+.shadetabs li a.selected{ /*selected main tab style */
+border-bottom-color:#EBEBEB;
+}
+
+.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 #D2691E; */
+width: 95%;
+margin-bottom: 1em;
+padding: 10px;
+-moz-border-radius:0 0 0.4em 0.4em; /* Firefox */
+-webkit-border-radius:0 0 0.4em 0.4em; /* Safari, Chrome */
+-khtml-border-radius:0 0 0.4em 0.4em; /* Konqueror */
+border-radius:0 0 0.4em 0.4em; /* CSS3 */
+behavior:url(border-radius.htc);
+border: thin solid #A1A1A1;
+
+}
+
+.tabcontent{
+display:none;
+}
+
+@media print {
+.tabcontent {
+display:block !important;
+}
+}
diff --git a/css/kivitendo/ui-lightness b/css/kivitendo/ui-lightness
new file mode 120000
index 000000000..9f2cad02e
--- /dev/null
+++ b/css/kivitendo/ui-lightness
@@ -0,0 +1 @@
+../lx-office-erp/ui-lightness/
\ No newline at end of file
diff --git a/image/kivitendo.png b/image/kivitendo.png
new file mode 100644
index 000000000..7fc65c6d8
Binary files /dev/null and b/image/kivitendo.png differ