@charset "UTF-8";
@media all
{
  * { margin:0; padding:0; }
  option { padding-left:0.4em; } /* LTR */
  select { padding:1px; }

 /**
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }

  body {font-size:100.01%;background:#fff;color:#000;text-align:left; /* LTR */}
  div { outline:0 none; }
  fieldset, img { border:0 solid; }
  ul, ol, dl { margin:0 0 1em 1em; } /* LTR */
  li {line-height:1.5em;margin-left:0.8em; /* LTR */}
  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; } /* LTR */
  blockquote { margin:0 0 1em 0.8em; } /* LTR */
  blockquote:before, blockquote:after,
  q:before, q:after { content:""; }

 /*------------------------------------------------------------------------------------------------------*/

  .clearfix:after {clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
  .clearfix { display:block; }
  .floatbox { overflow:hidden; }
  #ie_clearing { display:none; }

 /*------------------------------------------------------------------------------------------------------*
  /* unsichtbare Elemente
    left:0;
  /* skiplinks:technical setup */
  #skiplinks { position:absolute;top:0px; left:-32768px; z-index:1000; width:100%;margin:0; padding:0; list-style-type:none;   }
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active {left:32768px; outline:0 none;position:absolute; width:100%;}  
}

@media screen, projection
{
  #header { position:relative; }
  #topnav { text-align:right; }  /* LTR */
  #header #topnav {position:absolute;top:10px;right:10px; /* LTR */}
  #header, #nav, #main, #footer { clear:both; }
  #col1 { float:left; width:198px; }
  #col3 { width:auto; margin-top:0;margin-left: 205px;}
  #col1_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/
  .subcolumns { width:100%; overflow:hidden; }
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width:100%; float:left; }
  .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
  .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }
  .c20l, .c20r { width:20%; }
  .c40l, .c40r { width:40%; }
  .c60l, .c60r { width:60%; }
  .c80l, .c80r { width:80%; }
  .c25l, .c25r { width:25%; }
  .c33l, .c33r { width:33.333%; }
  .c50l, .c50r { width:50%; }
  .c66l, .c66r { width:66.666%; }
  .c75l, .c75r { width:75%; }
  .c38l, .c38r { width:38.2%; }
  .c62l, .c62r { width:61.8%; }
  .subc  { padding:0 0.5em; }
  .subcl { padding:0 1em 0 0; }
  .subcr { padding:0 0 0 1em; }
  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize > div {display:table-cell;float:none; margin:0; overflow:hidden;vertical-align:top;}
}

