@charset "utf-8";

/****************************
 ebook.de
/****************************/

body,html {
  height:100%;margin-bottom:1px;outline: none;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* reset Ende */

p {
  margin: 15px 0;
}
.error, .formError, .liError, .formErrorAccount {
  font-weight: bold;
  color: #cc0000;
  font-size: 12px;
  line-height: 12px;
}
.infoMessage {
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 0;
}
.infoMessageAccount {
  position: relative;
  border-bottom: 10px solid #e5e5e5;
  margin-bottom: 20px;
  padding: 5px 0 20px 48px;
  min-height: 18px;
  font-weight: bold;
}

.couponTeaser .infoMessage {
  position: relative;
  min-height: 23px;
  padding-left: 44px;
}

.infoMessageAccount:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 39px;
  height: 33px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -272px -417px;
}
.fright {
  float: right;
}

.fleft {
  float: left;
}

.blue {
  color: #1b93fb;
}
.bluebg {
  background-color: #1b93fb
}
.greybg {
  background-color: #e5e5e5;
}
#mainBox .no-top-margin {
  margin-top: 0;
}
.whiteboxcontent {
  background-color: #FFFFFF;
  margin: 10px;
  padding: 20px;
}
.hr_1 {
  border: none;
  height:1px;
  border-top:1px solid #e5e5e5;
  background:transparent;
  margin: 20px 0;
}
.hr_10 {
  border: none;
  height:0px;
  border-top:10px solid #e5e5e5;
  background:transparent;
  margin: 20px 0 ;
}
.hr_10.pagerlike {
  margin: 0 -20px 20px -20px;
}
.hr_10.pagerlike.whitespacer {
  margin: 20px -30px 0px -30px;
  height: 25px;
  background: #fff;
}

.verticaltop{
  vertical-align: top;
}
.center {
  text-align: center;
}

.relative {
  position: relative;
}
.height240 {
  height: 240px;
}
.height260 {
  height: 260px;
}
.height300 {
  height: 300px;
}











/* 3D Buttons */
.btn,
#pageWrapper .price-label-with-order-button button,
#pageWrapper .price-label-with-order-button a {
  height: 30px;
  width: 185px;
  border: none;
  border-radius: 4px;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  font-size: 15px;
  line-height: 17px;
  cursor: pointer;
  text-decoration: none;
  text-align: left;
  background-color: #1a93fb;
  color: #fff;
  background-image: url("FL-img/sprites-xRepeat.png");
  background-repeat: repeat-x;
  background-position: 0 0;
}
.btn:hover,
#pageWrapper .price-label-with-order-button button:hover,
#pageWrapper .price-label-with-order-button a:hover {
  background-position: 0 -40px;
  text-decoration: none;
}

#pageWrapper .price-label-with-order-button button .preis,
#pageWrapper .price-label-with-order-button a .preis {
  color: #fff;
  font-weight: normal;
  font-size: 15px;
  line-height: normal;
  float: none;
}
#pageWrapper.ie8 .price-label-with-order-button button .preis,
#pageWrapper.ie8 .price-label-with-order-button a .preis {
  line-height: 30px;
}
.btn.btn30 {
  height: 30px;
  padding-top: 6px;
  padding-left: 8px;
  padding-right: 3px;
  font-size: 15px;
  background-image: url("FL-img/sprites-xRepeat.png");
  background-repeat: repeat-x;
  background-position: 0 0;
}
#pageWrapper .sixPackItem button.btn,
#pageWrapper .doubleSixPackItem button.btn {
  padding-top: 0;
}
#pageWrapper .price-label-with-order-button button {
  padding-top: 2px;
}
#pageWrapper .price-label-with-order-button a {
  padding-top: 6px;
}
#AvaHauptRight .btn.btn30,
#twoStepBundleAva .cat2stepItem .btn,
#bundleHaupt .btn.btn30 {
  font-size: 17px;
  line-height: 19px;
}
.ie8 #AvaHauptRight .btn.btn30,
.ie8 #twoStepBundleAva .cat2stepItem .btn,
.ie8 #bundleHaupt .btn.btn30 {
  line-height: 30px;
}
.btn.btn30:hover {
  background-position: 0 -40px;
}
.btn.btn50 {
  height: 50px;
  padding-top: 16px;
  padding-left: 8px;
  padding-right: 3px;
  font-size: 17px;
  line-height: 19px;
}
.vAlign.btn,
button.btn,
input.btn,
.vAlign.btn.btn30,
button.btn.btn30,
input.btn.btn30,
.vAlign.btn.btn50,
button.btn.btn50,
input.btn.btn50,
#pageWrapper .price-label-with-order-button button {
  padding-top: 0;
}
button.btn.btn30,
input.btn.btn30,
#pageWrapper .price-label-with-order-button button {
  line-height: 29px;
}
.btn.btn30.btnWhite,
.istVorbestellbar .btn.btn30,
#pageWrapper .price-label-with-order-button.preorderable button, 
#pageWrapper .price-label-with-order-button.preorderable a {
  line-height: 28px;
}
button.btn.btn50,
input.btn.btn50 {
  line-height: 49px;
}
#pageWrapper .btn.btnWrap {
  padding: 0;
}
.btn button,
.btn input {
  height: 30px;
  width: 185px;
  border: none;
  border-radius: 4px;
  display: block;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  font-size: 15px;
  line-height: 17px;
  cursor: pointer;
  text-decoration: none;
  text-align: left;
  background-color: transparent;
  color: #fff;
  background-image: none;
  padding-left: 8px;
}
.btn.btn50 button,
.btn.btn50 input {
  height: 50px;
  font-size: 17px;
  line-height: 19px;
}
.btn.btnWhite button,
.btn.btnWhite input {
  color: #1a93fb;
}
#pageWrapper .btn6p,
#pageWrapper .price-label-with-order-button button,
#pageWrapper .price-label-with-order-button a {
  width: 105px;
}
.btn.btnBlue,
.btn.btnBlue.btn30 {
  color: #fff;
  background-position: 0 0;
}
.btn.btnBlue:hover,
.btn.btnBlue.btn30:hover {
  background-position: 0 -40px;
}
.btn.btn50,
.btn.btnBlue.btn50 {
  background-position: 0 -240px;
}
.btn.btn50:hover,
.btn.btnBlue.btn50:hover {
  background-position: 0 -300px;
}


.btn.btnGreen {
  background-color: #4da831;
  background-position: 0 -160px;
}
.btn.btnGreen:hover {
  background-position: 0 -200px;
}
.btn.btnGreen.btn50 {
  background-position: 0 -480px;
}
.btn.btnGreen.btn50:hover {
  background-position: 0 -540px;
}


.btn.btnWhite,
.istVorbestellbar .btn,
.istVorbestellbar .btn.btnBlue,
.istVorbestellbar .btn.btnGreen,
#pageWrapper .price-label-with-order-button.preorderable button,
#pageWrapper .price-label-with-order-button.preorderable a {
  border: 1px solid #1a93fb;
  color: #1a93fb;
  background-color: #fff;
  background-position: 0 -81px;
}
#pageWrapper .price-label-with-order-button.preorderable button .preis,
#pageWrapper .price-label-with-order-button.preorderable a .preis {
  color: #1a93fb;
}
.btn.btnWhite:hover,
.istVorbestellbar .btn.btnBlue:hover,
.istVorbestellbar .btn.btnGreen:hover,
#pageWrapper .price-label-with-order-button.preorderable button:hover,
#pageWrapper .price-label-with-order-button.preorderable a:hover  {
  background-position: 0 -121px;
}
.btn.btnWhite.btn50,
.istVorbestellbar .btn.btnBlue.btn50,
.istVorbestellbar .btn.btnGreen.btn50 {
  background-position: 0 -361px;
}
.btn.btnWhite.btn50:hover,
.istVorbestellbar .btn.btnBlue.btn50:hover,
.istVorbestellbar .btn.btnGreen.btn50:hover {
  background-position: 0 -421px;
}


.btn.btnIco,
.btn.btn30.btnIco,
#pageWrapper .price-label-with-order-button a,
#pageWrapper .price-label-with-order-button button  {
  padding-right: 32px;
}
.btn.btn50.btnIco{
  padding-right: 34px;
}
.btn.btnIco:before,
.btn.btn30.btnIco:before,
#pageWrapper .price-label-with-order-button a:before,
#pageWrapper .price-label-with-order-button button:before  {
   content: " ";
   width: 27px;
   height: 27px;
   position: absolute;
   top: 2px;
   right: 6px;
   background-repeat: no-repeat;
   background-color: transparent;
   background-image: url("FL-img/spritesNoRepeat.png");
   background-position: -224px -586px;
}
.btn.btn50.btnIco:before {
   width: 33px;
   height: 33px;
   top: 9px;
   background-position: -239px -378px;
}
.btn.btnIcoLeft,
.btn.btn30.btnIcoLeft,
#pageWrapper .price-label-with-order-button a,
#pageWrapper .price-label-with-order-button button {
   padding-left: 30px;
   padding-right: 10px;
   text-align: right;
}
.btn.btnIcoLeft.btnWhite,
.istVorbestellbar .btn.btnIcoLeft,
#pageWrapper .price-label-with-order-button.preorderable button, 
#pageWrapper .price-label-with-order-button.preorderable a {
   padding-right: 8px;
}
.btn.btnIcoLeft:before,
.btn.btn30.btnIcoLeft:before,
#pageWrapper .price-label-with-order-button a:before,
#pageWrapper .price-label-with-order-button button:before   {
   right: auto;
   left: 5px;
}

#pageWrapper .externalArticle .btn.btnIco:before,
#pageWrapper .price-label-with-order-button.externalArticle button:before,
#pageWrapper .price-label-with-order-button.externalArticle a:before  {
  display: none;
}



.btn.btnIco.btnIcoCart:before {
   background-position: -224px -586px;
}
.btn.btnWhite.btnIco.btnIcoCart:before,
.istVorbestellbar .btn.btnIco.btnIcoCart:before,
.istVorbestellbar .btn.btnBlue.btnIco.btnIcoCart:before,
.istVorbestellbar .btn.btnGreen.btnIco.btnIcoCart:before,
#pageWrapper .price-label-with-order-button.preorderable button:before {
   background-position: -99px -60px;

}
.btn.btn50.btnIco.btnIcoCart:before {
   background-position: -239px -378px;
}
.btn.btnWhite.btn50.btnIco.btnIcoCart:before,
.istVorbestellbar .btn.btnBlue.btn50.btnIco.btnIcoCart:before,
.istVorbestellbar .btn.btnGreen.btn50.btnIco.btnIcoCart:before {
   background-position: -276px -458px;
}



.btn.btnIco.btnIcoDL:before {
   background-position: -111px -523px;
}
.btn.btn50.btnIco.btnIcoDL:before,
.btn.btn50.btnBlue.btnIco.btnIcoDL:before {
   background-position: -231px -417px;
}
.btn.btn50.btnGreen.btnIco.btnIcoDL:before {
   background-position: -321px -414px;
}

.btn.btnIco.btnIcoCloud:before {
   background-position: -432px -699px;
}
.btn.btn50.btnIco.btnIcoCloud:before {
   background-position: -71px -744px;
}
.btn.btnIco.btnIcoCloud.btnNotReady {
  background-color: #e5e5e5; 
  background-image: none;
  cursor: default;
}
.btn.btn50.btnIco.btnIcoCloud.btnNotReady {
  background-color: #bbb; 
}










.btn.btnIco.btnIcoBundle:before,
#pageWrapper .price-label-with-order-button.restrictedToBundle a:before {
   background-position: -55px -258px;
}
.btn.btnWhite.btnIco.btnIcoBundle:before,
#pageWrapper .price-label-with-order-button.restrictedToBundle.preorderable a:before {
   background-position: -25px -620px;
}
.btn.btn50.btnIco.btnIcoBundle:before {
   background-position: -70px -461px;
}
.btn.btnWhite.btn50.btnIco.btnIcoBundle:before {
   background-position: 5px -620px;
}



.btn.btnIco.btnIcoOCK:before {
   background-position: -203px -381px;
}
.btn.btnWhite.btnIco.btnIcoOCK:before,
.istVorbestellbar .btn.btnIco.btnIcoOCK:before {
   background-position: -400px -223px;
}
.btn.btn50.btnIco.btnIcoOCK:before {
   background-position: -279px -538px;
}
.btn.btnWhite.btn50.btnIco.btnIcoOCK:before,
.istVorbestellbar .btn.btn50.btnIco.btnIcoOCK:before {
   background-position: -279px -496px;
}

.btn.btnIco.btnIcoGift:before {
   background-position: -37px -398px;
}



.btn.btnIco.btnIcoDL:before {
   background-position: -111px -523px;
}
.btn.btn50.btnIco.btnIcoDL:before {
   background-position: -239px -378px;
}







.sixPackItem .btn.mwstSterneClass.btnIcoLeft:before,
.doubleSixPackItem .btn.mwstSterneClass.btnIcoLeft:before  {
   left: 3px;
}
.sixPackItem .btn.mwstSterneClass,
.doubleSixPackItem .btn.mwstSterneClass {
  padding-left: 27px;
  padding-right: 0;
  text-align: center;
}
.sixPackItem .btn.mwstSterneClass .mwstHinweis,  
.doubleSixPackItem .btn.mwstSterneClass .mwstHinweis, 
#pageWrapper .price-label-with-order-button .mwstHinweis,
#pageWrapper .price-label-with-order-button .mwstHinweis {
  font-size: 11px;
  left: -4px;
  position: relative;
  top: -5px;
}






#reviewVerfassen a {
  width: auto;
  padding-right: 7px;
  padding-left: 19px;
  position: relative;
}
#reviewVerfassen a:before {
  content: " ";
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -43px -346px;
  background-repeat: no-repeat;
  width: 9px;
  height: 14px;
  position: absolute;
  top: 7px;
  left: 7px;
}


.textblock form.boxclass button {
  width: 80px;
  height: 30px;
  margin: 2px auto 0 auto;
  display: block;
  color: #fff;
  background-image: url("FL-img/sprites-xRepeat.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #1a93fb;
  border-radius: 4px;
  cursor: pointer;
  line-height: 27px;
  font-size: 15px;
  font-weight: normal;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.textblock form.boxclass button:hover {
  background-position: 0 -40px;
}


.price-label-with-order-button-wiki {
  height: 16px;
  line-height: 16px;
  padding: 6px 12px 7px 12px;
  border-color: #1a93fb;
  text-decoration: none;
  background-color: #1a93fb;
}

















/* Containers
--------------------------------------------------------------------------------*/

.container_940 {
  margin-left: auto;
  margin-right: auto;
  width: 940px;
}

.container_980 {
  margin-left: auto;
  margin-right: auto;
  width: 980px;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 4 Columns
--------------------------------------------------------------------------------*/

.container_980 .grid_1 {width: 225px;}
.container_980 .grid_2 {width: 470px;}
.container_980 .grid_3 {width: 715px;}
.container_980 .grid_4 {width: 960px;}

.container_940 .grid_1 {width: 220px;}
.container_940 .grid_2 {width: 460px;}
.container_940 .grid_3 {width: 700px;}
.container_940 .grid_4 {width: 940px; margin: 0}


/* Tooltips
--------------------------------------------------------------------------------*/
#AvaFormat .bindernameAva {
  float: left;
  height: 21px;
  padding: 5px 0 0 6px;
  margin-right: -40px;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.table {
  display:table;
}
.table .tr {
  display:table-row;
}
.table .td {
  display: table-cell;
  vertical-align: top;
}
.table .td.midle {
  vertical-align: middle;
}

label.block,
.liCreateUser {
  display: block;
  margin: 20px 0 7px;
}

#editPayment  .formErrorAccount.birthdayErrors,
#registerBoxInner  .formErrorAccount.birthdayErrors {
  margin: -4px 0 2px 0;
}
#paymentSelectEmptyBankaccountsForm label.block,
#orderBankAccountNotemptyForm label.block {
  margin: 10px 0 7px;
}
.underline {
  text-decoration: underline;
}
a {
  color: #444;
  outline: none;
}

a.nodecoration {
  text-decoration: none;
  display: block;
}

body {
  color: #444;
  background: #fff;
  margin: 0;
  padding: 0;
}

.screenReader {
  position: absolute;
  left: -9000px;
}

.boxheadlineAria14bold {
  font-family: Arial,sans-serif;
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
}

img.edit {
  vertical-align: bottom;
}

.radioDummy,
.radioDummy.selected {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -253px -509px;
}
.radioDummy.unSelected {
  background-position: -100px -366px;
}

/* Infolayer
--------------------------------------------------------------------------------*/
.infolayer {
  position: absolute;
  background-color: #e5e5e5;
  border: 2px solid #BBBBBB;
  z-index: 10;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.infolayer ul{
  padding:0 10px;
}
.infolayer ul li {
  border-top: 1px solid #838383;
  line-height: 40px;
}
.infolayer ul li:first-child {
  border-top: 0;
}
.infolayer ul li a {
  text-decoration: none;
}
.infolayer ul li a:hover {
  text-decoration: underline;
}
.infolayer .arrowbottom {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -435px -222px;
  bottom: -10px;
  height: 8px;
  left: 40%;
  position: absolute;
  width: 31px;
}
/* Rechnungsinfolayer*/
.infolayer.invoices {
    bottom: 35px;
    left: 44px;
}


/* Schriftarten */
body,
fieldset, form, input, textarea, select, option, button, label, legend,
#warenkorbBox .warenkorbHeading,
.sansSerif,
#headerMainMenu .dropdown .oneItem a,
.sixPackItem * {
  font-family: Arial, Helvetica, sans serif;
}

h1, h2, h3, h4, h5, h6,
#headerMainMenu .topLevelSpan,
#headerMainMenu .topLevelLi a,
#buehneTabs a,
.buttonSerif,
#headerRegister li,
#headerOrdering li,
.footerMenuBox .headline,
.footerPromoBox .headlinePromoBox,
.footerPromoBox .headlinePromoBox label,
#footerBox #hotline .hotlineNr,
#extrasBox,
li.ac_otherSearchOptions {
  font-family: Georgia, serif;
  font-style: normal;
}

.arial {
  font-family: Arial, sans-serif;
  font-style: normal;
}
.georgia {
  font-family: Georgia, serif;
  font-style: normal;
}
.georgia_18 {
  font-size: 18px;line-height: 21px;
  font-family: Georgia, serif;
  font-style: normal;
}
.georgia_18.pagerlike {
  background: none repeat scroll 0 0 #E5E5E5;
  margin: -18px -18px 20px -18px;
  padding: 9px 18px;
}
.P {
  font-family: Georgia, serif;
  font-style: normal;font-size: 18px;
  line-height: 24px;
}
.lh_14 {
  line-height: 14px !important;
}
.lh_18 {
  line-height: 18px !important;
}
.lh_44 {
  line-height: 44px !important;
}
.lh_55 {
  line-height: 55px !important;
}
.times {
  font-family: Times New Roman, serif !important;
  font-style: normal !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
  line-height: 17px;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs24 {
  font-size: 24px !important;
}

/* Schriftgroessen */
body {
  font-size: 12px;
}
#headerSearchFormSubmit,
#warenkorbBox .warenkorbHeading,
#headerSearchFormSelect,
#headerSearchFormSelect option,
#headerSearchFormInput,
.buttonSerif,
#headerMainMenu .dropdown .oneItem a {
  font-size: 15px;
  font-weight: normal;
}
.buttonSerif,
.footerMenuBox .headline  {
  font-size: 16px;
  font-weight: normal;
}
.footerMenuBox .headline,
.footerPromoBox .headlinePromoBox  {
  font-size: 18px;
  font-weight: normal;
}
#headerMainMenu .topLevelSpan,
#headerMainMenu .topLevelLi a,
#footerBox .hotline .hotlineNr,
#buehneTabs a,
#headerRegister li,
#headerOrdering li,
#footerTopHeading  {
  font-size: 20px;
  font-weight: normal;
}
#footerBox #hotline .hotlineNr {
  font-size: 22px;
  font-weight: normal;
}
.bold {
  font-weight: bold;
}


/* Farben (blau oder gruen) */
#headerSearchBar,
#warenkorbDropdown,
#newsletterSearchBar {
  border: 2px solid #1a93fb;
}
#headerMainMenu .topLevelLi a {
  border-bottom: 2px solid #fff;
}
/*#headerMainMenu .topLevelLi a:hover, */
#headerMainMenu .topLevelLi.active a {
  border-bottom: 2px solid #1a93fb;
}

#headerSearchFormSubmit,
#newsletterSearchBar,
#newsletterSubmit,
.buttonHighlightColor,
#headerRegister li.active,
#headerOrdering li.active,
#extrasBox ul {
  background-color: #1a93fb;
}
#warenkorbBox,
#warenkorbBox a#viewCart,
#warenkorbBox a#viewCart2,
#warenkorbBox .numberOfItemsInner,
#warenkorbVoll .itemsTotalInner {
  background-color: #4da831;
}
#mainBox .ROW_PIC_4_PRODUCTS {
  border-color: #1a93fb;
}

#headerRegister li.done,
#headerRegister li.longDone,
#headerOrdering li.done,
#headerOrdering li.longDone {
  background-color: #1a93fb;
}
#headerRegister li.toDo,
#headerOrdering li.toDo {
  background-color: #e5e5e5;
}

#pageWrapper {
  margin: 0 auto;
}


/* BOX DEFINITIONEN
--------------------------------------------------------------------------------*/

.bluebox_3 {
  border: 3px solid #1b93fb;
}
.bluebox_10 {
  border: 10px solid #1b93fb;
}

.greybox_3 {
  border: 3px solid #e5e5e5;
}
.greybox_10 {
  border: 10px solid #e5e5e5;
}

.grid_3 .greybox_3,
.grid_3 .bluebox_3 {
  width: 694px;
}
.grid_3 .greybox_10,
.grid_3 .bluebox_10 {
  width: 680px;
}

.innerboxpadding_10 {
  padding: 10px; position: relative;
}
.innerboxpadding_20 {
  padding: 20px; position: relative;
}
.innerboxpadding_15 {
  padding: 15px; position: relative;
}
.mbottom_0 {
  margin-bottom: 0 !important;
}
.mbottom_5 {
  margin-bottom: 5px !important;
}
.mbottom_10 {
  margin-bottom: 10px !important;
}
.mbottom_15 {
  margin-bottom: 15px !important;
}
.mbottom_20 {
  margin-bottom: 20px !important;
}
.mbottom_30 {
  margin-bottom: 30px !important;
}

.mtop_0{
  margin-top: 0px !important;
}
.mtop_5{
  margin-top: 5px !important;
}
.mtop_10{
  margin-top: 10px !important;
}
.mtop_15{
  margin-top: 15px !important;
}
.mtop_20{
  margin-top: 20px !important;
}
.mtop_30{
  margin-top: 30px !important;
}
.mtop_30{
  margin-top: 30px !important;
}
.mtop_35{
  margin-top: 35px !important;
}

.mleft_10{
  margin-left:10px !important;
}
.mleft_20{
  margin-left:20px !important;
}

.mleft_40{
  margin-left:40px !important;
}



.mclear{
  clear: both;
}

.relative {
  position: relative !important;
}



/* INPUTFIELDS
--------------------------------------------------------------------------------*/
input.liTextField {
  width: 385px;
  border: 2px solid #E5E5E5;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
}
input.liTextField.w532 {
  width: 532px;
}
input.liTextField.w315 {
  width: 315px;
}

/* BUTTONS / FORMULARE / LINKS
--------------------------------------------------------------------------------*/
.orderButtonBar a {
  text-decoration: none;
}
.buttonbar {
  margin: 20px 0;
}
.buttonbar.ockLayerButtonbar {
  margin:20px 0;
  padding: 0 20px;
}

.buttonbarKonto {

padding: 20px;
}

.btnFlat,
button {
  margin: 0;
  padding: 0 8px;
  border: 0;
  background: none;
  outline: none;
  position: relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.btnFlat {
  -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: content-box;    /* Firefox, other Gecko */
  box-sizing: content-box;         /* Opera/IE 8+ */
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  padding: 0 8px;
}
.btnFlat.big.righttext {
  padding: 0 20px 0 8px;
}
.btnFlat.big.lefttext{
  padding: 0 8px 0 20px;
}

.btnFlat.big  {
  font-family: Georgia,serif;
  font-size: 22px;
  height: 55px;
  line-height: 55px;
  padding: 0 15px;
}

.btnFlat.lefttext:before {
  content: "";
  float: right;
  margin-top: 1px;
  margin-left: 5px;
  width: 8px;
  height: 14px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -72px -310px;
}
.btnFlat.big.lefttext:before,
.btnFlat.big.righttext:before {
  content: "";
  float: right;
  margin-top: 13px;
  margin-left: 10px;
  width: 12px;
  height: 29px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -154px -424px;
}
.btnFlat.big.righttext:before {
  float: left;
  margin-right: 10px;
  background-position: -163px -463px;
}
.btnFlat.big.buyAnimate:before {
  display: none;
}



.btnFlat.middleSize {
  font-family: Georgia,serif;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}



a.btnFlat.white,
button.white {
  background-color: #ffffff;;
}
a.btnFlat.blue,
button.blue {
  background-color: #1b93fb;
}
a.btnFlat.green,
button.green {
  background-color: #4DA831;
}
a.btnFlat.blue,
button.blue,
a.btnFlat.green,
button.green {
  color:#ffffff;
}
a.btnFlat.grey,
button.grey {
  background-color: #e5e5e5;
  color: #444;
}


/* Header
--------------------------------------------------------------------------------*/
#headerContainer {
  border-bottom: 2px solid #e5e5e5;
  position: relative;
}

#headerLeft.extraMarginHeaderTop,
#headerRight.extraMarginHeaderTop {
  margin-bottom: 20px;
}
#headerLeft.noHeader,
#headerRight.noHeader {
  display: none;
}
.hideBottomBorder.noHeader {
  position: absolute;
  left: 0;
  top: 0;
  width: 980px;
  height: 2px;
  background-color: #fff;
}
.bodyForGiftFrame #headerContainer {
  border: none;
}
.bodyForGiftFrame #logoBox {
  padding: 25px 0 20px 20px;
}
.bodyForGiftFrame #fbContent #logoBox {
  padding: 0;
}

.giftFrame-noScriptBox {
  padding: 20px;
  border: 10px solid #e5e5e5;
  width: 880px;
  margin: 10px 0 30px 0;
}


#headerLeft .headerAwardsAndService {
  float: left;
  height: 51px;
  width: 488px;
}
.headerAwardsAndService .testSieger {
  float: left;
  text-decoration: none;
  padding-top: 3px;
}
.headerAwardsAndService .testSieger img {
  float: left;
  margin-right: 3px;
}
.headerAwardsAndService .testSieger img.cbTestSieger {
  float: left;
  margin-right: 0;
}
.headerAwardsAndService .headerService {
  float: right;
  font-size: 15px;
  margin: 8px 0 0 30px;
  position: relative;
  padding-left: 20px;
  max-width: 225px;
}
.headerAwardsAndService .headerService:before {
  background-image: url("FL-img/spritesNoRepeat.png");
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.headerAwardsAndService .headerHelp:before {
  width: 14px;
  height: 20px;
  background-position: -155px -705px;
}
.headerAwardsAndService .headerHotline:before {
  width: 18px;
  height: 23px;
  background-position: -127px -705px;
}
.headerAwardsAndService .headerBonus:before {
  width: 13px;
  height: 22px;
  background-position: -382px -705px;
}

/* rebrand Start - kann wahrscheinlich gelöscht werden */
.reBrand {
  position: absolute;
  top: 43px;
  right: 5px;
  font-size: 15px;
  padding-top: 7px;
}
#headerLeft .reBrand {
  position: static;
  float: left;
  margin: 0 35px -9px 35px;
}
.reBrand img {
  padding: 0 5px 0 2px;
}
.reBrand a {
  text-decoration: none;
}
.reBrand span:hover {
  text-decoration: underline;
}
/* rebrand Ende - kann wahrscheinlich gelöscht werden */


#headerLeftTop #logoBox  {
  float: left;
  margin: 38px 0 0 0;
  width: 191px;
  height: 55px;
  font-size: 11px;
  text-align: right;
  overflow: hidden;
}
#headerLeftTop #logoBox.extraBottomMargin {
  margin-bottom: 22px;
}

#headerLeftTop #logoBox ,
#headerLeftTop #logoBox h1 ,
#headerLeftTop h1#logoBox a,
#headerLeftTop h1#logoBox span {
  text-decoration: none;
  line-height: 11px;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0;
  word-spacing: 0;
}
#headerLeftTop h1#logoBox span {
  line-height: 11px;
  font-size: 11px;
  font-weight: normal;
}
#headerRight {
  float: right;
}
#headerLeftRight {
  float: left;
  width: 488px;
  margin-left: 30px;
}
#headerSearchBar {
  position: relative;
  float: right;
  margin: 0;
}
#headerSearchBar.bigMargin {
  margin: 51px 0 0 0;
}
#headerSearchBar.extraBottomMargin {
  margin-bottom: 22px;
}

#headerSearchFormInput,
#headerSearchFormSubmit {
  padding: 0 0 0 4px;
}

#headerSearchFormInput,
#borderForHeaderSelect,
#headerSearchFormSelect,
#headerSearchFormSubmit {
  border: none;
  float: right;
}
#headerSearchFormInput {
  width: 286px;
  height: 25px;
  line-height: 25px;
  padding: 7px 0 6px 4px;
  background: #fff;
  float: left;
  outline: none;
}
#borderForHeaderSelect {
  border: 2px solid #fff;
  height: 27px;
  padding: 7px 0 0 4px;
  background: #e5e5e5;
}
#headerSearchFormSelect {
  width: 100px;
}
#borderForHeaderSelect .chzn-container-single .chzn-single {
  background-color: #e5e5e5;
  padding: 0 0 0 0;
  top: -3px;
}
#borderForHeaderSelect .chzn-container-single .chzn-single span {
  font-size: 15px;
  margin-right: 23px;
  padding-left: 3px;
}
#headerSearchFormSelect,
select#headerSearchFormSelect,
#headerSearchFormSelect option {
  background: #e5e5e5;
  border-color: #e5e5e5;
  border: none;
}
#headerSearchFormSubmit {
  height: 38px;
  line-height: 38px;
  border: none;
  width: 86px;
  color: #fff;
  text-align: left;
  padding: 0 0 0 7px;
  cursor: pointer;
  border-radius: 0px;
}
#headerSearchFormSubmit:before {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -189px;
  float: right;
  margin: 9px 4px 0 0;
}
/* Search Autocomplete Start */
.ac_results {
  background-color: #fff;
  font-size: 15px;
  line-height: 15px;
  margin-left: -2px;
  top: 91px !important;
  width: 470px !important;
  z-index: 101;
}
.ac_results ul {
  background-color: #fff;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  border: 2px solid #1a93fb;
  display: block;
  padding: 2px;
  float: left;
}
.ac_results li {
  line-height: 15px;
  padding: 7px 9px 8px 9px;
  display: block;
  float: left;
  width: 462px;
}
.ac_headline {
  background-color: #e5e5e5;
  font-weight: bold;
}
.ac_results strong {
  font-weight: bold;
}
.ac_odd:hover,
.ac_even:hover,
li.ac_otherSearchOptions,
li.ac_otherSearchOptions a {
  color: #fff;
  cursor: pointer;
  background-color: #1a93fb;
}
li.ac_otherSearchOptions a {
  text-decoration: none;
}
.ac_odd:hover,
.ac_even:hover,
li.ac_otherSearchOptions a:hover {
  text-decoration: underline;
}
li.ac_otherSearchOptions {
  font-size: 18px;
}
a.ac_advancedSearch {
  float: left;
  padding-right: 21px;
  position: relative;
}
a.ac_advancedSearch:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 15px;
  height: 15px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -73px -95px;
}
a.ac_startCompleteSearch {
  float: right;
  padding-right: 15px;
  position: relative;
}
a.ac_startCompleteSearch:before  {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  height: 14px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -200px -277px;
}
#advancedSearchWrapper {
  margin-bottom: 30px;
}
/* Search Autocomplete Ende */


#headerMainMenu {
  width: 488px;
  height: 62px;
  float: left;
  position: relative;
  overflow: hidden;
  margin-left: 222px;
}
#headerMainMenu.headerMainMenuLeft {
  margin-left: 12px;
  width: 703px;
}
#headerMainMenu:hover {
  overflow: visible;
}


#headerMainMenu .topLevelLi {
  float: left;
  padding: 19px 20px 0 20px;
  height: 43px;
  width: auto;
}
.ie8 #headerMainMenu .topLevelLi {
  padding: 19px 18px 0 18px;
}
#headerMainMenu.headerMainMenuLeft .topLevelLi {
  padding: 19px 14px 0 14px;
}
#headerMainMenu.headerMainMenuLeft .topLevelLi.mainMenuItem_5 {
  padding-right: 14px;
}
.ie8 #headerMainMenu.headerMainMenuLeft .topLevelLi {
  padding: 19px 12px 0 12px;
}
#headerMainMenu .topLevelLi:first-child, 
#headerMainMenu .topLevelLi.mainMenuItem_1 {
  padding-left: 0;
}
#headerMainMenu .topLevelLi:last-child, 
#headerMainMenu .topLevelLi.mainMenuItem_5 {
  padding-right: 0;
  float: right;
}
#headerMainMenu.headerMainMenuLeft .topLevelLi:last-child, 
#headerMainMenu.headerMainMenuLeft .topLevelLi.mainMenuItem_5 {
  float: left;
}

