/*Standard CSS Fehlerausgabe {
    background: #FBE3E4;
    border: 1px solid;
    text-align: center;
    font-size: 1.2em;
    border-radius: 3px;
    color: #CC3300;
    font-weight: bold;
    padding: 8px;
}*/
 
body#widerrufsmail form.validate {line-height: 2;}
body#widerrufsmail form.validate label {display:block;margin-top: 1em;}
body#widerrufsmail form.validate input {min-width:200px}
body#widerrufsmail p {display: inline-block;
  width: 100%;
  margin: 10px 0;
}

#login_user, #login_wk_head, #login_wk_head a, #login_wk_artsumme {color:#000 !important;}
 
#login_wk_head {margin-top:0px !important;}
 
#login_logout { margin-top: -10px !important; width: 208px !important; padding-left: -5px !important; margin-left: 0 !important; }
 
#login_wk {margin-bottom:0 !important;}
 
#login div#express { margin-top: -15px; line-height: 14px;}
 
span.login_kd {
    color: #333333 !important;
        display:inline !important;
        float:left !important;
        clear:both !important;
        width:200px !important;
        margin-top:5px !important;
    }
       
#login_logout li {
 
    float:left;
    width:104px;
 
}
 
#kontakt #content .dfgkljj { display: none !important; }
#kontakt #content input { margin-bottom: 10px; }
#kontakt #content .ergebnis {
  background: none repeat scroll 0 0 #E6EFC2;
  border: 1px solid #C6D880;
  color: #264409 !important;
  border-radius: 3px 3px 3px 3px;
  font-weight: bold;
  margin: 0px auto 15px;
  padding: 5px 15px;
  text-align: center;
}
 
#kontakt #content label.contactme {
    float:left;
    width:120px;
    margin-bottom:10px;
    clear:left;
}
 
#kontakt #content input {
    border:1px solid #aaa;
    margin-bottom:10px;
    clear:left;
}
 
#sprachlinks  {
  margin: 0 auto;
  text-align: right;
  width: 960px;
}
#sprachlinks li { display: inline; margin-right: 2px; }
 
#kundendaten #Land {
        border: 1px solid #DDDDDD;
        clear: right;
        float: left;
        height: 25px;
        margin-bottom: 10px;
        width: 158px;
}
 
#kundendaten div#content #gleichwierech {
    margin: 0px;
    clear: left;
    float: left;
    margin-top: 15px;
    width: 20px;
}
 
#kundendaten div#content  #altliefer {
    float: left;
    width: 20px;
    margin: 0px;
}
 
#kundendaten div label.lieferadresse {
    clear: left;
    float: left;
    font-weight: bold;
    margin: -20px 0 0 15px;
    text-align: left;
    width: 340px;
}
 
#kundendaten .zusammenfassung {
    /*border: 1px solid #DDD;*/
    float: left;
    margin: 20px 0;
    padding: 5px;
    width: 700px;
}
 
#kundendaten .zusammenfassung1 {
    background-color: #DDD;
    border: 2px solid #CCC;
    float: left;
    margin: 20px 0;
    padding: 5px;
    width: 700px;
}
 
#kundendaten .zusammenfassung .bearbeiten {
    /*float: right;*/
    height: 18px;
/*margin: -5px -5px 0 0;*/
    width: 18px;
}
 
#kundendaten .zusammenfassung1 .bearbeiten {
    float: left;
    height: 18px;
/*margin: -5px -5px 0 0;*/
    width: 18px;
}
 
#passwchangecontent label {
  float: left;
  clear: left;
  width: 150px;
  margin-top: 10px;
}
#passwchangecontent input {
  float: left;
  margin-top: 10px;
}
#passwchangecontent { margin: 25px 0 0 10px; }
#passwchangecontent input[type=submit] { clear: left; }
 
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */
 
/* the input field */
.date {
    text-align:center;
    -moz-box-shadow:0 0 10px #eee inset;
    -webkit-box-shadow:0 0 10px #eee inset;
 
}
 
/* calendar root element */
#calroot {
    /* place on top of other elements. set a higher value if nessessary */
    z-index:10000;
   
    margin-top:-1px;
    width:198px;
    padding:2px;
    background-color:#fff;
    font-size:11px;
    border:1px solid #ccc;
   
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
   
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;  
}
 
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {  
    padding:2px 0;
    height:22px;
}
 
#caltitle {
    font-size:14px;
    color:#0150D1;  
    float:left;
    text-align:center;
    width:155px;
    line-height:20px;
    text-shadow:0 1px 0 #ddd;
}
 
#calnext, #calprev {
    display:block;
    width:20px;
    height:20px;
    background:transparent url(prev.gif) no-repeat scroll center center;
    float:left;
    cursor:pointer;
}
 
#calnext {
    background-image:url(next.gif);
    float:right;
}
 
#calprev.caldisabled, #calnext.caldisabled {
    visibility:hidden;  
}
 
/* year/month selector */
#caltitle select {
    font-size:10px;
}
 
