﻿
html {overflow-y: scroll;} 

body,table,input,select,textarea,tt {font:10px/130%,Arial,Helvetica,sans-serif;}
body {
	background-color: #000000;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color:#000000;
	padding:0px;
	margin:0px;
	background-image: url(bg/bg_led-shop.gif); 
	background-repeat: repeat-x; 
	text-align: center;
}

.plain, body.plain {
	background-color: #fff;
	background-image:none;
}

a {
	color: #525252;
	text-decoration: none;
}

a:visited {color:#525252;}
a:hover {color: #0099cc;}
a:active {color:#0099cc;}


h1 {
	font-size: 1em;
	margin-bottom: -20px;
}

h2 {
	font-size: 0.9em;
	margin-bottom: -20px;
}

h3 {
	font-size: 0.9em;
	margin-bottom: -20px;
}

img {border: 0;}
img.download {vertical-align:middle;}

hr {color:#fff; border-bottom: 1px solid #525252;}

div.right, span.right {float:right;}
div.left, span.left  {float:left;}

div.clear {clear: both;}

ul {margin-top: 0px; margin-left: -24px; list-style-type: square }

tt { font-size: 0.7em; font-family: Arial, Helvetica, Sans-Serif; }
.smallfont { font-size: 0.7em; font-family: Arial, Helvetica, Sans-Serif; }

table {
	font-size: 1.0em;
}

/* === container zentriert das layout === */
#container {
	width: 979px;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0;
	background-color: #fff;
	text-align: left;
}

/* === content ===*/
#content {
	margin-top: 10px;
}

/* === banner for logo === */
#banner {
	margin: 0;
	padding: 0;
	height: 138px;
	background-color: #fff;
	background-image: url(bg/bg_led-shop_container.jpg); 
	background-repeat: no-repeat;  
}

#banner p{
	margin-left: 0px;
	padding: 0px;
}



/* === BODY === */

#body {
	min-height: 600px;
	width: 484px;
	padding: 0 0 0 0px;
	margin: 0 0 0 216px;
	text-align: left;
}

p, pre {
	padding: 0px;
	margin: 0 0 10px 0;
}

pre, code { 
	font-size: 1.2em;
}

h1 {
	padding: 0px;
	margin: 10px 0 10px 0;
}

h2 {
	padding: 0px;
	margin: 10px 0 10px 0;
}

h3 {
	padding: 0px;
	margin: 10px 0 10px 0;
}


/* === PRODUCT (LIST) === */

/* --- Path --- */

.box {margin-top: 25px;}
* + html #test_contentBody[0] { margin-top: 123px;}

.box_searchlist { margin-top: 20px; margin-bottom: 4px; }
.searchbtn { width: 30px; height: 20px; }

/* --- Path --- */
/*
#path { 
	position:absolute;
	margin-top: -30px;
	color:#969696;
}
*/
#path { 
	position:absolute;
	margin-top: -30px;
	color:#000;
	font-size: 0.7em;
	font-weight: bold 
}


#path a {
	color:#0099cc; 
	text-decoration: none;
}

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

#path a.dinfo { 
	position:absolute;
	right:0;
}

/* === PRODUCTLIST HEADLINE === */

/*
#body .boxhead h1 {margin:0px 0 10px 0; color:#ffae00; padding: 0 0 10px 0; display: inline; font-size: 1.4em; font-weight: bold; }
#body .boxhead h2 {margin:0px 0 10px 0; color:#ffae00; padding: 0 0 10px 0; display: inline; font-size: 1.4em; font-weight: bold; }
#body .boxhead {color:#525252; font-size: 12px;}
*/
#body .boxhead { margin-top: 10px; }
#body .boxhead h1 {/*color: #ffae00;*/ display: inline; color: #ff9600; font-size:1.4em; font-weight:normal; margin-bottom: 0em; font-weight: bold;}
#body .boxhead h2 {/*color: #ffae00;*/ display: inline; color: #ff9600; font-size:1.2em; font-weight:normal; margin-bottom: 0em; font-weight: bold;}

.countrecords{font-size:10px; font-weight:normal;}

#body .empty{padding:0 3px !important; height: 0px; overflow: hidden;} 


#body .categorytext { margin:0px; padding:0px; width:484Px; margin-top:-15px; }
#body .categorytext h1 { /*color: #ffae00;*/ color: #ff9600;  font-size:1.4em; font-weight:normal; margin-bottom: 0em; font-weight: bold;}
#body .categorytext h2 { /*color: #ffae00;*/ color: #ff9600;  font-size:1.2em; font-weight:normal; margin-bottom: 0em; font-weight: bold;}


/* === LOCATOR === */
#body .locator { margin:10px 5px 10px 0px; color: #000; float:left; width:484Px; background-color: #e0e0e0; }

#body .detail.locator { margin: 3px 5px 0px 0px; }

#body .locator .locbody, #body .locator .locbody a { font-size: 0.9em; margin-left:3px; }
#body .locator .lochead, #body .locator .lochead a { font-size: 0.9em; margin-right:3px; }

#body .locator .arrow {}
#body .locator  a.active { font-weight: bold; color: #666666; }
#body .locator .sep { padding: 0 2px; color: inherit; }

