/** SX: classes from BASIC/SOLOGICS theme **/
body, table, input, select, textarea, tt  {
  font: 12px/18px 'Signika Negative', Arial, Helvetica, sans-serif 300;
  color: #000000;
  background-color: #fff;
}

h1 {
  font-family:RotisSansSerifW01-Bold;
  line-height: 30px;
}

h2 {
  line-height:20px;
}

/* header - top menu login */
#sxtopmenu {
  display: block;
  padding: 1px 0px 1px 0;
  width: 540px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
#sxtopmenu li {
  display: block;
  float: right;
  line-height: 14px;
  padding: 5px;
}
#sxtopmenu li.font {
  height: 12px;
  margin-right: 15px;
  padding: 5px 0px;
}
#sxtopmenu li.big-font, #sxtopmenu li.bigger-font {
  margin-right: 2px;
}
#sxtopmenu li.font a {
  background: transparent url(../../img/font-txt.png) left 0px no-repeat;
  display: block;
  width: 13px;
  height: 15px;
  text-indent: -99999px;
}
#sxtopmenu li.big-font a {
  background: transparent url(../../img/font-txt.png) -15px 0px no-repeat;
  width: 10px;
}
#sxtopmenu li.normal-font a {
  background: transparent url(../../img/font-txt.png) -28px 0px no-repeat;
}
#sxtopmenu li.font a.active {
  background-position: left -40px;
}
#sxtopmenu li.big-font a.active {
  background-position: -15px -40px;
}
#sxtopmenu li.normal-font a.active {
  background-position: -28px -40px;
}
#sxtopmenu li.font a:hover {
  background-position: left -20px;
}
#sxtopmenu li.big-font a:hover {
  background-position: -15px -20px;
}
#sxtopmenu li.normal-font a:hover {
  background-position: -28px -20px;
}
#sxtopmenu .login {
  width: 110px;
  margin-right: -7px;
}
#sxtopmenu .login, #sxtopmenu .user {
  background: url(../../img/login-icon.png) 5px 5px no-repeat;
  padding-left: 25px;
  color: #999999;
}
#sxtopmenu .login:hover, #sxtopmenu .user:hover {
  background-position: 5px -15px;
}
#sxtopmenu .list {
  padding-left: 0px;
  position: relative;
}
#sxtopmenu .list .sxwishlistcnt {
    background-color:#C50050;
    -moz-border-radius:56px;
    -webkit-border-radius:56px;
    border-radius:56px;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:9px;
    padding:1px 4px;
    text-decoration:none;
    position: absolute;
    left: -10px;
}
#sxtopmenu .sxtopmenumessage {
    margin-right: 20px;
    border: 1px solid #ddd;
    background: #eee;
    color: #000;
    max-width: 240px;
    top: 2px;
    left: -20px;
    position: absolute;
}
#sxtopmenu .list a {
  background: url("../../img/product-icons.png") no-repeat scroll left -50px transparent;
  padding: 0 0 5px 20px;
}
#sxtopmenu .list a:hover {
  text-decoration: none;
  background: url("../../img/product-icons.png") no-repeat scroll left -74px transparent;
}


/* LoginLayer */
#delPopUp {
  display:none;
}

#delPopUp .popup.layer {
  width: 600px;
  margin-left:-320px;
}

#delPopUp  .popup.layer .content {
  width: 540px;
}

#delPopUp  .popup.layer p.headline {
  width: 536px;
}

#delPopUp  .popup.layer .loginForm{
  width: 600px;
}
#delPopUp  .popup.layer .content ul li {
  padding-left: 15px;
  background: transparent url(../../img/bullet.png) left 6px no-repeat;
  list-style-type: none;
}


/* LoginLayer */
#mask.on {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
div.on.popup {
  border: 1px solid #000000;
  display: block;
  height: auto;
  left: 50%;
  margin-left: -135px;
  margin-top: -75px;
  padding: 0px;
  position: fixed;
  top: 50%;
  visibility: visible;
  width: 480px;
  z-index: 2000;
}
div.popup {
  display: none;
  visibility: hidden;
}
div.layer {
  padding: 0px;
  background: url("../../img/bg-produkt-slider-layer.png") repeat-y left top transparent;
  /*width: 300px;
  margin-top: -370px;*/
}
div.layer a {
}
div.layer .content {
  padding: 14px 30px 16px;
  background: #fff;
  width: auto;
}

div.layer .content ul {
  margin-left: 10px;
}
div.layer .content ul li {
  list-style-type: disc;
}

div.layer .loginForm {
  width: auto;
  position: relative;
}
div.layer .loginForm .content {
}
div.layer .frmLogin {
  padding-top: 10px;
  margin-bottom: 8px;
}
div.layer p.headline {
  background: url("../../img/bg-layer-h4.png") repeat-x right top transparent;
  width: auto;
  padding: 15px 32px 15px 32px;
  margin: 0px;
  font-size: 1.34em;
  font-family: 'RotisSansSerifW01-Bold', Arial, Helvetica, sans-serif;
  font-weight: normal;
/* 14/12 */
}

