/*	Stylesheet
	B2B - Onlineshop
	Media: Screen
*/

#mod-b2b .small {font-size: 9px; }
#mod-b2b div.margin-top { margin-top: 20px }
#mod-b2b .h140 { height: 140px }
#mod-b2b .no-fix-height { height: auto; }
#mod-b2b p.error { color: #ff6600 }
#mod-b2b textarea { width: 100%; height: 80px; }

#mod-b2b div.info-box, #mod-b2b div.ibox {
	padding: 5px 0px 5px 0px;
	background: #523206;
	border: 1px solid #523206;
	font-weight: normal;
	color: #eceaba;
	margin: 10px 0;
}

	#mod-b2b div.info-box a img { border: 0; }
	#mod-b2b div.info-box p, #mod-b2b div.ibox p { margin: 0 }

	#mod-b2b div.info-box a, #mod-b2b div.ibox a {
		color: #eceaba;
		text-decoration: none;
	}
	#mod-b2b div.info-box a.highlight, #mod-b2b div.ibox a.highlight {
		color: #eceaba;
		text-decoration: underline;
	}
	
	#mod-b2b div.info-box a:hover, #mod-b2b div.ibox a:hover { color: #5E9031;  }
	
	#mod-b2b div.info-box div.left, 
	#mod-b2b div.info-box div.middle,
	#mod-b2b div.info-box div.right {
		float: left;
		width: 32%;
		border-left: 1px solid #523206;
		padding-left: 5px;
		padding-right: 0px;
	}
	#mod-b2b div.info-box div.left { border: 0; padding-left: 0 }
	#mod-b2b div.info-box div.right { padding-right: 0 }

#mod-b2b div.ibox {
	padding-left: 40px;
}

#mod-b2b div.attention {
	background: url(/tmpl/imgs-mod-b2b/ico-attention.png) no-repeat 5px 5px #523206;
	background-position: 5px center;
}

#mod-b2b div.ok {
	background: url(/tmpl/imgs-mod-b2b/ico-ok.png) no-repeat 5px 5px #523206;
	background-position: 5px center;
}

#mod-b2b div.info {
	background: url(/tmpl/imgs-mod-b2b/ico-info.png) no-repeat 5px 5px #523206;
	background-position: 5px center;
}

#mod-b2b div.search {
	background: url(/tmpl/imgs-mod-b2b/ico-search.png) no-repeat 5px 5px #523206;
	background-position: 5px center;
	margin-top: 50px;
}


/*	Shop Anmelden  ------------------------------------------------- */

#mod-b2b fieldset.login label { width: 150px; display: block; float: left; text-align: right; padding-right: 10px; }
#mod-b2b fieldset.login input { width: 100px }
	
	


/*	Shop Warenkorb anlegen  ------------------------------------------------- */

#mod-b2b table.shop-basket {
	border-collapse: collapse;
	width: 100%;
}

	#mod-b2b table.shop-basket th {
		padding: 3px;
		border-bottom: 1px solid #523206;
		color: #523206;
		text-align: left;
		font-weight: bold;
	}
	
	#mod-b2b table.shop-basket th a {
		color: #523206;
	}
	
	#mod-b2b table.shop-basket td a {
		color: #523206;
		text-decoration: none;
	}
	
	#mod-b2b table.shop-basket td a:hover {
		color: #eceaba;
		text-decoration: underline;
	}
	
	#mod-b2b table.shop-basket td {
		padding: 3px;
		border-bottom: 1px solid #523206;
	}
	
	#mod-b2b table.shop-basket tr.sum td {
		font-weight: bold;
		border-bottom: 1px solid #523206;
		border-top: 1px solid #523206;
	}


/*	Shop Konto anlegen  ------------------------------------------------- */

#mod-b2b fieldset { 
	padding: 0 10px; 
	border: 1px solid #523206;
	width: 352px;
	float: left;
	margin: 0 10px 15px 0;
	height: 220px;
}

#mod-b2b fieldset.right { float: right; margin-right: 0 }

#mod-b2b legend { padding: 0 8px; color: #523206; font-weight: bold; }

#mod-b2b fieldset.person-data label { width: 100px; display: block; float: left; text-align: right; padding-right: 10px; }
#mod-b2b fieldset.person-data input { width: 150px }

#mod-b2b fieldset.adress-data label { width: 120px; display: block; float: left; text-align: right; padding-right: 10px; }
#mod-b2b fieldset.adress-data input { width: 150px }

#mod-b2b fieldset.contact-data label { width: 100px; display: block; float: left; text-align: right; padding-right: 10px; }
#mod-b2b fieldset.contact-data input { width: 150px }

#mod-b2b fieldset.user-data label { width: 150px; display: block; float: left; text-align: right; padding-right: 10px; }
#mod-b2b fieldset.user-data input { width: 100px }

#mod-b2b input.wa { width: auto }