/* names of the days */
#caldays {
    height:14px;
    border-bottom:1px solid #ddd;
}
 
#caldays span {
    display:block;
    float:left;
    width:28px;
    text-align:center;
}
 
/* container for weeks */
#calweeks {
    background-color:#fff;
    margin-top:4px;
}
 
/* single week */
.calweek {
    clear:left;
    height:22px;
}
 
/* single day */
.calweek a {
    display:block;
    float:left;
    width:27px;
    height:20px;
    text-decoration:none;
    font-size:11px;
    margin-left:1px;
    text-align:center;
    line-height:20px;
    color:#666;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;      
}
 
/* different states */
.calweek a:hover, .calfocus {
    background-color:#ddd;
}
 
/* sunday */
a.calsun {
    color:red;      
}
 
/* offmonth day */
a.caloff {
    color:#ccc;    
}
 
a.caloff:hover {
    background-color:rgb(245, 245, 250);        
}
 
 
/* unselecteble day */
a.caldisabled {
    background-color:#efefef !important;
    color:#ccc  !important;
    cursor:default;
}
 
/* current day */
#calcurrent {
    background-color:#498CE2;
    color:#fff;
}
 
/* today */
#caltoday {
    background-color:#333;
    color:#fff;
}
 
#kundendaten .error p {
    background-color: #FBE3E4;
    border:1px solid #CC3300;
      font-size:1.2em;
      padding:8px;
      margin-left: 17px;
    margin-top: 24px;
    border: 1px solid #CC3300;
    border-radius: 3px;
    color: #CC3300;
}    
 
#registrieren .error p {
    background: #FBE3E4;
    border: 1px solid;
    text-align: center;
    font-size: 1.2em;
    border-radius: 3px;
    color: #CC3300 !important;
    font-weight: bold;
    padding: 3px;
}

ul#navileiste a.widerrufsmail {
    background-color: #FBE3E4;
    /* border: 1px solid #CC3300; */
    font-size: 1.2em;
    padding: 0px 8px;
    margin-left: 17px;
    /* margin-top: 24px; */
    border: 1px solid #CC3300;
    border-radius: 3px;
    color: #CC3300;
}

#wk .error {
    background-color: #FBE3E4;
 
    height:15px;
    border:2px solid red;
      font-size:12px;
      color:#000;
      padding:12px;
      margin-left: 11px;
    margin-top: -13px;
}  
     
#details .error  {
    background-color: #e0e0e0;
 
    height:15px;
    border:2px solid #ddd;
      font-size:12px;
      color:#000;
      padding:12px;
      margin-left: -2px;    
 
   
      /* CSS3 spicing for mozilla and webkit */
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      -moz-border-radius-bottomleft:0;
      -moz-border-radius-topleft:0;
      -webkit-border-bottom-left-radius:0;
      -webkit-border-top-left-radius:0;
 
      -moz-box-shadow:0 0 6px #ddd;
      -webkit-box-shadow:0 0 6px #ddd;
}
 
.error em {
    display:block;
    width:0;
    height:0;
    border:10px solid #DDDDDD;
 
    /* positioning */
    position:absolute;
    bottom:-21px;
    left:5px;
}
 
#kundendaten label.error {
    margin-left: 470px;
    margin-top: -38px;
    width: auto;
    height: auto;
    position: relative;
    background: #FBE3E4;
    border: 1px solid #CC3300;
    border-radius: 3px;
    color: #CC3300;
    font-weight: bold;
    padding: 6px !important;
}
 
#bestellformular #content .vart ul {
    margin: 5px 0 0 5px;
    padding: 10px !important;
        background:#f0f0f0;
        width:690px;
         -moz-box-shadow: 0 1px 3px #8493A6;
    border: 1px solid #DDDDDD;
}
 
#bestellformular #content .vart li {
    float: none;
    font-weight: bold;
    margin: 5px 5px 15px;
    width: 500px;
}
 
#bestellformular #content .vart li li {
    font-weight: normal;
}
 
#bestellformular #content .vart input {
    display: inline;
    float: left;
    margin: auto 10px auto auto;
    width: auto;
}
 
#bestellformular #content .vart li li div {
   
    font-weight: bold;
    margin-top: 3px;
}
 
#bestabschluss #printmail a { cursor: pointer; }
#bestabschluss #printmail {
  margin: 25px 40px;
  float: left;
}
 
#socials {
  margin: 5px auto;
  width: 960px;
}
 
 
#socials div {
  float:right;
    margin-bottom:5px;
}
 
 
#socials .wronglogin {
  background: #FBE3E4;
  border: 1px solid #8A1F11;
  border-radius: 3px;
  clear: both;
  color: #8A1F11;
  margin: 4px 0 8px 15px !important;
  padding: 5px;
  /*position: absolute;*/
  /*text-align: center;*/
  width: 950px;
  /*z-index: 10001;*/
}
 
.wronglogin span {
  cursor: pointer;
  float: right;  
  font-weight: normal;
  margin: 0 5px 0 0;
}
 
