* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
  text-align: center; /* für Mittigstellung des Layouts */
  font: 12px/19px Arial, Helvetica, sans-serif;
  background-color: #ccc;
}

#container-page {
  width: 770px;
  text-align: left;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  background-color: #fff;
  margin: 0 auto 0 auto; /* für Mittigstellung des Layouts */
  /*border: 1px solid black;*/
}

#container-head {
  position: relative;
  height: 134px;
  background: #fff url('../bilder/head_banner.jpg') no-repeat top left;
  /*border: 1px solid black;*/
}

#red_line {
  background-color: #f00;
  position: absolute;
  bottom: 0px;
  width: 770px;
  height: 4px;
  font: 1px/0px serif;
}

#left {
  clear: both;
  float: left;
  position: relative;
  left: 0px;
  top: 0px;
  width: 160px;
  /*border: 1px solid black;*/
}

#main {
  width: auto;
  margin-left: 190px;
  margin-right: 20px;
  padding-top: 18px;
  padding-bottom: 80px;
  /*border: 1px solid black;*/
}

#footer{
  clear: both;
  width: 100%;
  /*background: #fff url('../bilder/footer_bg.gif') no-repeat bottom left;*/
  background: #ccc url('../bilder/footer_rechts_bg.gif') no-repeat bottom right;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 20px;
  /*border: 1px solid blue;*/
}

* html div#main {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

a {
  text-decoration: none;
  color: #666;
}

a:link {
  text-decoration: none;
  color: #666;
}

a:hover {
  text-decoration: underline;
  color: #666;
}

a:active {
  text-decoration: none;
  color: #666;
}

a.grau {
  text-decoration: none;
  color: #575757;
}

a.grau:link {
  text-decoration: none;
  color: #575757;
}

a.grau:hover {
  text-decoration: underline;
  color: #575757;
}

a.grau:active {
  text-decoration: none;
  color: #575757;
}

ul.leftmenu {
  list-style-type: none;
  padding-top: 70px;
  padding-bottom: 24px;
}

ul.leftmenu li {
  color: #666;
  font: 11px/11px Arial, Helvetica, sans-serif;
  text-align: right;
}

ul.leftmenu li a, ul.leftmenu li a:active {
  text-decoration: none;
  color: #666;
  height: 100%;
  display: block;
  padding: 9px 12px 9px 9px;
}

ul.leftmenu li a:hover {
  color: #666;
  text-decoration: none;
  background: #fff url('../bilder/leftmenu_bg.jpg') no-repeat top left;
}

#quicknavi {
  margin-left: 10px;
  background: #fff url('../bilder/quicknavi_bg.gif') repeat-y top left;
  /*border: 1px solid black;*/
}

#inner_quicknavi {
  height: 100%;
  background: url('../bilder/quicknavi_bottom.gif') no-repeat bottom left;
  font: 1px/0px serif;
}

#inner_quicknavi h2 {
  color: #52a8eb;
  font: italic bold 16px/26px Arial, Helvetica, sans-serif;
  text-align: center;
  padding-right: 10px;
  margin: 0;
}

#inner_quicknavi ul {
  list-style-type: none;
  margin: 0 20px 0 10px;
}

#inner_quicknavi li {
  padding: 2px 0 2px 14px;
  background: url('../bilder/bullet_grau.gif') no-repeat left 8px;
  border-bottom: 1px solid #52a8eb;
}

.l { text-align: left; }
.r { text-align: right; }
.c { text-align: center; }

.clearall {
  clear: both;
}

/* Clearfix */

* html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */
*+html .clearfix { min-height: 1%; } /* IE7 Fix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clear { clear: both; height: 1px; font: 1px/0px serif; }

img {
  border: none;
}

/* OverLib DIV Styles ANFANG ------------------- */
div#overDiv {
  position: absolute;
  visibility: hidden;
  z-index: 999;
}

.fontClass { font: 12px/19px Arial, Helvetica, sans-serif; text-align: left; }
.fgClass {
  background: #ffc; /*url('../bilder/ecke.gif') no-repeat top left;*/
  border: 4px solid #ffc;
}
.bgClass {
  background-color: #999;
  border: 1px solid #999;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
}
/* OverLib DIV Styles ENDE --------------------- */

h1 {
  color: #999;
  font: bold 24px/26px Verdana, sans-serif;
  margin-bottom: 6px;
}

h1.bl {
  color: #666;
  font:  26px/30px Verdana, sans-serif;
  margin-bottom: 8px;
}

