@charset "utf-8";
/* last sync with revision 22632 */


body {
  margin: 0px;
  background-color: #104080;
  font-family: Verdana, Arial, sans serif;
  font-size: 12px;
  color: #3F3F3F;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

#bodyBackgroundForHeaderAndMain {
  float: left;
  width: 100%;
  text-align: center;
  background-image: url(img/backgroundMainTop.jpg);
  background-repeat: repeat-x;
  background-color: #70A5EB;
}

#posForHeader {
  margin: 0px auto;
  position: relative;
  width: 988px;
}

#bodyBackgroundForFooter, #bodyBackgroundForFooterOhneSuche {
  float: left;
  width: 100%;
  text-align: center;
  background-image: url(img/backgroundMainFooter.jpg);
  background-color: #70A5EB;
  background-repeat: repeat-x;
  background-position: bottom;
  height: 166px;
  padding-top: 217px;
  margin-bottom: 120px;
}

#bodyBackgroundForFooterOhneSuche {
  margin-top: -66px;
}

* {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}


.kategorieTeaserTop *,
#avaBoxMenu *,  
#wunschzettelSubmit, 
.clear, .clearer, 
.AvaHeading *, 
.AvaNachOben, 
#geschenkServiceBox *, 
#headerTopLeft #personalMenuBox, 
#wunschzettelSubmit,
#hoerprobe, #hoerprobe *,
#headerMainMenu .middle, #headerMainMenu .middle * {
  word-wrap: normal;
  overflow-wrap: normal;
}



img {
  border: none;
}

ul, ul li {
  display: inline;
  list-style-type: none;
}


a {
  text-decoration: underline;
  outline: none;
}

a:active, a:link, a:visited, a:focus {
  color: #1654a9;
  border: none;
}

a:hover {
  color: #ff7900;
  border: none;
}

a.arrowHref {
  float: left;
  display: inline;
  background-image: url(img/blueArrow.gif);
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 10px;
}

a.arrowHref:hover {
  background-image: url(img/orangeArrow.gif);
  text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
  color: #1654a9;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

h1, h2 {
  font-size: 12px;
  color: #3f3f3f;
  display: block;
  padding:6px 1px 7px 4px;
}

h2 {
  font-size: 22px;
  color: #1654a9;
  text-decoration: none;
  display: block;
}

h3 {
  font-size: 13px;
}

h3 a {
  font-size: 14px;
}

h2 {
  font-size: 22px;
  color: #1654a9;
  text-decoration: none;
  display: block;
}
/* muss erstmal rausgenommen werden, überschreibt sonst alles Mögliche im Bestellprozess wegen id immer stärker als class
font-size: 18px;
  color: #3f3f3f;
  text-decoration: none;
  display: block; h2, #contentColumn h1 {
  font-size: 22px;
  color: #1654a9;
  display: inline;
  float: left;
}
*/
h4 {
  font-size: 18px;
  color: #3f3f3f;
  text-decoration: none;
  display: block;
}

h5 {
  font-size: 14px;
  font-weight: bold;
  color: #3f3f3f;
}

h6 {
  font-size: 10px;
  color: #3f3f3f;
}

form, fieldset {
  border: none;
  margin: 0px;
  padding: 0px;
}

input {
  padding-left: 2px;
  border: 1px solid #666;
}

select {
  border: 1px solid #ABADB3;
}

input, select, option {
  color: #3f3f3f;
  font-family: verdana, sans serif;
}

.author, a.author {
  color: #3f3f3f;
}

.titel, a.titel {
  color: #000;
}

.preis, a.preis {
  color: #ff7900;
}

.noBold {
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

.erstFarbe {
  color: #1654a9;
}

.zweitfarbe {
  color: #ff7900;
}

.doubleUnderline {
  border-bottom: 3px double #666;
}

.clear, .clearer {
  display: block;
  float: none;
  clear: both;
}

.floatLeft {
  float: left;
  display: inline;
}

.floatRight {
  float: right;
  display: inline;
}

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

.formError, .fehlerMeldung, .red {
  font-size: 12px;
  font-weight: bold;
  /* margin-left: 20px; */
  color: #cc0000;
}

.formError li, .fehlerMeldung li {
  display: block;
}

.formErrorAccount li {
  font-size: 12px;
  font-weight: bold;
  color: #cc0000;
  display: block;
  padding: 5px 0px;
  margin: 0;
}

.centering {
  text-align: center;
}

.tb_margin {
  margin-top: 2ex;
  margin-bottom: 2ex;
}

a.erstFarbe:active, a.erstFarbe:hover, a.erstFarbe:link, a.erstFarbe:visited, input.erstFarbe, .erstFarbe {
  background-image: url(img/backgroundButtonErstfarbe.gif);
  background-repeat: repeat-x;
  background-color: transparent;
  height: 24px;
  overflow: hidden;
  line-height: 24px;
  font-size: 13px;
  font-weight: bold;
  color: #2c2c2c;
  border-top: none;
  border-bottom: none;
  text-decoration: none;
  text-align: center;
  border-left: 1px solid #6e9cdb;
  border-right: 1px solid #6e9cdb;
  cursor: pointer;
}

a.erstFarbeSmall:active, a.erstFarbeSmall:hover, a.erstFarbeSmall:link, a.erstFarbeSmall:visited, input.erstFarbeSmall, .erstFarbeSmall {
  background-image: url(img/buttonErstFarbeSmall.gif);
  background-repeat: repeat-x;
  background-color: transparent;
  font-weight: bold;
  color: #2c2c2c;
  line-height: 20px;
  height: 20px;
  border-top: none;
  border-bottom: none;
  text-decoration: none;
  text-align: center;
  border-left: 1px solid #6e9cdb;
  border-right: 1px solid #6e9cdb;
  cursor: pointer;
}

input.erstFarbe, input.erstFarbeSmall {
  /* border: none; */
}

.dupFix {
  float: left;
  width: 1px;
  height: 0px;
  line-height: 0px;
  visibility: hidden;
}

/*****************************************************
******************************************************
 Start Wiki  
 *****************************************************
 ****************************************************/
 
/* Start .textblocklist auto-Abstaende 
   - mit und ohne H2 und
  - mit H2 innendrinstatt davor */
.textblockList  {
  position: relative;
  float: left;
}
.withHeading  {
  top: -16px;
}
.withoutHeading {
   top: 23px;
}
#contentColumn .withoutHeading h2 {
  position: relative;
  margin-top: -38px;
}
.textblockList > div:first-child {
  padding-top: 15px;
}
.textblockList div#bannerTeaser:first-child {
  padding-top: 0;
}
.textblockList div.kategorieTeaser:first-child {
  padding-top: 0;
}
.textblockList .trennlinieHorizontal {
  background-position: bottom;
}
/* Ende .textblocklist auto-Abstaende 
   - mit und ohne H2 und
  - mit H2 innendrinstatt davor */
  
  
.image-center  {
  text-align: center;
}
  
.spacer, .space {
  clear: both;
  float: none;
  display: block;
  height: 10px;
}
 
span.alletitel {
  float: right;
  width: 90px;
  margin-left: 10px;
  margin-top: 6px;
  font-weight: bold;
}
 
#contentColumn h2.alletitelh2 {
  padding-left: 0;
  float: left;
  display: inline;
  width: 415px;
}

#contentColumn h4 {
  /*font-size: 18px;
  color: #1654A9;
  rausgenommen, da die Klassen im DreierTeaser überschriebn werden*/
  text-decoration: none;
  display: block;  
}
 
h3.homepageHead {
   color: #1654A9;
  display: block;
  font-size: 22px;
  padding: 6px 1px 7px 0px;
  text-decoration: none;
}
 
#contentColumn h2.wiki, #contentColumn h2 {
   padding-left: 0;
  float: none;
  display: block;
  width: auto;
}
 
h3.wiki a {
   font-size: 15px;
}
 
h3.wiki  {
  color: #3f3f3f;
  padding: 0px 0px 7px 0px;
   font-size: 18px;
}
 
h4.wiki {
  background-repeat: no-repeat;
  width: 510px;
  color: #fff;
  margin-bottom: 10px;
  padding: 3px 0px 3px 10px;
   font-size: 17px;
}
 
h4.wiki a:link, h4.wiki a:active,
h4.wiki a:focus, h4.wiki a:visited {
   color: #FFFFFF;
}
 
h4.wiki a:hover {
   color: #FF7900;
}
 
.zweierTeaser h4.wiki {
  width: 240px;
}
 

h4.wiki {background-image: url(img/wikiH4B_plain.png); background-color: #1654a9;}
.zweierTeaser h4.wiki {background-image: url(img/wikiH4smallB_plain.png);  background-color: #1654a9;} 
 
h5.wiki {
   padding: 4px 0;
  color:#3F3F3F;
  font-size:14px;
  font-weight:bold;
}
  
h6.wiki {
   float: none;
   display: inline;
  color: #3F3F3F;
  font-size: 10px;
  font-weight: normal;
}

.image-left {
   float: left;
   display: inline;
   margin: 3px 10px 4px 0;
}
 
.image-right {
   float: right;
   display: inline;
   margin: 3px 0 4px 10px;
}
 
.kundenBewertung {
   color: #3f3f3f;
   letter-spacing: -1px;
}
 
.zweierTeaser .kundenBewertung {
   letter-spacing: -1px;
}
 
.kundenBewertung img, .kundenBewertung .text {
   float: left;
   display: inline;
   border: none;
   padding: 0;
   margin: 0;
}
  
.kundenBewertung .text {
   margin-left: 5px;
}
 
.zweierTeaser .kundenBewertung .text {
  float: none;
   margin-left: 0;
}
 
.zweierTeaser .kundenBewertung img {
   margin-bottom: 3px;
}
 
.price-label-with-order-button {
  float: right;
  display: inline;
  margin: 10px 0;
}
 
.zweierTeaser .price-label-with-order-button {
  float: none;
  display: block;
  width: 170px;
  margin: 0 auto;
}
 
.zweierTeaser .price-label-with-order-button .orderButton .content {
  margin-left: 0px;
}

.statt_preis .nrml {
  position: absolute; left: -7000px;
}

.statt_preis {
  float: none;
  display: inline;
  font-size: 12px;
  font-weight: normal;
}
 
.statt_preis br {
  display: none;
}


.durchstreich {
  /* Es wird gewünscht, dass Durchtreichpreise 
  nicht mehr durchgestrichen angezeigt werden
  text-decoration: line-through;*/
  text-decoration: none;
}
.statt_preis .durch {
  display: inline-block;
  padding-right: 5px;
  /* s.o. text-decoration: line-through; */
  text-decoration: none;
}


.price-label-with-order-button .statt_preis {
  float: left;
  font-size: 10px;
}

.price-label-with-order-button .statt_preis br {
  display: inline;
}

.price-label-with-order-button .statt_preis .preis {
  font-size: 15px;
  font-weight: bold;
  color: #ff7900

}

.orderButton {
  float: right;
  display: inline;
  margin: 5px 0px 5px 5px;
  font-weight: bold;
}
 
.price-label-with-order-button .orderButton {
  float: left;
  margin: 2px 0px 0px 0px;
}
 
.orderButton a:active, .orderButton a:link, .orderButton a:hover, .orderButton a:visited {
  display: block;
  background-image: url(img/warenkorbButton.gif);
  background-repeat: no-repeat;
  width: 141px;
  padding: 4px 10px 3px 34px;
  margin-left: 10px;
  color: #2c2c2c;
  font-size: 14px;
  text-decoration: none;
}


div.einerTeaser {
  float: left;
  padding-top: 15px;
  padding-bottom: 19px;
  width: 520px;
}


div.zweierTeaser {
  float: left;
  padding-top: 15px;
  margin-bottom: 19px;
  text-align: justify;
}

div.zweierTeaserLeft, div.zweierTeaserRight{
  float: left;
  width: 250px;
}

div.zweierTeaserLeft {
  margin-right: 20px;
}

div.wikiFeld {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 520px;
  display: block;
}

div.wikiFeld, span.wikiFeld {
}

/*navi_tab_right=wiki Feld recht über der Bestsellerbox*/
#navi_tab_right #qlnavihead a {
  display: block;
  padding: 3px 5px;
  margin: 5px 0;
}

#navi_tab_right #qlnavihead .image-center a,
#navi_tab_right #qlnavihead .image-left a,
#navi_tab_right #qlnavihead .image-right a {
  display: block;
  background-color: #fff;
  padding: 0;
  margin: 0;
}

div.textblockList div.floatRight {
  padding-bottom: 20px;
}

a.wiki-image {
  display: block;
}

/************* Start Wiki Formular **************/
form.wiki {
    width: 400px;
}

form.wiki label {
    width: 200px;
    float: left;
    font-weight: bold;
    font-size: 13px; 
}

form.wiki select {
    width: 200px;
}

form.wiki button {
    width: 200px;
    float: none;
    margin-left: 200px;
}

/************* Start neues Such-Wiki Formular **************/

.textblockList form.boxclass {
  width: 100%;
  min-width: 400px;
  margin: 10px 0;
}
 
.textblockList form.boxclass label,
.textblockList form.boxclass select {
  width: 47%;
  margin: 0 3% 4px 0;
  float: left;
  display: inline;
}
.textblockList form.boxclass button {
  width: 47%;
  margin: 4px 3% 0 0;
  float: right;
  display: inline;
}

 
 
div.header_bar {
   font-size: 22px;
   color: #1654a9;
   padding:6px 1px 7px 4px;
 }
 
.dynamic_form_errors {
   color: #CC0000;
   font-size: 14px;
   padding-bottom: 5px;
 }
 
.dynamic_form_content .top {
  background-image: url(img/wikiFormTop.gif);
  background-repeat: no-repeat;
  width: 520px;
  height: 7px;
}
 
.dynamic_form_content form {
  background-image: url(img/wikiFormContent.gif);
  background-repeat: repeat-y;
  width: 470px;
  padding: 5px 25px;
}
 
.dynamic_form_content .bottom {
  background-image: url(img/wikiFormBottom.gif);
  background-repeat: no-repeat;
  width: 520px;
  height: 7px;
}

.dynamic_form_content .dynamic_form_description {
  padding-bottom: 10px;
}

.dynamic_form_content form .dynamic_form_description {
  padding-bottom: 0;
}

.dynamic_form_field_container {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #cccccc;
}

.dynamic_form_field_container .trennlinieHorizontal {
  width: 470px;
}

.dynamic_form_input {
  /* padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px dotted #cccccc; */
}

.dynamic_form_field_label, .dynamic_form_textarea_label {
  margin-bottom: 4px;
  color: #1654a9;
  font-size: 14px;
}

.dynamic_form_field_label img, .dynamic_form_textarea_label img {
  position: relative;
  top: -6px;
  left: -9px;
}

.dynamic_form_top_field_description, .dynamic_form_description {
  margin-bottom: 4px
}

.dynamic_form_submit input {
  background-image: url(img/backgroundButtonErstfarbe.gif);
  background-repeat: repeat-x;
  background-color: transparent;
  display: block;
  height: 24px;
  margin: 0 auto;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border-left: 1px solid #6e9cdb;
  border-right: 1px solid #6e9cdb;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
}

.dynamic_form_radio, .dynamic_form_checkbox {
  border: none;
  margin-top: 3px;
}

.dynamic_form_content form h4.wiki {
  background-image: url(img/formIconPflichtfeld.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: left 6px;
  position: relative; left: 408px;
  padding: 5px 27px 0px 10px;
  font-size: 14px;
  color: #1654a9;
  width: 200px;
}
.dynamic_form_content h4 {
  color: #000000;
}

.dynamic_form_captcha_image {
  margin-top: 3px;
  margin-bottom: 4px;
}

input.dynamic_form_text {
  width: 422px;
  border: 1px solid #abadb3;
  height: 15px;
  padding-top: 1px;
}

input.dynamic_form_text_error {
    background: #CC0000;
}

textarea.dynamic_form_textarea {
  width: 422px;
  border: 1px solid #abadb3;
}
/************ Ende Wiki Formular **************/

/************ Start Easy CMS Produkt **************/

.product-withoutTextPic,
.product-withTextPic {
  float: left;
  position: relative;
}  

.product-withoutTextPic .product-author-page-link,
.product-withTextPic .product-author-page-link {
  float: left;
  width: 520px;
  margin-bottom: 8px;
  font-size: 15px;
}

.kategorieTeaserBottom .product-withoutTextPic .product-author-page-link,
.kategorieTeaserBottom .product-withTextPic .product-author-page-link {
  width: 488px;
}  
  
.product-withoutTextPic .product-left,
.product-withTextPic .product-left {
  float: left;
  width: 110px;
}  
  
.product-withoutTextPic .preis,
.product-withTextPic .preis {
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  bottom: 8px;
  right: 194px;
}  

.product-withoutTextPic .product-text,
.product-withTextPic .product-text {
  float: left;
  display: inline;
  width: 400px;
  padding-left: 9px;
  margin-bottom: 34px;
}

.kategorieTeaserBottom .product-withoutTextPic .product-text,
.kategorieTeaserBottom .product-withTextPic .product-text {
  width: 365px;  
}  

  
.product-withoutTextPic .product-picture,
.product-withTextPic .product-picture {
  float: right;
  display: inline;
  margin: 0 0 5px 5px;
}  
  
.product-shopping-link, .product-shopping-link * {
  display: inline;
}
  

#columnsBox .product-shopping-link .orderButton{
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

#columnsBox .product-shopping-link .orderButton a {
  background-repeat: no-repeat;
  float: none;
  display: inline-block;
  height: 24px;
  height: 20px;
  cursor: pointer;
  padding-bottom: 0;
  /*
  text-indent: -9000px;
  width: 34px;
  background-image: url(img/inDenWarenkorbXS.png);
  margin: 5px 0 0 0;
  */
}

.product-price {
  display: block;
  font-weight: bold;
  font-size: 13px;
  margin: 5px 0 0 0;
}  

.product-stock-info-link .right {
    background-image: url(img/buttonFilialBestandA.png);
    background-repeat: no-repeat;
    background-position: right center;
    height: 31px;
    height: 24px;
    width: 95px;
    float: left;
    font-weight: bold;
    text-decoration: none;
    line-height: 12px;
    height: 24px;
    padding: 3px 0 4px 5px;
    color: #3f3f3f;
    margin-top: 7px;
    
}

/************ Ende Easy CMS Produkt **************/
/************ Start JS Wechselbanner  **************/
.wechselBanner { 
  position: relative; 
  font-size: 14px; 
  width: 520px;
  margin: 0 auto;
}

.wechselBanner #wechselBannerHeading { 
  position: absolute; top: 10px; left: 12px; 
  z-index: 10; 
  color: #ff7900;  
  font-size: 18px;
}

.wechselBanner #navi { 
  position: absolute; bottom: 10px; left: 12px; 
  z-index: 10; 
  width: 175px;
  padding: 0;
}

.wechselBanner #navi li  { 
  display: block; 
  width: 175px; 
}
.wechselBanner #navi li a.firstOne  { 
  display: none; 
}

.wechselBanner #navi li.activeSlide a.lastOne { 
  margin-bottom: 2px; 
}

.wechselBanner #navi li a { 
  background-image: url(img/barJSbanner.png); 
  background-position: left center;
  background-repeat: no-repeat;
  height: 18px; 
  line-height: 18px; 
  margin: 2px 0; 
  color: #3f3f3f;
  padding: 0 5px;
  width: 165px; 
  text-decoration: none;
  display: block;
}

.wechselBanner #navi li.activeSlide a { 
  background-image: url(img/pfeilJSbanner.png); 
  height: 20px; 
  line-height: 20px; 
  margin: 2px 0; 
  color: #fff;
  padding: 0 10px 0 5px;
  width: 160px; 
}

.wechselBanner #slideshow1 p span { 
  position: absolute; bottom: 10px; right: 12px; 
  z-index: 10;  
  font-size: 14px; 
  width: 315px;
}
.wechselBanner #slideshow1 p a { 
  cursor: default;
}
.wechselBanner #slideshow1 p span a { 
  cursor: pointer;
}

.libriCmsCycle1 {
  padding-bottom: 26px;
  position: relative;
}
.libriCmsCycleNavi {
  position: absolute;
  left: 10px;
  bottom: 1px;
  height: 24px;
  width: 500px;
  z-index: 15;
}


.libriCmsCycleNavi li {  
  height: 24px;
  float: left;
  margin-right: 2px;
}
.libriCmsCycleNavi li.activeSlide {
  margin-top: -4px;
  padding-top: 4px;
  background-image: url(img/cyclePfeil.png);
  background-repeat: no-repeat;
  background-position: 7px top;
}



.libriCmsCycleNavi li a , 
.libriCmsCycleNavi li.activeSlide a {
  background-color: #1654a9;
  color: #fff;
  padding: 4px 6px;
  opacity: 0.8;
  float: left;
  text-decoration: none;
  background-image: url(img/buttonAlphaH22plain.png);
  background-repeat: repeat-x;
  background-position: center;
  height: 14px;
  line-height: 14px;
  
  border: 1px solid #ccc;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
  border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  
  border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
}

.libriCmsCycleNavi li.activeSlide a, 
.libriCmsCycleNavi li a:hover {
  background-color: #ff7900;
  color: #fff;
}

.libriCmsCycle2 li.activeSlide a {
  color: #ff0000;
}
.libriCmsCycle3 li.activeSlide a {
  color: #66ff00;
}
.libriCmsCycle1 .libriCmsCycleImg  img,
.libriCmsCycle2 .libriCmsCycleImg  img, 
.libriCmsCycle3 .libriCmsCycleImg  img,
.libriCmsCycle1 .libriCmsCycleImg a img,
.libriCmsCycle2 .libriCmsCycleImg a img, 
.libriCmsCycle3 .libriCmsCycleImg a img {
  border: 1px solid #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.libriCmsCycle2, 
.libriCmsCycle3 {
  overflow: visible !important;
}
/************ Ende JS Wechselbanner **************/
 
/*****************************************************
******************************************************
 Ende Wiki  
 *****************************************************
 ****************************************************/
 
 
 
 
/*****************************************************
******************************************************
 Start Header  
 *****************************************************
 ****************************************************/

/***************************************************
Start oberer Teil vom Header
bis exklusive orangener Balken
****************************************************/

#headerBox, #headerBestellprozess, #headerBestellprozess5 {
  position: absolute; top: 0; left: 0;
  width: 988px;
  text-align: left;
}

