/* Überschreiben aus der Ofbiz CSS */
.tabletext,.salePrice,.normalPrice,.basePrice,.errorMessage,#groessenberater a{font-size: 11px;font-family: Arial, Verdana, Helvetica, sans-serif; }
.boxhead{background-color:#9dab00}
#ecom-mainarea .screenlet-header {background: #9dab00;}
p.head1{color:black;margin:10px}
div.product-prevnext{text-align:left;margin-top:10px;;margin-bottom:10px;}
div.product-prevnext select{font-size:11px}
#ecom-mainarea .left {height:500px;} /* Sonst klappt CenterContent um */
div.errorMessage{padding-left:50px}

/* Überschreiben von Claas Com 
#topnavcontainer{padding-top:5px}
*/

/*  etwas zusammenrücken sond 2zeilig*/

a.subnavheading,a.subnavheadingh{
	margin-left: 1px;
}

a.subnavheadingh:link, a.subnavheadingh:visited {
background-color:#9DAB00;
border-top:1px solid #FFFFFF;
color:black;
float:left;
font-size:11px;
font-weight:bold;
height:20px;
line-height:20px;
padding-left:8px;
text-decoration:none;
voice-family:inherit;
width:181px;
}

a.topnav1,
a.topnav1h,
a.topnav1l{
	padding-left: 20px;padding-right: 8px;
}

a.topnav1:link,
a.topnav1:hover, 
a.topnav1:active, 
a.topnav1:focus,
a.topnav1:visited{
	padding-left: 20px;padding-right: 8px;
}

a.topnav1h:link,
a.topnav1h:hover, 
a.topnav1h:active, 
a.topnav1h:focus,
a.topnav1h:visited{
	padding-left: 20px;padding-right: 8px;
}

a.topnav2h:hover, 
a.topnav2h:active, 
a.topnav2h:focus,
a.topnav2h:visited{
	color:white;
}

a.extended{
	background-color:#D8D7D7;
	border-top:1px solid #FFFFFF;
	color:#333333;
	float:left;
	font-size:11px;
	height:20px;
	line-height:20px;
	padding-left:8px;
	text-decoration:none;
	voice-family:inherit;
	width:181px;
}

a.extendedh{
	background-color:#D8D7D7;
	background-image:url(subnav1_arrow.gif);
	background-position:-5px -1px;
	background-repeat:no-repeat;
	border-top:1px solid #FFFFFF;
	color:#333333;
	float:left;
	font-size:11px;
	height:20px;
	line-height:20px;
	padding-left:24px;
	text-decoration:none;
	voice-family:inherit;
	width:165px;
}

a.extended:hover, a.extendedh:hover{
	background-color:#BEBDBD;
}

#searchbox form {
	margin-top:10px;
	margin-left:5px;
}

#inputsearchbutton{margin:0px; padding:0; position:relative; top:-2px; }
* html #inputsearchbutton{top:0px;}
*+html #inputsearchbutton{top:0px;}