#bestellformular .wronglogin {
  background: #FBE3E4;
  border: 1px solid #8A1F11;
  border-radius: 3px;
  clear: both;
  color: #8A1F11;
  margin: 400px 0 8px 445px !important;
  padding: 5px;
  position: absolute;
  width: 718px;
  position: absolute;
  width: 718px;
  font-size: 1.2em;
 
  /*text-align: center;*/
  /*z-index: 10001;*/
}
 
#bestellformular #content #willsms label.error {
    margin-left: 337px;
    margin-top: -26px;
    position: relative;
    width: auto;
    background: #FBE3E4;
    border: 1px solid;
    text-align: center;
    font-size: 1.2em;
    border-radius: 3px;
    color: #CC3300;
    font-weight: bold;
    padding: 8px;
}
 
#bestlogin .alert {
    background-color: #FBE3E4;
    height:15px;
    border:1px solid red;
      font-size:1.2em;
      color:#CC3300;
      padding:5px;
      margin-bottom: 10px;
      text-align: center;
}
 
#willsms .wronglogin {
  background-color: #FBE3E4;
    height:29px;
    border:1px solid red;
    font-size:1px;
    color:#CC3300;
    font-weight: bold;
    padding:12px;
    margin-left: 19px;
    margin-top: 16px;  
}
 
#kundendaten .wronglogin {
  background-color: #FBE3E4;
    border:1px solid red;
    font-size:1.2em;
    color:#CC3300;
    font-weight: bold;
    margin-left: 4px;
  margin-top: -53px;
  padding: 8px;
  position: absolute;
  width: 715px !important;
  border-radius: 3px;
    }
 
body > .wronglogin,
#liste .wronglogin {
    background-color: #FBE3E4;
    border:1px solid red;
    font-size:1.2em;
    color:#CC3300;
    font-weight: bold;
    margin: 10px auto;
    padding: 8px;
    width: 943px !important;
    border-radius: 3px;
}
 
#kontakt .wronglogin {
  background-color: #FBE3E4;
  border:1px solid red;
  font-size:1.2em;
  color:#CC3300;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 8px;
  border-radius: 3px;
}
 
/*
#bestabschluss #printmail {
    background: url("/shop/everpics/sprite.png") no-repeat scroll 0 -118px transparent;
    border: medium none;
    color: white;
    cursor: pointer;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 26px;
    margin-top: 20px;
    text-align: center;
    width: 178px;
}*/
 
 
#altlieferadressen {
    clear: left;
    float: left;
    margin-top: 10px;
       
        }
       
#kundendaten #content h4.lieferadresse {
    color: #333333;
    margin: 10px;
}
 
input.altliefer {
    float: left;
    width: 20px;
        clear:left;
}
 
#kundendaten span {
    color: #294A82;
    float: left;
    font-size: 10px;
    padding-left: 8px;
}
 
 
/* AMAZON PAYMENT */
 
#amapay #content, #amaadress #content, #amawallet #content {padding-top:15px;}
 
#amapay #content p {
 
    /*color:#E47911;*/
    color:#004B91;
    margin:10px;
    padding:5px;
    background:#EAF3FE;
    border:1px solid #004B91;
 
}
 
#amapay a {
 
    color:#004B91;
 
}
 
#amapay #content h3 {color:#E47911;font-size:1.2em;}
 
#amapay #continue_button {
 
    background:transparent url(/shop/everpics/amazon_03.png) no-repeat;
    border:0;
    width:129px;
    height:30px;
    float:right;
    cursor:pointer;
    border:none;
    text-indent:-3000px;
    clear:left;
   
   
    }
   
 #amaadress #continue_button {
 
    background:transparent url(/shop/everpics/amazon_02.png) no-repeat;
    border:0;
    width:129px;
    height:30px;
    float:right;
    clear:left;
    cursor:pointer;
    border:none;
    text-indent:-3000px;
   
   
    }
 
 #amaadress span.back {
 
    background: transparent url(/shop/everpics/amazon_01.png) no-repeat;
    border:0;
    width:129px;
    height:30px;
    float:right;
    cursor:pointer;
    border:none;
    text-indent:-3000px;
    clear:left;
 
 
 }
 
  #amaadress span.back a {
 
    width:129px;
    height:30px;
    float:right;
   
 
 
 }
 
 #amawallet span.back {
 
    background:transparent url(/shop/everpics/amazon_04.png) no-repeat;
    border:0;
    width:129px;
    height:30px;
    float:left;
    clear:left;
    cursor:pointer;
    border:none;
    text-indent:-3000px;
   
   
    }
   
     #amawallet span.back a {
 
   
    width:129px;
    height:30px;
    float:left;
   
   
   
    }
   
 #amawallet #continue_button {
 
    background:transparent url(/shop/everpics/amazon_05.png) no-repeat;
    border:0;
    width:211px;
    height:49px;
    float:right;
    clear:left;
    cursor:pointer;
    border:none;
    text-indent:-3000px;
   
   
    }  
 
 
 #amaadress #content div.cba-v2-widget-container {
 
 
    clear:both;
    width:600px !important;
 
 
  }
   
    #details #content #pd_preis {
 
    margin-top: 25px;
}
 
 
#registry { padding: 5px; }
#registry h2 { margin: 15px 0 25px 0; }
 