#headerBox {
  position: absolute; top: 0; left: 0;
  width: 988px;
  text-align: left;
  height: 207px;
  margin: 10px auto 0px auto;
}

#headerBestellprozess {
  position: absolute; top: 0; left: 0;
  width: 988px;
  text-align: left;
  height: 141px;
  margin: 10px auto -66px auto;
}

#headerTop {
  height: 115px;
  width: 988px;
  background-image: url(img/backgroundHeader.png);
  background-repeat: no-repeat;
  background-color: #1C5AAF;
}

#headerTopLeft {
  float: left;
  width: 839px;
  height: 115px;
}

#headerLogo {
  
}

div#logoAndPersonalMenu {
  float: left;
  width: 839px;
}

div#logoBox, div#logoBoxPrint {
  float: left;
  width: 123px;
  height: 67px;
  margin-top: 10px;
  padding-left: 15px;
}

div#personalMenuBox {
  float: left;
  display: inline;
  margin: 10px 0 0 30px; /* margin: 10px 0 0 60px;  Aenderung wegen Verschluckens des Hallo bei langen Namen im IE6 */
  color: #fff;
  max-width: 650px;
}

#personalMenuBox a:active, #personalMenuBox a:link, #personalMenuBox a:visited, #personalMenuBox span.nolink {
  float: left;
  display: inline;
  background-image: url(img/headerMenuSeparator.gif);
  background-repeat: no-repeat;
  background-position: left 14px;
  color: #ffffff;
  padding: 12px 5px 0 5px;
  font-size: 12px;
  text-decoration: none;
}

#personalMenuBox a:hover {
  float: left;
  display: inline;
  color: #ffffff;
  text-decoration: underline;
  font-weight: normal;
}

.neukunde div#personalMenuBox a.firstOne {
  background-image: url(img/backgroundNeukunde.png);
  background-repeat: no-repeat;
  background-position: left top;
  width: 105px;
  height: 33px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

div#personalMenuBox span.erkannterKunde {
  float: left;
  display: inline;
  width: 165px;
  height: 55px;
    overflow: hidden;
  position: relative;
    margin: 12px 0px 0px -33px; /* 12px 0px 0px -85px */
  padding-right: 5px; /* 15px */
  text-align: right;
  font-weight: bold;
}

div#personalMenuBox span.erkannterKunde em {
  float: right;
  display: inline;
  font-style: normal;
}

.unknown div#personalMenuBox a.firstOne {
  background: none;
}

.erkannterKunde div#personalMenuBox a.firstOne {
  float: right;
  display: inline;
  background-image: url(img/whiteArrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding: 0px 0px 0px 10px;
  font-weight: normal;
  text-decoration: underline;
}

.neukunde div#personalMenuBox a.secondOne {
  background-image: none;
}

#headerBestellprozess div#personalMenuBox, #headerBestellprozess5 div#personalMenuBox {
  margin: 9px 5px 0px 0px;
  float: right;
  display: inline;
}

#headerBestellprozess div#personalMenuBox a.firstOne, #headerBestellprozess5 div#personalMenuBox a.firstOne {
  background-image: none;
  height: auto;
  padding-top: 0px;
}

#headerBestellprozess div#personalMenuBox a, #headerBestellprozess5 div#personalMenuBox a, #headerBestellprozess div#personalMenuBox span.nolink, #headerBestellprozess5 div#personalMenuBox span.nolink {
  background-position: left 2px;
  padding-top: 0px;
}

div#headerMainMenu {
  position: relative;
  z-index: 6400;
  float: left;
  width: 950px;
  padding-left: 17px;
}

div#headerMainMenu li {
  float: left;
  position: relative;
  z-index: 8000;
  display: inline;
}

div#headerMainMenu span.dropdown {
  z-index: 9000;
  position: absolute; 
  background-image: url(img/backgroundDropdown.gif);
  background-repeat: repeat-x;
  opacity: 0.95;
  width: 165px;
  padding: 10px;
  border: 1px solid #fb8313;
  background-color: #fff;
}

div#headerMainMenu li:hover span.dropdown {
  top: 38px;
}

div#headerMainMenu span.dropToRight {left: -7000px;}
div#headerMainMenu li:hover span.dropToRight {left: 2px;}
div#headerMainMenu span.dropToLeft {right: -9999px;}
div#headerMainMenu li:hover span.dropToLeft {right: 2px;}

div#headerMainMenu li span.dropdown a {
  float: none;
  display: block;
  background-position: 0px 5px;
  padding: 0 0 2px 10px;
  font-size: 13px;
}

div#headerMainMenu li:hover span.dropdown a:hover {
  background-image: url(img/orangeArrow.gif);
  background-color: #f4f4f4;
  text-decoration: underline;
}

div#headerMainMenu a.mainMenu:active, div#headerMainMenu a.mainMenu:hover, 
div#headerMainMenu a.mainMenu:link, div#headerMainMenu a.mainMenu:visited {
  background-repeat: repeat-x;
  float: left;
  display: inline;
  margin-left: 2px;
  height: 38px;
  text-decoration: none;
}

div#headerMainMenu a.mainMenu:active, 
div#headerMainMenu a.mainMenu:link, div#headerMainMenu a.mainMenu:visited {
  background-image: url(img/backgroundMainNaviBlueMiddle.gif);
  background-color: #0F3972;
  background-position: 0px 0px;
  background-repeat: repeat-x;
}

div#headerMainMenu li:hover a.mainMenu,
div#headerMainMenu a.mainMenu:hover,
div#headerMainMenu a.active:active,  
div#headerMainMenu a.active:link,  
div#headerMainMenu a.active:hover,  
div#headerMainMenu a.active:visited {
  background-image: url(img/backgroundMainNaviOrangeMiddle.gif);
  background-color: #FB8E27;
}

div#headerMainMenu a.mainMenu:active .middle, div#headerMainMenu a.mainMenu:hover .middle, 
div#headerMainMenu a.mainMenu:link .middle, div#headerMainMenu a.mainMenu:visited .middle {
  float: left;
  display: table;
  background-repeat: repeat-x;
  font-family: Gill Sans, Futura, Tahoma, Helvetica, Arial, sans serif;
  word-spacing: -2px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  z-index: 99;
  /*
  padding: 0 2px;
  height: 38px;
  font-size: 14px;
  line-height: 15px;
  max-width: 120px;
  */
  text-align: center;
  padding: 7px 6px 0 6px;
  height: 31px;
  font-size: 17px;
  font-weight: normal;
}

div#headerMainMenu a.mainMenu .middle .middleInner {
  display: block;
}

div#headerMainMenu a.mainMenu:active .left, div#headerMainMenu a.mainMenu:hover .left, 
div#headerMainMenu a.mainMenu:link .left, div#headerMainMenu a.mainMenu:visited .left,
div#headerMainMenu a.mainMenu:active .right, div#headerMainMenu a.mainMenu:hover .right, 
div#headerMainMenu a.mainMenu:link .right, div#headerMainMenu a.mainMenu:visited .right {
  float: left;
  display: inline;
  background-repeat: no-repeat;
  width: 5px;
  height: 38px;
}

div#headerMainMenu a.mainMenu:active .left, div#headerMainMenu a.mainMenu:hover .left, 
div#headerMainMenu a.mainMenu:link .left, div#headerMainMenu a.mainMenu:visited .left {
  background-image: url(img/backgroundMainNaviBlueLeft.gif);
}


div#headerMainMenu a.mainMenu:active .right, div#headerMainMenu a.mainMenu:hover .right, 
div#headerMainMenu a.mainMenu:link .right, div#headerMainMenu a.mainMenu:visited .right {
  background-image: url(img/backgroundMainNaviBlueRight.gif);
  background-position: right;
}


 div#headerMainMenu li:hover a.mainMenu .left, 
 div#headerMainMenu a.mainMenu:hover .left, 
 div#headerMainMenu a.active:active .left,  
 div#headerMainMenu a.active:link .left,  
 div#headerMainMenu a.active:hover .left,  
 div#headerMainMenu a.active:visited .left {
  background-image: url(img/backgroundMainNaviOrangeLeft.gif);
}

div#headerMainMenu a.mainMenu:hover .middle , div#headerMainMenu a.active .middle {
  background-image: url(img/backgroundMainNaviOrangeMiddle.gif);
}

div#headerMainMenu a.mainMenu:hover .middle {
  text-decoration: underline;
}

div#headerMainMenu li:hover a.mainMenu .right, 
div#headerMainMenu a.mainMenu:hover .right, 
div#headerMainMenu a.active:active .right, 
div#headerMainMenu a.active:link .right, 
div#headerMainMenu a.active:visited .right, 
div#headerMainMenu a.active:hover .right {
  background-image: url(img/backgroundMainNaviOrangeRight.gif);
}

div#headerTeaser {
  position: absolute; top: 0px; right: 0px;
  float: right;
  height: 113px;
  overflow: hidden;
}

img#headerTeaserImg {
  margin-top: 11px;
}

/***************************************************
Ende oberer Teil vom Header
bis exklusive orangener Balken
****************************************************/


/***************************************************
Start oranges Feld im Header
****************************************************/
#headerOrangeBar {
  height: 26px;
  width: 988px;
  background-image: url(img/backgroundHeaderOrangeBar2.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #FB8E27;
  text-align: center;
}

div.orangeMenu {
  padding-top: 0px;
}

#headerOrangeBar a:active, #headerOrangeBar a:link, #headerOrangeBar a:visited {
  color: #ffffff;
  padding-left: 2px;
  padding-right: 7px;
  margin-top: 0px;
  text-decoration: none;
  background-image: url(img/headerOrangeMenuSeparator.gif);
  background-repeat: no-repeat;
  background-position: right 3px;
  font-size: 13px;
  font-weight: bold;
}

#headerOrangeBar a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#headerBox #headerOrangeBar a.lastOne {
  background-image: none;
}

/***************************************************
Ende oranges Feld im Header
****************************************************/


/***************************************************
Start Hauptsuchfeld im Header
****************************************************/
#headerSearchBar {
  width: 988px;
  height: 66px;
  background-image: url(img/backgroundHeaderSearchBar.png);
  background-repeat: no-repeat;
  background-color: #fff;
  text-align: center;
}

#headerSearchFormWrapper {
  float: left;
  display: inline;
  margin-left: 135px;;
  width: 725px; /* 800px wegen libri-services-bild */
}

#headerSearchBar img.libriServices {
  padding: 5px 0px 0px 0px;
  /* display: inline;
  float: left; */
}

#headerSearchFormFieldset {
  border: none;
  padding: 7px 0px 0px 0px;
  margin: 0px;
}

#headerSearchFormLabel {
  float: left;
  display: inline;
  color: #ff7900;
  font-size: 24px;
  margin-left: 15px;
}

#borderForHeaderSelect {
  float: left;
  display: inline;
  margin-left: 15px;
  border: 1px solid #000000;
  height: 30px;
}

#headerSearchFormSelect {
  float: left;
  display: inline;
  width: 155px;
  height: 23px;
  font-size: 13px;
  font-weight: bold;
  color: #3f3f3f;
  border: none;
  padding: 6px 0 0;
  overflow: visible;
}

#headerSearchFormSelect option:hover {
  background-color: #dedede;
}

input#headerSearchFormInput {
  float: left;
  display: inline;
  margin-left: 7px;
  /* background-image: url(img/backgroundSearchFieldFirefox.jpg);
  background-position: top left;
  background-repeat: no-repeat; */
  border: 1px solid #000000;
  width: 298px;
  height: 24px;
  padding: 6px 0 0 2px;
  font-size: 13px;
}

input#headerSearchFormInput:focus {
  background-image: none;
}

#headerSearchFormSubmit {
  float: left;
  display: inline;
  background-image: url(img/backgroundMainSearchSubmit.gif);
  background-position: top left;
  background-repeat: repeat-x;
  height: 32px;
  margin: 0px;
  padding: 1px;
  border-left: none;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 15px;
}

a#headerSearchFormHref:active, 
a#headerSearchFormHref:hover, 
a#headerSearchFormHref:link, 
a#headerSearchFormHref:visited {
  float: left;
  display: inline;
  font-size: 12px;
  color: #1654a9;
  text-decoration: underline;
  letter-spacing: -1px;
  font-weight: bold;
  padding-top: 8px;
  margin-left: 8px;
}

/***********************************************
Ende Hauptsuchfeld im Header
************************************************/


/***********************************************
Start Breadcrumb
************************************************/
  
#breadcrumbBox {
  background-image: url(img/backgroundContent1.gif);
  background-repeat: repeat-y;
  background-color: #fff;
  float: left;
  width: 988px;
  text-align: left;
}
  
#breadcrumbBox a.arrowHref {
  background-position: 8px center;
  padding: 2px 1px 2px 20px;
  font-size: 13px;
  font-weight: bold;
}

span.breadcrumb {
  float: left;
  display: inline;
  background-image: url(img/blueArrow.gif);
  background-repeat: no-repeat;
  background-position: 8px center;
  padding: 2px 1px 2px 20px;
  font-size: 13px;
  font-weight: bold;
  color: #1654a9;
}

#liBreadCrumb {
  background-image: url(img/backgroundContent1.gif);
  background-repeat: repeat-y;
  float: left;
  width: 988px;
  padding-left: 10px;
}

.sublineBreadCrumb {
  padding: 6px 1px 0px 4px;
}

.newCustomer {
  background-image: url(img/backgroundContent1.gif);
  background-repeat: repeat-y;
  float: left;
  width: 963px;
  padding: 5px 0px 0px 20px;
}
    

/***********************************************
Ende Breadcrumb
************************************************/


/***********************************************
************************************************ 
Ende Header
************************************************
************************************************/


/***********************************************
************************************************ 
Start dreispaltiger Bereich
************************************************
************************************************/


/***********************************************
Start Bestellprozess
***********************************************/
#headerBestellprozess, #headerBestellprozess5 {
  background-image: url(img/backgroundHeaderBestellprozess2.png);
  background-repeat: no-repeat;
  position: absolute; top: 0; left: 0;
  width: 988px;
  height: 141px;
  margin: 10px auto -66px auto;
  text-align: left;
}

#headerBestellprozess5print {
  display: none;
}

div#bestellNaviBox {
  float: left;
  width: 835px;
  height: 67px;
  margin-top: 40px;
  color: #fff;
}
  
div#bestellNaviBox ul {
  padding-left: 5px;
  margin: 0;
}

div#bestellNaviBox li {
  position: relative;
  background-repeat: no-repeat;
  background-position: left 4px;
  padding: 0px 25px 5px 37px;
  list-style-type: none;
  float: left;
  height: 30px;
  font-size: 15px;
  font-weight: bold;

}

div#bestellNaviBox li a {
  color: #fff;
  text-decoration: none;
}

div#bestellNaviBox li a:hover {
  text-decoration: underline;
}

div.bestellprozessStepArrow {
  background-image: url(img/StepArrow.gif);
  background-repeat: no-repeat;
  width: 17px;
  height: 20px;
  position: absolute;
  left: -24px;
  top: 9px;
}

.firstStepActive {
  background-image: url(img/Step1.gif);
}
  
.firstStepInactive {
  background-image: url(img/Step1inactive.gif);
}
  
.secondStepActive {
  background-image: url(img/Step2.gif);
}
  
.secondStepInactive {
  background-image: url(img/Step2inactive.gif);
}
  
.thirdStepActive {
  background-image: url(img/Step3.gif);
}
  
.thirdStepInactive {
  background-image: url(img/Step3inactive.gif);
}

.fourthStepActive {
  background-image: url(img/Step4.gif);
}
  
.fourthStepInactive {
  background-image: url(img/Step4inactive.gif);
}

div#bestellNaviBox .fifthStepActive {
  background-image: url(img/Step5.gif);
  padding: 0px 0px 5px 37px;
}
  
div#bestellNaviBox .fifthStepInactive {
  background-image: url(img/Step5inactive.gif);
  padding: 0px 0px 5px 37px;
}

div.bestellVariante {
  width: 970px;
}

h1.bestellProzess {
  padding-top: 5px;
  font-size: 30px;
  color: #ff7900;
}

div.bestellProzessBox {
  float: left;
  display: inline;
  width: 748px;
  margin-right: -100px;
  margin-left: 3px;
}

div.bestellProzessH1, div.bestellProzessH1 h1, .bestellprozessbox h1, #geschenkServiceBox h2 {
  color: #1654a9;
  font-size: 22px;
  padding: 6px 1px 7px 9px;
}

div.bestellProzessBox.step2B6 div.bestellProzessH1, div.bestellProzessBox.step2B6 div.bestellProzessH1 h1 {  
  padding-left: 0;
}

div.bestellProzessHighlightBox .top {
  background-image: url(img/bestellProzessHighlightBoxTop.gif);
  background-repeat: no-repeat;
  float: left;
  width: 742px;
  height: 17px;
}

div.bestellProzessHighlightBox .content {
  background-image: url(img/bestellProzessHighlightBoxContent.gif);
  background-repeat: repeat-y;
  float: left;
  width: 722px;
  padding-left: 20px;
}

div.bestellProzessHighlightBox .bottom {
  background-image: url(img/bestellProzessHighlightBoxBottom.gif);
  background-repeat: no-repeat;
  float: left;
  width: 742px;
  height: 17px;
}

div.bestellProzessArtikelItem {
  background-repeat: no-repeat;
  float: left;
  display: inline;
  /*margin-left: -9px;*/
  position: relative; left: -9px;
  font-size: 11px;
  width: 720px;
}


div.bestellProzessArtikelItem .top {
  background-image: url(img/backgroundWarenkorbItemTop.gif);
  background-repeat: no-repeat;
  width: 720px;
  height: 10px;
}

div.bestellProzessArtikelItem .content {
  background-image: url(img/backgroundWarenkorbItemContent.gif);
  background-repeat: repeat-y;
  width: 710px;
  padding: 0px 0px 0px 10px;
}

div.bestellProzessArtikelItem .step1 .content {
  height: 63px;
}

div.bestellProzessArtikelItem .bottom {
  background-image: url(img/backgroundWarenkorbItemBottom.gif);
  background-repeat: no-repeat;
  width: 720px;
  height: 12px;
  margin-bottom: 2px;
}

div.bestellProzessTitelInfo {
  float: left;
  width: 438px;
  line-height: 150%;
}

div.bestellProzessTitelInfo a.titel, div.bestellProzessTitelInfo span.titel {
  color: #3f3f3f;
  font-size: 13px;
  font-weight: bold;
  line-height: 90%;
}

div.bestellProzessTitelInfo .author {
  font-size: 12px;
}

div.bestellProzessTitelInfo .artikelArt {
  color: #3f3f3f;
  font-weight: bold;
}

img.bestellProzessArtikelBild {
  float: left;
  margin-right: 7px;
  margin-top: 3px;
  height: 50px;
  padding-bottom: 15px;
}

div.bestellProzessAnzahl {
  float: left;
  width: 82px;
  line-height: 140%;
}

div.bestellProzessArtikelItem .content .versandArt {
  float: left;
  padding-top: 9px;
  padding-left: 25px;
  line-height: 25px;
  font-size: 13px;
}

div.bestellProzessArtikelItem .content .versandArt input {
  border: none;
  position: relative; top: 1px;
}

div.bestellProzessArtikelItem .content .postAdresse,
div.bestellProzessArtikelItem .content .buchhandlung {
  float: left;
  width: 230px;
  padding-left: 10px;
}

div.bestellProzessArtikelItem .content .buchhandlung {
  font-size: 13px;
}

div.bestellProzessArtikelItem .content .buchhandlung .bold {
  text-decoration: underline;
}

div.bestellProzessArtikelItem .content .buchhandlung a {
  font-weight: bold;
}

div.bestellProzessArtikelItem .content .postAdresse select {
  width: 229px;
}

div.bestellProzessArtikelItem .content .postAdresse a.anlegen,
div.bestellProzessArtikelItem .content .postAdresse a.bearbeiten {
  margin-top: 0;
}

div.bestellProzessEinzelpreis {
  float: left;
  width: 80px; /* 82px zu breit für bestellprozess */
}

div.bestellProzessEinzelpreis .preis {
  letter-spacing: -1px;
}

div.bestellProzessArtikelGesamtpreis {
  float: left;
  width: 95px; /* 111px zu breit für bestellprozess */
}

div.bestellProzessArtikelGesamtpreis img {
  float: left;
  padding: 2px 5px 10px 0px;
}

div.bestellProzessArtikelGesamtpreis .preis {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #3f3f3f;
}

div.bestellProzessEinzelpreis .preis {
  color: #3f3f3f;
  font-weight: bold;
}

div.bestellProzessBox .lieferbar {
  word-spacing: -2px;
}

div.bestellProzessBox .praemie {
  float: right;
  display: inline;
  margin-top: 5px;
  margin-right: 55px;
  font-weight: bold;
  font-size: 15px;
}

div.versandKostenInfo {
  float: left;
  width: 260px; /* 240px zu schmal für versandkostentext */
  font-weight: bold;
  padding: 15px 15px 5px 15px;;
}

div.gesamtSummeArtikelLeft, div.gesamtSummeArtikelRight {
  float: left;
  display: inline;
  padding-top: 15px;
  padding-bottom: 15px;
  padding: 14px 1px 5px 10px;
}

div.gesamtSummeArtikelLeft {
  text-align: right;
  width: 175px; /* 195px wegen änderung bei div.versandKostenInfo */
  margin-left: 115px;
}

div.gesamtSummeArtikelRight {
  width: 120px;
}

span.summeArtikel {
  font-size: 16px;
  color: #1654a9;
  font-weight: bold;
}

div#gesamtSumme {
  float: right;
  border-top: 3px double #666;
  border-bottom: 3px double #666;
  color: #3f3f3f;
  margin: 15px 15px 0px 17px;
  padding: 10px 0px 10px 0px;
}

div#gesamtSummeLeft {
  width: 450px;
  float: left;
}

div#gesamtSummeRight {
  width: 260px;
  font-size: 16px;
  font-weight: bold;
  float: right;
  text-align: right;
}

