/***************************************
* label-Style aus main.css in Default- *
* Zustand zurückversetzen              *
***************************************/
label.bestellvorgang {
	width:auto;
}

/**********************
* Schritt-Überschrift *
**********************/
#step_info {
   /*color:#7777cc;*/
	color:#4360ac;
   font-weight:bold;
   font-size:16pt;
   padding-bottom:5px;
}

/**********************
* Fortschrittsanzeige *
**********************/
table#progressbar {
   width:100%; 
   border:none
   border-spacing:0;
   padding-top:10px;
}
table#progressbar td {
   font-size:9pt;
   text-align:center; 
   vertical-align:center;
   padding:0; 
   margin:0;
   line-height:16px;
}
table#progressbar td#blue {
   background-image:url(/images/shop/bestellvorgang/bg_blue.png); 
   background-repeat:x-repeat; 
   color:white; 
}
table#progressbar td#grey {
   background-image:url(/images/shop/bestellvorgang/bg_grey.png); 
   background-repeat:x-repeat; 
   color:white; 
}
table#progressbar td#orange {
   background-image:url(/images/shop/bestellvorgang/bg_orange.png); 
   background-repeat:x-repeat;
   color:black; 
}
table#progressbar td#blue_orange_arrow {
   background-image:url(/images/shop/bestellvorgang/arrow_blue.png); 
   background-repeat:no-repeat; 
   padding:0 4px 0 3px; 
}
table#progressbar td#blue_blue_arrow {
   background-image:url(/images/shop/bestellvorgang/arrow_blue_blue.png); 
   background-repeat:no-repeat; 
   padding:0 4px 0 3px; 
}
table#progressbar td#grey_grey_arrow {
   background-image:url(/images/shop/bestellvorgang/arrow_grey.png); 
   background-repeat:no-repeat; 
   padding:0 4px 0 3px; 
}
table#progressbar td#orange_grey_arrow {
   background-image:url(/images/shop/bestellvorgang/arrow_orange.png); 
   background-repeat:no-repeat; 
   padding:0 4px 0 3px;
}
table#progressbar td.step {
   width:180px;
}
table#progressbar td.finished {
   width:15%;
}


/******************************************
* Formulare sollen keinen Absatz erzeugen *
******************************************/
form.shop_form {
	padding:0;
   margin:0;
}

/***********************************************
* Ein 'fieldset' wird benötigt, um Formulare   *
* mehr wie Desktop-Anwendungen wirken zu las-  *
* sen, indem man durch Definition eines La-    *
* bels (also der Bezeichnerstring, der links   *
* neben einem Eingabefeld steht) dieses dazu   *
* bewegt, das ihm zugeordnete Eingabeelement   *
* auszuwählen.                                 *
*   Fieldsets sind aber Blockelemente und sol- *
* len keine Absätze erzeugen.                  *
************************************************/
fieldset#fieldset {
	border:none;
	padding:0;
	margin:0;
}

/***********************************
* Standard-Tabelle mit 100% Breite *
***********************************/
table.full_width {
   width:500px;
}

   table.full_width td {
      vertical-align:middle;
   }
   
   table.full_width td.left_td {
      width:125px;
      text-align:right;
      padding-right:10px;
   }
   
   table.full_width td.bold_td {
      font-weight:bold;
      width:125px;
      text-align:right;
      padding-right:10px;
   }
	
	table.full_width td.right_td_info {
      width:375px;
		padding-bottom:5px;
   }
	
		table.full_width td.right_td_info p {
			width:375px;
			color:#777;
			font-size:8pt;
		}
   
   table.full_width td.right_td {
      width:375px;
   }
   
      table.full_width td.right_td input {
         width:320px;
      }
		
		table.full_width td.right_td select {
			width:325px;
		}
		
		table.full_width td.right_td select#month_select {
			width:150px;
		}
		
		table.full_width td.right_td select#year_select {
			width:150px;
		}
      
      table.full_width td.radio_left {
         width:125px;
         text-align:right;
         vertical-align:top;
      }
      
      table.full_width td.radio_right {
         width:320px;
         padding:0 50px 0 3px;
         text-align:left;
         vertical-align:top;
      }
      
      table.full_width table#inner_table {
         width:375px;
         border-spacing:0;
      }
         table.full_width table#inner_table input {
            width:100%;
         }
         
         table.full_width table#inner_table select {
            width:375px;
         }
   
         table.full_width table#inner_table td#zipcode_col {
            width:10ex;
				border:1px solid black;
         }
			
			table.full_width table#inner_table td#filler_col {
				width:1ex;
         }
      
         table.full_width table#inner_table td#city_col {
				text-align:left;
				width:70%;
				border:1px solid black;
         }
         
         table.full_width table#inner_table td#month_col {
            width:20%;
         }
         
         table.full_width table#inner_table td#year_col {
            width:20%;
         }
         
         table.full_width table#inner_table td#separator {
            padding:0 5px 0 5px;
         }
         
         table.full_width table#inner_table td#filler {
            width:60%;
         }
   
   table.full_width select {
      background-color:#f6f6f6;
      border:1px solid #9ac;
      width:81%;
   }
   
   table.full_width td.form_info {
      font-size:8pt;
      font-style:italic;
   }