#body .locator .sort_row a.asc { background:url(bg/sort_asc.gif) no-repeat right center; padding-right: 20px; }
#body .locator .sort_row a.desc { background:url(bg/sort_desc.gif) no-repeat right center; padding-right: 20px; }
#body .locator .sort_row a.none { background:url(bg/sort_none.gif) no-repeat right center; padding-right: 20px; }
#body .locator .btn { margin-bottom: 6px;}

#body .locator.compare .locbody { height: auto; }


/* === PRODUCT === */

#body .product strong.h3 {margin:0;height: 20px; display: block;}
#body .product strong.h3 a {font-size: 1.2em;color:#525252;}
#body .product strong.h3 a:hover{text-decoration: none;color:#0099cc;}
#body .product tt {color:#000;display:block;}
#body .product .variants {top: -10px; margin: 0;padding: 0;}


/* === PRODUCT DETAIL === */

#detailbasketform {	z-index:1; margin-top: -290px; margin-left: 160px; text-align: right; height: 200px; width:325px;}
#detailbasketform tt { color: #f00; }


#body .product.details.head.big { margin-top:36px; }

#body .product.details.head.big .picture { margin: 0; padding: 0; }
#body .product.details.head.big #product_artnum { margin-top: -5px; }
#test_product_shortdesc {
	margin-top: 5px;
	margin-bottom: 10px;
}

#body .product .price {margin-top:5px;margin-bottom:2px; }
#body .product .price big {font-size: 18px;line-height: 100%; font-weight: bold;white-space:nowrap;}
#body .product .price sup.dinfo {vertical-align:super;margin:0;padding:0;}
#body .product .price sup.dinfo a{color: inherit;text-decoration: none;font-weight: bold;}
#body .product .price sup.dinfo a:hover{text-decoration: underline;color: inherit;}
#body .product .price small {font-weight: inherit; font-size:69% ;}

#body .product .staffelpreise { margin-top:-5px; }

#body .product.details .variants { margin-top:5px; }

#body .product.details .variants label { font-size: 0.75em; float :left; margin-left: 60px; margin-top: 2px;}
#body .product.details .variants select{ font-size: 0.75em; margin-left : 5px; width: 170px; }

#body .product.details .amount { margin-top:5px; }
#body .product.details .amount label { width: 80px; }
#body .product.details .amount input{ margin-left: 0px; width: 45px;}

#body .product.details .tocart input {margin-left: 80px; margin-top: 5px; width: 150px;}

#body .product .actions a,
#body .product.details .actions a{
	margin-top: 5px; 
	text-decoration: none; 
	color: #666666; 
	padding-left: 12px; 
	background: url(bg/oxid_01_.gif) no-repeat 0 -300px;
	display:block;
	width: 1%; 
	white-space: nowrap;
}
#test_zoom { font-weight:normal; }
#body .product .exturls a { font-weight:normal; }

.morepics {
	border-top: 1px dotted #525252;
	border-bottom: 1px dotted #525252;
	padding: 5px 0px 0px 0px;
}

#body .product.moredetails { margin-top: 100px; }

#body .product.moredetails .question {
	margin-top: 0px;
	text-decoration: none; 
	color: #666666; 
	padding-left: 12px;
	padding-bottom: 10px;
	background: url(bg/oxid_01_.gif) no-repeat 0 -300px;
	width: 1%; 
	white-space: nowrap;
}
#body .product.moredetails h1 { color: #ffae00; font-size:1.2em; font-weight:normal; margin-bottom: 0em;  font-weight: bold;}
#body .product.moredetails h2 { color: #ffae00; font-size:1.0em; font-weight:normal; margin-bottom: 0em;  font-weight: bold;}

#body .product.moredetails .instructions { font-size: 0.7em; }
#body .product.moredetails .instructionlink {font-size: 0.7em; font-weight: bold;}




#body strong.boxhead { 
	font-size: 1.0em; 
}

#body .box { 
	/*margin-top: 5px;*/
}

#body .box .attributes td {border-bottom:1px solid #f0f0f0;font-size:10px;}
#body .box .attributes .last td {border-bottom:none}


#body .box.variantslist .separator.inbox {border-bottom: 1px dotted #525252; margin-bottom: 10px;}
#body .box.variantslist {border-left: 1px dotted #525252; border-bottom: 1px dotted #525252; padding: 10px; }
#body .box.variantslist {}





/*thinest*/
#body .product.thinest {
	display:block;
	vertical-align: top;
	border:0; 
	float:left;
	width:460px;
	/*min-height:42px;*/
	min-height:42px;
	height:auto !important;  /* für moderne Browser */
	/*height:42px;*/  /*für den IE */
	height:42px;  /*für den IE */
	margin:0px;
	padding:0px 5px 0px 5px;
	position: relative;
	/*background:#f00;*/
}

#body .product.thinest { position:relative; }
#body .product.thinest .price { position:absolute; right: 5px; top: 23px; font-size: 1.0em; color:#525252; font-family: Arial, Helvetica, Sans-Serif;}

#body .product.thinest .picture { display:block; width: 90px; height: 90px;text-align : center; position:absolute; top:7px; left:0px; overflow: hidden;}