a.bestellProzessButtonLeft:active,
a.bestellProzessButtonLeft:hover,
a.bestellProzessButtonLeft:link,
a.bestellProzessButtonLeft:visited,
a.bestellProzessButtonRight:active,
a.bestellProzessButtonRight:hover,
a.bestellProzessButtonRight:link,
a.bestellProzessButtonRight:visited,
a.zweitFarbButtonBig,  
input.bestellProzessButtonRight,
input.zweitFarbButtonBig  {
  display: inline;
  background-image: url(img/bestellProzessButton.gif);
  background-repeat: repeat-x;
  width: 205px;
  height: 30px;
  line-height: 30px;
  color: #2c2c2c;
  font-size: 15px; 
  font-weight: bold;
  padding: 0;
  border-left: 1px solid #e57000;
  border-right: 1px solid #e57000;
  border-top: none;
  border-bottom: none;
  text-decoration: none;
  text-align: center;
}

a.bestellProzessButtonLeft {
  float: left;
  margin: 18px 0px 4px 70px;
}

.bestellProzessButtonRight {
  float: right;
  margin: 18px 70px 4px 0px;
}


a.bestellNachUnten  {
  float: right;
  display: inline;
  background-image: url(img/blackArrowDown.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 15px;
  margin-top: 10px;
  margin-bottom: 17px;
  text-align: right;
  color: #1654a9;
  font-weight: bold;
}






div#kontextHilfe {
  margin-bottom: 15px;
  width:200px;  
}

div#kontextHilfe2 {
    border-top: 1px dotted;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 744px;
}

div#jumpMessage {
  margin-top: 10px;
}

div#kontextHilfe h2 {
  font-size:22px;
  padding:6px 0px 15px 0px;
}

div#kontextHilfe2 h2 {
  font-size:22px;
  padding:6px 0px 15px 0px;
}


a.schnellHilfeHref {
  /* display: block; */ /* wegen brs in wikitexten */
  color: #3f3f3f;
}

a.schnellHilfeHref:hover {
  color: #ff7900;
}

div#kontextHilfe a.arrowHref {
  float: none;
  display: block;
  background-position: 0px 7px;
  padding: 2px 1px 2px 10px;
  font-weight: bold;
  text-decoration: underline;
}

div#kontextHilfe2 a.arrowHref {
  float: none;
  display: block;
  background-position: 0px 7px;
  padding: 2px 1px 2px 10px;
  font-weight: bold;
  text-decoration: underline;
}

div.bestellProzessHighlightBox .content fieldset {
  text-align: right;
  padding-right: 190px;
  line-height: 5px;
}

div.bestellProzessHighlightBox .content label {
  font-weight: bold;
}

#username, #password {
  border: 1px solid #666;
  width: 205px;
}

#loginSubmit {
  float: right;
  margin: 5px 5px 10px 0;
}

.liButtonBar {
  float: right;
}

div.sendBackButtonBar {
  float: none;
}

div.liButtonBar input.editSave {
  float: none;
  /* padding: 3px 10px; */
  margin: 20px 0px 10px;
  color: #2c2c2c;
}

div.liButtonBar a.sendBackButton:link, div.liButtonBar a.sendBackButton:active,
div.liButtonBar a.sendBackButton:hover, div.liButtonBar a.sendBackButton:visited {
  float: right;
  display: inline;
  padding: 0px 10px;
  margin: 15px 0px 15px 10px;
  color: #2c2c2c;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
}

div.liButtonBar input.editCancel,
div.liButtonBar a.editCancel:link, div.liButtonBar a.editCancel:active,
div.liButtonBar a.editCancel:hover, div.liButtonBar a.editCancel:visited {
  float: left;
  /* padding: 3px 10px; */
  margin-right: 10px;
  margin-left: 0px;
  color: #2c2c2c;
}

.zweitFarbButton, a.zweitFarbButton:active, a.zweitFarbButton:link, a.zweitFarbButton:hover, a.zweitFarbButton:visited,
input.zweitFarbButton {
  background-image: url(img/button2farbeSmall.gif);
  background-color: transparent;
  float: left;
  display: inline;
  height: 24px;
  line-height: 24px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: none;
  border-bottom: none;
  margin-left: 300px;
  margin-bottom: 10px;
  padding: 0 10px;
  font-weight: bold;
  color: #2c2c2c;
  text-decoration: none;
  text-align: center;
}

.liDisabled {
  background-image: url(img/buttonDisabledSmall.gif);
  background-color: transparent;
  float: left;
  display: inline;
  height: 24px;
  line-height: 24px;
  border-left: 1px solid #8e8e8e;
  border-right: 1px solid #8e8e8e;
  border-top: none;
  border-bottom: none;
  margin: 15px 0px;
  padding: 0 10px;
  font-weight: bold;
  color: #2c2c2c;
  text-decoration: none;
  text-align: center;
}


/* zu lange Download-Buttons

div#contentColumn div.liOrderTeaser input.mobidownload88 {
  width: 88px;
  padding: 4px 0px 0px;
  height: 20px;
} */


/* Download nicht verfuegbar-Button

input.mobidownload200 {
  width: 200px;
  padding: 4px 0px 0px;
  height: 20px;
} */

div.bestellProzessHighlightBox .content div.trennlinieHorizontal {
  background-image: url(img/backgroundDottedGrauAufGrau.gif);
  background-repeat: repeat-x;
  width: 700px;
  margin: 15px 0 20px 0;
}

div.bestellProzessH2 {
  float: left;
  display: inline;
  margin: 0px 1px 7px 0px;
}

div.bestellProzessH2 h2, .bestellProzessHighlightBox .content h2 {
  float: left;
  color: #3f3f3f;
  font-size: 15px;
  font-weight: bold;
}

div.bestellProzessH2 h2.underline {
  width: 450px;
  padding-bottom: 3px;
  border-bottom: 2px solid #666;
}

.step2 .bestellProzessHighlightBox .content, .step3 .bestellProzessHighlightBox .content {
  padding-left: 0px;
  width: 742px;
}

.step3 #gespeicherteKreditkarten .top {
  margin-top: 30px;
}

.step3 #gespeicherteKreditkarten .content {
  padding-left: 20px;
  width: 722px;
}

.step3 #gespeicherteKreditkarten .cardItem {
  background-image: url(img/backgroundCreditCard.gif);
  float: left;
  display: inline;
  width: 286px;
  height: 158px;
  padding: 0px 6px 0px 16px;
  margin: 15px 0px 5px 30px;
}
.step3 #gespeicherteKreditkarten .cardItem h3 {
  padding: 0;
  margin: 6px 0 3px 0;
}

.step3 #gespeicherteKreditkarten .cardItem span {
  float: left;
  width: 120px;
}

.step3 #gespeicherteKreditkarten .erstFarbe {
  float: left;
  padding: 0 10px;
  margin: 10px 0;
  cursor: pointer;
}

.step3 #gespeicherteKreditkarten a.select {
  width: 251px;
}

.step3 #gespeicherteKreditkarten a.delete {
  width: 85px;
}

.step3 #gespeicherteKreditkarten a.change {
  float: right;
  width: 85px;
}

.step2 .bestellProzessHighlightBox .content .trennlinieHorizontal,
.step3 .bestellProzessHighlightBox .content .trennlinieHorizontal {
  margin: 0 0 0 20px;
}

.step2 .bestellProzessHighlightBox .content .position,
.step3 .bestellProzessHighlightBox .content .position  {
  float: left;
  display: inline;
  position: relative; 
  width: 460px;
  margin-left: 50px;
  margin-bottom: 5px;
}

.step2 .bestellProzessHighlightBox .content .position {
  top: -10px;
}

.step3 .bestellProzessHighlightBox .content .position {
  top: -8px;
}

.step3 .bestellProzessHighlightBox .content .position label {
  font-size: 13px;
}

.step2 .bestellProzessHighlightBox .content .position:hover,
.step3 .bestellProzessHighlightBox .content .position:hover {
  background-color: #f4f4f4;
}

.step2 .radio, .step3 .radio {
  padding-bottom: 3px;
  width: 742px;
  margin: 0;
}

.radio a {
  color: #3f3f3f;
  text-decoration: none;
}

div.step2 div.bestellProzessH2 label,
div.step3 div.bestellProzessH2 label,
div.step3 div.bestellProzessH2 span.noLabel {
  float: left;
  display: inline;
  position: relative; top: -20px; /* -17px */
  /* margin-bottom: -180px;
  padding:0 0 185px 38px; */
  padding-left: 0;
  margin-left: 35px;
  width: 704px;
  font-size: 15px;
}

div.step2 div.bestellProzessH2 label {
  top: -17px;
  /* margin-bottom: -176px;
  padding:0 0 181px 38px; */
}

div.step2 div.bestellProzessH2 #abholungLang {
  margin-bottom: -347px;
  padding-bottom: 347px;
}

.bestellProzessBox #packstationHeading:hover {
  background-image: none;
}

#buchhandlungWaehlen {
  float: left;
  display: inline;
  position: relative;
  margin: 0 0 27px 21px;
  width: 365px;
  min-height: 281px;
    height: auto !important;
    height: 281px;
  padding: 10px 15px;
  background-color: #f4f4f4;
}

#buchhandlungWaehlen div.item {
  float: left;
}

#buchhandlungWaehlen input {
  position: relative; top: 7px;
  float: left;
  border: none;
}

#buchhandlungWaehlen label {
  float: left;
  display: inline;
  width: 350px;
  padding: 5px 0px 5px 33px;
  margin: 0 -15px 0 -28px;
  font-weight: normal;
}

#buchhandlungenSuchen {
  float: left;
  display: inline;
  position: relative;
  margin-left: 20px;
  width: 255px;
  padding: 10px 15px;
  background-color: #f4f4f4;
}

#buchhandlungenSuchen a.erstFarbe {
  display: block;
  width: 200px;
  margin: 15px auto 5px auto;
  cursor: pointer;
}

#buchhandlungWaehlen h3, #buchhandlungenSuchen h3 {
  margin-left: 0;
  font-size: 13px;
}

div#buchhandlungSuchseite {
  margin: 45px 10px 40px 35px;
  font-size: 13px;
}

div#buchhandlungSuchseite label {
  font-weight: bold;
}

div#buchhandlungSuchseite a.erstFarbe {
  display: block;
  width: 200px;
  margin: 7px 0 20px 0;
  cursor: pointer;
}

div.step3 div.bestellProzessH2 label {
  /* top: -16px;
  margin-bottom: -72px;
  padding:0 0 134px 38px; */
}

div.step3 div.bestellProzessH2 input.cardDefault {
  top: 20px;
}

div.step3 div.bestellProzessH2 label.cardDefault {
  margin-top: 5px;
  margin-left: 35px;
  /* margin-bottom: -85px;
  padding: 18px 0 91px 38px; */
  padding: 18px 0 0 0;
}

select#selectCard { width: 460px;}

div.step3 div.bestellProzessH2 label.creditCardEdit {
  margin-bottom: -215px;
  padding: 20px 0 225px 38px;
  top: -15px;
}

div.step3 div.bestellProzessH2 input#kreditkarte {
  top: 20px;
}

div.step3 div.bestellProzessH2 span.noLabel {
  margin-bottom: -220px;
  padding: 15px 0 230px 25px;
  font-weight: bold;
}

div.step3 div.bestellProzessH2 input.creditCardEdit {
  top: 1px;
}

.step3 .bestellProzessHighlightBox .content .bestellProzessArtikelItem {
  position: relative; top: -15px;
  margin-left: 20px; /* 11px */
  margin-bottom: -20px;
  width: 709px;
  line-height: 170%;
}

.step3 .bestellProzessHighlightBox .content .bestellProzessArtikelItem span {
  font-weight: normal;
}

.bestellProzessHighlightBox #lastschriftBearbeiten {
  position: relative; left: 15px;
  float: left;
  display: inline;
  padding: 0px 10px; /* 4px 10px 0 10px */
  height: 24px; /* 20px */
  margin: 10px 0 15px 20px;
}

div.step2 div.radio input, div.step3 div.radio input {
  margin-left: 20px;
  position: relative; left: -4px; top: 2px;
  border: none;
}

div.step2 div.radio label.short, div.step3 div.radio label.short {
  margin-top: 4px;
  padding-top: 22px;
  /* margin-bottom: -25px;
  padding-bottom:30px; */
}

div.step2 form#editAddressForm label#packstationHeading.short {
  float: left;
}

/* erstmal raus, da die hover nicht ganz stimmen
.bestellProzessHighlightBox .radio label:hover {
  background-image: url(img/hover.gif);
  background-repeat: no-repeat;
  background-position:34px top;
  background-color: transparent;
} */

div.step2 div.radio input.short, div.step3 div.radio input.short {
  top: 24px;
}

div.step2 div.firstOne label, div.step2 div.firstOne label.short, div.step3 div.firstOne label, div.step3 div.firstOne label.short {
  padding-top: 10px;
  /* margin-bottom: -19px;
  padding-bottom: 24px; */
}

div.step2 div.firstOne input, div.step2 div.firstOne input.short, div.step3 div.firstOne input, div.step3 div.firstOne input.short {
  top: 12px;
}

div.step3 div.radio span.normal {
  margin-left: 1px;
  font-size: 12px;
  font-weight: normal;
}

div.step2 div.radio span.subHeadline, div.step3 div.radio span.subHeadline {
  margin-left: 20px;
  font-size: 14px;
  font-weight: normal;
}

.step3 .gutschein .content .bestellProzessArtikelItem {
  top: 0;
  margin: 0 0 0 20px; /* 0 0 0 12px */
}

.step3 .gutschein .content .bestellProzessArtikelItem .top {
  top: 0;
  margin: 0;
}

.step3 .gutschein .content .bestellProzessH2 {
  padding-left: 25px;
  width: 705px;
}

.step3 .gutschein .content .bestellProzessH2 .formError li.liError {
  text-align: left;
}

.step3 .gutschein .content .bestellProzessH2 h2 {
  float: none;
}

.gutschein .content .gutscheinText {
  margin: 0 0 5px 30px;
}

div.bestellProzessHighlightBox h3 {
  margin-left: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #3f3f3f;
  padding-bottom: 5px;
}

div.bestellProzessHighlightBox div.position select {
  border: 1px solid #666;
  width: 460px;
}

div.bestellProzessHighlightBox div.position label {
  float: left;
  display: inline;
  font-size: 14px;
  padding-bottom: 5px;
}
  
.step3 div.bestellProzessHighlightBox .content div.creditCard  {
  background-color: #f4f4f4;
  top: -14px;
  padding: 6px 15px 7px 15px;
}

.headline, .bezahlart {
  padding-left: 38px;
}

.headline {
  font-size: 15px;
  font-weight: bold;
}

.bezahlart {
  font-size: 12px;
  font-weight: normal;
}
  
div.bestellProzessHighlightBox div.creditCard:hover  {
  background-color: #fff;
}
  
div.bestellProzessHighlightBox div.creditCard div.item {
  float: left;
  display: inline;
    margin: 5px 20px 5px 0px;
    font-size: 13px;
}

div.bestellProzessHighlightBox div.creditCard div.item label {
  float: none;
}

div.bestellProzessHighlightBox div.position #creditCardCompanyId {
  border: 1px solid #666;
  width: 150px;
}


div.bestellProzessHighlightBox div.creditCard #creditCardOwner {
  width: 360px;
}

div.bestellProzessHighlightBox div.creditCard #creditCardNumber {
  width: 180px;
}

div.bestellProzessHighlightBox div.creditCard #creditCardCvcNumber {
  width: 100px;
}

div.bestellProzessHighlightBox div.creditCard a#cvcInfo {
  float: right;
  width: auto; /* 126px */
  margin-top: 8px;
  font-weight: bold;
}

div.bestellProzessHighlightBox div.creditCard #creditCardValidMonth {
  width: 50px;
}

div.bestellProzessHighlightBox div.creditCard #creditCardValidYear {
  width: 70px;
}

div.bestellProzessHighlightBox div.creditCard .erstFarbe {
  width: 165px;
  margin-top: 10px;
  cursor: pointer;
}


div.bestellProzessHighlightBox a.anlegen, div.bestellProzessHighlightBox a.bearbeiten  {
  display: inline;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}

div.bestellProzessHighlightBox a.anlegen  {
  float: left;
}

div.bestellProzessHighlightBox a.bearbeiten  {
  float: right;
}
div.bestellProzessHighlightBox button.bearbeiten, div.bestellProzessHighlightBox input.bearbeiten  {
    float: right;
}
div.bestellProzessHighlightBox div.creditCard button.erstFarbe, div.bestellProzessHighlightBox div.creditCard input.erstFarbe  {
    width: 185px;
  cursor: pointer;
}

div.bestellProzessArtikelItem .left, div.bestellProzessArtikelItem .middle, div.bestellProzessArtikelItem .right {
  float: left;
  display: inline;
  width: 215px;
  margin-left: 5px;
  margin-right: 15px;
  font-size: 13px;
  font-weight: bold;
}


div.bestellProzessArtikelItem .kontodaten {
  float: left;
  display: inline;
  width: 215px;
  margin: 8px 10px 10px 15px;
  font-size: 13px;
  font-weight: bold;
}

div.bestellProzessArtikelItem .kontodaten input {
  margin-top: 7px;
  font-weight: normal;
}

.gutschein .top {
  margin-top: 15px;
}

.gutschein .kontodaten .erstFarbe{
  position: relative; top: 15px;
  padding: 0 10px;
  height: 24px;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
}

#gutschein_liste li {
  display: block;
}
#gutschein_liste p.liError {
  display: inline;
}

#step4 a.bestellungAbschicken {
  background-image: url(img/BeAbschicken.gif);
  background-repeat: no-repeat;
  float: right;
  display: inline;
  margin: 0px 18px 0px 11px;
  padding: 10px 0px 12px 26px;
  width: 194px;
  color: #3f3f3f;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}


#step4 a.bestellungAbschickenGrey {
  
  
  float: right;
  display: none;
  margin: 0px 18px 0px 11px;
  padding: 10px 0px 12px 26px;
  width: 194px;
  color: #ffffff;
  font-size: 0px;
  font-weight: bold;
  text-decoration: none;
  pointer-events: none;
     cursor: default;
  
}


#busy_animation_paypal_1 {
    color: #3F3F3F;
    float: right;
    font-size: 15px;
    font-weight: bold;
    margin: 0 18px 0 11px;
    padding: 10px 0 12px 26px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 194px;
}


#busy_animation_paypal_2 {
  float: right;
  text-align: center;
  position: relative;
  font-size: 15px;
  color: #3F3F3F;
  margin: 0px 18px 0px 11px;
  padding: 10px 0px 12px 26px;
  width: 194px;
  font-weight: bold;
  text-decoration: none;
}

#busy_animation2{
  float: right;
  text-align: center; 
  position: relative; 
  top: -15px; 
  font-size: 15px; 
  color: #3F3F3F;
  margin: 0px 18px 0px 11px;
  padding: 10px 0px 12px 26px;
  width: 194px;
  font-weight: bold;
  text-decoration: none;
}


#busy_animation3 {
  float: right;
  text-align: center;
  position: relative;
  top: -15px;
  font-size: 15px;
  color: #3F3F3F;
  margin: 0px 18px 0px 11px;
  padding: 10px 0px 12px 26px;
  width: 194px;
  font-weight: bold;
  text-decoration: none;
}




#step4 a#secondButton {
  margin-top: 12px;
}

#step4 a.erstFarbe {
  float: right;
  display: inline;
  padding: 0 10px;
  margin-right: 25px;
  margin-bottom: 10px;
  cursor: pointer;
}

#step4 .vertragspartner {
  margin: 0 0 5px 15px;
  font-size: 15px;
  font-weight: bold;
  color: #1654a9;
}

#step4 .geschenkInfo {
  float: right;
  display: inline;
  padding: 0 25px 3px 0;
}

#step4 .left, #step4 .middle, #step4 .right {
  float: left;
  display: inline;
  width: 250px;
}

#step4 div.bestellProzessHighlightBox .left h3, #step4 div.bestellProzessHighlightBox .right h3 {
  width: 190px;
}

#step4 .left {
  margin: 20px 15px 0px 10px;
}

#step4 .right {
  margin: 20px 0px 0px 15px;
}

#step4 .right input {
  border: none;
}

#step4 .abholung .right .bold {
  display: block;
  padding-top: 23px;
  font-size: 14px;
}

#step4 .abholung .left {
  width: 330px;
  margin: 20px 5px 0px 10px;
}

#step4 .abholung .right {
  width: 345px;
  margin: 20px 10px 0px 5px;
}

#step4 .floatLeft {
  padding-top: 10px;
  padding-bottom: 20px;
}

#step4 .left a.erstFarbe, #step4 .right a.erstFarbe {
  padding: 0 10px;
  float: left;
  cursor: pointer;
}

#step4 .trennlinieHorizontal {
  margin: 20px 0 30px 0;
}

#step4 div.bestellProzessHighlightBox h3 {
  margin-left: 0px;
  margin-bottom: 7px;
  width: 317px;
  border-bottom: 2px solid #666;
}

#step4 div.bestellProzessHighlightBox .bottom {
  margin-bottom: 20px;
}

#step4 div.bestellProzessHighlightBox .bestellProzessArtikelItem .bottom {
  margin-bottom: 2px;
}

#step4 .summeArtikel {
  float: right;
  display: inline;
  border-top: 3px double #3f3f3f;
  margin-top: 3px;
  padding-top: 3px;
}

#step4 .gesamtSummeArtikelRight .summeArtikel {
  float: left;
  margin-left: -10px;
  padding-left: 10px;
}

#step4 #gesamtSumme {
  margin: 0 15px 15px 15px;
  padding: 15px 0;
}

#step4 .gesamtSummeArtikelLeft {
  width: 270px;
  margin-left: 320px;
  margin-top: -10px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

#step4 .gesamtSummeArtikelRight {
  margin-top: -10px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 15px;
}

#step4 a.bestellProzessButtonLeft {
  margin-bottom: 30px;
}
  
  
.bestellprozessRightColumnBox .top {
  background-image: url(img/zweitfarbeShadowBoxTop.gif);
  background-repeat: no-repeat;
  width: 204px;
  /* margin-right: -4px; */ /* wegen abgeschnittenen rändern im IE */
  height: 11px;
  margin-top: 35px;
}
    