.popup.layer p.teaser {
  font-family:'RotisSansSerifW01-Bold', Arial, Helvetica, sans-serif;
  font-size: 1.5833333em; /* 19px;*/
  margin-bottom: 15px;
  padding-bottom: 15px;
  background: transparent url(../../img/dotline.png) left bottom repeat-x;
  color: #333;
  line-height: 125%;
}

.popup.layer .buttonGroup {
  background: transparent url(../../img/icon-basket-info.png) left 16px no-repeat;
  padding-left: 110px;
  padding-bottom: 5px;
}

  .popup.layer .buttonGroup p {
    font-weight: bold;
    color: #666;
    margin-bottom: 10px;
    font-size: 1.166667em; /* 14 / 12*/
  }

  .popup.layer .buttonGroup .red-btn {
    float: left;
    width: 100%;
    line-height: 25px;
    height: 25px;
    margin-bottom: 5px;
    background-position: left center;
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 225px;
  }

    .popup.layer .buttonGroup .red-btn:hover {
      text-decoration: none;
    }


div.layer textarea {
  line-height: 16px;
  padding: 4px 8px;
  height: 50px;
  width: 402px;
  resize: none;
}
div.popup.on input.radio, div.popup.on input.check {
  border: none;
  background: none;
}
div.layer input.radio {
  width: 15px;
}
div.layer select {
  background: url("../../img/bg-input.jpg") repeat-x scroll center top #ffffff;
  border: 1px solid #cccccc;
  color: #333333;
  font-size: 13px;
  margin-right: 4px;
  padding: 3px 3px 3px 6px;
  height: 27px;
}
.layer_ansprechpartner select,
.layer_weiterempfehlen select {
  width: 420px !important;
}
.popup.layer {
  width: 400px;
}
div.layer form .layerContentLeft p {
  width: 218px;
}
div.layer .layerContentLeft input.textbox {
  width: 200px;
}
.layer_ansprechpartner .shopForm .captchaRow .textbox {
  width: 192px;
}
div.layer .layerContentLeft input.radio {
  width: 15px;
  margin: 0 10px 0 10px;
  border: none;
  background: none;
}
div.layer .layerContentLeft input.radioFirst {
  margin-left: 0;
}
div.layer form .layerContentRight p {
  width: 217px;
}
div.layer .layerContentRight input.textbox {
  width: 199px;
}
div.layer .layerContentRight select {
  width: 217px;
  padding-right: 3px;
}
div.layer .layerContentRight textarea {
  width: 199px;
  height: 121px;
  resize: none;
}
div.layer .layerContentWrapper input.button {
  width: 450px;
  margin-right: 5px;
}
div.layer .radioBtn {
  height: 28px;
}
div.layer .btnRight input {
  width: 200px;
  float: right;
}
.ie7 div.layer .btnRight input {
  line-height: 16px;
}
div.layer .telefonWrapper input.textbox {
  width: 20px;
}
div.layer .telefonWrapper input#user_telefon_land {
  width: 30px;
}
div.layer .telefonWrapper input#user_telefon_vorwahl {
  width: 32px;
}
div.layer .telefonWrapper input#user_telefon_nummer {
  width: 38px;
}
div.layer .telefonWrapper input#user_telefon_durchwahl {
  width: 46px;
}
div.layer a {
  font-size: 1.083em;
  font-weight: bold;
  padding: 0px 8px;
/*13/12*/
  line-height: 0.0677em;
/*13/16*/
  text-decoration: underline;
  padding: 0px;
}
.layer_ansprechpartner .captchaRow a, #layer_weiterempfehlen .captchaRow a {
  color: #999;
  font-size: 1em;
}
div.layer a.close {
  background: url("../../img/close.png") no-repeat right top transparent;
  position: absolute;
  top: 12px;
  right: 10px;
  display: block;
  font-weight: bold;
  padding: 1px 37px 2px 0px;
  font-size: 1.34em;
  text-decoration: none;
  float: left;
  line-height: 1.4em;
  font-family: 'RotisSansSerifW01-Bold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
div.layer a.close:hover {
  color: #C50050;
  background: url("../../img/close.png") no-repeat right -50px transparent;
}
div.layer a.normal {
  font-weight: normal;
  line-height: normal;
}
.layer_ansprechpartner {
  width: 870px;
  height: auto !important;
}
.layer_ansprechpartner .loginForm {
  width: 870px !important;
}
.layer_ansprechpartner p.headline {
  width: 840px !important;;
  padding: 15px !important;;
}
.layer_ansprechpartner .content {
  width: 835px !important;;
  padding: 15px !important;;
}
.layer_ansprechpartner .layerContactWrapper .layerContactLeft {
  width: 280px;
  padding-right: 15px;
  float: left;
}
.layer_ansprechpartner .layerContactWrapper .layerContactRight {
  width: 420px;
  padding-left: 14px;
  border-left: 1px solid #E1E1E1;
  float: right;
  min-height: 210px;
}
/*.layer_ansprechpartner .loginForm p.btnRight {
  width: 450px;
}
*/
.layer_ansprechpartner .loginForm p.btnRight input {
  width: 217px;
  margin-right: 0;
}
.layer_ansprechpartner .layerContentWrapper {
  width: 395px;
  margin-bottom: 10px;
}
.layer_ansprechpartner .layerContentLeft {
  width: 125px;
  float: left;
  margin-right: 15px;
}
.layer_ansprechpartner .layerContentRight {
  width: 255px;
  float: right;
}
.layer_ansprechpartner .frmLogin .layerContentLeft {
  xwidth: 218px;
}
.layer_ansprechpartner .frmLogin .layerContentRight {
  width: 217px;
}
/*.layer_ansprechpartner .frmLogin .captchaText {
  width: 218px;
  float: left;
  margin-right: 15px;
}
.layer_ansprechpartner .frmLogin .captchaInput {
  width: 217px;
  margin-top: 9px;
}
.layer_ansprechpartner .frmLogin .captchaInput input {
  width: 199px;
}
*/
.layer_ansprechpartner .layerContentLeft img {
  border: 1px solid #E1E1E1;
}
.layer_ansprechpartner .layerContactWrapper p.headlineContent {
  font-family: 'RotisSansSerifW01-Bold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 19px;
  margin-bottom: 0.5em;
}
.layer_ansprechpartner .layerContactWrapper p.danke {
  min-height: 220px;
}
.layer_ansprechpartner .layerContentWrapper .frmLogin p.headlineContent {
  margin-bottom: 0.6em;
  background: url("../../img/line-listitem.png") repeat-x scroll left top transparent;
  padding-top: 0.7em;
}
.layer_ansprechpartner .layerContentRight p {
  margin-bottom: 0.5em;
}
.layer_ansprechpartner .layerContentRight p strong {
  margin: 0;
  display: inline;
  font-size: 14px;
  color: #666;
  font-family: 'RotisSansSerifW01-Bold', Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.layer_ansprechpartner .layerContentContact {
  width: 395px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  line-height: 2em;
}
.layer_ansprechpartner .layerContentContact a {
  text-decoration: underline;
  font-size: 1em;
  color: #666;
  line-height: 28px;
}
.layer_ansprechpartner .layerContentContact .alignleft {
  padding-right: 15px;
  display: block;
  background: transparent url("../../img/icons-contact.png");
  background-repeat: no-repeat;
  padding-left: 25px;
}
.layer_ansprechpartner .layerContentContact .alignright {
  width: 255px;
  display: block;
}
.layer_ansprechpartner .layerContentContact .telefon {
  background-position: left -196px;
}
.layer_ansprechpartner .layerContentContact .email {
  background-position: left 6px;
}
.layer_ansprechpartner .layerContentContact .hotline {
  background-position: left -96px;
}


/* footer */
#footer li {
  padding-right: 22px;
}
#footer li.last {
  padding-right: 0px;
}
.soacial {
  /*width: 90px;*/
}
.soacial li {
  display: inline-block;
  float: left;
  padding-left: 6px;
}
.soacial li a {
  background: url(../../img/social-icons.jpg) no-repeat;
  width: 24px;
  height: 24px;
  display: block;
  text-indent: -99999px;
}
.soacial li a.facebook {
  background-position: 0 0;
}
.soacial li a.facebook:hover {
  background-position: 0 -24px;
}
.soacial li a.tweeter {
  background-position: -24px 0;
}
.soacial li a.tweeter:hover {
  background-position: -24px -24px;
}
.soacial li a.xing {
  background-position: -48px 0;
}
.soacial li a.xing:hover {
  background-position: -48px -24px;
}



