html { padding: 0; }
body { font: normal 9pt Arial, Helvetica, sans-serif; color: black;  background-color: #EEEEEE; margin: 0; padding: 0; overflow-y:scroll; }
body.edit { font: normal 9pt Helvetica, Arial, sans-serif; color: black;  background-color: #FFFFFF; margin: 20px; padding: 0; min-width: 800px; }
body.explorer {font-family:Arial,Helvetica; font-size:9pt; color:#000000; text-decoration:none; margin:20px; background-color:#dddddd; }

/* ***** Farben ***** */
/* ISI: Schwarz: #000000, Hellgrau: #DEDEDE, Mittelgrau: #959595, Dunkelgrau: #605D5C */  


/* Grundgerüst */
#wrapper { background-color:White; 	text-align: left; width: 980px; margin: auto;	padding: 0px;	position:relative; }
#header { background: url() repeat; height:100px; border-bottom:1px solid #CCCCCC; position:relative; }
#main { background: url('/images/main.gif') repeat-y; position:relative; min-height:300px; clear:both; }
#navi { width:250px; float:left; position:relative; margin:0; padding: 20px 5px 10px 0px }
#content { float:left; position:relative; margin:0; padding:20px 20px 20px 20px; width: 680px; }
#footer { font-size:8pt; color:#666666; height:20px; border-top:1px solid #CCCCCC; position:relative; clear:both; margin:0; padding: 5px 10px 0 10px;  }

#bild { margin:0; padding:0px; float:left; width:250px; } /* 250px breit */
#search { margin:0; padding:10px 20px 10px 20px; float:left; width:690px; text-align:left; background-color:#000000; } /* 530px breit */
#logo { margin: 0; float: left; width: 250px; height:100px; text-align: right; background-image: url('/images/logo.gif'); background-position:center;} /* 200px breit */
#img-warenkorb { background-image: url('/images/warenkorb2.gif'); width: 195px; height: 16px; background-repeat: no-repeat; padding: 3px 0 0 42px; }
.color-kopf { color: #FFFFFF; }
.weiss { color: #FFFFFF; }

.button { background-color:#DEDEDE; color:#000000; }

h1 { font-size:12pt; font-weight:bold; margin-top: 0; }
h2 { font-size:11pt; font-weight:bold; }

p { margin: 0px; }
ul { margin:0 0 0 13px; padding:0; }
li { margin:0; padding-bottom:5px; }

div.navi0 { font: normal 9pt Helvetica, Arial, sans-serif; color: black; margin: 5px 5px 0 10px; }
div.navi1 { font: normal 9pt Helvetica, Arial, sans-serif; color: black; margin: 0px 5px 0 10px; }
div.hierarchie { font: normal 9pt Helvetica, Arial, sans-serif; color: black; margin: 0px 5px 0 0; }
div.navi3 { font: normal 8pt Helvetica, Arial, sans-serif; color: black; margin: 0px 5px 0 10px; }

table.tabelle { background-color: #CCCCCC; width:100%; border-collapse: collapse; } /* Artikelliste */
table.tabelle td { border: 1px solid #CCCCCC;	}
tr.zeile0 { background-color: #605D5C; } /* Tabellenüberschriften */
tr.zeile1 { background-color: #DEDEDE } /* Datenzeilen */
td.zelle0 { font: bold 9pt Helvetica, Arial, sans-serif; color: white; vertical-align: top; padding:2px; } /* Tabellenüberschriften */
td.zelle1 { background-color: #FFFFFF; vertical-align: top;  padding:2px;} /* weiße Zelle für Daten */
td.zelle2 { background-color: #DEDEDE; border: 1px solid black; vertical-align: top; padding:2px; } /* farbige Zelle für Bilder */

table.details td {
  padding-bottom:5px;
}
span.titel { font-weight:bold; color: #000000; }
span.titel2 { font-weight:bold; color: #ffffff; }

ul.navi { padding: 0 0 0 0; margin: 0 0 0 10px; list-style-type:none; }
input.menge { text-align:right; font-size:9pt; width:40px;}
input.suche { text-align:left; font-size:9pt; width:100px;}

a.normal {font-family:Arial,Helvetica; font-size:9pt; font-weight:normal; color:#000000; text-decoration:underline;}
a.normal:visited {font-family:Arial,Helvetica; font-size:9pt; font-weight:normal; color:#000000; text-decoration:underline;}
a.normal:active {font-family:Arial,Helvetica; font-size:9pt; font-weight:normal; color:#000000; text-decoration:underline;}
a.normal:hover {font-family:Arial,Helvetica; font-size:9pt; font-weight:normal; color:#000000; text-decoration:underline;}
a.normal:link {font-family:Arial,Helvetica; font-size:9pt; font-weight:normal; color:#000000; text-decoration:underline;}

a.active {font-family:Arial,Helvetica; font-size:8pt; font-weight:bold; color:#000000; text-decoration:underline;}
a.active:visited {font-family:Arial,Helvetica; font-size:9pt; font-weight:bold; color:#000000; text-decoration:underline;}
a.active:active {font-family:Arial,Helvetica; font-size:9pt; font-weight:bold; color:#000000; text-decoration:underline;}
a.active:hover {font-family:Arial,Helvetica; font-size:9pt; font-weight:bold; color:#000000; text-decoration:underline;}
a.active:link {font-family:Arial,Helvetica; font-size:9pt; font-weight:bold; color:#000000; text-decoration:underline;}

a.klein {font-family:Arial,Helvetica; font-size:8pt; font-weight:normal; color:#000000; text-decoration:underline;}
a.klein:visited {font-family:Arial,Helvetica; font-size:8pt; font-weight:normal; color:#000000; text-decoration:underline;}
a.klein:active {font-family:Arial,Helvetica; font-size:8pt; font-weight:normal; color:#000000; text-decoration:underline;}
a.klein:hover {font-family:Arial,Helvetica; font-size:8pt; font-weight:normal; color:#000000; text-decoration:underline;}
a.klein:link {font-family:Arial,Helvetica; font-size:8pt; font-weight:normal; color:#000000; text-decoration:underline;}

.paging {	padding: 0;	width: 100%; margin: 10px 0; }
.paging a, .paging span { font-size: 1em; background-color: #CCCCCC; color: #000; line-height: 1;display: inline-block; padding: 5px 7px; border: 1px solid #CCCCCC; }
.paging span { background-color: #605D5C; border-color: #605D5C; color: #FFFFFF; }
.paging a { text-decoration: none; }
.paging a:hover { background-color: #605D5C; border-color: #605D5C; color: #fff; }

#footer a, 
#footer a:visited, 
#footer a:active, 
#footer a:hover, 
#footer a:link 
{ font-size:8pt; color:#666666; }