#body .product.thinest strong.h3 { position: absolute; left: 47px; left: 97px; top: 8px; margin: 0; height: 30px; width: 373px; /*background-color: #0f0;*/}
#body .product.thinest strong.h3 a { font-size: 1.0em; font-weight: normal;color :#525252;}
#body .product.thinest strong.h3 a:hover { text-decoration: none;color:#0099cc;}

#body .product.thinest tt { position: absolute; top: 25px; color:#000;display:block;}
#body .product.thinest .actions a { clear: both; position: absolute; top: 155px; padding-left: 12px; background: url(bg/oxid_01_.gif) no-repeat 0 -300px; display:block; width: 1%; white-space: nowrap;}
#body .product.thinest .fromlist input { position: absolute; bottom:5px; width: 120px;}

#body .product.thinest .variants { margin: 0; margin-top: 48px; /* margin-left: 42px; */ margin-left: 95px; padding: 0; }
#body .product.thinest .variants label { float:left; width: 60px; margin-top: 45px; }
#body .product.thinest .variants select{ margin-left: 0px; width: 60px; margin-top: 3px; }

#body .product.thinest .variants ul { margin-left: -25px; list-style-type: square; width: 400px; }
#body .product.thinest .variants li { width: 400px; }
#body .product.thinest .variants span { font-size: 0.7em;  }
#body .product.thinest .variants .variantdetaillink { font-size: 0.7em; position: absolute; right: 5px; margin : 0; margin-top: 3px; }

#body .product.thinest label { float:left; width: 60px; margin-top: 5px; }
#body .product.thinest input { margin-left: 0px; width: 55px; margin-top: 3px; }
#body .product.thinest big { font-size: 1.2em; color: #525252; text-align: right; position: absolute; right: 3px; top: 5px; }
/*#body .product.thinest hr { margin: 46px 0px 0px 44px; margin: 0; border:0; border-bottom: 1px dotted #525252; height:0px; }*/
#body .product.thinest hr { margin-left: -5px; margin-top: -7px ;border:0; border-bottom: 1px dotted #525252; height:0px; }
#body .product.thinest .detaillink { text-decoration: none; color:#0099cc; position: absolute; right: 8px; top: 25px; }

/*#body .productlist .dottedseparator{ margin: 5px -6px 0px 48px;  margin: 5px -6px 0px 0px; border:0; border-bottom: 1px dotted #525252; height:0px; }*/
#body .productlist .dottedseparator{ margin: 0; border:0; border-bottom: 1px dotted #525252; height:0px; }





/*thin*/
#body .product.thin {
	display:block;
	vertical-align: top;
	border:0; 
	float:left;
	width:480px;
	/*min-height:42px;*/
	min-height:110px;
	height:auto !important;  /* für moderne Browser */
	/*height:42px;*/  /*für den IE */
	height:110px;  /*für den IE */
	margin:0px;
	padding:0px 5px 0px 5px;
	position: relative;
	/*background:#f00;*/
}
/*
#body .product.thin { position:relative;min-height: 100px; }
*/
#body .product.thin .price { position:absolute; right: 5px; top: 23px; font-size: 1.0em; color:#525252; font-family: Arial, Helvetica, Sans-Serif;}

#body .product.thin .picture { display:block; width: 90px; height: 90px;text-align : center; position:absolute; top:7px; left:0px; overflow: hidden;}

#body .product.thin strong.h3 { position: absolute; left: 47px; left: 97px; top: 8px; margin: 0; height: 30px; width: 373px; /*background-color: #0f0;*/}
#body .product.thin strong.h3 a { font-size: 1.0em; font-weight: bold; color :#525252;}
#body .product.thin strong.h3 a:hover { text-decoration: none;color:#0099cc;}

#body .product.thin tt { position: absolute; top: 25px; color:#000;display:block;}
#body .product.thin .actions a { clear: both; position: absolute; top: 155px; padding-left: 12px; background: url(bg/oxid_01_.gif) no-repeat 0 -300px; display:block; width: 1%; white-space: nowrap;}
#body .product.thin .fromlist input { position: absolute; bottom:5px; width: 120px;}


#body .product.thin .variants { margin: 0; margin-top: 48px; /* margin-left: 42px; */ margin-left: 95px; padding: 0; min-height:60px;}
#body .product.thin .variants label { float:left; width: 60px; margin-top: 45px; }
#body .product.thin .variants select{ margin-left: 0px; width: 60px; margin-top: 3px; }

#body .product.thin .variants ul { margin-left: -25px; list-style-type: square; width: 400px; }
#body .product.thin .variants li { width: 400px; font-weight: bold; }
#body .product.thin .variants span { font-size: 0.8em;  }
#body .product.thin .variants .variantdetaillink { font-size: 0.8em; font-weight: normal; position: absolute; right: 5px; margin : 0; margin-top: 2px;}
#body .product.thin .variants .variant_oxartnum { font-size: 0.8em; font-weight: normal; position: absolute; right: 190px; margin : 0; margin-top: 2px;}

#body .product.thin .productdetaillink { font-size: 0.8em; font-weight: normal; position: absolute; right: 5px; margin : 0; top: 85px;}
#body .product.thin .product_oxartnum { font-size: 0.8em; font-weight: normal; position: absolute; right: 190px; margin : 0; top: 85px;}



