/*
PAGES have to be in standard mode, not quirks mode
*/

/*
#c2d6c0 - brightest color
#86ae82
#0c5d05
#084603 - darkest color

#d4d4d4 - highlight
*/

* {
	margin: 0px;
	padding: 0px;
}

/* GS ShopBuilder */
body, td, textarea {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #333;
  background-color: #fff;
}

body {
	background-image: url(gitter.jpg);
	background-repeat: no-repeat;
	background-position: 95% 95%;
	background-attachment: fixed;
}

h1 {
	font-size: 14px;
	color: #084603;	
}

#greenhouse {
	position: abolsute;
	top: 0px;
	left:0px;
}

select {
	font-size: 12px;
	padding:1px;
}

img {
	border: 0px;
}

p {
	margin-bottom: 2px;
}

td, textarea {
  background-color: transparent;
}

a, a:link, a:visited  {
  text-decoration: none;
  color: #444;
}

a:hover {
	text-decoration: underline;
  color: #000;
}

hr {
	background-color:#666;
	border:0px none;
	height:1px;
}

ul,
ol {
	list-style-position: inside;
}

/* standard value for all inputs and buttons */
input{
  border: 1px solid #888;
  background-color: #fff;
  padding: 2px;
  font-size: 12px;
}

.button {
	background-color: #86ae82;
	border: 1px solid #333;
	font-size: 10px;
	text-align:center;
	cursor: pointer;
}

.button:hover {
	background-color: #0c5d05;
}

.buttonimage{
	border: 0px;
	background-color: transparent;
	vertical-align: bottom;
	cursor: pointer;
}

.buttonimage.detail {
	width: 22px;
	height: 21px;
	background-image:url('detail.gif');
}

.buttonimage.order {
	width: 147px;
	height: 25px;
	background-image:url('orderbutton_de.gif');
	font-weight: bold;
}
.buttonimage.order:hover {
	background-image:url('orderbutton_de_h.gif');
}

.buttonimage.ordersmall {
	width: 39px;
	height: 25px;
	background-image:url('orderbutton_small.gif');
	font-weight: bold;
}
.buttonimage.ordersmall:hover {
	background-image:url('orderbutton_small_h.gif');
}

p input {
  overflow: visible; /* Needs, because IE doesn't calculate Button-Size properly */
}

#topmenu {
  position: relative;
  left: 0px;
  top:  -15px;
  width:100%;
  background-color:#0c5d05;
  height: 15px;
  z-index: 2;
}

.topmenu_symbol_home {position:absolute;top:-17px;left:1px;}
.topmenu_symbol_basket {position:absolute;top:-17px;left:95px;}
.topmenu_symbol_order {position:absolute;top:-17px;left:225px;}
.topmenu_symbol_sitemap {position:absolute;top:-17px;left:350px;}
.topmenu_symbol_email {position:absolute;top:-17px;left:455px;}



#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover {
/* top menu link settings */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
	padding-right: 3px;
	border-left: 1px solid #fff;
  font-size         : 12px;
  font-weight       : bold;
  text-decoration   : none;
  float: left;
  display: block;
	color: #fff;
}

#topmenu a:hover {
  background-color: #c2d6c0;
  color: #000;
}

#topmenu a.first{
	border: 0px;
}
#topmenu a.first:hover{
	/* needed for IE6 */
	border: 0px;
}

#shoplogo {
	background-color: #fff;
}

#shopbanner {
	top:0px;
	left:0px;
	background-color: #fff;

}

#streifen {
	position: relative;
	top:-45px;
	left:0px;
}

#leftcol {
  color : #333;
  position: absolute;
  left:0px;
  top: -14px;
  width:15%;
  margin-left: 0px;
  background-color: #498644;
}

#leftcol h1 {
  font-size:  12px;
  font-weight: bold;
  color: #fff;
  background-color: #0c5d05;
  padding-top: 6px;
  padding-bottom: 3px;
	padding-left: 17px;
  margin-bottom: 2px;
  border-bottom: 1px solid #084603;
 /* background-image: url('edgeright.gif');
  background-position: top right;
  background-repeat: no-repeat; */
}

#leftcol a {
  color: #333;
  position: relative;
}

#prodgrps {
  background-color:#86ae82;
}
#directorder {
	font-weight: bold;
	background-color:#86ae82;
}

#infos,
#xmlsearch,
#wishlist,
#manusrch {
 margin-top: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 margin-bottom: 4px;
 background-color:#86ae82;
}