#headerMainMenu .topLevelSpan,
#headerMainMenu .topLevelLi a {
  text-decoration: none;
  display: block;
}

#headerMainMenu .topLevelLi a {
  padding-bottom: 2px;
}

#headerMainMenu .dropdown {
  position: absolute;
  top: 62px;
  left: -9999px;
  width: 950px;
  padding: 14px 0 11px 10px;
  height: 300px;
  background: #e5e5e5;
  border: 10px solid #bbb;
  z-index: 111;
  background-image: url("FL-img/sprites-xRepeat.png");
  background-repeat: repeat-x;
  background-position: 0 -670px;
}
/*
#headerMainMenu .topLevelLi:hover .opendropdown {
  left: 0;
}
*/
#headerMainMenu .dropdown li {
  height: 38px;
  padding-bottom: 0;
}
#headerMainMenu .topLevelLi .dropdownPointer {
  display: none;
  position: relative;
  top: 8px;
  margin: 0 auto;
  z-index: 111;
  border-bottom: 1px solid #bbb;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -401px -414px;
  width: 27px;
  height: 7px;
}
/*
#headerMainMenu .topLevelLi:hover .dropdownPointer.opendropdown {
  display: block;
}
*/
#headerMainMenu .dropdown .oneItem {
  float: left;
  width: 215px;
  margin-right: 30px;
  height: auto;
}
#headerMainMenu .dropdown .oneItem * {
  display: block;
}
#headerMainMenu .dropdown .oneItem a {
  height: 17px;
  line-height: 17px;
  padding: 6px 15px 7px 0;
  text-decoration: none;
  border: none;
}
#headerMainMenu .dropdown .oneItem .headerProduct a,
#headerMainMenu .dropdown .oneItem .fullWidthImage a {
  height: auto;
  padding: 0;
  font-size: 12px;
  line-height: 14px;
}
#headerMainMenu .dropdown .headerProduct a {
  text-decoration: underline;
}
#headerMainMenu .headerProduct .image-left a {
  text-decoration: none;
}
#headerMainMenu .dropdown .oneItem a:hover {
  text-decoration: underline;
}
#headerMainMenu .dropdown .trennlinieHorizontal {
  height: 1px;
  background: #b8b8b8;
  margin-top: -1px;
  width: 220px;
  float: none;
  display: block;
  clear: both;
}
#headerMainMenu .dropdown .headerProduct .trennlinieHorizontal {
  height: 0;
  background: transparent;
  margin-top: 0;
  width: 140px;
  float: none;
  display: block;
  clear: both;
}
#headerMainMenu .dropdown .spacer {
  width: 220px;
}
#headerMainMenu .dropdown .headerProduct {
  width: 150px;
  height: 297px;
  padding: 28px 10px 0 60px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
#headerMainMenu .dropdown .headerProduct.headerProductCentered {
  width: 210px;
  padding: 28px 0 0 0;
}
#headerMainMenu .dropdown .headerProduct.headerProductCentered * {
  float: none;
  margin: 0 auto;
  text-align: center;
}
#headerMainMenu .dropdown .headerProduct .preis, 
#headerMainMenu .dropdown .headerProduct .mwstHinweis {
  display: inline;
}
#headerMainMenu .dropdown .headerProduct .mwstHinweis {
  font-size: 11px;
  left: -4px;
  position: relative;
  top: -5px;
}
#warenkorbBox {
  height: 36px;
  width: 240px;
  color: #fff;
  position: relative;
  line-height: 17px;
  font-size: 17px;
}
#warenkorbBox a#viewCart,
#warenkorbBox a#viewCart2,
#warenkorbBox span {
  display: block;
  text-decoration: none;
}
#warenkorbBox a#viewCart,
#warenkorbBox a#viewCart2,
#warenkorbBox #warenkorbLeer {
  height: 36px;
  width: 240px;
  background-position: 15px 12px;
  background-repeat: no-repeat;
}
#warenkorbBox #warenkorbLeer {
  background-color: #e5e5e5;
}
#warenkorbBox #warenkorbLeer:before {
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 34px; 
  height: 28px;
  background-position: -178px -705px;
  content: " ";
  position: absolute;
  top: 4px; left: 5px;
}

#warenkorbBox a#viewCart, 
#warenkorbBox a#viewCart2 {
  color: #fff;
}
#warenkorbBox #warenkorbVoll:before {
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 34px; 
  height: 28px;
  background-position: -222px -705px;
  content: " ";
  position: absolute;
  top: 4px; left: 5px;
}
#warenkorbBox .warenkorbHeading {
  float: right;
  text-align: right;
  padding: 9px 8px 0 0;
}
#warenkorbLeer .warenkorbHeading {
  padding: 9px 35px 0 0;
}
#warenkorbBox #warenkorbVoll .warenkorbHeading:after {
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 17px; height: 17px; background-position: -43px -370px;
  content:"";
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;

}
#warenkorbBox .numberOfItems {
  font-size: 10px;
  height: 14px;
  left: 20px;
  position: absolute;
  text-align: center;
  top: 10px;
  z-index: 1;
}
#warenkorbBox .numberOfItemsInner {
  border: 1px solid transparent;
  border-radius: 5px;
  height: 10px;
  min-width: 10px;
  line-height: 10px;
  display: inline-block;
}
#warenkorbVoll .itemsTotal,
#warenkorbLeer .emptyWK  {
  background-position: right 4px;
  background-repeat: no-repeat;
  height: 25px;
  text-align: right;
  float: left;
  margin: 9px 0 0 47px;
}
#warenkorbVoll .itemsTotalInner {
  float: right;
}
#warenkorbDropdown {
  position: absolute;
  top: 82px;
  left: -9999px;
  width: 956px;
  background-color: #fff;
}
#warenkorbVoll:hover #warenkorbDropdown {
  left: 0;
}


#shoppingCartFormDrop {
  display: none;
  float: left;
  position: absolute;
  top: 36px;
  right: 0;
  width: 240px;
  background: #fff;
  height: auto;
  z-index: 999;
  font-weight: normal;
  color: #444;
  padding-top: 12px;
}
#shoppingCartFormDropInner  {
  float: left;
  width: 240px;
  border: 1px solid #bbb;
  padding: 4px 14px 6px 14px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
#warenkorbBox:hover #shoppingCartFormDrop  {
  display: block;
}
#shoppingCartFormDrop:after  {
  content: "";
  position: absolute;
  top: 3px;
  right: 98px;
  float: left;
  width: 45px;
  height: 10px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -140px -748px;
}
#shoppingCartFormDrop .cartDropItem {
  font-size: 12px;
  width: 100%;
  float: left;
  border-top: 1px solid #bbb;
  padding-bottom: 5px;
  padding-top: 7px;
}
#warenkorbBox #shoppingCartFormDropInner div:first-child {
  border-top: none;
}
#shoppingCartFormDrop .bestellProzessArtikelBild {
  float: left;
  width: auto;
  max-width: 47px;
  height: auto;
  max-height: 70px; 
  margin-right: 0;
}
#shoppingCartFormDrop .titel,  
#shoppingCartFormDrop .author,  
#shoppingCartFormDrop .binder {
  float: right;
  width: 150px;
}
#shoppingCartFormDrop .binder {
  text-transform: uppercase;
  padding-top: 3px;
}

#warenkorbBox a#viewCart2 {
  color: #fff;
  position: relative;
  float: left;
  left: -15px;
  top: 8px;
}
#warenkorbBox span {
  display: inline;
}
#warenkorbBox .hint1Star {
  font-size: 12px;
  line-height: 12px;
  vertical-align: 4px;
}



#headerMyLibri,
#headerMyLibri #headerMyLibriDropdown {
  background-color: #e5e5e5;
  cursor: pointer;
}
#headerMyLibri {
  height: 87px;
  min-height: 87px;
  width: 240px;
  position: relative;
  margin: 15px 0 0 0;
  background-color: #e5e5e5;
}
#headerMyLibri:hover, #headerMyLibri:focus, #headerMyLibri:active  {
  height: auto;
}


#headerMyLibri #myLibriHeading, 
#headerMyLibri #myLibriHeading #headerTopLogin {
  height: 42px;
  width: 240px;
}
#headerMyLibri #myLibriHeading #headerTopLogin {
  display: block;
  position: relative;
  z-index: 1;
}
#headerMyLibri #myLibriHeading, 
#headerMyLibri #myLibriHeading .topWrap {
  float: left;
}
#headerMyLibri #myLibriHeading .loginHeading {
  float: left;
  text-decoration: none;
  font-family: Arial, sans serif;
  font-size: 12px;
  line-height: 14px; 
  padding: 3px 0 0 0;
  max-width: 185px;
  max-height: 14px;
  overflow: hidden;
}
#headerMyLibri #myLibriHeading a.loginHeading:hover {
  text-decoration: underline;
}

#headerMyLibri #myLibriHeading .dropHeading {
  display: block;
  font-family: Georgia, serif;
  font-size: 19px;
  line-height: 19px;  
}
#headerMyLibri #myLibriHeading.notLoggedIn .dropHeading  {
  padding: 4px 75px 0 5px;
}
#headerMyLibri .dropSubHeading  {
  text-decoration: none;
  float: left;
  padding-left: 5px;
  font-family: Arial, sans serif;
}
#headerMyLibri #headerTopLogin:hover .dropSubHeading, 
#headerMyLibri #myLibriHeading #headerTopLogin:hover .dropHeading  {
  text-decoration: underline;
}
#headerMyLibri #myLibriHeading:before {
  content:"";
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -266px -705px;
  width: 23px; 
  height: 27px; 
  float: left;
  margin: 7px 5px 0 6px;
}
#headerMyLibri #myLibriHeading.isLoggedIn:before {
  background-position: -405px -705px;
}
#headerMyLibri #myLibriHeading:after {
  content:"";
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -353px -705px;
  width: 19px; 
  height: 19px; 
  position: absolute;
  top: 18px;
  left: 141px;
}
#headerMyLibri.closed #myLibriHeading:after {
  background-position: -324px -705px;
}
#headerMyLibri #myLibriHeading.notLoggedIn:after {
  left: 135px;
  top: 12px;
}


#headerMyLibri #myLibriHeading #headerTopLogout  {
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px 10px 2px 3px;
  width: 19px; 
  height: 22px; 
}
#headerMyLibri #myLibriHeading #headerTopLogout:before {
  content: "";
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -111px -750px;
  display: block;
  width: 19px; 
  height: 22px; 
}
#headerMyLibri #myLibriHeading #headerTopLogout span {
  position: absolute;
  left: -9999px;
}

#headerMyLibri .headerPersonalToplinks {
  float: left;
  margin: 0 7px;
  padding-top: 8px;
  width: 224px;
  border-top: 1px solid #fff;
  font-size: 12px;
  line-height: 15px;
}
#headerMyLibri .headerPersonalToplinks a {
  float: left;
  text-decoration: none;
}
#headerMyLibri .headerPersonalToplinks a:hover {
  text-decoration: underline;
}
#headerMyLibri .headerPersonalToplinks a.first {
  margin: 0 50px 0 2px;
}
#headerMyLibri .headerPersonalToplinks a.last {
  float: right;
  margin-right:  2px;
}


.headerMerkzettelIcon {
  position: absolute;
  top: 4px;
  right: 0;
  width: 36px;
  height: 28px;
  border-left: 2px solid #bbb;
  text-align: center;
  font-family: Arial, sans serif;
  font-size: 10px;
}
.headerMerkzettelIcon:before  {
  content:"";
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -299px -705px;
  width: 15px; 
  height: 21px; 
  position: absolute;
  top: -1px;
  right: 8px;
}
.headerMerkzettelIcon .inner {
  position: absolute;
  top: 11px;
  right: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  border: 2px solid #bbb;
  border-radius: 9px;
  background-color: #fff;
  color: #444;
}
.headerMerkzettelIconLeer {
  color: #fff;
}
.headerMerkzettelIconLeer:before {
  background-position: -257px 0;
}
#headerMyLibri #headerMyLibriDropdown {
  position: absolute;
  top: 42px;
  width: 240px;
  z-index: 555;
  display: none;
  right: 0;
  font-family: Arial, sans serif;
}
#headerMyLibri .headerMyLibriDropdownRight {
  padding: 15px 16px 5px 16px;
  border-top: 10px solid #fff;
  width: 208px;
  float: right;
  background-color: #e5e5e5;
  position: relative;
}
#headerMyLibri .headerMyLibriDropdownRight:before {
  content: "";
  position: absolute;
  top: -9px;
  left: auto;
  right: 105px;
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 36px; height: 9px;
  background-position: -151px -686px;
}
#headerMyLibri #headerWikiTextblock {
  width: 755px;
  float: left;
  height: 360px;
  background: #bbb;
}
#headerMyLibriDropdownTrenner {
  float: left;
  background-color: #e5e5e5;
  width: 1px;
  height: 340px;
  border-top: 10px solid #bbb;
  border-bottom: 10px solid #bbb;
}
#headerLoginFormWrapper b {
  font-size: 14px;
  line-height: 16px;
}
#headerLoginFormWrapper .formTextInput {
  width: 170px;
  padding-left: 3px;
  margin: 6px 0 15px 0;
  height: 24px;
  border: 2px solid #dadada;
}
#headerLoginFormWrapper .headerLoginFormLink {
  display: block;
  margin-bottom: 10px;
}
#headerLoginFormWrapper #headerLoginFormSubmit {
  margin: 5px 0 0 auto;
  float: right;
  width: auto;
  padding-right: 7px;
  font-size: 16px;
}
#headerAnrede {
  margin-bottom: 22px;
}
#zielseitenHeading {
  margin-top: 22px;
}
.headerZielseiten {
  display: block;
  margin: 12px 0;
  text-decoration: none;
  font-size: 15px;
}
.headerZielseiten:hover {
  text-decoration: underline;
}
#headerLogout, 
#headerLogin  {
  width: 110px;
  text-align: center;
}
#headerLogout {
  margin-bottom: 12px;
}
#headerMyLibriDropdown hr {
  border: 1px solid #fff;
}
#headerCreate {
  width: 980px;
  height: 173px;
}
#headerOrdering #logoBox {
  float: left;
  width: 900px;
  margin: 20px 0;
}
#headerOrdering  {
  float: left;
  margin-bottom: 26px;
  position: relative;
}
#headerOrdering li a {
  text-decoration: none;
}
#headerOrdering li a:hover {
  text-decoration: underline;
}
#headerRegister li,
#headerOrdering li {
  width: 166px;
  padding-right: 20px;
  height : 48px;
  line-height: 48px;
  float: left;
  text-align: center;
  position: relative;
}
#headerRegister li,
#headerOrdering li,
#headerOrdering li a {
  color: #fff;
}
#headerRegister li.toDo,
#headerOrdering li.toDo {
  color: #444;
}
#headerRegister li:before,
#headerOrdering li:before {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  width: 20px;
  height: 48px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -96px;
}
#headerRegister li.active:before,
#headerOrdering li.active:before {
  background-position: -400px -290px;
}
#headerRegister li.toDo:before,
#headerOrdering li.toDo:before {
  background-position: 0 -217px;
}
#headerOrdering li.step1 {
  width: 171px;
}
#headerOrdering span#headerOrderingCartIcon {
  float: left;
  width: 25px;
  height: 20px;
  margin: 13px 0 0 16px;
  background-color: transparent;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -224px -589px;
}

#headerRegister li {
  width: 510px;
}
#headerRegister li.step5 {
  width: 385px;
}
#headerRegister li.step5,
#headerOrdering li.step5 {
  padding-left: 43px;
  padding-right: 22px;
}
#headerRegister li.step5:before,
#headerRegister li.confirmation:before,
#headerOrdering li.step5:before,
#headerOrdering li.confirmation:before {
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 19px; height: 18px;
  background-position: -70px -175px;
  top: 15px;
  right: auto;
  left: 17px;
}
#headerRegister li.step5:before,
#headerRegister li.confirmation:before  {
  left: 175px;
}
#headerRegister li.confirmation:before,
#headerOrdering li.confirmation:before {
  background-position: -70px -147px;
}



/* Breadcrumbs
--------------------------------------------------------------------------------*/
#breadcrumbBox {
  padding: 7px 0 57px
}
#breadcrumbBoxEmpty {
  padding: 18px 0 0 0
}
#breadcrumbBox .breadcrumb {
  height: 15px;
  line-height: 15px;
  font-size: 14px;
  float: left;
  padding: 16px 14px 11px 10px;
  position: relative;
}
#breadcrumbBox .breadcrumb:after {
  content: "";
  position: absolute;
  top: 22px;
  left: auto;
  right: 0 ;
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 4px;
  height: 6px;
  background-position: -387px -414px;
}
#mainBox #breadcrumbBox a:first-child {
  padding-left: 0;
}
#breadcrumbBox .lastOne:after {
  background-image: none;
}
#leftColumn {
  overflow: hidden;
  background: #e5e5e5;
}
.t-one-column  #leftColumn,
.t-two-columns #leftColumn {
  margin-bottom: 28px;
}

/* Listen / Produktliste / Suchergebnislisten / Merklisten / Prodsyslisten
--------------------------------------------------------------------------------*/
.subtext {
  padding: 0 0 13px 15px;
}
.subtext .times {
  font-size: 21px;
}
#resultlistArea {
  background-color: #e5e5e5;
  margin-bottom: 30px;
}
.resultlist {
  background-color: #fff;
  margin: 10px;
}
.resultlist .articlecontainer {
  position: relative;
  height: 262px;
}
.resultlist .articlecontainer:after,
.resultlist .articlecontainer165:after,
.resultlist .articlecontainer150:after,
.resultlist .articlecontainer210:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 20px;
  width: 640px;
  height: 1px;
  background-color: #e5e5e5;
}
#articlecontainerWrapper div:last-child:after {
  background-color: #fff;
}
.resultlist .bestsellerrank {
  font-family: georgia;
  font-size: 22px;
  letter-spacing: -1px;
  left: 20px;
  position: absolute;
  top: 30px;
}
.resultlist .coverbox {
  left: 30px;
  position: absolute;
  top: 40px;
}
.resultlist .coverbox.bestseller {
  left: 62px;
}
.resultlist .coverbox .coverimg{
  position: relative;width: 81px;
}
.resultlist .coverbox .coverimg img{
  width: 80px !important;
  height: auto;
  max-height: 135px;
}
.resultlist .coverbox .prozentStoerer, 
.sixPackItem.hatRabatt .prozentStoerer {
  background: #89016b;
  width: 46px;
  height: 46px;
  border-radius: 23px;
  position: absolute;
  right: -15px;
  top: -15px;
}
.sixPackItem.hatRabatt .prozentStoerer {
  right: 10px;
  top: -11px;
}
.oversizedSixPackProductsWrapper .sixPackItem.hatRabatt .prozentStoerer {
  top: -20px;
}
.resultlist .coverbox .prozentStoerer .hintStars, 
.sixPackItem.hatRabatt .prozentStoerer .hintStars {
  position: relative;
  display: inline;
  top: -3px;
  left: -4px;
  right: auto;
  font-weight: normal;
  font-size: 11px;
  margin-right: -5px;
}
.ie8 .resultlist .coverbox .prozentStoerer, 
.ie8 .sixPackItem.hatRabatt .prozentStoerer, {
  background: url("FL-img/noSprite/prozentstoerer_lila.png") no-repeat scroll 0 0 transparent;
}
.resultlist .coverbox .prozentStoerer span, 
.sixPackItem.hatRabatt .prozentStoerer span {
  color: #fff;
  display: block;
  padding-top: 15px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
.resultlist .articleinfobox {
  left: 130px;
  position: absolute;
  top: 40px;
  width: 332px;
}
.resultlist .articleinfobox.bestseller {
  left: 170px;
}
.resultlist .articleinfobox h3.title {
  font-size: 18px;
  left: 0;
  line-height: 21px;
  max-height: 44px;
  overflow: hidden;
  position: absolute;
  top: -4px;
}
.resultlist .articleinfobox .informationbox,
.resultlist .articleinfobox .subtitleauthorbox{
  position: absolute;
  top: 55px;
  font-weight: bold;
}
.resultlist .articleinfobox .informationbox {
  font-weight: normal;
}
.resultlist .articleinfobox .author {
  font-size: 12px;line-height: 15px;
  font-weight: normal;
}
.resultlist .articleinfobox .author span {
  font-weight: normal;
}
.resultlist .articleinfobox .format {
  position: absolute;
  top: 102px;
  left: 0;
  float: left;
  height: 13px;
  line-height: 13px;
  vertical-align: bottom;
}
.resultlist .articleinfobox .format .binderNameIcon {
  float: left;
  margin-right: 5px;
  position: relative;
  top: -1px;
}
.bonusShop .resultlist .articleinfobox .bonuspoints {
  position: absolute;
  top: 115px; 
  left: auto;
  right: -142px;
}
.resultlist .articleinfobox .downloadformat {
  position: absolute;
  top: 85px;left: 0;
}
.resultlist .articleinfobox .displayname {
  text-transform: uppercase;
}
.resultlist .articleinfobox .bindername, 
.bindername, 
.bindernameAva {
  text-transform: lowercase;
  color:  #1a93fb;
  cursor: pointer;
}
.resultlist .articleinfobox .bindernameFilm, 
.bindernameFilm, 
.bindernameAvaFilm {
  text-transform: none;
  color: #444;
  cursor: text;
}
.resultlist .articleinfobox .binderinfoimg, .binderinfoimg {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -391px;
  display: inline-block;
  height: 14px;
  width: 30px;
  margin-left: 1px;
  vertical-align: top;
  position: relative;
}
#edit-newsletter .infoIcon {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -391px;
  width: 14px; height: 14px;
  display: inline-block;
}


.resultlist .binderinfoimg,
.bindernameAva .binderinfoimg {
  width: 30px;
}
.binderinfoimg span.drmWiki,
.sepaInfo .sepaInfoFull {
  position: absolute;
  left: -9999px;
  top: -30px;
  z-index: 28;
  color: #444;
  font-family: Arial, sans serif;
  font-size: 12px;
  background: #e5e5e5;
  border: 2px solid #bbb;
  border-radius: 3px;
  padding: 10px;
  width: 220px;
  min-height: 50px;
  cursor: auto;
  text-transform: none;
}
.sepaInfo {
  position: relative;
}
.sepaInfo .sepaInfoFull {
  width: 196px;
  min-height: 20px;
}
.resultlist .bindername:hover span.drmWiki,
.bindernameAva:hover span.drmWiki {
  left: 25px;
}
.sepaInfo:hover .sepaInfoFull {
  left: 0;
  right: auto;
  top: 24px;
}
.drmWiki .layerArrow {
  position: absolute;
  top: 20px;
  left: -10px;
  width: 8px;
  height: 31px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -55px;
}
.sepaInfo .sepaInfoFull .layerArrow  {
  position: absolute;
  top: -10px;
  left: 90px;
  width: 31px;
  height: 8px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -57px -292px;
}
span.drmWiki p:first-child {
  margin-top: 0;
}
span.drmWiki p:last-child {
  margin-bottom: 0;
}

.sepaInfo {
  padding: 2px 0;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  width: auto;
  max-width: 240px;
}
.bestellProzessH2 .sepaInfo {
  float: left;
  left: 50px;
  top: 4px;
}
.bestellProzessH2 .sepaMandateText {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  padding-left: 20px;
}
.accountSepaInfo.sepaInfo {
  left: 270px;
  top: -18px;
  width: 230px;
  margin-bottom: -15px;
}
#quickBuyBox .sepaInfo {
  width: 220px;
}
#editOckSettingsForm .accountSepaInfo.sepaInfo {
  left: 250px;
  top: -28px;
  width: 230px;
  margin-bottom: 0;
}
.sepaInfo .sepaInfoShort,
.sepaInfo .sepaInfoIcon {
  color: #1A93FB;
  cursor: help;
  height: 17px;
  line-height: 14px;
  vertical-align: middle;
}
.sepaInfo .sepaInfoIcon {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position:  0 -391px;
  display: inline-block;
  width: 14px;
  margin-left: 3px;
}
.sepaMandatRef {
  font-weight: bold;
}

#sepaToolBox {
    border-top: 1px solid #e5e5e5;
    margin: 25px 0 0 0;
}
#order-payment-bankaccount #sepaToolBox {
  margin-bottom: 20px;
}
.sepaToolLabel {
    padding: 15px 0 5px 0;
    display: inline-block;
}
.sepaToolLabel:before {
   content: "";
   width: 16px;
   height: 16px;
   background-image: url("FL-img/spritesNoRepeat.png");
   background-position: -374px -622px;
   display: inline-block;
   margin-right: 3px;
}
#sepaTool {
    display: none;
    padding-top: 10px;
}
#sepaTool h3 {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans serif;
}
#sepaToolBox #sepaTool .formErrorAccount {
  margin: 0;
}
#sepaToolBox #sepaTool .formErrorAccount.global {
  margin: 5px 0 0 0;
}
#sepaTool .buttonbar {
  margin-bottom: 0;
}
#sepaTool #calculateButton {
  padding-right: 8px;
  text-align: center;
  width: 201px;
}
.buttonAnimation {
    width: 130px;
    background-color: transparent;
    float: left;
    text-align: center;
}
#sepaTool .buttonAnimation {
    width: auto;
    position: relative;
    text-align: left;
    padding: 6px 8px 0 40px;
    font-size: 15px;
    background: #e5e5e5;
    height: 24px;
    border-radius: 4px;
}
.buttonAnimation img {
    height: 22px;
    width: 22px;
    display: block;
    position: absolute;
    top: 4px;
    left: 11px;
}

.resultlist .articleinfobox .language {
  position: absolute;
  top: 117px;
  left: 0;
}
.resultlist .articleinfobox .availability {
  left: 0;
  position: absolute;
  top: 146px;
  width: 528px;
  line-height: 13px;
  max-height: 27px;
  overflow: hidden;
}
#merkzettelPage .resultlist .articleinfobox .availability {
  width: 400px;
}
.resultlist .articleinfobox .availability * {
  vertical-align: baseline;
}
.resultlist .articleinfobox .orderdetails {
  left: 0;
  position: absolute;
  top: 115px
}

.resultlist .articlepricebox {
  position: absolute;
  right: 20px;
  text-align: right;
  top: 40px;
  width: 202px;
  height: 135px;
}
.resultlist .articlepricebox.top20 {
  top: 20px;
}
.resultlist .articlepricebox .label{
  font-family: Arial,sans-serif;
  font-size: 12px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: -25px;
}
.resultlist .articlepricebox .label .noTransform {
  text-transform: none;
}

.resultlist .articlepricebox .preis{
  font-family: Arial, sans-serif; 
  font-size: 24px;
  line-height: 16px; 
  font-weight: bold;
  color: #1a93fb;
  margin-top: 0px;
  float: none;
}
.resultlist .articlepricebox .hintStars {
  font-size: 12px;
  line-height: 12px;
  position: relative;
  top: -8px;
}
.resultlist .articlepricebox .mwst{
  margin-top: 5px;
}
.resultlist .articlepricebox .outputformat{
  margin-top: 19px;
}
.resultlist .articlepricebox .addedDate {
  position: absolute;
  right: 0;
  bottom: 0;
}

.resultlist .articlecontainer .verwandte {
  right: 190px;
  position: absolute;
  bottom: 0;
  width: 168px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  padding-left: 10px;
  background-color: #e5e5e5;
}
.resultlist .articlecontainer .verwandte:before {
  content: "";
  float: right;
  margin: 12px 10px 0 0;
  width: 15px; height: 7px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -362px -414px;
}
.resultlist .articlecontainer .verwandte:hover {
  color: #fff;
  background-color: #bbb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.resultlist .articlecontainer .verwandte:hover:before {
  background-position: 0 -374px;
}

.resultlist  .alternativeItem  {
  position: absolute;
  left: -9999px;
  right: auto;
  bottom: 30px;
  background-color: #e5e5e5;
  border: 2px solid #bbb;
  border-radius: 3px;
  border-bottom-right-radius: 0;
  padding: 8px;
  float: left;
}
.resultlist .verwandte:hover .alternativeItem  {
  left: auto;
  right: 0;
}
.resultlist  .alternativeItem a {
  padding: 0 7px;
  border-top: 1px solid #bbb;
  width: 225px;
}
.resultlist  .alternativeItem a:first-child {
  border-top: none;
}
.resultlist  .alternativeItem .borderTop a {
  border-top: 1px solid #bbb;
}
.resultlist  .alternativeItem .borderNone a {
  border-top: none;
}
.resultlist  .alternativeItem a,
.resultlist  .alternativeItem span {
  float: left;
  height: 40px;
  line-height: 40px;
}
.resultlist  .alternativeItem .binderNameIcon {
  height: 13px;
  margin-top: 12px;
}
.resultlist  .alternativeItem .warenartDisplayName {
  padding: 0 0 0 7px;
  width: 125px;
}
.resultlist  .alternativeItem .preis {
  float: right;
  width: 70px;
  text-align: right;
}
.resultlist .alternativeItem .hint1Star {
  float: none;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  vertical-align: text-top;
}
.resultlist .getarticlebox {
  bottom: 20px;
  left: 130px;
  position: absolute;
  width: 530px;
}
.resultlist .getarticlebox.bestseller {
  left: 170px; width: 490px;
}
.resultlist .getarticlebox .bewertung {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}
#merkzettelPage .resultlist .getarticlebox .bewertung {
  margin-right: 17px;
}
.resultlist .debugSearchScore {
  position: absolute;
  left: 130px;
  top: 30px;
}
.resultlist .getarticlebox .btn_wishlist{
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 24px; height: 30px;
  background-position: -129px -463px;
  cursor: pointer;
  float: left;
  margin-right: 5px;
}
.resultlist .getarticlebox .btn_wishlist a {
  display: block; width: 24px; height: 30px;
}
.btn_wishlist {
    display: none;
}
.getarticlebox .btn_remove a {
  width: 85px;
  float: left;
  margin: 9px 5px 0 0;
  text-decoration: none;
  cursor: pointer;
}
.getarticlebox .btn_remove a:before {
  content: "";
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -6px -453px;
  width: 13px;
  height: 18px;
  float: left;
  text-decoration: none;
}
.resultlist .getarticlebox .btn_remove span {
  float: left;
  margin: 4px 0 0 4px;
}
.resultlist .getarticlebox .btn_download {
  width: 117px;
}
.resultlist .getarticlebox .btn {
  position: relative;
  float: right;
}

#eBookHistory .getarticlebox .kontoDownloadLink {
  position: absolute;
  float: none;
  right: 0;
  bottom: 0;
}
#eBookHistory .getarticlebox .kontoDownloadLink.tolinoLink {
  bottom: 40px;
}
#eBookHistory .getarticlebox .kontoDownloadLink.tolinoLink.wait {
  width: 110px;
}
.kontoDownloadLink,
.kontoDownloadLink * {
  text-decoration: none;
}
.resultlist .getarticlebox .usedbookteaser {
    left: 170px;
    position: absolute;
    top: 10px;
}

.resultlist .getarticlebox .bestellstatus {
  position: absolute;
  right: 0;
  top: -27px;
}


.resultlist .getarticlebox div[id^=used] a {
  text-decoration: none;
}

.resultlist hr {
  border: none;
  height:1px;
  border-top:1px solid #e5e5e5;
  background:transparent;
  margin: 0 20px;
}
.resultlist hr:last-child {
  display: none;
}
#searchResultWikiTextfield .textblock {
  margin: 0 0 20px 0;
  margin: 0 0 20px -240px;
  width: 700px;
  width: 940px;
}
#searchResultWikiTextfield  .textblockInner {
  float: right;
  min-height: 130px;
  padding: 0 0 0 20px;
  height: 130px;
  width: 660px;
  width: 900px;
  border: 10px solid #1a93fb;
}
#searchResultWikiTextfield .textblockInner * {
  max-height: 130px;
}
#mainBox .suchFilterSpacer {
  height: 40px;
  width: 220px;
  background: #fff;
}

#mainBox .suchFilterHeading {
  background-color: #1A93FB;
  color: #FFF;
  text-align: center;
  width: 200px;
  border-left: 10px solid #1a93fb;
  border-right: 10px solid #1a93fb;
  padding: 8px 0 31px 0;
}

#mainBox .suchFilterHeading .suchFilter {
   background-image: url("FL-img/spritesNoRepeat.png");
   background-position: -290px -581px;
   padding: 16px;
}


#mainBox .suchFilterSpacer.searchWikiBannerPresent {
  height: 207px;
}
.filternavigation {
  border: 10px solid #1a93fb;
  border-top: none;
  background: #fff;
}
div.accountnav div div.filternavigation {
  border:none;
  background-color: transparent;
}
/*
Account - Startseite
--------------------------------------------------------------------------------*/
#lastDownloads .innerboxpadding_15 {
  padding: 15px 0 15px 30px;
}
#lastDownloads .lastdownloadsitem {
    height: 250px;
}

