
/* -----------------Produktgruppen-Navigation----------------- */ 

.mod_webShop_groupNavigation ul li.wsg_item {
	list-style: none;
	background: none;
	float: left;
	padding: 0;
}

.mod_webShop_groupNavigation ul li.wsg_item a {
	background: none;
	padding: 0;
}

.mod_webShop_groupNavigation ul li.wsg_item img {

}



/* -----------------4-Steps Navigation----------------- */ 

#steps_nav ul.level_1 li {
	display: inline;	
}

#steps_nav li {
	color: #c3c8b2;
	text-decoration: none;
	display: inline;
	padding: 0 25px 0 0;
	background: none;
}

#steps_nav li a {
	background: none;
	color: #c3c8b2;
	text-decoration: none;
	padding: 0;
}

#steps_nav li a.active,
#steps_nav li.active {
	color: #f3951c;
	background: none;
	padding: 0;
	font-weight: bold;
	text-decoration: none;
}

#steps_nav li a:hover {
	color: #f3951c;	
}


/* ------------------------------------------------------------------------------------------ Miniwarenkorb*/

.mod_webShop_miniCart {
	width: 160px;
	float: right;
	background-color: #c3c8b2;
	padding: 3px 20px 3px 10px;
	margin-right: 20px;
}

.content {
	width: 60px;	
}

.mod_webShop_miniCart:hover  {
	background-color: #f3951c;
}

.mod_webShop_miniCart .content {
	color: #fff;
	float: right;
}

.mod_webShop_miniCart .cartlink {
	color: #f3951c;
	top: 0;
	float: left;
}

.mod_webShop_miniCart a {
	color: #fff;
	background: url(../images/arrow_link_footer.gif) no-repeat 0 2px;
	font-weight: bold;
	text-decoration: none;
}

.mod_webShop_miniCart a:hover {
		color: #fff;
		background: url(../images/arrow_link_white.gif) no-repeat 2px 4px;
}


/* ------------------------------------------------------------------------------------------ Meine Adressen*/

.currendAddresses {
	width: 600px;
	clear: both;
	margin-bottom: 20px;
}

.singleAddress {
	min-height: 100px;
	width: 560px;
}

.address {
	padding-right: 40px;
	width: 200px;
	float: left;
}

.currendAddresses form {
	width: 320px;
	float: right;
}


.singleAddress span.addressLabel {
	font-weight: bold;
	
}

.currendAddresses form input {
	margin-top: 10px;	
}


/* Shop - Adressen bearbeiten */

.editAddress table {
	width: 600px;	
}

.editAddress tr td.col_0 {
	width: 100px;	
}

.editAddress tr td input,
.editAddress tr td select {
	margin-bottom: 6px;	
}

.editAddress tr td select {
	width: 240px;	
}

.editAddress tr td input.submit {
	margin-top: 20px;	
}

.editAddress tr td p.error {
	clear: right;
	display: block;
	float: right;
	font-size: 10px;
	color: #f2951c;
	height: 16px;
	line-height: 13px;
	min-height: 16px;
	width: 200px;
	margin-top: 0;
	padding-right: 30px;
}

 

/* ------------------------------------------------------------------------------------------ Artikelliste*/

.ws_sortbox {
	margin-bottom: 20px;	
}

.ws_sortbox label {
	width: 70px;	
}

.mod_webShop_ArticleList {
	width: 600px;
}