h2 {
  color: #666;
  font: bold 16px/22px Verdana, sans-serif;
  margin-bottom: 6px;
}

h1.prodgr {
  color: #999;
  font: bold 18px/24px Verdana, sans-serif;
  margin-bottom: 3px;
}

h3 {
  color: #999;
  font: bold 18px/24px Verdana, sans-serif;
  margin-bottom: 6px;
}

h4 {
  color: #575757;
  font: bold 16px/22px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

h5 {
  color: #000;
  font: bold 13px/17px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

p {
  margin-bottom: 9px;
}

p, .text, td, ul, input.flat {
  color: #575757;
  font: 12px/19px Arial, Helvetica, sans-serif;
}

.cyanblau {
  color: #999;
}

.no_lh {
  line-height: 0;
}

.text13 {
  color: #575757;
  font: 13px/24px Arial, Helvetica, sans-serif;
}

.n10 {
  font: 10px/24px Arial, Helvetica, sans-serif;

}
ul.liste {
  margin-bottom: 9px;
}

ul.liste li {
  margin-left: 1.2em;
}

div.logo {
  position: absolute;
  top: 36px;
  left: 8px;
  font: 1px/0px serif;
}

#login {
  position: absolute;
  top: 100px;
  left: 0px;
  width: 160px;
  height: 96px;
  background: #fff url('../bilder/loginfeld_bg.gif') repeat-y top left;
  /*border: 1px solid black;*/
}

#inner_login {
  height: 100%;
  background: url('../bilder/loginfeld_bottom.gif') no-repeat bottom left;
  font: 1px/0px serif;
}

div.login_links {
  margin-left: 36px;
  text-align: left;
  font: 11px/13px Arial, Helvetica, sans-serif;
}

div.login_form {
  margin-left: 15px;
  font: 1px/0px serif;
}

div.login_form img, .submitbutton {
  vertical-align: bottom;
  margin: 0 7px 0 0;
}

.submitbutton { margin-right: 0px; }

div.login_form .login {
  width: 90px;
  border: 1px solid #575757;
  color: #666;
  font-size: 11px;
  padding: 1px;
}

#login_userdaten {
/*
  width: 300px;
  float: left;
  margin-top: 5px;
  color: #F26521;
  text-align: left;
  font-size: 11px;
  line-height: 11px;
*/
}

#login_logout {
/*
  width: 120px;
  float: right;
  margin-right: 10px;
  color: #F26521;
  text-align: right;
  font-size: 11px;
  line-height: 11px;
*/
}

#login_logout {
  /*margin-top: 5px;*/
}

div.topmenu {
  position: absolute;
  top: 100px;
  right: 5px;
  height: 34px;
  text-align: right;
  font: 1px/0px serif;
}

div.topmenu img {
  margin-right: 1px;
}

table.daten { margin-bottom: 16px; }
table.daten td, table.daten th { padding: 1px 3px; }
table.daten th {
  color: #000;
  background-color: #ddd;
  font: bold 12px/19px Arial, Helvetica, sans-serif;
}

/* Startseite */

div.titelbild {
  position: relative;
  height: 270px;
  background: #ffffff /*url('../bilder/aktion.png') no-repeat 390px 0px*/;
  margin-bottom: 20px;
}
div.titelbild .text {
  position: absolute;
  top: 14px;
  left: 20px;
}

div.titelbild div.aktionsbild { position: absolute; width: 180px; height: 270px; top: 0; right: 20px; }

div.titelbild .text h1 {
  color: #666;
  font: 26px/32px Verdana, sans-serif;
  margin-top: 8px;
  margin-bottom: 12px;
}

div.titelbild .text h2 {
  color: #000000;
  font: bold 12px/14px Verdana, sans-serif;
}

div.titelbild .text ul {
  margin-top: 18px;
  list-style-type: none;
}

div.titelbild .text li, div.titelbild .text li.left {
  color: #999;
  font: bold 14px/24px Verdana, sans-serif;
  padding-left: 32px;
  background: url('../bilder/bullet_grau_lang.gif') no-repeat left 10px;
}
div.titelbild .text li.left {
  float: left;
  width: 200px;
}
div.titelbild .neuanmelden {
  position: absolute;
  bottom: -10px;
  left: 20px;
  font: 1px/0px serif;
}

div.titeltext {
  color: #575757;
  font: 12px/19px Arial, Helvetica, sans-serif;
  margin-bottom: 12px;
}

