@charset "UTF-8";
body 					{ display:block; color:#9a9a9a; margin:0;}
#backgroundImage1		{ background:#000 url(../mat/bgnd1.jpg) top center no-repeat fixed;}
#backgroundImage2		{ background:#000 url(../mat/bgnd2.jpg) top center no-repeat fixed;}
#backgroundImage3		{ background:#000 url(../mat/bgnd3.jpg) top center no-repeat fixed;}
#backgroundImage4		{ background:#000 url(../mat/bgnd4.jpg) top center no-repeat fixed;}
#backgroundImage5		{ background:#000 url(../mat/bgnd5.jpg) top center no-repeat fixed;}
#backgroundImagexmas	{ background:#000 url(../mat/bgndxmas.jpg) top center no-repeat fixed;}

@font-face 			{font-family:andes; src:url('../mat/andes.otf');}
img 				{-ms-interpolation-mode:bicubic;}

html, body, h1, form, fieldset, legend, ol, ul, li, button {
	margin:0; 
	padding:0; 
	font: 12px 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	letter-spacing:1px; 
	border:none;
	}

header, section, footer, aside, nav, article, figure,button {display: block;}

ul					{list-style-type:none;}

a 					{color:#ccc; text-decoration:none; letter-spacing:2px; outline:none;}
a.sub 				{color:#999;}
a:hover 			{color:#fefefe; text-decoration:none;}

h1 					{font-size:20px; color:#ccc; margin:0 0 5px 0; padding:0;}
h2 					{color:#ccc; border-bottom:1px solid #666; display:table; margin:0 0 20px 0; width:100%; text-transform:uppercase; font-size:22px; letter-spacing:3px;}
h3 					{font-size:12px; color:#ccc;}
h4 					{font-size:18px; color:#ccc; margin:0 0 15px 0; padding:0;}

p					{margin:0; padding:0;}

.adminnav			{width:100%; display:table;}

.news				{width:100%; display:table;}
.news section		{width:100%; display:table; margin-bottom:20px; padding-bottom:30px; border-bottom:1px solid #333333;}
.news figure		{width:200px; display:block; float:left; text-align:center; margin:0; padding:0;}
.news p				{width:350px; float:right; display:table; margin-top:20px;}

.about				{display:table; width:570px; float:left; margin:30px 0 50px 15px;}
.about section.txt	{margin-bottom:50px;}
.about section		{width:100%; display:table; margin:20px 0;}
.about img			{width:100px; height:150px; float:left;}
.about ul			{width:455px; float:right; display:table;}
.about ul li		{line-height:20px;}
.about ul li.xxx	{width:100px; float:left; display:table;}

.contact			{display:table; width:570px; float:left; margin:30px 0 50px 15px;}
.contact section	{width:100%; display:table; margin:20px 0;}
.contact img		{width:120px; height:180px; float:left; margin:0 15px 15px 0;}
.contact li#address	{font-size:12px; color:#ccc; margin:20px 0;}
.contact ul			{width:435px; float:right; display:table;}
.contact ul li		{line-height:20px;}
.contact ul li.xxx	{width:100px; float:left; display:table;}

fieldset.right 		{display:table; width:150px; margin-top:30px; float:right;}

fieldset.form 		{width:400px; margin:0 auto; padding:2px 0; display:block;}
fieldset.cards 		{width:400px; margin:0 auto; padding:2px 0; display:block;}

label 				{width:150px; float:left; font-weight:bold; color:#666; line-height:24px;}
ul 					{display:table; width:100%; margin:0 0 2px 0; border:0px; line-height:20px; padding:0;}

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

.invoiceCanvas 		{display:table; width:570px; float:left; margin-top:10px; background:#fff; color:#000;}
.invoiceBody 		{display:table; width:550px; margin:0 auto;}

.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:20px; color:#000; margin:0; font-family:andes,'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}
.invoiceSender		{text-align:right; font-size:9px; margin-bottom:40px;}
.invoiceRecipient 	{display:table; width:100%; margin:5px auto; margin-bottom:20px; 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 #666; padding:2px 0; font-size:9px;}
.invoiceContentSet 	{display:table; width:100%; margin:5px auto; font-size:10px; letter-spacing:0;}
.invoiceContent 	{display:table; width:100%; margin:5px auto; font-size:10px; letter-spacing:0;}
.invoiceComment 	{display:table; width:100%; margin:30px 0 10px 0; font-size:9px;}
.invoiceSum 		{display:table; width:100%; font-weight:bold; border-top:1px solid #666; padding:2px 0;}

.invoice_nb				{width:570px; background:#333; margin:0 auto 30px auto; text-align:center; color:#fff; padding:15px 0;}

select.invoiceTxt		{border:1px solid #666; height:16px; line-height:16px; width:100px; float:right; margin-right:5px; text-align:center; font-size:10px; background:#989898; font-family:verdana;}
select.invoiceDate		{border:1px solid #666; height:16px; line-height:16px; width:45px; float:right; margin-right:5px; text-align:center; font-size:10px; background:#989898; font-family:verdana;}
select.invoiceYear		{border:1px solid #666; height:16px; line-height:16px; width:60px; float:right; margin-right:5px; text-align:center; font-size:10px; background:#989898; font-family:verdana;}

input.invoiceDate		{border:none; height:14px; line-height:14px; width:26px; float:right; margin-right:5px; text-align:center; background:url('../mat/input_basket.png') top center no-repeat;}
input.invoiceYear		{border:none; height:14px; line-height:14px; width:40px; float:right; margin-right:5px; text-align:center; background:url('../mat/input_invoice_year.png') top center no-repeat;}
input.invoiceAmount		{border:none; height:14px; line-height:14px; width:80px; float:right; margin-right:5px; text-align:right; background:url('../mat/input_invoice_amount.png') top center no-repeat;}

.title 					{display:table; width:100%; font-weight:bold; border-bottom:1px solid #666; padding:2px 0;}
.total 					{display:table; width:100%; color:#fefefe; font-weight:bold; border-top:1px solid #666; border-bottom:1px solid #666; 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;}
#language 				{width:400px; float:left;}
#login 					{width:500px; float:right; text-align:right; font-size:11px;}
#navigation 			{width:900px; margin:0 auto; height:40px; background:url('../mat/nav.png') top center no-repeat;}
#catalogue a 			{width:100%; line-height:18px; color:#999;}

.body 					{display:block; width:900px; margin:0 auto; margin-bottom:20px; text-align:left;}
.main 					{display:table; width:570px; float:left; margin:30px 0 50px 15px; padding-bottom:150px;}
.mainR 					{display:table; width:735px; float:right; margin:10px 0 0px 0; padding-bottom:150px;}


.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 #666 solid;}
.bB 					{border-bottom:1px #666 solid;}

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:#000;}

.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;}

a.catCover 				{position:relative; z-index:0;}
a.catCover:hover 		{display:inline; z-index:0; background:#000;}
a.catCover span 		{display:none;}
a.catCover:hover span 	{display:block; position:absolute; top:-250px; left:-160px; width:450px; height:600px; background:#666;}

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

input.checkbox		{border:none; height:16px; width:16px; text-align:center; background-image:none; font-size:10px; padding-left:5;}

#vnav ul			{list-style: none; display:table; width:150px; margin-top:30px; float:left;}

#vnav ul li			{
	line-height:22px; 
	font-size:14px; 
	padding:0 0 0 10px;
	}
	
#vnav ul li:hover		{
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px;
	background: none; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#777777'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #777777,  #444444); /* for firefox 3.6+ */
	 }
	 
#vnav ol				{list-style-type: none; margin-left:10px;}
#vnav ol li				{font-size:12px; line-height:18px; margin-left:0px;}
#vnav ol li	a			{color:#888;}
#vnav ol li	a:hover		{color:#fefefe;}
#vnav ol li:last-child	{margin-bottom:10px;}

#vnav ol li:hover		{
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	border-radius:2px;
	background: none; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #555555,  #222222); /* for firefox 3.6+ */
	}
	
#tilbud	a				{color:yellow;}
#news					{margin-bottom:10px;}
#news a					{color:#fefefe; }
.vnav a					{color:#888;}
.vnav a:hover			{color:#fefefe;}

fieldset.products		{border-bottom:1px solid #333; padding-bottom:30px; margin-bottom:20px;}

input					{
	border:none;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px;	
	background: #999999;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#cccccc');
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#ccc));
	background: -moz-linear-gradient(top,  #999999,  #cccccc);
	}
	
fieldset.form input			{width:248px; height:20px; line-height:18px; float:right; text-align:left;}
fieldset.form input.checkbox	{width:20px; height:20px; float:left; text-align:left; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000'); background:#666666;}
input.basket				{width:25px; height:14px; text-align:center; font-size:10px;}
input.catalogue				{width:30px; height:16px; text-align:center; font-size:11px;}

fieldset ul:last-child		{margin-bottom:50px;}


.main .info {
	background:#202020; 
	margin-bottom:30px; 
	height:35px; 
	line-height:35px; 
	text-indent:15px;
	border-radius:4px;
	-moz-border-radius:4px;
}

.infobox { 
	background:#303030; 
	color:#f0f0f0; 
	margin-bottom:30px;
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px;	
}
.infobox li	{
	margin:15px;
}

.download {
	background:#202020; 
	display:table; 
	padding-top:10px;
	margin:0;
}
.download_tap {
	height:30px;
}
.download_tap a {
	border:1px solid #202020;
	text-align:center;
	width:278px;
	height:30px;
	line-height:30px;
	display:inline-table;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

.download_tap a:first-child {
	margin:0;
	margin-right:10px;
}

.download_active {
	background:#202020;
}
.download_no {
	background:#101010;
	color:#808080;
}

.cards {
	width:100%;
	margin:20px 0;
}
.cards span {
	display:table;
	width:170px;
	float:left;
	height:30px;
	line-height:20px;
}
.cards img {
	width:30px;
	height:20px;
	float:left;
	margin:0 10px 0 0;
}