#wishlist h1,
#xmlsearch h1,
#manusrch h1 {
	margin-left: -5px;
}

#content1,
#content2 {
	padding-left: 5px;
	background-color: #fff;
}

#infos {
	padding-left: 0px;
}

#content3,
#content4,
#onlysubcats {
  /*nothing here*/
}

#homecontent3 {
	padding: 4px;
	border: 0px solid #0c5d05;
	margin-top: 10px;
	margin-bottom: 10px;
}


#breadcrumbnavi {
	font-weight:bold;
	font-size: 11px;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 5px;
	background-image: url('breadcrumbbg2.gif');
	background-repeat: no-repeat;
	background-position: left;
	margin-bottom: 5px;
}

#navigation,
#navigationbottom {
  text-align: right;
  margin-bottom: 5px;
}

#navigation a,
#navigationbottom a{
	text-decoration: none;
	padding: 3px;
}

#navigation .highlight,
#navigationbottom .highlight{
	font-weight: bold;
	background-color: #d4d4d4;
	padding: 3px;
	border: 1px solid #999;
}


/* product groups  */

#infos a,
#prodgrps a,
#directorder a {
  padding-bottom: 2px;
  padding-top: 2px;
  display: block;
  border-bottom: 1px solid #fff;
	background-image: url('prodgrpsbg.gif');
	background-position: left center;
	background-repeat: 	no-repeat;
	padding-left: 15px;
}

#infos a:hover,
#prodgrps a:hover,
#directorder a:hover {
  background-color: #0c5d05;
  text-decoration: none;
  background-image: url('prodgrpsbghover.gif');
	color: #fff;
}

#prodgrps .nodeHidden {
   display: none;
}

#prodgrps .e1 {
  font-weight: bold;
  font-size: 12px;
}

#prodgrps .e2 {
  padding-left: 25px;
  background-color: #c2d6c0;
  font-size: 12px;
}
#prodgrps .e3 {
  padding-left: 30px;
  background-color: #FFFFFF;
  font-size: 12px;
}
#prodgrps .e4,
#prodgrps .e5,
#prodgrps .e6,
#prodgrps .e7 {
  padding-left: 35px;
  font-size: 12px;
}

#prodgrps .highlight {
	background-color: #d4d4d4;
}


/* //END product groups  */

#container {
	position: relative;
	height: 1%; /*IE6 Bugfix*/
}

#maincontent {
  height: 1%; /*IE6 Bugfix*/
  margin-left: 16%;
  margin-right: 16%;
  position: absolute;
  top: -10px;
  width: 68%;
}

#rightcol {
  position: absolute;
  width:15%;
  top: -14px;
  right: 0px;
  margin: 0px;
  margin-right: 0px;
  padding:0px;
  background-color: #498644;
  z-index:2;
}

#rightcol h1 {
  font-size:  12px;
  font-weight: bold;
  color: #fff;
  background-color: #0c5d05;
  padding-top: 7px;
  padding-bottom: 2px;
	padding-left: 6px;
	margin-left: -6px;
	margin-right: -6px;
  margin-bottom: 2px;
  border-bottom: 1px solid #084603;
 /* background-image: url('edgeleft.gif');
  background-position: top left;
  background-repeat: no-repeat; */
}

#rightcol a {
	color:#fff;
	text-decoration:none;
}

#rightcol .button {
	background-color: #0c5d05;
	width: 100%;
	color: #fff;
}

#rightcol .button:hover {
	background-color: #084603;
	width: 100%;
	color: #fff;
}

#footnote {
  clear: both;
  padding: 3px;
  color: #fff;
  background-color: #0c5d05;
}

#shoplogosmall,
#customerlogin,
#newsletter,
#minibasket,
#minibasket2,
#trustedshops,
#banner,
#customernews,
#news
 {
  background-color:#86ae82;
  margin-bottom: 4px;
  padding: 6px;
  padding-top: 0px;
  position: relative;
}

#customerlogin input {
	width: 7em;
}

#customerlogin .button {
	width: 100%;
	margin-bottom: 0.5em;
}

#customerlogin .button:hover {
	width: 100%;
	margin-bottom: 0.5em;
}

#customernews .title,
#news .title {
	font-weight: bold;
}


#content7,
#content8 {
	;
}

#minibasket .imgbasket,
#minibasket2 .imgbasket {
	position: absolute;
	top: 0px;
	right: 2%;
	width: 20%;
	z-index: 1000;
}