@media print
{
 /**
  * (de) Float Clearing für .floatbox und die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */

  .subcolumns > div,.floatbox { overflow:visible; display:table;} 
  /* (de) .print-Klasse sichtbar schalten */
  .print { position:static; left:0;}
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}
@media all
{
  body { background: #fff; padding: 0px  10px 10px 10px;}
  .page{ border: 1px solid #9F9F9F;}
  .page_margins {border:0; min-width: 790px; max-width: 80em; margin:auto;}
  #header { position:relative; height: 106px; color: #000;padding:0px; background: #2C72BC url(../templates/best-electronics/img/bg_blau.gif)}
  #content_top {width:100%;text-align:left;color: #fff; height: 16px;font-size:11px;background:#2C72BC;text-align:right;border-bottom:1px solid #454545;}
  #content_top a { color: #fff;padding:3px 5px 3px 5px;}
  #logo-top{float:left;background: #FFF;}
  #youraccount{float:right;margin-top:0px; margin-top:8px;}
  #cart_box {float:right;margin-right:0px;margin-bottom:-15px;}
  .cart_in {color: #4c4f54;font-size: 12px;height:47px;width:191pt;}
  .cart_account {color: #4c4f54;font-size: 12px;height:47px;width:193pt;}
  .cart_1{font-weight: normal;padding:5px;border:1px solid #fff;background-color:#FFFF91;}
  .cart_1_right{float:right;width:130px;text-align:right;}
  .cart_1_left{}
  .cart_header{background: #E1E1E1 url(../templates/best-electronics/img/icons/cart.gif) no-repeat left;border:1px solid #fff;padding:3px;font-weight:bold;text-align:right;}
  .cart_header a{color: #FA4C44; text-decoration: none;font-size:11px;}
  #top-boxes{background: #fff;height:47px;margin-top:0px;width:100%;margin-bottom:20px;}
  .suche{float:right;height:42px;color: #fff;font-size: 12px;width:210px;}
  .suche_header{height:23px}
  .suche_feld {background:#252527  url(../templates/best-electronics/img/sliding_door/left_both_1.gif) repeat-x top left;height:22px;padding-right:9px;padding-left:9px;padding-top:3px;background-position:0% -79px;border-left:1px solid;border-top:1px solid;border-color:#252527;}
  img#companyLogo {position:absolute; top: 17px; left: 0px;}
  #main { background: #fff ; margin: 0; padding: 0;}
  #footer {margin-top:10px; padding: 1em 0 0 0; border-top: 1px #ddd solid; line-height: 1.5em; font-size:0.8em;text-align:center;background-color:#fff;}
  #pr_footer {clear:both;background-color:#ffffff;}
  #teaser {margin:0;background: #ffffff;padding:4px 4px 0px 18px;color: #5f5d75;}
  #col1 {	width: 198px; }
  #col1_content { margin-left:0pt;margin-right:0pt;padding-left:0px;padding-top:5px; }
  #col3 {width:auto;}
  #col3_content {margin-left: 13px; margin-right: 13px;padding-top:5px;}
  #navigation , #content {height:1px;position:absolute;top:-1000em;width:1px;}
    /* ### Anpassung für die Ausblendung der Boxen bei Checkout (entsprechende index.html muss verwendet werden) ### */
  #main_checkout {background:#ffffff; }
  #col3_checkout {width:100%; }
}
@media screen
{

  .page_margins {
    width:990px;
    margin-left: auto;
    margin-right: auto;
    max-width:inherit;  /* min-width für fixes Layout abschalten */
    min-width:inherit;  /* max-width für fixes Layout abschalten */
  }


  /* Hide right column | Rechte Spalte abschalten */


  col3 { margin-left: 205px; margin-right: 0;width:100%;}
* html #col2 {display:none;}    
  #main { margin: 0; padding: 0; }
  #footer {margin:0; padding: 1em; border-color: #aaa; }
  #main { background: #fff /*url(../templates/best-electronics/img/bg_main_2col.gif) repeat-y top left*/; }
}
@media all
{
html * { font-size: 100.01% }
/* (en) base layout gets standard font size 12px */
/* (de) Basis-Layout erhält Standardschriftgroesse von 12 Pixeln */
body {font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 83.00%;}
h1,h2,h3,h4 { font-family: Verdana, Arial, Sans-Serif; font-weight:normal;}
h1 {font-size: 1.00em; color: #000; margin: 0 0 0 0;  font-weight:bold; }
h2 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; font-weight:bold; border-bottom: 1px #ddd solid;}
h3 {font-size: 1.0em; color: #000; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h4 {color: #000; padding-top: 0.3em; font-weight:bold; border-bottom: 1px #C5C5C5 solid;}
h1.startseite  {font-size: 1.00em;color: #000; margin: 0 0 0.70em 0; font-weight:bold;border:0px;border-bottom: 1px #ddd solid;}
h2.startseite  {font-size: 0.90em;color: #000; margin-bottom:10px; font-weight:bold;border:0px;border-bottom: 1px #ddd solid;}
h3.startseite  {font-size: 0.80em;color:#fff;padding:5px 3px 5px 6px;background: #2C72BC;margin-bottom:0px;border:0px;}
h3.startseite a  {color:#fff;}
h2.startseite_Mitte  {font-size: 1.00em;color: #000; margin: 0 0 0.70em 0; font-weight:bold; border-bottom: 1px #ddd solid;}


h3.categories  {font-size: 0.90em;color: #000; margin-bottom:10px; font-weight:bold; border-bottom: 1px #ddd solid;}
h1.toner_tinten {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; font-weight:bold; border-bottom: 1px #ddd solid;}
h2.tinte {font-size: 1.00em; color: #DDD; margin: 30px 0 0 0;  font-weight:bold;border:0; }
h3.geraete {background:#FFF url(../templates/best-electronics/img/bg_kontakt.jpg) repeat-y right;color: #000;padding:5px;width:auto;border:0px;margin-bottom:0px;margin-left:3px;border:1px solid #9F9F9F;}
.start_kursiv{font-style:italic;font-size:0.90em;}
#teaser h1 {border: 0; }
#teaser a {color:#333333;font-family: Arial, Helvetica, sans-serif;font-size: 11px;}
p,ul,dd,dt { line-height: 1.5em;}
p { line-height: 1.5em; margin: 0 0 1em 0; }
strong,b { font-weight: bold; }
em,i { font-style:italic; }
pre, code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }
#col3_content h4 {font-size: 1.05em; color: #000; margin: 0 0 0.30em 0; padding-top:1em; font-weight:bold; border-bottom: 1px #ddd solid;}
.clearHere { clear: both; }

.leftCol {margin-top:4px;float:left;}
.rightCol {position:absolute;margin-top:4px;right:0;padding-right:4px;width:370px}
.leftCol_5 {margin-bottom:10px;float:left;width:430px;border:1px solid #9F9F9F;background: #FFF;}
.leftCol_5a {margin-bottom:10px;float:left;width:430px;background: #FFF;margin-top:4px;}
.tinte_nachfuellset {background: #FFF url(../templates/best-electronics/img/nachfuellset.jpg) no-repeat right bottom;border:1px solid #FE807B;padding:5px 75px 10px 5px;margin-bottom:10px;}
.rightCol_5 {margin-left:440px;margin-bottom:10px;right:0;width:310px;}
.rightCol_6 {float:right;}
.w_content {padding:8px;text-align:left;}
.w_markentinten_L {float:left;border:1px solid #DDD;background-color:#fff;margin-top:4px;}
.w_markentinten_R {float:right;border:1px solid #DDD;background-color:#fff;margin-top:4px;}
.w_neueTinten {float:left;background-color:#fff;margin-top:4px;width:310px;}
.w_preisbutton {font-size: 12px;font-style:italic;}
.w_Tinten_Toner {border:1px solid #DDD;padding:5px;margin-bottom:4px;}
a.imgLink {border: 0px none; text-decoration: none;}
.dontShow {position: absolute;left: -3000px;top: -3000px;width:0;height:0;overflow: hidden;display: inline;}
.optionsBg { background-color: #F1F1F1;  margin: 0; padding: 5px;}
#col3_content .longInput, #col3_content .longTextarea textarea {width: 99%;}
.shTextarea {width:530px;}
#col3_content label.longLabel {width: 99%;float: none;}

a, a em.file {color: #222; text-decoration:none;}
a:hover {text-decoration:underline;}
#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover{ text-decoration:underline; background-color: transparent;}
#footer a {}
#footer a:hover { text-decoration:underline; }
#main a.imagelink {padding-left: 0;background: transparent;}
.copyright {font-size: 11px;line-height: 1.5;text-align:center;}
A.copyright {color: #000000;}
A.copyright:hover {color: #0000ff;text-decoration: underline;}
.parseTime {font-size: 11px;line-height: 1.5;text-align:center}
TD.main, P.main {font-size: 12px;line-height: 1.5;}
SPAN.markProductOutOfStock {font-size: 12px;color: #c76170;font-weight: bold;}
SPAN.productSpecialPrice {color: #ff0000;}
SPAN.productOldPrice {color: #ff0000;text-decoration: line-through;font-size:12px;}
SPAN.errorText {color: #ff0000;}
SPAN.productDiscountPrice {color: #ff0000;font-weight: bold;}
table { width: 100%; margin-bottom:0.5em; }
caption { border-bottom: 4px solid #fff; padding: 10px; background: #F79430; text-align: left; color: #fff; }
/*tbody { background: #fff; }*/
tbody td, th { border-bottom: 4px solid #fff; border-left: 0px dotted #fff; vertical-align: top; padding:5px; }
thead th { padding: 5px; text-align: left; background: #CCCCCC; color: #333; font-weight: bold; }
tbody th { padding: 5px; text-align: left; color: #000; line-height: 1.5em; font-weight: normal; }
tbody tr.odd, tbody tr.odd th { background: #FEE9BD; }
tbody tr.odd2, tbody tr.odd2 th { background: #D0FFD0; }
tfoot th, tfoot td { margin: 0; border-top: 2px solid #fff; padding: 5px 10px; text-align: left; background: #CCCCCC; color: #333; }
tfoot th { border: none; }
tfoot td { padding-left: 10px; }
tbody td.main { border-bottom: 0px solid #fff; border-left: 1px dotted #fff; vertical-align: top; padding:2px; }
tbody td.attribute , tbody td.value{margin:0;padding:0;border:0;font-size:0.9em;line-height:1.5em;}
#col3_content td.prodRow1 {background-color:#CCCCCC;}
hr.dis {color: #D0D0D0; /* IE */border: 1px solid #D0D0D0; /* Opera */background-color: #D0D0D0; /* Mozilla */margin-bottom: 1em;}
hr {color: #D0D0D0; /* IE */border: 1px solid #D0D0D0; /* Opera */background-color: #D0D0D0; /* Mozilla */height:2px; /* Mozilla, Opera */}
hr.cart {color: #333333;background-color:#333333;height:1px;margin-right:0;text-align:right;width:80%;margin: 0;padding: 0;border:0;}
.hrDiv {padding-bottom: 1px;padding-top: 1px;height: 0pt;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;line-height: 0px;background-color: #999999;}
.hrDiv {margin-top:3px;margin-bottom:3px;}
.error { color: #FF0000; }
.must { color: #FF0000; }
acronym, abbr {letter-spacing: .07em;border-bottom: 1px dashed #c00;cursor: help;}
.smallText{font-size:0.7em;}
img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border:0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.border {background: #fff; padding: 4px; border:1px #ddd solid;margin-top:7px;margin-bottom:7px;}
.startseite_v{border:1px solid #c0c0c0;padding:4px;position:relative;width:99%;}
.login_kopf_1{padding:5px;background-color:#ddd;border:1px solid #fff;}
}

@media all
{

  #col1_content h2 , #col2_content h2 {font-size: 0.9em;background: #FA4C44 url(../templates/best-electronics/img/boxhead_1.gif) repeat-x top;color: #fff;padding:5px;width:auto;border:0px;margin-bottom:0px;}
  #col1_content h5 , #col2_content h5 {background-color: #55ABD8;color: #fff;padding:5px;width:auto;border:0px;}
  #col1_content h4 , #col2_content h2 {font-size: 0.9em;background: #FA4C44 url(../templates/best-electronics/img/boxhead_1.gif) repeat-x top;color: #fff;padding:5px;width:auto;border:0px;margin-bottom:0px;}
  #col1_content h3 , #col2_content h3 {font-size: 1.0em;color:#000;margin-bottom:0px;}
  .cat.h2 , #col2_content h4 {font-size: 0.9em;background: #FA4C44 url(../templates/best-electronics/img/bg_blau.gif) repeat-x top;color: #fff;padding:5px;width:auto;border:0px;}


  .boxInfoLS , .boxInfoRS, .boxInfoMa {margin-bottom:10px; /* Abstand der Boxen */}
  .boxInfoLS_T {border-top:1px solid #ddd;background: #FFF url(../templates/best-electronics/img/bg_kontakt.jpg)}
  .boxInfoLS_K {margin-bottom:10px;border-top:1px solid #ddd;}
  .boxInfoBodyMa {padding:8px;font-size: 0.8em;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background:#2C72BC  url(../templates/best-electronics/img/bg_blau.gif);}
  .boxInfoLS_K {margin-bottom:10px;border-top:1px solid #ddd;}
  .boxInfoBodyLS {padding:8px;font-size: 0.8em;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background: #FFF url(../templates/best-electronics/img/bg_kontakt.jpg)}
  .boxInfoBodyLS_T {padding:8px;font-size: 0.8em;border-right:1px solid #ddd;background: #FFF url(../templates/best-electronics/img/bg_kontakt.jpg)}

  .boxInfoBodyLS_K {padding:8px;font-size: 0.8em;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}

  #col1_content p , #col2_content p {margin:0;line-height:1.2em;}
  #col1_content input , #col2_content input {margin:2px;font-size: 1.2em;}
  p.boxTxtInd {padding-left:12px;font-size:0.9em;}
  .boxTxtInd span{color:#990000;}
  p.boxTxtRight {text-align:right;font-size:0.9em;}p.boxTxtLeft {font-size:0.9em;}
  #col1_content h1 , #col2_content h1 {margin-bottom:0px;margin-top:0px;font-size:0.9em;}
  #col1_content ul.conandinfo  ,#col2_content ul.conandinfo {list-style-type:none;margin:0;padding:0;}
  #col1_content h4 a, #col2_content h4 a {color:#fff;text-decoration:underline;}
  #col1_content li ,#col2_content li {margin:0;padding:0;}
  img.imgRight {float: right;margin: 2px 0px 2px 10px;position: relative;}
  img.imgLeft {float: left;margin: 2px 10px 2px 0px;position: relative;}
  #col1_content img.imgCenter , #col2_content img.imgCenter  { background: #fff; padding: 4px; border:1px #9A9999 solid; }
  p.centerContent { text-align:center; }
  p.rightContent { text-align:right; }
  .cartBox h4 {border-bottom: 0px;}
  .cartBoxLine {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding-top:1px;padding-bottom:1px;margin-top:1px;margin-bottom:1px;}
  #box_best_sellers ol {margin:0px;list-style-type:none;}
  #box_best_sellers li {line-height:1.2em;}
  #box_best_sellers h1 a {font-size:1.2em;text-indent:-5px;}
  #box_best_sellers h1{padding-left:20px;text-indent:-22px;}
  .bestSellersPrice {padding-left:20px;padding-top:2px;}
  .bestSellersProduct {padding-bottom:2px;margin-bottom:2px;}
  .bestSellerImage {text-align:center;padding-top:2px;}
  .catListBody {font-family: Verdana, Arial, Helvetica, sans-serif;padding:3px;border-bottom:1px solid #ddd; border-right:1px solid #ddd;margin:0px 0px 10px 0px;font-size:0.9em;overflow:hidden;}
  .catListBody li ul {list-style-type: none; margin:0; padding: 0;}
  .catListBody ul {list-style-type:none;padding:0;border:0;margin:0;}
  .catListBody a {display:block;text-decoration: none;}
  .catListBody li {width: 100%;margin:0;}
  #col1_content .catListBody img {margin-right:0.7em;}
  .hotline {font-size:16px;color:#ED2C2C;font-weight:bold;text-align:center;margin-top:12px;}
  .hotline_2 {background:  url(../templates/best-electronics/img/support.gif) no-repeat left;text-align:center; padding-left:65px;height:85px;margin-top:10px;}
  .manuDropdown {width: 80%}
}
@media screen, projection
{
  /**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */
/* OLD Styles */

form { overflow:hidden; }

/* ### Labels (Beschriftungen für Formularfelder) in der Inhaltsspalte (col3) ### */
#col3_content label {
    font-size: 1em;
    line-height: 160%;
    background: transparent;
    color: #333;
    width: 16em;
    padding-right: 4px;
    margin-bottom: 5px;
    float: left;
}

/* ### Texteingabefelder ### */
input[type=text], #col3_content textarea, input[type=password] , select {
    /* background:#fff  url(../templates/best-electronics/img/inbox_bg.jpg) left top repeat-x; */
    color: #333;
    border: 1px #888 solid; /* ### Farbe für den Rand ### */
    float: left;
    margin-bottom: 5px;
    padding:0px 1px;
}

#checkout_payment select {
  float:none;
}

/* ### Standardgröße für Texteingabefelder Inhaltsspalte (col3)### */
#col3_content input[type=text], #col3_content textarea,#col3_content input[type=password] {
	width: 15em;
}

/* ### Hovereffekt für Inputfelder (ab FF 1 und IE 7) ### */
input[type=text]:hover, input[type=text]:active, input[type=text]:focus,
input[type=password]:hover, input[type=password]:active, input[type=password]:focus,
select:hover,  select:active,  select:focus,
textarea:hover,  textarea:active,  textarea:focus {
    color: #000;
    border: 1px solid #000; /* Farbe für den Rand bei Hover */
}

/* ### Rahmen um Eingabefelder ### */
/* ### Beschriftung der fieldsets ### */
#col3_content legend {
	font-size: 85%;
	background-color: #fff;
	color: #333;
	border: 1px solid #C5C5C5;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* ### Bugfix bei versteckten Feldern, sonst wird der Rahmen angezeigt ### */
input[type=hidden] { display: none; }

/* ### Rahmen bei Radio-Buttons und Checkboxen ausblenden ### */
input[type=radio] , input[type=checkbox] {
	background: #fff;
    color: #333;
    border: 0 none;
    width: 1em;
    height: 1em;
    margin: 0 15px 0 0;
    padding: 0;
    float: left;
}
/* Double-Opt */
#col3_content #sign input[type="text"] {
  width:auto;
}

/* YAML forms */


  .yform {
    background:#f4f4f4;
    border:1px #ddd solid;
    margin:0 0 1em 0;
    padding:10px;
  }

  .yform fieldset {
    border:1px #ddd solid;
    background:#fff;
    margin:0 0 1em 0;
    padding:0.5em;
  }
  
  .yform legend {
    font-size:125%; font-weight:normal; color:#000;
  }

  .yform label {
    color:#666;
  }

  .yform input,
  .yform textarea,
  .yform select, 
  .yform optgroup {
    font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
  }

  .yform .type-text input,
  .yform .type-text textarea,
  .yform .type-select select {
    border:1px solid #BFBFBF;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .yform div input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div input:active,
  .yform div select:active,
  .yform div textarea:active {
    border:1px #a66 solid;
    background:#fff;
  }
  
  .yform div input[type=image]:hover { border:0px #a66 solid; }

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active { border:0 none; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    border-top:1px #ddd solid;
    border-left:1px #ddd solid;
    border-right:1px #444 solid;
    border-bottom:1px #444 solid;
    color:#000;
    background:#454545 url(images/button_gray.png) top left repeat-x;
    padding:.5em 1.2em;
  }

  .yform .type-button input[type=reset] { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  .yform .type-button input[type=submit] { color:#330; background:#5e5607 url(images/button_yellow.png) top left repeat-x; }
 
  /* optional button styling for IE6 using classes */
  .yform .type-button input.reset { color:#300; background:#661717 url(images/button_red.png) top left repeat-x; }
  .yform .type-button input.submit { color:#330; background:#5e5607 url(images/button_yellow.png) top left repeat-x; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform div.type-button input:focus,
  .yform div.type-button input:hover,
  .yform div.type-button input:active {
    border-top:1px #444 solid;
    border-left:1px #444 solid;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
    color:#fff;
    background:#555; 
  }

  .yform div.type-button input.reset:focus,
  .yform div.type-button input.reset:hover,
  .yform div.type-button input.reset:active {
    background:#800; color:#fff;
  }

  .yform div.type-button input.submit:focus,
  .yform div.type-button input.submit:hover,
  .yform div.type-button input.submit:active {
    background:#880; color:#fff;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform { overflow:hidden; }
  .yform fieldset { overflow:hidden; }
  .yform label { display:block; cursor:pointer; }
  .yform legend { background:transparent; border:0; padding:0 0.5em; }
  .yform .message { display:block; margin-bottom:0.5em; color:#666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .yform input[type=hidden] { display:none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .yform sup { color:#800; font-weight:bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {
    margin:2px 0;
   /* padding:3px 0.5em;  */
    position:relative;
    overflow:hidden;
  }

  .yform div.type-button {
    padding:3px 0em;  
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .yform .type-text input,
  .yform .type-text textarea {
    display:block;
    position:relative;
    /*padding:0.3em 0.3em;*/
    padding: 2px;
    width:58.5%;
  }

  .yform .type-select select {
    display:block;
    position:relative;
    /*padding: 1px;*/
    width:60%;
    cursor:pointer;
  }
  .yform .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }

  .yform .type-check input { cursor:pointer; }
  .yform .type-check label { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    width:auto;
    cursor:pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  .yform div.error {
    border:1px #a00 dashed;
    background:#faf4f4;
    padding:0.5em;
  }

  .yform div.error label { color:#000; font-weight:bold; }
  .yform div.error .message { color:#800; }

 /*------------------------------------------------------------------------------------------------------*/

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .full div.type-text input,
  .full div.type-text textarea { width:95.5%; }
  .full div.type-select select { width:97.0%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float:left;
    width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check input { margin-left:30%; }
  .columnar div.error .message { margin-left:30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { float:left; width:67.8%; }
  .columnar div.type-select select { float:left; width:69.4%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { float:left; width:67.2%; }
  * html .columnar div.type-select select { float:left; width:68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/


}.catListing1 .subcolumns {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #DDDDDD;
}
.catListing1 .subcl , .catListing1 .subc ,.catListing1 .subcr {
	padding:0;
}
#frameListHead {
	border-bottom:1px solid #ccc;
	margin-bottom:5px;
	padding-bottom:5px;
}

@media all
{
.catListBody ul li a {
	width: 95%;
    padding: 2px 0px 2px 5%;
	color: #444;
	border-bottom: 1px #eee solid;
	background-color:#E1E1E1;
}

/* ### 2.Ebene ### */
.catListBody ul li ul li a, .catListBody li.activeCat ul li a {
	width: 90%;
	padding: 2px 0px 2px 10%;
	color: #444;
	border-bottom: 1px #eee solid;
	background-color:#E1E1E1;
}

/* ### 3.Ebene ### */
.catListBody ul li ul li ul li a , .catListBody li.activeCat li.activeCat ul li a {
	width: 85%;
	padding: 2px 0px 2px 15%;
	color: #444;
	border-bottom: 1px #eee solid;
	background-color:#CFCFCF;
}

/* ### 4.Ebene ### */
.catListBody ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat ul li a {
	width: 80%;
	padding: 2px 0px 2px 20%;
	color: #444;
	border-bottom: 1px #eee solid;
	background-color:#BFBFBF;
}

/* ### 5.Ebende ### */
.catListBody ul li ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
	width: 75%;
	padding: 2px 0px 2px 25%;
	color: #444;
	border-bottom: 1px #eee solid;
	background-color:#BFBFBF;
}

/* ### 6.Ebende ### */
.catListBody ul li ul li ul li ul li ul li ul li a , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a {
	width: 70%;
	padding: 1px 0px 1px 30%;
	color: #444;
	border-bottom: 1px #eee solid;
	background-color:#BFBFBF;
}

.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat ul li a  {
  color: #000;
	border-bottom: 1px #eee solid;
	background-color:#BFBFBF;
}

/* ############################################################################################ */
/* ### MouseOver ############################################################################## */
/* ############################################################################################ */

/* ### 1.Ebene ### */
.catListBody li a:hover {
	background-color:#FFE354; color: #fff;
	text-decoration: none;
}

/* ### 2.Ebene ### */
.catListBody li li a:hover , .catListBody li.activeCat li a:hover {
	background-color:#FFE354; color: #fff;
	text-decoration: none;
}

/* ### 3.Ebene ### */
.catListBody li li li a:hover , .catListBody li.activeCat li.activeCat li a:hover {
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ### 4.Ebene ### */
.catListBody li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li a:hover {
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ### 5.Ebende ### */
.catListBody li li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ### 6.Ebende ### */
.catListBody li li li li li li a:hover , .catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li a:hover{
	background-color:#CA513E; color: #fff;
	text-decoration: none;
}

/* ############################################################################################ */
/* ### Aktive Kategorie ####################################################################### */
/* ############################################################################################ */

.catListBody li.activeCat a,
.catListBody li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a {
	background-color:#2C72BC;
	color: #fff;
}



}
/* ### orderDetails ################################################################################################## */
#col3_content .orderDetailsTab .quantity input {
	width: 25px ;
}

thead.orderDetailsTab td  {
	background-color:#CCCCCC;
}

/* ### productNavigator ############################################################################################## */

.productNavigator {
	background-color:#EDEDED;
	padding:8px;
	border:#9F9F9F 1px solid;
	font-size:0.75em;
	margin-bottom:3px;
}

/* ### processCheckout: Bestellverlauf ########################################################################### */

.processCheckoutGreen {
	background-color:#D5FFBF;
	text-align:center;
	height:35px;
	width:24%;
	float:left;
	border:1px #9F9F9F solid;
	padding:1px;
	margin-right:1px;
	font-size:10px;
	color:#000;
	line-height:15px;
}

.processCheckoutRed {
	background-color:#FFDDDD;
	text-align:center;
	height:35px;
	width:24%;
	float:left;
	border:1px #9F9F9F solid;
	padding:1px;
	margin-right:1px;
	font-size:10px;
	color:#000;
	line-height:15px;
}

.processCheckoutYellow {
	background-color:#FFFF91;
	text-align:center;
	height:35px;
	width:24%;
	float:left;
	border:1px #9F9F9F solid;
	padding:1px;
	margin-right:1px;
	font-size:10px;
	color:#000;
	line-height:15px;
}

/* ### advanced_search #################################################################################################### */

#advanced_search input[type="text"] {
	width:40% !important;
	margin-right:4px;
}

#advanced_search label {
	width: 18em;
}

/* ### error_message ####################################################################################################### */
table#errorSearch {
  width:400px;
}
/* ### Auswahl für Anrede in diversen Eingabeformularen ################################################################################################ */

#checkout_address input[type="radio"] , #addressbook input[type="radio"] ,#create_account input[type="radio"]  {
	float:none;
	margin-left:5px;
	margin-right:10px;
}

/*  ### Bearbeiten-Link im CheckoutConfirmation  ### */
a.checkoutLink {
	color:#009933;
	font-style:italic;
}
/*  ### Tabelle CheckoutConfirmation  ### */
.checkoutConfirmation table{
	border:#9F9F9F 1px solid;
	margin-left:1px;
	width:98%;
}



/* ### Warenkorb total ### */

.orderDetailsTable {
  border-left:1px solid #9F9F9F;
  border-right:1px solid #9F9F9F;
  border-top:1px solid #9F9F9F;
}

.orderDetailsTable td , .orderDetailsTable tfoot td , .orderDetailsTable thead th{ 
  margin: 0; 
  border: 0; 
  padding: 5px 10px; 
  color: #333; 
  border-bottom:1px solid #9F9F9F;
}

.orderDetailsTable thead th {
  color:#000;
  background:#CFCFCF;
} 

.orderDetailsTable tfoot td {
  color:#000;
  background:#CFCFCF;
} 


.orderDetailsTable td.subTotal { 
  text-align: right; 
}

/* ### Hintergrundfarbe Warenkorb Zeilen ### */
tbody tr.prodRow1   {
  background:#fff;
}

tbody tr.prodRow2   {
  background:#EFEFEF;
}

.productAttributes tbody tr.attribute {
  background:transparent;
}

.orderDetailsTable tbody td.singlePrice, tbody td.totalPrice { font-size:0.8em; vertical-align: top; }
.orderDetailsTable tbody td.delete { padding:0; vertical-align:middle; line-height:20px; }
.orderDetailsTable tbody td.delete input { margin-left:35px; }

#col3_content .quantity input[type="text"] {
  width:35px;
  margin:0;
  padding:0;
}


/* ### Inhalt: Tabelle für Adressauswahl checkout_shipping_address.html und checkout_payment_address.html ### */
.adressBlockContainer td {
	border-left: 1px dotted #fff; padding: 3px;
}

.adressBlockContainer  tbody td,.adressBlockContainer th {
	border: 0px ; vertical-align: top; padding: 0px;
}

/* #################################################################################################### */
/* ### Layoutelement Container ######################################################################## */
/* #################################################################################################### */
.container , .moduleRow {margin-bottom: 10px; padding: 5px; background: #f1f1f1;border-color: #3C3C3C;border-style: solid;border-width: 1px;}
.container2 {margin-bottom: 10px; padding: 5px; background: #fff;border-color: #3C3C3C;border-style: solid;border-width: 1px;}
.moduleRowOver {background-color: #FFDDDD;border: 1px solid;border-color: #000000;margin-bottom: 10px; padding: 5px;}
.moduleRowSelected {background-color: #FFFF91;margin: 0;padding: 5px;}
#col3_content h1.containerHead  {padding:1px 3px 1px 6px;background:#3C3C3C;color:#fff;}
#col3_content h1.containerHead a{color:#fff;}
.geraete_herst {width:750px;background: #FFF url(../templates/best-electronics/img/banner.jpg) no-repeat right;border:1px solid #DDD;height:99px;margin-bottom:10px;}
.geraete_herst_form {padding-top:60px;padding-left:10px;}
table.header {border-style: solid; border-width:1px 1px 1px 1px; border-color:#CCCCCC;margin-bottom:2px;}
table.header tr td {padding:4px; background-color:#2C72BC;border: 1px solid #fff;font-weight:bold;color:#fff}
@media all
{
.productInfo1 , .productInfo2 {color: #444;}
.imageBOX {float:left;}
.productInfo1 img.imgLeft ,.productInfo2 img.imgLeft ,.productInfo4 img.imgLeft {background: #fff;border:1px solid #bbb;padding:5px;}
#col3_content .productInfo1 input[type=text] , #col3_content .productInfo2 input[type=text] , #col3_content .productInfo3 input[type=text] ,#col3_content .productInfo4 input[type=text]{width: 2em;float:none;}
.productInfo1 .addCart , .productInfo2 .addCart , .productInfo3 .addCart , .productInfo4 .addCart {float:right;margin-top:10px;}
.prodInfo1Spacer {margin-bottom: 15px;}
.desc {margin:10px 0 10px 0;}
#col3_content h1.productInfo1Name a{color:#fff;}
.productInfo1 {margin-bottom: 10px;margin-top: 0px; padding: 0 0 0 0; background: #fff;}
.productInfo1 .morePics img.imgLeft {height:55px;}
.prodPriceInfo1 {text-align:right;font-size:1.2em;font-weight:bold;}
.prodTaxShipInfo1 {font-size:0.8em;text-align:right;}
.productInfo1 .basicData {line-height:1.5em;padding:5px;border:1px #ddd solid;width:745px;margin-bottom:10px;text-align:left;background: #fff;}
.p_bez {font-size:0.8em;font-style:italic;width:80px;}
.p_erg {float:right;text-align:left;width:240px;margin-bottom:1px;}
.p_proprice{float:right;width:240px;}
.p_prostaffel{float:left;width:230px;margin-left:10px;background-color:#ffffff;text-align:left;padding:5px;color:#000;}
.productGr_L{float:left;width:360px;border:1px solid #ddd;margin-bottom:10px;}
.productGr_O{width:755px;border:1px #ddd solid;margin-bottom:10px;}
.productGr_R{float:right;width:360px;text-align:left;border:1px #ddd solid;margin-bottom:10px;}
.productGr h3 {font-size: 0.80em;background: #2C72BC;;padding:5px 3px 5px 6px;color:#fff;}
.productGr_C {padding:5px;margin-top:5px;font-size:11px;}
.productGr_C ul {list-style-type:none;padding-left:0;margin-left:0;}
.productGr_C li  {border-bottom:1px #ddd solid;margin-bottom: 10px;}
.productMan {float:left;width:160px;}
.productIc {float:left;margin-top:10px;}
.productDe {width:340px;float:right;}
}@media all
{
/* #################################################################################################### */
/* ### product listing 1 col                                                                        ### */
/* ### also for modules: crossselling, reverse_crossselling, also purached, specials, new_products, ### */
/* ### new_products_default, new_products_overview , account , reviews                              ### */
/* #################################################################################################### */

#col3_content h1.productListing1ColHead  {color:#FFFFFF;padding:5px 3px 5px 6px;background:#2C72BC;border-top: 0px  solid #ccc;border-left: 0px  solid #ccc;border-right: 0px  solid #ccc;}
#col3_content h1.productListing1ColHead a{color:#FFFFFF;}
#col3_content h2.productListing1ColHead  {color:#FFFFFF;padding:5px 3px 5px 6px;background:#2C72BC;border-top: 0px  solid #ccc;border-left: 0px  solid #ccc;border-right: 0px  solid #ccc;}
#col3_content h2.productListing1ColHead a{color:#FFFFFF;text-decoration:none;font-size: 1.00em;}

#col3_content h2.productListing1ColHead  {color:#FFFFFF;padding:5px 3px 5px 6px;background:#2C72BC;border-top: 0px  solid #ccc;border-left: 0px  solid #ccc;border-right: 0px  solid #ccc;}
#col3_content h2.productListing1ColHead a{color:#FFFFFF;}

.productListing1ColBody { background:#ffffff none repeat scroll 0%;border:1px solid #ddd;font-size:0.9em;margin-bottom:10px;padding:5px;}
.productListing1ColBodyImg {float:left;padding-right:3px;}
.productListing1ColBodyImgR {padding-right:3px;float:right;height:100px;}
.priceBlockImg {min-height:65px;width:100%;margin-bottom:10px;float:right;}
.c_imgRight {border:1px #9A9999 solid;padding:5px;float:right;}
.c_leRight {padding:5px;float:right;}
.productListing1ColBodyDES {float:left;padding-right:3px;max-width:430px;}
.staffelpreis {font-size: 10px;font-style:italic;padding-top:4px;float:left;margin-top:10px;}
.bez {font-size: 10px;font-style:italic;width:75px;}
.preisbutton {font-size: 10px;font-style:italic;float:right;margin-top:10px;}
.c_pimage{border:1px #9A9999 solid;padding:5px;float:left;}
/* define distance for thumbnails , default: 130 for 120px width thumbnails*/
.productListing1ColBodyTxt {margin-left:130px; /* */}
.productListing1ColDesc {}
.priceBlock{float:right;}
.productListing1ColPriceInfo {font-size:1.1em;font-weight:bold;text-align:right;padding-top:5px;margin-bottom:10px;}
.productListing1ColTaxInfo {font-size:0.7em;text-align:right;}
.productListing1ColShiptime {font-size:0.9em;text-align:right;}
.productListing1ColButtons {padding-top:3px;}
.productSE_C {padding:5px;margin-top:5px;font-size:12px;}
.productSE_C ul {list-style-type:none;padding-left:0;margin-left:0;}
.searchKey{border-bottom: 1px #DDD solid;padding-bottom:0px;padding-left:10px;padding-top:10px;font-size:12px;margin-bottom:15px;}
.searchTr{text-align:right;margin-right:10px;font-size: 10px;}
}
@media all
{

/* ### prodOptionsDropdown ################################################################################################## */

.prodOptionsDrop {
	font-size:0.9em;
	padding:3px;
	background-color: #E6E6E6;
}

.prodOptionsDropName {
	float:left;
	width:48%;;

}
.prodOptionsDropSel{
	margin-left:48%;
}

/* ### prodOptionsSelection ################################################################################################## */
.optionSelection {
  border:1px solid #9F9F9F;
  margin-bottom:10px;
}

.optionSelectionHead {
  padding:3px 3px 3px 6px;
  background:#9F9F9F;
  color:#fff;
}

.optionSelectionBody {
   padding:3px 3px 3px 6px;
   background:#F1F1F1;
}

}
/* ORDER DETAILS */
table.orderdetails {font-size:11px; background-color:#FFF2CC; border-style: solid; border-width:0px 1px 1px 1px; border-color:#DA9401;}
table.orderdetails tr td {padding:4px}
table.orderdetails tr.headerrow td {background-color:#DA9401; color:#FFFFFF; font-weight:bold}
table.orderdetails tr.headerrow td.left {text-align:left}
table.orderdetails tr.headerrow td.center {text-align:center}
table.orderdetails tr.headerrow td.right {text-align:right}

/* ORDER DETAILS CONTENT ROW 1 */
table.orderdetails tr.contentrow1 td {background-color:#FFF2CC;vertical-align:top}
table.orderdetails tr.contentrow1 td.quantity {text-align:center}
table.orderdetails tr.contentrow1 td.quantity input {font-size:11px; padding:2px; border:solid #DA9401 1px;}
table.orderdetails tr.contentrow1 td.productname {text-align:left}

/* ORDER DETAILS CONTENT ROW 2 */
table.orderdetails tr.contentrow2 td {background-color:#FFEAAB;vertical-align:top}
table.orderdetails tr.contentrow2 td.quantity {text-align:center}
table.orderdetails tr.contentrow2 td.quantity input {font-size:11px; padding:2px; border:solid #DA9401 1px;}
table.orderdetails tr.contentrow2 td.productname {text-align:left}

/* ORDER DETAILS SINGLE PRICE */
table.orderdetails tr td.singleprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS TOTAL PRICE PER ITEM */
table.orderdetails tr td.totalprice {text-align:right; white-space:nowrap}

/* ORDER DETAILS DELETE CHECKBOX */
table.orderdetails tr td.delete {text-align:center; white-space:nowrap}

/* ORDER DETAILS PRODUCT ATTRIBUTES */
table.orderdetails tr td.productname table.productattributes {margin-top:3px;}
table.orderdetails tr td.productname table.productattributes tr td {padding:0px;}
table.orderdetails tr td.productname table.productattributes tr td.attribute {padding-right:4px;}
table.orderdetails tr td.productname table.productattributes tr td.value {width:100%;}

/* ORDER DETAILS SUBTOTAL */
table.orderdetails tr td.subtotal {background-color:#FFEAAB; text-align:right;border-style: solid; border-width:1px 0px 0px 0px; border-color:#DA9401;}

/* COMMENTS ON CHECKOUT CONFIRMATION SITE */
p.checkoutcomment textarea {width:100%}

/* AGB ON CHECKOUT SITE */
p.checkoutagb textarea {width:100%}

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {}
ul#checkoutnavigation li {height: 70px; list-style-type:none; float:left; width:185px; margin-right:15px; border: solid 1px; padding:8px}
ul#checkoutnavigation li.active {background-color: #FFEAAB}
ul#checkoutnavigation li.active .number {font-size:20px; font-weight:bold}
ul#checkoutnavigation li.active .title {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.active .description {font-size:11px}

ul#checkoutnavigation li.inactive {color:#999999; background-color: #EDEDED; border-color:#999999}
ul#checkoutnavigation li.inactive .number {font-size:20px; font-weight:bold}
ul#checkoutnavigation li.inactive .title {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}

/* ERROR MESSAGES */
/* p.errormessage {border: solid #ff0000 2px; padding:15px; background-color:#FFD6D6} */

ul.messageStack {border:solid 2px #B22020; background-color:#FFD6D6; padding:8px}
ul.messageStack li {}
ul.messageStack li.messageStackError {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/exclamation.png); background-repeat:no-repeat; background-position:0px 4px}
ul.messageStack li.messageStackWarning {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/icon_alert.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#FFF2CD}
ul.messageStack li.messageStackSuccess {list-style:none; padding:5px 0px 2px 20px; background-image:url(../../images/icons/icon_accept.gif); background-repeat:no-repeat; background-position:0px 4px; background-color:#66FF66}


/* SUCCESS MESSAGE */
/* .messageStackSuccess {padding:4px; background-color:#66FF66} */@media all
{
.startseite{border:1px solid #c0c0c0;padding:4px;position:relative;width:99%;;}
.login_kopf_1{padding:5px;background-color:#ddd;border:1px solid #fff;font-size:11px;margin-bottom:5px;}
}@media all
{


#nav {
    background:url(../templates/best-electronics/img/sliding_door/left_both_1.gif) repeat-x left top;
    background-position:0% -78px;
 float:right;
 margin-top:23px;
 margin-right:0px;
 min-width:191pt; 
 margin-bottom:0px;
}

#nav_main {
  overflow:hidden;
	background-color: transparent;
}
#nav_main ul {
	margin:0;
	list-style:none;
	border-left:1px solid #000000;
	float:left;
	display:inline;	
	margin:0 0 0 0;			
	padding:0 0 0 0;
}
#nav_main ul li {
	float: left;
	display:inline;     
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1em;
	list-style-type: none;
	border-right: 1px #000 solid;
}
#nav_main a {
	float:left;
	background:url(../templates/best-electronics/img/sliding_door/left_both_1.gif) repeat-x left top;
	background-position:0% -78px;
	margin:0px 0 0 0;
	padding:0 0px 0 9px;
	text-decoration:none;
}
#nav_main a span {
	float:left;
	display:block;
	background:url(../templates/best-electronics/img/sliding_door/right_both_2.gif) repeat-x right top;
	background-position:100% -78px;
	padding:5px 11px 8px 1px;
/*	font-weight:bold;*/
	color:#fff;
	font-weight:bold;
	white-space:nowrap;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_main a span {float:none;}

/* End IE5-Mac hack */
#nav_main a:hover span {
	color:#fff;
	background-position:100% -79px;
}
#nav_main #current a {
	background-position:0px 0px;
	border-width:0;
}
#nav_main #current a span {
	background-position:100% 0;
	color:#fff;
	font-weight:bold;
}

#nav_main a:hover {
	background-position:0px 0px;
}

#nav_main a:hover span {
	background-position:100% 0px;
}
}
@media print
{
  #col1 {display:none}
  #col2 {display:none}

  #col3, col3_content { width: 100%; margin:0; padding: 0; border:0}
}

@media print
{
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * @section layout preparation
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /* (en) Preparing base layout for print */
  /* (de) Basislayout für Druck aufbereiten */
  body, .page_margins, .page, #main {margin:0; padding: 0; border: 0;}
  .page_margins, .page {width: 100% !important; min-width: inherit; max-width: none}
  #header {height: auto}
  #footer {display: none}

  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  #topnav {display: none}
  #nav {display:none}
  #search {display: none}

  /* (en) Linearising subtemplates */
  /* (de) Linearisierung der Subtemplates */
  .c25l, .c33l, .c38l, .c50l, .c62l, .c66l, .c75l,
  .c25r, .c33r, .c38r, .c50r, .c62r, .c66r, .c75r {
    width: 100%; margin:0; float:none; overflow:visible; display:table;
  }
  .subc, .subcl, .subcr  {margin: 0; padding: 0;}

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * @section content preparation
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /* (en) Change font to serif */
  /* (de) Zeichensatz auf Serifen umstellen */
  body * {font-family: "Times New Roman", Times, serif}
  code, pre { font-family:"Courier New", Courier, mono}
  body {font-size: 12pt}

  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }

  /* (en) Format acronyms and abbreviations for print*/
  /* (de) Auszeichnung von Abkürzungen */
  abbr[title]:after, acronym[title]:after {content: '(' attr(title) ')'}

  /* (en) Disable background graphics of links  */
  /* (de) Abschalten evlt. vorhandener Hintergrundgrafiken zur Linkkennzeichnung */
  .page a[href^="http:"], .page a[href^="https:"]
  {
    padding-left: 0;
    background-image: none;
  }

  /* (en) Enable URL output in print layout */
  /* (de) Sichtbare Auszeichnung der URLs von Links */
  /* Für xt:commerce deaktiviert
  a[href]:after {
    content:" <URL: "attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }*/

  /* (en) Preparation for optional column labels */
  /* (de) Vorbereitung für optionale Spaltenauszeichnung */
  #col1_content:before, #col2_content:before, #col3_content:before {
    content: "";
    color:#888;
    background:inherit;
    display:block;
    font-weight:bold;
    font-size:1.5em;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * @section browser fixes for print layouts
   * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
   */

  /**
   * (en) overflow:hidden Bug in print layouts
   * (de) overflow:hidden Bug in Drucklayouts
   *
   * @bugfix
   * @since     3.0
   * @affected  FF2.0, IE7
   * @css-for   all browsers
   * @valid     yes
   */
  
  .floatbox,
  .subcolumns, 
  .subcolums_oldgecko { 
    overflow:visible; 
    display: table; 
  }

}
/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}