.bestellprozessRightColumnBox .bottom {
  background-image: url(img/zweitfarbeShadowBoxBottom.gif);
  background-repeat: no-repeat;
  width: 204px;
  /* margin-right: -4px; */ /* wegen abgeschnittenen rändern im IE */
  height: 14px;
  margin-bottom: 20px;
}
  
.bestellprozessRightColumnBox .content {
  background-image: url(img/zweitfarbeShadowBoxContent.gif);
  background-repeat: repeat-y;
  /* width: 179px; */ /* wegen abgeschnittenen rändern im IE */
  margin-right: -4px;
  padding: 0px 7px 10px 7px;
  font-size: 14px;
  font-weight: bold;
}
  
.bestellprozessRightColumnBox .content .erstFarbe{
  float: none;
  display: block;
  width: 80px;
  line-height: 24px;
  margin: 0px 0px 0px 50px;
  cursor: pointer;
}

.bestellprozessRightColumnBox .content input.erstFarbe{
  height: 24px;
  cursor: pointer;
}
  
.bestellprozessRightColumnBox .content h3 {
  font-size: 22px;
  color: #FF7900;
  margin-bottom: 10px;
}
  
.bestellprozessRightColumnBox .content input {
  margin-top: 5px;
}

#step5 {
  width: 958px;
  margin-left: 0px;
  text-align: left;
}

#step5 .bestellProzessH1 {
  padding-left: 0;
}    
  
#step5 .bestellProzessH1 h1 {
  padding-left: 0;
}    
  
#step5 .bestellProzessH1 #datum {
  float: right;
  display: inline;
  font-size: 13px;
  font-weight: bold;
  color: #3f3f3f;
}    

/* Tharuka Button Design */

.tharukaButton{
    background-image: url("img/button2farbeSmall.gif");
    border-color: -moz-use-text-color #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-style: none solid;
    border-width: medium 1px;
    color: #2C2C2C;
    display: inline;
    float: left;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;

}

.tharukadrucken, .tharukaJump {
  float: left;
  color: #000000;
  font-size: 12px;
  padding-bottom: 2px;
  width: 900px;
}


.tharukaThx{
  
   color: #1654A9;
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 2px;
  
  
}




#tharukaDatenschutz{
  
  font-size: 12px;

}

/* ENDE */
  


#step5 .bestellProzessH1 .zweitfarbe {
  font-size: 18px;
}    
  
#step5 a {
  font-weight: bold;
}

  
#step5 #bestellinformationen  {
  float: left;
  display: inline;
  width: 958px;
  margin-bottom: 25px;
}
    
#step5 #bestellinformationen h3 {
  width: 958px;
  border-bottom: 2px solid #666;
  font-size: 18px;
  margin: 20px 0 10px 0;
}
  
#step5 #bestellinformationen .left {
  float: left;
  display: inline;
  /* min-width: 150px;
  max-width: 250px; */
  width: 215px;
  margin: 0px 15px;
}
  
#step5 #bestellinformationen .middle {
  float: left;
  display: inline;
  width: 150px;
  margin: 0px 15px;
}
  
#step5 #bestellinformationen .right {
  float: right;
  display: inline;
  /* width: 560px; */
  margin: 0px 15px;
  font-size: 16px;
  text-align: right;
}
  
#step5 h2 {
  float: left;
  display: inline;
  width: 942px;
  background-color:#e8e8e8;
  border:1px solid #aeaeae;
  margin-top: 5px;
  margin-bottom: 25px;
  padding:7px;
  color:#3F3F3F;
  font-size:22px;
  text-align:center;
}
  
#step5 h2 .praemienpunkte {
  font-size: 15px;
}

#step5 #versand, #step5 #download, #step5 #abholung {
  float: left;
  position: relative;
  width: 926px;
  border: 1px solid #8F8F8F;
  padding: 17px 15px 10px 15px;
  margin-bottom: 30px;
}
  
#step5 #versand h3, #step5 #download h3, #step5 #abholung h3 {
  display: inline;
  position: relative; left: 15px; top: -29px;
  background-color: #fff;
  font-size: 18px;
  padding: 0 5px;
}
  
#step5 #versand .artikelListe, #step5 #download .artikelListe, #step5 #abholung .artikelListe {
  width: 926px;
  float: left;
  position: relative; top: -20px;
}

  
#step5 #versand .left, #step5 #download .left, #step5 #abholung .left, #step5 #rabatte .left {
  width: 790px;
  float: left;
  display: inline;
}

#step5 #bestellinformationen .rightleft {
  float: left;
  display: inline;
  text-align: right;
  width: 350px;
}
  
#step5 #versand .teilSumme, #step5 #download .teilSumme, #step5 #abholung .teilSumme {
  text-align: right;
  font-weight: bold;
  font-size: 15px;
  color: #1654A9;
}
  
#step5 #versand .versandKosten, #step5 #rabatte {
  text-align: right;
}

#step5 #rabatte {
  padding: 0px 15px 10px 15px;
  float: left;
  width: 926px;
}

#step5 #versand .right, #step5 #download .right, #step5 #abholung .right,
#step5 #rabatte .right, #step5 #bestellinformationen .rightright {
  width: 125px;
  float: right;;
  display: inline;
  text-align: right;
  font-weight: bold;
}

#step5 #versand #adresse, #step5 #download #adresse, #step5 #download #downloadInfo, #step5 #abholung #abholInfo {
  float: left;
  display: inline;
  width: 926px;
  margin: 10px 0;
  padding: 10px 0;
  border-top: 3px double #8F8F8F;
  border-bottom: 3px double #8F8F8F;
}

#step5 #versand #lieferAdresse, #step5 #versand #rechnungsAdresse, #step5 #download #rechnungsAdresse {
  float: left;
  display: inline;
  width: 200px;
  padding: 0px 15px;
}

#step5 #download #downloadInfo {
  color: #ff7900;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 15px;
  width: 896px;
}
  
#abholInfo #buchhandlung, #abholInfo #infoText {
  float: left;
  display: inline;
  width: 400px;
  padding: 0 15px;
}
  
#step5 .zweitFarbButton {
  width: 295px;
  padding-left: 0;
  padding-right: 0;
  margin: 5px 10px 25px 10px;
  background-color: #ff7900;
  
}

#passwortVergessenBox {
  font-size: 15px;
  font-weight: bold;
  margin: 0 15px;
}

#passwortVergessenBox label {
  margin-left: 180px;
}

#passwortVergessenBox h4 {
  margin-left: -15px;
}

#passwortVergessenBox input#passwortVergessen {
  width: 400px;
  height: 22px;
}

#passwortVergessenBox input {
  margin: 0;
  padding: 0;
}

#passwortVergessenBox .erstFarbe {
  float: left;
  display: inline;
  width: 111px;
  height: 24px;
  margin-top: 15px;
  margin-left: 615px;
  cursor: pointer;
}

div#logoBoxPrint img {
  display: none;
}  
  
@media print {
  /*
.selector, x:-moz-any-link, x:default {  } 

  html, body, 
  #bodyBackgroundForHeaderAndMain, 
  #bodyBackgroundForHeaderAndMain .inner,
  #posForHeader,
  #mainBox,
  #columnsBox , x:-moz-any-link, x:default {
  float: none  !important;
  overflow: visible !important;
  position: relative !important;
  
  }
  
   #contentColumn > div, .textblockList > div, #kategorieTeaserBottom, #Ava, #Ava > div,
   #rightColumn *, 
   #leftColumn * ,  x:-moz-any-link, x:default {
  float: none  !important;
  overflow: visible !important;
  position: relative !important;
  
  }
  
  */
  


  div#logoBox, div#logoBoxPrint,
  div#logoBox img, div#logoBoxPrint img {
    display: none;
  }  
  
  #headerBestellprozess5, #step5 .zweitFarbButton, #bodyBackgroundForFooterOhneSuche {
    display: none;
  }
  body , #bodyBackgroundForHeaderAndMain, #bodyBackgroundForFooter {
    background-image: none;
    background-color: #fff;
  }
  #headerBestellprozess5print {
    display: block;
    background-image: url(img/backgroundHeaderBestellprozess2.png);
    background-repeat: no-repeat;
    width: 988px;
    height: 141px;
    margin: 10px auto 0px auto;
    text-align: left;
  }
  #footerTop, #footerBottom {
    color: #3f3f3f;
  }
  #tharukaWrap, .tharukaJump, .tharukadrucken {
    display: none;
  }
}

#contentColumn .step2B6 {
  padding-left: 23px;
  margin-right: -1px;
  width: 733px;
}

.step2B6 h2 {
  font-size: 15px;
  font-weight: bold;
  color: #3f3f3f;
  padding-left: 0px;
}

.step2B6 br {
  letter-spacing: 0;
}

.step2B6 .radio  {
  font-size: 14px;
}

.step2B6 input, .step2B6 select, .step2B6 option {
  color: #3f3f3f;
  font-family: verdana, sans serif;
}

.step2B6 .radio input {
  border: none;
}

.step2B6 div.item {
  float: left;
  display: inline;
    margin: 5px 20px 5px 0px;
}

.step2B6 div.item img {
  display: inline-block;
}

.step2B6 .required {
  background-image: url(img/formIconPflichtfeld.gif);
  background-repeat: no-repeat;
  background-position: right 2px;
  background-color: transparent;
  padding-right: 9px;
}
.step2B6 span.required {
  float: right;
  display: inline;
  background-position: left 6px;
  padding: 5px 47px 0px 10px;
  font-size: 14px;
}

.step2B6 #vorname, .step2B6 #nachname, .step2B6 #firmenname, 
.step2B6 #adressZusatz, .step2B6 #strasse, 
.step2B6 #postnummer, .step2B6 #packstationsnummer, 
.step2B6 #telefon, .step2B6 #fax, .step2B6 #mobil {
  width: 335px;
}

.step2B6 #anrede {
  width: 70px;
} 
.step2B6 #land {
  width: 338px; /* 335px */
} 

.step2B6 #hausnummer {
  width: 85px;
}

.step2B6 #plz {
  width: 80px;
}

.step2B6 #ort {
  width: 235px;
}

.step2B6 a.zweitFarbButton:active, .step2B6 a.zweitFarbButton:link, 
.step2B6 a.zweitFarbButton:hover, .step2B6 a.zweitFarbButton:visited {
  width: 160px;
  height: 24px;
  line-height: 24px;
  font-size: 13px;
  padding: 0;
  margin: 20px 0 10px 0;
  margin-left: 0;
}

.step2B6 input.zweitFarbButton {
  float: right;
  display: inline;
  width: 170px;
  height: 24px;
  font-size: 13px;
  padding: 0;
  margin: 20px 43px 10px 0;
  border: none;
}

.step2B6 input[readonly] {
  background-color: #dedede;
  border-color: #999;
  color: #666;
}

/* Start Contentbereich im Konto */

.headerSubText {
  padding: 6px 1px 7px 0px;
}

p.liLicence {
  padding-top: 10px;
}

.liState {
  color: #666666;
  display: block;
  float: left;
  font-size: 10px;
  padding-top: 29px;
  width: 180px;
}


div.liOrderTeaser a.bereitstellen, div.liOrderTeaser a.bereitstellen:hover, div.liOrderTeaser a.bereitstellen:active,
div.liOrderTeaser a.bereitstellen:link, div.liOrderTeaser a.bereitstellen:visited,
div.liOrderTeaser input.bereitstellen {
  margin: 20px 5px 20px 0px; /* right für abstand zu listate-text */
}

/* Ende Contentbereich im Konto */


/* Start Formularfelder im Kontobereich */

.contentAccountForms {
  padding: 5px 0px;
}

.contentAccountForms br {
  letter-spacing: 0;
}

.contentAccountForms .radio  {
  font-size: 14px;
}

.contentAccountForms .radio input, .contentAccountForms input.liRadio, .contentAccountForms .liNewsCheck {
  border: none;
  margin-top: 3px;
}

.liNewsSpan .liNewsCheck {
  border: none;
  margin-top: 10px;
}

input#allowServiceLogin.liCheckbox {
  border: none;
}

.contentAccountForms span.anmeldeSubtext {
  font-size: 11px;
  float: left;
}

.contentAccountForms span.liNewsSpan {
  text-align: left;
  width: 303px;
  float: none;
  display: block;
}

.contentAccountForms div.item {
   float: left;
  display: inline; 
  width: 510px;
    margin: 5px 10px 5px 0px;
}

.contentAccountForms .required {
  background-image: url(img/formIconPflichtfeld.gif);
  background-repeat: no-repeat;
  background-position: right 2px;
  background-color: transparent;
  padding-right: 9px;
}

.contentAccountForms span.required {
  float: right;
  display: inline;
  background-position: left 1px;
  padding: 0px 10px 0px 10px;
  font-size: 14px;
  margin: 0px 0px 5px;
}

.contentAccountForms input.liTextField {
  width: 250px;
}

#accountCreateForm input.liTextField {
  width: 300px;
}

.contentAccountForms span {
  float: right;
  display: inline;
  /* width: 255px; */
}

.contentAccountForms span.formErrorAccount, .contentAccountForms span.formError {
  float: left;
  display: block;
  width: 520px;
}

.contentAccountForms label {
  float: left;
  display: inline;
}

input.contentAccountForms {
  width: 250px;
}

.contentAccountForms #hausnummer, .contentAccountForms #plz, .contentAccountForms #ort,
.contentAccountForms #titel, .contentAccountForms #vorname, .contentAccountForms #nachname, .contentAccountForms #firmenname, 
.contentAccountForms #adressZusatz, .contentAccountForms #strasse, .contentAccountForms #postnummer, .contentAccountForms #packstationsnummer, 
.contentAccountForms #telefon, .contentAccountForms #fax, .contentAccountForms #mobil,
.contentAccountForms #username, .contentAccountForms #repeatedUsername, .contentAccountForms #mailaddress,
.contentAccountForms #password, .contentAccountForms #oldPassword, .contentAccountForms #newPassword, .contentAccountForms #repeatedNewPassword {
  width: 250px;
}

.contentAccountForms select { /* entspricht anrede wird aber im jsp unter der id="salutation" generiert */
  width: 254px;
}

#accountCreateForm select {
  width: 303px;
}

.contentAccountForms #liBirthMonth {
  width: 50px;
}

.contentAccountForms #liBirthYear {
  width: 65px;
}

.contentAccountForms #liCVC {
  width: 50px;
}

.contentAccountForms input[readonly] {
  background-color: #dedede;
  border-color: #999;
  color: #666;
}

/* Ende Formular-Felder fuer Kontobereich */


/* Start Formular Konto einrichten */

/* #accountCreateForm div.item div.labelWidth200 {
  width: 200px;
  display: block;
} */

#accountCreateForm div.liButtonBar {
  float: left;
  width: 520px;
}

#accountCreateForm div.liButtonBar input.zweitFarbButton, 
#accountCreateForm div.liButtonBar a.zweitFarbButton {
  margin: 15px 10px 15px 10px;
}

#accountCreateForm div.liButtonBar input.zweitFarbButton {
  float: right;
}

div.liNewsInfo {
  margin: 10px 0px;
}

/* Ende Formular Konto einrichten */


#geschenkServiceBox {
  font-size: 13px;
  padding: 5px 15px 15px 15px;
}

#geschenkServiceBox .item input {
  position: relative; top: -22px;
}

#geschenkServiceBox h3 {
  color: #3f3f3f;
  font-size: 15px;
  font-weight: bold;
}

#geschenkServiceBox .item {
  float: left;
  display: inline;
  margin-left: 24px;
  margin-right: 14px;
}

#geschenkServiceBox .item img {
  padding-left: 5px;
}

#geschenkServiceBox .item a, #geschenkServiceBox #geschenkpapier a {
  display: block;
  background-image: url(img/plus.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  padding-left: 16px;
  padding-bottom: 5px;
  margin-left: 18px;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
}

#geschenkServiceBox .item a:hover, #geschenkServiceBox #geschenkpapier a:hover {
  background-image: url(img/plusOrange.gif);
}

#geschenkServiceBox .item input {
  border: none;
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
}

#geschenkServiceBox #geschenkpapier a {
  margin-left: 0;
}

#geschenkpapier {
  float: left;
  display: inline;
  margin: 30px 0 20px 50px;
}

#geschenkpapier img {
  margin-top: 5px;
}

#grussTextWrap {
  float: left;
  display: inline;
  width: 600px;
  margin: 30px 0 20px 49px;
}

#grussTextWrap label {
  display: block;
}

#grussTextWrap input {
  float: right;
  margin-top: -10px;
}

#geschenkServiceBox textarea {
  display: block;
  width: 598px;
  margin-top: 3px;
  border: 1px solid #666;
}

#geschenkServiceBox a.arrowHref {
  background-position: 0px 6px;
}

#geschenkServiceHinweis {
    font-size: 11px;
    float: left;
}


#agb {
  background-color: #fff;
  padding: 30px;
}

#agb h1 {
  font-size: 30px;
  color: #3f3f3f;
}

#agb .bestellProzessButtonLeft {
    width: 100px;
}

#agb .bestellProzessButtonRight {
    width: 100px;
}


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


/***********************************************
Start Artikellisten
***********************************************/


.produktliste .item {
  background-image: url(img/bestsellerItem.gif);
  background-repeat: repeat-y;
  float: left;
  width: 520px;
}

#produktKategorieListe .item, #suchErgebnisse .item {
  background-image: none;
}

.suchergebnisSeite .summary ul {
  display: block;
  margin-bottom: 5px;
}

.suchergebnisSeite .summary li {
  background-image: url(img/greyArrow.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding: 0 10px;
  line-height: 16px;

}

.suchergebnisSeite .summary p.hint {
  display: block;
  margin-bottom: 5px;
  width: 520px;

}

.suchergebnisSeite .summary .RemoveAllFilters {
  float: right;
  display: inline;
  margin-right: 5px;
  font-weight: bold;
}

.produktliste .item:hover {
  background-color: #f9f9f9;
}


.produktliste .item .bild {
    float: left;
    display: inline;
    width: 80px;
    margin: 9px 8px 9px 0;
}
.produktliste .item .coverImg {
    float: left;
    position: relative;
}
.produktliste .item .eBookStickerSmall  {
    position: absolute;
    right: -15px;
    top: 5px;
    width: 36px;
    height: 31px;
    background-image:url("img/stickerEbookSmall.png");
    background-repeat:no-repeat;
}









.produktliste .item .nummer {
  background-image: url(img/bestsellerNummer.png);
  background-repeat: no-repeat;
  float: left;
  display: inline;
  width: 29px;
  margin: 0 8px 0 0;
  padding: 35px 0 0 1px;
  font-size: 18px;
  color: #1654a9;
  text-align: center;
  letter-spacing: -2px;
}

.produktliste .item .text {
  float: left;
  display: inline;
  width: 256px;
  margin: 8px 0px;
}

#praemienliste .item .text {
  width: 275px;
}

#reviewliste .item, #praemienliste .item {
  background-image: none;
}

#reviewliste .item .text {
  width: 425px;
}

#reviewliste .item .text ul li {
  display: block;
}

#produktKategorieListe .item .text {
  width: 282px;
}

#suchErgebnisse .item .text {
  width: 282px;
}

.produktliste .item .artikelPreis {
  float: left;
  display: inline;
  width: 128px;
  margin: 7px 0 7px 10px;
  position: relative;
}
.produktliste .item .artikelPreis .price-label-with-order-button {
  margin: 0;
}

#produktKategorieListe .item .artikelPreis {
  width: 136px;
}

#suchErgebnisse .item .artikelPreis {
  width: 136px;
}

.suchergebnisSeite h2 {
  font-size: 18px;
  padding-left: 0;
}

.suchergebnisSeite .arrowHref {
  font-weight: bold;
}

.suchergebnisSeite a.erstFarbe {
  display:block;
  line-height:24px;
  margin:25px auto 0;
  width: 220px;
  cursor: pointer;
}



  
#wishlistShow .item .artikelPreis, 
#bookmarkList .item .artikelPreis {
  width: 140px;
}

#wishlistShow .item .artikelPreis .price-label-with-order-button, 
#bookmarkList .item .artikelPreis .price-label-with-order-button{
  margin: 0;
  width: 140px;
}
#wishlistShow .item .artikelPreis .statt_preis, 
#bookmarkList .item .artikelPreis .statt_preis {
  width: 94px;
}




#noSuchArticle a.left, #noSuchArticle a.right {
  float: left;
  display: inline;
  width: auto;
  margin: 30px 0 0 70px;
  padding: 0 10px;
  line-height:24px;
}

#noSuchArticle h3.wiki {
  margin: 70px 0 0 60px;
}

#noSuchArticle a.left {
  float: left;
  margin: 30px 0 0 60px;
}

#noSuchArticle a.right {
  float: right;
  margin: 30px 60px 0 0;
}

.produktliste .item .artikelPreis .preis {
  font-size: 13px;
  text-align: right;
}

.produktliste .item .artikelPreis .orderButtonXS {
  background-image: url(img/inDenWarenkorbXS.png);
  background-repeat: no-repeat;
  float: right;
  display: inline;
  width: 34px;
  height: 24px;
  margin: 0 0 3px 2px;
  cursor: pointer;
}

.produktliste .item .artikelPreis .aboGebrauchtHref {
  float: right;
  display: inline;
  margin-top: 4px;
  text-align: right;
}

.produktliste .item .text .author {
  display: block;
  margin: 0;
  font-size: 12px;
  line-height: 12px;
  color: #3f3f3f;
}

.produktliste .item .text .titel {
  display: block;
  margin: 3px 0 11px 0;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
}

.produktliste .item .text .bewertung {
  display: block;
  height: 12px;
  margin: 2px 0 3px 0;
  letter-spacing: -1px;
}

.produktliste .item .text .bewertung img {
  float: left;
  display: inline;
}

.produktliste .item .text .lieferbar {
  display: block;
  font-size: 11px;
}

.produktliste .item .text .format {
  display: block;
  margin: 5px 0 3px 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
}

.pager {
  position: relative;
  background-image: url(img/backgroundPager3.png);
  background-repeat: no-repeat;
  float: left;
  width: 515px;
  height: 23px;
  padding: 5px 0 0 5px;
  color: #1654a9;
  word-spacing: 10px;
  font-weight: bold;
  font-size: 13px;
}