#body .product.thin label { float:left; width: 60px; margin-top: 5px; }
#body .product.thin input { margin-left: 0px; width: 55px; margin-top: 3px; }
#body .product.thin big { font-size: 1.2em; color: #525252; text-align: right; position: absolute; right: 3px; top: 5px; }
/*#body .product.thinest hr { margin: 46px 0px 0px 44px; margin: 0; border:0; border-bottom: 1px dotted #525252; height:0px; }*/
/*#body .product.thin hr { margin-left: -5px; margin-top: -7px ;border:0; border-bottom: 1px dotted #525252; height:0px; }*/
#body .product.thin .detaillink { text-decoration: none; color:#0099cc; position: absolute; right: 8px; top: 25px; }
#body .product.thin .dottedseparator{ margin-left: -5px; /*margin-top: -17px;*/ margin-top: -2px; border:0; border-bottom: 1px solid #525252; height:0px; }

/*#body .productlist .dottedseparator{ margin: 5px -6px 0px 48px;  margin: 5px -6px 0px 0px; border:0; border-bottom: 1px dotted #525252; height:0px; }*/
#body .productlist .dottedseparator{ margin: 0; border:0; border-bottom: 1px solid #525252; height:0px; }

/*subcategorylist*/
#body .product.thin .shortdesc { font-size: 0.8em; margin: 0; margin-top: 40px; /* margin-left: 42px; */ margin-left: 93px; padding: 0; }
#body .product.thin .subcatlink { font-size: 0.8em; position: absolute; right: 5px; margin : 0; margin-top: 13px;}
#body .product.thin .subcatdottedseparator { margin-left: -5px; margin-top: 7px ; margin-bottom: 0px; border :0; border-bottom: 1px solid #525252; height:33px; }


#body .contenttext {
	margin:25px 0px 10px 0px; 
	width:452Px;
}


/* === PRODUCT DETAILS === */

#body .product.details .amprice th { font-size: 1.0em; font-weight: bold; background-color: red; }
#body .product.details .amprice td { font-size: 1.0em; padding: 0; background-color: red; }
#body .product.details .amprice .am { color:#424c56; background-color: red; }
#body .product.details .amprice .pr { font-weight: bold; background-color: red; }


/* === FORMS === */
form {
	margin-top:0px;
	margin-bottom:0px;
}

input {
	color: #000;
}

input.btn.hl {
	border-color:#f90;
	color:#f90;
}

input.chbox {vertical-align:middle; margin-top: 0px;}
input.chk {margin: 1px 5px 1px 0px;}
input.fullsize {width: 100%; }
textarea.fullsize {width: 100%;}

input.openid {
	background: #FFFFFF url(bg/openid-icon-small.gif) no-repeat 0pt 50%; 
	border:1px solid inactivecaptiontext; 
	padding:1px 1px 1px 18px;
}

h1.startheadline {
	padding-bottom: 0px; 
	padding-left: 0px; 
	width: 465px; 
	padding-right: 10px; 
	display: block; 
	color: #ff9600; 
	font-size: 2em; 
	padding-top: 10px;
}


/* === SEARCH FORM === */

#left .search {
	color: #525252;
}

#left form.search {
	margin-left: 15px; 
	margin-bottom: 15px; 
	padding:5px;
	width: 210px;
	background-color: #008ac8;
	/*border-bottom: 1px dotted #525252;*/
}

#left .search input.txt {
	width: 170px; 
	padding: 10;
	background-color: #fff;
	/* border: 2px #b1d8ea solid; */ 
}

#left .search select {
	width: 126px;
	margin-top: 2px;
	padding: 1px 0;
}

#left .search span.btn input {
	margin-left: 0px; 
	margin-top: 0px; 
	height: 18px; 
	line-height: 10px; 
	padding: 0px;
	width:28px;
	text-align: center;
	border: 0px #b1d8ea solid;
	background-color: #008ac8;
	color: #fff;
	font-weight: bold;
	background: #008ac8 url(bg/lupe3.gif) no-repeat ;
}

#test_searchGo {
	width:30px;
	height:25px;
}

#left label {
	color: #525252; 
	margin-left: 15px; 
	margin-bottom: 0px;
}

#left input {
	width: 160px; 
	padding: 0;
}



#left {
	float: left;
	width: 212px;
	color:#0099cc;
	min-height:600px;
	margin-top: -10px;
	margin-left: 0px;
}

.boxheadleft {
	background: #FFFFFF url(bg/boxtop.jpg) no-repeat 0pt 50%;
	font-weight: bold; 
	font-size: 0.7em;
	color:#FFCC00;
	color:#c2c2c2;
	padding: 5px;
	margin-left: 15px;
	width: 210px;
	margin-bottom: 1px;
}

#left ul {
	list-style:none; 
	margin-left: 0px;
}

#left .tree ul {
	list-style:none; 
	margin-left: -65px;
}


#left ul ul {
	list-style:none;
}


#left li A { 
	display: block;
	font-weight: normal;
	font-size: 1em;
	/*
	background: #008ac8;
	*/
	background-color: #c1c1c1;
	margin-bottom: 1px;
	width: 210px;
	color: #000;
	text-decoration: none;
	padding: 5px;
}


