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

/*
#F9FDFF - brightest color
#E1F1FF
#BBDDFF
#99CCEE - darkest colr

#FFF188 - highlight
*/

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

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

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: #E1F1FF;
	border: 1px solid #333;
	font-size: 1em;
	text-align:center;
	cursor: pointer;
}

.button:hover {
	background-color: #BBDDFF;
}

.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 {
  padding-left: 205px;
  background-color:#BBDDFF;
  margin-bottom: 5px;
  text-align: center;
  height: 28px;
  border-top: 1px solid #999;
}

#topmenu a, #topmenu a:link, #topmenu a:visited, #topmenu a:hover {
/* top menu link settings */
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #FFF;
  font-size         : 1.2em;
  font-weight       : bold;
  text-decoration   : none;
  float: left;
  display: block;
}
#topmenu a:hover {
  background-color: #E1F1FF;
  color: #000;
}

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

#shoplogo {
	background-color: #E1F1FF;
}

#leftcol {
  color : #333;
  position: absolute;
  left:0px;
  top: 0px;
  width:200px;
  margin-left: 3px;
}

#leftcol h1 {
  font-size:  1.2em;
  font-weight: bold;
  color: #333;
  background-color: #BBDDFF;
  padding-top: 6px;
  padding-bottom: 3px;
	padding-left: 17px;
  margin-bottom: 2px;
  border-bottom: 1px solid #99CCEE;
  background-image: url('edgeright.gif');
  background-position: top right;
  background-repeat: no-repeat;
}

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

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

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

#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: 1px solid #BBDDFF;
	margin-top: 10px;
	margin-bottom: 10px;
}


#breadcrumbnavi {
	font-weight:bold;
	font-size: 1.1em;
	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: #FFF188;
	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: #BBDDFF;
  text-decoration: none;
  background-image: url('prodgrpsbghover.gif');
}

#prodgrps .nodeHidden {
   display: none;
}

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

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

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


/* //END product groups  */

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

#maincontent {
  height: 1%; /*IE6 Bugfix*/
  margin-left: 215px;
  margin-right: 215px;
  position: relative;
}

#rightcol {
  position: absolute;
  width:200px;
  top: 0px;
  right: 0px;
  margin: 0px;
	margin-right: 3px;
}

#rightcol h1 {
  font-size:  1.2em;
  font-weight: bold;
  color: #333;
  background-color: #BBDDFF;
  padding-top: 7px;
  padding-bottom: 2px;
	padding-left: 6px;
	margin-left: -6px;
	margin-right: -6px;
  margin-bottom: 2px;
  border-bottom: 1px solid #99CCEE;
  background-image: url('edgeleft.gif');
  background-position: top left;
  background-repeat: no-repeat;
}

#rightcol .button {
	background-color: #BBDDFF;
	width: 90px;
}

#rightcol .button:hover {
	background-color: #99CCEE;
	width: 90px;
}

#footnote {
  clear: both;
  padding: 7px;
  color: #DDD;
  background-color: #333
}

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

#staticpages p {
  font-weight: bold;
}

#customerlogin input {
	width: 7em;
}

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

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

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

#content7,
#content8 {
	;
}

#minibasket .imgbasket,
#minibasket2 .imgbasket {
	position: absolute;
	top: -10px;
	left: 142px;
}

#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;
}

.even {
	background-color: #BBDDFF;
}

.items .even {
	background-color: #E1F1FF;
}

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

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

.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: 1px solid #BBDDFF;
  overflow:auto;
}

.products h1{
  font-size: 1.6em;
  background-color: #BBDDFF;
  color: #333;
  margin: 0px;
  padding: 5px;
  text-align: center;
	background-image: url('edgeleft.gif');
  background-position: top left;
  background-repeat: no-repeat;
}
.products h1 a {
  color: #333;
}

.products h2{
  font-size: 12pt;
  background-color: #BBDDFF;
  color: #333;
  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: 1.4em;
	font-weight: bold;
	margin: 0px;
}

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

.amount .small {
	width: 32px;
}

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

.textfield {
	margin-top: 10px;
}


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


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

table.result th {
	background-color: #BBDDFF;
	font-size: 1.1em;
	text-align: left;
	padding: 4px;
}

.result .highlight {
	color: #FF0000;
}