#registry label {
  clear: left;
  float: left;
  margin: 10px 10px 0 0;
  width: 150px;
}
 
#registry input, #registry select {
  background: #F0F0F0;
  border: 1px solid #DDD;
  float: left;
  height: 20px;
  margin: 10px 0 0 0;
  min-width: 250px;
}
 
#registry input[type=submit] {
    background: #F0F0F0;
  clear: left;
  cursor: pointer;
  font-weight: bold;
  height: 30px;
}
 
#registry input[type=submit]:hover {
  background: #F5F5F5;
  border: 1px solid #EEE;
  color: #777;
}
 
#registry span {
  color: #294A82;
  float: left;
  font-size: 10px;
  padding-left: 8px;
}
 
#artdetailzusatz { float: left; margin: 10px 0; }
 
#pd_status2 {
    height:20px;
    min-width:350px;
    clear:both;
}
 
 
/**
 *   Styles fuer Kundenkonto
 */
#kundenkonto #content  ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  clear: left;
  list-style: none;
  height: 32px;
  border-bottom: 0px solid #999;
  border-left: 0px solid #999;
  width: 180px;
  background:transparent;
}
 
#kundenkonto #content  ul.tabs li {
  float: left;
  margin: 0;
  padding: 0;
  height: 31px;
  line-height: 31px;
  border-left: none;
  margin-bottom: -1px;  
  background-color:#f8f8f8;
  overflow: hidden;
  position: relative;
}
 
#kundenkonto #content ul.tabs li a {
  text-decoration: none;
  display: block;
  font-size: 1em;
  padding: 0 20px;
  border-right: 1px solid #fff;
  outline: none;
  color:#111;
 
}
#kundenkonto .panes { margin-left: 200px; margin-bottom: 25px; width: 100%; }
#kundenkonto .panes label { float: left; clear: left; width: 150px; margin-bottom: 10px; }
#kundenkonto .panes input, #kundenkonto .panes select { float: left; width: 200px; margin-bottom: 10px; }
#kundenkonto .panes input[type=submit], #kundenkonto .panes input[type=button] { cursor: pointer; }
#kundenkonto h1 { margin: -20px 0 5px 0; float: left; /*clear: left;*/ }
#kundenkonto .tabs li { clear: left; width: 180px; margin-top: 5px !important; }
 
#kundenkonto .panes input.allsave {
  background: url("../konfi/images/icon_speichern.png") no-repeat scroll 0 0 transparent;
  border: medium none;
  clear: left;
  cursor: pointer;
  float: left;
  height: 25px;
  margin-top: 10px;
  text-indent: -3000px;
  width: 125px;
}
 
#kundenkonto .hint {
  background: #CFCFFF;
  border: 2px solid #1C4B99;
  border-radius: 3px;
  color: #1C4B99;
  display: none;
  float: right;
  font-weight: bold;
  margin: 70px auto 15px;
  padding: 5px;
  text-align: center;
  width: 600px;
}
 
#kundenkonto .subtitle {
    float: left;
    clear: left;
    margin: -15px auto 15px auto;
    font-weight: bold;
}
 
#kundenkonto .red { color: #AE0000; margin: 15px auto; }
 
#kundenkonto .delete {
    background: url("/shop/everpics/icon_trash2.png") no-repeat scroll 4px 0 transparent;
    cursor: pointer;
    float: left;
    height: 32px;
    margin-left: 15px;
    opacity: 0.7;
    /*overflow: hidden;
    text-indent: 3000px;*/
    width: 32px;
}
 
#kundenkonto .delete:hover { opacity: 1; }
#kundenkonto .towk a:hover { opacity: 1; }
 
#kundenkonto .towk a {
    background: url("/shop/everpics/icon_cart.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    opacity: 0.7;
    /*margin-left: 15px;
    overflow: hidden;*/
    text-indent: 3000px;
    width: 32px;
}
 
#kundenkonto .visual_break {
  background: none repeat scroll 0 0 #CDD7E4;
  clear: left;
  float; left;
  height: 5px;
  margin-bottom: 10px;
  width: 100%;
}
 
#kundenkonto #content ul.tabs li.active  {
  background: #EFEFEF;
  /*border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom:1px solid #efefef;*/
  font-weight:bold;
  font-size: 1.2em;
}
 
#kundenkonto #content table {
    border:1px solid #ddd;
    float: left;
    width:100%;
    margin: 10px auto;
    background:#f5f5f5;
    text-align:right;
}
 
#kundenkonto #content table thead { background:#efefef; }
 
#kundenkonto #content table th {
    padding:3px;
    border-bottom:1px solid #ddd;
}
 
#kundenkonto #content table td {
    border-bottom:1px solid #fff;
}
 