#lastDownloads .kontoDownloadLink.tolinoLink, 
#lastDownloads .lastdownloadsitem .btn_download {
  position: absolute; 
  top: 218px;
  width: 112px; 
  padding-right: 30px;
}
#lastDownloads .lastdownloadsitem .btn_download.btnXS {
  width: 30px; 
  left: 116px;
  padding: 0;
}
#lastDownloads .lastdownloadsitem .btn_download.btnXS.btnIco:before  {
  right: 2px;
}

#lastDownloads .downloadAnimation {
  float: none;
  position: absolute;
  width: 112px;
  top: 218px;
  height: 27px;
  padding: 2px 0 1px 0;
  text-align: left;
}
#lastDownloads .downloadAnimation.btnXS {
  width: 32px;
  left: 115px;
}
#lastDownloads .downloadAnimation img {
    float: left;
    margin-right: 3px;
}
#lastDownloads .downloadAnimation.tolinoLink span {
  position: relative; 
  top: -1px;
  left: -4px;
}
#lastDownloadsErrors {
    margin: -10px 0 10px 30px;
}


#myEbooksHelpBox h3 {
  font-size: 15px
}
#myEbooksHelpBox p {
  min-height: 42px;
}
#myEbooksHelpBox p:before {
  content:"";
  float: left;
  height: 42px;
  width: 42px;
  border-radius: 21px;
  background-color: #8c016d; 
  margin-right: 15px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -459px -695px;
}
#myEbooksHelpBox p.adobe:before {
  background-position: 0 -742px;
}
#myEbooksHelpBox p.devices:before {
  background-position: -32px -742px;
}
#myEbooksHelpBox p.adobe {
  margin-bottom: -5px;
}
#myEbooksHelpBox p.devices {
  margin-bottom: 5px;
}
#oldOrderHintWrap, 
#oldOrderHintWrap2 {
  display: none !important;
}
#myCloudPage {
  width: 650px;
  float: left;
}
#myCloudPage .devices, 
#myCloudPage .library {
  border-bottom: 10px solid #e5e5e5;
  padding-bottom: 25px;
  margin-bottom: 15px;
}
#myCloudPage .webReader {
  margin-bottom: 0;
}
#myCloudPage .devices:before, 
#myCloudPage .library:before,  
#myCloudPage .webReader:before {
  content: "";
  float: left;
  height: 72px;
  width: 72px;
  margin-right: 15px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-image: url("FL-img/noSprite/geraeteManager.png");
  
}
#myCloudPage .library:before {
  background-image: url("FL-img/noSprite/bibliotheksLink.png");
}
#myCloudPage .webReader:before {
  background-image: url("FL-img/noSprite/webReader.png");
}
#myCloudPage .btnFlat {
  margin-left: 10px;  
}

#myCloudPage span {
  position: relative;
  top: 8px;
}


/*
Listen / mit einer festen Höhe der Container von 210px oder 165px und dynamischer articleinfobox
Account - Ebook Downloads
Account - Hörbuch Downloads
--------------------------------------------------------------------------------*/
.resultlist .articlecontainer165 {
  position: relative;height: 165px;
}
.articlecontainerMyAudioBooks .formError,
.resultlist .articlecontainer165 .formError {
  position: absolute;
  bottom: 95px;
  width: 230px;
  right: 22px;
}
.resultlist .articlecontainer210 {
  position: relative;height: 210px;
}
.resultlist .articlecontainer150 .articleinfobox,
.resultlist .articlecontainer165 .articleinfobox,
.resultlist .articlecontainer210 .articleinfobox {
  width: 385px;top: 20px;
}
.resultlist .articlecontainer165 .coverbox,
.resultlist .articlecontainer210 .coverbox {
  top: 20px;
}
.resultlist .articlecontainer165 .getarticlebox,
.resultlist .articlecontainer210 .getarticlebox {
  bottom: 20px;
}
.resultlist .articleinfobox.dynamisch h3.title {
  position: relative;
}


/*
Listen / mit einer festen Höhe der Container von 150px;
Account - Bestelldetails
--------------------------------------------------------------------------------*/
.resultlist .articlecontainer150 {
  position: relative;height: 150px;
}
.resultlist .articlecontainer150 .articleinfobox ,
.resultlist .articlecontainer150 .coverbox {
  top: 20px;
}
.resultlist .articlecontainer150 .coverbox {
  left:20px;
}

.resultlist .articlecontainer150 .getarticlebox {
  bottom: 20px;
}


/*
Listen / Container mit dynamischer Höhe
Account- Bestellübersicht
--------------------------------------------------------------------------------*/
.resultlist .dynamiccontainer {
  position: relative; padding: 20px;
}
.dynamiccontainer h3,
.dynamiccontainer ul li{
  font-family: Arial, sans-serif;
}
.dynamiccontainer h3 {
  font-size: 14px; line-height: 17px;
}
.dynamiccontainer.couponHistory {
  margin: 0 20px;
  padding: 20px 0;
  border-top: 1px solid #e5e5e5;
}
#dynamiccontainerWrapper div:first-child {
  border-top: none;
}

/* Listen / X weitere Artikel
--------------------------------------------------------------------------------*/
.resultlist .moreresults {
  position: relative;
  margin-top: 20px;
  background-color: #1a93fb;
  height: 75px;
  text-align: center;
  margin: 20px 2px 0;
}
.resultlist .moreresults a {
  position: relative;
  color:#fff;
  text-decoration: none;
  font-size: 33px;
  line-height: 75px;
  font-family: Georgia, serif;
}
.resultlist .moreresults a .times{
  font-size: 34px;
}
.resultlist .moreresults a:after {
  content: "";
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -154px -424px;
  width: 12px;
  height: 29px;
  position: absolute;
  right: -18px;
  top: 5px;
}

/* Listen / Merkzettel löschen / Alle Artikel in den Warenkorb legen
--------------------------------------------------------------------------------*/
.resultlist .notepadactions {
  position: relative;
  height: 55px;
  padding: 20px;
  text-align: center;
}
.resultlist .notepadactions a {
  line-height: 55px;
  text-decoration: none;
  font-size: 22px;
  position: relative;
}
.resultlist .notepadactions .deletenotepad {
  float: right;background-color: #e5e5e5; width: 220px; height: 55px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.resultlist .notepadactions .addallarticlestocart {
  float:right;background-color: #1a93fb; width: 405px; height: 55px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.resultlist .notepadactions .addallarticlestocart span {
  color: #FFFFFF;
}
.resultlist .notepadactions .addallarticlestocart a img {
  position: absolute;
  right: -15px;
  top: -2px;
}

/* Listen / Paging
--------------------------------------------------------------------------------*/
.resultlist .pager {
  background-color: #E5E5E5;
  border: 2px solid #fff;
  min-height: 75px;
}
.resultlist .pager form .searchparameter,
.resultlist .pager form.searchparameter {
  float: left;
  margin: 18px -8px 18px 18px;
  width: 180px;
}
#mainBox .listItemsPerPage {
  float: left;
  margin: 18px -8px 18px 18px;
}
#mainBox .listItemsPerPage,
#mainBox .listItemsPerPage select {
  width: 110px;
}
#mainBox .listItemsPerPage option {
  padding-right: 15px;
}
#mainBox .myEbooksPager .listItemsPerPage {
  margin: 18px -888px 18px 18px;
}
#mainBox .wishlistPager .sortBy {
  margin-right: -888px;
}
.resultlist .pager .listpagingbox {
  float: right;
  margin: 15px 18px 0 0;
}
.resultlist .pager .listpagingbox span {
  float: left;
}
.resultlist .pager .listpagingbox .currentpage {
  margin: 10px 9px 0 0;
}
.resultlist .pager .pagerArrow {
  display: block;
  float: left;
  height: 33px;
  width: 33px;
  cursor: pointer;
  background-image: url("FL-img/spritesNoRepeat.png");
}
.resultlist .pager .pagerArrow.back {
  background-position: -71px -544px;
}
.resultlist .pager .pagerArrow.next {
  background-position: -32px 0;
}
.resultlist .pager span.pagerArrow.back {
  background-position: -216px -658px;
}
.resultlist .pager span.pagerArrow.next {
  background-position: -259px -658px;
}


/* Rezensionen
--------------------------------------------------------------------------------*/
#meineRezensionen .formError ul {
  display: block;
  margin-bottom: 10px;
}
.reviewItem {
  border-top: 1px solid #e5e5e5;
  margin: 0 20px;
}
#reviewItemWrapper div:first-child{
  border-top: none;
}

.resultlist .reviewcontainer {
  position: relative;
  min-height: 152px;
}
.reviewcontainer .coverbox {
  left: 0;
  position: absolute;
  top: 20px;
}
.reviewcontainer .coverbox .coverimg img {
  width: 67px !important;
  height: auto;
}
.reviewcontainer .articleinfobox {
  left: 85px;
  top: 20px;
  width: 560px;
}
.reviewcontainer .articleinfobox .title {
  font-size: 14px;
  font-family: Arial, sans-serif;
  margin-top: -4px;
}
.reviewcontainer .articleinfobox .wrotefor,
.reviewcontainer .articleinfobox .ownrating,
.reviewcontainer .articleinfobox .status {
  margin-top: 15px;
}
.reviewcontainer .reviewStatusIcon {
  display: inline-block;
  margin-right: 4px;
  width: 10px;
  height: 10px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -452px -275px;
}
.reviewcontainer .reviewStatusIcon.online {
  background-position: -452px -275px;
}
.reviewcontainer .reviewStatusIcon.rejected {
  background-position: -313px -639px;
}
.reviewcontainer .reviewStatusIcon.offline {
  background-position: -260px -587px;
}
.reviewbox .rejectedReason {
  padding-left: 85px;
}

.reviewcontainer .editbtn,
.reviewcontainer .deletebtn {
  position: absolute;
  right: 0;
  top: 90px;
}
.reviewcontainer .editbtn {
  right: 85px;
}
.reviewcontainer .editbtn a,
.reviewcontainer .deletebtn a {
  text-decoration: none;
}

/*
.reviewcontainer .editbtn span{
  font-family: georgia,serif;
  font-size: 16px;
  line-height: 30px;
  padding-left: 14px;
  text-decoration: none;
  text-transform: lowercase;
}*/
.reviewbox {
  margin-bottom: 20px;
  position: relative;
  width: 640px;
}
/* Rezensionen schreiben
--------------------------------------------------------------------------------*/
.layerbg,
#Layer,
#reviewLayer {
  width: 100%;
}
#Layer,
#reviewLayer {
  background-color: #E5E5E5;

}
#Layer input.liTextField,
#couponLayer input.liTextField,
#reviewLayer input.liTextField {
  width: 412px;border:1px solid #dfdfdf;
}
#Layer textarea,
#couponLayer textarea,
#reviewLayer textarea {
  border: 1px solid #DFDFDF;
  font-size: 13px;
  height: 90px;
  padding: 8px;
  width: 475px;
}
#Layer .captcha.img,
#couponLayer .captcha.img,
#reviewLayer .captcha.img {
  border: 1px solid #DFDFDF;
}
/**
order-gift
*/

#giftService {
  background-color : #FFF;
}

#Layer .giftitem {
  height: 90px;
  width: 130px;
  float: left;
}
#Layer .giftitem a{
  margin-left: 25px;
}
#Layer .giftitem .radio{
  vertical-align: top;
}
#Layer ul {
  list-style-type: disc;
  margin-left: 25px;
}

#grussText {
  float: left;
}
#giftWrapView {
  float: left;
  width: 200px;
  margin: -40px 0 0 40px;
}
#giftCardHelp {
  margin-top: 10px;
  float: left;
  width: 500px;
}
/* Register
--------------------------------------------------------------------------------*/
#headerRegister {
  height: 102px;
  position: relative;
}
#headerRegister #logoBox{
  padding-top: 20px;
}
#registerStep1 {
  width:980px;
  height: 48px;
  margin: 22px 0 24px 0;
  float: left;
}
#registerBoxOuter {
  background-color: #FFFFFF;
  border: 10px solid #1a93fb;
  width: 920px;
  margin-bottom: 15px;
}
#registerBoxInner {
  padding: 20px;
}
#registerBoxInner .headeraccessdata {
  font-weight: bold;font-family: Arial, sans-serif;
  margin-top: 12px;
}
#registerBoxInner label,
#registerBoxInner .label,
.salutationLabel.label {
  display: block;
  margin: 20px 0 7px;
}
/* wurde auf radio-buttons umgestellt
#registerBoxInner select#salutation,
#registerBoxInner select#salutation option {
  width: 397px;
}
*/
#registerBoxInner #salutationChoose {
  display: block;
}
#salutationChoose .radio,
#salutationChoose label {
  float: left;
  cursor: pointer;
}
#salutationChoose label {
  float: left;
  padding: 4px 20px 4px 3px;
  margin: 0;
}
#registerBoxInner input.liTextField {
  width: 385px; border: 2px solid #e5e5e5;height: 24px;
  padding-left: 8px;
}
.informationicon,
#registerBoxInner .informationicon {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -391px;
  height: 14px;
  width: 14px;
  display: inline-block;
  vertical-align: top;
}
#registerBoxInner hr {
  border: none;
  height:0px;
  border-top:10px solid #e5e5e5;
  background:transparent;
  margin: 28px 0 15px;
}
#registerBoxInner .optionalfields {
  margin-bottom: -12px;
}
#registerBoxInner .buttonBar {
  margin-top: 20px;
}
#registerBoxInner button.cancel {
  float: left;
  background-color: #e5e5e5;
}
#registerBoxInner button.cancel img {
  margin-right: 9px;
  margin-top: -1px;
}
#registerBoxInner button.register {
  float: right;
  background-color: #1a93fb;
}
#registerBoxInner button.register span {
  color: #FFFFFF;
}
#registerBoxInner button.register img {
  margin-left: 9px;
  margin-top: -1px;
}

.formErrorAccount,
#chEmail .formErrorAccount,
#chPassword .formErrorAccount,
#editPayment .formErrorAccount,
#registerBoxInner .formErrorAccount {
  color: #CC0000;
  display: block;
  margin-bottom: -10px;
  margin-top: 10px;
}
.formErrorEditAccountFirstone {
  margin-bottom: 0;
}
.requiredfield,
#registerBoxInner .textbox {
  display: block;
  margin: 14px 0 20px
}
#registerBoxInner .chooseadress {
  margin: 10px 0 25px;
}
#registerBoxInner .chooseadress,
#registerBoxInner .chooseadress a {
  height: 18px;
  line-height: 18px;
  text-decoration: none;
}
#registerBoxInner .chooseadress a {
  float: left;
  margin-right: 25px;
}
#registerBoxInner .chooseadress a:before {
  content: "";
  float: left;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -253px -509px;
}
#registerBoxInner .chooseadress a.unSelected:before {
  background-position: -100px -366px;
}

.greyselectbox .chzn-container-single .chzn-single,
#salutation_chzn.chzn-container-single .chzn-single,
#registerBoxInner #salutation_chzn.chzn-container-single .chzn-single {
  background-color: #e5e5e5;
  height: 28px;
}

.nosearchfield .chzn-container-single .chzn-search,
#salutation_chzn.chzn-container-single .chzn-search,
#registerBoxInner #salutation_chzn.chzn-container-single .chzn-search {
  display: none;
}

/* Register / Optional
--------------------------------------------------------------------------------*/
#optionalContainer {
  margin-top: 30px;
}
#country_chzn.chzn-container-single .chzn-single,
#optionalContainer #country_chzn.chzn-container-single .chzn-single {
  background-color: #e5e5e5;
  height: 28px;
}
#optionalContainer .last {
  margin-bottom: 34px;
}
#adressCorrectionError {
  margin: 10px 0 7px 0;
}
#mainBox .adressCorrection {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 12px 0 3px 0;
}
.adressCorrectionItem {
  margin: 1px 0;
}
.adressCorrectionItem button {
  margin: 0;
  padding: 0;
  border: none;
  line-height: 15px;
  height: 15px;
}
.adressCorrectionItem.lastOne {
  margin: 1px 0 40px 0;
}

/* Register / Help
--------------------------------------------------------------------------------*/
#aboveFooter {
  margin: 0 auto 30px auto;
}
.contacthotline {
  background-color: #1b93fb;
  width:220px;
  height:300px;
  color:#fff;font-size: 18px;
}
.contacthotline .phonenumber {
  font-size: 34px;line-height: 35px;
  font-family: Georgia, serif;
}
.contacthotline .serviceinfo {
  font-size: 15px;line-height: 17px;
  padding-top: 4px;
}
.contacthotline .phoneimage {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -322px -473px;
  bottom: 20px;
  height: 97px;
  position: absolute;
  right: 20px;
  width: 69px;
}
.chat {
  display: block;
  background-image: url("FL-img/chat.png");
  width: 76px;
  height: 64px;
  line-height: 55px;
  text-align: center;
  color: #1a93fb;
  font-family: Georgia, serif;
  font-size: 24px;
  text-decoration: none;
}
.contacthotline .chat {
  position: absolute;
  top: 20px;
  right: 5px;
}
.footerPromoBox#hotline .chat {
  background-image: url("FL-img/chatFooter.png");
  width: 62px;
  height: 51px;
  line-height: 43px;
  color: #fff;
  font-size: 20px;
  position: absolute;
  bottom: 1px;
  right: 1px;
  margin: 0;
  padding: 0;
  border: none;
}
.chat.chatClosed {
  display: none;
}

/* icon-phone-69x97 */
h2.kontextHelpHeader {
  padding-top: 7px;
}
.t-order-process h2.kontextHelpHeader {
  padding-top: 37px;
}
.bodyForGiftFrame h2.kontextHelpHeader {
  padding-top: 1px;
}
.kontexthilfe {
  background-color: #e5e5e5;
}
.kontexthilfeinner {
  background-color: #FFFFFF;
  margin: 10px;
  padding: 20px 20px 30px 20px;
  min-height: 230px;
}
.helpAccordion {
  padding-bottom: 20px;
}
#mainBox .helpAccordion h3,
.kontexthilfeinner h3 {
  position: relative;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 0 8px 46px;
  margin: 6px 0;
  cursor: pointer;
  display: block;
}
#mainBox .helpAccordion h3:before,
.kontexthilfeinner h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -126px -352px;
}
.helpAccordion  h3:first-child {
  margin-top: 0;
}
#mainBox .helpAccordion h3.ui-state-active:before,
.kontexthilfeinner h3.ui-state-active:before {
  background-position: -31px -501px
}
.kontexthilfeinner h3 a {
  text-decoration: none;
}
.kontexthilfeinner h3 a:hover {
  text-decoration: none;
}
.kontexthilfeinner .wikiTextLeft {
  padding: 5px 0 10px 0;
}
.helpAccordion  div:last-child {
  padding-bottom: 0;
}
.kontexthilfeinner > a {
  font-family: Georgia, serif;
  font-size: 17px;
  background: #e5e5e5;
  border-radius: 3px;
  padding: 10px 30px 9px 15px;
  text-decoration: none;
  margin: 0 15px 10px 0;
  position: relative;
}
.kontexthilfeinner > a:after {
  content: "";
  position: absolute;
  top: 13px;
  left: auto;
  right: 0;
  width: 19px;
  height: 14px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -179px -421px;
}

/* Account Suchformular
--------------------------------------------------------------------------------*/

.accountListSearchForm {
  margin: 20px 15px 0 18px;
}
#mainBox .myAudiobooksPager  {
  min-height: 115px;
}
.myAudiobooksPager .accountListSearchForm {
  float: left;
}
.accountListSearchForm .searchfield {
  border: 3px solid #1A93FC;
  color: #444444;
  float: left;
  height: 27px;
  padding: 0 0 0 4px;
  width: 600px;
}
.accountListSearchForm .searchbutton {
  background-color: #1A93FC;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 2px -185px;
  border: 3px solid #1A93FC;
  cursor: pointer;
  float: left;
  height: 33px;
  text-indent: -9000px;
  width: 30px;
}

/* Account Paymentlist
--------------------------------------------------------------------------------*/
#paymentList {
}
#paymentList .container {
  padding: 15px;float: left;
  width: 208px;margin: 10px;
}

#billingAddress div:nth-child(3n-2),
#deliveryAddress div:nth-child(3n-2) {
  clear: both;
}
#billingAddress div:nth-child(3n),
#deliveryAddress div:nth-child(3n) {
  margin-right: 0;
}
#paymentList .liRadio, .paymentProzessList .liRadio {
  margin-left: -2px;
}
#paymentList .paymentIcon,
.bestellProzessH2 .paymentIcon {
  display: inline-block;
  width: 26px;
  height: 36px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -166px -352px;
}
#paymentList .paymentIcon.ec,
.bestellProzessH2 .paymentIcon.ec {
  position: absolute;
  margin-top:-10px;
  margin-left: 10px;
  width: 26px;
  height: 36px;
  background-position: -166px -352px;
}
#paymentList .paymentIcon.creditcards,
.bestellProzessH2 .paymentIcon.creditcards {
  margin-left: 10px;
  margin-top: -2px;
  position: absolute;
  width: 142px;
  height: 23px;
  background-position: -71px -589px;
}
#paymentList .paymentIcon.bill,
.bestellProzessH2 .paymentIcon.bill {
  position: absolute;
  margin-top:-5px;
  margin-left: 10px;
  width: 30px;
  height: 33px;
  background-position: -438px -388px;
}
#paymentList .paymentIcon.paypal,
.bestellProzessH2 .paymentIcon.paypal {
  position: absolute;
  margin-top:3px;
  margin-left: 10px;
  width: 68px;
  height: 19px;
  background-position: -202px -352px;
}
#editPayment .cardnumber {
  width: 295px;
}
#editPayment .liCVC {
  width: 75px;
}

.trashIconBlue {
  display: inline-block;
  margin-right: 4px;
  vertical-align: bottom;
  width: 13px;
  height: 18px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -230px -509px;
}
.trashIconBlue.xs {
  width: 10px;
  height: 14px;
  background-position: -495px -222px;
  position: relative;
  top: -1px;
}
/* Account OneClick Settings
--------------------------------------------------------------------------------*/
#addressAuswahl {

}

/* Account Adressverwaltung / OCK Settings
--------------------------------------------------------------------------------*/
#billingAddress .container,
#deliveryAddress .container {
  float: left;
  margin: 10px 10px 10px 0;
  padding: 15px 0;
  /* solange das feature mit den radios noch nicht umgesetzt ist*/
  width: 205px;
  height: 130px;
  position: relative;
}
#billingAddress .container.isSelected,
#deliveryAddress .container.isSelected  {
  background: #e5e5e5;
}
#billingAddress .selectAdressLabel,
#deliveryAddress .selectAdressLabel  {
  position: absolute;
  left: 30px;
  top: 11px;
  height: 111px;
  width: 172px;
}
#billingAddress .topLabel,
#deliveryAddress .topLabel  {
  padding: 0 0 5px 0;
}
#billingAddress .radio,
#deliveryAddress .radio  {
  float: left;
  margin-top: -2px;
}

#billingAddress .container .editbar,
#deliveryAddress .container .editbar {
  position: absolute;
  bottom: 10px;
  left: 30px;
}


/* Account Prämienshop
--------------------------------------------------------------------------------*/
.table.bonuspoints .td {
  line-height: 25px;
}


/* Account Merkzettel
--------------------------------------------------------------------------------*/
.merkzettelHilfelink:before {
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 10px; height: 13px; background-position: -432px -275px;
  content:"";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
#myNotePads .container{
  padding: 8px;float: left;
  width: 238px;margin: 0 10px 10px 0;
}
#myNotePads .radio{
  margin-left: -5px;
}
#myNotePads .container span.icon {
  height: 18px;
  line-height: 30px;
  padding-bottom: 8px;
  padding-top: 1px;
}
#myNotePads .container span.icon:before{
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 21px; height: 22px; background-position: 0 -588px;
  content:"";
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
#myNotePads .container span.icon.send:before{
  width: 21px; height: 22px; background-position: 0 -588px;
}
#myNotePads .container span.icon.trash:before{
  width: 21px; height: 22px; background-position: -335px -318px;
}



@media print {
  .noprint { display:none; }
}

/************ AVA START **************/
#Ava {
  padding-top: 29px;
}
#AvaHaupt {
  border: 10px solid #e5e5e5;
  float: left;
  width: 920px;
  height: 340px;
  position: relative;
}
#AvaHauptTrenner{
  border-bottom: 3px solid #EFEFEF;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 660px;
}
#avaHauptSocial ul li {
  display: block;
  float: left;
  margin: 0 0 5px 0;
}
#avaHauptSocial {
  float: left;
  min-width: 275px;
}
.flashCoverAvailable #avaHauptSocial {
  min-width: 185px;
}
#avaHauptSocial ul li a,
#avaHauptSocial ul li a *,
#avaHauptSocial ul li a span {
  text-decoration: none;
}
.AvaHauptKatLogo {
  display: block;
  float: left;
  height: 33px;
  width: 33px;
  background-position: left bottom;
  background-repeat: no-repeat;
}
#avaHauptSocial #merken,
#avaHauptSocial #empfehlen {
  display: none;
}
#Ava #avaHauptSocial #merken,
#Ava #avaHauptSocial #empfehlen {
  display: block;
}
.AvaHauptKatText {
  float: left;
  padding: 11px 12px 0 4px;
  color: #1A93FB;
  font-family: Georgia, serif;
  font-size: 16px;
}
#hoerprobe.html5-hoerprobe .AvaHauptKatText {
  padding: 10px 0 6px 0;
}
li:last-child .AvaHauptKatText {
  padding: 11px 0 0 4px;
  margin-right: -17px;
}
#avaHauptSocial .AvaHauptSocialIcons{
  float: left;
  margin-left: 5px;
  padding-left: 36px;
}
#merkzettelIcon {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -362px -429px;
  width: 23px;
}
#empfehlenIcon {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -98px -276px;
  width: 27px;
  height: 26px;
  margin-top: 3px;
}
#avaLeseprobeIcon {
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 38px; height: 31px; background-position: -305px -222px;
}
li#hoerprobe {
  /* 
  position: relative;
  left: -5px;
  top: 5px;
  height: 36px;
  width: 110px; 
  */
}
#hoerprobe object,
#hoerprobe embed  {
  /* position: absolute;
  left: 0;
  top: 0; */
  float: left;
}/*
#hoerprobe .AvaHauptKatText  {
  position: absolute;
  left: 33px;
  height: 25px;
  top: 0;
}*/
#hoerprobe .AvaHauptKatText .noFlash {
  position: absolute;
  left: -9999px;
  bottom: 35px;
  color: #444;
  font-family: Arial, sans serif;
  font-size: 12px;
  background: #e5e5e5;
  border: 2px solid #bbb;
  border-radius: 3px;
  padding: 7px;
  width: 240px;
}
#hoerprobe .AvaHauptKatText:hover .noFlash {
  left: 4px;
}
#avaHauptSocial .AvaHauptKatText a {
  text-decoration: underline;
}
li#hoerprobe  .AvaHauptKatText:hover:before  {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -435px -222px;
  content: "";
  width: 31px; height: 8px;
  position: absolute;
  top: -2px;
  left: 50px;
}
#hoerprobe.html5-hoerprobe  .AvaHauptKatText:hover:before  {
  display: none;
}

#trailerIcon {
  width: 24px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -482px;
}
.abschnitt {
  display: block;
  /*margin: 20px 0; TEST*/
}
#bindernameEpub{
  text-transform: uppercase;
}
#AvaHauptLeft,
#AvaHauptLeftInner {
  float:left;
  width: 630px;
  height: 300px;
}
#AvaHauptLeft {
  padding: 20px 30px;
}
#AvaHauptLeftInner {
  position: relative;
  float: left;
}
#AvaHauptImg {
  float: left;
  width: 160px;
  height: 230px;
  position: relative;
}
#AvaHauptImgInner {
  position: relative;
  float: left;
}
#AvaHauptImg img {
  width: 140px !important;
  max-height: 225px !important;
  height: auto !important;
}

#AvaHauptImg .klickInsBuch:before, 
#AvaHauptImg .klickInsBuch:after {
  content: "";
  position: absolute;
  top: -5px;
  left: -16px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -784px;
  width: 14px;
  height: 25px;
}
#AvaHauptImg .klickInsBuch:after {
  background-position: -24px -784px;
  top: -5px;
  left: -2px;
  width: 80px;
  height: 4px;
}
#AvaHauptImg .klickInsBuch span {
  position: absolute;
  top: -19px;
  left: 0;
}
#AvaHauptImg #googlepreview {
  position: absolute;
  top: 0;
  left: -7px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -289px -832px;
  width: 88px;
  height: 31px;
}

#avaCoverZoom {
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -387px -744px;
  width: 35px;
  height: 35px;
}

#AvaHauptInfoTitel {
  position: relative;
  float:left;
  width: 470px;
}
.AvaHeadingTitle {
  float: left;
  width: 470px;
  word-wrap: break-word;
  font-size: 18px;
  height: 44px;
  overflow: hidden;
}
#avaShortSubtitle {
  position: absolute;
  top: 55px;
  left: 0;
  width: 470px;
  word-wrap: break-word;
  font-family: Arial, sans serif;
  font-size: 14px;
  line-height: 14px;
  height: 15px;
  overflow: hidden;
  font-weight: bold;
}
#AvaAuthorList {
  position: absolute;
  top: 73px;
  left: 0;
  font-size: 14px;
  line-height: 14px;
  height: 15px;
  overflow: hidden;
}
#AvaFormat {
  position: absolute;
  top: 110px;
  left: 0;
  width: 230px;
  text-transform: uppercase;
  font-size: 14px;
}
#AvaVerfuegbarkeitsAnzeige {
  top: 200px;
  width: 230px;
  position: absolute;
}
#AvaHauptInfoLeft {
  float:left;
  width:219px;
}
#avaStickers,
#serialBundleHint {
  float:left;
  width: 222px;
  height: 115px;
  position: absolute;
  top: 114px;
  right: 0;
  overflow: hidden;
}
#serialBundleHint  {
  background-color: #89016b;
  overflow: visible;
  color: #fff;
}
#serialBundleHint .bundleTeaser {
  padding: 4px 6px 0 8px;
}
#serialBundleHint .bundleTeaser,
#serialBundleHint .bundleTeaser a {
    color: #fff;
}

.bundleTeaser a {
    color: #FFFFFF;
}


#cartLayerPopup,
#warenkorbBox .couponInfoLayer,
#wishListLayerPopup {
  position: absolute;
  top: 89px;
  left: 10px;
  z-index: 590;
  color: #444;
  font-family: Arial, sans serif;
  font-size: 12px;
  background: #e5e5e5;
  border: 2px solid #bbb;
  border-radius: 3px;
  padding: 10px;
  width: 180px;
}
#cartLayerPopup .layerArrow,
#warenkorbBox .couponInfoLayer .layerArrow,
#wishListLayerPopup .layerArrow, 
.footerPayIconsLayer .layerArrow {
  position: absolute;
  top: -8px;
  height: 8px;
  width: 31px;
  left: 82px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -57px -292px;
}
#wishListLayerPopup .layerArrow {
  left: 156px;
}
#cartLayerPopup .layerArrowRight,
#warenkorbBox .couponInfoLayer .layerArrowRight,
#wishListLayerPopup .layerArrowRight {
  position: absolute;
  top: 9px;
  height: 31px;
  width: 8px;
  right: -8px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -25px -346px;
}
#cartLayerPopupClose,
#wishListLayerPopupClose {
  display: block;
  text-align: right;
  border-top: 1px solid #bbb;
  margin-top: 5px;
  padding-top: 5px;
  position: relative;
}
#cartLayerPopupClose:after,
#wishListLayerPopupClose:after {
  content: "";
  display: block;
  position: absolute;
  right: 60px;
  bottom: 1px;
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 13px; height: 13px;
  background-position: -155px -277px;
}

/* Grüne Farbe für dieses Popup: */
#warenkorbBox .couponInfoLayer,
#cartLayerPopup {
  color: #fff;
  background: #4da831;
  border: 2px solid #208a00;
  border: 2px solid #4da831;
}
#cartLayerPopup a {
  color: #fff;
}
#warenkorbBox .couponInfoLayer .layerArrow,
#cartLayerPopup .layerArrow {
  background-position: -311px -621px;
  top: -10px;
}
#cartLayerPopupClose {
  border-top: 1px solid #1f8201;
}
#cartLayerPopupClose:after {
  background-position: -352px -621px;
}

#warenkorbBox .couponInfoLayer.hidden {
    display: none;
}

#warenkorbBox:hover .couponInfoLayer {
    display: block;
}

#avaHauptBottom {
  float: left;
  width: 658px;
  height: 65px;
  position: absolute;
  left: 30px;
  bottom: 14px;
  overflow: hidden;
}
#avaAehnlicheTop,
#avaAehnlicheBottom,
#avaAehnlicheBottom ul {
  width: 630px;
}
#avaAehnlicheBottom,
#avaAehnlicheBottom ul,
#avaAehnlicheBottom .pager {
  height: 30px;
}
#avaAehnlicheTop {
  line-height: 13px;
  border-top: 1px solid #EFEFEF;
  padding: 8px 0;
}
#avaAehnlicheBottom {
  position: relative;
  left: 0;
  top: 3px;
}
#avaAehnlicheBottom ul {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  list-style-type: none;
  text-decoration: none;
  color: #444;
}
#avaAehnlicheBottom .pager {
  display: none;
  position: absolute;
  top: -1px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