.articleListRow {
	width: 600px;
	background-image: url(../images/bg-articleListRow.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
	display: inline-block;
}

/** html .mod_webShop_ArticleList .articleImage {
	margin: 36px 0 -36px 60px;
}*/

.articleListItem {
	float: left;
	width: 180px;
	padding-right: 16px;
	background: url(../images/bg-articleListRow.gif) left top repeat-x;
	overflow: hidden;
}

.mod_webShop_ArticleList .articleImage {
	height: 211px;
	width: 176px;
	position: relative;
}

.articleListItem a {
	background: none;
	padding: 0;
	text-decoration: none;
}

	.articleListItem a:hover h2{
		color: #f3951c;	
	}

.articleThumb {
	margin: 20px 10px 0 0;
	padding: 0;
	background: none;
}

/* ----------------------------------------------- Neu/Angebot */

.markAsNew {
	height: 22px;
	margin: 0;
	top: 0;
	left: 0;
	padding: 0;
	position: absolute;
	width: 140px;
	z-index: 2;
}

.markAsOffer {
	position: absolute;
	z-index: 2;
}

.markAsNew img {
	border: none;	
}

/* ----------------------------------------------- Teaser/Titel */

.articleListItem .articleTeaser {
	margin-top: 10px;	
}

.articleListItem .articleTitle {
	margin: 0 0 5px;
}

.articleListItem .articleTitle a {
	color: #f3951c;
	font-size: 14px;
}

/* ----------------------------------------------- Preis */

.articleListItem .articlePrices {
	margin-top: 10px;
	width: 150px;
	font-weight: bold;
}

.mod_webShop_ArticleList .hasSpecialPrice {
	text-decoration: line-through;	
	/*display: block;*/
	font-weight: normal;
	margin-right: 5px;
}

.articleListItem .specialOffer, 
.articleListItem .valuePrice {
	color: #f3951c;
	font-size: 11px;
	width: 150px;
}

/* ----------------------------------------------- Paginierung */

.mod_webShop_ArticleList .pagination {
	padding-right: 30px;	
}

.mod_webShop_ArticleList .shippingNotice,
.mod_webShop_ArticleList .taxInfo {
	display: block;
	width: 180px;
	font-weight: normal;
}


/* ------------------------------------------------------------------------------------------ Artikeldetail*/

.mod_webShop_articleDetails {
	background-color: #e2deb9;
	padding: 0;
	width: 600px;
	height: 362px;
}

.mod_webShop_articleDetails .leftRow {
	float: left;
	width: 250px;
	height: 300px;
}

.mod_webShop_articleDetails .rightRow {
	width: 290px;
	float: right;
	padding: 0 40px 0 20px;
	height: 300px;
}

/* ----------------------------------------------- Prduktbild */

.mod_webShop_articleDetails .articleImage {
	margin: 0;
	height: 300px;
	width: 250px;
	clear: left;
	position: absolute;
}

.mod_webShop_articleDetails .articleImage a {
	background: none;
	padding: 0;
}


/* ----------------------------------------------- Varianten */

.variantLinks {
	text-align: center;
	width: 235px;
}

.mod_webShop_articleDetails .articleTeaser {
	color: #666;
	margin:0;
	padding:0;
}

#articleVariantSelector {
	padding-top: 15px;	
}

#articleVariantSelector label {
	display: none;	
}

/* ----------------------------------------------- Artikelnummer */

.mod_webShop_articleDetails .articleNumber {
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 0;
}

/* ----------------------------------------------- Teaser */

.mod_webShop_articleDetails .articleTeaser {
	margin: 20px 0 0 0;	
}


/* ----------------------------------------------- Beschreibung */

.articleDescription {
	font-weight: normal;
	line-height: 1.6;
	margin: 20px 40px 20px 0;
	padding : 0;
	display: block;
	clear: both;
}

/* ----------------------------------------------- Preis/Lieferung/Menge */

.mod_webShop_articleDetails .articlePrice {
	margin: 10px 0 15px 0;
}

.mod_webShop_articleDetails .valuePrice,
.mod_webShop_articleDetails .specialOffer {
	color: #f3951c;
	font-size: 18px;
	font-weight: bold;
}

.mod_webShop_articleDetails .hasSpecialPrice {
	font-weight: normal;
	text-decoration: line-through;
	font-size: 18px;
	margin-right: 10px;
}

.mod_webShop_articleDetails .specialOffer {
	color: #f3951c;
	margin-bottom: 30px;
}

.mod_webShop_articleDetails .taxInfo {
	display: block;
	width: 70px;
	margin-top: 10px;
}

.mod_webShop_articleDetails .shippingNotice {
	display: block;
	clear: both;
	/*margin-top: 10px;*/
}

.mod_webShop_articleDetails #articleDelivery {
	margin-bottom: 10px;
	margin-top: 10px;
}

label.webShopQTY {
	float: left;
	font-weight: bold;
	margin-right: 5px;
}

#articleDelivery {
	clear: both;
	display: block;
}

#articleDelivery label,
label.webShopQTY {
		width: 60px;
}

/* ----------------------------------------------- Paginierung */

.mod_webShop_articleDetails input.webShopQTY {
	text-align: center;
	width: 30px;
	padding: 2px;
	float: left;
}

.mod_webShop_articleDetails .webShop_info {
	color: #f3951c;	
	margin-top: 0;
	clear: both;
}

/* ----------------------------------------------- Button */

.mod_webShop_articleDetails .webShopSubmitBtn {
	/*margin-top: 15px;*/
	float: right;
	width: 150px !important;
}