/*
a.topnav2,.topnav2l,.topnav2h{font-weight:bold;padding-left: 20px;}
a.topnav2:link,a.topnav2:visited,.topnav2l,a.topnav2:hover,a.topnav2:active,a.topnav2:focus,.topnav2h     {padding-left: 21px;}
a.topnav2h,a.topnav2h:visited,#bodyshowcart a.showcart{color:white}
*/
#inputsearch{width:98px}
table.rightteasertable { width: 190px; border: solid 1px #d8d7d7 ; }
td.rightteaserhead{background-color: #d0d789;color:black}
div.h1 {font-size: 14px; font-weight: bold; color: #666;  }
div.relatedtopic_item {margin-bottom:11px}
div.relatedtopic_item a.link-style--arrowLink:link,
div.relatedtopic_item a.link-style--arrowLink:visited,
div.relatedtopic_item a.link-style--arrowLink:hover,
div.relatedtopic_item a.link-style--arrowLink:active,
div.relatedtopic_item a.link-style--arrowLink:focus,
div.relatedtopic_item .link-style--arrowLink{
	  background-position: -5px 0px;
	 
}


/* Eigene Styles */

.shopBgColor{background-color:white}
.shopBgColor1{background-color:#d0d789}
.shopBgColor2{background-color:#9dab00}
.bold{font-weight:bold}
a.shophome{display:block;
			background-position: 23px;
			background-repeat:no-repeat;
             background-image:url(haus.gif);
             width:17px; height:20px }
             
a.shophome:hover,a.shophome:active,#bodymain a.shophome { background-image:url(haush.gif); }
td.relatedtopic_text p.showcart {text-align:right;font-weight:bold}

#categoryimage{margin-bottom:10px}
#categoryimage img, #homepageimage img{width:563px}
#homepageimage img{border-bottom:10px solid white}
/* Overflow hidden gesetzt. schneidet alle Texte ab wenn zu lang */

/* Overflow hidden gesetzt. schneidet alle Texte ab wenn zu lang */
div.productteaser{width:179px;float:left;border:1px solid #9FA4B7;margin-bottom:8px;margin-right:10px;margin-top: 0px;overflow:hidden}
div.productteaser b{height:30px;padding-left:20px;line-height:30px;color:#000;background-color:#d8d7d7; width:181px;float:left;text-decoration: none;cursor: pointer}
div.productteaser a {text-decoration: none;color:#101C4B}
/* div.productteaser p {margin-top:3px;margin-left:10px;margin-right:10px;margin-bottom: 0px} */
div.productteaser p {padding-left:10px;padding-right:10px;height:34px}
div.productteaser div.shopteasertext{height:38px;padding-left:10px;padding-right:10px}
div.productteaser img{height:177px;width:177px;margin-bottom: 5px;margin-top: 5px}
div.productteaserhead{height:220px;}
a.footer:link,a.footer:visited,a.footer:hover, a.footer:active, a.footer:focus, .footerh {color: black; background-color:#F0F0F0; border-bottom: 1px white; }
#footercontainer{background-color:#F0F0F0;font-weight:bold}
#td.rightnavcontainer,td.leftcontentspace, td.rightcontentspace{background-color:white;font-weight:bold}

div.relatedProducts{width:189px;border:1px solid #D8D7D7;margin-bottom:8px;margin-right:10px;margin-top: 0px;overflow:hidden}
div.relatedProducts b{height:30px;padding-left:20px;line-height:30px;color:#000;background-color:#d8d7d7; width:181px;float:left;text-decoration: none;cursor: pointer}
div.relatedProducts a {text-decoration: none;color:#101C4B}
/* div.productteaser p {margin-top:3px;margin-left:10px;margin-right:10px;margin-bottom: 0px} */
div.relatedProducts p {padding-left:10px;padding-right:10px;height:34px}
div.relatedProducts div.shopteasertext{height:38px;padding-left:10px;padding-right:10px}
div.relatedProducts img{height:177px;width:177px;margin-bottom: 5px;margin-top: 5px}

div.relatedProductsHeader{
	width:181px;
	border:1px solid #D8D7D7;
	margin-right:10px;
	margin-top: 0px;
	overflow:hidden;
	background-color:#D0D789;
	font-size:11px;
	font-weight:bold;
	padding-left:8px;
	padding-top:4px;
	padding-bottom:4px;
}


{padding-left:25px;}
div.screenletcart{padding-left:50px;width:689px;padding-top:30px}

#ecom-mainarea .left {width: 207px;background: #ffffff;}
#ecom-mainarea .center {
margin-left: 206px;
margin-right:auto;
width:572px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 207px;
margin-right:auto;
width:573px;
}

#ecom-mainarea-content{
	width:100%;
	text-align:center;
}

#languageselection{
	background-color: #9DAB00;
    font-weight:bold;
    width: 370px;
    height:22px;
    position:relative;
    top: 11px;
    line-height:22px;
    margin: 0 auto;
	z-index:10;
}


#image_big{
	width:780px;
	height:520px;
	position:relative;
	margin: 0 auto;
}
#image_big_padding{
	padding-top:35px;
	padding-right:24px;
}

div.box_title_padding{
padding-left:5px;
padding-top:8px;
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#111111;
}

#box1{
	width:207px;
	height:142px;
	margin-right:3px;
	background-image:url("box_bg_4.png");
	text-align:left;
}

#box2{
	width:207px;
	height:142px;
	margin-right:3px;
	background-image:url("box_bg_4.png");
	text-align:left;
	margin-top:17px;
}

#box3{
	width:207px;
	height:142px;
	margin-right:3px;
	background-image:url("box_bg_4.png");
	text-align:left;
	margin-top:17px;
}

#teaserselection{
    position:absolute;
	right:-70px;
	top:40px;
	width:370px;
}

div.homepageteaser{width:179px;float:left;margin-bottom:8px;margin-right:10px;margin-top: 0px;overflow:hidden}
div.homepageteaser b{height:30px;padding-left:20px;line-height:30px;color:#000;background-color:#d8d7d7; width:181px;float:left;text-decoration: none;cursor: pointer}
div.homepageteaser a {text-decoration: none;color:#101C4B}
/* div.productteaser p {margin-top:3px;margin-left:10px;margin-right:10px;margin-bottom: 0px} */
div.homepageteaser p {padding-left:10px;padding-right:10px;height:34px}
div.homepageteaser div.shopteasertext{height:38px;padding-left:10px;padding-right:10px}
div.homepageteaser img{height:177px;width:177px;margin-bottom: 5px;margin-top: 5px}
div.homepageteaserhead{height:150px;}

div.homepageteasertext{
	height:38px;
	margin-top:-175px;
	padding-left:10px;
	padding-right:10px;
}

#homeHint{
	background-color:#f0f0f0;
	width: 462px;
	padding-top: 6px;
	position: relative;
	top: -25px;
	padding-bottom: 4px;
}

#languageselection a{margin: 8px 11px 2px 11px; font-size: 11px;}

#languageselection a:link{color:#ffffff; text-decoration: none} 

#languageselection a:visited{color:#ffffff;text-decoration: none}

#languageselection a:hover{color:#000000;}

#languageselection a:active{color:#ffffff;text-decoration: none}

#languageselection a.selectedLang{
	color:#000000;
}

#homeHint{
	margin: 0 auto;
	padding-top:8px;
}

#homeHint a{font-size: 11px;}



tr.row-layout--data-1{font-weight:bold;}
tr.row-layout--data-1 td {
	line-height:30px;
	width:25%;
	text-align:center;
	vertical-align:middle;
	background-color: #ebebeb;
	vertical-align: top;
	padding:auto;
}

/* CART */
#cartintrotext{width:100%;height:100px;vertical-align:top}
#cartintrotext td{width:50%;padding-top:20px;padding-bottom:10px;vertical-align:top}
img.imageborder{margin-right:4px;margin-bottom:4px}

a.cartnav,a.cartnav:visited,.cartnav{ 
	color: black; 
	font-size: 11px; 
	font-weight: bold; 
	line-height: 20px; 
	text-decoration: none; 
	background-color: #d0d789; 
	background-image: url("rightteaser_arrow_trans_bg.gif"); 
	background-repeat: no-repeat; 
	background-position: 5px 1px; 
	padding-right: 38px; 
	padding-left: 24px; 
	height: 21px; 
	float: right; 
	}
a.cartnav:focus,a.cartnav:hover,a.cartnav:active,.cartnavh {text-decoration: underline;}

button.cartnav,input.cartnav{border:1px solid #d0d789}


a.cartbutton,a.cartbutton:visited,.cartbutton{
	color: black; 
	font-size: 11px; 
	font-weight: bold; 
	line-height: 20px; 
	text-decoration: none; 
	background-image: url("cartbutton_background.gif"); 
	background-repeat: no-repeat; 
	height: 21px; 
	width:100px;
	float: right; 
	margin-bottom:5px;
	padding-left:20px;
}

a.cartbutton:focus,a.cartbutton:hover,a.cartbutton:active{text-decoration: underline;}

button.cartbutton,input.cartbutton{border:1px solid #d0d789}


#carttable{}
#carttable td {border-top: 5px solid #fff;border-bottom: 5px solid #fff;padding-left:5px;padding-right:5px}
.bordertop1px{border-top:1px solid #d0d789}

/* Adresse und 2Versandadresse und Kontaktformular */
#custsettings td{border-top:5px solid white}
#custsettings .td1{width:171px}
#custsettings .td2{width:250px}
#custsettings .inputBox{width:230px;font-size:11px}
#custsettings select,#custsettings textarea{width:230px;font-size:11px}
#custsettings button.cartnav{margin-right:15px;font-size:11px}
#custsettings textarea{height:230px}
#shipsettings{width:421px}
/* Zahlungsarten */
#optionsettings {}
#optionsettings td{border-top:5px solid white;padding-left:3px}
#optionsettings .td1{width:10px}
#optionsettings .td2{width:171px}
#optionsettings .td3{width:250px}
#optionsettings .inputBox{width:230px;font-size:11px}
#optionsettings select{width:234px;font-size:11px}
#optionsettings button.cartnav{}
#optionsettings a.cartnav{float:left; }
#optionsettings select.selectSmall{width:112px}
#optionsettings b{line-height:25px }

/* Bestellen Zusammenfassung */
#checkoutreview{}
#checkoutreview1 a.cartnav{float:left}

/* Productdetail */
#variantSample{display:none} /* Keine ExtraBilder für Varianten */
#detailImage{margin-top:19px;margin-left:-5px}
#variantSample td,#detailImage td{padding:1px;border:1px solid #666}
#detailImage
#productdetail{width:565px}
#productdetail .td1{width:325px;height:1px}
#productdetail .td2{width:240px;height:1px}
#productdetail .prodimage{border:1px solid #666;}
#productdetail .grey{height:30px;line-height:30px;color:#fff;background-color:#666;}
#productdetail a.cartnav{margin-left:10px;float:left; }
#productdetail td.available{padding-left:10px}
#proddetailcontent{margin-left:10px}
#proddetailcontent td{padding-right:9px;border-bottom:5px solid white;line-height:15px}
#proddetailcontent .td1{width:80px;height:1px;}
#proddetailcontent .td2{width:150px;height:1px}
#proddetailcontent .label{font-size:12px;padding-right:5px;vertical-align:top;font-weight:bold;line-height:18px}
#proddetailcontent b.salePrice{font-size:12px;color:#9e1000}

/* Order */
#orderitems td.label{text-align:right;font-weight:bold}

/* Randspalte */
td.padding-img-randspalte{padding:4px}

/* Popup Groessenberater */
#groessenberater{margin-left:10px;width:430px;}

/* suche */
#keywordSearchNav{width:560px;border:0px solid;border-top:18px solid white}

#keywordSearchNav td.td1,#keywordSearchNav td.td3{height:40px;width:190px;vertical-align:top;}
#keywordSearchNav td.td3{width:100px;}
#keywordSearchNav td.td2{text-align:left;vertical-align:top;}
a.next,a.next:visited,a.prev,a.prev:visited,div.nextdisabled,div.prevdisabled{ 
	color: black; 
	font-size: 11px; 
	font-weight: bold; 
	line-height: 20px; 
	text-decoration: none; 
	background-color: #d0d789; 
	background-image: url("rightteaser_arrow_trans_bg.gif"); 
	background-repeat: no-repeat; 
	background-position: 5px 1px; 
	padding-right: 38px; 
	padding-left: 24px; 
	height: 21px; 
	float: left; 
	}
a.next,div.nextdisabled{float:right}
a.prev,a.prev:link,a.prev:visited {background-image: url("leftteaser_arrow_trans_bg.gif"); }
div.nextdisabled,div.prevdisabled{background-color: #eeeeee;color:#c0c0c0;background-image: url(""); }

/* ShopTeaser im Contentbereich */

#carttable div.cmteaser table, div.cmteaser table { 
  width: 100%;
  background-color: white;
  border: solid 1px #d8d7d7;
  font-size: 11px; 
  text-decoration: none; 
  padding: 0px; 
}

#carttable td.cmteaserhead, td.cmteaserhead { 
  background-color: #d0d789;
  border: none 0px red;
  font-size: 11px; 
  font-weight: bold;
  padding: 0px 8px 0px 8px;
  height: 20px; 
  margin: 0px;
  color: black;
}

#carttable td.cmteasertext, td.cmteasertext { 
  font-size: 11px; 
  color: #333333; 
  background-color: #ffffff; 
  border: none 0px;
  list-style-position: outside; 
  display: block; 
  padding: 7px 8px 0px 8px;
  line-height: 16px;
  margin: 0px;
}

div.cmteaser a.link-style--arrowLink:link,
div.cmteaser a.link-style--arrowLink:visited,
div.cmteaser a.link-style--arrowLink:hover,
div.cmteaser a.link-style--arrowLink:active,
div.cmteaser a.link-style--arrowLink:focus,
div.cmteaser .link-style--arrowLink {
  background-position: -5px 0px;
}

div.cmteaser {
  margin-right: 10px;
}

/* die naechsten beiden Reglen positionieren den Info-Text in der Linken Spalte
   buendig zum unteren Ende des Bildes rechts daneben: 240=(500-10-[Bildhoehe])
*/
div.left {
  position: relative;
}

#metaleftinfo {
  position: absolute;
  bottom: 240px;
}

/* Kommt später raus */
td.padding-img-randspalte img{width:70px;height:70px}

/* Zeilenformatierung Gutscheincode*/
#carttable td{border: 0px solid blue;}
#gutscheinrow{background-color: red}
#gutscheinrow  td {border-top:1px solid #ffffff;height:27px; border-bottom:1px solid #ffffff;background-color: #ebebeb; padding: 5px 5px 5px 5px;}
#gutscheinrow_sum td{border-top:1px solid #ffffff;height:27px; border-bottom:1px solid #ffffff;background-color: #ebebeb; padding: 0px 5px 0px 5px;}
#gutscheinrow a.submitlink ,
#gutscheinrow a.submitlink:visited ,
#gutscheinrow a.submitlink:hover ,
#gutscheinrow a.submitlink:active,
#gutscheinrow a.submitlink:focus,
#gutscheinconfirm a.submitlink,
#gutscheinconfirm a.submitlink:visited ,
#gutscheinconfirm a.submitlink:hover ,
#gutscheinconfirm a.submitlink:active,
#gutscheinconfirm a.submitlink:focus{
	background-image:url(rightteaser_arrow_trans_bg.gif);
	padding-left:24px;
	background-repeat:no-repeat;
	color:black;
	font-size:11px;
	background-position:5px 1px;
	}
/* Formatierung Popup Gutscheincode*/
#gutscheinconfirm {
	font-size:11px;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	line-height:16px;
	color:#33333;
	padding: 6px;
}
#gutscheinconfirm table{ width:280px; margin: 0px; padding:0px; border:1px solid #D8D7D7; border-collapse:collapse}
#gutscheinconfirm table td{height:27px; padding: 0px 6px;}
#gutscheinconfirm  tr.header td{background-color:#D0D789; border:0; margin:0}

#promopopupbody div.errorMessage {
padding-left:10px;
}

a.speichern {color: #333333; font-size: 11px; text-decoration: underline;  background-repeat: no-repeat; background-position: -2px 3px; padding-top: 2px; padding-bottom: 15px; padding-left: 20px;padding-right: 20px; float: left }
a.speichern:visited,a.speichern:hover,a.speichern:active,a.speichern:focus {color: #333;}

a.speichern{background-image: url("anker_pfeil.gif");}

#box1_title{
	width:195px;
	height:27px;
	z-index:2;
	position:relative;
	margin-top:-30px;
}
#box2_title{
	width:195px;
	height:27px;
	z-index:2;
	position:relative;
	margin-top:-30px;
}
#box3_title{
	width:195px;
	height:27px;
	z-index:2;
	position:relative;
	margin-top:-30px;
}