/*Start Basket Popup*/
#popup{
  display:none;
  position:fixed;
  top:35%;
  width:100%;
  /*text-align:center;*/
  z-index:99999;
}
.jbasket {
  background: url(../../img/hjr-s.gif) no-repeat 20px 20px #fff;
  margin:auto;
  height:175px;
  width:300px;
  border:1px solid #000;
  color: #000;
}
.jbasket  div.info {
  font-size: 13px;
  line-height: 140%;
  padding: 90px 20px 24px;
  color: #000;
  text-align: left;
}
.jbasket  div.links {
  font-size: 11px;
  text-align: left;
  _position:relative;
  _z-index: 2;
  padding: 0 20px;
}
.jbasket  div.links a {
  background: url(../../img/arrow.gif) no-repeat 0 3px;
  padding-left: 9px;
  color: #000;
}
.jbasket  div.links a:hover {
  color: #c50050;
  text-decoration: none;
}
/*End Basket Popup*/

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



#write_review textarea {
  height: 100px;
  margin: 0;
  padding: 10px;
  width: 402px;
  margin-bottom: 5px;
  resize: none;
}


/** innenContentWrapper  - content */

.innenContentWrapper {
  padding: 30px 14px 30px 14px;
  color: #666;
  margin-bottom: 34px;
}
.innerContentWrapper-withoutMargin {
  /*margin-bottom: 0px;*/
}
.innenContentWrapper h1 {
  margin-bottom: 0.8em;
}
.innenContentWrapper h2 {
  margin: 1em 0 0.8em 0;
  color: #666;
  font-size: 19px;
  font-family: 'Rotis Sans Serif W01', Arial, Helvetica, sans-serif;
}
.innenContentWrapper h3, .innenContentWrapper h4 {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0.8em;
}
.innenContentWrapper h5, .innenContentWrapper h6 {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0.8em;
}
.innenContentWrapper p.teaser {
  color: #666666;
  font-family: 'Rotis Sans Serif W01', Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: normal;
  line-height: normal;
}
.innenContentWrapper .imgWrapper {
  background-color: #f7f7f7;
  border-bottom: 1px solid #CCCCCC;
}
.innenContentWrapper .imgLeft {
  float: left;
  margin: 5px 30px 25px 0;
}
.innenContentWrapper .imgRight {
  float: right;
  margin: 5px 0 25px 30px;
}
.innenContentWrapper .imgWrapper img {
  border: 1px solid #CCCCCC;
}