#minibasket table,
#minibasket2 table{
	border: 0px solid #000;
	margin-top: 5px;
	border-collapse: collapse;
}
#minibasket td {
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}

#minibasket2 th {
	border-top: 1px solid #999;
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
}
#minibasket2 td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}


.odd {
	background-color: transparent;
}

.odd a:link {color:#000;text-decroatation:none;}
.odd a:hover {color:#000;text-decroatation:none;}
.odd a:visited {color:#000;text-decroatation:none;}

.even {
	background-color: /*#0c5d05*/ #86AE82;
}

.even a:link {color:#000;text-decroatation:none;}
.even a:hover {color:#000;text-decroatation:none;}
.even a:visited {color:#000;text-decroatation:none;}

.items .even {
	background-color: #86ae82;
}

.productsonmainpage {
	padding: 4px;
	margin-left:auto;
	margin-right:auto;
	border-collapse: separate;
}

.productsonmainpage td {
	border: 1px solid #0c5d05;
}

.productsonmainpage .products {
	border: 0px;
	margin-bottom: 0px;
	font-size: 10px;
}

.products {
  margin-bottom: 20px;
  background-color: #fff;
  padding: 4px;
  position: relative; /* peekaboo bug fix for IE */
  border: 0px solid #0c5d05;
  overflow:auto;
}

.products h1{
  font-size: 12px;
  background-color: #0c5d05;
  color: #fff;
  margin: 0px;
  padding: 5px;
  text-align: center;
  /* background-image: url('edgeleft.gif');
  background-position: top left;
  background-repeat: no-repeat; */
}
.products h1 a {
  color: #fff;
}

.products h2{
  font-size: 12px;
  background-color: #0c5d05;
  color: #fff;
  margin: 0px;
  margin-bottom: 10px;
	text-align: center;
}

.imagenew {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
}

.prodimage {
  float:left;
  margin-right: 15px;
  margin-bottom: 15px;
  padding-left: 4px;
  position: relative; /* peekaboo bug fix for IE */
}

.itemnumber {
	font-weight: bold;
}


.changetext
{
  clear:left;
  margin: 0px;
  margin-bottom: 5px;
  padding-left: 4px;
  padding-right: 4px;
  border-bottom: 1px dotted #fff;
}

.manufacturer,
.brand,
.manufacturerproductcode,
.EAN,
.ISBN {
	;
}

.productlongtext {
	margin-top: 10px;
	margin-bottom: 5px;
}

.htmltext1 {
  margin: 0px;
  margin-bottom: 5px;
}

.oldprice,
.referenceprice,
.itemstprice {
  margin-top: 3px;
  margin-bottom: 3px;
}


.oldprice {
	color: #888;
}
.oldprice .c{
	color: #888;
	text-decoration: line-through;
}

.itemprice {
	color: #FF1111;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
}

.itempricese,
.amount {
  font-weight: bold;
}

.amount .small {
	width: 32px;
}

.priceinfo {
	margin-top: 5px;
	font-size: 9px;
}

.textfield {
	margin-top: 10px;
}


.availibility .dot {
	font-size: 3em;
	vertical-align: middle;
}


table.result {
	width: 100%;
	border: 1px solid #084603;
	margin-bottom: 10px;
	padding: 2px;
}

table.result th {
	color: #fff;
	background-color: #0c5d05;
	font-size: 11px;
	text-align: left;
	padding: 4px;
}

table.result th a:link {color:#fff;text-decoration:none;}
table.result th a:hover {color:#fff;text-decoration:none;}
table.result th a:visited {color:#fff;text-decoration:none;}

.result .highlight {
	color: #FF0000;
}

table.sitemap {
	background-color: #86ae82;
	padding: 3px;
	margin: 4px;
	border-bottom: 1px solid #084603;
	width: 100%;
}

table.shipmentcost{
	border: 1px solid #084603;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}

table.shipmentcost th,
table.directorder th{
	color: #fff;
	font-weight: bold;
	text-align: left;
	background-color: #86ae82;
	padding: 2px;
	font-size: 11px;
}

table.shipmentcost td{
	padding: 2px;
}

table.faq th {
	background-color:#0c5d05;
	padding: 3px;
	text-align: left;
	font-size: 11px;
}

table.wishlist {
	border-collapse: collapse;
}

table.wishlist td {
	padding: 2px;
}

table.price {
	width: 100%;
	border-top: 1px solid #999;
	padding: 4px;
	margin-top:4px;
}

.productinfos,
#orderarea {
	position: relative; /* peekaboo bug fix for IE */
	background-color: #c2d6c0;
	margin-bottom: 5px;
	margin-left: 5px;
	padding: 2px;
	border: 1px solid #999;
	float: right;
}

.productinfos {
	clear: right;
}


.productinfos table,
#orderarea table {
	border-collapse: collapse;
	text-align: left;
}

.productinfos th,
#orderarea th{
	font-size: 10px;
	padding: 4px;
	background-color: #d4d4d4;
	color: #000;
	text-align: center;
}

.productinfos td,
#orderarea td{
	font-size: 9px;
	font-weight: bold;
	padding: 4px;
}

.findcheaper,
.tellafriend,
.notepad,
.wishlist {
	text-align:center;
}

#lastviewedprods,
#bestseller,
#autocrossselling {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #999;
	padding: 3px;
	position: relative;
	background-color: #c2d6c0;
}

#lastviewedprods h1,
#bestseller h1,
#autocrossselling h1 {
	background-color: #d4d4d4;
	padding: 3px;
	font-size: 12px;
}

#lastviewedprods table,
#bestseller table,
#autocrossselling table {
	width: 100%;
}

#bestseller th {
	width: 100%;
}

table.coupon {
	border: 1px solid #0c5d05;
	width: 100%;
	padding: 2px;
}

table.coupon th {
	color: #fff;
	background-color: #0c5d05;
	font-size: 12px;
	text-align: left;
	padding: 4px;
}

table.coupon td {
	padding: 4px;
}

#coupon #maincontent .highlight,
#createcustomer #maincontent .highlight,
#newsletter2 #maincontent .highlight {
	padding: 3px;
	background-color: #d4d4d4;
	border: 1px solid #FFDA66;
	margin-bottom: 5px;
	font-weight: bold;
}

table.buy,
table.buy2,
table.items,
table.userinput,
table.tell,
table.tell2,
table.changepassword,
table.basket {
	border: 1px solid #0c5d05;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px;
}

table.buy th,
table.buy2 th,
table.items th,
table.userinput th,
table.tell th,
table.tell2 th,
table.changepassword th,
table.basket th,
table.billingaddress th,
table.shippingaddress th   {
	text-align: left;
	font-size: 10px;
	color: #fff;
	background-color: #0c5d05;
	padding: 4px;
}
table.buy td,
table.buy2 td,
table.items td,
table.userinput td,
table.tell td,
table.tell2 td,
table.changepassword td,
table.basket td  {
	padding: 4px;
}

table.userinput .b {
	font-weight: bold;
}

#buy select,
#buy2 select {
	font-size: 10px;
	width: 100%;
}