/**********************************************
* Die Tabelle, in der die Artikel dargestellt *
* werden sollen.                              *
***********************************************/
p.right {
   text-align:right;
   padding-right:4px;
}
   p.right input#drop_all {
      border:none;
      background:none;
      background-image:url(/images/shop/bestellvorgang/dropAll.gif);
      width:20px;
      height:20px;
		cursor:pointer;
   }
   
table#cart_table {
   padding:0;
   margin:0;
   border:none;
   width:100%;
}

	table#cart_table img.cart_image {
		float:left;
	}

   table#cart_table th {
      text-align:right;
      background-color:#eee;
      border-bottom:2px solid #bbb;
      font-weight:bold;
      padding:3px;
   }
   
   table#cart_table td {
      text-align:right;
      vertical-align:top;
      padding:2px;
      vertical-align:top;
   }
   
   table#cart_table td.drop_col input.drop_button {
      background:none;
      border:none;
      background-image:url(/images/shop/bestellvorgang/drop.gif);
      width:20px;
      height:18px;
      margin:0;
      padding:0;
		cursor:pointer;
   }
   
      table#cart_table td.separator {
         border-top:1px solid #ddd;
         border-bottom:1px solid #ddd;
         font-weight:bold;
         padding-bottom:6px;
      }
   
      table#cart_table td.amount_col {
         width:13%;
         padding:0;
         text-align:center;
      }
		
			table#cart_table td.amount_col p {
				text-align:center;
			}
         table#cart_table td.amount_col input.amount {
            width:70%;
				margin-top:2px;
         }
         
         table#cart_table td.amount_col input.recalculate {
            background:none;
            border:none;
            background-image:url(/images/shop/bestellvorgang/btn_refresh_16x16.gif);
            width:16px;
            height:16px;
            padding:0;
            margin:0;
				cursor:pointer;
         }
         
      table#cart_table td.product_col {
         width:100%;
         text-align:right;
         font-weight:bold;
      }
		
			table#cart_table td.product_col p {
				text-align:left;
				padding-left:55px;
			}
			
			table#cart_table td.product_col p.description {
			   font-weight:normal;
				color:#777;
				font-size:8pt;
			}
   
      table#cart_table td.price_col {
         text-align:right;
      }
      
      table#cart_table td input {
         margin:0;
         padding:0;
      }
      
      table#cart_table td.left {
         text-align:left;
      }
      
      table#cart_table td.bold {
         font-weight:bold;
      }
   
/***************************
* Gesamtpreis im Warenkorb *
***************************/   
#cart_total {
   font-weight:bold;
	border-bottom:3px double black;
}

#overview_total {
   font-weight:bold;
   border-bottom:3px double black;
}

div.missing_params,
p.missing_params {
   color:red;
   font-weight:bold;
   text-align:center;
   border:1px solid red;
   background-color:#fcc;
   font-size:8pt;
   margin:5px 0 10px 0;
   padding:3px;
}

div.missing_params
	table {
		margin:0 auto 0 auto;
	}

p.warning {
   color:#c70;
   font-weight:bold;
   text-align:center;
   border:1px solid #c70;
   background-color:#ff9;
   font-size:8pt;
   margin:5px 0 10px 0;
   padding:3px;
}



.reduced_cart_head {
   background-color:#eee;
   border-bottom:2px solid white;
}

.mwst {
	font-weight:normal;
	font-size:8pt;
}