#avaAehnlicheBottom .pager.prev {
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 30px; height: 30px; background-position: -31px -541px;
  left: 0;
}
#avaAehnlicheBottom .pager.next {
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 30px; height: 30px; background-position: -126px -352px;
  right: 0;
}
#avaAehnlicheArt li {
  float: left;
}
#avaAehnlicheArt li a {
  position: relative;
  top: 0;
  float: left;
  height: 28px;
  text-decoration: none;
}
#Ava .binderNameIcon {
  display: inline-block;
  width: 38px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: left center;
}
#Ava #AvaHauptRight .binderNameIcon {
  display: inline;
  width: 0;
  height: 0;
  background-image: none;
}
#Ava #AvaFormat .binderNameIcon {
  float: left;
}
#Ava #AvaFormat .binderNameText {
  float: left;
  height: 21px;
  padding: 5px 0 0 6px;
}
.binderNameIcon,
#avaAehnlicheArt #avaAehnlicheTop .binderNameIcon {
  width: 20px;
  height: 13px;
  background-image: url("FL-img/spritesNoRepeat.png");
}
#avaAehnlicheArt #avaAehnlicheTop .binderNameIcon {
  position: relative;
  top: 1px;
  margin-left: 2px;
}
#avaAehnlicheArt ul .binderNameIcon {
  float:left;
  display: block;
  height: 28px;
  background-position: center 1px;
}


#Ava .binderNameIcon_ebook {
  background-position: -184px -518px;
  width: 35px;
}
#Ava .binderNameIcon_buch {
  background-position: -430px -318px;
  width: 38px;
}
#Ava .binderNameIcon_hoerbuch {
  background-position: -147px -554px;
  width: 29px;
}
#Ava .binderNameIcon_hoerbuchDownload {
  background-position: -114px -554px;
  width: 23px;
}

#Ava .binderNameIcon_kalender {
  background-position: 0px -154px;
  width: 20px;
}
#Ava .binderNameIcon_gebraucht {
  background-position: 0px -275px;
  width: 20px;
}
#Ava .binderNameIcon_hardware {
  background-position: -200px -553px;
  width: 20px;
}
#Ava .binderNameIcon_spielwaren {
  background-position: -100px -132px;
  width: 24px;
}
#Ava .binderNameIcon_map {
  background-position: -195px -743px;
  width: 27px;
}
#Ava .binderNameIcon_CD {
  background-position: -99px -167px;
  width: 25px;
}



.binderNameIcon_ebook,
#Ava #avaAehnlicheTop .binderNameIcon_ebook {
  background-position: 0 -32px;
  width: 18px;
}
.binderNameIcon_buch,
#Ava #avaAehnlicheTop .binderNameIcon_buch {
  background-position: -70px -368px;
  width: 20px;
}
.binderNameIcon_hoerbuch,
#Ava #avaAehnlicheTop .binderNameIcon_hoerbuch {
  background-position: -400px -348px;
  width: 15px;
}
.binderNameIcon_hoerbuchDownload,
#Ava #avaAehnlicheTop .binderNameIcon_hoerbuchDownload {
  background-position: -179px -398px;
  width: 12px;
}

.binderNameIcon_kalender,
#Ava #avaAehnlicheTop .binderNameIcon_kalender {
  background-position: -135px -277px;
  width: 10px;
}
.binderNameIcon_gebraucht,
#Ava #avaAehnlicheTop .binderNameIcon_gebraucht {
  background-position: -70px -203px;
  width: 10px;
}
.binderNameIcon_hardware,
#Ava #avaAehnlicheTop .binderNameIcon_hardware {
  background-position: -455px -295px;
  width: 10px;
}
.binderNameIcon_spielwaren,
#Ava #avaAehnlicheTop .binderNameIcon_spielwaren {
  background-position: -242px -277px;
  width: 12px;
}
.binderNameIcon_map,
#Ava #avaAehnlicheTop .binderNameIcon_map {
  background-position: -233px -743px;
  width: 14px;
}
.binderNameIcon_CD,
#Ava #avaAehnlicheTop .binderNameIcon_CD {
  background-position: -177px -277px;
  width: 13px;
}



#avaAehnlicheArt ul .binderNameIcon_ebook {
  background-position: -184px -518px;
}
#avaAehnlicheArt ul .binderNameIcon_buch {
  background-position: -430px -318px;
}
#avaAehnlicheArt ul .binderNameIcon_hoerbuch {
  background-position: -147px -554px;
}
#avaAehnlicheArt ul .binderNameIcon_hoerbuchDownload {
  background-position: -114px -554px;
}

#avaAehnlicheArt ul .binderNameIcon_kalender {
  background-position: 0px -154px;
}
#avaAehnlicheArt ul .binderNameIcon_gebraucht {
  background-position: 0px -275px;
}
#avaAehnlicheArt ul .binderNameIcon_hardware {
  background-position: -200px -553px;
}
#avaAehnlicheArt ul .binderNameIcon_spielwaren {
  background-position: -100px -132px;
}
#avaAehnlicheArt ul .binderNameIcon_map {
  background-position: -195px -743px;
}
#avaAehnlicheArt ul .binderNameIcon_CD {
  background-position: -99px -167px;
}

.avaAehnlicheBinderName {
  padding: 0 15px 0 6px;
  line-height: 14px;
  float: left;
}


#avaAehnlicheArt li:last-child .avaAehnlicheBinderName {
  padding: 0 0 0 5px;
}
#avaAehnlicheArt .preis {
  float: none;
  display: inline;
}


#rabattSticker{
  position: absolute;
  top: -13px;
  right: 3px;
  height: 52px;
  line-height: 52px;
  width: 52px;
  background-color: #89016b;
  border-radius: 26px;
  -moz-border-radius: 26px;
  -webkit-border-radius: 26px;
  color: #fff;
  text-align: center;
  z-index: 3;
  font-weight: bold;
  font-size: 15px;
  word-spacing: -2px;
}
#rabattSticker.portofrei {
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  height: 38px;
  padding-top: 14px;
}

.ie8 #rabattSticker{
  background-color: transparent;
  background-image: url("FL-img/noSprite/stickerProzentNeu.png");
}
#rabattSticker .hintStars {
  position: relative;
  top: 11px;
  right: 5px;
  height: 10px;
  width: 15px;
  position: relative;
  display: inline;
  top: -3px;
  left: -2px;
  right: auto;
  font-weight: normal;
  font-size: 11px;
  margin-right: -5px;
}

#aktionsProdukt{
  float: left;
  background-image: url("FL-img/noSprite/aktionsProdukt.png");
  background-repeat: no-repeat;
  height: 152px;
  width: 222px;
}

#AvaHauptInfoBewertung {
  position: absolute;
  top: 160px;
  left: 160px;
  width: 230px;
}
#AvaHauptInfoBewertung a.bewertungssterneSprungmarke {
  color: #fff;
}
#AvaHauptInfoBewertung a.bewertungssterneSprungmarkeText {
  position: relative;
  top: -2px;
}
#AvaHauptInfoBewertung a.bewertungVerfassenHref {
  position: relative;
  top:-2px; left: 3px;
  padding-left: 12px;
}
#AvaHauptInfoBewertung a.bewertungVerfassenHref:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 14px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -476px -222px;
}


#Ava .avaAbsolute  {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}


#AvaHauptRight,
#AvaHauptRightInner {
  height: 340px;
  position: relative;
}
#AvaHauptRight #AvaHauptRightInner * {
  -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: content-box;    /* Firefox, other Gecko */
  box-sizing: content-box;         /* Opera/IE 8+ */
}
#AvaHauptRight #AvaHauptRightInner .btn {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
#AvaHauptRight {
  background-color: #E5E5E5;
  padding: 0 5px 0 40px;
}
#AvaHauptRight:before {
  content: "";
  width: 27px;
  height: 105px;
  position: absolute;
  left: 0;
  top: 172px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -478px -316px;
}
#AvaHauptRight, #AvaHauptRightInner,
#AvaHauptRight .avaAbsolute  {
  float: left;
  width: 185px;
}


.sofort-kaufen-aktiv #AvaHaupt,
.sofort-kaufen-aktiv #AvaHauptRight,
.sofort-kaufen-aktiv #AvaHauptRightInner,
#serial-OCK.sofort-kaufen-aktiv  {
  height: 402px;
}
.sofort-kaufen-aktiv.physical #AvaHaupt,
.sofort-kaufen-aktiv.physical #AvaHauptRight,
.sofort-kaufen-aktiv.physical #AvaHauptRightInner {
  height: 401px;
}
.sofort-kaufen-aktiv #AvaHauptRight {
  padding: 5px 0 0 10px;
  z-index: 1;
}
.sofort-kaufen-aktiv #AvaHauptRight:before {
  display: none;
}
.sofort-kaufen-aktiv #AvaHauptRight,
.sofort-kaufen-aktiv #AvaHauptRightInner,
.sofort-kaufen-aktiv #AvaHauptRight .avaAbsolute  {
  width: 220px;
}
#serial-OCK.sofort-kaufen-aktiv #AvaHauptRight  {
  height: 355px;
  border-left: 4px solid #e5e5e5;
}
#serial-OCK.sofort-kaufen-aktiv #AvaHauptRight,
#serial-OCK.sofort-kaufen-aktiv #AvaHauptRightInner,
#serial-OCK.sofort-kaufen-aktiv #AvaHauptRight .avaAbsolute  {
  width: 242px;
}


.sofort-kaufen-aktiv #AvaHauptRightInner h3 {
  position: absolute;
  left: 60px;
  top: -37px;
  font-size: 18px;
  line-height: 18px;
  height: 30px;
  font-family: Georgia, serif;
  background-image: none;
}
.sofort-kaufen-aktiv #AvaHauptRightInner h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 36%;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -321px -455px;
  width: 31px;
  height: 8px;
}


.sofort-kaufen-aktiv.gratis #AvaHauptRightInner h3 {
  display: none;
}
#oneClickLoginFormTop {
  position: absolute;
  bottom: 60px; left:0;
}
#ockLoginAccountMessage {
  color: #444;
  font-weight: bold;
  position: absolute;
  top: 22px; left: 0;
  margin: 0;
  width: 240px;
}
h4.ockLogin, h4.ockOrdered {
  font-size: 18px;
  line-height: 18px;
  font-family: Georgia, serif;
  padding-top: 50px;
}
#oneClickLoginForm label {
  display: block;
  padding: 12px 0 3px 0;
}
#oneClickLoginForm .globalErrors {
  position: absolute;
  top: -46px; left: 0;
  margin: 0;
}
#oneClickLoginForm .usernameErrors,
#oneClickLoginForm .passwordErrors {
  margin: -2px 0 2px 0;
  max-height: 24px;
  overflow: hidden;
}
.ockLoginUsername, .ockLoginPassword {
  display: block;
  border: 2px solid #dadada;
  padding: 3px;
  height: 18px;
  width: 210px;
}
.ockLoginPassword {
  margin: 0 0 10px 0;
}
#oneClickBuyLoginFormForgottenPassword, #oneClickBuyLoginFormRegisterLink {
  display: block;
  padding: 0 0 4px 0;
}
.avaOckButtonbar {
  position: absolute;
  left:0;
  bottom: 14px;
  width: 220px;
}
#serial-OCK .avaOckButtonbar {
  width: 242px;
  bottom: 6px;
}
.avaOckButtonbar a,
.avaOckButtonbar button {
  display: block;
  min-width: 92px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  font-family: Georgia, serif;
  font-size: 16px;
}
.avaOckButtonbar #oneClickBuyCancel {
  color: #444;
}
.avaOckButtonbar a,
.avaOckButtonbar button,
.avaOckButtonbar a span,
.avaOckButtonbar button span {
  height: 17px;
  line-height: 17px;
  font-size: 16px;
  text-align: center;
}
.avaOckButtonbar button,
.avaOckButtonbar #oneClickBuyCancel {
  padding: 10px 1px;
}
#oneClickBuyLoginFormSubmit {
  min-width: 89px;
  padding-left: 4px;
}
#oneClickBuyLoginFormSubmit.preorderOCK {
  padding-left: 2px;
  padding-right: 0;
}
#oneClickBuySubmitAnimation {
    width: 82px;
    height: 27px;
    padding: 5px 10px;
    background-color: #FFFFFF;
    float: right;
    text-align: center;
    border-radius: 3px;
}
#oneClickBuySubmitAnimation img {
    height: 27px;
}


#quickBuyBox {
}
#quickBuyBox .formError {
  display: block;
  max-height: 46px;
}
#serial-OCK #quickBuyBox .formError {
  max-height: 40px;
}
#quickBuyBox .binderName {
  text-transform: uppercase;
}
#quickBuyBox .title {
  font-weight: bold;
  padding: 5px 0 10px 0;
}
#quickBuyBox .price {
  font-weight: bold;
  font-size: 20px;
}
#quickBuyBox .price .hint1Star {
  font-size: 15px;
  font-weight: normal;
  line-height: 15px;
  vertical-align: 4px;
}
#quickBuyBox #quickBuyCouponForm {
  background: #bbb;
  padding: 2px;
  width: 216px;
  float: left;
  margin: 23px 0 16px 0;
  position: relative;
}
#quickBuyBox #quickBuyCouponForm,
#quickBuyBox #quickBuyCouponForm input {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
#quickBuyCouponForm .formError {
  position: absolute;
  width: 220px;
  height: auto;
  line-height: 12px;
  overflow: hidden;
  top: auto;
  bottom: 33px;
  left: 0;
}
#quickBuyBox .couponField {
  border: none;
  padding: 3px;
  width: 130px;
  height: 28px;
  line-height: 22px;
  float: left;
}
#quickBuyBox .btnApplyCoupon {
  background: #bbb;
  border: none;
  font-size: 14px;
  font-family: Arial, sans serif;
  width: 75px;
  height: 28px;
  float: left;
  cursor: pointer;
}
#quickBuyBox .btnRemoveCoupon {
  float: right;
}
#quickBuyBox #ockCouponTotal {
  margin: 15px 0 20px 0;
}
#quickBuyBox .noPaymentChosen {
  display: block;
  padding: 5px 0;
}
#quickBuyBox .changeChosenPayment {
  float: right;
}
#quickBuyBox .paymentBox,
#quickBuyBox .deliveryAddressBox {
  line-height: 13px;
}
#quickBuyBox .deliveryAddressBox {
  padding-top: 7px;
}
.two-step-category-right #quickBuyBox .changeChosenDelivery {
  float: right;
}

#quickBuyBox .agb {
  border-top: 6px solid #bbb;
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
}
h4.ockOrdered {
  padding-top: 0;
  height: 38px;
}
div.ockOrderedSubtext{
  padding: 12px 0 2px 0;
  line-height: 13px;
  height: 26px;
}
.ockOrderedErrors {
  height: 78px;
}
#tolinoOCKpurchased {
  margin-bottom: 10px;
}
div.ockOrderedInfotext {
  border-bottom: 6px solid #bbb;
  margin: 0 0 3px 0;
  padding:  12px 0 7px 0;
}
#ockOrderedWrapper #downloadButton, 
#ockOrderedWrapper #openBookButton {
  margin-left: 12px;
}
.downloadAnimation {
    width: 130px;
    height: 27px;
    padding: 5px 10px;
    background-color: #FFFFFF;
    float: right;
    text-align: center;
    border-radius: 3px;
}
.downloadAnimation img {
    height: 27px;
    float: left;
    display: inline-block;
}
.downloadAnimation span {
    float: right;
    display: inline-block;
    margin: 7px 0;
}
.directDownload {
  padding: 5px 0 3px 0;
}
.directDownload .rdWrap, 
.directDownload .dlWrap {
  float: right;
  position: relative;
  width: 130px;
  height: 30px;
}
.directDownload .rdWrap {
  margin: 0 0 0 10px;
}
.directDownload .btn {
  width: 130px;
}
.directDownload .downloadAnimation {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  padding: 1px 0 2px 2px;
  width: 135px;
}
.directDownload .downloadAnimation span {
  float: left;
  margin: 7px 0 7px 4px;
}
.directDownload .formError li {
  padding: 7px 0 0 0; 
}
#ockOrderedGratisPreis  {
  color: #1A93FB;
  font-size: 48px;
  font-weight: bold;
  line-height: 48px;
  padding-bottom: 8px;
  padding-top: 2px;
  display: block;
  text-align: right;
}
.mwst.gratisAlreadyPurchased {
  display: block;
  margin-top: -5px;
  padding: 0 0 7px 0;
  text-align: right;
}
#ockOrderedWrapper .ockOrderedZielseiten {
  display: block;
  padding: 3px 0;
}
#ockOrderedWrapper .ockOrderedZielseiten.firstOne {
  padding-top: 8px;
}
#ockOrderedWrapper .preis {
  float: none;
  padding-right: 8px;
}
#ockOrderedWrapper .formError {
  display: block;
  padding-bottom: 3px;
}
#ockOrderedWrapper .formErrorWrapper div:last-child {
  padding-bottom: 15px;
}
#ockOrderedWrapper #waitForDownloadText,
#ockOrderedWrapper #waitForDownloadTextTolino {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  font-size: 14px;
  line-height: 13px;
  width: 185px;
  height: 50px;
  padding: 4px 8px 0 8px;
  margin-left: 12px;
}
#ockOrderedWrapper #waitForDownloadText img,
#ockOrderedWrapper #waitForDownloadTextTolino img {
  float: left;
  margin: 7px 11px 6px 2px;
  height: 27px;
  width: 27px;
}
#buyAgainWrap,
#buyAgainWrap *,
#buyAgainLink {
  display: inline;
}
#buyAgainWrap button {
  text-decoration: underline;
  color: #444;
}
/* Bestellbestätigung phys. OCK */
#ockBB .ockOrdered {
  padding-bottom: 10px;
}
#ockBB .preis {
  padding-left: 10px;
}
#ockBB .title {
  font-weight: bold;
}
#ockBB .binder {
  text-transform: uppercase;
}
#ockBB .ockOrderedInfotext {
  margin-bottom: 8px;
}
#ockBB .btn {
  margin-top: 15px;
}
#pageWrapper #bundleHaupt #ockBB .btn.btn30 {
  float: left;
}










#AvaHauptRight .avaAbsolute {
  text-align: right;
  line-height: 12px;
  height: 14px;
}
#AvaHauptRight .avaAbsolute.btn {
  text-align: left;
  line-height: 17px;
  height: 30px;
}
#AvaHauptRight .avaAbsolute.btn50 {
  line-height: 19px;
  height: 50px;
}
.ie8 #AvaHauptRight button.avaAbsolute.btn {
  line-height: 30px;
}
.ie8 #AvaHauptRight button.avaAbsolute.btn50 {
  line-height: 50px;
}

#avaPreisInfos {
  width: 185px;
  float: left;
  height: 150px;
  position: relative;
  height: 12px;
  line-height: 12px;
}
#avaPreisInfos .labelNewPrice {
  text-transform: uppercase;
  height: 15px;
  line-height: 15px;
  top: -2px;
}
#avaPreisInfos .hint1Star, 
#BundlePreis  .hint1Star, 
.cat2stepPrice .hint1Star {
  font-size: 18px;
  line-height: 20px;
  vertical-align: 20px;
}
#BundlePreis  .hint1Star {
  vertical-align: 16px;
}
#buyAgainWrap .hint1Star {
  font-size: 10px;
  line-height: 16px;
  vertical-align: top;
}
.preis {
  color: #1a93fb;
  font-weight: bold;
}
.preis, #preisMwSt, .buchpreisbindungsHinweis {
  float:right;
}
#avaPreisInfos #avaHauptPreis {
  top: 21px;
  font-size: 48px;
  font-weight: bold;
  color: #1a93fb;
  width: 225px;
  width: 280px;
  left: 0;
  left: -95px;
  height: 51px;
  line-height: 48px;
}
#avaPreisInfos #avaHauptPreis .usedPriceText {
  font-size: 22px;
}

#AvaHauptRightInner .zeroOCKerror {
  position: absolute;
  left: 0;
  top: 155px;
  overflow: hidden;
}
#mainBox .mwst,
#avaPreisInfos .mwst,
#avaPreisInfos .buchpreisbindungsHinweis {
  color: #999;
  height: 14px;
  font-size: 12px;
}
#avaPreisInfos .mwst {
  top: 70px;
}
#avaPreisInfos .buchpreisbindungsHinweis {
  top: 85px;
}
#avaPreisInfos .avaOldPrice,
#Ava #portofreiSticker {
  font-size: 14px;
  line-height: 14px;
  height: 16px;
}
#avaPreisInfos .avaOldPrice {
  top: 104px;
}

#Ava #portofreiSticker:before {
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 15px; height: 16px; background-position: -154px -398px;
  content:"";
  display: inline-block;
  position: relative;
  top: 2px;
  left: -4px;
}

#Ava #portofreiSticker {
  top: 125px;
  padding-top: 1px;
  height: 19px;
}
#avaSofortKaufenOuter {
  float: left;
  height: 50px;
  width: 185px;
}
.bundleInDenWarenkorb {
  float: right;
}
#Ava #AvaInDenWarenkorb,
#Ava #avaInDenWarenkorbKombi  {
  top: 260px;
}
#Ava #AvaDownloadVerschenken  {
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
}
.ie8 #Ava #AvaDownloadVerschenken  {
  line-height: normal;
}
#AvaDownloadVerschenken .avaInDenWarenkorbOuter  {
    height: 30px;
    display: table;
}
#AvaDownloadVerschenken span.avaInDenWarenkorbInner {
    display: table-cell;
    vertical-align: middle;
}
#Ava #AvaInDenWarenkorb .avaInDenWarenkorbOuter {
  display: table;
  height: 50px;
  width: 142px;
}
/*#Ava.oneClickAvailableFalse #AvaInDenWarenkorb, */
#Ava #AvaInDenWarenkorb  {
  top: 199px;
}

#avaDownloadVerschenkenWrap {
  position: absolute;
  bottom: 7px;
  width: 186px;
  height: 30px;
  display: none;
}
#giftHelpBubble {
  position: absolute;
  left: -9999px;
  right: auto;
  top: 76px;
  width: 560px;
  height: 280px;
  padding: 20px;
  background: #e5e5e5;
  z-index: 5;
}
.notMobile #avaDownloadVerschenkenWrap:hover #giftHelpBubble {
  left: auto;
  right: 18px;
}
#giftHelpBubble .hoverSpacer {
  height: 50px;
  position: absolute;
  right: 0;
  top: -46px;
  width: 168px;
}
#giftHelpBubble .pointer {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -395px -431px;
  width: 110px;
  height: 28px;
  position: absolute;
  top: -28px;
  right: 52px;
}
#giftHelpBubble .giftIcon {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -135px -150px;
  width: 117px;
  height: 117px;
  position: absolute;
  top: 39px;
  right: 43px;
  z-index: 5;
}
#giftHelpBubble .bold {
  margin-bottom:15px;
}
#giftHelpBubble ol {
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 520px;
  height: 155px;
  background: #fff;
  display: block;
  padding: 20px;
  margin: 0;
  list-style-type: none;
}
#giftHelpBubble li {
  position: relative;
  display: block;
  padding: 0 0 25px 40px;
}
#giftHelpBubble li span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 14px;
  background: #e5e5e5;
  text-align: center;
  font-size: 16px;
}

/* Affiliate Artikel */
#AvaHauptRight .externalArticle #AvaInDenWarenkorb {
  padding: 0 7px;
  line-height: 17px;
  text-align: center;
}
#AvaHauptRight .externalArticle  #AvaInDenWarenkorb .avaInDenWarenkorbOuter {
  width: 171px;
}
#AvaHauptRight .externalArticleIntro,
#AvaHauptRight .externalArticleOutro {
  height: auto;
  text-align: left;
}
#AvaHauptRight .externalArticleIntro {
  bottom: 150px;
  top: auto;
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 15px;
}
#AvaHauptRight .externalArticleOutro {
  top: 260px;
}
#AvaHauptRight .externalArticleLogo {
  display: block;
  padding-bottom: 10px;
}
#externalProductHintLayer {
  padding-top: 20px;
}
#externalProductHintLayer strong {
  font-family: Georgia, serif;
  font-size: 18px;
  font-weight: normal;
}
#externalProductHintLayer strong.articleTitle {
  padding-left: 20px;
}

#externalProductHintLayer .inner {
  margin-top: 15px;
  padding: 15px 20px 20px 20px;
  border: 10px solid #e5e5e5;
}
#externalProductHintLayer p {
  padding-bottom: 20px;
  margin-top: 10px;
  border-bottom: 10px solid #e5e5e5;
}
#externalProductHintLayer form {
  margin-bottom: 10px;
}
#externalProductHintLayer label {
  position: relative;
  top: -2px;
}
#Ava #AvaInDenWarenkorb span.avaInDenWarenkorbInner {
  display: table-cell;
  vertical-align: middle;
}

#Ava #avaSofortKaufen {
  top: 261px;
}
div#avaSofortKaufenOuter button#avaSofortKaufen {
  top: 261px;
}
#AvaHauptRightInner h3.ockOrdered {
    top: 261px;
}
#Ava #avaSofortKaufen.gratisHerunterladen {
  top: 199px;
  letter-spacing: -1px;
  width: 185px;
}
#Ava.sofort-kaufen-aktiv #avaSofortKaufen.gratisHerunterladen {
  left: 30px;
}

#AvaHauptRight #ockPreorderHeading {
  top: 168px;
  left: 7px;
  text-align: left;
  height: 21px;
  line-height: 18px;
  font-size: 18px;
}
#AvaHauptRight #ockPreorderHeading.serialBundleBuyHeading {
  top: 159px;
  left: 5px;
  height: 37px;
  line-height: 17px;
  font-size: 16px;
}

/* --- Kombi-Produkt-Teaser START --- */
.avaKombiProdukt {
    border: 10px solid #E5E5E5;
    margin: 13px 0 0;
}
.avaKombiProdukt,
.avaKombiProduktLeft  {
    height: 130px;
}
.avaKombiProduktLeft,
.kombiProduktDetails {
    float: left;
    width: 655px;
}
.kombiProduktDetails {
    height: 92px;
}
.avaKombiProduktLeft {
    padding: 0 10px 0 25px;
}
.avaKombiProduktRight {
    position: relative;
    float: right;
    width: 185px;
    height: 100%;
    background-color: #E5E5E5;
    padding: 0 5px 0 40px;
}

.avaKombiProduktRight .kombiAvaBigArrow {
    background-image: url("FL-img/spritesNoRepeat.png");
    background-position: -34px -433px;
    left: -40px;
    padding: 30px 0px;
    position: relative;
    top: 10px;
    width: 30px;
 }

.kombiProduktHeader {
    font-weight: bold;
    margin: 7px 0 9px 5px;
}
.kombiProduktDetailsBox {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: middle;
    text-align: center;
}
.kombiProduktDetailsBox img {
  max-height: 53px !important;
  max-width: 85px !important;
  height: auto !important;
  width: auto !important;
  margin-bottom: 5px;
}
.kombiProduktDetailsBox .productTitle {
    display: block;
    max-width: 85px;
    line-height: 14px;
}
.kombiProduktDetailsBox.plus, .kombiProduktDetailsBox.equals {
    font-weight: bold;
    font-size: 53px;
    line-height: 53px;
    color: #1A93FB;
    padding-bottom: 30px;
}
.kombiProduktDetailsBox.total {
    text-align: left;
    margin: 0 0 0 30px;
}
.kombiProduktDetailsBox .referencePrice {
    text-decoration: line-through;
}
.kombiProduktDetailsBox .combinedPriceText {
    padding-top: 8px;
    text-transform: uppercase;
}
.kombiProduktDetailsBox .combinedPrice {
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
    color: #1A93FB;
}
.avaKombiProduktRight .combinedPrice {
    font-weight: bold;
    font-size: 24px;
    color: #1A93FB;
    width: 100%;
    text-align: right;
}
.kombiProduktPreisUeberschrift {
    text-transform: uppercase;
    width: 100%;
    text-align: right;
}
#mainBox .avaKombiProdukt .mwst {
    text-align: right;
    font-weight: normal;
}
.avaKombiProduktRight .mwst {
    width: 100%;
}

#mainBox #Ava #avaInDenWarenkorbKombi  {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 40px;
}
/* --- Kombi-Produkt-Teaser ENDE --- */

#avaBox,
#avaBoxMenu,
#avaRezensionenMenu  {
  display: inline;
  float: left;
  width: 940px;
}
#avaBox {
  margin: 30px 0 28px 0;
}
#avaBoxRezenMenuContent {
  position: relative;
}
#avaBoxAnchor {
  width: 10px;
  height: 1px;
  margin-bottom: -1px;
}
div#avaBoxMenu .tab,
div#avaRezensionenMenu  .tab {
  float: left;
  font-size: 18px;
  text-align: center;
}
#avaBoxMenu .tab a,
#avaRezensionenMenu  .tab a {
  text-decoration:none;
  float: left;
  height: 45px;
  color: #fff;
  text-align: center;
  height: 34px;
  margin: 0 10px 0 0;
}
#avaBoxMenu .tab a.active,
#avaBoxMenu .tab a:hover,
#avaRezensionenMenu  .tab.activeSlide,
#avaRezensionenMenu  .tab a:hover {
  color: #444;
  height: 34px;
    position:relative;
}

#avaBoxMenu .avaArrow,
#avaRezensionenMenu  .avaArrow  {
    display: none;
}
#avaBoxMenu .tab a.active .avaArrow,
#avaBoxMenu .tab a:hover .avaArrow,
#avaRezensionenMenu  .tab.activeSlide .avaArrow,
#avaRezensionenMenu  .tab a:hover .avaArrow  {
    background-image: url("FL-img/spritesNoRepeat.png");
    background-position: -62px -352px;
    width: 24px;
    height: 6px;
    padding: 0;
    position: relative;
    margin: 0 auto;
    display: block;
    position:relative;
    top: 7px;
}

#avaBoxMenu .tab  span.annoTitle,
#avaRezensionenMenu  .tab  span.annoTitle {
  height: 21px;
  padding: 7px 20px 6px 20px;
  background-color: #1a93fb;
}
#avaBoxMenu .tab  span span,
#avaRezensionenMenu  .tab  span span {
  padding: 0;
}
#avaBoxMenu .tab a.active,
#avaBoxMenu .tab.activeSlide a,
#avaBoxMenu .tab a:hover,
#avaRezensionenMenu  .tab a.active,
#avaRezensionenMenu  .tab.activeSlide a,
#avaRezensionenMenu  .tab a:hover {
  color: #444;
}
#avaBoxMenu .tab a.active span,
#avaBoxMenu .tab.activeSlide span,
#avaBoxMenu .tab a:hover span,
#avaRezensionenMenu  .tab.activeSlide span,
#avaRezensionenMenu  .tab a.active span,
#avaRezensionenMenu  .tab a:hover span {
  background-color: #fff;
}
#avaBoxContent {
  width: 880px;
  min-height: 90px;
  border: 10px solid #1a93fb;
  padding: 30px 20px;
  overflow: hidden;
}

#avaBoxContent .annoCycle {
  display: none;
}
#avaBoxContent .annoCycle.active {
  display: block;
}
#avaBoxContent blockquote {
  display: block;
  width: 540px;
  padding-right: 20px;
}
#avaBoxContent blockquote * {
  max-width: 540px;
}
#avaBoxContent blockquote object,
#avaBoxContent blockquote embed {
  width: 540px;
  max-width: 540px;
}
#avaBoxContent blockquote strong {
  font-weight: bold;
}
#avaBoxContent blockquote ol,
#avaBoxContent blockquote ul {
  padding: 6px 0 8px 20px;
}
#avaBoxContent blockquote ol li,
#avaBoxContent blockquote ul li {
  list-style: disc outside;
  dislay: block;
}
/*
#avaBoxContent.flashCoverAvailable blockquote {
  display: block;
  width: 640px;
}
*/
.avaBoxContentInner1 {
  position: relative;
  font-size: 14px;
}
#flashCoverHint {
  display: none;
  position: absolute;
  right: 8px;
  top: -27px;
  height: 24px;
  font-weight: bold;
  font-size: 17px;
  width: 200px;
  padding-right: 5px;
  text-align: right;
}
#flashCoverHint:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 4px;
  width: 189px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -135px -301px;
}
#flashCoverHintTip {
  display: none;
  position: absolute;
  right: 196px;
  top: -7px;
  width: 17px;
  height: 31px;
  z-index: 11;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -102px -463px;
}

#flashCover {
  float: right;
  padding-left: 10px;
}
.flashCoverBic #flashCover {
  padding-top: 2px;
  margin-bottom: 15px;
}
.flashCoverLibreka img {
  width: 182px;
  max-width: 182px;
  border: 10px solid #e5e5e5;
  border-width: 14px 10px 12px 10px;
  border-radius: 5px;
}
#avaProduktdetailsAnno {
  float: right;
  width: 275px;
  padding-left: 20px;
  border-left: 1px solid #e9e9e9;
}
.flashCoverAvailable #avaProduktdetailsAnno {
  width: 419px;
}
.noAnnosAvailable #avaProduktdetailsAnno {
  float: left;
  width: 880px;
  padding-left: 0;
  border-left: none;
}
#avaProduktdetailsAnnoHeading {
  padding: 0 0 12px 0;
  font-weight: bold;
}
#avaBoxContent .readingSample {
  float: left;
  margin-top: 10px;
  width: 205px;
}
#avaBoxContent .readingSample .btn {
  width: 205px;
  letter-spacing: -0.2px;
}
#avaBoxContent .readingSample .readingSampleDownloadLink {
  margin-top: 7px;
}