/* ------------------------------------------------------------------------------------------ Warenkorb*/

.mod_webShop_shoppingCart {
	margin: 0;
	margin-right: 40px;
	padding: 0;
	width: 560px;
	margin-top: 20px;
}

ul.webShop_cartHeading, 
ul.webShop_cartItem {
	margin: 0;
	padding: 0;
}

ul.webShop_cartItem {
	clear: both;
	min-height: 130px;
}

.webShop_cartHeading li {
	border-bottom: 1px solid #c3c8b2;	
	float: left;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	padding: 3px 0;
	background: none;
}

.webShop_cartItem li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
	background: none;
}

.webShop_cartItem {
	border-bottom: 1px solid #c3c8b2;
	height: 80px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.webShop_noCartItems {
	border-bottom: 1px solid #c3c8b2;	
}

.webShop_noCartItems li {
	background: none;
	padding: 0;
	margin-bottom: 15px;
}

.cartItemImage {
	width: 120px;
}

	.cartItemImage a {
		background: none;
		padding: 0;
	}

li.cartItemTitle {
	width: 125px;
	padding-right: 15px;
}

	.cartItemTitle a {
		background: none;
		padding: 0;
		font-weight: bold;
		color: #f3951c;
	}

.cartItemTitle .articleNumber, 
.cartItemTitle .articleTeaser {
	font-size: 11px;
	line-height: 1.4;
}

.cartItemQTY {
	width: 120px;
}

.cartItemQTY_input input {
	width: 20px;
	float: left;
}

.cartItemQTY_input input.updateCart,
.cartItemQTY_input input.btnRemoveItem {
	background: none;
	padding: 0 0 0 5px;
}


.cartItemSinglePrice {
	text-align: right;
	width: 80px;
}

.cartItemTotalPrice {
	text-align: right;
	width: 100px;
}

ul.webShop_total {
	padding: 0;
	float: right;
	text-align: right;
	margin: 0;
}

.mod_webShop_shoppingCart form {
	margin-bottom: 10px;	
}

ul.webShop_total li {
	background: none;	
}

ul.webShop_total li label {
	width: 150px;
	font-weight: bold;
	text-align: right;
	margin-right: 20px;
}

ul.webShop_total li.taxes label {
	font-weight: normal;	
}

.mod_webShop_shoppingCart .checkOut {
	margin: 20px 20px 0 0;
	background: url(../images/formular_button.gif) no-repeat #abab91;
	font-family: Verdana, Arial, sans-serif;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 20px;
	width: 180px;
	padding: 0 0 0 25px;
	margin: 25px 0 0 0;
	text-align: left;
	float: right;
	clear: both;
}

.checkOut a {
	background: none;
	color: #fff;
	padding: 0;
	vertical-align: middle;
	text-decoration: none;
}

.checkOut a:hover {
	text-decoration: none;
	color: #fff;
}

ul.webShop_noCartItems li.cartInfo {
	margin-top: 40px;	
}

/* ------------------------------------------------------------------------------------------ Zahlung/Versand*/

.mod_webShop_checkout {
	margin-right: 40px;	
}

.head {
	margin-bottom: 20px;	
}

.mod_webShop_checkout input.text {
	margin-right: 20px;
}

.coupon {
	margin-bottom: 30px;	
}

#newAddress label {
	width: 115px;	
}

.shippingSingleOption label,
.paymentSingleOption label {
	float: none;	
}

.billing_method {
	margin: 20px 0 40px 0;	
}


/* ------------------------------------------------------------------------------------------ Bestellübersicht*/

.mod_webShop_checkoutConfirm ul {
	margin: 0;
	padding: 0;
	width: 600px;
	display: block;
}

.shoppingOverview ul.heading li {
	float: left;
	font-size: 11px;
	font-weight :bold;
	margin: 0;
	padding: 3px 0;
	list-style: none;
	background: none;
}

.shoppingOverview ul li,
.discountOverview ul li,
.shippingOverview ul li,
.paymentOverview ul li,
.overviewTotal ul li {
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 3px 0;
	list-style: none;
	background: none;
}

.shoppingOverview .articleName {
	width: 260px;
}

.shoppingOverview .item_even li, 
.shoppingOverview .item_odd li {
	border-top: 1px solid #c3c8b2;
	padding: 5px 0;
}

.shoppingOverview .articleQTY {
	text-align: center;
	width: 100px;
}