table.sitemap {
	background-color: #E1F1FF;
	padding: 3px;
	margin: 4px;
	border-bottom: 1px solid #99CCEE;
	width: 100%;
}

table.shipmentcost{
	border: 1px solid #99CCEE;
	border-collapse: collapse;
	width: 25em;
	margin-bottom: 1em;
	margin-top: 1em;
}

table.shipmentcost th,
table.directorder th{
	font-weight: bold;
	text-align: left;
	background-color: #E1F1FF;
	padding: 2px;
	font-size: 1.1em;
}

table.shipmentcost td{
	padding: 2px;
}

table.faq th {
	background-color:#BBDDFF;
	padding: 3px;
	text-align: left;
	font-size: 1.1em;
}

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: #F9FDFF;
	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: 1em;
	padding: 4px;
	background-color: #FFF188;
	color: #000;
	text-align: center;
}

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

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

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

#lastviewedprods h1,
#bestseller h1,
#bestseller_pg h1,
#autocrossselling h1 {
	background-color: #FFF188;
	padding: 3px;
	font-size: 1.2em;
}

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

#bestseller th,
#bestseller_pg th {
	width: 100%;
}

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

table.coupon th {
	background-color: #BBDDFF;
	font-size: 1.2em;
	text-align: left;
	padding: 4px;
}

table.coupon td {
	padding: 4px;
}

#coupon #maincontent .highlight,
#createcustomer #maincontent .highlight,
#newsletter2 #maincontent .highlight,
#gs_addcomment #maincontent .highlight,
#gs_mycomments #maincontent .highlight { 
	padding: 3px;
	background-color: #FFF188;
	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 #BBDDFF;
	width: 45em;
	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: 1em;
	background-color: #BBDDFF;
	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: 1em;
	width: 10em;
}

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

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

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

table.crossselling th{
	text-align: left;
	background-color: #FFF188;
	font-size: 1.2em;
	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 : #BBDDFF;
	padding: 3px;
	font-weight: bold;
}

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

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

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

table.b2blogin {
	border: 1px solid #BBDDFF;
	width: 80%;
	margin-left:auto;
	margin-right:auto;
}

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

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

#index {
	background-color: #BBDDFF;
}

#index div {
	text-align:center;
	width: 500px;
	height: 700px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	padding: 20px;
}

#rightcol .b2blogin .button {
	width: 120px;
}

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

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

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

#shoppage_list .products {
	margin-bottom: 1em;
}

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

#shoppage_list .itemprice {
	font-size: 1.2em;
}

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

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

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

#shoppage_overview .select {
	font-size: 1em;
}


#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: 1.2em;
}

.productstable {
	margin-bottom: 20px;
}

.productstable table td {
	border: 1px solid #BBDDFF;
}

/* shopsearch */

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

.searchresults1 {
	background-color: #BBDDFF;
	padding: 3px;
	font-weight:bold;
	font-size:1.1em;
}

.red {
	color: #FF0000;
}


/* user comments*/
#comments {
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
}

#comments .avgrating {
	background-color:#FFF188;
  border:1px solid #999;
  font-weight:bold;
  margin-bottom:15px;
  padding:5px;
}

#comments .addcomm {
	font-weight: bold;
	margin-bottom: 10px;
}

.comment{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}

.comment .subject{
	margin-bottom: 5px;
}

.comment .body{
}
/* end user comments*/	
 
#soonhere { 
  font-weight:bold;
}

#aktionsartikel {
  font-weight:bold;
}

#testreports {
  margin-left: 3px;
  margin-right: 3px;
  font-size: 0.9em;  
}


 
#upselling {
  border: 2px solid #FF1111; 
  border-collapse: collapse;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 90%;
  font-size: 1.2em; 
  background-color: #F6F6F6;
}

#upselling th {
  background-color: #FF1111;   
  padding: 3px;
  color: #F6F6F6;
}

#upselling td {
  padding: 4px;
  padding-top: 13px;
}

#upselling p {
  padding: 2px;
  margin: 0px;
}

#upselling h1 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 4px 0px;
  font-weight: bold;
  font-size: 1.2em; 
  text-align: left;
  background-color: #F6F6F6;
}

#upselling a:link, a:visited, a:hover {
  font-weight: bold; 
}



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

 #maincontent {
 	margin: auto;
 }

}