body 				{background:none; display:block; color:#000; margin:0; font:11px verdana;  letter-spacing:1px;}
#backgroundImage1	{background:none;}
#backgroundImage2	{background:none;}
#backgroundImage3	{background:none;}
#backgroundImage4	{background:none;}
#backgroundImage5	{background:none;}

@font-face 			{font-family:andes; src:url('../mat/andes.otf');}
button 				{display:none;}

h1 {font-size:16px; color:#ccc; margin:0; text-transform:uppercase; }
h2 {color:#ccc; border-bottom:1px solid #000; display:table; margin-bottom:20px; width:100%; text-transform:capitalize; font:22px 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
h3 {font-size:12px; color:#ccc;}

fieldset.left 		{display:none;}
fieldset.right 		{display:none;}

fieldset.form 		{width:400px; margin:0 auto; padding:2px 0; display:block;}
label 				{width:150px; float:left; font-weight:bold; color:#666; line-height:20px;}
ul 					{list-style:none; margin-bottom:2px; border:0px; display:table; line-height:20px;}

ul.navLeft 			{line-height:12px; padding:0 0 0 10px; margin:0;}
li.navLeft 			{line-height:12px; padding-bottom:5px;}

.invoiceCanvas 		{display:table; width:190mm; margin:10px auto; background:none; color:#000;}
.invoiceBody 		{display:table; width:190mm; margin:0 auto;}
.invoiceHeader		{display:table; width:100%; margin:0 0 50px 0; text-align:right; font-size:9px;}
.invoiceLogo 		{height:120px; width:80px; float:left;}
.invoiceSender		{text-align:right; font-size:9px; margin-bottom:40px;}

.invoice_left		{display:table; width:350px; float:left;}
.invoice_right		{display:table; width:200px; float:right;}
.invoice_logo		{display:table; width:300px;}
.invoice_recipient	{display:table; width:260px; margin:20px 0 0 90px;}

.invoiceLogotype 	{font-size:24px; color:#000; margin:0; font-family:andes,'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.invoiceRecipient 	{display:table; width:100%; margin:5px auto 50px auto; font-size:11px;}
.invoiceRecipient span		{font-size:14px; font-weight:bold;}
.invoiceRecipientAddress	{width:250px; float:left; margin:110px 0 0 50px;}
.invoiceNo 			{display:table; width:200px; float:right;}
.invoiceTitle 		{display:table; width:100%; font-weight:bold; border-bottom:1px solid #000; padding:2px 0; font-size:9px;}
.invoiceContent 	{display:table; width:100%; margin:5px auto; font-size:10px;}
.invoiceComment 	{display:table; width:100%; margin:50px 0 10px 0; font-size:9px;}
.invoiceSum 		{display:table; width:100%; font-weight:bold; border-top:1px solid #000; padding:2px 0;}

.invoice div 			{width:auto; float:left;}
.invoice .descr 		{width:38%;}
.invoice .qty 			{width:10%; text-align:center;}
.invoice .format 		{width:24%;}
.invoice .amount 		{width:14%; text-align:right;}

.title 				{display:table; width:100%; font-weight:bold; border-bottom:1px solid #000; padding:2px 0;}
.total 				{display:table; width:100%; color:#fefefe; font-weight:bold; border-top:1px solid #000; border-bottom:1px solid #000; padding:2px 0; line-height:16px;}
.list 				{display:table; width:100%; padding:2px 0; line-height:16px;}

header 				{width:900px; margin:0 auto; margin-bottom:50px; text-align:left; padding:2px 0; display:table;}
nav#language 		{width:400px; float:left;}
nav#login 			{width:500px; float:right; text-align:right; font-size:11px;}
nav#navigation 		{display:none;}
nav#catalogue a 	{display:none;}

.body 				{display:block; width:100%; margin:0 auto; margin-bottom:20px; text-align:left;}
.main 				{display:table; width:160mm; float:left; margin-left:15px; margin-top:10px;}



.imgNews {width:200px; float:left; margin:0px 15px 15px 0px;}

.alert {font-weight:bold; color:red;}
.status {font-size:9px; padding:1px 5px; border:0; position:relative; top:-2px; line-height:12px; color:#010101; font-weight:bold;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.hover:hover {cursor:pointer; background:#333;}

.bT {border-top:1px #000 solid;}
.bB {border-bottom:1px #000 solid;}

input,textarea,select {width:238px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #000; background:#ccc; outline:none; font-size:10px; float:right; padding:3px; letter-spacing:1px;}
input.basket {width:30px; padding:0; text-align:center; font-size:10px; float:none;}
input[type=radio] {border:none;}
input[type=checkbox] {border:none; font-size:11px; width:15px;line-height:18px; text-align:left; margin:3px 0;}

input.date {width:30px; text-align:center; padding:0; line-height:14px; margin-right:5px;}
input.year {width:50px; text-align:center; padding:0; line-height:14px; margin-right:5px;}
input.amount {width:70px; text-align:right; padding:0; line-height:14px; margin-right:5px;}


a.navButton{height:36px; font-size:16px; color:#010101; line-height:36px; display:block;}
.navHover:hover{background-color:#333; opacity:0.2; filter:alpha(opacity=20); color:#000000;}

.katalogGruppeCont {width:127px; float:left; display:table; height:203px; text-align:center; margin-bottom:10px;}
.katalogGruppe {width:127px; height:169px; float:left; text-align:center;}
.katalogGruppeSpace {width:25px; display:table; float:left;}
img.katalogGruppe {margin-bottom:3px;}
img {border:none;}

.catImg {width:90px; float:left; margin:0 15px 20px 0; background:#333; height:120px;}

.white {color:#fefefe;}
.lightgrey {color:#ccc;}
.grey {color:#666;}
.yellow {color:#ff0;}

.noPrint 		{display:none;}
#vnav			{display:none;}
#navigation		{display:none;}



.invoiceTitle {
	 position:relative;
}

.invoiceTitle .cancelled {
	position:absolute; 
	top:50px;
	left:130px;
	color:#ff0000; 
	font-size:64px;
	-webkit-transform: rotate(-15deg); 
	-moz-transform: rotate(-15deg);
}