@import url(boxes.css);
@import url(thickbox.css);
@import url(eg_ask_for_price.css);

/* Basics */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { 
	display: inline-block; 
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

hr { 
	display: none 
}

hr.Break { 
	display: block; 
	visibility: hidden; 
}

.Break { 
	float: none; 
	clear: both; 
}

.Left { 
	float: left;
}

.Right { 
	float: Right;
}

.lAlign { 
	text-align: left; 
}
.rAlign { 
	text-align: right; 
}
.cAlign { 
	text-align: center; 
}

body { 
	color: #4e2210; 
	font-size: 12px; 
	background-color: #fff; 
	background-image: url("images/mainBack.gif"); 
	background-repeat: no-repeat; 
	background-position: 50% 0; 
	text-align: center; 
	margin: 0; 
	padding: 0 
}
body * { 
	font-family: Arial, Helvetica, sans-serif 
}

img, a img { border: none; }
a { 
	color: #4e2210; 
	text-decoration: none; 
}
a:hover { 
	text-decoration: underline 
}
h1, h2, h3, h4, h5, h6 {

}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {

}
p, h1, h2, h3, h4, h5, h6 { 
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0.6em; 
	padding-bottom: 0.3em 
}
ul, ol { 
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0.3em; 
	padding-bottom: 0.3em 
}
li { 
	margin-top: 0; 
	margin-bottom: 0 
}
form, 
input, 
textarea, 
select { 
	font-size: 12px 
}

form { 
	margin: 0; 
	padding: 0; 
}

form label {
	width: 175px;
	display: block;
	float: left;
	line-height: 18px;
}

p, table, td, th, caption, li { }
p small { font-size: 10px }
h1 { color: #4e2210; font-size: 24px; font-weight: normal }
h2 { color: #4e2210; font-size: 20px; font-weight: normal }
h3 { color: #4e2210; font-size: 20px; font-weight: normal }
h4 { color: #4e2210; font-size: 16px; font-weight: normal }
h5 { color: #4e2210; font-size: 16px; font-weight: normal }
h6 { color: #4e2210; font-size: 16px; font-weight: normal }

p, ul, ol, table, form, input, textarea, select, h1, h2, h3, h4, h5, h6 { 
	line-height: 124% 
}

/* Hauptebenen zur Seitenstruktur */

#MainWrap { 
	background: #f0e8c8;
	text-align: left; 
	margin: 20px auto 0; 
	padding: 0 0 10px; 
	position: relative; 
	width: 1000px; 
	float: none; 
	clear: both; 
	overflow: hidden 
}

#MidCol,
#LeftCol,
#RightCol { 
	margin-top: 60px; 
	position: relative; 
	overflow: hidden 
}

#LeftCol,
#RightCol { width: 190px }

#MidCol { 
	position: relative; 
	left: 210px; 
	width: 580px; 
	float: left 
}
#LeftCol { 
	left: -570px; 
	float: left 
}
#RightCol { 
	right: 10px; 
	float: right 
}

/* Kopzeile */

#MainHeader { 
	margin-right: 10px; 
	margin-left: 10px; 
	position: absolute; 
	top: 10px; 
	left: 0; 
	width: 980px; 
}

#ShopLogo { 
	color: #d6e1c1; 
	font-size: 36px; 
	line-height: 150px; 
	background: #666 url("images/BG_MainHeader.gif") no-repeat 50% 0; 
	margin: 0; 
	padding: 0 10px; 
	height: 150px; 
	overflow: hidden 
}

#ShopLogo a { 
	color: #d6e1c1; 
}

#ShopFunctions { 
	background: url('images/functionsBack.gif') 50% 50%; 
	padding-right: 10px; 
	padding-left: 10px; 
	line-height: 36px; 
	float: none; 
	clear: both;
	border: 2px solid #4e2210;
	overflow: hidden;
}

#ShopFunctions { 
	color: #E9DDAF;
	font-weight: bold;
}

#ShopFunctions a {
	color: #E9DDAF;
	font-weight: bold;
}

#ShopFunctions form * { 
	vertical-align: middle; 
}

#ShopFunctions form {
	margin-top: 5px;
}

#ShopFunctions input { 
	text-align: center 
}

/* Footer */

#MainFooter { 
	color: #4e2210; 
	font-size: 9px; 
	background-color: #f7f9f3; 
	margin: 0 10px; 
	padding-right: 10px; 
	padding-left: 10px; 
	float: none; 
	clear: both 
}
#MainFooter p { 
	line-height: 30px; 
	padding: 0; 
	height: 30px 
}
#MainFooter a { 
	color: #4e2210 
}

/* Die Mittlere Ebene, diese enthält den Content */

#ShopContent { 
	margin-top: 40px; 
	padding-bottom: 10px; 
	position: relative; 
	border-top: 2px solid #4e2210;
	float: left;
	width: 100%;
}

#BreadCrumb  { 
	margin: 0; 
	padding-top: 0.3em; 
	padding-bottom: 0; 
	position: absolute; 
	top: -40px; 
	left: 0; 
	height: 40px 
}