#left .tree li A {
	background: #008ac8; 
	color: #fff;
	font-weight: normal;
	list-style: square;
	margin-left: -25px; 
}


#left li A:hover { 
	color: black;
	background-color: #ffae00;
}

#left li A:active { 
	font-weight: bold;
}

#left li .active A.current { 
	color: white;
	background-color: #990000;
}

#left li li A { 
	display: block;
	font-weight: normal;
	font-size: 1em;
	background: #c1c1c1;
	margin-bottom: 1px;
	width: 200px;
	color: black;
	text-decoration: none;
	padding: 5px;
	padding-left: 15px;
}

#left .tree li li A {
	margin-left: 0px;
	color: #000;
	background-color: #b1d8ea; 
}

#left li li A:hover { 
	color: #000;
	background-color: #ffe6ae;
}

#left li li A:active {
  	font-weight: bold; 
	background-color: #e1e1e1;
}

#left li li .active A.current { 
	background: #e1e1e1;
}

.root.exp.has { color: #0099cc; }
.root.last {}
.last { list-style:disc; } 
.last.act { color: #0099cc; }



/* === NAVIGATION INFO PAGES == */

div.info {padding:0; margin:0 0 10px 18px;}
ul.info {padding:0; margin:0 0 15px 0;}
ul.info ul {padding:0;margin:0 0 0 15px;}
ul.info li {padding:0;margin:0 0 0 15px;list-style: none;}
ul.info li a{line-height: 100%; font-weight: normal;}
ul.info li a:active{color: #0099cc;}

/* === Energiesparrechner=== */
.calculatorbox {
	background: #FFFFFF url(bg/bg-calculatorbox-blau.gif) no-repeat 0pt 50%;
	font: 1.5em;
	font-weight: normal;
	color: #ffffff; 
	border: 0px #c2c2c2 solid; 
	height: 123px;
	width: 220px;
	text-align: center;
	vertical-align: middle;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 20px 20px 0px 20px;
}

.calculatorlink {
	margin-left: 0px;
	color: #ffffff;
	
}

.calculatorbox a {
	color: #ffffff;
}

.calculatorbox a:hover {
	color: orange;
}

.calculatortext {
	margin-left: 0px;
	width: 180px;
}


.calculatorbox a:hover {
	color: orange;
}

boxheadleft

.calculatorbox p {
}

/* === RIGHT === */

#right {
	float: right;
	width: 190px;
	margin: 0;
	margin-right: 15px;
	margin-top: 0px;
	padding: 0;
	color: #000;
}

.boxheadright {
	background: #FFFFFF url(bg/boxtop190.jpg) no-repeat 0pt 50%;
	display:block;
	font-weight: bold; 
	font-size: 0.7em;
	color:#FFCC00;
	color:#c2c2c2;
	padding: 5px;
	margin-left: 0px;
	width: 180px;
	margin-bottom: 1px;
	margin-top: 0px;
}

.boxright {
	width: 180px;
	padding-left: 10px;
	background-color: #c2c2c2;
	margin-bottom: 15px;
}

#boxlogofadeshow {
	background-color: #fff;
	padding-left: 20px;
	width: 168px;
	border: 1px #c2c2c2 solid; 
}

/* === LOGIN FORM === */
#right .loginadvice {
	margin-top:10px;
	margin-bottom: 10px;
	font-weight:bold;
	color:#000; 
}

#right strong.h2 { display: block; margin: 0 10px 0 0px; }
/*
#right h2 a { color: #ffae00; }
*/
#right h2 a { color: #008ac8; }
#right h2 a:hover { color: #fff; }
#right div.box { 
	font-size: 0.8em; 
	/*
	border-bottom: 1px dotted #525252; 
	*/
	margin: 0;
	margin-left: 100px; 
	width: 150px; 
	background-color: #c2c2c2;
}
#right div.box .left { display:block; width: 150px; }
#right div.box .btn { display:block; width: 150px; }
#right div.box p{ padding:7px 10px;}

#right form label { color:#525252; width:150px;}
#right div.btn input { width: 150px; display: block; }
#test_RightLogin_Login { margin: 20px 0 0 0; }
#test_RightNewsLetterSubmit { margin: 4px 0 0 0; }
#right input.fullsize { width: 150px; padding: 0;}
#right div.box a.arr { text-decoration: none; color: #525252; padding-left: 12px; background: url(bg/arrow_details.gif) no-repeat 0 3px;}
#right div.box a.arr:hover { color: #0099CC;}
#right div.Forms { height: 300px;}
#right div.forms strong.h2 {}
#right div.forms strong.h2 a{}
#right div.forms div.box{ margin: 0 10px 0 10px; padding: 0 0 15px 0; }

#right a.link {
	background: url(bg/oxid_01_.gif) no-repeat 0 -300px;
	padding-left:14px;
}

/* === ACTIONLIST === */

