/* CSS-Datei für Bestellseiten */

body, th, td, p, ol { font-family: Arial, Verdana, Tahoma, Helvetica,sans-serif; font-size: 12px; color: #333333; }

	
.arrow_box_bottom {	position: relative; }
.arrow_box_bottom:after {
	position: absolute;
	content: " ";
	top: 100%;
	left: 90px; /*Position des Pfeiles  50%=mittig*/
	height: 0;
	width: 0;
	border: solid transparent;
	border-color: rgba(0,0,0,0);
	border-width: 14px;
	margin-left: -14px;
	border-top-color: Gray;
}

/*Produkt-Icon*/
.appIco { width:32px;  height:32px; float:left; margin: 2px 8px 0px 0px; }


/*Zeilen-Container (kann z.B. mit nebeneinander ligenden Elementen (z.B. colBox) gefüllt werden.)*/
.rowBox { margin-bottom: 5px; }
/*Spalten-Container*/
.colBox { position:relative; float:left; }

/*Shop Auswahl-Box*/
.shopSelBox { width:435px; height:85px; padding: 5px 10px 5px 10px; margin: 0px 5px 0px 0px; color: White;  }
.shopSelTab { height:5px; padding: 5px 10px 5px 10px; margin: 0px 5px -4px 0px; }
.shopSelTab.arrow_box_bottom:after { border-top-color: #489144; } /*Shop-Box mi Pfeil nach unten - Hintergrundfarbe*/

/*Shop Auswahl-Button mit Hover*/
.shopSelBtn			{ background-color: rgb(115,115,115);/*Fallback */ background-color:rgba(0,0,0,0.2);font-size:12px; color: white;  padding: 5px 10px; border: 1px solid RGB(170,170,170);}
.shopSelBtn:hover	{ background-color:rgba(0,0,0,0.3);}

/*Kundenauswahl Firmenkund,Privatkunde,Vertriebspartner*/
.selCustomer	{ padding: 6px 10px; margin-right: 5px; font-weight: bold; font-size:15px; background-color: #489144; color: White; }

/*ID für Login-Box zum ausklappen*/
#loginBox		{ padding: 4px 15px; margin-right: 5px; background-color: #e4e4e4; display:none;}

/*ID für NoScrip-Info*/
#noScriptInfo	{ display:block; padding: 4px 15px;margin: 0px 5px 10px 0px; background-color: #df8a2c; color: White; font-size: 13px;}

/*Info-Box Schritte 1-3 / z.B. Warenkorb zusammenstellen*/
.infoBox		{ width:159px; height:32px; padding: 5px 5px 5px 15px;  margin: 0px 5px 15px 0px; color: #444444; background-color: #bbedc9;  }
.infoBox:hover  { color: #444444;}
.infoBox.arrow_box_bottom:after { border-top-color: #6ad98a; }  /*Info-Box mit Pfeil nach unten - Hintergrundfarbe*/
.infoBoxHelp { background-color: #e4e4e4;  }
.infoBoxSelected { background-color: #6ad98a;  } 

/*Shop-Buttons für Vor, Zurück, Bestellen,...*/
.shopStepBtn	{ width:205px; height:34px; padding: 5px 10px; margin: 15px 5px 10px 0px; /*float: right;*/ background-color: #489144; color: White; font-size:14px; font-weight: bold; }

.shopRefreshBtn	{ width:120px; height:24px;  background-color: #489144; color: White; }

.btnShareitCart{
    background: #407eba;
    border-width:thin;
    border-color:#407eba;
    width: 120px;
    height: 45px;
    color: White; font-size:14px; font-weight: bold; text-align: left; white-space: normal;
    cursor:pointer;
}

.add2shareit{
    background: #407eba url('../images/warenkorb_shareitBtn.png') no-repeat right center;
    padding-right: 50px;
    width: 233px;
}


/*Hinweis-Box (links unterhalb des Formulars) Hinweise zur Bestellung...*/
.hintBox		{ float: left; width:448px; margin: 15px 5px 10px 3px; }

.clickMenuItem				{ color: white; display: block; padding: 5px 10px;}
.clickMenuItem a			{ color: white; display: block; padding: 5px 10px;}
.clickMenuItem:hover		{ background-color: #29527a; }