.shoppingOverview .articlePrice, 
.shoppingOverview .articleSum {
	text-align: right;
	width: 100px;
}
 
ul.shoppingTotal, 
.overviewTotal ul,
ul.overviewBilling{
	width: 560px;
	clear: both;
	border-top: 1px solid #c3c8b2;
	font-weight: bold;
	padding: 5px 0;
}

.shoppingOverview li, 
.discountOverview li, 
.shippingOverview li, 
.paymentOverview li, 
.overviewTotal li {
	float: left;
	padding: 5px 0;
}

.articlePriceLabel, 
.couponLabel, 
.articlePriceLabel, 
.shippingLabel, 
.paymentLabel, 
.totalLabel, 
.taxLabel, 
.billingLabel {
	float: left;
	width: 410px;
}

.articlePriceValue, 
.couponValue, 
.shippingPrice, 
.paymentPrice, 
.totalValue, 
.taxSum, 
.billingValue {
	text-align: right;
	width: 150px;
}

.shippingOverview, 
.paymentOverview, 
.totalLabel, 
.taxes {
	padding-bottom: 0;
}

div.taxes ul {
	border-top: none;
	padding: 0;
}

.taxLabel,
.taxSum {
	font-weight: normal;	
}

/* ---------------- */

.addresses {
	clear: both;
	padding-top: 25px;	
}

.billingAddress {
	float: left;
	width: 280px;
	height: 100px;
}

/* ---------------- */

.checkoutConfirm {
	padding-top: 25px;	
	width: 560px;
}

.customerComment textarea {
	width: 560px;
	padding: 3px 5px 3px 5px;
}

.check {
	display: inline-block;	
}

.agbText {
	border: 1px solid #c3c8b2;
	height: 100px;
	margin-bottom: 10px;
	margin-top: 30px;
	overflow-y: scroll;
	padding: 10px;
}


/* ---------------- */

.checkboxOff {
	background-image: url(../images/checkbox_off.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	margin: 0 0 5px 0;
	border: none;
	color: #666666;
	cursor: pointer;
	display: inline;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	padding-left: 30px;
	height: 20px;
	background-position: top left;
}


label.checkboxOff,
label.checkboxOn {
	width: 560px;
	min-height: 20px;
	height: auto;
	margin-bottom: 2px;
}

.checkboxOn {
	background-image: url(../images/button_ok.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	margin: 0 0 5px 0;
	border: none;
	color:#666666;
	cursor: pointer;
	display: inline;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	padding-left: 30px;
	height: 20px;
	background-position: top left;
}

.warning {
	color: #f3951c;
	float: left;
	width: 570px;
	padding-bottom: 10px;
}

.mod_webShop_checkout #btnContinue {
	margin: 0;	
}

.continue {
	margin-top: 30px;
	display: inline-block;
	clear: both;
}

.continue .beginning {
	margin-right: 90px;	
}

.continue .beginning {
	float: left;	
}

.continue .next {
	float: right;
	margin: 0;
}

/* ------------------------------------------------------------------------------------------ Meine Bestellungen*/

.mod_webShop_myOrders {
	margin: 0;
	padding: 0;
	width: 600px;
	display: block;
	/*padding-top: 20px;*/
}

ul.orderHeadline {
	border-bottom: 1px solid #c3c8b2;
	width: 560px;
}

.mod_webShop_myOrders ul {
	width: 560px;
	margin:
}

.mod_webShop_myOrders ul.orderHeadline li {
	float: left;
	font-size: 11px;
	font-weight :bold;
	margin: 0;
	padding: 3px 0;
	list-style: none;
	background: none;
}

.mod_webShop_myOrders ul li {
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 3px 0;
	list-style: none;
	background: none;
}

ul.orderHeadline li.orderStatus,
ul li.orderStatus {
	float: none;
}

li.orderId {
	width: 150px;	
}

li.orderDate {
	width: 120px;	
}

ul li.orderSum,
ul.orderHeadline li.orderSum {
	width: 120px;
	text-align: right;
	margin: 0  40px 0 0;
}


/* ------------------------------------------------------------------------------------------ Bestellung abgeschlossen*/

.mod_webShop_orderCompleted input {
	background: url(../images/formular_button.gif) no-repeat #abab91;
	font-family: Verdana, Arial, sans-serif;
	border: none;
	color: #fff;
	cursor: pointer;
	height: 20px;
	width: 235px;
	padding: 0 0 0px 25px;
	text-align: left;
}	




















