#kundenkonto .toshop {
  background-color: #F8F8F8;
  border-left: medium none;
  border-right: 1px solid #FFFFFF;
  clear: left;
  color: #111111;
  display: block;
  float: left;
  font-size: 1em;
  height: 31px;
  line-height: 31px;
  outline: medium none;
  overflow: hidden;
  margin: 5px 0 -1px;
  padding: 0 20px;
  position: relative;
  text-decoration: none;
  width: 140px;
  /*padding: 0;*/
}
 
#kundendaten #error {
    background: #FBE3E4;
    border: 1px solid;
    margin: 0;
    margin-top:5px !important;
    position: relative;
    text-align: center;
    font-size: 1.2em;
    border-radius: 3px;
    color: #CC3300;
    font-weight: bold;
    padding: 8px;
}
 
#error {
      background: #FBE3E4 !important;
    border: 1px solid !important;
    text-align: center !important;
    font-size: 1.2em !important;
    border-radius: 3px !important;
    color: #CC3300 !important;
    font-weight: bold !important;
    padding: 8px !important;
}
 
#kundenkonto .simple_overlay {
    display: none;
    z-index: 10000;
    /*background-color:#333;*/
    background-color: #CCD7E4;
    top: 35px !important;
    width: 850px;
    min-height: 200px;
    border: 2px solid #F8F8F8;
    padding: 15px;
    -moz-box-shadow:0 0 5px 5px #666;
    -webkit-box-shadow: 0 0 90px #000;  
}
 
#kundenkonto .simple_overlay .close {
    background-image: url(/shop/everpics/close.png);
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}
#kundenkonto .simple_overlay div { padding: 15px; }
#bestdetails .key { font-weight: bold; }
#bestdetails .val { float: left; clear: none !important; }
#bestdetails .biglabel { width: 270px !important; }
#bestdetails .left { float: left; clear: left; }
#bestdetails .right { float: right; }
#bestdetails .address { width: 400px; margin: 20px 0 0 0; padding: 0 !important; }
#bestdetails .printlink { float: left; clear: left; }
#tblbestdetails { margin-top: 15px; float: left; }
 
.statusD {
    background: url("/shop/everpics/sprite3.png") no-repeat scroll 0 -400px transparent  !important;
}
 
#details .statusD, #details .statusA {
    background: url("/shop/everpics/sprite3.png") no-repeat scroll 115px -397px transparent  !important;
    border: 0 solid green;
    display: inline-block;
        padding-left:0  !important;
        width:100% !important;
 
}
 
div#pd_status strong, div#pd_status2 strong {
    padding-left: 5px !important;
}
 
#pd_status strong {
    margin-left: 0px !important;
}
 
#details .statusN, #details .statusA {
 
        padding-left:0px !important;
 
}
 
#pd_status, #pd_statusabholung {
 
        width:100% !important;
}
 
#details .statusB {
    background: url("/shop/everpics/sprite3.png") no-repeat scroll 0px -379px transparent !important;
    border: 0 solid green;
            height:20px;
    width: 20px !important;
        float:left;
}
 
#details .statusK {
    border: 0px solid green;
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -438px transparent !important;
        height:20px;
    width: 20px !important;
        float:left;
       
        }
       
#details .statusW {
    border: 0px solid green;
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -418px transparent !important;
        height:20px;
    width: 20px !important;
        float:left;
       
        }
       
#details .statusN, #details .statusA {
    border: 0px solid green;
    height:20px;
    width: 20px !important;
        float:left;
    /*padding-left: 25px;
        display: inline-block;*/
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -436px transparent !important;
}
 
#details .statusD, #details .statusA {
    border: 0px solid green;
        height:20px;    
    width: 20px !important;
        float:left;
    /*padding-left: 25px;display: inline-block;*/
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -397px transparent !important;
}
 
#details .statusN {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -441px transparent  !important;
        /*margin-left:5px;
        padding-left:20px;*/
}
 
.statusN {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -441px transparent  !important; /* vorher weiss, jetzt rot */
}
 
div.verftexte { float: left; }
div.verfbestand { float: left; }
 
/* the overlayed element */
 
/*
#wkabfrage {
    background-color: #FFF;
    display: none;
    width: 450px;  
    padding: 15px;
    text-align: left;
    border: 5px solid #194D8E;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    left: 708.5px;
    position: fixed;
    top: 93.4px;
    z-index: 9999;
}*/
 
#wkabfrage {
    background-color: #FFF;
    display: none;
    width: 450px;  
    padding: 15px;
    text-align: left;
    border: 5px solid #194D8E;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    left: 50%;
    position: fixed;
    top:50%;
    z-index: 9999;
    margin:-200px auto auto -200px;
}
 
 
 
#wkabfrage h2 {
    color: #555;
    margin: 0;
}
 
#wkabfrage a {
    background: none repeat scroll 0 0 #294A80;
  border: medium none;
  color: #FFF;
  cursor: pointer;
  float: left;
  font-size: 1em;
  font-weight: bold;
  height: 16px;
  margin-right: 5px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  width: 130px;
}
 