.searchItem_outer h3 {
    padding: 6px 15px;
    width: 550px;
}

.listitem li {
    background: url("../../img/line-listitem.png") no-repeat scroll center bottom;
    border-right: 0 none !important;
    cursor: pointer;
    float: none !important;
    margin: 0 !important;
    padding: 6px 0 10px !important;
    width: 232px;
}
.listitem li img {
    padding: 5px 0 5px 5px;
}

/** ******************************************************************************** */

.myhjrContentWrapper h1, .myhjrContentWrapper h2, .myhjrContentWrapper h3, .myhjrContentWrapper h4, .myhjrContentWrapper h5 {
  margin: 0 0 10px 0;
}
.myhjrContentWrapper .imgWrapper {
  background-color: #f7f7f7;
  margin: 5px 30px 0 0;
}
.myhjrContentWrapper .imgWrapper img {
  border: 1px solid #CCCCCC;
}
.myhjrContentWrapper table td .imgWrapper {
  margin: 0 10px 0 0;
}

.myhjrContentWrapper table {
    border-bottom: 1px solid #DBDBDB;
    font-family: Arial,Helvetica,sans-serif;
    margin-bottom: 1em;
}
.myhjrContentWrapper table td {
    border-bottom: 1px solid #F1F1F1;
    border-left: 1px solid #F1F1F1;
    padding: 5px 15px;
}
.myhjrContentWrapper table th {
    border-bottom: 1px solid #DBDBDB;
    border-left: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
    font-weight: bold;
    padding: 5px 15px;
}
.myhjrContentWrapper table td.first, .myhjrContentWrapper table th.first {
    border-left: medium none;
}
.myhjrContentWrapper table a {
    color: #666666;
}

.myhjrContentWrapper .listWrapper {
    margin-top: -1px;
    width: 750px;
}
.myhjrContentWrapper .listWrapper ul.listitem {
    list-style-type: none;
    margin: 0;
    width: 750px;
}
.myhjrContentWrapper .listWrapper ul.listitem li {
    background-image: none;
    border-top: 1px solid #E1E1E1;
    float: left !important;
    width: 750px;
    list-style-type: none;
}
.myhjrContentWrapper .listWrapper ul.listitem li .listLeft {
    float: left;
    width: 510px;
}
.myhjrContentWrapper .listWrapper ul.listitem li .listLeft img {
    float: left;
}
.myhjrContentWrapper .listWrapper ul.listitem li .listRight {
    float: right;
    padding-top: 15px;
    width: 210px;
}
.myhjrContentWrapper .listWrapper ul.listitem li img {
    margin-right: 10px;
}
.myhjrContentWrapper .listWrapper ul.listitem li h3 {
    margin-bottom: 0.5em;
}
.myhjrContentWrapper .listWrapper ul.listitem li h4 {
    font-size: 12px;
    font-weight: normal;
}
.myhjrContentWrapper .listWrapper ul.listitem li a {
    padding-left: 0;
    text-decoration: none;
}
.OverviewWrapper h3 {
    font-size: 19px;
    font-weight: normal;
    margin-top: 3em;
}

/** ******************************************************************************** */