#avaBoxContentWiki,
.avaBoxContentImage {
  float:left;
  background-repeat: no-repeat;
  width:220px;
  height:300px;
  margin-right: 20px;
  margin-top: 40px;
  position: relative
}
#avaBoxContentWikiInner {
  padding: 15px;
}
#avaBoxContentWiki .h3wiki {
  font-family: Georgia, serif;
  font-size: 22px;
}
.avaBoxContentImage {
  text-align: center;
}
.avaBoxContentImage:after {
  content: "";
  position: absolute;
  top: 93px;
  left: 53px;
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 112px; height: 140px; background-position: -135px 0;
}
.avaBoxContentImage a#avaBoxContentImageLink {
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 155px;
  font-family: georgia;
  font-size: 17px;
  text-decoration: none;
  background-image: url(FL-img/wikiLinkHeadingArrowWhite.png);
  padding-right: 30px;
}
.avaBoxContentImage a#avaBoxContentImageLink:hover {
  text-decoration: underline;
}
#avaBoxContentContactImage {
  width:220px;
  height:300px;
  margin-right: 20px;
  margin-top: 40px;
  background: #1a93fb;
  color: #fff;
  float: left;
}
.avaBoxWrapperOuter {
  margin: 0 0 28px 0;
  width: 940px;
  float: left;
  overflow: hidden;
}
.avaBoxWrapperOuter h2,
#avaRezensionen h2 {
  height: 22px;
  line-height: 22px;
  padding: 4px 0 6px 15px;
  font-size: 18px;
}
.avaBoxWrapperOuter h2.rightBound {
  padding: 4px 0 6px 255px;
}
.avaBoxWrapperInner {
  border: 10px solid #e5e5e5;
  height: 250px;
  overflow: hidden;
  padding: 15px;
  margin-top: 8px;
}
.avaBoxWrapperInner5 {
  padding-left: 92px;
}
.avaBoxWrapperInner .sixPackItem {
  margin: 0 0 0 27px;
}
.fancybox-wrap .fancybox-title-float-wrap {
  margin-bottom: 5px;
  top: 3px;
  left: 7px;
  right: auto;
  bottom: auto;
  width: 940px !important;
}
.fancybox-wrap .fancybox-title-float-wrap .child {
  background: #e5e5e5;
  border-radius: 5px;
  color: #444;
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  margin-right: 0;
  padding: 3px;
  text-shadow: 0 1px 1px #fff;
  white-space: nowrap;
}

#avaRezensionen  {
  position: relative;
  margin: 15px 0 28px 0;
  float: left;
}
#avaRezensionenMenu .tab  {
  font-family: Georgia, serif;
}
#avaRezensionenMenu .tab.activeSlide {
  background-image: none;
}
#avaRezensionenSlideWrapper {
  border: 10px solid #1A93FB;
  padding: 20px;
}
#avaRezensionenSlideWrapper,
#avaRezensionenSlideWrapperInner {
  float: left;
  width: 880px;
  position: relative;
}
.avaRezensionenSlide {
  display: none;
  width: 880px;
}
.avaRezensionenSlide:first-child {
  display: block;
}


.oneReviewContent {
  padding: 7px 0 25px 0;
}
.avaRezensionenSlide .reviewTitle,
.avaRezensionenSlide .verfasser {
  font-weight: bold;
}
.avaBoxContentInnerRezenInnerContent {
  position: absolute;
  bottom: 15px;
  left: 0;
}
.avaRezensionenSlide span.bewertungsSterne {
  padding: 4px 3px 0 2px;
  float: left;
}
#avaBewertungOverviewLeft .bewertungsSterne img {
  width: 18px;
  height: 18px;
}
.avaRezensionenSlide .avaReviewCount {
  font-size: 15px;
  left: 7px;
  position: relative;
  top: 6px;
}
.oneReviewHead  span.bewertungsSterne {
  padding: 0 5px 0 0;
  display: inline;
}
.oneReviewHead  img.bewertungsSterne {
  padding: 0 1px 0 0;
}
.avaBewertungOverview {
  position: relative;
  min-height: 90px;
  float: left;
  width: 880px;
}
#avaBewertungOverviewLeft {
  float: left;
  width: 460px;
}
#avaRezensionenSlideWrapper .clear.avaRezHr {
  height: 1px;
  width: 880px;
  visibility: visible;
  background-color: #efefef;
  margin: 20px 0 25px 0;
}
#avaBewertungOverviewRight {
  float: right;
}
#avaShowAllReviews {
  display: block;
}
#avaShowAllReviews + #avaZurRezTopliste {
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
}
#bewertungVerfassen {
  width: 580px;
}
.fancybox-inner {
  overflow-x: hidden !important;
}
#fancybox-overlay {
  opacity: 0.7 !important;
}
#reviewAvgHeadline{
  font-size: 20px;
  font-family: georgia, serif;
  margin-bottom: 10px;
  padding-top: 20px;
  color: #1a93fb;
}
.keineBewertungen {
  font-family: Georgia, serif;
  font-size: 20px;
  color: #1a93fb;
  padding-top: 20px;
  height: 52px;
}
#avaZurRezTopliste {
  position: absolute;
  bottom: 0;
  left: 0;
}
.keineBewertungenRight {
  padding: 0 0 10px 0;
}
#reviewVerfassenHeadline {
  margin: 15px 0 5px 0;
}
/*Rezension iframe Textbox*/
#reviewContent {
  float:left;
}
.RezenliTextField {
  border: 1px solid #E5E5E5;
  background-color:#FFFFFF;
  height:15px;
  width:420px;
  padding:3px;
  margin-top: 5px;
}
.RezenliTextArea {
  border: 1px solid #E5E5E5;
  background-color:#FFFFFF;
}
/* Rating */
.ratingText, #ratingForm {
  float: left;
  display: inline;
  margin-right: 5px;
}
#ratingForm {
  height: 28px;
  margin-right: 7px;
  margin-top: 1px;
  text-indent: -9999px;
  width: 130px;
}
.liRating {
  position:relative;
  background: url(FL-img/noSprite/bg_rating_kl.png) no-repeat 0 0;
  float:left;
  width: 22px;
  height: 22px;
  /*    display: block;*/
}

.fright .topRezensent {
    background-image: url("FL-img/spritesNoRepeat.png");
    background-position: -72px -504px;
    float: right;
    padding: 15px 16px;
    position: relative;
}

/* add these classes to the ul to effect the change to the correct number of stars */
.liNostar {background-position:0 0}
.liOnestar {background-position:0 -26px}
.liTwostar {background-position:0 -52px}
.liThreestar {background-position:0 -78px}
.liFourstar {background-position:0 -104px}
.liFivestar {background-position:0 -130px}
.liRating li {
  cursor: pointer;
  display: inline;
  float: left;
  height: 28px;
  width: 26px;
}
.liRating li a {
  position:absolute;
  left:0;
  top:0;
  width:26px;
  height:28px;
  text-decoration:none;
  z-index: 200;
}
.liRating li.liOne a {left:0}
.liRating li.liTwo a {left:26px;}
.liRating li.liThree a {left:52px;}
.liRating li.liFour a {left:78px;}
.liRating li.liFive a {left:104px;}
.liRating li a:hover {
  z-index:2;
  width:130px;
  height:28px;
  overflow:hidden;
  left:0;
  background: url(FL-img/noSprite/bg_rating_kl.png) no-repeat 0 0;
}

.liRating li.liOne a:hover {background-position:0 -26px;}
.liRating li.liTwo a:hover {background-position:0 -52px;}
.liRating li.liThree a:hover {background-position:0 -78px}
.liRating li.liFour a:hover {background-position:0 -104px}
.liRating li.liFive a:hover {background-position:0 -130px}


#avaSchlagworte {
  width: 940px;
  float: left;
  overflow: hidden;
  background-color: #E5E5E5;
  height: auto;
  padding: 0;
}
#avaSchlagworte a {
  font-size: 16px;
  width: 136px;
  margin: 20px 12px;
  padding: 0 25px 0 0;
  background-image: url("FL-img/wikiLinkHeadingArrow.png");
  background-position: right top;
  background-repeat: no-repeat;
  overflow: hidden;
  text-decoration: none;
  float: left;
  font-family: Georgia, serif;
  min-height: 22px;
  word-wrap: break-word;
}
#avaSchlagworte h3:first-child a {
  margin-left: 8px;
}
#avaSchlagworte h3:last-child a {
  margin-right: 0;
}
#avaSchlagworte a:hover {
  text-decoration: underline;
}

/************ gebraucht AVA Start **************/
#gebrauchtAvaWrap {
  position: relative;
}
#gebrauchtAvaWrap .topHeading {
  font-size: 18px;
  font-family: Georgia, serif;
  position: absolute;
  left: 15px;
  top: -35px;
}
#gebrauchtAva {
  border: 10px solid #e5e5e5;
  padding: 20px 30px 0 30px;
}
#gebrauchtAva #AvaHauptImg  {
  margin-left: 8px;
  height: auto;
}
#gebrauchtAva #AvaHauptInfoTitel  {
  margin-left: 20px;
  width: 672px;
}
#newPrice {
  position: absolute;
  left: 0;
  top: 114px;
  font-size: 14px;
}
.usedList {
  border-top: 10px solid #e5e5e5;
  margin-top: 25px;
}
#noUsedBooksAvailableMsg {
    margin: 5px;
    padding: 5px;
}
#topLegendWrap {
  padding-left: 17px;
}
.topLegend {
  font-family: Georgia, serif;
  font-size: 18px;
  color: #1a93fb;
  float: left;
  padding:  20px 33px 15px 0;
}
.itemColoumn {
  float: left;
  padding-right: 32px;
}
.zustand {
  width: 120px
}
.beschreibung {
  width: 185px
}
.verfuegbarkeit {
  width: 140px
}
.verfuegbarSofortIcon {
  background: #a4c408;
  width: 12px;
  height: 12px;
  float: left;
  margin-right: 6px;
}
.gPreis {
  width: 71px
}
.wkButtonGebraucht {
  float: right;
}
.gebrauchtItem {
  float: left;
  border-top: 1px solid #dfdfdf;
  padding: 20px 12px 20px 17px;
  width: 831px;
}
#gebrauchtAvaWrap .kleingedruckt {
  margin: 20px 18px 35px 40px;
  font-size: 10px;
  text-indent: -7px;
}
/************ gebrauchtAVA ENDE **************/
#noSuchArticle {
  margin-bottom: 32px;
}
/***************************************************
***************************************************
 AVA ENDE
***************************************************
***************************************************/



/************ Start über Footer **************/
#extrasBox  {
  font-size: 18px;
  float: left;
  margin: 0 0 35px 0;
}
#extrasBox ul {
  width: 940px;
  float: left;
  margin-top: 8px;
}
#extrasBox li,
#extrasBox a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  text-align: center;
}
#extrasBox li {
  width: 188px;
  height: 100px;
  padding: 25px 0;
  float: left;
}
#extrasBox a:hover {
  text-decoration: underline;
}

/************ Ende über Footer **************/

/************ Start Footer **************/
#footerBox {
  background-color: #bbb;
}
#footerBox, #footerBox a {
  color: #fff;
}
#footerTopHeading {
  padding: 36px 0 6px 30px;
}

#footerPromoBoxWrapper, #footerPromoBoxWrapper a {
  border-top: 2px solid #cdcdcd;
  float: left;
  margin: 0 20px;
  color: #444;
}
.footerPromoBox  {
  float: left;
  padding: 15px 10px;
  margin: 12px 20px 17px 0;
  width: 200px;
  height: 100px;
  background-color: #fff;
}
.footerPromoBox  {
  float: left;
  padding: 15px 10px;
  margin: 12px 20px 17px 0;
  width: 200px;
  height: 100px;
  background-color: #fff;
}
.footerPromoBox#hotline {
  position: relative;
}
#footerBox #newsletter,
#footerBox #versand {
  margin-right: 0;
}
#footerBox #zahlBox {
  position: relative;
}
#footerBox .footerPayIcons {
  position: absolute;
  left: 10px;
  bottom: 15px;
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 148px; 
  height: 39px; 
  background-position: -280px -372px;
  cursor: help;
}
#footerBox .footerPayIcons.footerPayIconsPaypal {
  width: 200px; 
  height: 31px; 
  background-position: -125px -316px;
}
#footerBox .footerPayIcons .footerPayIconsLayer {
  position: absolute;
  left: -9999px;
  top: 39px;
  background: #e5e5e5;
  border: 2px solid #bbb;
  border-radius: 4px;
  padding: 10px;
  width: 152px;
}
#footerBox .footerPayIconsPaypal .footerPayIconsLayer {
  top: 31px;
}
#footerBox .footerPayIcons:hover .footerPayIconsLayer {
  left: -2px;
}
#footerBox .footerPayIconsPaypal:hover .footerPayIconsLayer {
  left: 11px;
}
.footerPayIconsLayer .layerArrow {
  left: 70px;
  top: -9px;
}

#footerBox #siegel ul {
  float: right;
  list-style-type: square;
}
#footerBox #siegel li {
  padding: 2px 0 1px 0;
}
#footerBox #siegel img {
  float: left;
}
#footerBox #siegel #verisign {
  float: left;
  width: 60px;
  min-height: 10px;
  max-height: 87px;
  overflow: hidden;
}
#footerBox #siegel #verisign a {
  max-width: 60px;
  max-height: 47px;
}

#footerBox #siegel #verisign a  {
  background-image: none;
  background-position: -337px -268px;
  height: 40px;
  width: 53px;
}

#footerBox #siegel #verisign * {
  max-width: 60px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}

#footerBox #hotline ul {
  list-style-type: none;
}
#footerBox #hotline .hotlineNr {
  margin-top: 3px;
  margin-left: 22px;
  margin-bottom: 12px;
}

#footerBox #hotline .footerPhone {

  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -30px -250px;
  left: -2px;
  padding: 13px 0;
  position: relative;
  top: -64px;
  width: 21px;
}


#footerBox #newsletter {
  position: relative;
}
#footerBox #newsletter .newsletterText {
  display: block;
  height: 41px;
  line-height: 13px;
  overflow: hidden;
}
#footerBox #newsletter #newsletterSearchBar {
  position: absolute;
  left: 10px;
  bottom: 15px;
  overflow: hidden;
  width: 195px;
}
#newsletterSearchFormInput{
  background: none repeat scroll 0 0 #fff;
  border: 0 none;
  float: left;
  height: 26px;
  line-height: 25px;
  outline: medium none;
  width: 150px;
}
#newsletterSubmit {
  border: 0 none;
  color: #fff;
  float: right;
  padding: 4px;
  text-align: center;
  width: 43px;
  cursor: pointer;
}
#newslettererror {
}
/**
 Newsletter Fehlerseite
*/
#newslettererror #newsletterSearchBar {
  overflow: hidden;
}
#newslettererror #newsletterSearchFormInput {
  width: 587px;
}
#newslettererror .headlinePromoBox label{
  font-size: 18px;display: block;
  font-family: Georgia,serif;
}
#newslettererror .newsletterText {
  display: block;margin:15px 0;
}

#footerBox #versand .footerTruck {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -257px -36px;
  padding: 13px;
  width: 25px;
  float: left;
  margin: 3px 7px 0 0;
}
#zahlBox.footerPromoBox a {
  border: none;
  margin: 0;
  float: none;
}
#footerBox .dPost {
  text-align: center;
}
#footerBox .dPost:after {
  content: "";
  display: inline-block;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -819px;
  background-color: #fff;
  width: 129px;
  height: 42px;
  border: 5px solid #fff;
}

.footerMenuBox {
  float: left;
  margin-left: 20px;
  padding: 12px;
  width: 200px;
}
.footerMenuBox .headline {
  padding-bottom: 8px;
}
.footerMenuBox li {
  padding: 2px 0;
}
#footerMainMenu a {
  text-decoration: none;
}
#footerMainMenu a:hover {
  text-decoration: underline;
}

.footerMWST {
  padding: 10px 0;
  text-align: center;
}
.footerText {
  padding-top: 5px;
}
.footerSocial {
  background-color: #BBBBBB;
  padding: 10px 20px 60px 20px;
  border-top: 1px solid #cacaca;
  list-style-type: none;
  text-align: center;
}
.footerSocial ul {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -302px -658px;
  list-style-type: none;
  padding: 0;
  width: 202px;
  height: 26px;
  margin: 7px auto;
}

.footerSocial ul li {
  margin: auto;
  text-align: center;
  list-style: none;
  display: inline-block;
}
.footerSocial .icon,
.footerSocial .icon a {
  width: 26px;
  height: 26px;
  float: left;
  background: transparent;
}
.footerSocial .icon {
  margin-right: 9px;
}
.footerSocial ul .blog {
  margin-right: 0px;
}
.mobileShopLink {
  margin: 25px 0 -25px 0;
}
.mobileShopLink a {
  position: relative;
  padding: 2px 21px 2px 0;
  text-decoration: none;
}
.mobileShopLink a:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  width: 17px;
  height: 17px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -73px -120px;
}
.mobileShopLink a:hover {
  text-decoration: underline;
}
/* Footer Bestellprozess*/
 #footerData{
 background-image: none !important;
 width: auto;
 }

#footerData ul li{
  display: inline !important;

 }
#footerData a:active, #footerData a:link, #footerData  a:visited {
  color: white;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 6px;
}
#footerData a:before{
  content: "";
  float: right;
  width: 1px;
  height: 13px;
  margin-top: 1px;
  background: #fff;
  text-decoration: none;
}

#footerDataLastOne a:before {
  display: none;
}


/************ Ende Footer **************/

/**********************************************************************
***********************************************************************
Magazinseiten und WikiText Start
***********************************************************************
***********************************************************************/


/**************** Buehne Start ****************/
#mainBox #buehne {
  position: relative;
  left: -20px;
  float: left;
  height: auto;
  margin: -2px 0 35px;
}
#mainBox #buehne.videoBuehne, 
#mainBox #buehne.heightFULLClass {
  width: 980px;
  height: 344px;
}
#mainBox #buehne.videoBuehne .mejs-layers, 
#mainBox #buehne.videoBuehne .mejs-controls {
  display: none !important;
}
/*
.ios #mainBox #buehne.videoBuehne .mejs-layers, 
.ios #mainBox #buehne.videoBuehne .mejs-controls {
  display: block !important;
}
*/
#mainBox #buehne.heightHALFClass {
  width: 940px;
  height: 150px;
  margin-top: 1px;
}
#buehneInner {
  width: 980px;
  height: 344px;
  position: relative;
  overflow: hidden;
}
.heightHALFClass #buehneInner {
  margin: 0 20px;
  overflow: hidden;
}
#buehneInner,
#buehneInner #buehnenBilder img {
  display: block;
  width: 980px;
  height: 344px;
  position: absolute;
  top:0;
  left:0;
}
#buehneInner #buehnenBilder img {
  display: none;
}
#buehneInner #buehnenBilder a:first-child img {
  display: block;
}
.heightHALFClass #buehneInner,
.heightHALFClass #buehneInner #buehnenBilder img {
  width: 940px;
  height: 150px;
}
#buehnenBilder a:first-child img {
  z-index: 1;
}
#buehnePrev, #buehneNext {
  position: absolute;
  top: 240px;
  z-index: 22;
  width: 35px;
  height: 63px;
  text-indent: -9000px;
}
#buehnePrev {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -185px -445px;
  left: 0;

}
#buehneNext {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -90px -203px;
  right: 0;
}

.heightHALFClass #buehneNavi {
  display: none;
}
#buehneTabsWrapper {
  float: right;
  position: relative;
  top: 303px;
  left: -50%;
  z-index: 22;
}
#buehneTabs {
  position: relative;
  left: 50%;
}
#buehneTabs li {
  float: left;
  height: 37px;
  padding: 7px 0 0 0;
  margin-right: 3px;
  position: relative;
}
#buehneTabs a {
  float: left;
  height: 25px;
  line-height: 20px;
  padding: 5px 20px 0 20px;
  background: #fff;
  text-decoration: none;
}
#buehneTabs li.activeSlide:before {
  content: "";
  position: absolute;
  top: 0;
  left: 40%;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -401px -413px;
  width: 27px; height: 7px;

}
#buehneTabs a:hover,
#buehneTabs li:hover a,
#buehneTabs li.activeSlide a {
  background: #bbb;
  color: #fff;
}

/**************** Buehne Ende ****************/

.spacer {
  display: block;
  height: 15px;
}
.wikiTextNormal .trennlinieHorizontal {
  display: block;
  float: none;
  clear: both;
}
.sixpackImage,
.wikiClassWikiTextColored,
.wikiClassHilfe3erBlau .leftHelp,
.wikiClassHilfe3erBlau .middleHelp,
.wikiClassHilfe3erBlau .rightHelp,
#extrasBoxList {
  color: #fff;
  background-color: #1a93fb;
}

.wikiTextNormal a.wiki {
  background-position: right center;
  background-repeat: no-repeat;
}

.wikiTextNormal strong  {
  font-weight: bold;
}

.wikiClassHilfe3erBlau a.wiki  {
  color: #fff;
}

.zweierTeaserLeft a.wiki,
.zweierTeaserRight a.wiki,
.wikiClassWikiTextColored .zweierTeaserLeft h6 a.wiki,
.wikiClassWikiTextColored .zweierTeaserRight h6 a.wiki {
  display: inline;
  padding: 0;
  margin-right: 0;
  background-image: none;
  text-decoration: underline;
}

.wikiTextNormal a.wiki {
  text-decoration: underline;
}
.sixpackImage a.wiki,
.wikiClassWikiTextColored a.wiki,
.wikiClassHilfe3erBlau a.wiki,
#extrasBoxList a.wiki  {
  color: #fff;
}
.wikiTextNormal a.wiki:hover, .wikiTextNormal a:hover  {
  text-decoration: underline;
}
.wikiTextNormal h2 a.wiki,
.wikiTextNormal h3 a.wiki,
.wikiTextNormal h4 a.wiki,
.wikiTextNormal h5 a.wiki  {
  background-image: url(FL-img/wikiLinkHeadingArrow.png);
  padding: 2px 30px 2px 0;
  min-height: 22px;
  display: inline-block;
  text-decoration: none;
}
.wikiTextNormal h2 a.wiki:hover,
.wikiTextNormal h3 a.wiki:hover,
.wikiTextNormal h4 a.wiki:hover,
.wikiTextNormal h5 a.wiki:hover  {
  text-decoration: underline;
}
.magHelp #mainBox .wikiClassHilfeMiddle h6,
.magHelp #mainBox .wikiClassHilfeBottom h6  {
  width: 650px;
}
.magService #mainBox .wikiClassHilfeMiddle h6,
.magService #mainBox .wikiClassHilfeBottom h6  {
  width: 770px;
}
.magHelp #mainBox .wikiClassHilfeMiddle h6,
.magHelp #mainBox .wikiClassHilfeMiddle h6 a.wiki,
.magHelp #mainBox .wikiClassHilfeBottom h6,
.magHelp #mainBox .wikiClassHilfeBottom h6 a.wiki,
.magService #mainBox .wikiClassHilfeMiddle h6,
.magService #mainBox .wikiClassHilfeMiddle h6 a.wiki,
.magService #mainBox .wikiClassHilfeBottom h6,
.magService #mainBox .wikiClassHilfeBottom h6 a.wiki  {
  display: block;
  float: right;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}
.magHelp #mainBox .wikiClassHilfeMiddle h6 a.wiki,
.magHelp #mainBox .wikiClassHilfeBottom h6 a.wiki,
.magService #mainBox .wikiClassHilfeMiddle h6 a.wiki,
.magService #mainBox .wikiClassHilfeBottom h6 a.wiki  {
  padding: 4px 0 0 35px;
  min-height: 22px;
  display: inline-block;
  position: relative;
  background-image: none;
}
.magHelp #mainBox .wikiClassHilfeMiddle h6 a.wiki:before,
.magHelp #mainBox .wikiClassHilfeBottom h6 a.wiki:before,
.magService #mainBox .wikiClassHilfeMiddle h6 a.wiki:before,
.magService #mainBox .wikiClassHilfeBottom h6 a.wiki:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 9px;
  width: 14px;
  height: 8px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -72px -334px;
}


.wikiClassWikiTextColored h2 a.wiki,
.wikiClassWikiTextColored h3 a.wiki,
.wikiClassWikiTextColored h4 a.wiki,
.wikiClassWikiTextColored h5 a.wiki,
.wikiClassHilfe3erBlau h2 a.wiki,
.wikiClassHilfe3erBlau h3 a.wiki,
.wikiClassHilfe3erBlau h4 a.wiki,
.wikiClassHilfe3erBlau h5 a.wiki,
#extrasBoxList h2 a.wiki,
#extrasBoxList h3 a.wiki,
#extrasBoxList h4 a.wiki,
#extrasBoxList h5 a.wiki {
  color: #fff;
  background-image: url(FL-img/wikiLinkHeadingArrowWhite.png);
  display: inline-block;
}
.textblockInner a.anchor,
.wikiTextNormal a.anchor  {
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
  background-image: none;
}
.image-right {
  float: right;
  text-align: right;
  margin-left: 6px;
}
.image-left {
  float: left;
  margin-right: 6px;
}
.image-center {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.wikiTextLeft {
  text-align: left;
}
.wikiTextRight {
  text-align: right;
}
.wikiTextCenter {
  text-align: center;
}
.wikiTextJustify {
  text-align: justify;
}

.textblockControls h2,
.wikiTextNormal h2.wiki,
.wikiTextNormal h2,
.wikiTextNormal h3.wiki,
.wikiTextNormal h3,
.wikiTextNormal h4.wiki,
.wikiTextNormal h4,
.wikiTextNormal h5.wiki,
.wikiTextNormal h5,
.wikiTextNormal h3.wiki a,
.wikiTextNormal h3 a,
.wikiTextNormal a.wiki h3,
.wikiTextNormal a h3,
.wikiTextNormal h4.wiki a,
.wikiTextNormal h4 a,
.wikiTextNormal a.wiki h4,
.wikiTextNormal a h4  {
  font-family: Georgia, serif;
  font-style: normal;
  display: inline-block;
}
.wikiFeld h2.wiki,
.wikiFeld h2,
.wikiFeld h3.wiki,
.wikiFeld h3,
.wikiFeld h4.wiki,
.wikiFeld h4,
.wikiFeld h5.wiki,
.wikiFeld h5,
.wikiFeldBundle h2.wiki,
.wikiFeldBundle h2,
.wikiFeldBundle h3.wiki,
.wikiFeldBundle h3,
.wikiFeldBundle h4.wiki,
.wikiFeldBundle h4,
.wikiFeldBundle h5.wiki,
.wikiFeldBundle h5 {
  display: block;
}
.wikiTextNormal h2.wiki, .wikiTextNormal h2,
.wikiTextNormal h3.wiki, .wikiTextNormal h3 {
  font-size: 22px;
}
.wikiTextNormal h4.wiki, .wikiTextNormal h4 {
  font-size: 18px;
}
.wikiTextNormal h5.wiki, .wikiTextNormal h5 {
  font-size: 36px;
}
.wikiTextNormal h6.wiki, .wikiTextNormal h6 {
  font-size: 15px;
  font-family: Arial, sans serif;
  font-style: normal;
  display: inline-block;
}


.wikiTextNormal h2.wiki a, .wikiTextNormal h2 a,
.wikiTextNormal a.wiki h2, .wikiTextNormal a h2,
.wikiTextNormal h3.wiki a, .wikiTextNormal h3 a,
.wikiTextNormal a.wiki h3, .wikiTextNormal a h3 {
  font-size: 18px;
}
.wikiTextNormal h4.wiki a, .wikiTextNormal h4 a,
.wikiTextNormal a.wiki h4, .wikiTextNormal a h4 {
  font-size: 16px;
}

#mainBox .wikiClassWikiLongText .textblockInner  {
  height: auto !important;
  width: 860px;
  padding: 20px 30px;
  border: 10px solid #e5e5e5;
  column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  orphans: 4;
  widows: 4;
}

.dreierTeaserRight form.boxclass {
  position: absolute;
  bottom: 15px;
  left: 10px;
  max-height: 265px;
}
.textblock form.boxclass {
  float: left;
}
.textblock form.boxclass  br {
  font-size: 8px;
  line-height: 8px;
}
.textblock form.boxclass,
.textblock form.boxclass label,
.textblock form.boxclass select {
  width: 190px;
  display: block;
}
.textblock form.boxclass label,
.textblock form.boxclass select {
  margin: 0 0 6px 0;
}
.textblock form.boxclass label{
  font-size: 14px;
  margin: 0 0 3px 0;
}
.einerTeaserCoupon {
  position: relative;
}
.einerTeaserCoupon .couponTeaser {
  position: absolute;
  left: 30px;
  bottom: 30px;
  background-color: #fff;
}
.couponTeaser .couponTeaserLabel {
  display: block;
  font-family: Georgia, serif;
  font-size: 22px;
  margin: 0 0 5px 0;
}
.couponTeaser input.magazinGutscheinCode {
  float: left;
  width: 400px;
  margin: 5px 25px 0 0;
}
.couponTeaser .couponTeaserPopup {
  padding: 15px;
  position: absolute;
  left: 10px;
  bottom: -15px;
  background: #e5e5e5;
  border: 2px solid #bbb;
  border-radius: 4px;
  z-index: 1;
}
.couponTeaser .couponTeaserPopupClose {
  float: right;
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 13px; height: 13px;
  background-position: -155px -277px;
  cursor: pointer;
  position: relative;
  top: -10px;
  right: -10px;
}
.couponTeaser .infoMessage:before {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -272px -417px;
  content: "";
  float: left;
  height: 33px;
  left: 0;
  margin: 0 8px -5px 0;
  position: relative;
  top: -5px;
  width: 39px;
}

.textblockControls h2 {
  font-size: 18px;
  line-height: 22px;
  height: 22px;
  float: left;
  padding: 4px 0 4px 15px;
}
.textblockControls h2.sixPackWithWiki,
.textblockControls.wikiClassHeadingCentered  h2,
.textblockControls.wikiClassRightCentered  h2 {
  padding: 4px 0 6px 255px;
}

.doubleListTitle {
  float: left;
  font-size: 15px;
  font-family: Helvetica, Arial, sans-serif;
  width: 242px;
  height: 19px;
  line-height: 17px;
  padding: 3px 0 0 15px;
}

#magNavWrapper .textblockControls h2 {
  padding: 4px 0 4px 15px;
}

#magNavWrapper .textblockControls h2.sixPackWithWiki {
  padding: 4px 0 4px 15px;
}

.wikiFeld {
  border: 10px solid #e5e5e5;
  padding: 15px;
  width: 650px;
  margin-bottom: 20px;
}


.heightFULLClass .dreierTeaserRight a.wiki {
  background-image: none;
  text-decoration: underline;
}

.textblock {
  float: right;
}

/* Sixpack Kontrollen rechtsbündig neben Überschrift */
.textblockControls .sixpackControls {
  float: right;
  padding-right: 10px;
}
.textblockControls .sixpackSelector {
  position: absolute;
  right: 115px;
  top: 2px;
}
.textblockControls .sixpackSelector a {
  background: none repeat scroll 0 0 #E5E5E5;
  cursor: pointer;
  float: left;
  font-family: Georgia,serif;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  padding: 5px 15px;
  top: 1px;
  z-index: 44;
}
.textblockControls .sixpackSelector a.active,
.textblockControls .sixpackSelector a:focus {
  position: relative;
}
.textblockControls .sixpackSelector a.active:after,
.textblockControls .sixpackSelector a:focus:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 36%;
  width: 36px;
  height: 9px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -151px -686px;
  background-color: transparent;
}
.textblockControls .sixpackSelector a.active,
.textblockControls .sixpackSelector a:hover,
.textblockControls .sixpackSelector a:focus {
  height: 25px;
  margin-bottom: -10px;
  padding: 5px 15px 7px;
  background-color: #fff;
}

/* Styling für chozen-Select JS Plugin */
#mainBox .textblockControls .chzn-container {
  position: relative;
  top: -1px;
}

#mainBox .textblockControls select,
#mainBox .textblockControls option,
#mainBox .textblockControls a.chzn-single {
  color: #444;
  background-color: #e5e5e5;
  background-image: none;
  border-radius: 3px;
  padding: 7px 0 7px 10px;
  margin: 0;
  cursor: pointer;
  height: 15px;
  font-size: 15px;
  line-height: 15px;
  float: right;
  z-index: 45;
  top: 0;
}
#mainBox .textblockControls a.chzn-single:after {
  display: none;
}
#mainBox .textblockControls select,
#mainBox .textblockControls option {
  border: none;
  width: auto;
  font-size: 12px;
  padding: 0;
}
#mainBox .textblockControls option {
  padding: 0 10px;
}
#mainBox .textblockControls a.chzn-single.chzn-single-with-drop,
#mainBox .textblockControls a.chzn-single:hover {
  color: #fff;
  background-color: #bbb;
}
#mainBox .textblockControls a.chzn-single.chzn-single-with-drop {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#mainBox .textblockControls .chzn-single span {
  margin-right: 28px;
}