#wkabfrage .wk { float: right; }
#wkabfrage p { color: #111; }
#wkabfrage p, #wkabfrage table { margin: 13px 0 0 20px; padding: 0 20px 17px 17px; }
 
#exposeMask {
    background: transparent url(../includes/overlay.png) repeat !important;
    background-color: #FFFFFF;
  display: none;
  height: 3000px;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9998;
}
 
/**
 * kdmenu class specifications
 * 0    ->  1. Ebene ohne Untermenü
 * 1    ->  1. Ebene ohne Untermenü : hover
 * 2    ->  1. Ebene mit Untermenü
 * 3    ->  1. Ebene mit Untermenü : hover
 *
 * 4    ->  2. Ebene ohne Untermenü
 * 5    ->  2. Ebene ohne Untermenü : hover
 * 6    ->  2. Ebene mit Untermenü
 * 7    ->  2. Ebene mit Untermenü : hover
 *
 * 8    ->  3. Ebene ohne Untermenü
 * 9    ->  3. Ebene ohne Untermenü : hover
 */
.KdMenuItem0, .KdMenuItem0Over,
.KdMenuItem1, .KdMenuItem1Over,
.KdMenuItem2, .KdMenuItem2Over,
.KdMenuItem3, .KdMenuItem3Over,
.KdMenuItem4, .KdMenuItem4Over,
.KdMenuItem5, .KdMenuItem5Over,
.KdMenuItem6, .KdMenuItem6Over,
.KdMenuItem7, .KdMenuItem7Over,
.KdMenuItem8, .KdMenuItem8Over,
.KdMenuItem9, .KdMenuItem9Over {
    color: #FFF;
    cursor: pointer;
    font: 12px Verdana;
    padding: 5px;
    width: 200px;
    white-space:normal !important;
}
 
.KdMenuItem0, .KdMenuItem1, .KdMenuItem2, .KdMenuItem3 { background: #294A80;white-space:normal !important; } /* 1. Ebene */
.KdMenuItem0Over, .KdMenuItem1Over, .KdMenuItem2Over, .KdMenuItem3Over { background: #3A5B91; } /* 1. Ebene : hover */
 
.KdMenuItem4, .KdMenuItem5, .KdMenuItem6, .KdMenuItem7 { background: #294A80;white-space:normal !important; } /* 2. Ebene */
.KdMenuItem4Over, .KdMenuItem5Over, .KdMenuItem6Over, .KdMenuItem7Over { background: #3A5B91; } /* 2. Ebene : hover */
 
.KdMenuItem8, .KdMenuItem9 { background: #AE5522;white-space:normal !important; } /* 3. Ebene */
.KdMenuItem8Over, .KdMenuItem9Over { background: #BF6633; } /* 3. Ebene : hover */  
 
#korb a.weiter {
    border: medium none  !important;
    color: #000000 !important;
    float: left !important;
    font-size: 1em;
    font-weight: bold  !important;
    height: 18px  !important;
    margin-right: 5px  !important;
    padding-top: 8px  !important;
    text-align: center  !important;
    text-decoration: none  !important;
        background:#fff !important;
       
}
 
#wk #printwk {
    float: right !important;
    margin: 10px 2px 0 0 !important;
}
 
#wk #printwk a {
    text-decoration: none !important;
}
 
#wk #content input.calc {
    background: #FFFFFF !important;
    border: medium none;
    color: #000000 !important;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: bold !important;
    height: 26px;
    margin: 7px 7px 7px 0 !important;
    padding: 5px;
        float:none !important;
}
 
#kundendaten span.edit {
    clear: left;
    float: left;
    font-size: 12px;
    margin: 5px;
    padding-left: 8px;
}
 
#kundendaten span.edit a {
    color: #294A82;
    font-weight: bold;
    text-decoration: none;
}
 
#kundendaten input.bestabbuy {
    background: #294A80;
    border: medium none;
    clear: both;
    color: white;
    cursor: pointer;
    float: right;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin: 0 5px 5px;
    padding: 5px;
    text-decoration: none;
}
 
#bestellformular #content span.back {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: medium none;
    float: left;
    font-size: 1em !important;
    height: 18px;
    margin-top: 20px;
    padding-top: 8px;
    text-align: center;
    width: 178px;
        color:#000 !important;
}
 
#bestellformular #content span.back a {color:#000 !important;}
 
#bestellformular #content input.bestab {
    background: url("/shop/everpics/arr_white_2.gif") no-repeat scroll 0px 12px #272C30 !important;
    border: medium none;
    clear: both;
    color: white;
    cursor: pointer;
    float: right;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em !important;
    font-weight: bold;
    height: 27px;
    margin: 20px 0 10px 0;
    text-align: center;
    width: 178px;
}
 
#kundendaten span.back a {
    background: none repeat scroll 0 0 #FFFFFF !important;
    color: #000000 !important;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    margin: 5px 0 !important;
    padding: 5px;
    text-decoration: none;
}
 
#kundendaten input.allesok {
    float: left;
    margin-bottom: 20px;
    margin-top: 10px !important;
    width: 20px;
}
 
