/* Standard-Stylesheet fuer Service-Portal Shop-Ausgabe */

/* Klassen fuer die aeusseren divs */

.sparea td {
	vertical-align:top;
	}
.spproductSinge { /* Produkt einzeln (Web) */
}

.spproductList { /* Produktliste (Web) */
}

.spproductDivs { /* Produkt-Kacheln (Web ) */
}

.spproductTable { /* Produkttabelle (Web) */
}

.sphopperShort { /* Kurzliste Warenkorb (Web) */
	margin:10px;
	padding:15px;
	padding-bottom:5px;
	border:1px solid #ff9090;
	text-align:right;
}
.sphopperShort table {
	padding:5px;
}
.sphopperLogin { /* Warenkorb (Web) */
}

.spselectShipping { /* Auswahl der Versand+Zahlungsart (Web) */
}

.spsummary { /* Bestellübersicht (Web+Mail) */
}

.spoffer { /* Angebot (Mail+Druck) */
}

.spconfirmation { /* Auftragsbestätigung (Mail+Druck) */
}

.spbill { /* Rechnung (Web+Mail+Druck) */
}

.subtree { /* Rubriken - automatisch ausgegeben */
	border: 1px solid #909090;
	min-height:30px;
	float:left;
	width:28%;
	text-align:center;
	margin:1%;
	padding:1%
}

.treeblock { /* Rubriken mit Unterrubriken- automatisch ausgegeben */
	border:0px;
	background-color: #f0f0f0;
	min-height:30px;
	text-align:left;
	margin:0;
	margin-top:1%;
	margin-bottom:1%;
	padding:0
}

.treeblock h1, .treeblock h1 a {
	background-color: #d0d0d0;
	border:0px;
	text-align:left;
	margin-bottom:0px;
}

.treeblock a {
	display:block;
	text-align:left;
}

.treeblock a div {
	margin:0.3%;
	padding:0.3%;
	border:1px solid #000000;
}
/* Blockelemente */

.prod1 {
	border: 1px solid #909090;
	margin-top:5px;
	margin-bottom:5px;	
}

.prod1 .productimage {
	float:left;
	padding-right:5px;
}

.prod1 .productname {
	font-size:120%;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	
}

.prod1 .availtext {
	padding-top:10px;
	float:left;
	width:40%;
}
.prod1 .availtext .light {
	float:left;
}

.prod1 .productpriceblock {
	float:right;
	padding-right:5px;
	width:55%;
}

.prod1 .productpricepp {
	padding-top:10px;
	font-size:150%;
	font-weight:bold;
	text-align:right;
}
.prod1 .producttaxtext {
	text-align:right;	
	font-size:80%;
}
.prod1 .productbaseprice {
	text-align:right;	
	font-size:80%;
}
.prod1 .spshipping {
	text-align:right;	
	font-size:80%;
}

.prod1 .productnumberblock {
	width:90%;
	text-align:right;
	float:right;
	padding-bottom:5px;
	padding-right:5px;
}

.prod1 .productnumberblock .productnumber {
	display:inline;
	margin:5px;
}

/* Liste 2er */
.prod2 {
	border: 1px solid #909090;
	float:left;
	width:45%;
	margin:1%;
	padding:1%;
}

.prod2 .productimage {
	float:left;
	padding-right:5px;
}

.prod2 .productname {
	font-size:120%;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	
}

.prod2 .availtext {
	padding-top:10px;
	float:left;
	width:40%;
}
.prod2 .availtext .light {
	float:left;
}

.prod2 .productpriceblock {
	float:right;
	padding-right:5px;
	width:55%;
}

.prod2 .productpricepp {
	padding-top:10px;
	font-size:120%;
	font-weight:bold;
	text-align:right;
}
.prod2 .producttaxtext {
	text-align:right;	
	font-size:80%;
}
.prod2 .productbaseprice {
	text-align:right;	
	font-size:80%;
}
.prod2 .spshipping {
	text-align:right;	
	font-size:80%;
}

.prod2 .productnumberblock {
	width:90%;
	text-align:right;
	float:right;
	padding-bottom:5px;
	padding-right:5px;
}

.prod2 .productnumberblock .productnumber {
	display:inline;
	margin:5px;
}

/* Kacheln 3er */
.prod3 {
	border: 1px solid #909090;
	float:left;
	width:28%;
	text-align:center;
	margin:1%;
	padding:1%
}

.prod3 .productname {
	font-size:120%;
	/*font-weight:bold;*/
	padding-top:10px;
	padding-bottom:5px;
	min-height:30px;
}
.prod3 .productpricepp {
	padding-top:10px;
	font-size:150%;
	font-weight:bold;
}
.prod3 .productnumberblock {
	padding-top:5px;
}