#pageWrapper .chzn-container .chzn-single div b {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -28px -43px;
  display: block;
  margin-top: 10px;
  width: 15px;
  height: 7px;
}
#pageWrapper .chzn-container-active .chzn-single-with-drop div b {
  background-position: -362px -414px;
}
#mainBox .textblockControls a.chzn-single:hover div b {
  background-position: -430px -298px;
}
#mainBox .textblockControls a.chzn-single.chzn-single-with-drop div b {
  background-position: 0 -374px;
}
#mainBox .textblockControls .chzn-search {
  display: none;
}
#mainBox .textblockControls .chzn-drop {
  border: 2px solid #bbb;
  border-radius: 2px;
  border-top-right-radius: 0;
  text-align: right;
}
#mainBox .textblockControls .chzn-results {
  max-height: 310px;
  padding: 0 10px;
  margin: 0;
}
#mainBox .textblockControls .chzn-results li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
#mainBox .textblockControls .chzn-results li:first-child{
 border-top: none;
}
#mainBox .textblockControls .chzn-results .highlighted {
  background-color: transparent;
  color: #1a93fb;
  font-weight: bold;
}


/* Sixpack Vor- Zurück und Alle anzeigen runde Buttons */
.sixpackButton a {
  width: 30px;
  height: 30px;
  float: left;
  text-indent: -9000px;
  margin-left: 4px;
}
.doubleSixpackControls .sixpackButton a {
  width: 32px;
  height: 16px;
  float: left;
  text-indent: -9000px;
  margin-right: 0;
  margin-left: 0;
}

.doubleSixpackControls {
  float: left;
  width: 331px;
  background: #e5e5e5;
  border: 2px solid #fff;
  padding: 0 0 1px 0;
}
.doubleSixpackControlsBottom {
  padding: 2px 0 2px 257px;
  width: 74px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.textblockControls .sixpackShowList a,
.doubleSixpackControls .sixpackShowList a  {
  text-indent: 0;
  float: right;
  height: auto;
  width: auto;
  margin: 0;
  font-size: 15px;
  position: relative;
  top: 11px;
  left: 1px;
}
.doubleSixpackControls .sixpackShowList a {
  margin: 1px 7px 0 0;
  font-size: 15px;
  position: static;
}


.sixpackPrevious0 a,
.sixpackPrevious1 a {
  background-image: url("FL-img/spritesNoRepeat.png");
   background-position: -6px -658px;
}

.doubleSixpackControls .sixpackPrevious0 a,
.doubleSixpackControls .sixpackPrevious1 a {
  position: absolute;
  top: 26px;
  right: 150px;
  background-position: -439px -629px;
}

.sixpackNext0 a,
.sixpackNext1 a {
  background-image: url("FL-img/spritesNoRepeat.png");
   background-position: -67px -658px;
}

.doubleSixpackControls .sixpackNext0 a,
.doubleSixpackControls .sixpackNext1 a {
  background-position: -133px -657px;
  position: absolute;
  bottom: 1px;
  right: 150px;
}

.sixpackPrevious0.inactive a,
.sixpackPrevious1.inactive a {
  cursor: default;
  background-position: -39px -658px;
}

.doubleSixpackControls .sixpackPrevious0.inactive a,
.doubleSixpackControls .sixpackPrevious1.inactive a {
  background-position: -398px -629px;
}

.sixpackNext0.inactive a,
.sixpackNext1.inactive a {
  cursor: default;
  background-position: -101px -658px;
}

.doubleSixpackControls .sixpackNext0.inactive a,
.doubleSixpackControls .sixpackNext1.inactive a {
  background-position: -175px -657px;
}

#mainBox .sixpackControls .sixpackNext0,
#mainBox .sixpackControls .sixpackNext1,
#mainBox .sixpackControls .sixpackNext0 a,
#mainBox .sixpackControls .sixpackNext1 a,
#mainBox .sixpackControls .sixpackPrevious0,
#mainBox .sixpackControls .sixpackPrevious1,
#mainBox .sixpackControls .sixpackPrevious0 a,
#mainBox .sixpackControls .sixpackPrevious1 a {
  visibility: visible !important;
  z-index: 1;
}
#magNavWrapper  {
  float: left;
  width: 940px;
}
#leftColumn h2,
.infoheader {
  padding: 3px 0 13px 15px;
  height: 24px;
  line-height: 24px;
  font-family: Georgia, serif;
  font-weight: normal;
  font-size: 20px;
  background-color: #fff;
}
#leftColumn h2 {
  width: 205px;
}
.infoheader.merkzettelHeader {
  height: auto;
  min-height: 24px;
}
#magNavWrapper #leftColumnWrapper,
#magNavWrapper #leftColumn {
  float: left;
}
#magNavWrapper .textblockControls {
  width: 700px;
}
.textblockControls {
  float: right;
  height: 30px;
  line-height: 30px;
  margin-bottom: 2px;
  width: 940px;
  position: relative;
}
#magNavWrapper .textblockControls {
  width: 700px;
}
.textblock {
  width: 940px;
  float: right;
  position: relative;
  overflow: hidden;
  margin: 8px 0 28px 0;
  z-index: 1;
}
.magHelp .textblock {
  width: auto;
}
.magService #magNavWrapper .textblock {
  width: 940px;
  max-width: 940px;
}
.magService #mainBox #contentColumn .wikiClassHilfeTop .textblockInner,
.magService #mainBox #contentColumn .wikiClassHilfeMiddle .textblockInner,
.magService #mainBox #contentColumn .wikiClassHilfeBottom .textblockInner,
.magService #mainBox #contentColumn .wikiClassHilfeMini .textblockInner,
.magNormal #mainBox #contentColumn .wikiClassHilfeMini .textblockInner {
  width: 890px;
}
.magNormal #mainBox #contentColumn #magNavWrapper .wikiClassHilfeMini .textblockInner {
  width: 650px;
}
.magService #helpHeading .textblockControls {
  float: left;
  width: 900px;
}
#magNavWrapper .textblock,
#magNavWrapper .recommendationsContainer {
  max-width: 700px;
  width: 700px;
  overflow: hidden;
}
#magNavWrapper .recommendationsContainer {
  overflow: visible;
}



.textblock  .textblockInner {
  float: right;
  overflow: hidden;
}

.recommendationsContainer {
  float: right;
}

.kategorieTeaser {
  position: relative;
}
.wikiClassEReaderSlide  .kategorieTeaserTop {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 8;
  width: 230px;
  height: 280px;
  overflow: hidden;
}
.wikiClassEReaderSlide  .kategorieTeaserTop li {
  display: block;
  height: 55px;
  overflow: hidden;

  width: 210px;
  background-color: #fff;
  margin-bottom: 1px;
  text-align: center;
  margin-left: 20px;
  position: relative;
}
.wikiClassEReaderSlide  .kategorieTeaserTop li.activeSlide,
.wikiClassEReaderSlide  .kategorieTeaserTop li:hover {
  padding-left: 20px;
  margin-left: 0;
  background-color: transparent;
}
.wikiClassEReaderSlide  .kategorieTeaserTop li.activeSlide span,
.wikiClassEReaderSlide  .kategorieTeaserTop li:hover span {
  background-color: #1a93fb;
  background-image: url("FL-img/sprites-xRepeat.png");
  background-repeat: repeat-x;
  background-position: 0 -600px;
}
.wikiClassEReaderSlide  .kategorieTeaserTop li.activeSlide:before,
.wikiClassEReaderSlide  .kategorieTeaserTop li:hover:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 55px;
  top: 0;
  left: 0;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 0 -523px;
}
.wikiClassEReaderSlide  .kategorieTeaserTop li.activeSlide a,
.wikiClassEReaderSlide  .kategorieTeaserTop li:hover a {
  color: #fff;
}

.wikiClassEReaderSlide  .kategorieTeaserTop li span {
  display: table;
  height: 55px;
  width: 210px;
  vertical-align: middle;

  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 19px;
  text-decoration: none;
  text-align: center;
}
.wikiClassEReaderSlide  .kategorieTeaserTop li span a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}

.wikiClassEReaderSlide  .categoryTeaserSlide {
  background: #e5e5e5;
  height: 300px;
  overflow: hidden;
}
.wikiClassEReaderSlide  .categoryTeaserSlideInner  {
  padding: 25px 250px 5px 25px;
}

.wikiClassEReaderSlide  .image-left  {
  margin-right: 30px;
}

.wikiClassEReaderSlide .categoryTeaserSlide {
  display: none;
}
.wikiClassEReaderSlide .textblockInner div:first-child  {
  display: block;
}

/* Leftnavigation
--------------------------------------------------------------------------------*/
#leftNav li,
.columnNav li {
  height: 15px;
  line-height: 15px;
  font-size: 15px;
  padding: 7px 0 8px 0;
  margin: 0 15px;
  display: table; /** das darf nicht geändert werden , da sonst die filter in der navigation nicht
                  mehr funktionieren, anstatt renderSeparator <li class="separator"></li> nutzen*/
}
#leftNav li.renderSeparator,
.columnNav li.renderSeparator {
  width: 190px;
  border-bottom: 2px solid #fff;
  padding: 7px 0 22px 0;
  margin-bottom: 14px;
}
#leftNav li.renderSeparator.highlight,
.columnNav li.renderSeparator.highlight {
  padding: 7px 15px 29px 15px;
  margin:  0    0    7px  0;
  border-bottom: none;
  background:  url("https://media.ebook.de/upload/libri/Shop_Themenbilder/NavigationTrenner.png") no-repeat scroll center bottom transparent;
}
#leftNav li.separator,
.columnNav li.separator {
  border:none; border-bottom: 2px solid #fff;
  height: 0;display: block;
}
#leftNav  a,
.columnNav a {
  text-decoration: none;
}
#leftNav a:hover,
.columnNav a:hover {
  text-decoration: underline;
}
#mainBox .activeNavi .leftMenuItem a  {
  color: #1a93fb;
  font-weight: bold;
}

/* Leftnavigation / Filter
--------------------------------------------------------------------------------*/
#leftNav .filternavigation h4 {
  line-height: 30px;
  font-family:Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding-left: 15px;
  padding-top: 15px;
}
#leftNav li.filter {
  padding-left: 13px;
}
#leftNav .filternavigation .filterseparator {
  border:none;
  border-bottom: 2px solid #e5e5e5;
  height: 0;
  display: block;
}
#leftNav .filternavigation ul:last-child .filterseparator {
  border: none;
}
#leftNav .filternavigation li span.removefilter {
  line-height: 14px;
}
#leftNav .filternavigation li span.removefilter:before {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -218px -277px;
  content:"";
  width: 14px; height: 14px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}

#leftNav .filternavigation li.select a {
  font-weight: bold;
  text-decoration: underline;
  font-size: 13px;
}
#leftNav .filternavigation ul ul li {
  margin-right: 0;
  padding-right: 0;
}
/* Account / Startseite Kontakt/Linkteaser
--------------------------------------------------------------------------------*/
#accountlinkteaser .container {
  position:relative; height: 240px;padding: 20px;
  border: 10px solid #1b93fb;
}
#accountlinkteaser #teaserimage {
  background-image: url("FL-img/spritesNoRepeat.png");
}
 #accountlinkteaser #teaserimage.order {
  left: 50px;
  position: absolute;
  top: 114px;
  width: 104px; height: 78px; background-position: -401px -490px;
}
#accountlinkteaser #teaserimage.settings {
  left: 50px;
  position: absolute;
  top: 105px;
  width: 96px; height: 94px; background-position: -405px -118px;
}

#accountlinkteaser #teaserimage.wishlist {
  left: 65px;
  position: absolute;
  top: 100px;
  width: 79px; height: 97px; background-position: -419px 0;
 }

#accountlinkteaser .viewdetailscontainer  {
  bottom: 15px;
  left: 54px;
  position: absolute;
}
#accountlinkteaser .viewdetailscontainer a {
  text-decoration: none;
}

#accountlinkteaser .viewdetailscontainer a .greyCircleRight {
   background-image:url("FL-img/spritesNoRepeat.png");
   background-position:0px 0px;
   position: absolute;
   left: 78px;
   width: 22px;
   height: 22px;
   top: 0px;
}

#accountlinkteaser .viewdetailscontainer a img {
  position: absolute;
  right: -30px;
  top: 0;
}

/* Accountnav / Separator
--------------------------------------------------------------------------------*/
#leftNav.accountnav {
  padding: 10px 0;
}
#leftNav.accountnav .sublist {
  padding-top: 10px;
}
#leftNav.accountnav li.separator {
  border:none; border-bottom: 2px solid #fff;
  height: 0;display: block;
}
#leftNav.accountnav li.separator.top {
  margin-bottom: 5px;
  margin-top: -5px;
}
#leftNav.accountnav li.separator.bottom {
  margin-bottom: 10px;
  margin-top: -10px;
}

/* Accountnav / Betselldetails
--------------------------------------------------------------------------------*/
#order-history-item h3 strong {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: block;
  padding: 20px 20px 10px 20px;
}
#order-history-item h3 strong.inside {
  padding: 0;
  font-size: 12px;
}
#order-history-item .suborderHeading {
  font-family: Georgia, serif;
  font-size: 18px;
}
.dynamiccontainer.orderhistory {
  border-top: 1px solid #e5e5e5;
  padding: 20px 0;
  margin: 0 20px;
}
#orderhistoryItemwrapper div:first-child {
  border-top: none;
}
/*
.orderhistory .suborderHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.orderhistory .orderitemHeading {
  font-family: Georgia, serif;
  font-size: 14px;
*/
.orderhistory .orderitemHeading {
  font-family: Georgia, serif;
  font-weight: normal;
  font-size: 16px;
}
.orderhistory .suborderHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}



.orderhistoryitem .articleinfobox h3.title {
  font-size: 14px; line-height: 17px;font-family: Arial, sans-serif;
  position: relative;
}
.resultlist .orderhistoryitem .coverbox .coverimg img{
  width: 65px !important;
  height: auto;
}
.orderhistory .collated {
  margin-left: 20px;
}
.orderhistory .collated h4{
  margin-top:20px;
  margin-left: -20px;
  text-decoration: underline;
}




.textblockControls h4 {
  float: left;
}
#magazinNaviTopSpacer,
#magazinNaviBottomSpacer {
  height: 15px;
  width: 200px;
}
#kategorieSuche {
  padding-top: 8px;
  float: left;
}
#kategorieSucheInput {
  height: 27px;
  width: 167px;
  border: 3px solid #1a93fc;
  float: left;
  color: #bbb;
  padding: 0 0 0 4px;
  margin-left: 6px;
}
#kategorieSuche input:focus {
  color: #444444
}

#kategorieSucheSubmit {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: 2px -185px;
  text-indent: -9000px;
  background-color:  #1a93fc;
  border: none;
  width: 30px;
  height: 33px;
  border: 3px solid #1a93fc;
  float: left;
  cursor: pointer;
}


.sixPackItem {
  height: 250px;
  height: 250px;
  width: 135px;
  float: left;
  margin: 0 22px 0 0;
  position: relative;
}

.sixPackAccount .sixPackItem,
#magNavWrapper .sixPackAccount .sixPackItem {
  margin: 0 17px 0 0;
}
.sixPackItem .rankingNr {
  position: absolute;
  top: 1px;
  right: 135px;
  font-family: Georgia, serif;
  font-size: 15px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  letter-spacing: -2px;
  word-spacing: -1px;
  color: #666;
  width: 20px;
  text-align: center;
}

.sixPackItem img.cover  {
  width: auto !important;
  height: auto !important;
  max-width: 100px !important;
  max-height: 140px !important;
}
.sixPackItem .absolute  {
  position: absolute;
  background-color: #fff;
  width: 135px;
  left: 0;
}
.sixPackItem .type  {
  top: 145px;
  text-transform: uppercase;
  width: 160px;
  background-color: transparent;
}
.sixPackItem .title  {
  top: 161px;
  word-wrap: break-word;
}
.sixPackItem .author  {
  top: 195px;
}
.sixPackItem .btn {
  top: 215px;
}
.sixpackImage {
  height: 280px;
  line-height: 300px;
  width: 200px;
  padding: 10px 10px 10px 0;
  float: left;
  background-color: #1A93FB;
  text-align: center;
  overflow: hidden;
}
.sixpackWikitext {
  height: 270px;
  width: 190px;
  margin-right: 20px;
  float: left;
  padding: 15px;
  overflow: hidden;
  background: #e5e5e5;
}
.wikiClassWikiGrau  .sixpackWikitextInner {
  width: 190px;
  height: 270px;
  overflow: hidden;
}
.sixpackWikitext.wikiClassWikiTextColored {
  background: #1a93fb;
}

#mainBox .doubleSixPackItem {
  height: 78px;
  width: 320px;
  float: left;
  margin: 0;
  position: relative;
}
#mainBox .heightDOUBLEClass .doubleSixPackItem {
  height: 85px;
}
.trenner {
  width: 300px;
  height: 1px;
  position: absolute;
  left: 20px;
  top: -9px;
  background: #ddd;
}
.heightDOUBLEClass .trenner {
  top: -11px;
}
.trenner.number-1,
#mainBox .doubleSixPackProductsWrapperInner div:first-child .doubleSixPackItem .trenner {
  display: none;
}
#mainBox .doubleSixPackItem .doubleSixPackNumber {
  position: absolute;
  top: 2px;
  left: 0;
  width: 23px;
  font-family: Georgia, serif;
  font-size: 15px;
  text-align: center;
}
#mainBox .doubleSixPackItem .cover {
  float: left;
  width: 47px !important;
  max-height: 65px !important;
  height: auto !important;
  margin: 0 15px 3px 23px;
  overflow: hidden;
  word-wrap: break-word;
}
#mainBox .doubleSixPackItem .author,
#mainBox .doubleSixPackItem .title {
  height: 15px;
  overflow: hidden;
}
#mainBox .doubleSixPackItem .title {
  margin: 2px 0 0 0;
}
#mainBox .doubleSixPackItem .type {
  position: absolute;
  bottom: 16px;
  left: 85px;
  width: 117px;
  height: 26px;
  line-height: 13px;
  text-transform: uppercase;
  overflow: hidden;
}
#mainBox .heightDOUBLEClass .doubleSixPackItem .type {
  bottom: 20px;
}
#mainBox .doubleSixPackItem .btn {
  position: absolute;
  right: 0;
  bottom: 16px;
}
#mainBox .heightDOUBLEClass .doubleSixPackItem .btn {
  bottom: 20px;
}

.bannerTeaser .textblockInner {
  width: 940px;
  max-width: 940px;
}
.bannerTeaser .bannerTeaserLeft  {
  display: none;
}
.bannerTeaser .bannerTeaserBGImage   {
 float: left;
  max-width: 100%;
  max-height: 100%;
}
#magNavWrapper .bannerTeaser .textblockInner {
  width: 700px;
  max-width: 700px;
}
#magNavWrapper .bannerTeaser .textblockInner .bannerTeaserBGImage {
  background-position: 700px 0;
}
#magNavWrapper .bannerTeaser.heightHALFClass .textblockInner {
  height: 150px;
  max-height: 150px;
}
#magNavWrapper .bannerTeaser.heightFULLClass .textblockInner {
  height: 300px;
  max-height: 300px;
}
#magNavWrapper .bannerTeaser.heightDOUBLEClass .textblockInner {
  height: 600px;
  max-height: 600px;
}


.wikiClassBannerTextLeft .bannerTeaserRight {
  float: left;
}
.wikiClassBannerTextRight .bannerTeaserRight {
  float: right;
}
.wikiClassBannerTextLeft .bannerTeaserRightInner {
  padding: 15px 0 15px 15px;
}
.wikiClassBannerTextRight .bannerTeaserRightInner {
  padding: 15px 15px 15px 0;
}
.wikiClassTextFullWidth .bannerTeaserRightInner {
  padding: 15px;
}
.wikiClassTextWidth70 .bannerTeaserRight  {
  width: 70%;
}
.wikiClassTextWidth50 .bannerTeaserRight  {
  width: 50%;
}
.wikiClassTextWidth30 .bannerTeaserRight  {
  width: 30%;
}


#magNavWrapper .dreierTeaser,
.sixPack {
  position: relative;
}
#magNavWrapper .dreierTeaserLeft,
#magNavWrapper .sixpackImage,
#magNavWrapper .sixpackWikitext {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  background-color: orange;
}
.sixpackKonto {
  position: absolute;
  right: 0; top: 0;
  background-color: #e5e5e5;
  width: 220px;
  height: 300px;
  overflow: hidden;
  z-index: 2;
}
#sixpackAccountUL li {
  padding-left: 15px;
}
#sixpackAccountUL .accountName {
  background-color: #fff;
  width: 180px;
  padding: 10px;
  font-size: 17px;
  font-family: Georgia, serif;
  margin: 10px 10px 25px 10px;
  position: relative;
}
.accountName .arrow {
  position: absolute;
  left: 81px;
  bottom: -9px;
  height: 9px;
  width: 36px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -317px -455px;
}
#sixpackAccountUL .logout {
  padding-top: 37px;
}











.einerTeaser .textblockInner,
.einerTeaser.wikiClassEiner1 .textblockInner,
.einerTeaser.wikiClassEinerGrauerRahmen .textblockInner {
  float: right;
  border: 10px solid #1A93FB;
  padding: 20px;
  width: 880px;
}
.einerTeaser.wikiClassEinerGrauerRahmen .textblockInner {
  border-color: #e5e5e5;
}
.einerTeaser.wikiClassEinerGrau .textblockInner {
  border: 10px solid #e5e5e5;
  background: #e5e5e5;
  padding: 20px;
  padding: 5px;
  width: 910px;
}

#magNavWrapper .einerTeaser .textblockInner,
#magNavWrapper .einerTeaser.wikiClassEiner1 .textblockInner {
  width: 640px;
}
#magNavWrapper .einerTeaser.wikiClassEinerGrau .textblockInner {
  width: 670px;
}
.einerTeaser.heightHALFClass .textblockInner {
  height: 90px;
}
.einerTeaser.heightHALFClass.wikiClassEinerGrau .textblockInner {
  height: 120px;
}
.einerTeaser.heightFULLClass .textblockInner {
  height: 240px;
}
.einerTeaser.heightFULLClass.wikiClassEinerGrau .textblockInner {
  height: 270px;
}


.einerTeaser.wikiClassBannerColored .textblockInner  {
  padding: 0 0 0 20px;
  width: 900px;
  height: 130px;
}
#magNavWrapper .einerTeaser.wikiClassBannerColored .textblockInner   {
  width: 660px;
}
.wikiClassBannerColored a.wiki,
#searchResultWikiTextfield a.wiki {
  color: #fff;
  display: inline-block;
  padding: 2px 10px 2px 0;
  margin-right: 12px;
  background-image: url(FL-img/wikiLinkArrowWhite.png);
  background-position: right center;
  background-repeat: no-repeat;
  text-decoration: none;
}
.einerTeaser.wikiClassEbImage .textblockInner  {
  padding: 0;
  border: none;
  width: 940px;
}
#searchResultWikiTextfield h2 a.wiki,
#searchResultWikiTextfield h3 a.wiki,
#searchResultWikiTextfield h4 a.wiki,
#searchResultWikiTextfield h5 a.wiki,
#searchResultWikiTextfield h6 a.wiki {
  background-image: none;
}
.einerTeaser.wikiClassEinerViertel .textblockInner {
  border: none;
  background-color: #e5e5e5;
  padding: 15px 10px 15px 50px;
  width: 880px;
  height: 45px;
}
#magNavWrapper .einerTeaser.wikiClassEinerViertel .textblockInner {
  width: 640px;
}
#magNavWrapper .heightHALFClass.wikiClassEinerViertel .textblockInner {
  height: 120px;
}
#magNavWrapper .heightFULLClass.wikiClassEinerViertel .textblockInner {
  height: 270px;
}
.einerTeaser.wikiClassEinerViertel h3 {
  float: left;
  width: 136px;
  margin-right: 40px;
}
#magNavWrapper .einerTeaser.wikiClassEinerViertel h3 {
  width: 100px;
  margin-right: 20px;
}
.einerTeaser.wikiClassEinerViertel h3 a {
  float: none;
  display: block;
  background-position: right top;
  padding: 0 20px 0 0;
  margin: 0;
}

.dreierTeaser.textblock .textblockInner {
  width: 940px;
  height: 300px;
  position: relative;
}
.dreierTeaser.textblock.heightHALFClass  .textblockInner {
  height: 150px;
}
#magNavWrapper .dreierTeaser.textblock .textblockInner {
  width: 700px;
}
.dreierTeaserLeft {
  padding: 15px;
  width: 190px;
  float: left;
  height: 270px;
  background-color: #e5e5e5;
  position: absolute;
  left: 0;
  top: 0;
}
.wikiClassLinksGrau .dreierTeaserLeftInner {
  width: 190px;
  height: 270px;
  overflow: hidden;
}
.dreierTeaserLeft.wikiClassWikiTextColored {
  background-color: #1a93fb;
}
.dreierTeaserLeft,
.dreierTeaserMiddle,
.dreierTeaserRight {
  overflow: hidden;
}
.dreierTeaserMiddle {
  padding: 15px;
  width: 450px;
  float: left;
  height: 270px;
  background-color: #e5e5e5;
  height: 270px;
  background-color: #e5e5e5;
  position: absolute;
  left: 240px;
  top: 0;
}
.dreierTeaserRight {
  padding: 15px 0 10px 42px;
  width: 168px;
  height: 255px;
  float: right;
  border: 10px solid #e5e5e5;
  border-left: none;
  position: relative;
  position: absolute;
  left: 720px;
  top: 0;
}

.dreierTeaserMiddle.wikiClassWikiTextColored,
.dreierTeaserRight.wikiClassWikiTextColored {
  background-color: #1a93fb;
}
#mainBox .wikiClassRightCentered .dreierTeaserRight {
  padding: 15px 0 10px 0;
  width: 210px;
  text-align: center;
}
.wikiClassRightCentered .dreierTeaserRight * {
  float: none;
  margin: 0 auto;
  text-align: center;
}
#mainBox .heightHALFClass .dreierTeaserLeft {
  height: 120px;
}
.heightHALFClass .dreierTeaserMiddle {
  height: 120px;
  width: 430px;
}
#mainBox .heightHALFClass .dreierTeaserRight {
  height: 120px;
  border: none;
  width: 190px;
  padding: 15px;
  background-color: #e5e5e5;
}
#mainBox .heightHALFClass .dreierTeaserRight.wikiClassWikiTextColored {
  background-color: #1a93fb;
}
#magNavWrapper .dreierTeaserMiddle {
  left: 0;
}

#magNavWrapper .dreierTeaserRight {
  left: 480px;
}

.heightDOUBLEClass.wikiClassAchtspaltig .textblockInner  {
  height: 600px;
}
#contentColumn .wikiClassAchtspaltig .dreierTeaserLeft,
#contentColumn .wikiClassAchtspaltig .dreierTeaserMiddle,
#contentColumn .wikiClassAchtspaltig .dreierTeaserRight {
  background-color: #fff;
  border-top: 10px solid #e5e5e5;
  border-bottom: 10px solid #e5e5e5;
  padding: 15px;
  height: 250px;
  text-align: left;
  color: #444;
}
#contentColumn .heightHALFClass.wikiClassAchtspaltig .dreierTeaserLeft,
#contentColumn .heightHALFClass.wikiClassAchtspaltig .dreierTeaserMiddle,
#contentColumn .heightHALFClass.wikiClassAchtspaltig .dreierTeaserRight {
  height: 100px;
}
#contentColumn .heightDOUBLEClass.wikiClassAchtspaltig .dreierTeaserLeft,
#contentColumn .heightDOUBLEClass.wikiClassAchtspaltig .dreierTeaserMiddle,
#contentColumn .heightDOUBLEClass.wikiClassAchtspaltig .dreierTeaserRight {
  height: 550px;
}


#contentColumn .wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserLeft,
#contentColumn .wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserMiddle,
#contentColumn .wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserRight {
  border: none;
  padding: 0;
  height: 300px;
  width: 220px;
}
#contentColumn .wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserMiddle {
  width: 460px;
}
#contentColumn .heightHALFClass.wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserLeft,
#contentColumn .heightHALFClass.wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserMiddle,
#contentColumn .heightHALFClass.wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserRight {
  height: 150px;
}
#contentColumn .heightDOUBLEClass.wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserLeft,
#contentColumn .heightDOUBLEClass.wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserMiddle,
#contentColumn .heightDOUBLEClass.wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserRight {
  height: 600px;
}
#contentColumn .wikiClassAchtspaltig.wikiClassImageOnly .image-left,
#contentColumn .wikiClassAchtspaltig.wikiClassImageOnly .image-right {
  margin: 0 0 20px 0;
}
#contentColumn .wikiClassAchtspaltig.wikiClassImageOnly .dreierTeaserMiddle .image-left {
  margin-right: 20px;
}
#contentColumn .wikiClassAchtspaltig.wikiClassImageOnly img {
  height: 150px;
  width: 220px;
}
#contentColumn .heightFULLClass.wikiClassAchtspaltig.wikiClassImageOnly img {
  height: 140px;
}
#contentColumn .heightDOUBLEClass.wikiClassAchtspaltig.wikiClassImageOnly img {
  height: 135px;
}


#contentColumn .heightHALFClass.wikiClassVierspaltig .dreierTeaserLeft,
#contentColumn .heightHALFClass.wikiClassVierspaltig .dreierTeaserMiddle,
#contentColumn .heightHALFClass.wikiClassVierspaltig .dreierTeaserRight {
  height: 100px;
  padding: 15px;
  border: 10px solid #e5e5e5;
}
#contentColumn .heightHALFClass.wikiClassVierspaltig.wikiClassWikiTextColored,
#contentColumn .wikiClassVierspaltig.wikiClassWikiTextColored.textblockControls  {
  background: #fff;
  color: #444;
}
#contentColumn .heightHALFClass.wikiClassVierspaltig.wikiClassWikiTextColored  .dreierTeaserLeft,
#contentColumn .heightHALFClass.wikiClassVierspaltig.wikiClassWikiTextColored  .dreierTeaserMiddle,
#contentColumn .heightHALFClass.wikiClassVierspaltig.wikiClassWikiTextColored  .dreierTeaserRight {
  border: 10px solid #1A93FB;
  background: #1a93fb;
  color: #fff;
}
#contentColumn .heightHALFClass.wikiClassVierspaltig .dreierTeaserLeft,
#contentColumn .heightHALFClass.wikiClassVierspaltig .dreierTeaserRight  {
  width: 170px;
}
#contentColumn .heightHALFClass.wikiClassVierspaltig .dreierTeaserMiddle  {
  width: 410px;
}
#contentColumn .heightHALFClass.wikiClassVierspaltig .textblockInner  {
  position: relative;
}
#contentColumn .heightHALFClass.wikiClassVierspaltig .spaltenTrenner {
  position: absolute;
  top: 0;
  right: 450px;
  width: 20px;
  height: 150px;
  background: #fff;
  border-left: 10px solid #e5e5e5;
  border-right: 10px solid #e5e5e5;
  z-index: 1;
}
#contentColumn .heightHALFClass.wikiClassVierspaltig.wikiClassWikiTextColored .spaltenTrenner {
  border-left: 10px solid #1a93fb;
  border-right: 10px solid #1a93fb;
}
#contentColumn .wikiClassAchtspaltig .dreierTeaserLeft {
  border-left: 10px solid #e5e5e5;
  width: 221px;
  padding-right: 0;
}
#contentColumn .wikiClassAchtspaltig .dreierTeaserMiddle {
  width: 450px;
  padding-right: 0;
}
#contentColumn .wikiClassAchtspaltig .dreierTeaserMiddle {
  padding-left: 25px;
}
#magNavWrapper .wikiClassAchtspaltig .dreierTeaserMiddle {
  border-left: 10px solid #e5e5e5;
  padding-left: 15px;
}
#mainBox .wikiClassAchtspaltig .dreierTeaserRight {
  border-right: 10px solid #e5e5e5;
  width: 221px;
  padding-left: 0;
  padding-right: 0;
  left: auto;
  right: 0;
}
.dreierTeaser.wikiClassAchtspaltig .achtSpaltig {
  float: left;
  width: 205px;
  padding-right: 16px;
  height: 133px;
}
.heightHALFClass.dreierTeaser.wikiClassAchtspaltig .achtSpaltig {
  height: 115px;
}
.heightDOUBLEClass.dreierTeaser.wikiClassAchtspaltig .achtSpaltig {
  height: 142px;
}
.dreierTeaser.heightHALFClass.wikiClassVierspaltig .achtSpaltig {
  width: 170px;
  padding-right: 0;
}
.dreierTeaser.heightHALFClass.wikiClassVierspaltig .dreierTeaserMiddle div:first-child {
  padding-right: 70px;
}
.dreierTeaser.heightHALFClass.wikiClassVierspaltig .dreierTeaserMiddle .achtSpaltig div:first-child {
  padding-right: 0;
}
#contentColumn .heightHALFClass.wikiClassAchtspaltig.wikiClassVierspaltig .dreierTeaserMiddle  {
}
.dreierTeaser.wikiClassAchtspaltig br {
  display: none;
}
.dreierTeaser.wikiClassAchtspaltig .achtSpaltig br {
  display: inline;
}