#bottomPager, #topCenterPager {
  position: relative; top: -1px;
  width: 365px;
  padding-left: 155px;
}

.pager span {
  float: left;
  display: inline;
  padding: 0 3px;
  letter-spacing: -1px;
}

.pager a {
  float: left;
  display: inline;
  padding: 0 3px;
  text-decoration: underline;
  letter-spacing: -1px;
}

.pager .pagerArrow {
  background-image: url(img/blueArrowBack.gif);
  background-repeat: no-repeat;
  width: 8px;
  height: 17px;
  text-decoration: none;
}

.pager .zurueck {
  background-image: url(img/blueArrowBack.gif);
  background-position: 7px 6px;
  padding: 0 2px 0 5px;
}

.pager a.zurueck:hover {
  background-image: url(img/orangeArrowBack.gif);
}

.pager .vor {
  background-image: url(img/blueArrow.gif);
  background-position: 6px 6px;
  padding: 0 6px 0 2px;
}

.pager a.vor:hover {
  background-image: url(img/orangeArrow.gif);
}

.pager select {
  position: absolute; right: 6px;
  float: right;
  display: inline;
  width: 157px; 
  /* (da im IE zu schmal) nein width muss drin bleiben, da sonst 5stellige Suchergebnisse (und solche gibts) nicht mehr passen */
  font-weight: normal;
  font-size: 12px;
  border: 1px solid #666;
  letter-spacing: -1px;
  word-spacing: 0;
}



/***********************************************
Ende Artikellisten
***********************************************/


/***********************************************
Start erweiterte Suche
***********************************************/

#erweiterteSuche {
  margin-left: 10px;
}

#erweiterteSuche h2 {
  text-align: center;
}

#erweiterteSuche .formSpacer {
  height: 10px;
}

#erweiterteSuche label {
  float: left;
  display: inline;
  width: 340px;
  margin-right: 20px;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
}

#erweiterteSuche input, #erweiterteSuche select {
  float: left;
  display: inline;
  width: 330px;
  margin-bottom: 1px;
}

#erweiterteSuche select {
  width: 334px;
}

#erweiterteSuche .miniHelp {
  float: left;
  display: inline;
  width: 330px;
  margin: 0 0 3px 360px;
  font-size: 11px;
}

#erweiterteSuche #withUsedVariantsOnly {
  border: none;
  width: auto;
}

#erweiterteSuche #peopleIndexButton {
  border: none;
  width: auto;
  margin-left: 360px;
}

#erweiterteSuche #peopleIndexLabel {
  float: left;
  display: inline;
  width: 300px;
  margin-left: 5px;
  text-align: left;
  color: #1654a9;
  font-weight: bold;
  font-size: 12px;
  text-decoration: underline;
}

#erweiterteSuche #peopleIndexLabel:hover {
  color: #ff7900;
}

#erweiterteSuche .showIndexList {
  background-image: url(img/katSucheBottom.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  float: left;
  display: inline;
  width: 200px;
  margin: 6px 0 8px 427px;
  padding-bottom: 9px;
}

#erweiterteSuche .showIndexList .content {
  background-image: url(img/ksuch2.gif);
  background-repeat: no-repeat;
  float: left;
  display: inline;
  width: 176px;
  padding: 7px 12px 0 12px;
}

#erweiterteSuche .showIndexList h5 {
  font-size: 13px;
  margin-bottom: 5px;
}

#erweiterteSuche .showIndexList .zurueck {
  background-image: url(img/blueArrowBack.gif);
  background-repeat: no-repeat;
  background-position: 0 6px;
  float: left;
  display: inline;
  padding-left: 7px;
  margin-top: 7px;
}

#erweiterteSuche .showIndexList .zurueck:hover {
  background-image: url(img/orangeArrowBack.gif);
}

#erweiterteSuche .showIndexList .vor {
  background-image: url(img/blueArrow.gif);
  background-repeat: no-repeat;
  background-position: right 6px;
  float: right;
  display: inline;
  padding-right: 7px;
  margin-top: 7px;
}

#erweiterteSuche .showIndexList .vor:hover {
  background-image: url(img/orangeArrow.gif);
}

#erweiterteSuche input#minPrice, #erweiterteSuche input#maxPrice {
  width: 110px;
}

#erweiterteSuche label#maxPriceLabel {
  width: auto;
  margin: 0 7px 0 0;
  font-weight: normal;
  text-align: center;
}

#erweiterteSuche span.currency {
  float: left;
  display: inline;
  padding: 0 7px;
  font-size: 13px;
}

#erweiterteSuche .zweitFarbButtonBig {
  float: none;
  display: block;
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #E57000;
  border-right: 1px solid #E57000;
  width: 150px;
  margin: 25px 0 20px 452px;
}

#suchTipps {
  margin-bottom: 20px;
}

#kontextHilfe h3.leftContentHeading {
  margin-top: 15px;
}

#kontextHilfe2 h3.leftContentHeading {
  margin-top: 15px;
}

/***********************************************
Ende erweiterte Suche
***********************************************/


/***********************************************
Start AVA
***********************************************/


div#Ava {
  margin-left: 5px;
}

div#AvaHauptInfo {
  float: left;
  width: 750px;
  margin-top: 30px;
  margin-bottom: 32px;
}

div#AvaHauptInfoImg {
  float: left;
  display: inline;
  width: 145px;
  margin-right: 15px;
}

div#AvaHauptInfoImg img {
  margin-bottom: 5px;
}


div#AvaHauptInfoImgBooktwoLook {
  float: left;
  display: inline;
  width: 221px;
  margin: 0 11px 0 0;
}

div#AvaHauptInfoImgFlash {
  float: left;
  display: inline;
  width: 200px;
  margin: 0 15px 0 0;
}

#posForPortofreiSticker{
  float: left;
  position: relative;
}

div#portofreiSticker, div#downloadSticker, div#eBookSticker  {
  background-repeat:no-repeat;
  width:42px;
  height:44px;
  position:absolute;
}
div#portofreiSticker {
  background-image:url("img/header-portofrei-06.png");
}
div#downloadSticker {
    background-image:url("img/stickerDownload.png");
}
div#eBookSticker {
    background-image:url("img/stickerEbookAva.png");
}

.posBook2LookSticker   div#portofreiSticker, 
.posBook2LookSticker    div#downloadSticker,  
.posBook2LookSticker    div#eBookSticker   {top:  15px; right:-11px;}

.posFlashSticker     div#portofreiSticker, 
.posFlashSticker        div#downloadSticker,   
.posFlashSticker        div#eBookSticker     {top:  55px; right:-15px;}

.posNormalSticker     div#portofreiSticker, 
.posNormalSticker       div#downloadSticker,    
.posNormalSticker       div#eBookSticker     {top:   5px; right:-15px;}

div#rabattSticker  {
  background-image:url("img/stickerProzent.png");
  background-repeat:no-repeat;
  width:42px;
  height:44px;
  position:absolute;
}

.posBook2LookSticker   div#rabattSticker      {top:  55px; right: -20px;;}
.posFlashSticker     div#rabattSticker     {top:  95px; right: -23px;}
.posNormalSticker     div#rabattSticker     {top:  45px; right: -23px;}


div#AvaHauptInfoImgBooktwoLook object {
  margin-bottom: 5px;
}

div#AvaHauptInfoImgFlash object {
  margin-bottom: 5px;
}

div#AvaHauptInfoImg a.arrowHref, div#AvaHauptInfoImgBooktwoLook a.arrowHref,div#AvaHauptInfoImgFlash a.arrowHref{
  float: none;
  display: block;
  background-position: 0px 4px;
  margin-top: 3px;
  line-height: 13px;
}

div#AvaHauptInfoImg a.bildVergroessern,div#AvaHauptInfoImgBooktwoLook a.bildVergroessern, div#AvaHauptInfoImgFlash a.bildVergroessern{
  float: left;
  display: inline;
  background-image: url(img/plus.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 17px;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
}

div#AvaHauptInfoImg a.bildVergroessern:hover, div#AvaHauptInfoImgBooktwoLook a.bildVergroessern:hover, div#AvaHauptInfoImgFlash a.bildVergroessern:hover{
  background-image: url(img/plusOrange.gif);
}

div#AvaHauptInfoImg a.erstFarbeSmall, div#AvaHauptInfoImgBooktwoLook a.erstFarbeSmall, div#AvaHauptInfoImgFlash  a.erstFarbeSmall{
  float: left;
  display: inline;
  width: 100px;
  margin: 6px 0px 5px 18px;
  cursor: pointer;
}

div#AvaHauptInfoTitel {
  float: left;
  display: inline;
  width: 305px;
}

div#AvaHauptInfoTitelBooktwoLook {
  float: left;
  display: inline;
  width: 250px;
}

div#AvaHauptInfoTitelFlash {
  float: left;
  display: inline;
  width: 270px;
}

.avaLink {
  background-image: url(img/greyArrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 10px;
  float: left;
  display: inline;
}

div#AvaHauptInfoTitel h2.AvaHeading, div#AvaHauptInfoTitelFlash h2.AvaHeading, 
div#AvaHauptInfoTitelBooktwoLook h2.AvaHeading {
  margin: 0px 0px 11px 0px;
  padding: 0px;
  font-size: 19px;
  color: #3F3F3F;
  font-weight: bold;
  line-height: 22px;
}

div#AvaHauptInfoTitel h2.AvaHeading {
  width: 305px;
}

div#AvaHauptInfoTitelFlash h2.AvaHeading {
  width: 253px;
}

div#AvaHauptInfoTitelBooktwoLook h2.AvaHeading {
  width: 228px;
}

h2.AvaHeading a {
  display: block;
  margin: 0px 0px 3px 0px;
  padding: 0px;
  font-size: 15px;
  line-height: 18px;
}

div#AvaHauptInfoPreis {
  position: relative;
  float: right;
  display: inline;
  width: 260px;
  font-weight: bold;
  margin-top: 10px;
  background-color: #FFFFFF;
}

#avaLayerPopup {
  background-image: url(img/AvaPopUp1.png);
  background-repeat: no-repeat;
  position: absolute; bottom: 80px; left: 61px;
  width: 166px;
  height: 90px;
  padding: 10px 30px 5px 12px;
  opacity: 0.9;
  color: #4F4F4F;
  display: none;
}

#avaLayerPopup a {
  background-image: url(img/closeIcon.gif);
  background-repeat: no-repeat;
  background-position: 70px 2px;
  display: block;
  padding: 0px 0px 22px 90px;
  color: #FFFFFF;
}

div#AvaHauptInfoPreisTop {
  float: left;
  width: 255px;
  background-image: url(img/backgroundJetztKaufenTop.png);
  background-repeat: no-repeat;
  height: 15px;
}

div#AvaHauptInfoPreisContent {
  float: left;
  width: 235px;
  background-image: url(img/backgroundJetztKaufenContent.gif);
  background-repeat: repeat-y;
  padding: 0px 10px 0px 10px;
  font-size: 11px;
}

div#AvaHauptInfoPreisBottom {
  float: left;
  width: 255px;
  background-image: url(img/backgroundJetztKaufenBottom.png);
  background-repeat: no-repeat;
  height: 15px;
}

div#AvaHauptInfoPreisJetztKaufen {
  background-image: url(img/small-4.png);
  background-repeat: no-repeat;
  position: relative;
  top: -30px;
  left: 10px;
  background-color: #fff;
  width: 114px;
  height: 24px;
  padding: 6px 0px 5px 9px;
  color: #ff7900;
  font-size: 15px;
}

/********************************************
Ava Neu Start
********************************************/

.abschnitt {
  display: block;
  margin: 8px 0;
}

div#AvaHauptInfoTitel .formatNeu, div#AvaHauptInfoTitelFlash .formatNeu, div#AvaHauptInfoTitelBooktwoLook .formatNeu {
  font-weight: bold;
  font-size: 14px;
}
div#hoerprobe {
  /*padding-top:170px;*/
}

div#hoerprobe object {
  float: left;
  padding-right: 7px;
}

div#hoerprobe span, div#hoerprobe a  {
  position: absolute; left: -9000px;
}

div#hoerprobe span a {
  left: 9212px;
  float: left;
  padding-top: 11px;
  font-weight: bold;
}

#AvaHauptInfoTitelFlash div#hoerprobe span a {
  left: 9263px;
}

#AvaHauptInfoTitelBooktwoLook div#hoerprobe span a {
  left: 9285px;
}

div#getAsEbook {
    margin-top: 15px;
    margin-right: 10px;
    padding-top: 12px;
    border-top: 1px dotted #999;
}

div#AvaHauptInfoPreis div#bisherPreis {
  margin: -25px 0 -6px 0;
  padding-left: 20px;
  font-size: 11px;
  font-weight: normal;
}

div#AvaHauptInfoPreis div#preisRadio {
  float: left;
  margin: 5px 0 10px 0;
}

div#AvaHauptInfoPreis div#preisRadio input {
  float: left;
  display: inline;
  position: relative; top: 9px;
  margin-left: -2px;
  border: none;
}

div#AvaHauptInfoPreis div#preisRadio label {
  float: left;
  display: inline;
  width: 225px;
  margin: -10px -12px 0 0;
  padding: 14px 0 4px 4px;
  font-weight: normal;
  font-size: 18px;
  letter-spacing: -1px;
  word-spacing: -2px;
  overflow: visible;
}

div#AvaHauptInfoPreis div#preisRadio label span.preis {
  font-weight: bold;
  letter-spacing: -2px;
  display: inline;
  font-size: 18px;
}

div#AvaHauptInfoPreis div#preisRadio label span.preis span {
  font-size: 15px;
  position: relative; top: -3px;
}
.buchpreisbindungsHinweis {
  font-size: 8px;
}
div#AvaHauptInfoPreis span.sparen, div#AvaHauptInfoPreis span.lieferbarkeit {
  float: left;
  display: inline;
  margin-top: -2px;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0px;
  word-spacing: 0px;
}

div#AvaHauptInfoPreis span.lieferbarkeit {
  font-weight: bold;
  margin-top: 1px;
}

#versandInfoNeu {
  font-size: 12px;
  letter-spacing: -1px;
  word-spacing: 2px;  
  text-align: center;
}

div#avaBox {
  float: left;
  margin: 20px 0 15px 0px;
}
  
div#avaBoxMenu {
  float: left;
  display: inline;
  background-image: url(img/avaBox.gif);
  background-repeat: no-repeat;
  width: 735px;
  padding: 10px 0 10px 5px;
}
  
div#avaBoxContent {
  float: left;
  display: inline;
  width: 718px;
  padding: 10px;
  border: 1px solid #ccc;
  text-align: justify;
}

div#avaBoxMenu h3 {
  background-image: url(img/contentMenuSeparator.gif);
  background-repeat: no-repeat;
  background-position: right 2px;
  float: left;
  margin: 2px 0px 0px 8px;
  padding-right: 8px;
  font-size: 14px;
}
div#avaBoxMenu h3.lastOne {
  background-image: none;
}

div#avaBoxMenu a.active, div#avaBoxMenu a:active {
  color: #ff7900;
}

div#avaBoxMenu span.lastOne {
  background-image: none;
}

#aboGebraucht {
  width: 178px;
  height: 36px;
  margin: 8px 0 0 21px;
  padding: 6px 5px;
  color: #ff7900;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  background-image: url(img/backgroundAboGebraucht.gif);
}

#aboGebraucht .inner {
  margin: 0px auto;
  text-align: left;
}


/********************************************
Ava Neu Ende
********************************************/

div#AvaHauptInfoPreis div#preisVersandInfo {
  float: left;
  clear: both;
  width: 235px;
  font-weight: normal;
  margin-bottom: 8px;
  margin-top: -22px;
}

div#AvaHauptInfoPreis div#preisInfo {
  float: left;
  min-height: 51px;
    height: auto !important;
    height: 51px;
  max-width: 156px;
  border-right: 1px solid #666;
}

div#AvaHauptInfoPreis div#preisInfoDL {
  float: left;
}

div#AvaHauptInfoPreis div#preisInfo span.preis, div#AvaHauptInfoPreis div#preisInfoDL span.preis {
  display: block;
  width: 150px;
  font-size: 22px;
  font-weight: bold;
  padding-right: 3px;
  margin: 3px 0px 3px 0px;
  letter-spacing: -1px;
  word-spacing: -2px;
}

div#AvaHauptInfoPreis div#preisInfo span.preis span, span div#AvaHauptInfoPreis div#preisInfoDL span.preis span {
  font-size: 15px;
  position: relative; top: -7px;
}

div#AvaHauptInfoPreis .versandInfo {
  width: 76px;
  float: right;
  display: inline;
  font-weight: bold;
  font-size: 11px;
}

div#AvaHauptInfoPreis .versandInfo img {
  float: left;
  display: inline;
  padding-right: 5px;
  position: relative; top: 2px;
}

div#AvaHauptInfoPreis .lieferbarkeit div {
  float: right;
  display: inline;
  width: 61px;
}

div#AvaHauptInfoPreis .lieferbarkeit div span {
  letter-spacing: -1px;
}

div#AvaHauptInfoPreis .versandInfo div.lieferbarkeit {
  float: right;
  display: inline;
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-bottom: 1px dotted #999;
}

a#AvaInDenWarenkorb {
  display: block;
  background-image: url(img/warenkorbButton.gif);
  background-repeat: no-repeat;
  width: 150px;
  height: 24px;
  padding: 4px 1px 1px 35px;
  margin: 10px 1px 1px 21px;
  color: #2c2c2c;
  text-decoration: none;
  font-size: 14px;
}

div#AvaHauptInfoPreisContent .noBold {
  padding-left: 12px;
}

div#AvaKauftenAuch, div#AvaLieblingsListen {
  padding: 20px 0px;
  width: 743px;
  float: left;
}

div#AvaKauftenAuch a span.titel {
  color: #1654a9;
  text-decoration: underline;
}

div#AvaKauftenAuch a:hover span.titel {
  color: #ff7900;
}

div.AvaHeading div.trennlinieHorizontal {
  margin-top: 3px;
  margin-bottom: 15px;
  width: 735px;
}

div.AvaHeading h2, div.AvaHeading h3 {
  font-size: 16px;
  font-weight: bold;
  color: #3f3f3f;
}

div.AvaHeading .titel, div.AvaHeading .titel {
  color: #3f3f3f;
}


/* SocialPlugin (Facebook etc.) */
#socialshareprivacy {
    display: inline;
}

#AvaSocial .AvaHeading {
  float: left;
}

#AvaSocial .trennlinieHorizontal {
  height: 7px;
  margin-bottom: 0;
}


/* Empfehlungmaschine */
div.buchtab {
  float: left;
  display: inline;
  width: 237px;
  margin: 5px;
  line-height: 16px;
  text-align: center;
  padding-bottom: 15px;
}

div.buchtab a {
  text-decoration: none;
}

div.buchtab input {
  border: none;
}

div.buchtab .titel a {
  font-weight: bold;
}

div.buchtab .author {
  font-size: 11px;
}

div.buchtab .preis {
  font-size: 11px;
  font-weight: bold;
}

a.AvaNachOben  {
  float: right;
  display: inline;
  background-image: url(img/blueArrowUp.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 15px;
  margin-top: 10px;
  margin-bottom: 17px;
  text-align: right;
  color: #1654a9;
  font-weight: bold;
}

a.AvaNachOben:hover {
  background-image: url(img/orangeArrowUp.gif);
  color: #ff7900;
}

div#AvaProduktDetails {
  padding: 0px 0px 5px 0px;
  width: 738px;
  float: left;
}

div#AvaMehrEntdecken .column, div#AvaProduktdetails .column {
  float: left;
  display: inline;
}

div#AvaMehrEntdecken .left a, div#AvaProduktdetails .left a {
}

div#AvaMehrEntdecken .left, div#AvaProduktdetails .left {
  width: 240px;
  margin-left: 5px;
}

div#AvaMehrEntdecken .middle, div#AvaProduktdetails .middle {
  width: 224px;
  margin: 0 15px;
}

div#AvaMehrEntdecken .right, div#AvaProduktdetails .right {
  width: 232px;
  margin-right: 5px;
}

div#AvaProduktBeschreibung {
  padding: 0px 0px 5px 0px;
  width: 738px;
  float: left;
}

div#AvaProduktBeschreibungContent {
  padding-left: 10px;
  padding-top: 5px;
}

div#Ava h5 {
  color: #3f3f3f;
  font-weight: bold;
  font-size: 14px;
}

div#AvaBewertungen {
  padding: 0px 0px 20px 0px;
  width: 738px;
  float: left;
}

div#AvaBewertungenContent {
  margin-left: 10px;
}

div#AvaBewertungen a {
  font-weight: bold;
}

.bewertungVerfassenHref {
  padding: 4px 10px;
}

div#zumBewertungVerfassen {
  margin: 20px 0px;
}

div#bewertungVerfassen {
  display: none;
}

div#bewertungVerfassen .top {
  background-image: url(img/avaFormTop.gif);
  background-repeat: no-repeat;
  height: 8px;
}

div#bewertungVerfassen .content {
  background-image: url(img/avaFormContent.gif);
  background-repeat: repeat-y;
  padding: 0 15px;
}

div#bewertungVerfassen .bottom {
  background-image: url(img/avaFormBottom.gif);
  background-repeat: no-repeat;  
  height: 8px;
}

div#bewertungVerfassen div.AvaNachOben {
  margin-top: 25px;
}

div#bewertungVerfassen fieldset {
  border-top: 1px dotted #666;
  margin-top: 10px;
  padding-top: 25px;
}

div#bewertungVerfassen textarea {
  border: 1px solid #666;
}

div#bewertungVerfassen h5 {
  padding-top: 5px;
  font-weight: bold;
  font-size: 16px;
  color: #3f3f3f;
}

#bewertungenAnzeigen {
  text-align: justify;
}

div#bewertungVerfassen .AvaNachOben {
  margin-bottom: 0;
}

div#bewertungVerfassen .required {
  font-weight: bold;
}

div#bewertungVerfassen #ueberschrift,
div#bewertungVerfassen #bewertungstext,
div#bewertungVerfassen #eMail,
div#bewertungVerfassen #pseudonym {
  width: 560px;
  border: 1px solid #666;
}

div#bewertungVerfassen #counter {
  position: relative; left: 90px;
}