#mod-b2b div.submit { width: 500px; float:left; }


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

#mod-b2b div.shop-teaser-item {
	padding: 20px;
	border: 1px solid #DFDFDF;
	margin: 20px 0;
	width: 90%;
}
	
	#mod-b2b div.shop-teaser-item h3 {
		margin-top: 0;
	}
	
	#mod-b2b div.shop-teaser-item h3 a {
		text-decoration: none;
	}

	#mod-b2b div.shop-teaser-item-img {
		float: left;
		width: 150px;
	}
	
		#mod-b2b div.shop-teaser-item-img img {
			width: 150px;
		}
		
	#mod-b2b div.shop-teaser-item-txt {
		margin-left: 200px;
	}
	
		#mod-b2b div.shop-teaser-item-txt table {
			border-collapse: collapse;
		}
	
		#mod-b2b div.shop-teaser-item-txt th {
			text-align: left;
			border-bottom: 1px solid #5E9031;
			padding-top: 15px;
			padding-bottom: 5px;
			color: #5E9031;
		}
		
		#mod-b2b div.shop-teaser-item-txt td {
			padding: 5px 0;
			border-bottom: 1px solid #DFDFDF;
			padding-right: 15px;
		}
	
		#mod-b2b div.shop-teaser-item-txt p.price {
			font-size: 160%;
			color: #5E9031;
			margin: 20px 0;
			text-align: left;
		}

/*	Shop List  ------------------------------------------------- */

#mod-b2b div.filter-box {
	display:none;
	width: 279px;
	float: right;
	padding: 3px 3px 3px 40px;
	background: url(/tmpl/imgs-mod-b2b/ico-filter-settings.png) no-repeat 5px 10px #F0F0F0;
	border: 1px solid #523206;
	font-size: 85%;
}

	#mod-b2b div.filter-box p { margin: 3px 0; }
	#mod-b2b div.filter-box select { font-size: 80%; }
	

#mod-b2b div.shop-list { margin: 60px 0 30px 0; }
#mod-b2b div.shop-list-item {
	width: 252px;
	float: left;
	border: 1px solid #523206;
	padding: 10px;
	font-size: 90%;
	margin: 0 20px 20px 0;
	height: 100px;
}

#mod-b2b div.right-item { margin-right: 0; float: right; }

#mod-b2b div.shop-list-item h3 { margin: 0; font-size: 101%; font-weight: bold; }
#mod-b2b div.shop-list-item p { margin: 5px }

#mod-b2b div.shop-list-item h3 a {
	text-decoration: none;
	color: #523206;
}
#mod-b2b div.shop-list-item h3 a:hover {
	text-decoration: underline;
}

#mod-b2b div.shop-list-item-img {
	float: left;
}

#mod-b2b div.shop-list-item-txt {
	margin-left: 100px;
}

#mod-b2b div.shop-list-item-txt p.price {
	font-size: 160%;
	color: #523206;
	margin: 20px 0;
	text-align: right;
}

#mod-b2b div.shop-list-item-txt p.price span.small { font-size: 60%; }

#mod-b2b div.page-navigation {
	float: right;
	width: 300px;
	text-align: right;
	padding-left: 10px;
}	
	
	#mod-b2b div.page-navigation a {
		border: 1px solid #DFDFDF;
		padding: 3px 5px;
		color: #666;
		text-decoration: none;
	}
	
	#mod-b2b div.page-navigation a.active {
		background: #ccc;
	}	
	
		#mod-b2b div.page-navigation a:hover {
			color: #fff;
			background:  #5E9031;
			border-color:  #5E9031;
		}
	
		

/*	Shop Detail ------------------------------------------------- */

#mod-b2b h3.prod-name { color: #523206; font-size: 160%; font-weight: normal; }

#mod-b2b div.shop-detail-img {
	float: left;
}

#mod-b2b div.shop-detail-txt {
	margin-left: 240px;
}

	#mod-b2b div.shop-detail-txt table {
		border-collapse: collapse;
	}

	#mod-b2b div.shop-detail-txt th {
		text-align: left;
		border-bottom: 1px solid #523206;
		padding-top: 15px;
		padding-bottom: 5px;
		color: #5E9031;
	}
	
	#mod-b2b div.shop-detail-txt td {
		padding: 5px 0;
		border-bottom: 1px solid #523206;
		padding-right: 15px;
	}
	
	#mod-b2b p.price { 
		font-size: 160%; 
		font-weight: normal; 
		color: #523206;
		margin: 30px 0; 
		text-align: center; 
	}
	
		#mod-b2b p.price em { 
			font-size: 60%; 
			font-style: normal;
			font-weight: bold;
			color: #523206;
		}

	#mod-b2b div.sample-basket {
		float: right;
		width: 220px;
		border-left: 1px dotted #DFDFDF;
		padding-left: 10px;
	}