
/*  body und schrift deffinitionen */
body { color: #313131; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif, Verdana, SunSans-Regular; line-height: 24px; padding:20px 0 0; margin:0; text-align: center; background-color: #ededed; background-image: url(../Bilder/hg.jpg); background-repeat: no-repeat; }
td {color: #313131; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif, Verdana, SunSans-Regular; line-height: 24px; }
/*  Navigation oben */
#hauptnavi li { text-decoration: none; margin: 0; padding: 0; list-style-type: none; display: inline; border-style: solid; border-width: 0; }
#hauptnavi a { color: #fff; font-weight: bold; text-decoration: none; margin-right: 6px; margin-left: 6px; padding: 20px 2px 4px; border-width: 0; }
#hauptnavi a:visited { color: #fff; font-weight: bold; text-decoration: none; margin-right: 6px; margin-left: 6px; padding: 20px 2px 4px; border-width: 0; }
#hauptnavi a:hover { color: #000000; font-weight: bold; background-color: #fff; text-decoration: none; padding-top: 20px; }
#hauptnavi a:hover, /* mit Komma am Ende */ /* hervorheben des aktuellen Punktes */ #druckvorstufe #navi01 a, /* mit Komma am Ende */ #druck #navi02 a, #weiterverarbeitung #navi03 a, #uns #navi04 a, #kontakt #navi05 a, #index #navi06 a, #impressum #navi07 a, #agb #navi08 a { /* ohne Komma am Ende */
background-color: white; color: #000000; text-decoration: none; }



#hauptnavi { width: 500px; height: 50px; float: left; padding-top: 40px; }
#subnavi { text-align: right; width: 290px; height: 50px; float: right; padding-top: 6px; padding-right: 20px; }
#subnavi a img { background-color: transparent; margin: 0; padding: 0; border-style: solid; border-width: 0; }
#subnavi a:hover img { background-color: transparent; margin: 0; padding: 0; border-style: solid; border-width: 0; }
.druckvorstufe { background-color: #008427; }
.druck { background-color: #b0cb05; }
.weiterverarbeitung { background-color: #eeca00; }
.uns { background-color: #e78200; }
.kontakt { background-color: #e74c00; }
.index { background-color: #23a5c9; }
.impressum { background-color: #d30729; }
.agb { background-color: #281a6e; }
.gruen { background-color: #b0cb05; }
#box { text-align: left; vertical-align: middle; margin: 0 auto; padding: 0; width: 975px; height: 100%; border-style: solid; border-width: 0; }
#oben { width: 975px; }
#navigation { height: 100px; padding-top: 10px; padding-left: 10px; }
#farbbalken { background-color: white; background-image: url(../Bilder/farbbalken.jpg); background-repeat: no-repeat; height: 10px; }
#flash { background-color: white; width: 975px; height: 306px; }
/*Unterer Teil*/
#unten { background-color: #fff; background-image: url(../Bilder/hg_druck.jpg); width: 975px;; margin-top: 20px; border: solid 1px #989898; }
#unten2 { background-color: #fff; background-image: url(../Bilder/hg_druck2.jpg); width: 975px;; margin-top: 20px; border: solid 1px #989898; }
#unten3 { background-color: #fff; background-image: url(../Bilder/hg_druck3.jpg); width: 975px;; margin-top: 20px; border: solid 1px #989898; }
#unten4 { background-color: #fff; background-image: url(../Bilder/hg_druck4.jpg); width: 975px;; margin-top: 20px; border: solid 1px #989898; }

#content { width: 570px; float: left; padding: 10px 10px 10px 30px; }
#content a img { background-color: #ededed; margin-top: 5px; margin-right: 15px; margin-bottom: 5px; padding: 5px; float: left; border: solid 1px #c7c4c4; }
#content a:hover img { background-color: #c7c4c4; float: left; margin-top: 5px; margin-right: 15px; margin-bottom: 5px; padding: 5px; border: solid 1px #c7c4c4; }
#content a { color: #313131;                  /* Schriftfarbe schwarz */ 
  text-decoration: underline;         /* Unterstreichung entfernen */ 
  border-width: 0;              /* oben/unten 4px, re/li 8px */
}
#content a:visited { color: #313131; text-decoration: underline; margin-right: 10px; margin-left: 10px; padding: 20px 5px 4px; border-width: 0; }
#content a:hover { color: #313131; text-decoration: none; padding-top: 20px; }
#rechts { width: 225px; height: 250px; float: right; margin-right: 50px; padding: 5px 20px 10px 10px; }

#rechts a { color: #313131;                  /* Schriftfarbe schwarz */ 
  text-decoration: underline;         /* Unterstreichung entfernen */ 
  border-width: 0;              /* oben/unten 4px, re/li 8px */
}
#rechts a:visited { color: #313131; text-decoration: underline; margin-right: 10px; margin-left: 10px; padding: 20px 5px 4px; border-width: 0; }
#rechts a:hover { color: #313131; text-decoration: none; padding-top: 20px; }


#footer { background-image: url(../Bilder/hg_footer.gif); background-repeat: no-repeat; background-position: 0 3px; width: 975px; height: 40px; clear: both; margin-top: 20px; margin-bottom: 20px; }
#footer ul { text-decoration: none; margin: 0; padding: 0; border-style: solid; border-width: 0; display: inline; }
#footer li { text-decoration: none; margin: 0; padding: 0; display: inline; border-style: solid; border-width: 0; }
/* Listenelemente nebeneinander */

#footer a { color: #c7c4c4;                  /* Schriftfarbe schwarz */ 
  font-weight: bold; text-decoration: none;         /* Unterstreichung entfernen */ 
  margin-right: 6px; margin-left: 6px; padding: 4px 2px; border-width: 0;              /* oben/unten 4px, re/li 8px */
}
#footerlinks { width: 500px; height: 50px; float: left; }
#footerrechts { width: 300px; height: 50px; float: right; }
#footer a:visited { color: #c7c4c4; text-decoration: none; margin-right: 6px; margin-left: 6px; padding: 4px 2px; border-width: 0; }
#footer a:hover {color: #989898; }


#footer a:hover, /* mit Komma am Ende */
#druckvorstufe #navi09 a, /* mit Komma am Ende */
#druck #navi10 a,
#weiterverarbeitung #navi11 a,
#uns #navi12 a,
#kontakt #navi13 a,
#index #navi14 a,
#impressum #navi15 a,
#agb #navi16 a { /* ohne Komma am Ende */
background-color: #ededed; color: #444546; text-decoration: none; }



h1 { color: #c7c4c4; font-family: Arial, Helvetica, sans-serif; font-size:20px; background-image: url(../Bilder/p_gross.jpg); background-repeat: no-repeat; background-position: 0 28px; height: 60px; margin-bottom: -25px; }
#farbbalkenunten { position: relative; top: 50px; width: 975px; height: 20px; }
h2 { color: #c7c4c4; font-size: 20px; font-family: Arial, Helvetica, sans-serif; background-position: 0 28px; margin-bottom: -25px; height: 60px; }
p, { color: black; padding: 0 10px 5px 0; }
ul { line-height: 18px; padding: 0; list-style-type: disc; border-width: 0; }
li{ list-style-type: none;; line-height: 20px; margin-left: 20px; padding: 5px 0; border-bottom: 1px solid #d7d7d7; border-top-width: 0; list-style-image: url(../Bilder/pfeil_gruen.gif); }
.dklgruen { line-height: 20px; list-style-type: none; margin-left: 20px; padding: 5px 0; border-top-width: 0; border-bottom: 1px solid #d7d7d7; list-style-image: url(../Bilder/pfeil_dklgruen.gif); }
.gelb { line-height: 20px; list-style-type: none; margin-left: 20px; padding: 5px 0; border-top-width: 0; border-bottom: 1px solid #d7d7d7; list-style-image: url(../Bilder/pfeil_gelb.gif); }

.p { margin-bottom: 50px; }
.fettgruen { color: #b0cb05; font-weight: bolder; }
.druckvorstufeinhalt { color: #008427; font-weight: bolder; }
.druckinhalt { color: #b0cb05; font-weight: bolder; }
.weiterverarbeitunginhalt { color: #eeca00; font-weight: bolder; }
.kontaktinhalt { color: #e74c00; font-weight: bolder; }
.unsinhalt { color: #e78200; font-weight: bolder; }
.indexinhalt { color: #23a5c9; font-weight: bolder; }
.impressuminhalt { color: #d30729; font-weight: bolder; }
.agbinhalt { color: #281a6e; font-weight: bolder; }

.kontaktkl { color: #9cc0c2; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; }
.kontakt_eingabe        { color: #444; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; background-color: white; margin: 0; padding: 2px; width: 250px; border: solid 1px gray  }
.kontakt_text         { color: #444; font-size: 10px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; background-color: white; margin: 0; padding: 2px; width: 250px; height: 50px; border: solid 1px gray   }