.ButtonSet { 
	margin-top: 10px; 
	border-top: 1px solid #4e2210; 
}

.ErrorMessage { 
	margin-top: 10px; 
	margin-bottom: 10px; 
	padding-right: 10px; 
	padding: 10px; 
	border: solid 2px #c00 
}

.Half { 
	width: 275px; 
}

.CheckOutFunction { 
	padding-top: 10px; 
	border-top: 1px solid #4e2210; 
}

.CheckOutFunction p {

}

.CheckOutFunction .Half { 
	width: 265px 
}

.CheckOutFunction textarea {
	width: 99%;
}

.OrderItem { 
	padding-right: 10px; 
	border-top: 1px solid #eee; 
	border-right: 1px solid #eee 
}

#ProgressBar { 
	float: none; 
	clear: both; 
}

#ProgressBar span { 
	float: left; 
	text-align: center; 
	width: 24% 

}

#ProgressBar span.Current { 
	color: #c13;
	border: 1px solid #4e2210;
}

/* Kategorien */
.CatInfo { 
	background-color: #f7f9f3; 
	padding: 10px 
}

.CatInfo .Image { 
	background-color: #d6e1c1; 
	width: 200px; 
	height: 200px; 
	float: left 
}

.CatInfo .Text { 
	background-color: #aab39a; 
	float: right 
}

/* Kategorienliste */

.CatListing { 
	width: 570px 
}

.CatListing .Item { 
	background-color: #f7f9f3; 
	text-align: center; 
	margin-right: 10px; 
	width: 180px; 
	float: left 
}

.CatListing .Image {

}

/* Produkteliste */
.border {
	padding: 10px;
	background: #E9DDAF;
}

.Item .r1,
.Item .r2,
.Item .r3,
.Item .r4,
.Item .insideCorners {
	background: #E9DDAF;
}

.ProdListing1,
.ProdListing2,
.ProdListing3 { 
	width: 590px;
	overflow: hidden;
	float: none;
	clear: both;
}

.ProdListing1 .Item h4,
.ProdListing2 .Item h4,
.ProdListing3 .Item h4 {
	font-size: 1.0em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.ProdListing1 .Image,
.ProdListing2 .Image,
.ProdListing3 .Image {
	float: left;
	margin-right: 10px;
	width: 125px;
	display: block;
}

.Item p {
	padding: 0;
	margin: 0 0 1px 0;
}

.Item p.Price {
	font-size: 1.4em;
}

.ProdListing3 .Item,
.ProdListing2 .Item,
.ProdListing1 .Item { 
	width: 285px;
	height: 195px;
	float: left; 
	margin-right: 10px;
	background: #E9DDAF;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
	display: block;
}

.ProdListing3 .Item .Text,
.ProdListing2 .Item .Text,
.ProdListing1 .Item .Text {
	float: right;
	display: block;
	overflow: hidden;
	width: 125px;
}

.Item p.BuyNow {
	position: absolute;
	left: 150px;
	top: 155px;
}

.Filter {
	background: url('images/functionsBack.gif');
}

.Filter form {
	margin: 7px;
	float: left;
	display: block;
	margin-right: 20px;
}




/* Spamschutz im Kontaktformular */
.contact2 {
	border: 0px none;
	background: #FFF;
}

/* Error und Debugging */

pre {
	text-align: left;
	background-color: #fff;
	font-family: 'courier';
}

.errorBox {
	background-color: #FFA646;
	z-index: 10000;
	width: 100%;
	text-align: left;
}

/* Sonstiges */

/* Anmeldeformular */
.gender input {
	margin: 0 5px 0;
}

/* Copright */
.copyright {
	color: #C1C1C1;
}

/* Tabelle Wunschliste und Warenkorb */
.main,
.boxTextBG,
.boxTextBGII {
	padding: 3px;
}

.boxTextBG {
	width: 100px;
}

/* Produktinfo Seite */

#priceArea {
	text-align: right;
	float: right;
	font-size: 1.85em;
	font-weight: bold;
	font-style: italic;
}

#priceArea .priceSymbolAttribute,
#priceArea .priceVAT,
#priceArea .priceOptions,
#priceArea .priceShipping,
#priceArea .priceShippingTime,
#priceArea .priceModel {
	font-size: 0.55em;
	font-style: normal;
	font-weight: thin;
}

#priceArea .priceOptions p {

}

#priceArea .priceShippingTime,
#priceArea .priceModel,
#priceArea .vpeprice {
	font-size: 0.45em;
	color: #838383;
}

.productInfoPrint {
	float: right;
	cursor: pointer;
}

#productInfoImages {
	width: 250px;
	display: block;
}

.productInfoAdditionalImages {
	padding-top: 10px;
	margin-top: 10px;
}

.productInfoAdditionalImages img {
	height: 50px;
	margin-right: 10px;
}

.rbottom2 .r1,
.rbottom2 .r2,
.rbottom2 .r3,
.rbottom2 .r4 {
	background: #E9DDAF;
}

.products_overview_header {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 10px;
}

.onepxwidth {
	width: 25px;
}

.infoBox .main,
.infoBox .onepxwidth {
	text-align: left;
}