* {
  margin: 0;
  padding: 0;
}

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

#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 */
  /*border: 1px solid black;*/
  /*margin: 0 auto 0 auto;*/ /* für Mittigstellung des Layouts */
}

#container-head {
  position: relative;
  height: 93px;
  border-bottom: 1px solid black;
}

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

#main {
  width: auto;
  padding-top: 18px;
  padding-bottom: 18px;
  /*border: 1px solid black;*/
}

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

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

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

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

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

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

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

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

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

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

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

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

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

ul.leftmenu li a:hover {
  color: #AC1318;
  text-decoration: none;
  background-color: #ccc;
} */

.clearall {
  clear: both;
}

img {
  border: none;
}

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

.fontClass { font: 12px/19px Arial, Helvetica, sans-serif; }
.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: #AC1318;
  font: 24px/26px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

h2 {
  color: #AC1318;
  font: 18px/20px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

h1.prodgr {
  color: #999;
  font: bold 16px/20px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

h3 {
  color: #666;
  font: bold 16px/20px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}


p {
  margin-bottom: 9px;
}

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

.no_lh {
  line-height: 0;
}

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

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

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

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

div.login_links {
  position: absolute;
  top: 24px;
  right: 330px;
  width: 150px;
  text-align: right;
  font: 11px/11px Arial, Helvetica, sans-serif;
}

div.login_form {
  position: absolute;
  top: 27px;
  right: 0px;
  width: 330px;
  text-align: right;
  font: 1px/0px serif;
}

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

.submitbotton { margin-right: 0px; }

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

div.topmenu {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 24px;
  text-align: right;
  font: 1px/0px serif;
}

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

ul.liste .head {
  color: #666;
  font: bold 14px/20px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
}

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

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

.footnote_div {
  clear: both;
  text-align: right;
  padding-top: 3px;
  padding-bottom: 12px;
  border-top: 1px solid #cccccc;
}

.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 9px/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: #AC1318;
  font: 18px/20px Arial, Helvetica, sans-serif;
  margin-bottom: 6px;
  display: block;
}

div.css_wrapper hr {
  display: none;
}

span.button {  /* wrapper z.B. für auftrag_kalender.php */
  background: url('../bilder/button_blanko180.gif') no-repeat top left;
  color: #000;
  width: 180px;
  height: 26px;
  display: block;
  cursor: pointer;
  text-align: center;
  padding-top: 3px;
}

/* von pixfox */

.tabelle td {
  line-height: 13px;
  padding: 3px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearall {
  clear: both;
}

.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;
  background-color: #ccc;
  color: #000;
  font: bold 13px/14px Arial, Helvetica, sans-serif;
  padding: 3px;
  height: 15px;
  min-height: 15px;
}

.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: 0px;
}

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

table.preise_tab td.no_border {
  border: none;
}

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

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

table.preise_tab td.preis {
  font-weight: bold;
  text-align: right;
}

table.preise .head {
  color: #000;
  font: bold 16px/16px Arial, Helvetica, sans-serif;
  padding-bottom: 6px;
}

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

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

/* Preisliste ENDE */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *  A C H T U N G:
 *  Nachfolgende Styles werden von PHP-Programmdateien verwendet und sollten
 *  deshalb nicht gelöscht werden. Editierung möglich, aber auf eigene Gefahr.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /

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

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


a.subnav, a.subnav-sel {
  text-decoration: none;
  text-align: center;
  color: #AC1318;
  height: 100%;
  display: block;
  padding: 2px;
  background: none;
}

a.subnav-sel {
  background-color: #eee;
}
/* 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;
}

.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: 85px;
  height: 17px;
  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: #eee;
  border: 1px solid #000;
  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_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;
  margin-top:15px;
}

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: 95%;
  vertical-align: middle
}

table.prodgr {
  border-collapse: collapse;
}

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

td.prod_bild {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  /*background-color: #FFF2D7;*/
  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: #FFF2D7;
}