.button.highlight {
	background-color: #d4d4d4;
	font-weight: bold;
}

.newsticker {
	background-color: #d4d4d4;
	border: 1px solid #FFDA66;
	margin: 3px;
	padding: 3px 0px 3px 0px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	font-size: 11px;
}

table.crossselling {
	width: 100%;
	border: 1px solid #999;
	clear: both;
	padding: 1px;
	background-color: #c2d6c0;
}

table.crossselling th{
	text-align: left;
	background-color: #d4d4d4;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	padding-left: 6px;
}

table.crossselling td{
	padding: 2px;
}

.tiny {
	width: 2em;
}

.small {
	width: 50px;
}
.medium {
	width: 100px;
}
.large {
	width: 150px;
}
.larger {
	width: 200px;
}
.x-large {
	width: 250px;
}
.xx-large {
	width: 350px;
}

/* last order data after user login: title rows */
.lastorderhead  {
	font-size : 12px;
	background-color : #0c5d05;
	padding: 3px;
	font-weight: bold;
}

/* last order data after user login: rows */
.lastorderrow  {
	font-size : 11px;
	background-color : #86ae82;
	vertical-align: top;
	padding: 3px;
}

#deliverypopup {
	padding: 5px;
	margin: 10px;
	border: 1px solid #0c5d05;
}

#deliverypopup h1{
	padding: 5px;
	margin-bottom: 10px;
	background-color:#0c5d05;
}

table.b2blogin {
	border: 1px solid #0c5d05;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}

table.b2blogin th{
	background-color: #0c5d05;
	padding: 2px;
}

table.b2blogin td{
	text-align: center;
}

#index {
	background-color: #fff;
	/*background-image: url(greenhouse.jpg);
	background-repeat: no-repeat;
	background-position: 5% 5%;
	background-attachment: fixed;*/
	
}