div.titeltext h1 {
  color: #FF0033;
  font: italic 24px/36px Arial, Helvetica, sans-serif;
  margin-bottom: 8px;
}

/*
div.titelbox {
  position: relative;
  height: 243px;
  margin-bottom: 18px;
}
*/
div.redbox { border: 1px solid #c00; padding: 4px; margin-left: 12px; font-size: 11px; line-height: 120%; text-align: center; color: #c00; }
div.redbox a, div.redbox a:hover { color: #c00; }

.background {
  margin-top: 24px;
  background: #dbdbdb url('../bilder/startseite_box_bg.gif') repeat-x left top;
  height: 560px;
}
div.box {
  position: relative;
  float: left;
  width: 193px;
  background: #dbdbdb url('../bilder/block_box_body.gif') repeat-y left top;
  height: 560px;
}
div.box_head {
  height: 35px;
  background: #dbdbdb url('../bilder/block_box_head.gif') no-repeat left top;
}

div.box_head h3 {
  margin-left: 8px;
  color: #000000;
  font: bold 15px/20px Verdana, sans-serif;
}

div.box_footer {
  position: absolute;
  bottom: 0px;
  width: 194px;
  height: 22px;
  background: #dbdbdb url('../bilder/block_box_footer.gif') no-repeat left top;
}

div.box_blau_footer {
  clear: left;
  position: relative;
  height: 90px;
  background: #fff url('../bilder/box_bg_grau.gif') no-repeat left bottom;
  padding-left: 20px;
}

.service_icon {
  float: left;
  font: italic 12px/15px Arial, Helvetica, sans-serif;
  color: #999;
  padding-right: 9px;
}

div.box ul {
  margin-top: 2px;
  list-style-type: none;
  width: 183px;
}

div.box ul li, .box_blue ul li {
  background: url('../bilder/bullet_grau.gif') no-repeat left 7px;
  padding-left: 14px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 5px;
  color: #666;
}

div.box ul li b {
  color: #000;
}

div.mehr_button {
  position: absolute;
  bottom: 30px;
  margin-top: 12px;
  width: 183px;
  text-align: center;
  font: 1px/0px serif;
}

.box_blue {
  background-color: #ddd;
  padding: 12px;
  margin-bottom: 12px;
}

.box_blue ul {
  list-style-type: none;
}

/*
div.rubrikbild {
  height: 207px;
  background-repeat: no-repeat;
  background-position: right top;
}
*/
div.rubrikbox {
  position: relative;
  margin-bottom: 18px;
  padding: 50px 20px 20px 20px;
}

ul.kategorieliste {
  margin: 0;
  margin-bottom: 9px;
  text-align: left;
  font: 12px/19px Arial, Helvetica, sans-serif;
  /*list-style-type: none;*/
}

ul.kategorieliste li {
  margin: 0 0 0 16px;
  padding: 2px 6px 2px 6px;
  /*border-bottom: 1px solid #FFCC60;*/
}

.titelbox_bild {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 238px;
  font: 1px/0px serif;
}

ul.titelbox_text {
  position: absolute;
  top: 60px;
  right: 10px;
  width: 290px;
  list-style-type: none;
}

ul.titelbox_text li {
  color: #575757;
  font: 13px/24px Arial, Helvetica, sans-serif;
  text-align: left;
  padding-left: 18px;
  background: url('../bilder/orange.gif') no-repeat left;
}

.pressebox {
  background-color: #FFF;
}

.pressebox h2, .boxhead {
  background-color: #FFCC60;
  color: #FFF;
  font: bold 13px/14px Arial, Helvetica, sans-serif;
  text-align: right;
  padding: 3px 10px 3px 10px;
}

.boxhead_l {
  text-align: left;
  font: bold 14px/17px Arial, Helvetica, sans-serif;
}

.pressebox p, .kundenmeinungen p {
  margin: 0 10px 0 10px;
  padding: 10px 0 10px 0;
}

.pressebox p {
  color: #575757;
  font: 11px/16px Arial, Helvetica, sans-serif;
  text-align: right;
}

.punktlinie {
  background: url('../bilder/grau_punktlinie_pix.gif') repeat-x bottom;
}

.weiter {
  padding-right: 15px;
  background: url('../bilder/weiter_mini.gif') no-repeat right;
}

.link {
  padding-left: 15px;
  background: url('../bilder/weiter_mini_gr.gif') no-repeat 0px 3px;
}

.link_bold {
  padding-left: 15px;
  background: url('../bilder/weiter_mini_gr.gif') no-repeat 0px 3px;
  color: #777;
  font: bold 12px/19px Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.link_rahmen {
  border: 1px solid #999;
  padding: 6px;
}

.hoch {
  padding-left: 15px;
  background: url('../bilder/hoch.gif') no-repeat left;
}

.angebotbox {
  background: #D8E4F4 url('../bilder/kalender_auf_blau.jpg') no-repeat top left;
  margin-bottom: 18px;
  padding: 9px 12px 9px 230px;
}

.kundenmeinungen {
  float: left;
  width: 280px;
  height: 252px;
  background-color: #FFF2D7;
}

.kundenmeinungen p {
  color: #575757;
  font: 13px/20px Arial, Helvetica, sans-serif;
  margin: 0 12px 0 12px;
}

.kundenname {
  color: #FF6633;
  font-style: italic;
}

.produkte {
  float: right;
  width: 280px;
}

.produktbox {
  width: 138px;
  font: 1px/0px serif;
  float: left;
}

.produktbox a, .produktbox a:active {
  background-color: #FFCC60;
  color: #FFF;
  font: bold 13px/14px Arial, Helvetica, sans-serif;
  text-align: left;
  display: block;
  padding: 3px 14px 3px 6px;
  background: #FFCC60 url('../bilder/weiter_mini.gif') no-repeat;
  background-position: 123px 5px;
}

.produktbox a:hover {
  text-decoration: underline;
  color: #FFF;
}

.footnote_div {
  /*clear: both;*/
  text-align: right;
  padding: 0 20px 0px 0;
  height: 20px;
  /*border: 1px solid #000;*/
  background: url('../bilder/footer_links_bg.gif') no-repeat bottom left;
}

.footnote_watermark, a:link.footnote_watermark, a:visited.footnote_watermark, a:hover.footnote_watermark, a:active.footnote_watermark {
  font: normal 9px/13px Arial, Helvetica, sans-serif;
  color: #cccccc;
}

.footnote {
  font: normal 11px/13px Arial, Helvetica, sans-serif;
  color: #999999;
}

div.css_wrapper {
  color: #575757;
  font: 12px/19px Arial, Helvetica, sans-serif;
}

div.css_wrapper .b16, .h2_wrapper {
  color: #666;
  font: bold 16px/22px Verdana, sans-serif;
  margin-bottom: 6px;
  margin-bottom: 6px;
  display: block;
}

div.css_wrapper hr {
  display: none;
}

/* von pixfox */

.tabelle td {
  line-height: 15px;
  padding: 3px;
  background-color: #ddd;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearall {
  clear: both;
}

.pr12 { padding-right: 12px }

.orange {
  color: #FF7415;
}

.left_menu {
  border-top: 1px solid #FF7415;
  border-bottom: 1px solid #FF7415;
  padding: 6px 0 6px 0;
  margin-bottom: 12px;
  text-align: center;
}

.tablehead {
  margin: 15px 0 0 0;
  font: bold 13px/14px Arial, Helvetica, sans-serif;
  padding: 3px;
  height: 18px;
  min-height: 18px;
}

.tablehead span {
  font: 12px Arial, Helvetica, sans-serif;
}

ul.liste {
  margin-left: 0;
  margin-bottom: 12px;
}

ul.liste li, .error li, .stop li {
  margin-left: 15px;
}

/* Preisliste ANFANG */

ul.sprung {
  list-style-image:url('../bilder/runter.gif')
}

ul.sprung li {
  margin-left: 18px;
}

table.preise, table.preise_tab {
  border-collapse: collapse;
}

/*table.preise { margin-top: 48px; }*/

table.preise td {
  /*padding: 6px;*/
}

table.preise_tab td {
  padding: 6px;
  border: 1px solid #666;
}

table.preise_tab td.no_border {
  border: none;
  padding: 0px;
}

table.preise_tab th {
  border: none;
  text-align: center;
  vertical-align: bottom;
  color: #575757;
  font: bold 11px/17px Arial, Helvetica, sans-serif;
}

table.preise_tab td.tab_head {
  padding: 12px 0 6px 0;
  border: none;
  color: #666;
  font: bold 13px/16px Arial, Helvetica, sans-serif;
}

table.preise_tab td.prod {
  background-color: #eee;
}

table.preise_tab td.preis {
  /*background-color: #D8E4F4;*/
  font-weight: bold;
  text-align: right;
}

table.preise .head {
  /*background-color: #FFF2D7;
  color: #FF9900;*/
  font: bold 16px/16px Arial, Helvetica, sans-serif;
}

table.preise .prodicon {
  padding: 0px;
  background-color: #fff; 
  text-align: center;
  /*vertical-align: top;*/
}

.marker {
  padding: 2px;
  font-weight: bold;
  color: white;
  background-color: red;
  text-align: center;
}

.rot  { background-color: red; }
.blau { background-color: #66f; }
.gelb { background-color: yellow; color: black; }

/* Preisliste ENDE */

/* Subnav Formatierung */
table.subnav {
  margin-bottom: 18px;
  border-collapse: collapse;
}

table.subnav td {
  /*border: 1px solid #999;*/
  border-top: none;
  text-align: center;
}


a.subnav, a.subnav-sel {
  text-decoration: none;
  text-align: center;
  color: #575757;
  height: 100%;
  display: block;
  padding: 2px;
  background: url('../bilder/weiter_mini_gr.gif') no-repeat 6px 6px;
}

a.subnav-sel {
  background: #ddd url('../bilder/weiter_mini_gr.gif') no-repeat 6px 6px;
}
/* ENDE Subnav Formatierung */


/* Original-Photodruck-CSS */

.tab_hcol_start, .tab_hcol_mb {
  background-color : #fce0D3;
  border-style: solid;
  border-width: 1px;
  border-color:#828282;
  padding:2px
}

.hinweis /* Box für Hinweise (gelb) */ {
  background: #ffffa1 url("../bilder/achtung.jpg") no-repeat 6px 6px;
  border: solid 1px #ffff00;
  padding: 7px 7px 7px 50px;
  margin-bottom: 12px;
  min-height:30px;
}


* html .hinweis td, .stop td { /* für skriptgenerierte Fehlermeldungen im Table-Format */
  padding-left: 50px;
}


.minihinweis {
  padding-left: 5px;
  padding-right:5px;
  background-color: #ffffa1;
  border: solid 1px #ffff00;
  font-size: 11px;
}

.stop /* Box für Fehler mit stop schild(rot) */ {
  background: #ffe0d6 url("../bilder/stop.jpg") no-repeat 6px 6px;
  border: solid 1px #ffa0a0;
  padding: 7px 7px 7px 50px;
  min-height: 30px;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 12px;
}

.error /* Box für Fehler (rot) */ {
  background-color: #ffe0d6;
  border: solid 1px #ffa0a0;
  width: 100%;
  padding: 7px 7px 7px 7px;
  min-height: 30px;
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-bottom: 12px;
}

.stop ul {
  color: #000000;
}

input.anmeldung, textarea.anmeldung /* Formularfelder Anmeldung */ {
  color: black;
  width: 150px;
  border: solid 1px
}

input.anmeldung_error /* Formularfelder Anmeldung bei Fehler */ {
  color: black;
  width: 150px;
  border: solid 1px;
  background-color: #FFE0D6;
}

input.flat {
  border-width: 0;
  width: 100%;
  background-color:#fff;
}

.button_abbruch, .button_speichern {
  width: 86px;
  height: 20px;
  padding: 0;
  border: 0;
  cursor: pointer;
}

.button_abbruch {
  background: #fff url(../bilder/button_abbruch.gif) no-repeat top left;
}

.button_speichern {
  background: #fff url(../bilder/button_speichern.gif) no-repeat top left;
}

.upload_java {
  border-width: 2px;
  border-color: #dddddd;
  background-color: #f6f6f6;
  width: 570px;
  border-style: solid;
  padding: 2px;
}

/* Tabelle für Funktionen im Hauptframe */
.tab_functions {
  background-color: #ddd;
  border: 1px solid #999999;
  padding: 6px;
}

.tab_functions img {
  vertical-align: middle;
}

table.thumb,table.thumbord {
 font-size: 12px;
 line-height: 15px;
}

td.thumb {
	background-image: url("/design/bilder/bgth132.gif");
	background-repeat: no-repeat;
}

td.thumb_sel {
	background-image: url("/design/bilder/bgth132_akt.gif");
	background-repeat: no-repeat;
}
.thumbkl {
  border: 1px #888888 solid;
	background-image: url("/design/bilder/leiste-grau-gross.gif");
}

.thumbkl td, .thumbklord td {
  font: 10px/15px Arial, Helvetica, sans-serif;
}

.thumbkl_sel {
  border: 1px #be1c10 solid;
	background-image: url("/design/bilder/leiste-beige-gross.gif");
}

td.thumbtrash {
  background-image: url("../bilder/knitterpapier.jpg")
}

.ord_bid {
  text-align:center;
  vertical-align:middle;
}

img.thumbnail {
  border-right: 0px #888888 solid ;
	border-bottom: 0px #888888 solid ;
}

.thumbtext {
  font-size: 12px;
}

.border {
  border: 1px #888888 solid;
}

td.thumbord,td.thumbhoch {
  text-align:center;
  vertical-align:middle;
  background-position:0px 0px;
	background-Image:url(../bilder/ordner.gif);
	background-repeat:no-repeat;
	padding-top:15px;
}

td.thumbord_sel,td.thumbhoch_sel {
  text-align:center;
  vertical-align:middle;
  background-position:0px 0px;
	background-Image:url(../bilder/ordner_akt.gif);
	background-repeat:no-repeat;
	padding-top:15px;
}

td.thumbklord {
  border: 1px #888888 solid;
  text-align:center;
  vertical-align:middle;
	background-Image:url("/design/bilder/leiste-grau-gross.gif");
	background-repeat:repeat-x;
}

td.thumbklord_sel {
  border: 1px #be1c10 solid;
  text-align:center;
  vertical-align:middle;
	background-Image:url("/design/bilder/leiste-beige-gross.gif");
	background-repeat:repeat-x;
}

.lm_button { background-Color:#D3D3F8; }




.tab_hcol_start, .tab_hcol_mb {
  background-color : #DDDDDD;
  border-style: solid;
  border-width: 1px;
  border-color:#828282;
  padding:2px
}

.tab_bcol {
  background-color: #F7F7F7;
  border-style: solid;
  border-width: 0px;
  border-color: white;
}

.tab_lcol /* Line Color für tabellen */ {
  background-color: #828282;
  border: 0px solid #828282;
  padding: 0px;
}

/*.tab_hcol_mb {
  background-color: #D3D3F8
} /* Tabellenkopffarbe meine bilder  */

.tab_hcol_bh /* Tabellenkopffarbe Bilder hochladen */ {
  background-color: #D6FAD6
}

.tab_hcol_ab /* Tabellenkopffarbe Abzüge bestellen */ {
  background-color: #DDDDDD;
  border: 1px #828282 solid;
  padding: 2px;
}

.tab_hcol_auftrag /* Tabellenkopffarbe Abzüge bestellen --> Auftrag */ {
  background-color: #DDDDDD;
  border: 0px #828282 solid;
  padding: 2px;
}

.tab_auftrag_data /* Tabellenkopffarbe Abzüge bestellen --> Auftrag */ {
  background-color: #FFFFFF;
  border: 0px;
  padding-right: 4px;
}

.tab_form_ab /* Tabelle Bestellformular Abzüge bestellen --> Auftrag*/ {
  background-color: #DDDDDD;
  border: 0px;
  padding: 0px;
}

.tab_hcol_help /* Tabellenkopffarbe Hilfe */ {
  background-color: #F5F4D8;
  width: 120px
}

.tab_bopt /* Hintergrundfarbe der tabelle Bildoptimierer*/ {
  background-color: #e2e2e2
}
.framed {
  border-width: 1;
  border-style: solid;
  border-color:#828282
}

.auftrag_input {
  border-width: 1px;
  border-color: #828282;
  width: 35px;
  text-align: right;
}

.auftrag_gk_input {
  border-width: 1px;
  border-color: #828282;
  width: 100%
}

.auftrag_selbox {
  width: 120px;
  vertical-align: middle;
}

.auftrag_selbox option {
  width: 160px;
  vertical-align: middle;
}

.auftrag_bg,.auftrag_warn_bg {

 width:148px;
 height:130px;
 text-align:center;
 vertical-align:middle;
 background-color: #f4f4f4;
 padding-top:6px;

}
.auftrag_warn_bg {
 
background-color: #FFFFA1;
	
}

table.prodgr {
  border-collapse: collapse;
}

td.prod_txt {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  text-align: left;
  padding: 6px 6px 6px 0;
}

td.prod_bild {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  text-align: center;
  background-color: #fff;
  padding: 6px 0 6px 0;
}

table.off_prodgr {
  border-collapse: collapse;
}

td.off_prod_txt {
  text-align: left;
  padding: 6px 0 6px 6px;
}

td.off_prod_bild {
  text-align: center;
  background-color: #fff;
}