.sixPackProductsWrapper .sixpackButton a,
#magNavWrapper .sixPackProductsWrapper .sixpackButton a,
.oversizedSixPackProductsWrapper .sixpackButton a,
#magNavWrapper .oversizedSixPackProductsWrapper .sixpackButton a {
  position: absolute;
  top: 130px;
  left: 1px;
  margin: 0;
  width: 18px;
  height: 37px;
  text-indent: -9000px;
}
.oversizedSixPackProductsWrapper .sixpackButton a,
#magNavWrapper .oversizedSixPackProductsWrapper .sixpackButton a {
  top: auto;
  bottom: 50%;
}
.sixPackProductsWrapper .sixpackButton.sixpackNext0 a,
#magNavWrapper .sixPackProductsWrapper .sixpackButton.sixpackNext0 a,
.oversizedSixPackProductsWrapper .sixpackButton.sixpackNext0 a,
#magNavWrapper .oversizedSixPackProductsWrapper .sixpackButton.sixpackNext0 a {
  left: auto;
  right: 1px;
}
#mainBox .sixPackAccount .sixPackProductsWrapper .sixpackButton.sixpackNext0 a {
  left: auto;
  right: 31px;
}

.sixPackProductsWrapper,
.sixPackProductsWrapperDoubleLeft,
.sixPackProductsWrapperDoubleRight,
.oversizedSixPackProductsWrapper {
  border: 10px solid #e5e5e5;
  height: 300px;
  float: left;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
#mainBox .oversizedSixPackProductsWrapper {
  height: auto;   
  padding-top: 23px;
}
.sixPackProductsWrapper,
.oversizedSixPackProductsWrapper {
  padding: 15px 0 15px 125px;
  width: 940px;
  overflow: hidden;
}
.sixPackProductsWrapperDoubleLeft,
.sixPackProductsWrapperDoubleRight {
  padding: 0;
  width: 350px;
  height: 300px;
}
.sixPackProductsWrapperDoubleLeft {
  border-right-width: 5px;
}
.sixPackProductsWrapperDoubleRight {
  border-left-width: 5px;
}
.oversizedSixPackProductsWrapper,
.heightVARYINGClass {
  height: auto;
}
#pageWrapper #mainBox .oversizedSixPackProductsWrapper .sixPackItem {
  margin-bottom: 75px;
}
.sixPackItem.hatRabatt .rabatt {
  top: 248px;
  line-height: 12px;
}
.oversizedSixPackProductsWrapper .sixPackItem.hatRabatt .rabatt {
  top: 258px;
}
.oversizedSixPackProductsWrapper .sixPackItem.hatRabatt .btn {
  top: auto;
  bottom: -5px;
}
.heightDOUBLEClass .sixPackProductsWrapperDoubleLeft,
.heightDOUBLEClass .sixPackProductsWrapperDoubleRight {
  height: 600px;
  position: relative;
}
.doubleSixPackProductsWrapperInner {
  float: left;
  padding: 22px 0 0 0;
  overflow: hidden;
}
.heightDOUBLEClass .doubleSixPackProductsWrapperInner {
  padding: 30px 0 0 0;
}
.doubleTeaserLeft,
.doubleTeaserLeftInner {
  width: 190px;
  height: 270px;
}
.doubleTeaserLeft {
  background-color: #1A93FB;
  float: left;
  left: 0;
  padding: 15px;
  position: absolute;
  top: 0;
}
.doubleTeaserLeftInner {
  overflow: hidden;
}
.heightDOUBLEClass .doubleTeaserLeft,
.heightDOUBLEClass .doubleTeaserLeftInner {
  height: 570px;
  background-color: #e5e5e5;
}


#magNavWrapper .sixPackProductsWrapper,
#magNavWrapper .oversizedSixPackProductsWrapper {
  width: 700px;
  padding-left: 45px;
}
.sixPackAccount .sixPackProductsWrapper,
#magNavWrapper .sixPackAccount .sixPackProductsWrapper {
  padding-left: 26px;
  width: 520px;
  margin-right: 180px;
}
.sixPackWithImg .sixPackProductsWrapper {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  padding-left: 63px;
  height: 300px;
  width: 730px;
  border-color: #1a93fb;
}
.sixPackWithWiki .sixPackProductsWrapper {
  padding-left: 33px;
  width: 700px;
}
.heightHALFClass .sixPackProductsWrapper {
  height: 150px;
}

.isMobile .sixPackProductsWrapper {
  overflow-x: scroll;
  overflow-y: hidden;
}
.isMobile  .sixPackProductsWrapper .sixPackProductsWrapperInner {
  float: left;
  height: 250px;
  width: 1135px;
}

#additionalNavSearchResults ul {
  overflow: hidden;
  width: 940px;
  float: left;
  margin-top: 36px;
  margin-bottom: 28px;
}
#additionalNavSearchResults li {
  float: left;
  width: 430px;
  overflow: hidden;
  height: 120px;
  padding: 15px;
}

.magService #mainBox #contentColumn #magNavWrapper #leftNav,
.magService #mainBox #contentColumn #magNavWrapper,
.magHelp #mainBox #contentColumn #magNavWrapper #leftNav,
.magHelp #mainBox #contentColumn #magNavWrapper {
  display: inline;
  height: auto;
}
.magService #mainBox #contentColumn #magNavWrapper,
.magHelp #mainBox #contentColumn #magNavWrapper {
  float: none;
}

#mainBox #contentColumn .wikiClassHilfeTop,
#mainBox #contentColumn .wikiClassHilfeMiddle,
#mainBox #contentColumn .wikiClassHilfeBottom {
  margin: 0;
  height: auto;
  float: right;
}
#mainBox #contentColumn .wikiClassHilfeTop {
  margin-top: 8px;
}
#mainBox #contentColumn .wikiClassHilfeBottom {
  margin-bottom: 28px;
}
#mainBox #contentColumn .wikiClassHilfeTop .textblockInner,
#mainBox #contentColumn .wikiClassHilfeMiddle .textblockInner,
#mainBox #contentColumn .wikiClassHilfeBottom .textblockInner,
#mainBox #contentColumn .wikiClassHilfeMini .textblockInner {
  width: 650px;
  padding: 15px;
  height: auto;
}
.magNormal #mainBox #contentColumn .wikiClassHilfeTop .textblockInner,
.magNormal #mainBox #contentColumn .wikiClassHilfeMiddle .textblockInner,
.magNormal #mainBox #contentColumn .wikiClassHilfeBottom .textblockInner,
.magNormal #mainBox #contentColumn .wikiClassHilfeMini .textblockInner {
  width: 890px;
}
.magNormal #mainBox #contentColumn #magNavWrapper .wikiClassHilfeTop .textblockInner,
.magNormal #mainBox #contentColumn #magNavWrapper .wikiClassHilfeMiddle .textblockInner,
.magNormal #mainBox #contentColumn #magNavWrapper .wikiClassHilfeBottom .textblockInner,
.magNormal #mainBox #contentColumn #magNavWrapper .wikiClassHilfeMini .textblockInner {
  width: 650px;
}
.magHelp #mainBox #contentColumn .wikiClassHilfeTop .textblockInner,
.magHelp #mainBox #contentColumn .wikiClassHilfeMiddle .textblockInner,
.magHelp #mainBox #contentColumn .wikiClassHilfeBottom .textblockInner,
.magHelp #mainBox #contentColumn .wikiClassHilfeMini .textblockInner {
  width: 650px;
}
.wikiClassHilfeTop .textblockInner {
  border: 10px solid #e5e5e5;
  border-bottom-width: 1px;
}
.wikiClassHilfeMiddle .textblockInner {
  border: 10px solid #e5e5e5;
  border-bottom-width: 1px;
  border-top: none;
}
.wikiClassHilfeBottom .textblockInner {
  border: 10px solid #e5e5e5;
  border-top: none;
}

.wikiClassHilfeTop.wikiClassrahmenBlau  .textblockInner {
  border: 10px solid #1a93fb;
  border-bottom-width: 1px;
}
.wikiClassHilfeMiddle.wikiClassrahmenBlau  .textblockInner {
  border: 10px solid #1a93fb;
  border-bottom-width: 1px;
  border-top: none;
}
.wikiClassHilfeBottom.wikiClassrahmenBlau  .textblockInner {
  border: 10px solid #1a93fb;
  border-top: none;
}

#mainBox #contentColumn .wikiClassHilfeTop h5,
#mainBox #contentColumn .wikiClassHilfeMiddle h5,
#mainBox #contentColumn .wikiClassHilfeBottom h5 {
  width: 650px;
}
.magService #mainBox #contentColumn .wikiClassHilfeTop h5,
.magService #mainBox #contentColumn .wikiClassHilfeMiddle h5,
.magService #mainBox #contentColumn .wikiClassHilfeBottom h5 {
  width: 890px;
}
#mainBox #contentColumn .wikiClassHilfeTop h5,
#mainBox #contentColumn .wikiClassHilfeMiddle h5,
#mainBox #contentColumn .wikiClassHilfeBottom h5,
#mainBox #contentColumn .wikiClassHilfeTop h5 a,
#mainBox #contentColumn .wikiClassHilfeMiddle h5 a,
#mainBox #contentColumn .wikiClassHilfeBottom h5 a {
  font-size: 12px;
  font-weight: bold;
  font-family: Arial, sans serif;
}
#mainBox #contentColumn .wikiClassHilfeTop h5 a,
#mainBox #contentColumn .wikiClassHilfeMiddle h5 a,
#mainBox #contentColumn .wikiClassHilfeBottom h5 a {
  padding: 10px 0 10px 45px;
  min-height: 30px;
  display: inline-block;
  position: relative;
  background-image: none;
}
#mainBox #contentColumn .wikiClassHilfeTop h5 a:before,
#mainBox #contentColumn .wikiClassHilfeMiddle h5 a:before,
#mainBox #contentColumn .wikiClassHilfeBottom h5 a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 30px; height: 30px; background-position: -31px -501px;
}



.wikiClassHilfeMini .textblockInner {
  border: 10px solid #e5e5e5;
}

#pageWrapper #mainBox #contentColumn .wikiClassWeihnachten,
#mainBox .wikiClassWeihnachten .textblockInner  {
  position: relative;
  overflow: visible;
}
.wikiClassWeihnachten .weihnachtsSchmuck {
  position: absolute;
  z-index: 1;
  right: -15px;
  background:  url("https://media.ebook.de/upload/libri/Shop_Themenbilder/TextblockElement1.png") no-repeat scroll 0 0 transparent;
  top: -10px;
  width: 86px;
  height: 84px;
}
.dreierTeaser.wikiClassWeihnachten .weihnachtsSchmuck {
  background:  url("https://media.ebook.de/upload/libri/Shop_Themenbilder/TextblockElement2.png") no-repeat scroll 0 0 transparent;
  right: -18px;
  top: -15px;
  width: 79px;
  height: 74px;
}


.marketing-aktion img {
  padding: 1px;
}
.marketing-aktion a,
.marketing-aktion img {
  float: left;
  margin: 0;
  padding: 0;
}
.marketing-aktion img {
  width: 162px;
  height: 244px;
}

.wikiLayer {
  padding: 5px 0;
  display: block;
}
.wikiLayer img {
  vertical-align: middle;
  height: auto;
  width: auto;
}
.wikiLayer.left {
  text-align: left;
}
.wikiLayer.inline {
  text-align: left;
  display: inline;
}

.wikiLayer.inline.schuckWort {
 text-decoration: none;
}
.wikiLayer.inline.schuckWort span{
  display: inline-block;
  border-bottom: 2px dotted #444;
  position: relative;
  overflow: hidden;
  height: 13px;
}
.wikiLayer.inline.schuckWort span:hover img {
  display: block;
}
.wikiLayer.inline.schuckWort img {
  display: none;
  position: absolute;
  z-index: 2;
}

.wikiLayer.right {
  text-align: right;
}
.wikiLayer.center {
  text-align: center;
}
.wikiLayer.leftFloat {
  float: left;
  margin: 5px 15px 10px 0;
}
.wikiLayer.rightFloat {
  float: right;
  margin: 5px 0 10px 15px;
  padding: 0;
}








.wikiList,
.wikiList li {
  list-style-position: outside;
  display: block;
}
ol.wikiList,
ol.wikiList li {
  list-style-type: decimal;
}
ul.wikiList,
ul.wikiList li {
  list-style-type: disc;
}
.wikiList {
  padding: 5px 0 0 0;
}
ul.wikiList li {
  display: list-item;
  padding: 0;
  margin: 0 0 0 25px;
}
ol.wikiList li,
ul.wikiList.wikiListCheck li,
ul.wikiList.wikiListPfeil li {
  display: block;
  padding: 0 0 0 25px;
  margin: 0;
}

.wikiList p {
  display: block;
  position: relative;
  padding:  0 0 15px 22px;
  margin: 0;
  min-height: 23px;
}
.wikiList.kompakt p {
  padding:  0 0 5px 22px;
  min-height: 15px;
}
.wikiList.luftig p {
  padding:  0 0 20px 22px;
}
.wikiList p:before {
  font-size: 14px;
  color: #fff;

  position: absolute;
  left: -25px;
  top: -5px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 11px;
}
ol.wikiList  {
  counter-reset: li; /* Initiate a counter */
}
ol.wikiList p:before {
  content: counter(li);
  counter-increment: li;
}
ol.wikiList p:before {
  background: #1a93fb;
}
ul.wikiList.wikiListCheck p:before,
ul.wikiList.wikiListPfeil p:before {
  content: "";
  display: inline-block;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -437px -241px;
}
ul.wikiList.wikiListCheck p:before {
  width: 27px;
  left: -23px;
  top: -4px;
}
ul.wikiList.wikiListPfeil p:before {
  height: 29px;
  left: -20px;
  top: -7px;
}


ul.wikiList.wikiListCheck.lila p:before {
  background-position: -266px -266px;
}
ul.wikiList.wikiListCheck.weiss p:before {
  background-position: -20px -61px;
}
ul.wikiList.wikiListCheck.grau p:before {
  background-position: -477px -247px;
}
ul.wikiList.wikiListCheck p:before,
ul.wikiList.wikiListCheck.blau p:before {
  background-position: -437px -241px;
}

ul.wikiList.wikiListPfeil.lila p:before {
  background-position: -37px -309px;
}
ul.wikiList.wikiListPfeil.weiss p:before {
  background-position: -480px -279px;
}
ul.wikiList.wikiListPfeil.grau p:before {
  background-position: -63px -58px;
}
ul.wikiList.wikiListPfeil p:before,
ul.wikiList.wikiListPfeil.blau p:before {
  background-position: -443px -351px;
}
ol.wikiList.blau p:before {
  color: #fff;
  background: #1a93fb;
}
ol.wikiList.lila p:before {
  color: #fff;
  background: #89016b;
}
ol.wikiList.weiss p:before {
  color: #444;
  background: #fff;
}
ol.wikiList.grau p:before {
  color: #444;
  background: #e5e5e5;
}
ul.wikiList p:before {
  background: transparent;
}








#mainBox #contentColumn .wikiClassHilfe3er .textblockInner,
#mainBox #contentColumn .wikiClassHilfe3erBlau .textblockInner {
  border: none;
  padding: 0;
  width: 700px;
  height: 300px;
}
.magHelp .leftHelp,
.magHelp .middleHelp,
.magHelp .rightHelp {
  padding: 15px 10px;
  border: 10px solid #1a93fb;
  width: 180px;
  height: 250px;
  float: left;
  text-align: center;
}
.magHelp .leftHelp,
.magHelp .middleHelp {
  margin-right: 20px;
}












#helpHeading .textblockControls {
  width: 700px;
  float: right;
}

.magNormal .zweierTeaser {

}
.magNormal #magNavWrapper .zweierTeaser {

}
.magHelp .zweierTeaser,
.magHelp .zweierTeaser .textblockInner {
  float: right;
  width: 700px;
  height: 300px;
}
.magHelp .zweierTeaser.heightHALFClass ,
.magHelp .zweierTeaser.heightHALFClass  .textblockInner {
  height: 150px;
}

.magHelp .zweierTeaserLeft,
.magHelp .zweierTeaserRight {
  width: 310px;
  height: 270px;
  padding: 15px;
  float: left;
  background: #e5e5e5;
}
.magNormal .zweierTeaserLeft {
  float: left;
  height: 270px;
  left: 0;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 190px;
  background: #1a93fb;
}
.magNormal .zweierTeaserRight {
  width: 670px;
  height: 270px;
  padding: 15px;
  float: left;
  background: #e5e5e5;
}
#mainBox .heightHALFClass .zweierTeaserLeft,
#mainBox .heightHALFClass .zweierTeaserRight {
  height: 120px;
}

.wikiClassWikiTextColored .zweierTeaserLeft,
.wikiClassWikiTextColored .zweierTeaserRight {
  background: #1a93fb;
}
#mainBox .zweierTeaserRight {
  float: right;
}
.wikiClassWikiTextColored .zweierTeaserRight {
  border-left: 20px solid #fff;
}
.wikiClassEbImage .zweierTeaserLeft,
.wikiClassEbImage .zweierTeaserRight {
  border: none;
  padding: 0;
  width: 460px;
  background-color: transparent;
}
.wikiClassEbImage.heightVARYINGClass .zweierTeaserLeft,
.wikiClassEbImage.heightVARYINGClass .zweierTeaserRight {
  height: auto;
}

#additionalNavSearchResults ul li:first-child,
#additionalNavSearchResults ul li:last-child {
  width: 190px;
}
#additionalNavSearchResults ul li:first-child {
  border-right: 20px solid #fff;
}
#additionalNavSearchResults ul li:last-child {
  border-left: 20px solid #fff;
}
/**********************************************************************
***********************************************************************
Magazinseiten und WikiText Ende
***********************************************************************



/**********************************************************************
***********************************************************************
Bestellprozess Start
***********************************************************************
***********************************************************************/

#warenkorbAbstandOuter {
  margin-top:30px;
}
.bestellProzessBox {
  float: left;
  width: 920px;
  border: 10px solid #1A93FB;
  max-height: 100%;
  min-height: 212px;
}
.bestellProzessBoxInner {
  padding: 15px 20px 0 20px;
}
.bestellProzessBoxInner input.liTextField {
  width: 385px;
  border: 2px solid #E5E5E5;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
}

.bestellProzessH1Step1 {
  font-size: 33px;
}
.bestellProzessH1 {
  padding: 6px 1px 7px 9px;
  font-size: 18px;
}
.bestellProzessH2 {
  font-size: 18px;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
}
.bestellProzessH2 .bestellProzessH2Auswahl {
  float: left;
  width: 490px;
}
.bestellProzessH2 .bestellProzessH2Anzahl {
  float: left;
  width: 155px;
  padding-left: 15px;
}
.bestellProzessH2 .bestellProzessH2AnzahlNeu {
  float: left;
  width: 60px;
  margin-left: 15px;
}
.bestellProzessH2 .bestellProzessH2AnzahlNeuLastStep {
  float: left;
  width: 60px;
  margin-left: 5px;
}
.bestellProzessH2 .bestellProzessH2Preis {
  float: left;
  width: 95px;
}
.bestellProzessH2 .bestellProzessH2PreisNeu {
  float: left;
  width: 93px;
  margin-left: 100px;
}

.bestellProzessH2 .bestellProzessH2PreisNeuLastStep {
  float: left;
  width: 93px;
  margin-left: 110px;
}
.bestellProzessH2 .bestellProzessH2Gesamtbetrag {
  float: left;
  width: 110px;
}
.bestellProzessH2 .bestellProzessH2GesamtbetragNeu {
  float: left;
  width: 110px;
  text-align: right;
  margin-left: 10px;
}
.bestellProzessH2 .bestellProzessH2GesamtbetragNeuLastStep {
  float: left;
  width: 110px;
  text-align: right;
  margin-left: 10px;
}
.bestellProzessH2 .packstationIcon {
  width: 110px;
  height: 10px;
  display: inline-block;
  text-indent: -1000px;
  position: relative;
  left: 0;
  top: 7px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -280px -352px;
}

.buttonLink{
  display: block;
  border-width: 1px;
  border-color: transparent;
  border-style: solid;
  border-radius: 3px;
  cursor: pointer;
  height: 55px;
  padding: 0 12px;
  font-weight: normal;
  background-color: #E5E5E5;
  margin-bottom: 20px;
  width: 174px;
}
.buttonLink a {
  display: block;
  font-size: 12px;
  padding-left: 53px;
  height: 43px;
  padding-top: 12px;
}
.buttonLink .geschenkIcon {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -230px -460px;
  position: relative;
  height: 20px;
  left: 3px;
  padding: 10px;
  top: -50px;
  width: 15px;
}
#bestellProzessWarenkorbLeer{
  float:left;
  margin-top:20px;
  margin-bottom:20px;
  font-size: 18px;
}
.bestellProzessButtonLeft {
  font-size: 22px;
  text-align: center;
  width: 264px;
}

.bestellProzessArtikelBild {
  float: left;
  margin-right: 30px;
  width: 50px;
}

.bestellProzessArtikelBild img {
  width: 50px !important;
  height: auto !important;
  max-height: 80px;
}
.bestellArtikelDaten{
  width: 390px;
}
.binderTypeOrder {
  text-transform: uppercase;
}
.binderNameOrder {
  text-transform: none; 
}
.lieferbar{
  float: left;
  width: 150px;
  margin-top: 5px;
}

div.bestellProzessTitelInfo {
  float: left;
  width: 490px;
}
div.bestellProzessTitelInfoFlex {
  float: left;
  width: 700px;
}
.bestellProzessAnzahlBox{
  border: 1px solid #E5E5E5;
  background-color: #E5E5E5;
  height: 38px;
  width: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
}
div.bestellProzessAnzahl {
  float: left;
  width: 60px;
  height: 70px;
  position: relative;
}
div.bestellProzessAnzahlNeu {
  float: left;
  width: 60px;
  text-align: right;
}

.WarenkorbAktualisieren {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -96px -312px;
  border-style: none;
  cursor: pointer;
  height: 16px;
  width: 19px;
  overflow: hidden;
  text-decoration: none;
  position: absolute;
  top: 10px;
  left: 50px;
  float:left;
}

.WarenkorbAktualisierenDL, .WarenkorbAktualisierenPlatzH {
  border-style: none;
  cursor: pointer;
  height: 16px;
  width: 19px;
  overflow: hidden;
  text-decoration: none;
  position: absolute;
  left: 60px;
  float: left;
}
.warenkorbEntfernen,
.warenkorbEntfernenOrder {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -208px -417px;
  border-style: none;
  cursor: pointer;
  height: 18px;
  width: 13px;
  overflow: hidden;
  text-decoration: none;
  float: left;
}
.warenkorbEntfernen {
  position: absolute;
  left: 54px;
}

div.bestellProzessEinzelpreis {
  float: left;
  width: 105px;
  margin-left: 50px;
}
div.bestellProzessEinzelpreisNeu {
  float: left;
  width: 105px;
  margin-left: 50px;
}
.bestellProzessEinzelpreis .preis{
  float: right;
  color: #444444;
}
.bestellProzessEinzelpreisNeu .preis{
  float: right;
  color: #444444;
}
div.bestellProzessEinzelpreisNeu .preisHinweis,
div.bestellProzessEinzelpreis .preisHinweis {
  float: right;
  margin-top: 5px;
  text-align: right;
}

div.bestellProzessArtikelGesamtpreis {
  float: right;
  text-align: right;
  width: 115px;
}

div.bestellProzessArtikelGesamtpreis .preis {
  color: #1a93fb;
  font-size: 14px;
}

div.bestellProzessArtikelItem .bottom {
  float: left;
  width: 880px;
  margin-top:10px;
  margin-bottom:10px;
  border-bottom: 1px solid #EFEFEF;
}
#step4 a.titel {
  display:block;
}

div.gesamtSumme {
  display:block;
}
div.gesamtSummeLeft {
  width: 490px;
  float: left;
}
div.gesamtSummeRight {
  font-size: 16px;
  font-weight: bold;
  float: right;
  text-align: right;
  min-width: 432px;
}
#gesamtSummeRightExtraLong {
  min-width: 550px;
}
.gesamtSummeRight .gesamtSummeText,
.pramienPunkte {
  float:left;
  margin-left: 75px;
  width: 182px;
}
#step4 .gesamtSummeRight .gesamtSummeText,
#step4 .pramienPunkte  {
  width: auto;
  margin-left: 55px;
}
#step4 .pickup-2-text {
  padding-left: 13px;
}
.gesamtSummeRight .gesamtSummeText{
  font-size: 20px;
  font-weight: normal;
  font-family: Georgia, serif;
}
.gesamtSummeRight .gesamtSumme{
  float:right;
  font-size: 24px;
  font-weight: bold;
}
.gesamtSummeRight .pramienPunkte{
  font-size: 14px;
  font-weight: normal;
}
.gesamtSummeArtikelRight{
  float: right;
  font-size: 14px;
  font-weight: normal;
}
.versandPreis, .versandText{
  float: left;
}

.bestellProzessBoxInner .left{
  float:left;
  width: 440px;
}
.bestellProzessBoxInner .right{
  float: left;
  width: 440px;
}
.bestellProzessBoxInner .right .rahmen{
  position: relative;
  height: 200px;
}
.bestellProzessBoxInner .right #rahmenAuto{
  position: relative;
  height: 100%;
}
.bestellProzessBoxInner .right .newaccountButton {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.bestellProzessBoxInner .right #newaccount {
  margin-top: 20px;
  top: 0px;
  right: 0px;
}

.bestellProzessBoxInner .left label {
  display: block;
  margin: 20px 0px 7px;
}

.bestellProzessBoxInner .left #passwordForgotten{
  width: 396px;
  text-align: right;
}

.bestellProzessBoxInner .left .formErrorAccount {
  color: #cc0000;
  display: block;
  margin-top: 10px;
}

.bestellProzessBoxInner .left .bestellProzessHighlightBox label {
  display: block;
  margin: 0 0 7px;
}

.bestellProzessBoxInner .left .bestellProzessHighlightBox .formErrorAccount {
  color: #cc0000;
  display: block;
  margin-bottom: -10px;
  margin-top: 10px;
}

.bestellProzessBoxInner .left .buttonBar .lefttext {
  padding: 10px 20px 10px 10px;
}

.bestellProzessBoxInner .right .buttonBar .righttext {
  padding: 10px 10px 10px 20px;
  float: right;
  background-color: #1A93FB;
  margin: 0;
  border: 0;
  outline: none;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
}

.bestellProzessBoxInner .right .buttonBar .righttext .big {
  font-family: Georgia,serif;
  font-size: 22px;
  line-height: 28px;
  vertical-align: top;
}


.bestellProzessHighlightBox .step2B6 label {
  display: block;
  margin: 20px 0 7px;
}


.bestellProzessHighlightBox .position label {
  float:left;
  margin-bottom: 20px;
}
#orderNew .bestellProzessHighlightBox  .position  {
  float:left;
}
#orderNew .bestellProzessHighlightBox  .position label {
  float:left;
  margin-bottom: 20px;
}

.addressContainer {
  width: 200px;
  padding: 10px;
}
#orderNew .addressContainer {
  width: 215px;
  padding: 8px 0 10px 5px;
  margin: 3px 0;
}
#orderNew .addressContainerWrapper div:nth-child(4n-3) {
  clear: both;
}
.addressContainerLast{
  width: 180px;
  height:160px;
  padding: 10px;
}

.addressContainerLastRel{
  position:relative;
}

.addressContainerLastAbs{
  position:absolute;
  bottom:-160px;
}
.adressTypeHeading {
  font-size: 14px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  padding: 0 0 5px 0;
}
#mainBox .properRadioLayout {
  float: left;
  margin-right: 10px;
  max-width: 17px;
}
#orderNew #mainBox .properRadioLayout {
  margin-right: 7px;
}
#mainBox .properRadioLabelLayout  {
  padding: 5px 0 5px 0;
  margin: 0 0 5px 0;
  float: left;
  width: 165px;
}
#orderNew .properRadioLabelLayout  {
  width: 181px;
}
#mainBox .addressContainer a.bearbeiten {
  float: left;
  width: 165px;
}
#mainBox .addressContainer a.bearbeiten.long img {
  float: left;
  margin: 0 5px 12px 0;
}
#mainBox  a.anlegen img,
#mainBox .addressContainer a.bearbeiten img {
  vertical-align: top;
}
#mainBox  a.anlegen  {
  margin: 20px 0 10px 0;
}

/* Bestellprozess Step4 */
.addressContainerOrder {
  width: 260px;
  min-height: 125px;
  padding: 10px;
  position: relative;
}
#step4 .addressContainerOrder {
  width: 180px;
  /* background-color: #fff;
  width: 175px;
  border: 2px solid #e5e5e5; */
}

.stiftIcon {
  display: inline-block;
  margin-right: 3px;
  width: 9px;
  height: 14px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -476px -222px;
  position: relative;
  top: 2px;
}
.stiftIcon.oderNew {
  margin-left: 28px;
  top: 0;
}
#mainBox  .stiftIcon.anlegen  {
  margin: 20px 4px 10px 0;
  top: 0;
}
.stiftIcon.addressContainerOrderStift {
  position: absolute;
  top: auto;
  bottom: 16px;
  left: 15px;
}
.addressContainerOrderSchrift {
  position: absolute;
  bottom: 15px;
  left: 30px;
}

/* KreditkartenListe Bestellprozess 3 */
.addressContainerLastPrList {
  width: 300px;
  height: 24px;
  padding: 25px 10px 0 10px;
}

/* KreditkartenListe Bestellprozess 3 Ende*/

.regContainer{
  width: 415px;
}

.regContainerRightPos{
  margin-top: 79px;
}

.regContainerRightPos .item{
  padding-bottom: 10px;
}

.regContainerRightPosComp{
  height:3px
}

.regContainer #strasse,
.regContainer #ort{
  width: 275px;
}

.regContainer #hausnummer,
.regContainer #plz{
  width: 95px;
}

.regContainer .formErrorAccount{
  color: #cc0000;

}
#mainBox .subHeadlineNew {
  font-family: Arial, sans-serif;
  font-size: 15px;
}
#buchhandlungenSuchen, #buchhandlungWaehlen{
  margin-left: 20px;
  margin-right: 20px;
}
#buchhandlungWaehlen {
  width: 700px;
}

#buchhandlungWaehlen label{
  float:left;
  margin-left: 5px;
  margin-bottom: -20px;
}

#affiliatePostalCode{
  width: 160px;
}


.fehlerMeldung{
  float:left;
  color: #cc0000;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.formItem {
  width: 397px;
}
.formItemLeft {
  float: left;
  margin-right: 6px;
}
.formItemRight {
  float: right;
  margin-left: 6px;
}
.formItemBig {
  width: 285px;
}
#mainBox .formItemBig input {
  width: 273px;
}
.formItemSmall {
  width: 100px;
}
#mainBox .formItemSmall input {
  width: 88px;
}
.formItem * {
  max-width: 100%;
}
.formItemLeft *,
.formItemRight *,
.formItemBig *,
.formItemSmall * {
  max-width: 100%;
}


#edit-address-new #anrede {
  width: 140px;
}
#registerBoxInner #country, 
#editAddressForm #anrede,
#editAddressForm #salutation,
#editAddressForm #country,
#edit-address-new #land {
  width: 398px;
}

.t-account #mainBox #packstationsnummer {
  width: 38px;
  margin-right: 4px;
}
#parcelStationSearchButton {
  margin: 36px 0 0 20px;
}
#parcelStationSearch {
  margin: 36px 0 0 20px;
}
.packstationSearch .buttonbar {
  float: left;
  width: 880px;
}
.t-layer .order-edit-adress-class.bestellProzessBox,
.t-layer #packstation-search-order.bestellProzessBox {
  width: 744px;
  border-color: #e5e5e5;
}
.t-layer .order-edit-adress-class.bestellProzessBox .buttonbar,
.t-layer #packstation-search-order .buttonbar {
  width: 704px;
}
.t-account .packstationSearch .buttonbar {
  width: 640px;
}

.packstationRadioItem {
  float: left;
  width: 160px;
  height: 70px;
}
.packstationRadioItem label {
  float: right;
  width: 125px;
  height: 70px;
}
/**********************************************************************
************************Lastschrift************************************/

#kontonummer, #blz{
}

/**********************************************************************
************************Kreditkarte************************************/

#creditCardFrame {
    height: 280px;
    width: 535px;
}
#creditCardFrame.creditCardFrame-edit-creditcard {
    height: auto;
    min-height: 454px;
    width: 635px;
}
#creditCardFrame.creditCardFrame-order-payment-creditcard {
    height: auto;
    min-height: 454px;
    width: 870px;
}
#creditCardFrame.creditCardFrame-order-payment-select {
    height: auto;
    min-height: 454px;
    width: 870px;
}
#editPayment .formErrorAccount.formErrorAccount6,
.formErrorAccount.orderCreateCC {
  margin-bottom: 10px;
  line-height: 13px;  
}

/* alt, cryptgate */

#creditCardNumber{
  width: 295px;
}

#creditCardCvcNumber{
  width: 75px;
}

#creditCardCompanyId{
  width: 395px;
}

#creditCardValidMonth{
  width: 70px;
}