.prod3 .producttaxtext, .prod3 .productbaseprice, .prod3 .spshipping {
	font-size:80%;
}


.prod3 .productnumberblock .productnumber {
	display:inline;
	margin:5px;
}

.prod3 .productnumberblock .productnumber .countinput {
	width:30px;
}

td .productname {
	font-weight:bold;
}

td .productbaseprice, td .producttaxtext {
	font-size:80%;
}

td .countinput {
	width:30px;
}

.sphopperLogin tfoot, .sphopperLogin tfoot td  {
	background-color:#e0e0e0;
	font-weight:bold;
	padding:5px;
}

/* einzelne Elemente */

.countinput { /* Input-Element fuer Anzahl */
	width:60px;
	
	}
.productnumber { /* Prudukt-Anzahl */

}
.productsum {
	text-align:right;
	display:block;
	
}
.showhopperbutton { /* Warenkorb anzeigen */
	background-color:#ffffff;
	margin:0px;
	padding:3px;
	padding-left:33px;
	border:1px solid #909090;
	background-image: url(/cgi-wms/images/sp/hopper-15.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height:28px;
	
	cursor:pointer;
	cursor:hand;
	text-align:right;
}

.showhopperbutton:link, .showhopperbutton:visited {
	color:#000000;
}

.showhopperbutton:hover {
	background-image: url(/cgi-wms/images/sp/hopper-red-15.png);
	border:1px solid #ff9090;
	color: #ff0000;
}



.hopperbutton { /* Submitbutton pro Zeiile */
	background-color:#ffffff;
	margin:0px;
	padding:3px;
	padding-left:33px;
	border:1px solid #909090;
	background-image: url(/cgi-wms/images/sp/hopper-20.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height:28px;
	
	cursor:pointer;
	cursor:hand;
	text-align:right;
}

.hopperbutton:hover {
	background-image: url(/cgi-wms/images/sp/hopper-red-20.png);
	border:1px solid #ff9090;
	color: #ff0000;
}

.deletebutton { /* Submitbutton pro Zeiile */
	background-color:transparent;
	margin:0px;
	padding:3px;
	padding-left:20px;
	border:1px solid #909090;
	background-image: url(/cgi-wms/images/sp/bin-20.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height:28px;
	
	cursor:pointer;
	cursor:hand;
	text-align:right;
}

.deletebutton:hover {
	background-image: url(/cgi-wms/images/sp/bin-red-20.png);
	border:1px solid #ff9090;
	color: #ff0000;
}

.treepath { /* Pfadangabe */
	
	}
.productnr { /* Produktnummer */
	}
.productname { /* Name des Produkts */

	}
.productimage { /* Produktbild */
	}
.productbaseprice { /* Produktgrundpreis */
	}
.productpricepp { /* Produktstückpreis */
	}
.producttaxtext { /* Zeilenweiser Steuerausweis */
	}
.productpricegp { /* Produkte-Gesamt-Preis */
	}
	
.popuppic { /* Link zum PopUp eines Produktbilds */
	
	}
.availtext { /* Verfuegbarkeit */
	
	}

.light { /* Ampel */
	float:left;
	border:0px;
	padding:2px;
}

/* Warenkorn-Layout */

.sphopperLogin td {
	text-align:left;
	margin:3px;
	}
	
.hoppernavileft  {
	width:60px;
	}	
.hoppernaviright {
	width:60px;
	text-align:right;
	
	}

.hoppernaviright img {
	float:right;
	}

.hoppernavi {
	background-color:#ffffff;
}

.hoppernavi .inactive {
	display:block;
	height:26px;
	width:110px;
	background-color:#e0e0e0;
	background-image:url(/cgi-wms/images/sp/pfeil.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:5px;
	font-size:80%;
}

.hoppernavi a {
	display:block;
	height:26px;
	width:110px;
	background-color:#909090;
	background-image:url(/cgi-wms/images/sp/pfeil.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-top:10px;
	padding-left:5px;
	color:#000000;
	font-size:80%;
}

.hoppernavi a:visited, .hoppernavi a:link {
	color:#000000;
}


.hoppernext { /* Weiterbutton im Warenkorb */
	display:block;
	
	margin:0px;
	padding:6px;
	border:1px solid #909090;
	
	background-color:#ffffff;
	
	background-image: url(/cgi-wms/images/sp/forward-30.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height:38px;
	padding-left:30px;
	
	cursor:pointer;
	cursor:hand;
	text-align:left;
	font-size:14px;
	color:#000000;
	float:right;
}
.hoppernext:visited, .hoppernext:link{
	color:#000000;
}

.hoppernext:hover {
	color: #ff0000;
	border:1px solid #ff0000;
	background-image: url(/cgi-wms/images/sp/forward-red-30.png);
	text-decoration:underline;
}

.hopperrefresh { /* Weiterbutton im Warenkorb */
	margin:0px;
	padding:6px;
	border:1px solid #909090;
	
	background-color:#ffffff;
	
	background-image: url(/cgi-wms/images/sp/refresh-30.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height:38px;
	padding-left:30px;
	
	cursor:pointer;
	cursor:hand;
	text-align:left;
	font-size:12px;
	color:#000000;
	float:none;
}
.hopperrefresh:visited, .hopperrefresh:link{
	color:#000000;
}

.hopperrefresh:hover {
	color: #ff0000;
	border:1px solid #ff0000;
	background-image: url(/cgi-wms/images/sp/refresh-red-30.png);
	text-decoration:underline;
}



.hopperback { /* Zurueckbutton im Warenkorb */
	margin:0px;
	padding:6px;
	border:1px solid #909090;
	background-color:#ffffff;
	color:#000000;
	text-decoration:none;
	background-image: url(/cgi-wms/images/sp/back-30.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height:22px;
	
	cursor:pointer;
	cursor:hand;
	text-align:left;
	font-size:12px;
	padding-left:34px;
	padding-top:10px;
	
	float:left;
}

.hopperback:visited, .hopperback:link{
	color:#000000;
}
.hopperback:hover {
	color: #ff0000;
	border:1px solid #ff0000;
	background-image: url(/cgi-wms/images/sp/back-red-30.png);
	text-decoration:underline;
}


.hopperregister { /* Weiterbutton im Warenkorb */
	display:block;
	width:150px;
	margin:auto;
	padding:6px;
	border:1px solid #909090;
	
	background-color:#ffffff;
	
	background-image: url(/cgi-wms/images/sp/forward-30.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height:22px;
	padding-left:32px;
	padding-top:10px;
	
	cursor:pointer;
	cursor:hand;
	text-align:left;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

.hopperregister:visited, .hopperregister:link, .hopperregister:active {
	color:#000000;
}

.hopperregister:hover {
	color: #ff0000;
	border:1px solid #ff0000;
	background-image: url(/cgi-wms/images/sp/forward-red-30.png);
	text-decoration:underline;
}

.searchbtn { /* Suchknopf in der Suchfunktion */
	display:inline;
	width:120px;
	margin:6px;
	padding:6px;
	border:1px solid #909090;
	vertical-align:top;
	
	background-color:#ffffff;
	
	background-image: url(/cgi-wms/images/sp/search-30.png);
	background-repeat: no-repeat;
	background-position:3px 3px;
	height:38px;
	padding-left:32px;
	padding-top:10px;
	
	cursor:pointer;
	cursor:hand;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

.searchbtn:visited, .searchbtn:link, .searchbtn:active {
	color:#000000;
}

.searchbtn:hover {
	color: #ff0000;
	border:1px solid #ff0000;
	background-image: url(/cgi-wms/images/sp/search-red-30.png);
	text-decoration:underline;
}

.searchtxt {
	display:inline;
	width:320px;
	margin:6px;
	padding:3px;
	border:1px solid #909090;
	background-color:#ffffff;
	height:32px;
	font-size:16px;
	font-weight:bold;
	vertical-align:top;
}

.searchtxt:hover {
	border:1px solid #303030;

}

.searchform {
	display: block;
	background-color:#e0e0e0;
	border:1px dotted #303030;
	margin-bottom:6px;
	margin-top:6px;
}

.searchsubnavi { /* Navi Folgeseiten der Suche */
	display:block;
	margin:5px;
	padding:5px;
	text-align:center;
	line-height:250%;
}


.searchsubnavi .current { /* aktuelle Seite Navi Folgeseiten der Suche */
	display:inline;
	padding:3px;	
	margin:3px;
	border:1px solid #303030;
	background-color:#e0e0e0;
	font-weight:bold;
	font-size:150%;
}
.searchsubnavi a { /* link Navi Folgeseiten der Suche */
	display:inline;
	padding:3px;
	margin:3px;
	border:1px solid #909090;
	font-weight:bold;
	font-size:120%;
}

.searchsubnavi a:hover { /* link Navi Folgeseiten der Suche */
	text-decoration:underline;
	background-color:#e0e0e0;
	cursor:pointer;
	cursor:hand;
}