.boxAccount .shopForm .fieldWrapper, .boxAccountBorder .shopForm .fieldWrapper {
    width: 372px;
}
.boxAccount .shopForm .textbox, .boxAccount .shopForm select, .boxAccount .shopForm textarea, .boxAccountBorder .shopForm .textbox, .boxAccountBorder .shopForm select, .boxAccountBorder .shopForm textarea {
    width: 350px;
}
.boxAccount .shopForm select, .boxAccountBorder .shopForm select {
    width: 372px;
}
.boxAccount .shopForm .radioCheckWrapper, .boxAccountBorder .shopForm .radioCheckWrapper {
    width: auto;
}
.boxAccount .red-btn, .boxAccountBorder .red-btn {
    bottom: -20px;
    position: absolute;
    right: 0;
    width: 223px;
}
.boxAccount .shopForm, .boxAccountBorder .shopForm {
    padding-bottom: 22px;
    position: relative;
}

/** ******************************************************************************** */

.shopForm .innerFieldWrapper {
    float: left;
    position: relative;
    width: auto;
}
.shopForm .fieldWrapperRight {
    float: right;
}
.shopForm .radioCheckWrapper {
    padding: 0 10px;
    width: 100%;
}
.shopForm label {
    color: #333333;
    left: 14px;
    position: absolute;
    top: 3px;
}
.shopForm .innerFieldWrapper label {
    left: 9px;
    top: 3px;
}
.shopFormReadonly label, .shopForm label.labelInvisible {
    left: -99999em;
    top: -99999em;
}
.shopForm label.focus {
    color: #999999;
}
.shopForm label.active {
    display: none;
}
.shopFormReadonly label {
    padding-right: 10px;
}
.shopForm .radioCheckWrapper label {
    color: #999999;
    font-weight: bold;
    left: 0;
    position: static;
    top: 0;
}
.shopForm .radioCheckWrapper .labelRadio, .shopForm .radioCheckWrapper .labelCheck {
    color: #333333;
    font-weight: normal;
    padding-right: 30px;
}
.shopForm .paddingRight {
    padding-right: 30px;
}
.shopForm .textbox, .shopForm select, .shopForm textarea {
    background: url("../../img/bg-input.jpg") repeat-x scroll center top #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 1em;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    margin: 0 5px 0 0;
    padding: 0 10px;
    resize: none;
    width: 310px;
}
.shopForm select.small {
    width: 250px;
}
.shopForm .textbox.small {
    width: 30px;
}
.shopForm .textbox.vsmall {
    width: 90px;
}
.shopForm .formSpan {
    float: left;
    font-size: 14px;
    line-height: 25px;
}
.shopFormReadonly .textbox {
    background: none repeat scroll 0 0 #EFEFEF;
    border-color: #EFEFEF;
}
.shopForm .textboxSmall, div.layer .shopForm .textboxSmall {
    margin-right: 0;
    padding: 0 5px;
    width: 55px;
}
.shopForm .textboxMiddle, div.layer .shopForm .textboxMiddle {
    margin-right: 0;
    padding: 0 5px;
    width: 74px;
}
.shopForm .fieldWrapper .dash {
    display: block;
    float: left;
    padding: 3px 5px 0 3px;
}
.shopForm select {
    padding: 2px 2px 2px 6px;
    width: 332px;
}
.shopForm .radio, .shopForm .check {
    left: 0;
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
}
.shopForm label .mandatory {
    color: #C50050;
    font-weight: bold;
}
.shopForm label.focus .mandatory {
    color: #999999;
}
.shopForm .fieldWrapperWide textarea {
    height: 150px;
    margin-right: 5px;
    resize: none;
    width: 648px;
}
.fieldWrapperWide {
    position: relative;
    width: 670px;
}

/** ******************************************************************************** */
.tobasketFunction .productPrice div.versandkosten:hover div.functionslayer, .listDetails div.mengenstaffeln:hover div.functionslayer, .tobasketFunction .productPrice div.mengenstaffeln:hover div.functionslayer {
    display: block;
}
div.functionslayer {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../../img/bg-functionslayer.png") repeat-y scroll center top;
    border-color: -moz-use-text-color #E1E1E1 #E1E1E1;
    border-image: none;
    border-right: 1px solid #E1E1E1;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-shadow: 0 2px 20px #D9D9D9;
    display: none;
    left: -90px;
    min-height: 70px;
    padding: 18px 16px;
    position: absolute;
    top: 30px;
    width: 270px;
    z-index: 500;
}
.sxshipping div.functionslayer {
    background: url("../../img/bg-functionslayer-big.png") repeat-y scroll center top;
    width: 465px;
}
.mengenstaffeln .functionslayer {
    left: -150px;
}
div.functionslayer p {
    line-height: 1.5667em;
}
div.functionslayer ul {
    color: #333333;
    font-size: 1em;
    line-height: 1.5667em;
}
div.functionslayer ul li {
    background: url("../../img/bullet.png") no-repeat scroll left 6px;
    padding-left: 15px;
}
div.functionslayer span.functionslayerpike {
    background: url("../../img/bg-functionslayer-pike.png") no-repeat scroll center top;
    left: -15px;
    min-height: 30px;
    position: absolute;
    top: -30px;
    width: 333px;
}
.function-block li div.functionslayer {
  width: 270px;
  min-height: 100px;
  background: url(../../img/bg-functionslayer.png) repeat-y top center;
  position: absolute;
  border: 1px solid #E1E1E1;
  border-top: none;
  left: -145px;
  top: 45px;
  -moz-box-shadow: 0px 2px 20px #d9d9d9;
  -webkit-box-shadow: 0px 2px 20px #d9d9d9;
  box-shadow: 0px 2px 20px #d9d9d9;
  padding: 18px 16px;
  display: none;
  z-index: 5;
}
.function-block li span.functionslayerpike {
  width: 333px;
  min-height: 30px;
  background: url(../../img/bg-functionslayer-pike.png) no-repeat top center;
  position: absolute;
  left: -15px;
  top: -30px;
}