div#bewertungVerfassen .rightOne {
  margin-left: 60px;
}

div#bewertungVerfassen #captcha {
  float: left; 
  margin-right: 35px;
  width: 325px;
}

div#AvaBewertungenContent p.kundenBewertungPar {
  position: relative;
}

div#AvaBewertungenContent .rezIcons {
  float: right;
  margin-left: 15px;
}

div#AvaBewertungenContent .rezIcons img {
  padding: 0 2px;
}

div#AvaBewertungenContent span.bewertungsSterne {
  padding-right: 5px;
}

#AvaBod {
  border-top: 1px solid #666; 
  border-bottom: 1px solid #666; 
  padding: 10px 0px;
}

#leseprobePopup {
  margin: 0 60px 20px 60px;
  font-size: 13px;
  line-height: 20px;
  text-align: justify;
}

#leseprobePopup h2 {
  margin: 35px 0 20px 0;
  padding: 0;
}

#weiterempfehlenForm label {
  float: left;
  /* display: inline; */
  width: 150px;
  margin: 5px 15px 0 80px;
}

#weiterempfehlenForm.wishlistSendForm label {
  margin: 5px 10px 0 50px;
  width: 200px;
}

#weiterempfehlenForm input, #weiterempfehlenForm textarea {
  float: left;
  /* display: inline; */
  width: 400px;
  margin: 5px 0 0 0;
}

#weiterempfehlenForm textarea {
  margin: 5px 0 10px 0;
  border: 1px solid #666;
}

#weiterempfehlenForm .erstFarbe {
  /* float: left;
  display: inline; */
  width: 125px;
  cursor: pointer;
}

#weiterempfehlenForm input.erstFarbe, #wishlistSendSuccess input.erstFarbe {
  margin: 10px 0 0 379px;
  cursor: pointer;
}

#weiterempfehlenForm a.erstFarbe {
  margin: 10px 0 0 15px;
  cursor: pointer;
}


/***********************************************
Ende AVA
***********************************************/


/***********************************************
Start Abo und Gebraucht Shop
***********************************************/

#aboGebrauchtShop {
  width: 728px;
  margin-left: 10px;
}

#aboGebrauchtShop h3.topHeading {
  font-size: 22px;
  color: #ff7900;
  padding: 5px 0 15px 5px;
}

#aboGebrauchtShop #cover {
  float: left;
  display: inline;
  width: 100px;
  margin: 0 30px 20px 15px;
}

#aboGebrauchtShop #topText {
  float: left;
  display: inline;
  width: 450px;
  margin: 0 5px 20px 5px;
  font-size: 14px;
}

#aboGebrauchtShop #topText .produktdetails {
  font-size: 12px;
}

#aboGebrauchtShop h2 {
  display: inline;
  padding: 0;
  font-size: 14px;
  color: #3f3f3f;
}

#aboGebrauchtShop h2 a {
  font-weight: bold;
}


#aboGebrauchtShop .box  {
  width: 728px;
}

#aboGebrauchtShop .box  .top {
  float: left;
  background-image: url(img/avaFormTop.gif);
  background-repeat: no-repeat;
  width: 728px;
  height: 8px;
}

#aboGebrauchtShop .middle {
  float: left;
  background-image: url(img/avaFormContent.gif);
  background-repeat: repeat-y;
  width: 698px;
  padding: 0 15px;
}

#aboGebrauchtShop .bottom {
  float: left;
  background-image: url(img/avaFormBottom.gif);
  background-repeat: no-repeat;
  width: 728px;  
  height: 8px;
  margin-top: -1px;
}


#aboGebrauchtShop .middle #topLegend {
  float: left;
  display: inline;
  margin: 5px 0 10px 0;
  font-weight: bold;
  font-size: 13px;
}

#aboGebrauchtShop .middle #topLegend .preis {
  color: #3f3f3f;
}

#aboGebrauchtShop .middle .item {
  float: left;
  display: inline;
  margin: 10px 0;
}

#aboGebrauchtShop .middle .zustand {
  float: left;
  display: inline;
  width: 75px;
  padding-right: 15px;
}

#aboGebrauchtShop .middle .beschreibung {
  float: left;
  display: inline;
  width: 203px;
  padding-right: 10px;
}

#aboGebrauchtShop .middle .beschreibung .small {
  font-size: 11px;
}

#aboGebrauchtShop .middle .verfuegbarkeit {
  float: left;
  display: inline;
  width:115px;
  padding-right: 10px;
}

#aboGebrauchtShop .middle .preis {
  float: left;
  display: inline;
  width: 90px;
  font-weight: bold;
}

#aboGebrauchtShop .middle .orderButton {
  float: right;
  display: inline;
  width: 180px;
  margin: 0;
}

#aboGebrauchtShop .middle .orderButton .content {
  margin-left: 5px;
}

#aboGebrauchtShop .middle .trennlinieHorizontal {
  float: none;
  display: block;
  clear: both;
  width: 698px;
}

#aboGebrauchtShop #normalPreis {
  float: left;
  display: inline;
  width: 550px;
  margin: 10px;
  font-size: 13px;
}

#aboGebrauchtShop #normalPreis .durch {
  color: #ff7900;
  text-decoration: line-through;
}

#aboGebrauchtShop .arrowHref {
  float: left;
  margin: 10px 0 0 10px;
  background-position: left center;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}

#aboGebrauchtShop .middle .mini, #aboGebrauchtShop .middle .maxi {
  float: left;
  display: inline;
  width: 319px;
}

#aboGebrauchtShop .middle .mini {
  padding: 5px 50px 5px 10px;
}

#aboGebrauchtShop .middle #details .mini {
  padding: 5px 50px 20px 10px;
}

#aboGebrauchtShop .middle .maxi {
  padding: 5px 0 5px 0;
}

#aboGebrauchtShop .middle #details .maxi {
  padding: 5px 0 20px 0;
}

#aboGebrauchtShop .middle .mini .preis, #aboGebrauchtShop .middle .maxi .preis {
  text-align: left;
  font-weight: normal;
  float: none;
  width: auto;
}

#aboGebrauchtShop .middle #kurzInfo  {
  margin-top: 10px;
}

#aboGebrauchtShop .middle #kurzInfo .bold {
  display: block;
  font-size: 18px;
  font-weight: normal;
}

#aboGebrauchtShop .middle .mini .zweitFarbButton, #aboGebrauchtShop .middle .maxi .zweitFarbButton {
  margin: 0 0 10px 0;
}

#aboGebrauchtShop .middle h4 {
  font-size: 18px;
  color: #ff7900;
  margin-bottom: 5px;
}

#aboGebrauchtShop .middle .check .inner {
  background-image: url(img/orangeCheck.gif);
  background-repeat: no-repeat;
  padding: 5px 0 0 30px;
}

#aboGebrauchtShop .middle #mehrInfos .mini {
  padding: 5px 0 10px 40px;
  width: 290px;
}

#aboGebrauchtShop .middle #mehrInfos .maxi {
  padding: 5px 0 10px 79px;
  width: 280px;
}


/***********************************************
Ende Abo und Gebraucht Shop
***********************************************/



#mainBox {
  position: relative; top: 217px;
  width: 988px;
  margin: 0px auto;
}

.ohneSuche #mainBox {
  top: 151px;
}

#columnsBox {
  background-repeat: repeat-y;
  background-color: #fff;
  float: left;
  display: inline;
  width: 988px;
}

.dreispaltig #columnsBox {
  background-image: url(img/backgroundContent3.gif);
}

.zweispaltigContentLinks #columnsBox {
  background-image: url(img/backgroundContent2b.gif);
}

.zweispaltigContentRechts #columnsBox {
  background-image: url(img/backgroundContent2a.gif);
}

.einspaltig #columnsBox {
  background-image: url(img/backgroundContent1.gif);
}

.einspaltig #captchaImg {
  margin-left: 20px;
}

div#trennliniePaddingLeft,div#trennliniePaddingRight {
  background-color: #FFFFFF;
  height: 45px;
  width: 12px;
}

#contentColumn {
  position: relative;
  float: right;
  display: inline;
  text-align: left;
  min-height: 450px;
    height:auto !important;
    height: 450px;
    /* overflow: hidden; im IE6 bricht die Darstellung des Contents nach 450px ab */
}

h2 #contentColumn{
  
  
}

.einspaltig #contentColumn {
  width: 958px;
  margin: 0px 15px;
}

.dreispaltig #contentColumn { 
  left: -234px;
  width: 520px;
  margin: 0px 0px 0px -1px;
}

.zweispaltigContentLinks #contentColumn, .zweispaltigContentRechts #contentColumn {
  width: 745px;
  text-align: left;
}

.zweispaltigContentLinks #contentColumn {
  left: -235px;
}

.zweispaltigContentRechts #contentColumn {
  margin-right: 10px;
}

#rightColumn, #leftColumn {
  position: relative; 
  display: inline;
  width: 200px;
  text-align: left;
}

#rightColumn {
  float: right;
}

.dreispaltig #rightColumn {
  left: 509px;
}

.zweispaltigContentLinks #rightColumn {
  left: 735px;
}

#leftColumn {
  float: left;
  margin-left: 10px;
}

#mainBoxBottomBorder {
  background-image: url(img/backgroundContentBottomLine.png);
  background-repeat: no-repeat;
  height: 16px;
  width: 988px;
  float: left;
}

div#trennliniePaddingLeft {
  position: absolute;
  top: 0px;
  left: 206px;
}

div#trennliniePaddingRight {
  position: absolute;
  top: 0px;
  left: -17px;
}

div.trennlinieHorizontal {
  background-image: url(img/backgroundDottedHorizontal.gif);
  background-repeat: repeat-x;
  float: left;
  display: inline;
  width: 520px;
  height: 1px;
}

#bonusPageContent div.trennlinieHorizontal {
  margin: 15px 0;
}

div.trennlinieHorizontalSmall {
  background-image: url(img/backgroundDottedHorizontal.gif);
  background-repeat: repeat-x;
  /* float: left;
  display: inline; */
  width: 200px;
  height: 1px;
}

div.trennlinieHorizontalWikiFormular {
  background-image: url(img/backgroundDottedHorizontal.gif);
  background-repeat: repeat-x;
  float: left;
  display: inline;
  width: 100%;
  height: 1px;
}

img.contentImageNoTitle { /* Bild in Content-Spalte ohne Ãœberschrift */
  padding-top: 40px;
}

#bonusPageContent img.contentImageNoTitle {
  padding: 20px 0;
}

#bonusPageContent img.contentImageNoTitleTop {
  padding: 0 0 20px;
}

/***************************************************
 Start linke Spalte
 **************************************************/
 
.leftContentHeading, .rightContentHeading {
  font-size: 22px;
  text-decoration: none;
  display: block;
  padding: 6px 1px 7px 4px;
  color: #1654a9;
}

#stoebernHome .greyBoxContent .highlight a:active, 
#stoebernHome .greyBoxContent .highlight a:link, 
#stoebernHome .greyBoxContent .highlight a:visited,
#stoebernNotHome .greyBoxContent .highlight a:active, 
#stoebernNotHome .greyBoxContent .highlight a:link, 
#stoebernNotHome .greyBoxContent .highlight a:visited {
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  display: block;
  color: #1654a9;
  font-weight: normal;
}

#stoebernHome .greyBoxContent .highlight a:hover,
#stoebernNotHome .greyBoxContent .highlight a:hover {
  color: #ff7900;
  font-weight: normal;
}

#stoebernHome .greyBoxContent .arrowHref a:active, 
#stoebernHome .greyBoxContent .arrowHref a:link, 
#stoebernHome .greyBoxContent .arrowHref a:visited,
#stoebernNotHome .greyBoxContent .arrowHref a:active, 
#stoebernNotHome .greyBoxContent .arrowHref a:link, 
#stoebernNotHome .greyBoxContent .arrowHref a:visited {
  background-image: url(img/blueArrow.gif);
  text-decoration: none;
  background-repeat: no-repeat;
  float: none;
  display: block;
  margin-left: 10px;
  padding-left: 7px;
  background-position: 0px center;
  font-size: 13px;
}

#stoebernHome .greyBoxContent .activeNode a:active, 
#stoebernHome .greyBoxContent .activeNode a:link, 
#stoebernHome .greyBoxContent .activeNode a:visited,
#stoebernNotHome .greyBoxContent .activeNode a:active, 
#stoebernNotHome .greyBoxContent .activeNode a:link, 
#stoebernNotHome .greyBoxContent .activeNode a:visited {
  background-image: url(img/orangeArrow.gif);
  text-decoration: none;
  background-repeat: no-repeat;
  float: none;
  display: block;
  margin-left: 10px;
  padding-left: 7px;
  background-position: 0px center;
  font-size: 13px;
  color: #ff7900;
}

#stoebernHome .greyBoxContent .arrowHref a:hover,
#stoebernNotHome .greyBoxContent .arrowHref a:hover {
  background-image: url(img/orangeArrow.gif);
}

.greyBoxContent a.arrowHref {
  float: none;
  display: block;
}

.greyBoxContent ul li  {
  /* display: block; */
  margin: 0px 5px;
  padding: 4px 0 3px 0;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}

.greyBoxContent ul, .greyBoxContent ul li {
  display: block;
}

#leftColumn .greyBoxContent a:active, #leftColumn .greyBoxContent a:link, #leftColumn .greyBoxContent a:visited {
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  display: block;
  color: #1654a9;
}

#leftColumn .greyBoxContent a:hover {
  color: #ff7900;
}

.greyBoxContent em {
  font-style: normal;
}

.greyBox {
  width: 200px;
  margin-bottom: 20px;
}

.greyBoxTop {
  background-image: url(img/greyBoxTop.gif);
  background-repeat: no-repeat;
  width: 200px;
  height: 7px;
}

.greyBoxContent {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

#leftColumn .greyBoxContent {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding-left: 5px;
}

.greyBoxBottom {
  background-image: url(img/greyBoxBottom.gif);
  background-repeat: no-repeat;
  width: 200px;
  height: 7px;
}

#extrasBox {
  width: 200px;
  overflow: hidden;
  margin-bottom: 20px;
}

#extrasBox a.leftMenuItem {
  padding: 3px 1px 4px 0px;
  text-decoration: underline;
}

#extrasBox a.leftMenuItem:hover {
  font-weight: normal;
}

h2.suchTreffer {
  font-size: 18px;
  padding-bottom: 10px;
}

div.meintenSie, div.meintenSie a {
  color: #ff7900;
  font-size: 16px;
  margin: -3px 0 7px 0;
}

#trefferEinschraenken * {
  position: relative;
}

#trefferEinschraenken .top {
  background-image: url(img/trefferEinschraenkenHeading.png);
  background-repeat: no-repeat;
  margin-top: 38px;
}

#leftColumnBonus #trefferEinschraenken .top {
  margin-top: 0;
}

#leftColumnBonus .leftContentHeading {
  color: #FF7900;
}

#trefferEinschraenken .content {
  background-image: url(img/trefferEinschraenkenContent.gif);
  background-repeat: repeat-y;
  padding-top: 5px;
}

#trefferEinschraenken .bottom {
  background-image: url(img/trefferEinschraenkenBottom.png);
  background-repeat: repeat-y;
  height: 7px;
}

#leftColumnBonus #trefferEinschraenken .bottom {
  margin-bottom: 20px;
}

#trefferEinschraenken h3 {
  background-image: url(img/trefferEinschraenkenHeadingPfeil.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  color: #ff7900;
  font-size: 18px;
  padding: 10px  20px 22px 20px;
}

#trefferEinschraenken .item {
  background-image: url(img/trefferEinschraenkenItem.png);
  background-repeat: no-repeat;
  background-position: center 5px;
  padding: 10px 6px 9px 10px;
}

#trefferEinschraenken h4 {
  background-image: url(img/trefferEinschraenkenItemArrow.gif);
  background-repeat: no-repeat;
  background-position: left 5px;
  padding: 0 0 5px 17px;
  color: #3f3f3f;
  font-size: 14px;
}

#trefferEinschraenken ul {
  display: block;
  margin-left: 10px;
}

#trefferEinschraenken li a {
  background-image: url(img/blueArrow.gif);
}

#trefferEinschraenken li a:hover {
  background-image: url(img/orangeArrow.gif);
  text-decoration: underline;
}

#trefferEinschraenken li.active a {
  background-image: url(img/orangeArrow.gif);
  color: #ff7900;
}

#trefferEinschraenken li.path a {
  background-image: url(img/blueArrowDown.gif);
}

#trefferEinschraenken li.path a:hover {
  background-image: url(img/orangeArrowDown.gif);
}

#trefferEinschraenken li span {
    background-image: url(img/greyArrow.gif);
}

#trefferEinschraenken li a, #trefferEinschraenken li span  {
  float: none;
  display: block;
  background-repeat: no-repeat;
  background-position: 0px center;
  padding: 1px 0 1px 8px;
  font-size: 12px;
  text-decoration: none;
}

#trefferEinschraenken .leftMenuItem {
  color:#1654A9;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 1px 3px 5px;
  text-decoration: none;
}

#kategorieSuche {
  background-image: url(img/katSucheBottom.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 200px;
  padding-bottom: 12px;
  margin-top: 38px;
  margin-bottom: 20px;
}

#kategorieSuche .content {
  background-image: url(img/ksuch2.gif);
  background-repeat: no-repeat;
  width: 184px;
  padding: 0 8px;
}

#kategorieSuche .leftContentHeading label {
  font-size: 18px;
}

#kategorieSucheInput {
  width: 180px;
  height: 17px;
  padding-top: 3px;
}

#kategorieSucheSubmit {
  width: 58px;
  height: 24px;
  margin: 10px 0 0 125px;
}

#leftColumnBonus #kategorieSucheSubmit {
  float: none;
  padding: 0 0 0 2px;
}

/* Start Menueunterpunkte */

#liActiveTop {
  font-weight: bold;
  font-size: 14px;
  color: #ff7900;
  padding: 3px 0px;
  /* display: block; */
}

#liActiveTop a.wiki:active, #liActiveTop a.wiki:link, #liActiveTop a.wiki:hover, #liActiveTop a.wiki:visited {
  font-weight: bold;
  font-size: 14px;
  color: #ff7900;
  display: block;
}

#liActiveTop .liActiveHead {
  color: #1654a9;
}

#konto #liActiveTop span a:link, 
#konto #liActiveTop span a:visited, 
#konto #liActiveTop span a:active, 
#konto #liActiveTop span a:hover {
  /* float: left;
  display: inline; */
  background-repeat: no-repeat;
  background-position: 12px center;
  padding: 2px 1px 2px 20px;
  font-size: 13px;
  text-decoration: none;
}

#liActiveTop span a:hover {
  background-image: url(img/orangeArrow.gif);
}

#liActiveTop span a {
  background-image: url(img/blueArrow.gif);
}

#liActiveTop span a.liActive:link, #liActiveTop span a.liActive:visited, #liActiveTop span a.liActive:active, #liActiveTop span a.liActive:hover {
  font-weight: bold;
  color: #ff7900;
  background-image: url(img/orangeArrow.gif);
}

/*
.liActive a:hover, .liActive a:link, .liActive a:visited, .liActive a:active {
  font-weight: bold;
  color: #ff7900;
  background-image: url(img/orangeArrow.gif);
} */

/* Ende Menueunterpunkte */

/* Start grosse zusaetzliche Links unter grauen Boxen */

#MoreLinks a.liMoreLink {
  /* float: left; */
  display: block;
  background-image: url(img/blueArrow.gif);
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 2px 6px;
  padding-left: 10px;
  padding-bottom: 5px;
  font-size: 16px;
}

#MoreLinks a.liMoreLink:hover {
  background-image: url(img/orangeArrow.gif);
  text-decoration: none;
}

/* Ende grosse zusaetzliche Links unter grauen Boxen */

/* Start Konto einrichten */

ul.liOfferNavigation li {
  display: block;
  color: #1654a9;
  font-weight: bold;
  margin: 10px 0px 20px 4px;
}

ul.liOfferNavigation li ul li.liSub {
  padding-left: 10px;
  margin-bottom: 0px;
}
#UeberNachtHeading {
  letter-spacing: -1px;
  word-spacing: -1px;
}
/* Ende Konto einrichten */

/***********************************************************
Ende linke Spalte
***********************************************************/


/**********************************************************
Start mittlere Spalte
**********************************************************/
.dreispaltig #contentColumn h1 {
  padding: 6px 1px 7px 0px;
}

.dreispaltig #contentColumn h2 a:link, .dreispaltig #contentColumn h2 a:active,
.dreispaltig #contentColumn h2 a:visited, .dreispaltig #contentColumn h2 a:focus {
  color: #000000;
}

.dreispaltig #contentColumn h2 a:hover {
  color: #FF7900;
}

div#bannerTeaser {
  float: left;
  margin-top: 15px;
}

div#bannerTeaserContent {
  background-image: url(img/bannerTeaserBG.png);
  background-repeat: no-repeat;
  width: 520px;
  height: 135px;
  float: left;
}

div#bannerTeaserLeft {
  width: 255px;
  height: 121px;
  padding: 5px 5px 5px 10px;
  float: left;
  color: #FFFFFF;
  letter-spacing: -1px;
  line-height: 90%;
}

div#bannerTeaserLeft a:active, div#bannerTeaserLeft a:hover, div#bannerTeaserLeft a:link, div#bannerTeaserLeft a:visited  {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 150%;
}

div#bannerTeaserLeft a:active, div#bannerTeaserLeft a:link, div#bannerTeaserLeft a:visited  {
  color: #fff;
}

div#bannerTeaserLeft a:hover {
  color: #ff7900;
}


div#bannerTeaserRight {
  width: 227px;
  float: right;
  margin: 3px 3px 0px 0px;
  padding: 5px 10px 5px 10px;
  font-size: 14px;
  line-height: 80%;
}


div#bannerTeaserRight a {
  display: block;
  margin-top: 5px;
  color: #ff7900;
}

div.textRight {
  float: left;
  margin-left: 10px;
  width: 410px;
}

.artikelbildMedium {
  float: left;
  margin-top: 3px;
}

img.bewertungsSterne, .bewertungsSterne img {
  float: left;
}

span.bewertungsSterne {
  color: #000;
  font-size: 11px;
}