#dseok {
    float: left;
    margin-bottom: 20px;
    margin-top: 10px !important;
}
 
#kundendaten label.allesok {
    float: right !important;
    margin-bottom: 20px;
    width: 690px !important;
    border-bottom: 2px dotted #CCCCCC;
    padding-bottom: 14px;
}
 
#kundendaten input.bestab {width:178px !important;background:url("/shop/everpics/arr_white_2.gif") no-repeat scroll 10px 11px #272C30 !important;}
 
#fortschritt a {
    color: #C8C6C6;
    cursor: default;
    float: left;
    font-weight: bold;
    margin: 20px 0 30px;
    text-align: center;
    text-decoration: none;
    width: 145px;
}
 
#fortschritt .firstelem { text-align: left; margin-left: 10px; width: 120px; }
#fortschritt .lastelem { text-align: right; width: 155px; }
#fortschritt .active { background: #E5E5E5; color: #000; cursor: pointer; }
#fortschritt .active:hover { color: #444; }
 
/* PC-Konfigurator */
#pcwahl input { float: left; clear: left; margin-top: 15px;margin-left:20px; width: auto; }
#pcwahl input[type="radio"] {float: left; clear: left; margin-top: 13px; margin-left: 38px; width: 20px;}
 
#pcwahl label { float: left; margin-top: 10px; margin-bottom: 3px; padding-left: 10px; font-weight: bold; font-size: 12px; width: auto; }
#setup_form { float: left; }
#flowpanes { height: 350px; }
#setup_slider {
  height: auto;
  border-style: solid;
  border-width: 1px;
  margin-left: 52px;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  width: 619px;
/*  width: 700px;*/
}
 
#setup_slider .items {
  position: absolute;
  width: 20000em;
}
 
#setup_slider .cat_subhead { width: 698px !important; height: 350px; background: #bbc4ca url(../konfi/images/setup_bg.png) repeat !important; border: 1px solid #999; color: #151515 !important; }
#setup_slider .items div { float: left; width: 700px; background: url(../konfi/images/sharkskin.gif) repeat-x top; color:#fff; font-size: 1em; line-height: 18px;}
#setup_slider .items img { border: 0px dotted #AAA; margin: 10px 0; }
 
#setup_slideractions {
  border-bottom: 0px solid #CDD7E4;
  margin: 0 0 10px 0;
  width: 700px;
}
 
#setup_slideractions a {
  font-size: 22px;  
  cursor: pointer;
  color: #fe6d4c;
}
 
#setup_slideractions a:hover { color: #666; }
#setup_slideractions .next { float: right;position:relative;font-size:17px;color:#000;margin-right:97px;margin-top:37px; }
#setup_slideractions .prev { float: left;position:relative;font-size:17px;color:#000;margin-left:40px; margin-top:37px;}
#setup_slider div.vbreak, div.vbreak { height: 1px; background: #999; width: 98%; margin: 10px; }
#flowpanes h3 { padding: 5px; color:#fff; text-shadow: 1px 1px #111; }
#flowpanes h4 { padding: 5px 5px 5px 41px; background: transparent; color:#fff; text-shadow: 0px 0px #000; text-transform: none; font-size: 1.5em; }
 
#contactform label { float: left; clear: left; width: 200px; font-weight: bold; margin-top: 15px; }
#contactform input { float: left; width: 250px; margin-top: 15px; }
 
