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

.sphopperLogin input[type='text'], .sphopperLogin select {
	box-sizing:content-box;
    padding: 2px 4px;
	height: 24px;
}

.sphopperLogin td {
	padding:3px;
}
.sphopperLogin th {
	text-align:center;
}
.sphopperLogin .wms_config_form {
	margin:0px;
	padding:0px;
	width:auto;
	border:0;
}
.sphopperLogin .wms_config_input {
	float: left;
	width:180px;
}
.sphopperLogin .wms_config_line {
	width:300px;
}

.sphopperLogin .wms_config_label {
	/* height:10px; */
	float: left;
	width:100px;
}
.sphopperLogin .wms_config_description {
	margin-left:150px;
	font-size:80%;
}


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

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


.spsummary td {
	padding:3px;
}
.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:70%;
}

.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;
}

div.sphopperLogin table th, div.sphopperLogin table td {
	border:0;
}

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

.prodtable table {
	width:100%;
}
.prodtable th {
	border-bottom:1px solid #000000;
}

.prodtable tfoot tr:last-child td {
	border-top:1px solid #000000;
}
.prodtable tfoot tr:last-child td:last-child {
	font-size:120%;
}


td .productname {
	font-weight:bold;
}

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

td input.countinput {
	width:30px;
}

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

/* einzelne Elemente */

input[type="text"].countinput { /* Input-Element fuer Anzahl */
	width:60px;

	}
.productnumber { /* Prudukt-Anzahl */
	text-align:center;
}
.productsum {
	text-align:right;
	display:block;

}
.productoldprice {
	display:inline;
	color:#FF0000;
	text-decoration:line-through;
}
.productpricevalid {
	color:#FF0000;
	font-size:80%;
}

.showhopperbutton { /* Warenkorb anzeigen */
	box-sizing:content-box;
    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 */
	box-sizing:content-box;
    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 */
	box-sizing:content-box;
    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 */
	font-size:80%;
	}
.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 {
	box-sizing:content-box;
    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 td a, .hoppernavi td a:active {
	box-sizing:content-box;
    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 */
	box-sizing:content-box;
    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 */
	box-sizing:content-box;
    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 */
	box-sizing:content-box;
    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 */
    box-sizing:content-box;
	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 */
	box-sizing:content-box;
    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:22px;
	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;
}

input[type="text"].searchtxt {
	box-sizing:content-box;
    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;
}

input[type="text"].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;
}



/* Module - Konfiguration fuer Artisteer */

#art-main .wms_config_form { /* um das Eingabeformular */
	padding:10px;
	margin:10px;
}

#art-main .wms_config_errorline { /* fehlerhafte eingabezeile */
	margin:5px;
	padding:5px;
	color:#FF0000;
	background-color:#FFf0f0;
	clear:both;
	float:none;
	border-top:1px solid #909090;
}

#art-main .wms_config_line { /* normale eingabezeile */
	margin:5px;
	padding:5px;
	color:#000000;
	clear:both;
	float:none;
	border-top:1px solid #909090;
}


#art-main .wms_config_label {
	width:190px;
	left:5px;

	padding:3px;
	padding-bottom:10px;
	vertical-align:middle;
	text-align:right;
	display:inline;
	float:left;
}

#art-main .wms_config_description { /* Beschreibungstext */
	width:300px;
	float:left;
	border:0;
}

#art-main .wms_config_input { /* eingabefelder */
	height:auto;
	width:330px;
	padding:1px;
	float:left;
}

#art-main .wms_config_input_element { /* Radio-Buttons */
	display:inline;
	width:15px;
	background-color:#FFFFFF;
}

#art-main .wms_config_input_box { /* Radio-Buttons */
	display:inline;
	width:310px;
	padding:1px;
	margin:1px;
	background-color:#F0F0F0;
	border:1px solid #000000;
}

#art-main  input[type="radio"]:checked + label, input[type="checkbox"]:checked + label  {
	font-weight:bold;
	border:1px dotted;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}



#art-main input[type="checkbox"]:checked + label input[type="radio"]:checked + label {
	font-weight:bold;
	border:1px dotted;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#008800;
}