div.bewertungsSterne {
  margin: 0 auto;
  width: 60px;
  clear: both;
}

div.itemType {
  float: left;
  height: 15px;
  margin: 5px 0px;
}

div.itemTypeLeft {
  background-image: url(img/backgroundArtikelFormatLeft.jpg);
  background-repeat: no-repeat;
  width: 5px;
  height: 15px;
  float: left;
}

div.itemTypeRight {
  background-image: url(img/backgroundArtikelFormatRight.jpg);
  background-repeat: no-repeat;
  width: 5px;
  height: 15px;
  float: left;
}

div.itemTypeContent {
  background-image: url(img/backgroundArtikelFormatContent.jpg);
  background-repeat: repeat-x;
  color: #1654a9;
  height: 15px;
  float: left;
}

.klappentext span {
  
}

.inDenWarenkorb {
  display: block;
  padding-top: 5px;
  color: #ff7900;
  font-size: 15px;
  font-weight: bold;
}

.inDenWarenkorb a:active, .inDenWarenkorb a:link, .inDenWarenkorb a:hover, .inDenWarenkorb a:visited
  {
  background-image: url(img/warenkorbButton.gif);
  background-repeat: no-repeat;
  width: 141px;
  padding: 4px 10px 3px 34px;
  margin-left: 10px;
  color: #2c2c2c;
  font-size: 14px;
  text-decoration: none;
}

.kategorieTeaser {
  float: left;
  margin-top: 15px;
  margin-bottom: 2px;
}

.kategorieTeaserTop {
  background-image: url(img/greyBoxBigTop.gif);
  background-repeat: no-repeat;
  background-color: #f4f4f4;
  float: left;
  width: 520px;
}

.kategorieTeaserTop h4 {
  background-image: url(img/contentMenuSeparator.gif);
  background-repeat: no-repeat;
  background-position: right 3px;
  float: left;
  margin: 5px 0px 6px 10px;
  padding: 0;
  font-size: 15px;
}

.kategorieTeaserTop h4.lastOne {
  background-image: none;
}

.kategorieTeaserTop h4 a {
  padding-right: 10px;
}

.kategorieTeaserTop h4 a.active {
  color: #FF7900;
}

.kategorieTeaserTop h4 a:active {
  color: #FF7900;
}

.kategorieTeaserBottom {
  float: left;
  border: 1px solid #ccc;
  width: 488px;
  padding: 15px;
}

.kategorieTeaserBottom .artikelbildMedium {
  padding: 17px 0px 15px 15px;
}

.kategorieTeaserBottom .textRight {
  margin-top: 17px;
  width: 380px;
  padding-bottom: 15px;
}

.kategorieTeaserLinks {
  float: left;
  margin-left: 15px;
  color: #ff7900;
  line-height: 22px;
}

.kategorieTeaserLinks h4 {
  display: inline;
  font-size: 12px;
}

a.autor,a.uebersetzer {
  color: #3f3f3f;
}

a.titel {
  color: #000;
}

div.dreierTeaser {
  float: left;
  padding-top: 10px;
  padding-bottom: 20px;
}

div.itemBig {
  float: left;
  width: 173px;
  text-align: center;
  font-size: 11px;
  margin-top: 15px;
}

div.itemBig h3  {
  font-size: 14px;
  color: #3f3f3f;
}

div.itemBig h3 a, div.itemBig a {
  font-size: 15px;
}

div.itemBig .preis {
  font-size: 15px;
  font-weight: bold;
}

div.itemBig .statt_preis {
  color: #3f3f3f;
  font-size: 10px;
}

div.itemBig .statt_preis br {
  display: inline;
}

div.itemBig .bewertungsSterne {
  padding: 1px 0 2px 0;
}


/*****Start Rez-Liste***********/

#rezRangListe ul, #rezRangListe li {
  float: left;
  display: inline;
}

#rezRangListe li {
  background-image: url(img/bestsellerItem.gif);
  background-repeat: repeat-y;
  width: 520px;
}

#rezRangListe li:hover {
  background-color: #f9f9f9;
}

#rezRangListe li .nummer {
  background-image: url(img/bestsellerNummer.png);
  background-repeat: no-repeat;
  float: left;
  display: inline;
  width: 29px;
  margin: 0 11px 0 0;
  padding: 9px 0 0 1px;
  font-size: 18px;
  color: #1654a9;
  text-align: center;
  letter-spacing: -2px;
}

#rezRangListe li .text {
  float: left;
  display: inline;
  width: 337px;
  padding: 5px 12px 5px 0;
}

#rezRangListe li .icons {
  float: right;
  display: inline;
  width: 130px;
  height: 5px;
  padding: 5px 0;
}

#rezRangListe li .icons img.top {
  float: left;
  display: inline;
}

#rezRangListe li .icons img.buch {
  float: right;
  display: inline;
}


#rezensionsListe, #rezensionsListe h2 {
  margin-bottom: 11px;
}

.rezensionsListeItems  {
  margin: 10px 0;
}

.rezensionsListeItems .cover {
  float: left;
  width: 70px;
  height: 85px;
  margin: 0 10px 0 0;
}

.rezensionsListeItems ul {
  float: left;
  display: inline;
  width: 440px;
  margin-bottom: 7px;
}

.rezensionsListeItems li {
  display: block;
}

.rezensionsListeItems li.firstOne {
  margin-bottom: 3px;
}

.rezensionsListeItems h3 {
  color: #3f3f3f;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
}

.rezensionsListeItems li a {
  font-weight: bold;
}

.rezensionsListeItems p {
  display: block;
  clear: both;
}

.rezensionsListeItems .arrowHref {
  font-weight: bold;
  margin: 5px 0 10px 0;
}

.rezensionsListeItems .trennlinieHorizontal {
  float: none;
  display: block;
  clear: both;
}

#rezensionsListe #bottomPager {
  position: relative; top: -11px;
  margin-bottom: -11px;
}

/*****Ende Rez-Liste************/



/*****Start Produkt-Bundles***********/

#produktBundles .item {
  float: left;
  display: inline;
  width: 173px;
  margin: 0 0 25px 0;
}

#produktBundles .item a {
  display: block;
  width: 120px;
  margin: 0 auto 2px auto;
  text-align: center;
}

#produktBundles .item div {
  float: left;
  display: inline;
  width: 153px;
  margin: 0 10px;
}

#produktBundles .item input {
  float: left;
  display: inline;
  margin: 0 5px 0 0;
  padding: 0;
  border: none;
}

#produktBundles .item label {
  float: left;
  width: 135px;
}

#produktBundles span.zweitfarbe {
  width: 520px;
  display: block;
  margin: 0 0 20px 0;
}

#produktBundles .warenkorbButton {
  display: block;
  background-image: url(img/warenkorbButton.gif);
  background-repeat: no-repeat;
  width: 184px;
  height: 24px;
  padding: 0 0 0 30px;
  margin: 0 0 0 160px;
  border: none;
  color: #2c2c2c;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

#produktBundles .wikiFeld {
  padding: 0;
}


/*****Ende Produkt-Bundles************/

/* Begin VorteilsBox im Content */

#ContentVorteileBox {
  width: 100%;
  margin-bottom: 20px;
}

.ContentvorteileHeading {
  background-image: url(img/orangeCheck.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 25px;
  margin: 0px;
  color: #ff7900;
  font-size: 22px;
  font-weight: normal;
}

div.Contentvorteile {
  /* background-image: url(img/vorteilsBoxDotted.gif); */
  /* background-repeat: no-repeat; */
  /* background-position: center bottom; */
  padding: 10px 0px;
  /* border-left: 1px solid #ff7900; */
  /* border-right: 1px solid #ff7900; */
  font-size: 11px;
}

div.ContentVorteileBox {
  float: left;
  width: 190px;
  margin-bottom: 20px;
  padding-left: 10px;
  background-repeat: no-repeat;
  background-position: 0px 4px;
}

.ContentvorteileH5 {
  margin: 0px 0px 7px 0px;
  /* height: 35px; */
}

.ContentvorteileH5 a:active, .ContentvorteileH5 a:hover, .ContentvorteileH5 a:link, .ContentvorteileH5 a:visited  {
  font-weight: normal;
  font-size: 15px;
  color: #ff7900;
}

.ContentvorteileH5 a:active, .ContentvorteileH5 a:link, .ContentvorteileH5 a:visited  {
  text-decoration: none;
}

.ContentvorteileH5 a:hover {
  text-decoration: underline;
}

#ContentvorteileVersandH5 {
  /*background-image: url(img/icon_60_schnelle_lieferung_0.png);*/
}

#ContentvorteileLieferungH5 {
  /*background-image: url(img/icon_60_fexi_lieferung_0.png);*/
}

#ContentvorteileFormatH5 {
  /*background-image: url(img/icon_60_vielfalt_web_0.png);*/
}

#ContentvorteileExpressH5 {
  /*background-image: url(img/icon_60_nacht_lieferung_0.png);*/
}

div.sublineContentvorteileH5 {
  padding-left: 70px;
}

a#ContentvorteileLink:active, a#ContentvorteileLink:link, a#ContentvorteileLink:visited {
  font-size: 14px;
  /* display: block; */
  /* padding: 10px 0px 3px 15px; */
  /* margin-right: -40px; */
}

/* Ende VorteilsBox im Content */


/* Adressenanzeige im Kontobereich */

.liOrderTeaser {
  margin: 15px 0px;
}

div.liOrderTeaser h3 {
  margin-bottom: 5px;
}

.liOrderTeaser a.liMoreLink {
  float: right;
  margin: 10px 0px 5px 0px;
}

.accountShowAdress {
  float: left;
  display: inline;
  width: 50%;
  margin: 5px 0px 15px 0px;
}

.accountShowAdress p {
  min-height: 56px; /* kleinste moegliche Hoehe fuer Adressfeld in FF3 */
  height: auto !important;
  height: 56px;
}

.accountShowAdress div.liButtonBar {
  float: left;
}


/* Start Button-Standard */

div.liButtonBar a.zweitFarbButton:link, div.liButtonBar a.zweitFarbButton:active,
div.liButtonBar a.zweitFarbButton:hover, div.liButtonBar a.zweitFarbButton:visited,
div.liButtonBar input.zweitFarbButton {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0px 10px;
}

/* Ende Button-Standard */


.accountShowAdress div.liButtonBar a.zweitFarbButton:link, .accountShowAdress div.liButtonBar a.zweitFarbButton:active,
.accountShowAdress div.liButtonBar a.zweitFarbButton:hover, .accountShowAdress div.liButtonBar a.zweitFarbButton:visited {
  margin: 10px 5px 5px 0px;
  padding: 0 10px;
}

.accountShowAdress div.liButtonBar input.zweitFarbButton {
  margin: 10px 5px 5px 0px;
  padding: 0 10px;
  height: 24px;
  overflow: hidden;
}

.buttonChange {
  float: left;
}

.buttonDelete {
  float: right;
}

.contentAccountForms div.trennlinieHorizontal {
  display: block;
  float: none;
  clear: both;
}

a.liMoreLink {
  /* float: left; */
  /* display: block; */
  background-image: url(img/blueArrow.gif);
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 2px 6px;
  padding-left: 10px;
  padding-bottom: 5px;
  /* font-size: 16px; */
}

a.liMoreLink:hover {
  background-image: url(img/orangeArrow.gif);
  text-decoration: none;
}

/* Ende Adressenanzeige im Kontobereich */


/* Start Newsletter verwalten */

#liOrderNewsletter {
  /* color: #666666; */
}

#liOrderNewsletter div.newsletterRow {
  padding: 10px 0px;
}

#liOrderNewsletter label {
  display: block;
  float: left;
  font-weight: bold;
  padding: 0 5px;
  width: 220px;
}

#liOrderNewsletter div.newsletterRow .text {
  width: 260px;
  margin-left: 245px;
  display: block;
}

#liOrderNewsletter div.newsletterRow input {
  /* margin: 0px; */
  border: none;
}

#liOrderNewsletter input {
  float: left;
}

.liOrderTeaser a.zweitFarbButton, .liOrderTeaser a.zweitFarbButton:hover, .liOrderTeaser a.zweitFarbButton:active,
.liOrderTeaser a.zweitFarbButton:link, .liOrderTeaser a.zweitFarbButton:visited {
  margin: 15px 0px;
  padding: 0px 10px;
}

.liOrderTeaser input.zweitFarbButton {
  margin: 15px 0px;
  /* padding: 0px; padding: 0 raus für NewsletterSeite im Kontobereich */
}

#bonusPageContent .liOrderTeaser input.zweitFarbButton {
  margin-top: 25px;
}

#bonusPageContent .liOrderTeaser {
  margin: 0;
}

.liOrderTeaser .sendungVerfolgen a.zweitFarbButton, 
.liOrderTeaser .sendungVerfolgen a.zweitFarbButton:hover, 
.liOrderTeaser .sendungVerfolgen a.zweitFarbButton:active,
.liOrderTeaser .sendungVerfolgen a.zweitFarbButton:link, 
.liOrderTeaser .sendungVerfolgen a.zweitFarbButton:visited {
  float: right;
  margin-bottom: 0;
}

/* Ende Newsletter verwalten */


/* Rating */

.ratingText, #ratingForm {
  float: left;
  display: inline;
  margin-right: 5px;
}

#ratingForm {
  width: 61px;
  height: 12px;
  margin-top: 1px;
  margin-right: 7px;
  text-indent: -9999px;
}

.liRating {
    float:left;
    position:relative;
    background: url(img/bg_rating.gif) no-repeat 0 0;
  width: 12px;
  height: 12px;
/*    display: block;*/
}
/* 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 -12px}
.liTwostar {background-position:0 -24px}
.liThreestar {background-position:0 -36px}
.liFourstar {background-position:0 -48px}
.liFivestar {background-position:0 -60px}
.liRating li {
  float: left;
  display: inline;
    cursor: pointer;
    width:12px;
    height:12px;
}
.liRating li a {
    position:absolute;
    left:0;
    top:0;
    width:12px;
    height:12px;
    text-decoration:none;
    z-index: 200;
}
.liRating li.liOne a {left:0}
.liRating li.liTwo a {left:12px;}
.liRating li.liThree a {left:24px;}
.liRating li.liFour a {left:36px;}
.liRating li.liFive a {left:48px;}
.liRating li a:hover {
    z-index:2;
    width:80px;
    height:12px;
    overflow:hidden;
    left:0; 
    background: url(img/bg_rating.gif) no-repeat 0 0
}
.liRating li.liOne a:hover {background-position:0 -12px;}
.liRating li.liTwo a:hover {background-position:0 -24px;}
.liRating li.liThree a:hover {background-position:0 -36px}
.liRating li.liFour a:hover {background-position:0 -48px}
.liRating li.liFive a:hover {background-position:0 -60px}

.liCapture{
  width: 200px !important;
  float: left;
}

.liReviewTeaser ul{
  margin: 10px 0 !important;
}

.liReviewTeaser h2{
  margin: 10px 0 !important;
}

.liReviewTeaser button{
  margin: 10px 0;
}

#liState{
    float: left;
    margin: 10px 0 0 0px;
    color: #003366;
}

/* end rating */


/* Start Zahlungsart */

.liPayment form {
  margin-top: 20px;
  width: 400px;
}

.liPayment fieldset {
  clear: both;
  width: 400px;
}

.liPayment fieldset .liPaymentData {
  float: right;
  width: 350px;
}

.liPaymentData a.liMoreLink {
  margin: 0px 50px 15px;
  clear: both;
  text-decoration: underline !important;
  display: block;
}

.liPayment .liPaymentData span {
  display: block;
  float: left;
  font-weight: bold;
  width: 150px;
}

.liPayment p {
  clear: both;
}

div.liPaymentData a.delPayment {
  margin: 15px 0px;
}

input.paymentSave {
  margin: 15px 0px 15px 50px;
}

/* Ende Zahlungsart */


/* Start Bestellübersicht / Gutscheinübersicht */
  
ul.orderHistoryItem li, ol.orderHistoryItem li, ul.couponHistoryItem li {
  display: block;
  background-image: url(img/blueArrow.gif);
  background-repeat: no-repeat;
  background-position: 5px 4px;
  padding-left: 15px;
}

ul.orderHistoryItem li span, 
ul.orderHistoryItem li a, 
ul.orderHistoryItem li p,   
ol.orderHistoryItem li span,
ol.orderHistoryItem li a,
ol.orderHistoryItem li p {
  float: left;
  width: 350px;
}

ul.orderHistoryItem li span, ol.orderHistoryItem li span {
  width: auto;
  padding-right: 5px;
}

div.orderButtonBar {
  float: left;
}

div.orderButtonBar a.zweitFarbButton, div.orderButtonBar a.zweitFarbButton:hover, div.orderButtonBar a.zweitFarbButton:link,
div.orderButtonBar a.zweitFarbButton:visited, div.orderButtonBar a.zweitFarbButton:active {
  margin: 15px 10px 15px 0px;
}

/* Ende Bestellübersicht */

/* Start Freunde/Abonnenten werben */

.tellafriend, input.tellafriend, a.tellafriend {
  margin: 15px 0px 10px 0px;
}

ul.tellafriend-listItem li {
  display: block;
  /* background-image: url(img/blueArrow.gif);
  background-repeat: no-repeat;
  background-position: 5px 4px;
  padding-left: 15px; */
}

#liTellaFriend fieldset {
  margin: 0px 5px 0px 0px;
  padding: 0px !important;
  width: 255px;
  float: left;
}

#liRecommendaFriend textarea.largefield, #liRecommendaFriend input.largefield, #liTellaFriend textarea.largefield, #liTellaFriend input.largefield {
  width: 510px;
}

#liTellaFriend textarea.largefield, #liRecommendaFriend textarea.largefield {
  /* rows: 5; */
  height: 75px;
}

#liTellaFriend fieldset label {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 15px;
}

#liTellaFriend fieldset input {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  width: 238px;
}

#liRecommendaFriend div.liButtonBar, #liTellaFriend div.liButtonBar {
  float: none;
}

/* Ende Freunde/Abonnenten werben */


/* Start Gutscheinübersicht */

div.couponButtonBar a.zweitFarbButton:link, div.couponButtonBar a.zweitFarbButton:active,
div.couponButtonBar a.zweitFarbButton:hover, div.couponButtonBar a.zweitFarbButton:link:visited,
div.couponButtonBar input.zweitFarbButton {
  margin: 15px 0px;
}

div.couponButtonBar input.zweitFarbButton {
  padding: 0px 10px;
}

div.couponButtonBar a.zweitFarbButton:link, div.couponButtonBar a.zweitFarbButton:active,
div.couponButtonBar a.zweitFarbButton:hover, div.couponButtonBar a.zweitFarbButton:visited {
  float: right;
}
  
/* Ende Gutscheinübersicht */


/* Start Aboübersicht */

.liOrderTeaser a.erstFarbeSmall, .liOrderTeaser input.erstFarbeSmall,
.liPaymentData a.erstFarbeSmall, .liPaymentData input.erstFarbeSmall,
#deleteEbookDeviceForm a.erstFarbeSmall, #deleteEbookDeviceForm input.erstFarbeSmall {
  margin: 15px 0px;
  padding: 0px 10px;
  display: inline;
  float: left;
  cursor: pointer;
}

/* Ende Aboübersicht */


/* Start Review */

#liPostReview {
  /* color: #666666; */
  width: 510px;
}

#liPostReview input.liTextField {
  clear: both;
  margin: 0px 0px 2px;
  padding: 0px;
  width: 510px;
}

#liPostReview label {
  clear: both;
  display: block;
  padding: 10px 0px 2px;
  width: 510px;
}

#liPostReview textarea {
  float: left;
  padding-right: 5px;
  width: 450px;
}

#liPostReview p {
  clear: both;
  margin: 0px;
  padding: 10px 0px 5px;
}

#liPostReview a.zweitFarbButton, #liPostReview input.zweitFarbButton {
  margin: 15px 0px;
}

#liPostReview a.zweitFarbButton {
  float: left;
}

#liPostReview input.zweitFarbButton {
  float: right;
}

/* Ende Review */


/* Start Passwort Senden */

.contentAccountForms #sendFormPw {
  margin-right: 10px;
  width: 200px;
}

/* Ende Passwort Senden */


/* Start Adresseingabe */

#editAddressForm div.radio label {
  float: none;
  display: inline;
}

#editAddressForm #plz, #accountCreateForm input#plz {
  width: 65px;
}

#editAddressForm #ort {
  width: 177px;
}

#accountCreateForm input#ort {
  width: 227px;
}

div.bestellProzessBox #editAddressForm #ort {
  width: 246px; /* 250px */
}

div.bestellProzessBox #editAddressForm #strasse {
  width: 214px; /* 220px */
}

div.bestellProzessBox #editAddressForm #hausnummer {
  width: 55px;
}

#editAddressForm #strasse {
  width: 197px;
}

#accountCreateForm input#strasse {
  width: 232px;
}

#editAddressForm #hausnummer {
  width: 45px;
}

#accountCreateForm input#hausnummer {
  width: 60px;
}

/* Ende Adresseingabe */


/* div.Contentvorteile a:active, div.Contentvorteile a:link, div.Contentvorteile a:visited, div.Contentvorteile a:hover {
  color: #3F3F3F;
  text-decoration: none;
} */

h5.ContentvorteileH5 {
  color: #FF7900;
  font-weight: normal;
  text-decoration: none;
}

.ContentvorteileH5 a:active, .ContentvorteileH5 a:hover, .ContentvorteileH5 a:link, .ContentvorteileH5 a:visited  {
  font-weight: normal;
  font-size: 15px;
  color: #ff7900;
}

.ContentvorteileH5 a:active, .ContentvorteileH5 a:link, .ContentvorteileH5 a:visited  {
  text-decoration: none;
}

.ContentvorteileH5 a:hover {
  text-decoration: underline;
}

div.liButtonBar input.delAccount {
  float: none;
  /* padding: 3px 10px; */
  margin-left: 0px;
  color: #2c2c2c;
}

.pager select#bookmarkFilter {
  float: left;
  margin-left: 5px;
  position: absolute; left: 0px;
  width: 125px;
}

.pager select#bookmarkSort {
  width: 125px;
}

#rightColumn #liZipCodesearch label, #rightColumn #wishlistSearch label {
  margin-bottom: 5px;
  float: left;
  width: 100%;
}