#pcwahl {margin-top:10px;}
#pcwahl .cat_subhead img { float: right; margin: 81px 138px 0 0; }
h2.pcwahl {margin:20px 0 37px 25px;}
a.pcwahl {clear:both;float:left;line-height:60px;margin-left:45px;}
p.pcwahl {color:#234090;font-size:15px;margin: 20px 10px 10px 20px;text-decoration:underline;}
p.pcwahlge {margin-left:20px;border-bottom:1px solid #ddd;}
div.pcwahlover {background:#ebebeb;padding:5px;border:1px solid #ddd;font-size:14px;}
 
#dhtmlgoodies_menu_xx table#dm0m0tbl table td {white-space:normal !important;}
 
 
.konfigurator-banner {margin-left: 26px;}
 
.pcwahl {
  color: #234090;
  font-size: 20px;
  font-weight: bold;
  margin: 14px 5px -2px 5px;
}      
 
#pcwahlcontent #prodlist {
    margin-top: 10px;
    padding-left: 7px;
    width: 100%;
}    
 
div.wkbanner {
 
    margin-top:20px;
    width:100%;
    text-align:center;
    float:left;
   
    }
 
#hsliste li, #wgliste li { width:33% !important;}
 
ul#prodlist span.warenkorb {margin-top: 0px;}
 
#liste #content span.artnr {width:65px;}
 
#liste #content span.preis {font-size:11px;}
 
#scrollablehor a.left {margin-top:0px;}
 
#registry h4 {font-size:18px;}
 
 
/* Energie Label */
 
.energieA3 {
    background-color: #01a54f;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    display: block;
    font-size: 2em;
    font-weight: bold;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #005a2c;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieA3:hover {
    color: #fff;
}
.energieA3::after {
    border-color: transparent transparent transparent #01a54f;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
.energieA2 {
    background-color: #51b848;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    display: block;
    font-size: 2em;
    font-weight: bold;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #398132;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieA2:hover {
    color: #fff;
}
.energieA2::after {
    border-color: transparent transparent transparent #51b848;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
.energieA1 {
    background-color: #01a54f;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    display: block;
    font-size: 2em;
    font-weight: bold;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #899c1e;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieA1:hover {
    color: #fff;
}
.energieA1::after {
    border-color: transparent transparent transparent #01a54f;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
.energieA {
    background-color: #01a54f;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    display: block;
    font-size: 2em;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #b3a900;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieA:hover {
    color: #fff;
}
.energieA::after {
    border-color: transparent transparent transparent #01a54f;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
.energieB {
    background-color: #4fbb4b;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    display: block;
    font-size: 2em;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #c28902;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieB:hover {
    color: #fff;
}
.energieB::after {
    border-color: transparent transparent transparent #4fbb4b;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
.energieC {
    background-color: #c1d62f;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 2em;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #fff;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieC:hover {
    color: #fff;
}
.energieC::after {
    border-color: transparent transparent transparent #c1d62f;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
.energieD {
    background-color: #feed01;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    display: block;
    font-size: 2em;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #af0e14;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieD:hover {
    color: #fff;
}
.energieD::after {
    border-color: transparent transparent transparent #feed01;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
 
.energieE {
    background-color: #fcb712;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    display: block;
    font-size: 2em;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #af0e14;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieE:hover {
    color: #fff;
}
.energieE::after {
    border-color: transparent transparent transparent #fcb712;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
 
.energieF {
    background-color: #f36e23;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    display: block;
    font-size: 2em;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #af0e14;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieF:hover {
    color: #fff;
}
.energieF::after {
    border-color: transparent transparent transparent #f36e23;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
 
.energieG {
    background-color: #ed1b24;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    display: block;
    font-size: 2em;
    height: 30px;
    left: 50%;
    line-height: 30px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 1px #af0e14;
    top: 100%;
    transition-duration: 500ms;
    transition-property: color;
    width: 3em;
}
.energieG:hover {
    color: #fff;
}
.energieG::after {
    border-color: transparent transparent transparent #ed1b24;
    border-style: solid;
    border-width: 15px;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    width: 0;
}
 
 
span.energielabel {
    z-index: 1;
   top:-65px;
   left:-10px;
}
img.energielabel {
    width: auto;
    max-width: 640px;
    height: auto;
}
#details #content span.energielabel {
    z-index: 1;
    top:-85px;
    left:10px;
}
 
#details #content img.energielabel {
    display:block;
    height:100%;
    margin: 0 auto;
    width:200px;
}
 
#details #content #pd_energy img.energielabel {
    display:block;
    height:30px;
    margin: 0 auto;
    position: absolute;
    top: 120px;
    left: 25px;
    width: auto;
}
 
body#liste.gallytypkurzeliste #content span.energielabel {
    z-index: 1;
    top: 20px;
    left: -68px;
    font-size: 15px;
    text-align:center;
}
 
#liste #content span.energielabel {
    z-index: 1;
    top: 20px;
    left: -104px;
    font-size: 15px;
    text-align:center;
}
 
#liste img.energielabel {display:none;}      
 
#details #content #pd_energy {
    clear: left;
    position: relative;
    width: 100%;
}
 
ul#prodlist li {
    min-height:50px !important;
}
                     
/* Galerie Ansicht*/
 
 
#liste.gallytypgalerie img.energielabel {display:none;}        
 
#liste.gallytypgalerie #content span.energielabel {
    z-index: 1;
    top:-65px;
    left:-10px;
    font-size: 15px;
}
       
#liste.gallytypgalerie #content img.energielabel  {
    z-index: 1;
    top:-65px;
    left:-10px;
    position: absolute;
   
    height: 30px;
    display: block;
}
 
div.prodshortinfo {
        position:relative !important;
}  
 
#details #content #prodi img {
width:100%;
}
 
 
/* NEU */
 
#details #content #pd_artname {
  color: #333333;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 2em;
  margin-top: 20px;
  width: 730px;
  margin-left: 10px;
  display: block;
}
 
#details #content #pd_images {
    min-height: 240px;
    float: unset !important;
}
 
#details #content #pd_images img {
    margin-right: 10px;
    width: 300px;
    max-width: 300px !important;
    margin-bottom: 1em;
}
 
#details #content #pd_name {
    position: relative;
    margin-left: 10px;
}
 
#details #content #pd_preis {
    position: absolute !important;
    margin-left: 350px !important;
    margin-top: -200px !important;
}
 
#details #content #quantity {
  margin-left: 340px !important;
  margin-top: -13em !important;
  float: unset !important;
}
 
#details #content #pd_energy {
  left: 500px;
  top: -315px;
  clear:unset !important;
}

#details #content #pd_preis span.preis {
    display: block;
}