/** ******************************************************************************** */


/* Kundenbewertung*/
.customerRatingbox .rating li.ratingreply {
  text-align: left;
  padding-left: 20px;
  clear: both;
}
.customerRatingbox {
  position: relative;
  padding-bottom: 34px;
  float: left;
}
.customerRatingbox ul.rating {
  clear: both;
  padding: 5px 0 17px 0;
  border-bottom: 1px dotted #E1E1E1;
  margin-bottom: 14px;
  color: #7F7F7F;
  list-style-type: none;
  margin: 5px 0;
}
.customerRatingbox ul.rating-last {
  border-bottom: none;
}
.customerRatingbox ul.rating li {
  float: left;
  list-style-type: none !important;
  list-style-image: none !important;
  margin: 0;
}
.customerRatingbox .rating li.rate a {
  background: url("../../img/stars.jpg") no-repeat scroll left -5px transparent;
  clear: both;
  float: left;
  height: 16px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 96px;
  height: 18px;
  text-indent: -999999px;
}
.customerRatingbox .rating li.currentRate {
  width: 96px;
  margin-left: -96px;
}
.customerRatingbox .rating li.currentRate  a {
  background: url("../../img/stars.jpg") no-repeat scroll left -32px transparent;
  clear: both;
  float: left;
  height: 16px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 96px;
  height: 18px;
  text-indent: -999999px;
}
.customerRatingbox .rating li.ratingValue {
  float: left;
  width: 610px;
  text-align: left;
  font-weight: bold;
}
.customerRatingbox .rating li p {
  margin-top: 10px;
  text-align: left;
}
.customerRatingbox .rating li a {
  text-decoration: underline;
  color: #666;
}
.customerRatingbox h4 {
  float: left;
  padding-bottom: 25px;
  color: #333333;
  font-size: 19px;
  font-weight: normal;
  font-family: 'RotisSansSerifW01-Bold', Arial, Helvetica, sans-serif;
  margin-bottom: 0px;
}
.customerRatingbox a.bewerten,  a.bewerten {
  color: #000000;
  float: right;
  background: url("../../img/bg-selber-bewerten.png") no-repeat left top transparent;
  height: 21px;
  line-height: 21px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding-left: 21px;
}
.customerRatingbox form#rating  span.btn {
  height: 30px;
}
.customerRatingbox form#rating ul.rating {
  background: url("../../img/stars.jpg") no-repeat scroll left -6px transparent;
  height: 19px;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 94px;
  clear: both;
  margin-bottom: 5px;
  border-bottom: none;
}
.customerRatingbox #review {
  border: none;
}
.customerRatingbox p.error {
  color: #c50050;
  float: left;
}
.customerRatingbox form#rating li.current_rate {
  background: url("../../img/stars.jpg") repeat scroll left -87px transparent;
  height: 20px;
  position: absolute;
  z-index: 1;
  text-indent: -99999px;
  top: 6px;
  left: 0px;
}
.customerRatingbox form#rating ul.rating li.s5, .customerRatingbox form#rating ul.rating li.s4, .customerRatingbox form#rating ul.rating li.s3, .customerRatingbox form#rating ul.rating li.s2, .customerRatingbox form#rating ul.rating li.s1 {
  display: none;
}
.customerRatingbox textarea {
  background: url("../../img/bg-input.jpg") repeat-x scroll center top #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #000000;
  font-size: 1.083em;
  font-weight: normal;
  height: 52px;
  line-height: 13px;
  margin: 0;
  padding: 0 8px;
  width: 402px;
  font-family: Arial, Helvetica, sans-serif;
  height: 75px;
  line-height: 16px;
  padding: 4px 8px;
  width: 402px;
  margin-bottom: 5px;
  resize: none;
}
.customerRatingbox span.btn input, span.btn a {
  background: url("../../img/bg-button-30px-pink.jpg") repeat-x scroll center bottom #C50058;
  border: medium none;
  color: #FFFFFF;
  display: block;
  font-size: 1.083em;
  font-weight: bold;
  height: 30px;
  line-height: 1.0em;
  margin-bottom: 12px;
  text-align: center;
  width: 200px;
  position: relative;
}
.customerRatingbox .rating li.current_rate {
  background: url("../../img/stars.jpg") no-repeat scroll left -32px transparent;
  height: 16px;
  position: absolute;
  z-index: 1;
}
.customerRatingbox a.bewerten:hover {
  color: #C50050;
  background: url("../../img/bg-selber-bewerten.png") no-repeat left bottom transparent;
  text-decoration: none;
}
.customerRatingbox .ratingValue .autor {
  padding-right: 9px;
  border-right: 1px solid #7F7F7F;
}
.customerRatingbox .ratingValue .variante {
  padding-left: 7px;
}
.customerRatingbox  a.more {
  bottom: 14px;
  left: 0;
  position: absolute;
}
.customerRatingbox  a.toTop {
  bottom: 14px;
  position: absolute;
  right: 0;
}