#rightColumn #liZipCodesearch input#PLZsearchfield, #rightColumn #wishlistSearch input#wishlistSearchfield {
  width: 115px;
}

#wishlistList #wishlistSearch input#wishlistSearchfield /*, #wishlistList input#wishlistAdd */ {
  margin: 10px 0;
}

#wishlistList form {
  margin: 10px 0;
}

#wishlistList p.liSuccess, #wishlistList p.liFailure {
  color: #CC0000;
}

#rightColumn #wishlistSearch {
  margin-bottom: 15px;
}

#wishlistList .zweitFarbButton.wishlistleft, #wishlistList .zweitFarbButton.wishlistright {
  margin: 20px 0 30px;
}

#wishlistList .zweitFarbButton.wishlistleft {
  float: left;
}

#wishlistList .zweitFarbButton.wishlistright {
  float: right;
}

#wishlistList .wishlistName {
  font-size: 16px;
  font-weight: bold;
}

#wishlistList .trennlinieHorizontal {
  margin: 15px 0;
}

#wishlistList .content a.wishlistItemLink {
  background-position: 12px center;
  background-repeat: no-repeat;
  padding: 2px 1px 2px 20px;
  background-image: url(img/blueArrow.gif);
}

#wishlistList .content a.wishlistItemLink:hover {
  background-image: url(img/orangeArrow.gif);
}

#liZipCodesearch p {
  padding-left: 4px;
}

#liZipCodesearch .liRadio {
  border: none;
  margin: 2px 0 0 3px;
}

form#newLastAffId {
  margin: 15px 0px;
}

.zipCodeSearchItem {
  padding: 0px 0px 10px 0px;
  float: right;
  width: 180px;
}

#downloadSearchForm {
  margin-top: 15px;
}

.waitForDownload {
  padding-left: 15px;
  margin: 15px 0px;
  float: left;
}

#liPostReview div.liButtonBar {
  float: none;
}

div.width520 {
  width: 520px;
}

#editAddressForm span.floatleft {
  float: left;
}


/* Start Packstation anlegen */

#accountBuchhandlungWaehlen {
  float: left;
  display: inline;
  margin-top: 10px;
  /* width: 250px; */
  /* padding: 10px; */
}

#accountBuchhandlungWaehlen div.item {
  float: left;
  width: 50%;
  min-height: 80px;
  height: auto !important;
  height: 80px;
}

#accountBuchhandlungWaehlen input {
  position: relative; top: 7px;
  float: left;
  border: none;
}

#accountBuchhandlungWaehlen label {
  float: left;
  display: inline;
  width: 225px;
  padding: 5px 0px 0px 10px;
  /* margin: 0 -15px 0 -28px; */
  font-weight: normal;
}

#accountBuchhandlungenSuchen {
  float: left;
  display: inline;
  /* width: 255px; */
  /* padding: 10px; */
  margin-top: 10px;
}

#accountBuchhandlungenSuchen a.erstFarbe {
  display: block;
  width: 200px;
  margin: 15px auto 5px auto;
  cursor: pointer;
}

#accountBuchhandlungenSuchen .item {
  margin: 5px 0px;
}

#accountBuchhandlungenSuchen .item label {
  float: left;
  display: inline;
}

#accountBuchhandlungenSuchen .item span {
  float: right;
  display: inline;
}

#accountBuchhandlungWaehlen h3, #accountBuchhandlungenSuchen h3 {
  margin-left: 0px;
  font-size: 13px;
}

#editAddressForm .liButtonBar {
  float: none;
}

#editAddressForm .liButtonBar input.editSave {
  float: right;
}

#editAddressForm div.item span {
  text-align: right;
}

/* Ende Packstation anlegen */


/* Start Suche über Pager */

#downloadSearchSubmit {
  margin-left: 0px;
  float: none;
}

/* Ende Suche über Pager */


/**********************************************************
Ende mittlere Spalte
**********************************************************/

/**********************************************************
Start rechte Spalte
**********************************************************/

#warenkorbBox {
  width: 200px;
  margin: 0px 0px 10px 0px;
  color: #ffffff;
}

h3.warenkorbHeading {
  background-image: url(img/warenkorb.gif);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  padding: 5px 1px 7px 35px;
  margin: 0px;
  color: #1654a9;
  font-size: 22px;
  font-weight: normal;
}

/*leerer Warenkorb: */
#warenkorbLeer {
  background-image: url(img/backgroundWarenkorbLeer.gif);
  background-repeat: no-repeat;
  height: 30px;;
  padding: 17px 25px;
}


/* voller Warenkorb: */
#warenkorbBox a {
  color: #ffffff;
  text-decoration: none;
}

#warenkorbBox a:hover {
  text-decoration: underline;
}

#warenkorbTop {
  float: left;
  width: 180px;
  background-image: url(img/backgroundWarenkorbTop.png);
  background-repeat: no-repeat;
  padding: 10px;
}

#warenkorbTopLeer {
  float: left;
  width: 180px;
  background-image: url(img/backgroundWarenkorbTopleer.png);
  background-repeat: no-repeat;
  padding: 10px;
}

#warenkorbThumb {
  float: left;
  margin: 10px 9px 0px 3px;
}

#warenkorbThumb img {
  border: 1px solid #fff;
}

#warenkorbArtikeltext {
  float: left;
  width: 96px;
}

#warenkorbCenter {
  background-image: url(img/backgroundWarenkorbCenter.png);
  background-repeat: no-repeat;
  height: 51px;
  padding: 10px;
  text-align: center;
  float:left;
}

#warenkorbButton {
  padding-top: 10px;
}

#warenkorbCenter a:active, #warenkorbCenter a:hover, #warenkorbCenter a:link, #warenkorbCenter a:visited
  {
  background-image: url(img/backgroundWarenkorbZurKasse.gif);
  background-repeat: repeat-x;
  width: 178px;
  height: 20px;
  padding-top: 2px;
  display: block;
  border: 1px solid #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  color: #2c2c2c;
}

#warenkorbBottom {
  background-image: url(img/backgroundWarenkorbBottom.png);
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 5px 10px 12px 15px;
}

#warenkorbBottom a {
  color: #fff;
  text-decoration: underline;
  font-size: 13px;
}

.warenkorbSmall {
  display: inline-block;
  line-height: 12px;
  font-size: 11px;
}

div#weiterEmpfehlen {
  float: right;
  display: inline;
  width: 266px;
  height: 66px;
  margin: 5px 0 0 0;
  text-align: center;
}

div#weiterEmpfehlen .erstFarbeSmall {
  float: left;
  /* display: inline; */
  margin: 7px 0 0 6px;
  width: 125px;
  letter-spacing: -1px;
  cursor: pointer;
  font-size: 8pt;
}

div#tuevSiegel {
  width: 200px;
  margin: 0 0 20px 0px;
  padding-top: 3px;
  text-align: left;
}
div#tuevSiegel h1 {
  padding-top: 0;
}

div#sslLogo {
  width: 190px;
  height: 66px;
  padding: 10px 0 5px 0;
  text-align: left;
}

div#sslLogo2 {
  
    
    height: 66px;
    margin-top: 10px;
    padding: 10px 0 5px;
    text-align: left;
    width: 200px;
}

div#sslLogo img {
  float: left;
  padding: 4px 25px 0px 14px;
}

div#sslLogo2 img {
  float: left;
}


div#sslLogo span.bold {
  color: #1654a9;
}

div#sslLogo2 span.bold {
  color: #1654a9;
}

#vorteileBox {
  width: 200px;
  margin-bottom: 10px;
}

.vorteileHeading {
  background-image: url(img/orangeCheck.gif);
  background-repeat: no-repeat;
  background-position: 0px 9px;
  padding: 6px 1px 7px 25px;
  margin: 0px;
  color: #ff7900;
  font-size: 22px;
  font-weight: normal;
}

.orangeBoxTop {
  background-image: url(img/orangeBoxTop.gif);
  background-repeat: no-repeat;
  width: 200px;
  height: 7px;
}

.orangeBoxBottom {
  background-image: url(img/orangeBoxBottom.gif);
  background-repeat: no-repeat;
  width: 200px;
  height: 7px;
}

div.vorteile {
  background-image: url(img/vorteilsBoxDotted.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 10px 20px 10px 10px;
  border-left: 1px solid #ff7900;
  border-right: 1px solid #ff7900;
  font-size: 11px;
}

#vorteileLastOne {
  background-image: none;
}

.vorteileH5 {
  /*background-repeat: no-repeat;
  background-position: 0px 4px;*/
  padding: 0px 1px 7px 40px;
  margin: 0px;
  height: 35px;
}

.vorteileH5 a:active, .vorteileH5 a:hover, .vorteileH5 a:link, .vorteileH5 a:visited  {
  font-weight: normal;
  font-size: 15px;
  color: #ff7900;
}

.vorteileH5 a:active, .vorteileH5 a:link, .vorteileH5 a:visited  {
  text-decoration: none;
}

.vorteileH5 a:hover {
  text-decoration: underline;
}

#vorteileVersandH5 {
  /*background-image: url(img/versandIcon.gif);*/
  float: left;
  margin: 5px 0 0;
}

#vorteileLieferungH5 {
  /*background-image: url(img/lieferungIcon.gif);*/
  float: left;
  margin: 5px 0 0;
}

#vorteileFormatH5 {
  /*background-image: url(img/formatIcon.gif);*/
  float: left;
  margin: 5px 0 0;
}

#vorteileExpressH5 {
  /*background-image: url(img/formatIcon.gif);*/
  float: left;
  margin: 5px 0 0;
}

a#vorteileLink:active, a#vorteileLink:link, a#vorteileLink:visited {
  font-size: 13px;
  display: block;
  padding: 10px 0px 3px 15px;
  margin-right: -40px;
}

#newsletterBox {
  padding: 0px 0px 10px 0px;
}

.newsletterHeading {
  padding: 2px 1px 3px 0px;
  font-size: 22px;
}

form#newsletterForm fieldset {
  display: block;
  padding: 5px;
}

#newsletterBox input#newsletterMailAdress {
  /* background-image: url(img/backgroundNewsletterInput.gif); */
  display: block;
  margin: 10px 0px 5px 0px;
  border: 1px solid #666;
  font-size: 18px;
  overflow: hidden;
  width: 175px;
}

#newsletterBox input#newsletterMailAdress:focus {
  background-image: none;
}

#newsletterSubmit {
  padding: 3px;
  width: 179px;
}

#kundenserviceBox {
  width: 200px;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 20px 0px;
}

.kundenserviceHeading {
  padding: 3px 0px 3px 0px;
  font-size: 22px;
}

#bestsellerBox .greyBoxContent {
  background-image: url(img/bestsellerBoxContent.gif);
  background-repeat: repeat-y;
  padding: 0px 10px;
  border: none;
}

#bestsellerBox .greyBoxContent .innerWrap {
}

div.bestsellerBoxTop, div.bestsellerBoxBottom {
  background-repeat: no-repeat;
  width: 200px;
  height: 7px;
}

div.bestsellerBoxTop {
  background-image: url(img/bestsellerBoxTop.gif);
}

div.bestsellerBoxBottom {
  background-image: url(img/bestsellerBoxBottom.gif);
  position: relative;
  top: -1px;
}

.unsereBestseller {
  background-image: url(img/bestsellerBoxDotted.gif);
  background-repeat: no-repeat;
  background-position: 2px bottom;
  padding: 6px 0 6px 0;
}

#bestsellerBox .leftContentHeading {
  padding: 0 0 7px 0;
  margin: 0 -4px 0px -2px;
  font-size: 22px;
  letter-spacing: -1px;
  word-spacing: -3px;
}

.booksInRightColumn {
  float: left;
  padding-bottom: 10px;
  width: 180px;
}

.booksInRightColumn .coverImg {
    position: relative;
    float: left;
}
.booksInRightColumn .eBookStickerSmall {
    position: absolute;
    right: -3px;
    top: 6px;
    width: 36px;
    height: 31px;
    background-image:url("img/stickerEbookSmall.png");
    background-repeat:no-repeat;
}

.booksInRightColumn img {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

.booksInRightColumn a.titel {
  font-size: 13px;
  text-decoration: none;
  color: #000;
}

.booksInRightColumn a.titel:hover {
  text-decoration: underline;
}

.booksInRightColumn a.author {
  text-decoration: none;
  color: #3f3f3f;
}

.booksInRightColumn a.author:hover {
  text-decoration: underline;
}

.booksInRightColumn .preis {
  color: #ff7900;
  font-size: 13px;
}

.bestsellerBoxHref {
  display: block;
  margin-left: 10px;
  padding-bottom: 10px;
  color: #1654a9;
  font-size: 13px;
}

#formZipCodesearch {
  padding: 0px 1px 0px 4px;
}

#liZipCodesearch .liButtonBar {
  float: none;
}

.SearchButton {
  padding: 0px 5px 2px;
  width: 70px; /* für IE */
}

.SaveButton {
  padding: 0px 5px 2px;
  margin: 15px 0px;
}

#formZipCodesearch div.trennlinieHorizontalSmall {
  margin: 20px 0px 0px;
}

#rightColumn div.trennlinieHorizontalSmall, #leftColumn div.trennlinieHorizontalSmall {
  float: none;
  display: block;
  clear: both;
}

/* Start Kundenservice */

div#kundenservice {
  padding: 0px 1px 0px 4px;
  margin: 20px 0px;
}

#kundenservice h3 {
  padding: 0px 0px 7px;
}

.legalNote {
  font-size: 10px;
}

/* Ende Kundenservice */

h2.claim { /* Motto unter Sicherheitssiegel in rechter Spalte nur auf Homepage */
  color: #3F3F3F;
  display: block;
  font-size: 12px;
  margin: -22px 0 0 0;
  padding: 0 1px 7px 4px;
}

/**********************************************************
Ende rechte Spalte
**********************************************************/


/***********************************************
************************************************ 
Ende dreispaltiger Bereich
************************************************
************************************************/





/***********************************************
************************************************ 
Start Footer
************************************************
************************************************/
#footerBox {
  background-image: url(img/backgroundMainFooter.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  margin: 0px auto;
  width: 988px;
  height: 166px;
  color: #fff;
}

#footerTop {
  height: 50px;
}

#footerTop  span {
  display: block;
  padding: 10px 15px 0px 15px;
  font-size: 11px;
}

#footerMiddle {
  background-image: url(img/footerBigTab.png);
  background-repeat: no-repeat;
  height: 62px;
  text-align: center;
}

#footerMiddle .inner {
  margin: 0;
  padding: 0;
  position: relative;
}

#footerMiddle div {
  width: 988px;
  padding-top: 20px;
  text-align: center;
}

#footerMiddle div.bestellprozess {
  width: 265px;
}

#footerMiddle a:active, #footerMiddle a:link, #footerMiddle a:visited {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: -1px;
  background-image: url(img/footerMenuSeparator.gif);
  background-repeat: no-repeat;
  background-position: right 1px;
  padding-left: 5px;
  padding-right: 6px;
}

#footerMiddle a:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

#footerBox #footerMiddle a.lastOne {
  background-image: none;
}

#footerBottom {
  height: auto;
}

#footerBottom div {
  padding-top: 20px;
  padding-left: 214px;
}

#footerBottom img {
  float: right;
  padding-right: 3px;
  margin-top: 15px;
  margin-left: -1px;
}

.linkWithoutUnderline {
  text-decoration: none;
}

/***********************************************
************************************************ 
Ende Footer
************************************************
************************************************/
a.lastOne:active, a.lastOne:link, a.lastOne:visited, a.lastOne:hover {
  background-image: none;
}

a.firstOne:active, a.firstOne:link, a.firstOne:visited, a.firstOne:hover {
  background-image: none;
}

.lastOne {
  background-image: none;
}

.firstOne {
  background-image: none;
}

#shoppingCartNotification {
    position: fixed;
    width: 300px;
    height: 200px;
    top: 200px;
    left: 250px;
    background-color: #cccccc;
    display: none;
}

/*** popunder ***/
body.popunder {
  margin: 10px;
  background-color: #ffffff;
}


button, input.liDisabled, input.width88, a.erstFarbe:active, a.erstFarbe:hover, a.erstFarbe:link, a.erstFarbe:visited, input.erstFarbe, .erstFarbe, .dynamic_form_submit input,
a.erstFarbeSmall:active, a.erstFarbeSmall:hover, a.erstFarbeSmall:link, a.erstFarbeSmall:visited, input.erstFarbeSmall, .erstFarbeSmall,
.produktliste .item .artikelPreis .orderButtonXS,
#step5 .zweitFarbButton,
.orderButton a:active, .orderButton a:link, .orderButton a:hover, .orderButton a:visited,
a#AvaInDenWarenkorb,
.inDenWarenkorb a:active, .inDenWarenkorb a:link, .inDenWarenkorb a:hover, .inDenWarenkorb a:visited,
#produktBundles .warenkorbButton,
#step4 a.bestellungAbschicken,
.zweitFarbButton, a.zweitFarbButton:active, a.zweitFarbButton:link, 
a.zweitFarbButton:hover, a.zweitFarbButton:visited, input.zweitFarbButton,
a.bestellProzessButtonLeft:active, a.bestellProzessButtonLeft:hover, 
a.bestellProzessButtonLeft:link, a.bestellProzessButtonLeft:visited,
a.bestellProzessButtonRight:active, a.bestellProzessButtonRight:hover,
a.bestellProzessButtonRight:link, a.bestellProzessButtonRight:visited,
a.zweitFarbButtonBig, input.bestellProzessButtonRight, input.zweitFarbButtonBig,
#warenkorbCenter a:active, #warenkorbCenter a:hover, #warenkorbCenter a:link, #warenkorbCenter a:visited,
.inDenWarenkorb {
  cursor: pointer;
}

#cookies {
  margin: 7px 0px;
}

#cookies .header {
  padding: 2px 1px 3px 0px;
  font-size: 18px;
  color: #1654a9;
}

#cookies .text {
  padding: 9px 0 0;
}

.gbspreview {
  margin-top: 25px;
}



/***********************************************
Start autocomplete
************************************************/

div.ac_results, div.ac_results * {
  position: relative;
  z-index: 98;
  /*soll immer kleiner sein, als bei Dropdown-Menüs*/
}

div.ac_results ul {
  display: inline;
  background-color: transparent;
  text-align: left;
}

div.ac_results li {
  display: block;
  background-color: #fff;
  text-align: left;
  padding: 3px 3px 4px 6px;
  margin: 0 -4px 0 0;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #ccc;
  border-top: none;
  cursor: default;
  zoom: 1;
  width: 291px;
}

div.ac_results li.ac_odd  {
  background-color: #eee;
}

div.ac_results li.ac_over  {
  background-color: #aaa;
  color: #fff;
}

div.ac_results li.ac_headline {
  padding: 9px 3px 5px 6px;
  color: #1654a9; 
  background-color: #fff;
  font-size: 18px; 
  font-weight: normal;
  cursor: text;
}

div.ac_results li.ac_startCompleteSearch  {
  background-color: #fff;
  padding: 9px 6px 8px 3px;
  text-align: right;
  border-bottom: 1px solid #555;
}

div.ac_results li.ac_startCompleteSearch a,
div.ac_results li.ac_startCompleteSearch a:active,
div.ac_results li.ac_startCompleteSearch a:link,
div.ac_results li.ac_startCompleteSearch a:focus,
div.ac_results li.ac_startCompleteSearch a:visited,
div.ac_results li.ac_over a,
div.ac_results li.ac_over a:active,
div.ac_results li.ac_over a:link,
div.ac_results li.ac_over a:focus,
div.ac_results li.ac_over a:visited  {
  font-size: 13px; 
  font-weight: bold;
  color: #1654a9;
  cursor: pointer;
  text-decoration: underline;
  float: none;
  display: inline;
  background-image: url(img/blueArrow.gif);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 10px;
}

div.ac_results li.ac_startCompleteSearch a:hover,
div.ac_results li.ac_over a:hover {
  color: #ff7900;
  background-image: url(img/orangeArrow.gif);
}

/***********************************************
Ende autocomplete
************************************************/

.litvideo {
  display:none;
  width:247px;
  height:160px;
  margin: 10px 0;
}

.litvideo object {
  z-index: 1;
}


/***********************************************
Start Mac & iPhone/iPad Schriftarten
************************************************/

div#headerMainMenu a.mainMenu:active .middle, div#headerMainMenu a.mainMenu:hover .middle, 
div#headerMainMenu a.mainMenu:link .middle, div#headerMainMenu a.mainMenu:visited .middle {
  font-family: Gill Sans, Futura, Tahoma, Helvetica, Arial, sans serif;
}
 
.orderButton a:active, .orderButton a:link, .orderButton a:hover, .orderButton a:visited {
  font-family: Gill Sans, Verdana, Futura, sans serif;
}
span.alletitel, #aboGebraucht, #footerTop span {
    font-family: Gill Sans, Verdana, Futura, sans serif;
}
/***********************************************
Ende Mac & iPhone/iPad Schriftarten
************************************************/



.neukunde div#personalMenuBox a.firstOne {
    background-image: url("img/backgroundNeukunde.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
    font-weight: bold;
    height: 33px;
    padding: 5px;
    text-align: center;
    width: 105px;
}

/* instore Registration*/

div#personalMenuBox span.neukundeAnmelden
{
 background-image: none;
 display: inline;
 float: left;
 height: 30px;
 margin: 12px 0 0 -70px;
 overflow: hidden;
 padding-right: 5px;
 position: relative;
 text-align: right;
 width: 70px;
 position:relative;
 top:5px;
 }

div#personalMenuBox span.neukundeAnmelden a 
{
 background-image: url("/shop/themes-1/set-1/img/whiteArrow.gif");
 background-position: 0 16px;
 background-repeat: no-repeat;
}

div.wikiTextCenter {
  text-align: center;
    float: none;
    display: block;
}

div.wikiTextJustify {
    text-align: justify;
    float: none;
    display: block;
}

div.wikiTextLeft {
  text-align: left;
    float: none;
    display: block;
}

div.wikiTextRight {
  text-align: right;
    float: none;
    display: block;
}


div.leftFull {
    position: absolute;
    left: 10px;
    top: 100px;
    float: none;
}