#right dl.actionslist {color: #525252;  margin-bottom: 5px; margin-top: 15px; padding-top:10px; border-top: 1px dotted #525252;}
#right dl.actionslist dt {background: url(bg/_right.gif) repeat-x top; font-weight: bold; padding-top: 5px;}
#right dl.actionslist dd {margin: 0; height: 12px;}
#right dl.actionslist dd tt {width: 80px; float: left;}
#right dl.actionslist dd span {float: left;}
#right dl.actionslist .link {background: url(bg/oxid.gif) no-repeat 0 -298px;padding-left:14px;font-size:10px;text-decoration:none;color:#525252 !important; line-height:1.1em; float: right;}
#right dl.actionslist .link:hover {color:#0099CC;}


/* === MINIBASKET === */

.box.minibasket { /*border-top: 1px dotted #525252;*/ }
.box.minibasket .hr { /*background: url(bg/hr_right.gif) repeat-x center; height: 15px;*/ border-top: 1px solid #000;}


/* === INFO == */

#body {margin-left:262px;}
#body .test_info {margin-top:0px;}
#body strong.boxhead {margin-top:10px;}

#body .box.info {
	margin-left:0px; 
	margin-top: 16px; 
	padding: 10px 10px 10px 10px; 
	width: 464;
	min-height: 40px;
	background-color: #f0f0f0;
	 
}

.loginbox {
	margin-top:16px; 
	padding: 10px 0px 10px 0px; 
	/* margin-left:-20px; */
}

#login_header {
	color:#525252; 
	font-size: 14px;
	/* margin-left:-20px; */
}

input.defaultcontent {width: 300px;}
textarea.defaultcontent {width: 300px;}

/* === FOOTER === */

#footer {
	text-align: center;
	vertical-align: middle;
	clear: both;
	background-color: #ffffff;
	padding: 0;
	margin: 0px 0 0 0;
	height: 0px;
}

div.bar.shop {
	clear: both;
	padding-bottom:10px;
	padding-top:20px;
	text-align: center;
}

div.bar.shop a {
	color:#525252;
	margin:0 7px;
}

div.bar.shop a:hover {
	color: #0099CC;
}

#bottom_container {
	text-align: center;
	vertical-align: middle;
	padding: 0; 
	font-weight: bold; 
	font-size: 10px; 
	border: 1px solid #fff;
	color: #ffffff; 
	color:#525252;
	height: 80px; 
	background-color: #404040;
	background-color: #fff;
	width:auto; 
}

#footertext {
	margin-top:30px;
}

#bottom_container_content {
	text-align: center;
	padding: 10px 0 0 0; 
	font-weight: bold; 
	margin: 0px; 
	color: #ffffff; 
	color:#525252;
	
	line-height: 1.5; 
	height: 40px; 
	background-color: #404040; 
	background-color: #fff;
	text-align: center;
}

.bottom_background{
	background-color: #525252; 
}


/*=== POPUP ===*/