hr {
  margin: 4px 0;
  height: 1px;
  text-align: center;
  color: #cbcbcb;
  background-color: #cbcbcb;
  border: 0;
}

/** ******************************************************************************** */

/* Search Suggestionlayer */
#layer_suche {
  position: absolute;
  left: -1px;
  top: 41px;
  border: 1px solid #c50050;
  border-top: none;
  width: 777px;
  background: #fff;
  background: rgba(255,255,255,0.95);
  z-index: 9000;
}
#layer_suche h3, #layer_suche p.search-layer {
  padding: 10px;
  color: #333333;
  font-family: 'RotisSansSerifW01-Bold', Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: normal;
}
#layer_suche li {
  display: block;
  padding: 1px 10px;
  color: #808080;
}
#layer_suche li:hover {
  border-bottom: 1px solid #c50050;
  border-top: 1px solid #c50050;
  padding: 0 10px;
  color: #c50050;
}
#layer_suche li a {
  color: #808080;
}
#layer_suche li:hover a, #layer_suche li:hover a li {
  color: #c50050;
}
#layer_suche li span {
  float: left;
  display: block;
  width: 50%;
  font-weight: bold;
  padding: 4px 0px;
}
#layer_suche li .choice {
  float: right;
  display: block;
  width: 50%;
  text-align: right;
  padding: 0;
  padding-top: 4px;
}
#layer_suche li .choice li {
  display: inline;
  padding: 0;
  border: none;
  padding: 4px 0px 4px 22px;
  background: transparent url(../../img/icons-searchsuggest.png) -9999px -9999px no-repeat;
  margin-left: 10px;
}
#layer_suche li .choice li.autor {
  background-position: 0px 5px;
}
#layer_suche li:hover .choice li.autor {
  background-position: 0px -45px;
}
#layer_suche li .choice li.experte {
  background-position: 0px -195px;
}
#layer_suche li:hover .choice li.experte {
  background-position: 0px -145px;
}
#layer_suche li .choice li.formulare {
  background-position: 0px -344px;
}
#layer_suche li:hover .choice li.formulare {
  background-position: 0px -294px;
}
#layer_suche li .choice li.non-books {
  background-position: 0px -494px;
}
#layer_suche li:hover .choice li.non-books {
  background-position: 0px -444px;
}
#layer_suche li .choice li.wandtafel-poster {
  background-position: 0px -644px;
}
#layer_suche li:hover .choice li.wandtafel-poster {
  background-position: 0px -594px;
}
#layer_suche li .choice li.buch {
  background-position: 0px -794px;
}
#layer_suche li:hover .choice li.buch {
  background-position: 0px -744px;
}
#layer_suche li .choice li.kategory {
  background-position: 0px -2146px;
}
#layer_suche li:hover .choice li.kategory {
  background-position: 0px -2096px;
}
#layer_suche li .choice li.cd-dvd {
  background-position: 0px -944px;
}
#layer_suche li:hover .choice li.cd-dvd {
  background-position: 0px -894px;
}
#layer_suche li .choice li.e-book {
  background-position: 0px -1096px;
}
#layer_suche li:hover .choice li.e-book {
  background-position: 0px -1046px;
}
#layer_suche li .choice li.onlineausgabe {
  background-position: 0px -1244px;
}
#layer_suche li:hover .choice li.onlineausgabe {
  background-position: 0px -1194px;
}
#layer_suche li .choice li.zeitschrift {
  background-position: 0px -1394px;
}
#layer_suche li:hover .choice li.zeitschrift {
  background-position: 0px -1344px;
}
#layer_suche li .choice li.loseblatt {
  background-position: 0px -1694px;
}
#layer_suche li:hover .choice li.loseblatt {
  background-position: 0px -1644px;
}
#layer_suche li .choice li.datenlieferung {
  background-position: 0px -1844px;
}
#layer_suche li:hover .choice li.datenlieferung {
  background-position: 0px -1794px;
}
#layer_suche li .choice li.downloads {
  background-position: 0px -1994px;
}
#layer_suche li:hover .choice li.downloads {
  background-position: 0px -1944px;
}

