/* 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; }

table tr {  }
table tr.alt { background: #FFFFFF; }
table tr._warn { background: #FCE0D3; }
table tr.alt_warn { background: #FCE0D3; }
div.infopanel table tr.alt { background: #FFF; }
table tr.alt td {  }

thead sup { color: #C3C5C7 !important; }

table select { margin: 0 !important; }



/* Forms */

form.styledform { background: #FFFFF; border: 0px solid #C3C5C7; padding: 20px; }
form.unstyledform { background: transparent; border: 0 none; padding: 0; }
fieldset { margin-bottom: 1em; }
form.unstyledform fieldset { background: #FFFFF; border: 1px solid #C3C5C7; margin-bottom: 0.5em; padding: 1em; }
label { font-size: 0.9em; font-weight: bold; display: block; margin-bottom: 2px; }

/* Mein Fotopost / Bestellung / Bestellung abschliessen */

table.table-checkout { table-layout: fixed; width: 100%; overflow: hidden; border: 0; border-collapse: separate; border-spacing: 0; margin-bottom: 24px; margin-bottom: 1em; margin-bottom: 2em; padding-bottom: 1px;}
table.nohead { border-top: 1px solid #C3C5C7; border-bottom: 1px solid #535557; margin-bottom: 2em; padding-bottom: 1px; }

table.table-checkout thead td {   margin: 15px 0 0 0;
  background-color: #DCDCDC !important;
  color: #000000;
  font: bold 13px/14px Arial, Helvetica, sans-serif;
  padding: 3px;
  height: 15px;
  min-height: 15px;
  /* background: #576881 url("../images/bg-thead.gif") no-repeat center 0; */  }
table.table-checkout thead td.td-1st { background-position: 0 0; }
table.table-checkout thead td.td-6th { background-position: 100% 0; }

table.table-checkout tr.sum td { border-top: 1px solid #535557; }

table.table-checkout td { vertical-align: top; border-bottom: 1px solid #C3C5C7; padding: 2px 5px; text-align: left; }
table.table-checkout td.td-1st { width: 44% !important; }
table.table-checkout td.td-2nd { width: 13% !important; }
table.table-checkout td.td-3rd { text-align: right; width: 13% !important; }
table.table-checkout td.td-4th { text-align: right; width: 15% !important; }
table.table-checkout td.td-5th { text-align: right; width: 15% !important; }
table.table-checkout tr.lastrow td { border-top: 1px solid #535557; border-bottom: 3px double #535557; }
table.table-checkout tr.lastrow td strong { font-size: 1.2em; }
table.table-checkout tr.lastrow td.td-5th { font-size: 1.2em; font-weight: bold; }
table.table-checkout tr.no-border td { border: 0 none !important; }

form#order-checkout-form label, form#order-checkout-form-agb label { font-size: 1em; font-weight: normal;  }

/* 
#order-checkout-form .infopanel { background: #ffffe5; border: 1px solid #e5d69d; margin-bottom: 0px ; padding: 12px; }
*/

#order-sonder-kal { position: relative; }
#order-sonder-kal label { margin-bottom: 0em; padding-top: 4px; }
#order-sonder-kal input { float: left; width: 30px; margin-right: 5px; margin-bottom: 0px; text-align: right; }

#adress-wrapper { margin: 1.5em 0 0.5em; }
#adress-wrapper div { width: 48%; }
#adress-wrapper div small { font-weight: normal; }

#zahlweise-wrapper { margin: 0em 0 0.5em; }
#zahlweise-wrapper div { width: 48%; }
#zahlweise-wrapper div small { font-weight: normal; }

button#btn-order-checkout {   padding: 0px;
  margin: 0px;
  background: #fff url('../bilder/button_blanko180.gif') no-repeat top left;
  border: none;
  color: #FF0000;
  width: 180px;
  height: 30px;
  display: block;
  cursor: pointer;
  text-align: center;
  font: bold 13px/19px Arial, Helvetica, sans-serif;}
button#btn-order-checkout:hover { }

button#btn-produkte-hinzufuegen { 
  padding: 0px;
  margin-right:0px;
  background: #fff url('../bilder/button_gross_blank150.gif') no-repeat top left;
  border: none;
  color: #FF0000;
  width: 150px;
  height: 30px;
  display: block;
  cursor: pointer;
  text-align: center;
  
  position: absolute; right: 25px; bottom: 0px;
  font: bold 13px/19px Arial, Helvetica, sans-serif;}
button#btn-produkte-hinzufuegen:hover { }

#zusatzoptionen img { margin: 0px; }



/* Tooltip */

#tooltip { background-color: #FFFFE5; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; position: absolute; z-index: 3000; border: 1px solid #e5d69d; width: 280px; padding: 10px; }
#tooltip h3, #tooltip div { font-weight: normal; font-size: 1em; letter-spacing: 0; margin: 0; padding: 0; }
#tooltip a { cursor: default !important; } 

#tooltip.image_tooltip { background: none !important; border: none !important; position: absolute; z-index: 3001;  }

/*Neuer Auftragstatus*/


.tabelle_buchungen {
  border-spacing: 0px;
  width:100%;
}

.tabelle_buchungen td {
  line-height: 12px;
  padding: 4px;
  /*background-color: #EBF1F9; #EBF1F9; #FFF8EB; #FFF2D7; #D8E4F4;*/
  border-bottom: 1px solid #ccc;
 
}

.legende_buchungen{
  background-color: #FCE0D3;
  border: 1px solid #FF0000;
  padding: 6px;
 
   
}
/* ELEMENT mit Abstand nach rechts z.b. Legende Buchungen */
.tab_legende{
 margin-right:20px;

}
.tab_legende img{
 vertical-align: middle;
}
.tablefoot {
  margin: 25px 0 0 0;
  /*background-color:   #FFBB00 !important; /*#fff59b;*/ /*#FFBB00;*/
  /*color: #FFF;*/
  border-bottom: 1px solid #498f1e;
  font: bold 13px/14px Arial, Helvetica, sans-serif;
  padding: 4px;
  height: 16px;
  min-height: 16px;
}

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



.pagination { /*border-bottom: 1px solid #C3C5C7; */padding: 10px 0 0px; }
.pagination span.left { width: 80%; }
.pagination span.left .disabled { color: #939597 !important; font-weight: bold; }
.pagination select { vertical-align: middle; font-size: 0.9em; margin: 0 0 0 5px; }

.infopanel { background: #FFFFA1; border: 1px solid #e5d69d; margin-bottom: 18px; padding: 12px; }
.infopanel h3 { padding: 0; }
.infopanel p { margin: 0; }
.infopanel ul { margin: 0; }

.errorpanel { background: #ffffe5 url("../images/icon-warning.gif") no-repeat 10px 10px; border: 1px solid #e5d69d; margin-bottom: 18px; padding: 12px 12px 12px 60px; }
.errorpanel h3 { padding: 0; }
.errorpanel p { margin: 0; }
.errorpanel ul { margin: 0; }