#creditCardValidYear{
  width: 85px;
}

/**********************************************************************
************************GUTSCHEIN**************************************/

.checkout-coupon-redemption h4,
.checkout-coupon-redemption h5 {
  font-family: 'Open Sans', sans-serif;  /* Georgia */
  font-size: 17px;
  line-height: 28px;
}
#step4 .checkout-coupon-redemption h5 {
  display: inline-block;
  margin-top: 10px;
}
.coupon-delete-form .last-coupon {
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 22px;
}

#step4 .coupon-add-form,
#step4 .coupon-delete-form {
  float: right;
}
.checkout-coupon-redemption .explanation {
  font-weight: bold;
  font-weight: 600;
}
#step4 .checkout-coupon-redemption .explanation {
  display: none;
}

.checkout-coupon-redemption input.coupon-code {
  width: 280px;
}
.checkout-coupon-redemption input.coupon-pin {
  width: 140px;
}
.checkout-coupon-redemption button.btnFlat {
  width: 70px;
  height: 30px;
  line-height: 24px;
}

#bestellProzessGutschein {
  float: right;
  width: 880px;
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
  text-align: right;
  line-height: 14px;
}
#bestellProzessGutschein.step3-gutscheinBox {
  float: left;
  width:920px;
  border: 10px solid #1a93fb;
  padding: 0;
  background-color: #1A93FB;
  text-align: left;
}
#step3-gutscheinHeading {
  margin-top: 30px;
}
#gutscheinBild {
  float: left;
  background-color: #1A93FB;
  height: 130px;
  min-height: auto;
  width: 220px;
}
#gutscheinBild:before {
  content: "";
  display: block;
  margin: 5% auto 0 auto;
  background-image: url("FL-img/spritesNoRepeat.png");
  width: 129px; height: 103px; background-position: -262px -109px;
}
#gutscheinContent {
  float: left;
  background-color: #fff;
  padding: 20px;
  min-height: 90px;
  width: 660px;
}
#bestellProzessGutschein #mainForm {
  float: right;
  width: 880px;
  padding-bottom: 5px;
}
#bestellProzessGutschein.step3-gutscheinBox  #mainForm {
  float: none;
  width: auto;
}
#bestellProzessGutschein label {
  display: inline;
  font-family: Georgia, serif;
  font-size: 17px;
  line-height: 28px;
  padding-right: 5px;
}
#step4 #bestellProzessGutschein #gutscheinButton {
  font-family: Georgia, serif;
  font-size: 15px;
  line-height: 28px;
  padding: 0 7px;
  position: relative;
  top: 1px;
  left: 5px;
}
#bestellProzessGutschein .error,
#bestellProzessGutschein .error li,
#gutschein_liste li {
  display: block;
  padding-bottom: 3px;
}
#bestellProzessGutschein #gutschein_liste .error,
#bestellProzessGutschein #gutschein_liste .formError,
#bestellProzessGutschein #gutschein_liste .liError,
#bestellProzessGutschein #gutschein_liste .formErrorAccount,
#bestellProzessGutschein #gutschein_liste .globalErrors {
  display: inline;
  padding-bottom: 0;
}
#bestellProzessGutschein #gutschein_liste p {
  display: inline;
  padding: 0;
  margin: 0;
}
#bestellProzessGutschein .eingeloest {
  font-weight: bold;
  float: right;
  width: 880px;
  padding: 2px 0;
  font-family: Helvetica, Arial, sans-serif;
}
#bestellProzessGutschein.step3-gutscheinBox .eingeloest {
  float: none;
  width: auto;
}
#gutscheinCode {
  width: 170px;
  color: #999;
}
.ie8 #step4 #gutscheinCode {
  position: relative;
  top: -1px;
}
.ie8 #step4 #bestellProzessGutschein #gutscheinButton  {
  position: relative;
  top: 0;
}
.step3-gutscheinBox #gutscheinCode {
  width: 490px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 14px;
}
.step3-gutscheinBox #gutscheinCode,
.step3-gutscheinBox  #mainForm,
.step3-gutscheinBox  .gutscheinButton {
  vertical-align: top;
}
.step3-gutscheinBox  .gutscheinText {
  padding-bottom: 5px;
}
#bestellProzessGutschein .removeCoupon {
  text-decoration: underline;
  color: #444;
  height: 13px;
  line-height: 12px;
  font-size: 12px;
}

/**********************************************************************
************************GUTSCHEIN ENDE **************************************/

#busy_animation3,
#busy_animation_paypal_2 {
  position: relative;
  padding-right: 56px;
}
#busy_animation3 img,
#busy_animation_paypal_2 img {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 27px;
  height: 27px;
}



a.kaufbuttonWarenkorbGrey{
  display:none;
}
#praemienpunkteZahl{
  font-size: 17px;
}

#step5Tharuka {
  border: none;
  width: 940px;
}
#step5Tharuka .bestellProzessBoxInner {
  padding: 0;
}

#step5TharukaHeader, #step5Tharuka #tharuka .THwelc  {
  font-family: Georgia, serif;
  font-style: normal;
  font-weight: normal;
  color: #444;
  font-size: 20px;
  padding: 7px 0 8px 0;
}
#step5Header{
  float: left;
  width: 940px;
  height: 115px;
  max-height: none;
  min-height: 100px;
  border: none;
}

.tharukaAd {
  width: 860px !important;
  min-width: 860px !important;
  max-width: 860px !important;
}
#step5Tharuka .THang {
  max-width: none;
  width: 860px;
  float: left;
}
#tharuka .THpoweredby {
  clear: both;
}
#tharuka .THbtext > p {
  margin: 0 0 15px 0;
}
#tharuka .THbtext ul {
  padding-left: 20px;
}
#tharuka .THtext {
  margin-left: 156px;
}
#step5Tharuka .THtext {
  color: #444;
  font-size: 14px;
}
#step5Tharuka .THtext b {
  font-size: 13px;
}
#step5Tharuka #tharuka .tharukaButton, #step5Tharuka #tharuka .THstandardbutton {
  background-color: rgb(229, 229, 229);
  color: #444;
  border: 0 none;
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 17px;
  text-align: center;
  width: auto;
  height: 37px;
  border-radius: 5px;
}
#step5 #gesamtsummeTop {
  width: 300px;
  text-align: right;
}
#step5 #gesamtsummeTop .fleft {
  width: 225px;
}
#step5 #gesamtsummeTop .fright {
  width: 75px;
}

#step5 .gesamtsummeBottom {
  width: 400px;
  text-align: right;
}
#step5 .gesamtsummeBottom .fleft {
  width: 305px;
}
#step5 .gesamtsummeBottom .fright {
  width: 95px;
}

/**********************************************************************
***********************************************************************
Bestellprozess Ende
***********************************************************************
***********************************************************************/


/**********************************************************************
***********************************************************************
Bundle Start
***********************************************************************
***********************************************************************/
#bundleHaupt {
  border: 10px solid #e5e5e5;
  width: 920px;
  float: left;
  margin: 8px 0 28px 0;
  position: relative;
  background-image: url(FL-img/noSprite/bundleBuyArea.png);
  background-repeat: repeat-y;
  background-position: right top;
}
#twoStepBundleAva #bundleHaupt {
  background-image: none;
  border: none;
  width: 940px;
}
.arrowRightBuyBundle {
  width: 920px;
  float: left;
  position: relative;
}
.arrowRightBuyBundle:before {
  content: "";
  width: 27px;
  height: 105px;
  position: absolute;
  left: 660px;
  top: 56px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -478px -316px;
}
#serialBundleAva {
  position: relative;
}
#serialBundleAva #bundleInDenWarenkorbTop {
  position: absolute;
  right: 25px;
  top: 158px;
}
#serialBundleAva #avaSofortKaufen {
  margin-top: 84px; 
}
#serialBundleAva .arrowRightBuyBundle {
  min-height: 260px;
}
#serialBundleAva .arrowRightBuyBundle:before {
  top: 143px;
}
#BundleInfo {
  padding: 15px;
  float: left;
  min-width: 600px;
  min-height: 180px;
}
#BundlePreis {
  float: right;
  padding: 15px;
}
#serialBundleAva #BundlePreis {
  min-width: 111px;
  max-width: 210px;
}
#serialBundleAva #BundlePreis {
  padding: 0 15px 15px 15px;
}
#serialBundleAva #BundlePreis div {
  float: right;
  text-align: right;
  min-width: 206px;
}
#serialBundleAva #BundlePreis .newPriceLabel {
  height: 24px;
  line-height: 24px;
  min-width: 5px;
}
#serialBundleAva #BundlePreis .newPriceLabel .serialBundleIcon {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-repeat: no-repeat;
  background-position: -62px -226px;
  height: 24px;
  width: 18px;
  display: inline-block;
  margin-right: 7px;
  vertical-align: bottom;
}
#serialBundleAva #BundlePreis .newPriceLabel.empty {
  min-width: 18px;
  position: relative;
}
#serialBundleAva #BundlePreis .newPriceLabel.empty .serialBundleIcon {
  margin-right: 0;
}
#serialBundleAva .preisMwSt {
  color: #999;
  line-height: 13px;
  margin: 5px 0 15px 0;
}
#BundleImg {
  margin: 0 20px 0 0;
  float: left;
}
#serialBundleAva #BundleImg {
  position: relative;
}
#serialBundleAva #BundleImg img {
  width: 165px !important;
  max-height: 240px !important;
  height: auto !important;
}

#serialBundleAva #BundleImg #rabattSticker {
  right: -14px;
  top: -12px;
}
#serialBundleAva #bundleInDenWarenkorbTop {
  margin-top: 30px;
}

.BundleHeading {
  font-size: 20px;
  display: inline;
}
#serialBundleAva .BundleHeading {
  display: block;
  padding-bottom: 15px;
}
#BundleInfo .wikiFeldBundle {
  float: left;
  max-width: 630px;
}
#twoStepBundleAva #BundleInfo .wikiFeldBundle {
  float: none;
  max-width: 890px;
}
#BundlePreis .preis {
  font-size: 40px;
  float: right;
}
#serialBundleAva #BundlePreis .preis {
  margin-top: 5px;
}
#BundlePreis .preisMwSt {
  float: right;
}


/*
img.bundleImage {
  max-height: 150px;
}
*/
.kategorie-box {
  margin: 8px 0 28px 0;
  border: 10px solid #e5e5e5;
  float: left;
  width: 920px;
}
.kategorie-box-inner {
  padding: 20px 0 5px 0;
  float: left;
}
.bundleKategorieText {
  background: #e5e5e5;
  border: 2px solid #fff;
  padding: 8px;
  width: 900px;
  float: left;
  min-height: 16px;
}
.bundleSelectInfo {
  padding: 8px 8px 0 8px;
  width: 900px;
  float: left;
  min-height: 16px;
}
.bundle-select-msg {
  font-weight: bold;
  color: #1A93FB;
}
.kategorie-box h2 {
  font-size: 20px;
}
#Kategorien  {
  float: left;
}
#Kategorien .sixPackItem {
  height: 265px;
  margin: 17px 4px 8px 13px;
  padding: 10px 0 10px 30px;
}
#serialBundleAva #Kategorien .sixPackItem {
  margin: 0 4px 0 13px;
  padding: 0 0 0 30px;
}
#serialBundleAva #Kategorien .sixPackItem,
#serialBundleAva .sixPackItemInner {
  height: 300px;
}
.sixPackItemInner {
  position: relative;
}
#Kategorien .sixPackItem .absolute {
  background-color: transparent;
}
#Kategorien .sixPackItem .btn {
  text-align: center;
  top: 235px;
  width: 92px;
  padding-left: 7px;
  padding-right: 7px;
  position: absolute;
  left: 0;
  line-height: 18px;
}
#Kategorien .sixPackItem .btn.hidden {
  display:none;
}
#Kategorien .sixPackItem.selected {
  background-color: #e5e5e5;
  border-radius: 3px;
}
.bundleInDenWarenkorbOuterWrapper.hidden {
  display:none;
}

.bundleOneClickBuyOuter.hidden {
  display:none;
}

#bundleHaupt #InDenWarenkorbOuterWrapper {
  float: right;
}
#pageWrapper #bundleHaupt .btn.btn30 {
  top: 10px;
  float: right;
}

#serialBundleAva #Kategorien .sixPackItem .itemHeading {
  font-family: Georgia, serif;
  font-size: 15px;
  padding: 0 0 5px 5px;
}
#serialBundleAva #Kategorien .sixPackItem .type {
  top: 169px;
}
#serialBundleAva #Kategorien .sixPackItem .title  {
  top: 185px;
}
#serialBundleAva #Kategorien .sixPackItem .author {
  top: 219px;
}
#serialBundleAva #Kategorien .sixPackItem .availability {
  top: 240px;
  padding-left: 12px;
}
#serialBundleAva #Kategorien .sixPackItem .availability img {
  margin-left: -12px;
}
#serialBundleAva #Kategorien .sixPackItem .itemWikitext {
  top: 274px;
  height: 16px;
  overflow: hidden;
}

/*
 * Quick Buy Panel on 2-Step-Bundle
 */
.two-step-category .kategorieInner {
  background-image: url("FL-img/noSprite/bundleBuyArea.png");
  background-position: right top;
  background-repeat: repeat-y;
  border: 10px solid #E5E5E5;
  margin: 8px 0 28px;
  padding: 20px 30px;
}
.two-step-category,
.two-step-category .kategorieInner {
  float: left;
  position: relative;
  width: 860px;
  min-height: 315px;
}
.two-step-category.done,
.two-step-category.done .kategorieInner {
  min-height: 90px;
}
.two-step-category.active.ockActive,
.two-step-category.active.ockActive .kategorieInner {
  min-height: 355px;
}

/*#twoStepBundleAva #kategorie-0{min-height: 280px;}*/
#twoStepBundleAva #kategorie-0 .done .kategorieInner {min-height: 90px;}

.two-step-category.toDo.inactive .foggy {
  position: relative;
  z-index: 100;
  background: #fff;
  opacity: 0.5;
}
.ie8 .two-step-category.toDo.inactive .foggy {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#twoStepBundleAva #BundleInfo {
  min-height: 150px;
  padding: 0;
  width: 940px;
  border: none;
}
#twoStepBundleAva #BundleImg {
  margin: 0 0 0 0;
}
#twoStepBundleAva #BundleImg img {
  width: 940px !important;
  height: 150px !important;
}
.two-step-category .textblockControls {
    float: none;
    width: 600px;
    padding: 0;
}
.two-step-category .textblockControls h2 {
    padding: 0;
}

.two-step-category .bundleKategorieText {
    float: none;
    background: transparent;
    width: 600px;
    padding: 0;
    border: none;
}
.two-step-category .category-image {
    float: left;
    padding-right: 30px;
    margin-top: -1px;
    background: #fff;
}
.two-step-category #AvaHauptImg {
    height: auto;
    width: auto;
}
.two-step-category .bundleKategorieText.bottomText {
    border-top: 1px solid #e5e5e5;
    margin-top: 25px;
}
.two-step-category .bundleKategorieText.bottomText .wikiFeldBundle {
    padding-top: 20px;
}

.cat2stepTitle {
  text-align: right;
}
.two-step-category-right-outer,
.two-step-category-right {
    width: 240px;
    height: 96%;
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #e5e5e5;
}
.two-step-category-right-outer {
    padding: 0 13px 0 17px;
    height: 103%;
}
.two-step-category-right {
    right: 13px;
    top: 15px;
    padding: 0;
}
.cat2stepPrice {
  margin-bottom: 5px;
    text-align: right;
}
.done .cat2stepPrice {
  display: none;
}
.active .cat2stepPrice {
  display: block;
}
.two-step-category-right .twoStepTopError {
  position: absolute;
  top: 44px;
  left: 0;
}
.two-step-category-right .couponBox {
  margin-top: 8px;
}
.two-step-category-right .paymentBox {
  padding-bottom: 15px;
}
.two-step-category-right .deliveryAddressBox {
  padding-bottom: 8px;
}

.two-step-category-right #quickBuyBox .noPaymentChosen,
.two-step-category-right #quickBuyBox .noDeliveryChosen {
  display: block;
  padding: 2px 0 0 0;
}
.done .doneHeadingLeft {
  padding: 7px 50px 10px 0;
  margin-top: -10px;
  position: relative;
}
.done .doneHeadingLeft:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 39px;
  height: 33px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -272px -417px;
}
.done .doneHeadingRight {
  font-size: 15px;
  font-family: Georgia, serif;
  padding-bottom: 8px;
}
.done .hint1 {
  width: 600px;
}
.cat2stepItem {
  margin-top: 18px;
  text-align: right;
}
.cat2stepItem.first-istrue.last-istrue {
  margin-top: 100px;
}
.cat2stepItem .title  {
  margin-bottom: 2px;
}
.cat2stepItem .selectButton {
  margin: 4px 0 0 auto;
}
.two-step-category-right .item-price {
    font-size: 48px;
    font-weight: bold;
    line-height: 48px;
    margin: 5px 0px;
}

.active .two-step-category-right .item-price {
    color: #1a93fb;
}

.two-step-category-right .avaOckButtonbar {
  bottom: 11px;
}
#bundleFooterText {
  float: left;
  margin: 0 0 36px 0;
  width: 910px;
  padding: 0 15px;
}
.two-step-category-right .ockItemInfo {
  font-weight: bold;
}
.two-step-category-right .ockItemInfo .preis {
  padding: 5px 0;
  font-size: 20px;
  color: #444;
  float: none;
}
#mainBox .two-step-category-right .ockItemInfo .preis .mwst {
  font-size: 12px;
  font-weight: normal;
  color: #444;
}

/**********************************************************************
***********************************************************************
Bundle Ende
***********************************************************************
***********************************************************************/

/**********************************************************************
***********************************************************************
Prudsys Start
***********************************************************************
***********************************************************************/
.prudsysCheckoutProducts {
  width: 890px;
  height: 250px;
  padding: 15px;
  border: 10px solid #e5e5e5;
  margin: 8px 0 28px 0;
  float: left;
}
.textblockControls1 {
  margin-top: 28px;
}
.prudsysCheckoutProducts .sixPackItem {
  margin: 0 1px 0 41px;
}
/**********************************************************************
***********************************************************************
Prudsys Ende
***********************************************************************
***********************************************************************/



/**********************************************************************
***********************************************************************
linkes Menu Ajax Navi Start
***********************************************************************
***********************************************************************/
ul.submenu {
}
ul.submenu,
ul.submenu ul {
  display: block;
  float: left;
  padding: 10px 10px 10px 0;
  width: 215px;
  border: 10px solid #bbb;
  background-color: #e5e5e5;
  background-image: url(FL-img/noSprite/gradientLeftLayerNav.png);
  background-position: left top;
  background-repeat: repeat-x;
  z-index: 500;
}
ul.submenu ul {
  left: 225px;
  top: -20px;
  position: absolute;
}
ul.submenu ul ul {
  padding: 10px 0 10px 0;
  width: 225px;
}
ul.submenu li {
  width: 200px;
  padding: 3px 0 3px 25px;
}
ul.submenu a {
  width: 200px;
  padding: 3px 0;
}
ul.submenu li.notEmpty {
  width: 185px;
}
ul.submenu li.notEmpty a {
  width: 185px;
}
ul.submenu a {
  text-decoration: none;
}
ul.submenu li,
ul.submenu li a {
  display: block;
  float: left;
  font-size: 15px;
  line-height: 15px;
}
/* .active in der linken Spalte*/
#subnavigationMenu .active {
}
#leftNav li.active a, .columnNav li.active a {
  color: #1a93fb !important;
  font-weight: bold;
}
/* .active und :hover in Layer*/
.submenu li.active,
.submenu li:hover {
  background-image: url(FL-img/noSprite/arrowLeftLayerNav.png);
  background-position: left center;
}
.submenu li.notEmpty.active,
.submenu li.notEmpty:hover {
  background-position: right center;
  background-repeat: no-repeat;
}
.submenu li.active,
.submenu li:hover,
.submenu li.active > span > a,
.submenu li:hover > span > a {
  color: #fff;
}
/**********************************************************************
***********************************************************************
linkes Menu Ajax Navi Ende
***********************************************************************
***********************************************************************/


/* CMS gepflegte Formulare /  Wiki-Formulare / WikiFormulare
DynamicFormcontainer
/de/category/52333/geschenkgutschein.html
--------------------------------------------------------------------------------*/
.wikiForm {
  margin-bottom: 28px;
}
.dynamic_form_content .dynamic_form_textarea_label,
.dynamic_form_content .dynamic_form_field_label {
  margin-top:20px;
  margin-bottom: 7px;
}
.dynamic_form_content .dynamic_form_description,
.dynamic_form_content .dynamic_form_top_field_description {
  margin-bottom: 7px;
}
.dynamic_form_content .wiki {
  font-size: 14px; font-family: Arial,sans-serif;
}
.dynamic_form_content .dynamic_form_input input {
  width: 385px;
  border: 2px solid #E5E5E5;
  height: 24px;
  padding-left: 8px;
}
.dynamic_form_content .dynamic_form_input textarea {
  border: 2px solid #DFDFDF;
  font-size: 13px;
  height: 180px;
  padding: 8px;
  width: 377px;
}
.dynamic_form_content select {
  border: 2px solid #DFDFDF;height: 24px;
  padding-left: 8px;
}
.dynamic_form_content .chzn-container {
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}
.dynamic_form_content .chzn-container a {
  background-color: #DFDFDF;
}
.dynamic_form_content .chzn-search input {
  display: none;
}
.dynamic_form_content .chzn-container-multi .search-field input {
  width: 140px !important;
}
.dynamic_form_content .dynamic_form_submit input {
  background-color: #1B93FB;
  border: 0 none;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  font-family: georgia,serif;
  font-size: 22px;
  height: 55px;
  line-height: 55px;
  margin-top: 20px;
  outline: medium none;
  padding: 0 35px 0 15px;
  background: url("FL-img/noSprite/arrow-right-white-12x29.png") no-repeat scroll 208px 14px #1B93FB;
  float:right;
  width: 235px;
}
.dynamic_form_content td {
  padding-right: 20px;
  padding-top: 10px;
}
.wikiFormPflichtfeldHinweis {
  padding-top: 12px;
}

/*******Text Zähler für die Layer*******************************************************************/
#zaehlerLayer{
  float:left;
  border: 1px solid #DFDFDF;
  margin: 21px 0 0 382px;
}
/******* Verschenken Geschenk einlösen ************************************************/
#geschenkEinloesenSite,
#geschenkEinloesenSiteLogin {
  float: left;
  margin: 30px 0;
  min-height: 55px;
}
#geschenkEinloesenSiteLogin  {
  border: 10px solid #1a93fb;
  margin: 0 0 30px 0;
}
#geschenkEinloesenSiteLogin .bestellProzessBox {
  border: none;
}
#geschenkEinloesenSiteLogin .bestellProzessH1 {
  display: none;
}
#geschenkEinloesenSiteLoginInfoheader  {
  margin: 30px 0 0 0;
}
#geschenkEinloesenSiteLogin .bestellProzessBox {
  border: none;
}
#geschenkEinloesenSiteLogin .bestellProzessH1 {
  display: none;
}
#geschenkEinloesenSiteLoginInfoheader  {
  margin: 30px 0 0 0;
}


.topBoxGeschenkEinloesenLogin {
  border-bottom: 10px solid #e5e5e5;
  background: #fff;
  width: 880px;
  margin: 0 20px -30px 20px;
  height: auto;
  float: left;
  background-image: url(FL-img/noSprite/geschenkEinloesenDekoo.png);
  background-repeat: no-repeat;
  background-position: 440px 45px;
  position: relative;
  min-height: 75px;
}
.topBoxGeschenkEinloesenLogin.infoModelNull {
  border-bottom: none;
  margin: 0 20px 0px 20px;
  min-height: 75px;
}
.topBoxGeschenkEinloesenLogin h2 {
  font-size: 22px;
  font-family: Georgia, serif;
  font-weight: normal;
}
.topBoxGeschenkEinloesen {
  border: 10px solid #1a93fb;
  width: 880px;
  padding: 20px;
  float: left;
}
.topBoxGeschenkEinloesenLogin .subText {
  position: absolute;
  bottom: 20px;
  left: 440px;
  width: 185px;
  text-align: center;
  font-size: 18px;
  font-family: Georgia, serif;
}
.cover {
  float: left;
  background: #fff;
  width: 140px;
}
.giftProductInfo {
  float: right;
  width: 170px;
  height: 260px;
  margin: 10px 10px 10px 0;
  padding: 0 0 0 30px;
  background: #fff;
}
.topBoxGeschenkEinloesenLogin .giftProductInfo {
  background: #fff;
  border-left: 1px solid #e5e5e5;
  height: 212px;
}
.topBoxGeschenkEinloesenLogin .giftProductInfo {
  background: #fff;
  border-left: 1px solid #e5e5e5;
  height: 212px;
}
.giftProductInfo h3 {
  font-size: 18px;
  font-family: Georgia, serif;
}
.giftProductInfo .cover  {
  float: none;
  margin: 7px 0;
}
.topBoxGeschenkEinloesenLogin .giftProductInfo .cover  {
  margin: 0 0 7px 0;
}
.giftProductInfo .cover img {
  max-width: 100px !important;
  max-height: 140px !important;
  width: auto !important;
  height: auto !important;
}
.giftProductInfo .title  {
  height: 36px;
  display: block;
}
.giftProductInfo .type  {
  text-transform: uppercase;
}

.giftRedeemInfotextLogin {
  float: left;
  padding: 20px 0 0 0;
  width: 605px;
}
.giftRedeemInfotextLogin.giftNotAvailable,
.giftRedeemInfotext.giftNotAvailable {
  width: 870px;
  float: left;
}
.giftRedeemInfotext.giftNotAvailable {
  padding: 0;
}
.giftRedeemInfotext,
.giftRedeemInfotextLogin {
  font-weight: bold;
}
.giftRedeemInfotext {
  float: right;
  width: 700px;
}
.giftRedeemInfotext .agb {
  float: left;
  font-weight: normal;
}
.infoModelNull .giftRedeemInfotext,
.infoModelNull .giftRedeemInfotextLogin {
  width: 880px;
}
.giftRedeemInfotext .btnEinloesen {
  margin-top: 10px;
}
#acceptGiftForm {
  float: left;
  width: 880px;
}
#acceptGiftForm.einloesen {
  width: 695px;
}
#enterGiftCouponLabel,
#enterGiftCouponField {
  float: left;
  width: 500px;
  margin-top: 5px;
}
#enterGiftCouponLabel {
  font-weight: bold;
}
#enterGiftCouponButton {
  margin-bottom: 5px;
  position: relative;
  top: -10px;
}

.geschenkUmtauschHinweis {
  border-top: 1px solid #dfdfdf;
  margin-top: 10px;
  padding-top: 15px;
}

#geschenkEinloesenSiteLogin .bestellProzessBox {
  width: 920px;
  min-height: 357px;
}
#geschenkEinloesenSiteLogin .bestellProzessBoxInner {
  width: 880px;
  float: left;
  min-height: 347px;
}
.accountMyGiftsIcon {
  padding: 3px 0 0 32px;
  min-height: 27px;
  position: relative;
}
.accountMyGiftsIcon:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 24px;
  height: 26px;
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -282px 0;
}

#geschenkEinloesenSite .error,
#geschenkEinloesenSiteLogin .error  {
  display: block;
  margin: 5px 0;
}
#geschenkEinloesenSite p.error,
#geschenkEinloesenSiteLogin p.error  {
  display: block;
  margin: 15px 0;
}

/* Floatbox Layer Anpassungen*********************/
#fbx.fbx .fbContentWrapper {
  border: none;
  border-color: transparent;
}


/***** Tolino Landing Pages ********************************************************************
****************************************************************************************************
****************************************************************************************************/
#tolinoNav {
  display: block;
  border: 10px solid #e5e5e5;
  border-bottom: none;
  height: 62px;
  width: 920px;
  float: left;
  font-size: 18px;
  font-family: Georgia, serif;
}
#tolinoNav ul {
  height: 60px;
  width: 918px;
  float: left;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}
.tolinoTab {
  background: #e5e5e5;
  float: left;
  border-left: 2px solid #fff;
}
.tolinoTab a {
  float: left;
  height: 36px;
  line-height: 36px;
  padding: 12px;
  text-align: center;
  min-width: 80px;
}
.tolinoTab a,
.tolinoTab a * {
  vertical-align: middle;
}
#tolinoNav li:first-child {
  border: none;
}
.tolinoTab:hover, 
.tolinoTab.activeNavi {
  background: #fff;
}
.tolinoTab a {
  text-decoration: none;
  height: 36px;
  line-height: 36px;
  display: block;
}
.tolinoTab.tabNr_7 a {
  width: 82px;
}

.tabelleReadervergleich {
  width: 890px;
  font-size: 13px;
}
.tabelleReadervergleich th .subHeadline {
  background-color: #1a93fb; 
  color: #fff;
  font-size: 15px;
  padding: 9px 0;
}
.tabelleReadervergleich th, 
.tabelleReadervergleich td {
  border-left: 1px solid #ddd;
}
.tabelleReadervergleich tr {
  border-top: 1px solid #ddd;
}
.tabelleReadervergleich thead tr {
  background: #fff;
  border-bottom: 4px solid #ddd;
  border-top: none;
}
.tabelleReadervergleich .odd {
  background: #f2f2f2;
}
.tabelleReadervergleich td {
  padding: 15px; 
} 
.tabelleReadervergleich .kategorieReadervergleich {
  width: 12%;
  border-left: none;
  font-family: Georgia, serif;
  font-size: 15px;
  text-align: left;
  padding: 15px; 
}      
.inhaltReader1 {
  width: 29%;
}
.inhaltReader2 {
  width: 29%;
}
.inhaltReader3 {
  width: 29%;
}
.tolinoPromoIcons {
  float: left;
  width: 32%;
  padding: 5px;
  height: 70px;
}
.tolinoPromoIcons div {
  display: table;
  vertical-align: middle;
  height: 70px;
  float: none;
}
.tolinoPromoIcons div div {
  display: table-cell;
  vertical-align: middle;
  height: auto;
}
.tolinoPromoIcons .image-left {
  padding-right: 15px;
}


.tabelleTolino {
  width: 465px;
  border: 1px solid #e5e5e5;
}
.kategorieTolino {
  width: 28%;
  font-weight: bold; 
  background: #e5e5e5;
  border-bottom: 1px solid #fff;
  padding-left:8px;
  vertical-align: middle;
}    
.inhaltTolino {
  width: 72%;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 5px 5px 8px;
}

/**************************************************************************************************
************************************ placeholder-fix **********************************************
**************************************************************************************************/

.placeholder {
  color: #aaa;
}

/***** Useragent Switches Start ********************************************************************
****************************************************************************************************
****************************************************************************************************/
.android #headerMainMenu .topLevelSpan,
.android #headerMainMenu .topLevelLi a,
.desktopLinux #headerMainMenu .topLevelSpan,
.desktopLinux #headerMainMenu .topLevelLi a {
  letter-spacing: -1px;
}
/****** Useragent Switches Ende ********************************************************************
****************************************************************************************************
****************************************************************************************************/

/* TODO (Julia): Ausblenden korrekt umsetzen */
.bodyForGiftFrame.loading #footerBox {
    display: none;
}


#backToTop {
  background-image: url("FL-img/spritesNoRepeat.png");
  background-position: -75px 0px;
  position: fixed;
  bottom: 100px;
  right: 0;
  width: 50px;
  height: 50px;
  z-index: 9;
}
#backToTop a {
  display: block;
  width: 50px;
  height: 50px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}




#oauthPage {
  padding: 0 5%;
}
#oauthPage #headerLeftTop {
  max-width: 920px;
  margin: 0 auto 7% auto;
}
#oauthPage #logoBox {
  float: none;
  margin-top: 7%;
}

.oauth-box {
  max-width: 920px;
  padding: 15px 20px;
  border: 10px solid #1a93fb;
  margin: 0 auto;
}

.oauth-box h2 {
  margin-bottom: 20px;
  font-size: 180%;
}

.oauth-box .error {
  margin-bottom: 5px;
  padding: 10px 20px;
  color: #cc0000;
}

.oauth-box .error:empty {
  display: none;
}

.oauth-box .login label {
  display: block;
  float: left;
  max-width: 200px;
  height: 24px;
  margin-top: 9px;
  margin-right: 10px;

  text-align: left;
  line-height: 24px;
}

.oauth-box .login label.required {
  font-weight: bold;
}

.oauth-box .login input[type=text],
.oauth-box .login input[type=password] {
  display: block;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  width: auto;
  width: 50%;
  min-width: 210px;
  max-width: 500px;
}

.oauth-box .buttons {
  clear: both;
  padding-top: 20px;
}

.oauth-box .buttons .button {
  float: left;
  padding: 10px 20px;
  text-align: center;
  font-family: Georgia, serif;
  font-size: 180%;
  text-decoration: none;
  border-radius: 5px;
}

.oauth-box .button.blue {
  color: #ffffff;
  background-color: #1b93fb;
}

.oauth-box .button.green {
  color: #ffffff;
  background-color: #40A831;
}
#pageWrapper.t-layer  [id*="tsbadge"], 
.t-layer [id*="tsbadge"] {
    display: none !important;
}