/** ******************************************************************************** */

/* Tab Content */
.product_tabcontent {
  color: #7F7F7F;
  float: left;
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: 20px;
  margin-bottom: 27px;
  position: relative;
}
.product_tabcontent .tab_content {
  padding: 10px 0px 0px 0px;
  padding-bottom: 50px;
  float: left;
  color: #000;
}
.product_tabcontent .tab_content .listitembottom {

}
.product_tabcontent .tabs {
  background: url("../../img/bg-ul-kundenbewertung.jpg") repeat-x scroll left 3px transparent;
  font-family: 'RotisSansSerifW01-Bold', Arial, Helvetica, sans-serif;
  width: 745px;
}
.product_tabcontent .tabs li a.active , .product_tabcontent .tabs li a:hover {
  border: solid 1px #e1e1e1;
  border-bottom: none;
  padding: 0px 17px 0px;
  background: #f7f7f7;
  text-decoration: none;
  background: #ffffff;
}
.product_tabcontent .tabs li a:hover {
  background: #ffffff url("../../img/bg-ul-li-hover-kundenbewertung.jpg") repeat-x left 38px;
}
.product_tabcontent  a.more {
  bottom: 21px;
  left: 0;
  position: absolute;
}
.product_tabcontent  a.toTop {
  bottom: 21px;
  right: 0;
  position: absolute;
}

.product_tabcontent .tabs li {
  float: left;
}
.product_tabcontent .tabs li a {
  display: block;
  color: #333333;
  font-size: 20px;
  height: 42px;
  padding: 1px 18px 0px;
  line-height: 42px;
  font-weight: normal;
  white-space: nowrap;
}
.product_tabcontent .tab_content {
  padding: 10px 0px;
  position: relative;
}
.product_tabcontent .tab_content h3 {
  font-size: 20px;
}
.product_tabcontent .tab_content h4 {
  font-size: 12px;
  margin-bottom: 10px;
}
.product_tabcontent  h4, .product_tabcontent h5, .product_tabcontent h6 {
  color: #333333;
  font-size: 19px;
  font-weight: normal;
  font-family: 'RotisSansSerifW01-Bold', Arial, Helvetica, sans-serif;
}


.product_tabcontent .offeneBewertungen ul {
  width: 750px;
  background: url("../../img/bg-border-liste.gif") repeat-y left top transparent;
  margin-bottom: 15px;
}
.product_tabcontent .offeneBewertungen ul li {
  width: 375px;
  background-image: none;
  border-top: 1px solid #E1E1E1;
  float: left !important;
  position: relative;
}
.product_tabcontent .offeneBewertungen ul li.firstLine {
  border-top: none;
}
.product_tabcontent .offeneBewertungen ul li:hover {
  background: #f7f7f7;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.product_tabcontent .offeneBewertungen ul li img {
  padding: 5px 0px 5px 5px;
}
.product_tabcontent .offeneBewertungen ul li .alignright {
  width: 311px;
}


.sxaccount .boxBorderBottom {
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.boxBorderBottom .wholeRow ul {
  width: 750px;
  margin-bottom: 15px;
}
.boxBorderBottom .wholeRow ul li {
  width: 750px;
  background-image: none;
  border-top: 1px solid #E1E1E1;
}
.boxBorderBottom .wholeRow ul li.firstLine {
  border-top: none;
}
.boxBorderBottom .wholeRow ul li:hover {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: #f7f7f7;
}
.boxBorderBottom .wholeRow ul li .imgWrapper {
  width: 376px;
  float: left;
  border: none;
}
.boxBorderBottom .wholeRow ul li .imgWrapper img {
  border: 0;
}
.boxBorderBottom .wholeRow ul li .alignright {
  width: 311px;
}
.boxBorderBottom .wholeRow ul li .thirdCol {
  float: right;
  width: 364px;
  padding-left: 10px;
}
.boxBorderBottom .wholeRow ul li .thirdCol span {
  display: block;
}


a.pdf, .listitem li a.pdf {
  background: url("../../img/pdf.gif") no-repeat left top transparent;
  padding-left: 24px;
  height: 16px;
  display: block;
}
a.pdf:hover, .listitem li a.pdf:hover {
  background: url("../../img/pdf.gif") no-repeat left -100px transparent;
}
a.online, .listitem li a.online {
  background: url("../../img/online.gif") no-repeat left top transparent;
  padding-left: 24px;
  height: 16px;
  display: block;
}
a.online:hover, .listitem li a.online:hover {
  background: url("../../img/online.gif") no-repeat left -100px transparent;
}

.customerRatingbox form#rating .sxrating li {
  list-style-image: none;
}