.index_text {
	position:absolute;
	bottom:1%;
	left:0px;
	text-align:center;
	width: 100%;
	margin:0px
	padding: 0px;
}

.index_bg {
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 50%;
	/*-moz-opacity:0.5;
	filter:alpha(opacity=50;)*/
}

.index_willkommen {
	position:absolute;
	align:center;
	text-align:center;
	color:#000;
	width:100%;
	height:20%;
	top:55%;
	left:0px;
}

.index_willkommen.h1 {
	color:#000;
}

.index_willkommen_bg {
	background-color:#fff;
	position:absolute;
	align:center;
	width:100%;
	height:20%;
	top:55%;
	left:0px;
	-moz-opacity:0.7;
	filter:Alpha(opacity=70);
}

/*
.index_div_bg_border {
	position:absolute;
	top:0px;
	left:0px;
	width: 70%;
	height: 50%;
	margin-left:15%;
	margin-right:15%;
	margin-top:18.5%;
	padding: 0px;
	border: 5px solid #084603;
}*/

.index_links {
	color: #fff;
	text-align: center;
	font-weight: bolder;
	font-size: 18px;
	font-family: arial;
	line-height: 1.6;
	position:absolute;
	top:70%;
	left:0px;
	width: 100%;
	height: 30px;
	padding: 0px;
	background-color: #084603;
}

.schriftzug {
	position:absolute;
	top:10px;
	left:10px;
	width:100%;
}

.index_logo_sw {
	position:absolute;
	top:71.5%;
	left:10px;
	width: 16%;
}

.slide {
	position:absolute;
	top:75%;
	left:0px;
	width:100%;
	height:100px;
}

.index_links a:link {color:#fff;text-decoration:none;}
.index_links a:active {color:#fff;text-decoration:none;}
.index_links a:hover {color:#fff;text-decoration:none;}
.index_links a:visited {color:#fff;text-decoration:none;}

#rightcol .b2blogin .button {
	width: 100%;
}

#sslbuy2,
#sslbuy3 {
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px;
}

#sslbuy2 h1,
#sslbuy3 h1 {
	background-color: #0c5d05;
	padding: 3px;
	margin-bottom: 6px;
}

/* shoppage list*/
#shoppage_list .variants {
	display: none;
}

#shoppage_list .products {
	margin-bottom: 10px;
}

#shoppage_list .products h1 {
	font-size: 12px;
	margin-bottom: 0.2em;
}

#shoppage_list .itemprice {
	font-size: 12px;
}

#shoppage_list #orderarea td {
	vertical-align: text-bottom;
}

/* shoppage overview */
#shoppage_overview .products {
	margin-bottom: 10px;
	border: 0px;
	font-size: 9px;
}

#shoppage_overview .products h1 {
	font-size: 12px;
	margin-bottom: 0.2em;
}

#shoppage_overview .select {
	font-size: 10px;
}


#shoppage_overview .variants {
	display: none;
}

#shoppage_overview .prodimage{
	float: none;
	text-align: center;
	margin-bottom: 2px;
}

#shoppage_overview .imagenew {
	top: 30px;
}

#shoppage_overview .itemprice {
	font-size: 12px;
}

.productstable {
	margin-bottom: 20px;
}

.productstable table td {
	border: 0px solid #0c5d05;
}

/* shopsearch */

#shopsearch #maincontent table {
	border: 1px solid #0c5d05;
	padding: 3px;
}

.searchresults1 {
	background-color: #0c5d05;
	padding: 3px;
	font-weight:bold;
	font-size:11px;
	font-color:#fff;
}

.searchresults1 a:link {color:#fff;text-decoration:none;}
.searchresults1 a:hover {color:#fff;text-decoration:none;}
.searchresults1 a:visited {color:#fff;text-decoration:none;}


.searchresults2 {
	padding: 3px;
	font-size:11px;
	font-color:#000;
}

.searchresults2 img {
	margin-right: 10px;
}

.searchresults2 a:link {color:#f00;text-decoration:none;}
.searchresults2 a:hover {color:#f00;text-decoration:none;}
.searchresults2 a:visited {color:#f00;text-decoration:none;}

.red {
	color: #FF0000;
}

/* bei druckausgabe ausblenden */
@media print {
 #leftcol,
 #rightcol,
 #topmenu,
 .button {
 	display:none
	}

 #maincontent {
 	margin: auto;
 }

}