@charset "iso-8859-1";

BODY {font-size: 10pt; font-family: Arial,sans-serif; COLOR:#000000; background-color: #FFFFFF; margin-right:0px; margin-left:0px; margin-top:0px;}



/* Layer für die Startseite des Produktkatalogs*/

td.over {
 width:50%;
 vertical-align:top;
 }

div.black {
 float:left;
 margin-top:2px;
 margin-left:3px;
 text-align:left;
 background-color:#ffffff; 
 vertical-align:top;
 }

div.skareb {
 text-align:left;
 background-color:#ffffff; 
 border-width:1px; 
 border-color:#C0C0C0;
 border-style:dashed;
 padding:2px;
 margin-left:24px;
 }

div.minute {
 text-align:left;
 background-color:#F3F3F3;
 margin-bottom:10px;
 padding:5px;
 margin-left:24px;
 }


	   
/* Generelle Definiton der Schrift*/	   
p,ul,ol,li,div,td,th,address,nobr,b,i {font-size:10pt; font-family: Arial,sans-serif; }

/*Kategorie auf Produktebene*/
font.prod {font-size:8pt;}
font.prodb {font-size:8pt; font-weight:bold;}

/* Tabelle für Navigation oben*/
table.nav {background-color:#ffffff; vertical-align:top; width:100%;}
table.navleft  {border-right-width:1px; border-right-style:solid; border-right-color:#c0c0c0;}
table.navright {border-left-width:1px; border-left-style:solid; border-left-color:#c0c0c0;}


/* Tabelle für Navigation im Content Bereich links*/
table.a1   {background-color:#ffffff; vertical-align:top; padding:0px;}
table.a2   {background-color:#C0C0C0; vertical-align:top; padding:0px;}
td.a1      {background-color:#f8f8f8; vertical-align:top; padding:1px;}
td.a2      {background-color:#ffffff; vertical-align:top; padding:1px;}
td.a3      {background-color:#eeeeee; vertical-align:top; padding:1px;}
td.a10      {background-color:#D3D3D3; vertical-align:top; padding:1px;}

/* Tabelle für Warenkorb */
table.wa1   {background-color:#ffffff; vertical-align:top; padding:0px;}
table.wa2   {background-color:#C0C0C0; vertical-align:top; padding:0px;}
td.wa1      {background-color:#f8f8f8; vertical-align:top; padding:5px;}
td.wa2      {background-color:#ffffff; vertical-align:top; padding:5px;}
td.wa3      {background-color:#eeeeee; vertical-align:top; padding:5px;}
td.wa10      {background-color:#D3D3D3; vertical-align:top; padding:5px;}

td.wa2preis      {font-weight: bold; background-color:#ffffff; vertical-align:top; padding:5px;color: #FF0000;}
td.wa3preis      {font-weight: bold; background-color:#eeeeee; vertical-align:top; padding:5px;color: #FF0000;}
td.a2preis      {font-weight: bold; background-color:#ffffff; vertical-align:top; padding:1px 5px 1px 5px;color: #FF0000;}
td.a3preis      {font-weight: bold; background-color:#eeeeee; vertical-align:top; padding:1px 5px 1px 5px;color: #FF0000;}

td.bm      {font-weight: bold; font-size: 16pt;}

/* Tabelle für hellgraue Line mit Pfeil unten*/
table.d   {background-color:#ffffff; width:100%; padding:1px;}
td.d      {background-color:#f8f8f8; width:100%; padding:0px;}

/* Tabelle für hellgraue Line mit Pfeil unten ganze Breite*/
table.d1   {background-color:#ffffff; padding:0px;}
td.d1      {background-color:#f8f8f8; padding:0px;}

/* Tabelle für PRODUKTE - ZWISCHENLÖSUNG*/
table.prod  {border-width:2px; border-style:outset; padding:0px; border-top-color:#c0c0c0; border-left-color:#c0c0c0; border-right-color:#f8f8f8; border-bottom-color:#f8f8f8; }
table.prod1 {border-width:1px; border-color:#c0c0c0; border-style:solid; padding:0px; background-color:#f8f8f8;}
table.pro {border-width:1px; border-color:#c0c0c0; border-style:solid; padding:0px; background-color:#f8f8f8;}
/* Tabelle für PRODUKTE - ZWISCHENLÖSUNG*/
td.prod  {border-width:2px; border-style:outset; padding:4px; border-top-color:#c0c0c0; border-left-color:#c0c0c0; border-right-color:#f8f8f8; border-bottom-color:#f8f8f8; }
td.pro {border-width:1px; border-color:#c0c0c0; border-style:double; padding:0px; background-color:#f8f8f8;}

table.tableborder
{
border-top-style:solid;
border-right-style:solid;
border-top-width:1px;
border-right-width:1px;
border-right-color:#C0C0C0;
border-top-color:#C0C0C0;
background-color:#C0C0C0;
}


td.cellborder   
{
border-style:solid;
border-right-width:0px;
border-top-width:0px;
border-left-width:1px;
border-bottom-width:1px;
border-left-color:#C0C0C0; 
border-bottom-color:#C0C0C0;
background-color:#FFFFFF;
}

td.cellbordersmall
{
border-style:solid;
border-right-width:0px;
border-top-width:0px;
border-left-width:1px;
border-bottom-width:1px;
border-left-color:#C0C0C0; 
border-bottom-color:#C0C0C0;
background-color:#FFFFFF;
font-size: 7PT;
}

td.cellborderHead   
{
border-style:solid;
border-right-width:0px;
border-top-width:0px;
border-left-width:1px;
border-bottom-width:1px;
border-left-color:#C0C0C0; 
border-bottom-color:#C0C0C0;
background-color:#D8D8D8;
}

td.cellborderLRT
{
border-style:solid;
border-right-width:1px;
border-top-width:1px;
border-left-width:1px;
border-bottom-width:0px;
border-left-color:#D8D8D8; 
border-right-color:#D8D8D8; 
border-top-color:#D8D8D8;
background-color:#FFFFFF;
}

td.cellborderALL
{
border-style:solid;
border-right-width:1px;
border-top-width:1px;
border-left-width:1px;
border-bottom-width:1px;
border-left-color:#D8D8D8; 
border-bottom-color:#D8D8D8;
border-right-color:#D8D8D8; 
border-top-color:#D8D8D8;
background-color:#FFFFFF;
}

td.cellborderRTBgrey
{
border-style:solid;
border-right-width=1px;
border-top-width:1px;
border-left-width:0px;
border-bottom-width:1px;
border-right-color:#D8D8D8; 
border-top-color:#D8D8D8; 
border-bottom-color:#D8D8D8;
background-color:#f8f8f8;
}

div.cartbig  {border-width: 1px; border-color: #FFF; padding: 5px; width: 140px; height: 15px; background-color: #FC8184;}
div.cartrel  {border-width: 1px; border-color: #FFF; width: 100%; height: 100%; background-color: #FC8184;}
hr {size:1px; height:1px; co0lor:#C0C0C0; width:100%;}

/* Graue Querlinie 100%*/
#hr {size:1px; height:1px; color:#C0C0C0; width:100%;}

p.dot {background-color:#ffffff; border-width:1px; border-color:#C0C0C0; border-style:dotted; padding:0px;}
p.bold {font-size: 8pt; color:#000000; font-weight:bold;}

/* Normale Schriftgröße bei Links*/
A:link    {	font-size: 10pt; COLOR: #000099; font-family: Arial,sans-serif; text-decoration: none}
A:visited {	font-size: 10pt; COLOR: #000099; font-family: Arial,sans-serif; text-decoration: none}
A:active  {	font-size: 10pt; COLOR: #000099; font-family: Arial,sans-serif; text-decoration: none}
A:hover   {	font-size: 10pt; COLOR: #EB0C51; font-family: Arial,sans-serif; text-decoration: none}
A:focus   {	font-size: 10pt; COLOR: #EB0C51; font-family: Arial,sans-serif; text-decoration: underline}

/* Normale Schriftgröße bei Links weiss*/
A.aw:link    {	font-size: 10pt; COLOR: #FFFFFF; font-family: Arial,sans-serif; text-decoration: none}
A.aw:visited {	font-size: 10pt; COLOR: #FFFFFF; font-family: Arial,sans-serif; text-decoration: none}
A.aw:active  {	font-size: 10pt; COLOR: #FFFFFF; font-family: Arial,sans-serif; text-decoration: none}
A.aw:hover   {	font-size: 10pt; COLOR: #FFFFFF; font-family: Arial,sans-serif; text-decoration: none}
A.aw:focus   {	font-size: 10pt; COLOR: #FFFFFF; font-family: Arial,sans-serif; text-decoration: underline}

/* Kleine Schriftgröße bei Links*/
A.s:link    {font-size: 8pt; COLOR: #000099; font-weight: bold; font-family: Arial,sans-serif; text-decoration: none}
A.s:visited {font-size: 8pt; COLOR: #000099; font-weight: bold; font-family: Arial,sans-serif; text-decoration: none}
A.s:active  {font-size: 8pt; COLOR: #000099; font-weight: bold; font-family: Arial,sans-serif; text-decoration: none}
A.s:hover   {font-size: 8pt; COLOR: #EB0C51; font-weight: bold; font-family: Arial,sans-serif; text-decoration: none}
A.s:focus   {font-size: 8pt; COLOR: #EB0C51; font-weight: bold; font-family: Arial,sans-serif; text-decoration: underline}

/* Kleine Schriftgröße NUR STARTSEITE NUR IMPRESSUM etc.*/
A.g:link    {font-size: 7pt; COLOR: #c0c0c0; font-family: Arial,sans-serif; text-decoration: none}
A.g:visited {font-size: 7pt; COLOR: #c0c0c0; font-family: Arial,sans-serif; text-decoration: none}
A.g:active  {font-size: 7pt; COLOR: #c0c0c0; font-family: Arial,sans-serif; text-decoration: none}
A.g:hover   {font-size: 7pt; COLOR: #EB0C51; font-family: Arial,sans-serif; text-decoration: none}
A.g:focus   {font-size: 7pt; COLOR: #EB0C51; font-family: Arial,sans-serif; text-decoration: underline}


/*Formular Design*/
INPUT.back {BORDER-RIGHT: #ffffff 1px; BORDER-TOP: #ffffff 1px; BORDER-LEFT: #ffffff 1px; FONT-WEIGHT: italic; FONT-SIZE: 10pt; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff;}
TEXTAREA.back {BORDER-RIGHT: #ffffff 1px; BORDER-TOP: #ffffff 1px; BORDER-LEFT: #ffffff 1px; FONT-WEIGHT: italic; FONT-SIZE: 10pt; FONT-FAMILY: Arial; BACKGROUND-COLOR: #f4f4f4;}

/*Hintergrundbild in der Zellen*/
#cell1 {background-image: url(../pix/cellpic.gif);}
#cell2 {background-image: url(../pix/cellpic1.gif);}
#cell3 {background-image: url(../pix/cellpic2.gif);}

#menu1 {background-image: url(../pix/ztest_o.gif);}
#menu2 {background-image: url(../pix/ztest_u.gif);}
#menu3 {background-image: url(../pix/ztest_l.gif);}
#menu4 {background-image: url(../pix/ztest_r.gif);}

A.treeLink:link {
	COLOR: #000000; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}
A.treeLink:active {
	COLOR: #000000; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}
A.treeLink:visited {
	COLOR: #000000; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}
A.treeLink:hover {
	COLOR: #000000; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}
.nodeSelected {
	COLOR: #ffffff; FONT-FAMILY: Arial,sans-serif; BACKGROUND-COLOR: #ff0000; TEXT-DECORATION: none
}
A.pathLink:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000099; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}
A.pathLink:active {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000099; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}
A.pathLink:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #000099; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}
A.pathLink:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #eb0c51; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}
.pathSelected {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}

div.small {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}
div.verysmall {
	FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #000000; FONT-FAMILY: Arial,sans-serif; TEXT-DECORATION: none
}