div.popup{visibility: hidden;display:none;}
div.popup strong{display: block; margin: 9px 0; font-size: 11px;}
div.on.popup{visibility: visible;display:block;position:fixed;top:50%;left:50%;width:250px;height: 150px;background: white;z-index: 2000;margin-top:-75px;margin-left:-125px;border:1px solid #f90;padding:10px;}
div.on.popup.load {background: #fff url(bg/ajax-loader.gif) center center no-repeat;}
div.on.popup table {width:100%;}
div.on.popup input {color:#333333;background:#fff;border:1px solid #333333;font-weight: bold;padding:2px;width:120px;}
div.on.popup input.disabled {color:#cbcbcb;background:#fff;border:1px solid #cbcbcb;font-weight: bold;padding:2px;width:120px;}
div.on.popup input.bl{position:absolute;bottom:10px;left:10px;}
div.on.popup input.br{position:absolute;bottom:10px;right:10px;}

#mask{visibility: hidden;display:none;}
#mask iframe{visibility: hidden;border:none;}
#mask.on {visibility: visible;display:block;position:fixed;opacity:0.7;top:0;left:0;width:100%;height: 100%;background:#000;z-index: 1500;}

#zoom {padding:0;overflow:auto;min-width:454px;min-height: 483px;background:#000;}
#zoom ul.tabs{padding:0;margin:0;background:#fff;height: 28px;width:100%;}
#zoom ul.tabs li{list-style: none;margin:1px;float:left;}
#zoom a{display:block;padding:5px;background:#fff;width:20px;text-align: center;border:1px solid #333333;color:#333333;font-weight: bold;}
#zoom ul.tabs li.close{float:right;}


.label {
	float:left;
	padding: 3px 0 0 0;
	width:100px;
}

.feld{
	float:left;
	width:200px;
	margin-left: 200px;
}

.ebene {
	margin-top: 5px;
} 

#login_button {
	width: 148px;
}

div.submit {
	margin-top: 5px;
	margin-left: 100px;
}

.loginbox .formular .submit a{
	padding-left: 12px; 
	background: url(bg/oxid_01_.gif) no-repeat 0 -300px;
	/*font-size: 10px;*/
	display:block;
	width: 1%; 
	white-space: nowrap;
}


/* Account header */
#body .account_header dl{border-bottom: 1px solid #f0f0f0; margin: 2px 0; padding-bottom: 5px; width: 97%;}
#body .account_header dl.lastInCol{border-bottom: 0; margin: 0; padding-bottom: 0px;}
#body .account_header dt a{font-weight: bold; font-size: 1.0em; text-decoration: none; color: #424c56; padding-left: 0px;}
#body .account_header dt a:hover{text-decoration: underline; color: #424c56;}
#body .account_header dt a.active{color: #666666;}
#body .account_header dd{margin: 2px 0; font-size: 1.0em; color: #969696; padding-left: 0px;}

/* Account pages */
#body .account strong.h4 {font-size: 1.1em; font-weight: bold; margin: 0; padding: 0; display: block;}
#body .account small{font-size: 1.0em;}

/* Account remove from list button */

/* Account wishlist */
#body .wishlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;}
#body .wishlist .product.thin {width: 413px;}
#body .wishlist .separator {margin: 0; width: 400px; border: none;}
#body .wishlist .dot_sep {clear: both;}


/* Account wishlist search results */
#body .wishsearchresults .searchitem {background: url(bg/wishlist.jpg) no-repeat; line-height: 50px; margin: 5px 0;}
#body .wishsearchresults .searchitem a {padding-left: 60px; line-height: 50px; color: #000; display: block; width: 1%; white-space: nowrap;}
#body .wishsearchresults .searchitem a:hover {color: #000;}

/* Account order history */
#body .form.orderhistory table { border-bottom: 1px solid #f0f0f0; }
#body .form.orderhistory td {font-size: 0.8em; padding: 2px 0;}
#body .form.orderhistory th {font-weight: bold; font-size: 0.8em; border: none; background: none; padding: 2px 0;}
#body .form.orderhistory tr.headrow td, #body .form.orderhistory tr.headrow th {font-size: 0.9em;}
#body .form.orderhistory a.tocart {height:18px; width: 20px; background: transparent url(bg/buttons_01_.gif) 0 0 no-repeat; margin:0; border: none; padding:0; display: block;}
#body .form.orderhistory a.artlink {margin-right: 7px; color: #000; font-size: 10px;}
#body .form.orderhistory a.artlink:hover {color: #000;}
#body .form.orderhistory .amount {padding-right: 7px;}

/* Account reccomend list */
#body .recommendlist .product {padding: 5px 0 5px 130px; margin: 0; border: none;}
#body .recommendlist .product.thin {width: 413px;}
#body .recommendlist .separator {margin: 0; width: 400px; border: none;}
#body .recommendlist .dot_sep {clear: both;}

/* ORDER */

/* Order steps */
#body .ordersteps {margin: 0 0 25px 5px; float:left;}
/*#body .ordersteps dl {width: 102px; height: 63px; padding: 3px; margin: 0 5px 0 0; float:left; border: 1px solid #969696; background: #f0f0f0; color: #000;}*/
#body .ordersteps dl {width: 84px; height: 130px; padding: 3px; margin: 0 5px 0 0; float:left; border: 1px solid #969696; background: #f0f0f0; color: #000;}
#body .ordersteps dt {padding:0; margin: 0;}
#body .ordersteps dt, #body .ordersteps dt a {font-size: 10px; font-weight: bold;}
#body .ordersteps dl big {font-size: 21px; line-height: 19px;}
#body .ordersteps dt a:hover big {text-decoration: underline;}
#body .ordersteps dd, #body .ordersteps dd a {font-size: 9px; margin: 0;}
#body .ordersteps .lastinrow {margin-right: 0; width: 78px;}
#body .ordersteps dl.active {background: #fff;}
#body .ordersteps dl.active dt, #body .ordersteps dl.active dt a {color: #666666;}
#body .ordersteps.nofinalstep dl {width: 126px;}
#body .ordersteps.nofinalstep .lastinrow {width: 128px;}


#body div.bar.prevnext .arrowdown input {}
#body div.bar.prevnext .arrowright input {margin-right:7px;}

.box.info .input_text_40 {
	width: 300px;
}

.box.info .textarea_40 {
	width: 300px;
}
.select_40 {
	width: 300px;
}


.box.info .input_text_37 {
	width: 264px;
}
.box.info .input_text_28 {
	width: 200px;
}

.box.info .input_text_5 {
	width: 52px;
}

.req {
	width: 10px;
}
.box.info textarea {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	width: 264px;
}

.select_37 {
	width: 270px;
}

.left select {
	width: 270px;
}


/* Order back/next step button */

/* Basket */
#body .basket {float: left; margin: 5px 3px 10px 6px; border: 1px solid #969696; empty-cells: show; width:474px; }
#body .basket tbody td {padding-top: 10px;}
#body .basket th {background: #f0f0f0; color: #424c56; font-weight: bold; height: 25px; padding-left: 6px;}
#body .basket th.lastcol {padding-left: 0;}


#body .basket .bsk_sep td {height: 9px; padding-top: 0;}
#body .basket .bsk_sep .line {border-bottom: 1px solid #f0f0f0;}
#body .basket .bsk_sep .bigline {border-bottom: 4px solid #f0f0f0;}

#body .basket .picture {border: 1px solid #969696; background: #fff; text-align: center; display: block; height: 42px; width: 56px;}
#body .basket .art_title a {font-size: 10px; font-weight: bold; color: #000;}
#body .basket .art_title a:hover {color: #000;}
#body .basket .art_num {font-size: 10px; color: #000;}

#body .basket .btn, #body .basket .amount {margin-bottom: 7px;}
#body .basket .upd {margin-left:-16px; margin-top:-20px; width: 150px; cursor: pointer; padding: 1px;}
#body .basket .price {padding-right: 25px; text-align: right;}
#body .basket .orderprice {padding-right: 20px; text-align: right;}
#body .basket .vat {padding-left: 20px;}
#body .basket .vat_order {padding-left: 15px;}
#body .basket .amount {padding-right: 20px;}
#body .basket .totalprice {padding-right: 6px; text-align: right;}
#body .basket .notice td {padding-top: 5px; font-size: 10px; color: #666666;}
#body .basket .sumrow td {padding-top: 3px;}
#body .basket .sumrow.total td {padding: 7px 0 4px;}
#body .basket .sumdesc {padding-right: 15px !important; text-align: right;}
#body .basket .discount, #body .basket .coupon {color: #666666; font-size: 10px;}
#body .basket .bottrow {height: 14px;}
#body .basket a.remove {display: block; width: 97px; height: 17px; line-height: 17px; border: 1px solid #333333; color: #fff;  background: #333333;text-align: center; font-weight: bold; font-size: 10px; text-decoration: none;}
#body .basket a.wrapremove  {width: 70px;}

#body .basket .wrapmod { display:block;height:18px;line-height:1;width: 85px; background: transparent url(bg/buttons_01_.gif) no-repeat right -100px; margin:0; border: 0 none; padding:0 1px 0 0;float: left}
#body .basket .wrapmod a {font-size: 10px; text-align: center; text-decoration: none; display: block; height:14px;line-height:1;width: 62px; background: transparent url(bg/buttons_01_.gif) no-repeat 0 -100px; margin:0; border:0;color:#fff;padding:4px 0 0 23px;font-weight: bold; }

#body .basket .frombasket input{width: 150px;}

/* user options step */
/*
#body strong.useroptboxhead {margin:10px 5px 0;background: #f0f0f0; padding:4px 5px 5px 7px;height:20px;border:1px solid #969696;border-left:8px solid #969696;border-right:1px solid #969696;line-height:20px; font-size: 12px;font-weight: bold;color:#424c56;width:162px; display: block;}
#body strong.useroptboxheadbig {margin:10px 5px 0;background: #f0f0f0; padding:4px 5px 5px 7px;height:20px;border:1px solid #969696;border-left:8px solid #969696;border-right:1px solid #969696;line-height:20px; font-size: 12px;font-weight: bold;color:#424c56;width:259px; display: block;}
#body .useroptbox {border:1px solid #969696; border-top: none; width:151px;height:310px;margin:0 5px 10px 5px;padding:5px 15px;position:relative; font-size: 12px;}
#body .useroptboxbig {border:1px solid #969696; border-top: none; width:248px;height:310px;margin:0 5px 10px 5px;padding:5px 15px;position:relative; font-size: 12px;}
#body .useroptbox .link {font-size: 10px;}
#body .useroptbox .err {margin-bottom: 10px; font-size: 10px;}
*/
#body .left {
	background-color: #f0f0f0;
	width: 444px;
	padding: 10px;
}

/* payment step */
#body .paymentboxhead, #body .thankyouboxhead {margin-top: 5px;}

/* order step */
#body dl.orderinfocol dt {padding:0; margin: 0 0 10px 0; height: 20px; font-weight: bold; border-bottom: 1px solid #f0f0f0; width=450px; }
#body dl.orderinfocol dd {position:relative; padding:0 0 20px 0; margin: 0;font-weight: normal;}
#body dl input {position:absolute; top:-35px; right: 0px; width: 160px;}


.h4.thin{ display:block;width: 400px;border-color:#969696;;color:#424c56;background:#f0f0f0;padding:1px 5px 8px 7px;}

#body .box.info a {
	padding-left: 12px; 
	background: url(bg/oxid_01_.gif) no-repeat 0 -300px;
	/-*font-size: 1.0em;*-/
	display:block;
	width: 1%; 
	white-space: nowrap;
}

.th_sep th {
	text-align: left;
}


#body .product.moredetails .tabset_tabs	{ display:none; }


#test_productFullTitle {
	font-size: 1.4em;
	color:#ff9600; 
}

#test_AmountToBasket {
	width: 50px;
}

/*---------- CSS bubble tooltip -----------*/
a.tooltip{
    position:relative;
    z-index:24;
    color:#0099cc;
	font-weight:bold;
    text-decoration:none;
}

a.tooltip span { display: none; }
 
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tooltip:hover { z-index:25; color: #0099cc; background:;}

a.tooltip:hover span.tooltip {
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #000;
    text-align: center;
    /*
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	*/
}

a.tooltip:hover span.top {
	display: block;
	padding: 30px 8px 0;
    background: url(tooltip/bubble_2.gif) no-repeat top;
}

a.tooltip:hover span.middle { /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(tooltip/bubble_2_filler.gif) repeat bottom; 
}

a.tooltip:hover span.bottom {
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(tooltip/bubble_2.gif) no-repeat bottom;
}