/********************
* Übersichtstabelle *
********************/
table#overview {
   width:100%;
   border-spacing:0;
}

   table#overview tr.section {
      background:#def;
   }
      table#overview input {
         margin:0;
         padding:0;
      }
   
      table#overview tr.section td.title {
         vertical-align:middle;
         color:#249;
         font-size:13pt;
         font-weight:bold;
         padding:3px 0 3px 3px;
      }
      
      table#overview tr.section td.button {
         vertical-align:middle;
         border-spacing:0;
         padding:3px 3px 3px 3px;
         text-align:right;
      }
      
      table#overview tr#cart_head {
          text-align:right;
          vertical-align:top;
      }
      
         table#overview tr#cart_head td {
            text-align:right;
            background-color:#eee;
            border-bottom:2px solid #bbb;
            font-weight:bold;
            padding:3px;
         }
      
            table#overview tr#cart_head td.amount {
               width:40px;
               border-right:2px solid white;
            }
      
            table#overview tr#cart_head td.head {
               border-right:2px solid white;
            }
            
            table#overview tr#cart_head td.product {
               width:100%;
               border-right:2px solid white;
            }
            
      table#overview tr.articles td {
         text-align:right;
      }
      
         table#overview tr.articles td.amount {
            width:40px;
         }
         
         table#overview tr.articles td.product {
            width:100%;
         }
         
      table#overview tr#postage td {
         text-align:right;
      }
      
      table#overview td.separator {
         border-top:1px solid black;
         text-align:right;
         font-weight:bold;
      }
      
      table#overview td.top_filler {
         display:block;
         height:5px;
      }
      
      table#overview td.bottom_filler {
         display:block;
         height:10px;
      }
      
      table#overview td.agb {
         vertical-align:top;
         padding-top:5px;   
      }
      
      table#overview td.right {
         text-align:right;
      }
      
/****************
* PayPal-Button *
****************/
#paypal_button {
   background:none;
   border:none;
   background-image:url(/images/shop/bestellvorgang/PayPal-Button.gif);
   background-position:0 0;
   background-repeat:no-repeat;
   color:#007;
   font-size:13pt;
   font-weight:bold;
   font-style:italic;
   width:133px;
   height:26px;
}
#paypal_button:hover {
   background-position:0 -26px;
   color:#44a;
	cursor:pointer;
}
#paypal_button:active {
   background-position:0 -52px;
}

/********************
* Couponcodegruppen *
********************/
input.couponcode_group {
	width:7ex;
}


/*************************
* Neue Navigationsleiste *
*************************/
div.order_navigation {
	margin:10px 0 0 30px;
	padding-bottom:40px;
}
div.order_navigation * {
	padding:0;
	margin:0;
	font-family:"arial", "helvetica", "sans";
	font-size:14px;
}

div.order_navigation div.step_done {
	width:18px;
	height:18px;
	background-image:url(/images/shop/order_navigation/done.png);
	background-repeat:no-repeat;
	color:#4360ac;
	text-align:center;
	position:absolute;
	padding-top:1px;
}
div.order_navigation div.line_done {
	background-image:url(/images/shop/order_navigation/done_line.png);
	background-repeat:repeat-x;
	height:3px;
	width:100px;
	position:absolute;
	margin-top:8px;
}
div.order_navigation div.text_done {
	position:absolute;
	width:116px;
	color:#648fff;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	margin-top:20px;
}

div.order_navigation div.step_current {
	width:18px;
	height:18px;
	background-image:url(/images/shop/order_navigation/current.png);
	background-repeat:no-repeat;
	color:white;
	text-align:center;
	position:absolute;
	padding-top:1px;
	font-weight:bold;
}
div.order_navigation div.text_current {
	position:absolute;
	width:116px;
	color:#4360ac;
	font-size:12px;
	text-align:center;
	margin-top:20px;
	font-weight:bold;
}

div.order_navigation div.step_next {
	width:18px;
	height:18px;
	background-image:url(/images/shop/order_navigation/next.png);
	background-repeat:no-repeat;
	color:#999;
	text-align:center;
	position:absolute;
	padding-top:1px;
}
div.order_navigation div.line_next {
	background-image:url(/images/shop/order_navigation/next_line.png);
	background-repeat:repeat-x;
	height:3px;
	width:100px;
	position:absolute;
	margin-top:8px;
}
div.order_navigation div.text_next {
	position:absolute;
	width:116px;
	color:#999;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	margin-top:20px;
}

span.order_navigation_button {
	margin-top:10px;
	cursor:pointer;
	display:inline-block;
}
span.order_navigation_button span.button {
	background-color:#4360ac;
	color:white;
	padding:3px 5px 3px 5px;
	font-weight:bold;
	display:inline-block;
}
span.order_navigation_button span.arrow {
	background-color:#c0d0fa;
	color:#4360ac;
	padding:2px;
	border:1px solid #4360ac;
	display:inline-block;
}