@charset  "iso-8859-1";

/*
  portal.css
  =====================================================================
  Revision    Release    User     Date           Description
  1.0         4.0.0      sb       13.11.2013     initial version
  1.0.1       4.0.1      sb       16.07.2015     biblio detail fixed (SJM-3739)
  =====================================================================
*/

/* ------------------------------ font colors */
h1,
h2,
a,
span.link,
span.nolink,
.content .dash,
.left .boxHeading a,
.right .boxHeading a,
.otherNavigation:before,
.text:before,
.animation:before,
.eventCalendar:before,
.otherHistory:before,
.otherBreadcrumb:before,
.otherBreadcrumb .path,
.right .biblioList:before,
.main .events:before,
.tabs li.activeTab,
.tabs span.on,
.biblioItem .priceCurrent,
.biblioDetail .biblioAuthor,
.biblioDetail .biblioTitles,
.biblioDetail .biblioSubTitle,
.articleDetail .articleVenue,
.articleDetail .articleDate,
.articleDetail .articleTime,
.button.clipIcon a,
.preview:before,
.suggestionItem.myValue {
  color:                          #977537;
}

/* ------------------------------ background colors */
.headerSection1,
.button > *,
.tabs li,
.tabs span {
  background-color:               #977537;
}
.headerSection2,
.payoff2 {
  background-color:               #523735;
}
.headerSection3,
.payoff3,
.right .buchshop h2,
.right .buchshop a {
  color:                          #4a769a;
}
.right .buchshop a {
  background-color:               #dbe4eb;
}
.boxHeading,
.biblioSegmentation,
.segmentaion p,
.customerPrintPlus .form,
.contact .panel,
.contact form > div,
.customer form > div,
.checkoutOnce form > div,
.notepadCreate form > div,
.notepadCreateText,
.biblioSearchAdvanced form > div,
.searchRefine .searchForm,
.searchRefine .searchEnhance,
.searchRefine .searchOptions,
.calendarMenu a:hover,
.tabs li.activeTab,
.tabs span.on,
.right .navItems a,
.preview .boxHeader,
.preview .boxContent,
.dropdowns .dialog,
.articleSearch .formField,
.articleSearch .formField + .actions,
.suggestionItem a:hover,
.suggestionItem.focused,
.suggestionItem.myValue:hover {
  background-color:               #eae3d7;
}
/* separeted because of ie8 bug */
.eventListQuick tbody tr:nth-child(2n) {
  background-color:               #eae3d7;
}
.preview .notepadItem.active {
  background-color:               #eae8e6;
}

/* ------------------------------ background images */
body {
  background-image:               url(../images/portal_image_small.jpg);
}
body.start {
  background-image:               url(../images/portal_image.jpg);
}
.headerSection1 {
  background-image:               url(../images/portal_bt_main.jpg);
}
.headerSection2 {
  background-image:               url(../images/verlag_bt_small.jpg);
}
.headerSection3 {
  background-image:               url(../images/buchshop_bt_small.jpg);
}
.payoff2 {
  background-image:               url(../images/verlag_image.jpg);
}
.payoff3 {
  background-image:               url(../images/buchshop_image.jpg);
}
#imageshowtip {
  background-image:               url(../images/portal_tooltip.png);
}
.textHtml .linkContentList li {
  list-style-image:               url(../images/sjm_link_generic.png);
}
.error .textHtml .linkContentList li {
  list-style-image:               url(../images/ic_link_portal.png);
}

/* ------------------------------ background positions */
.quickSearchButton input[type=submit],
.quicksearch .button input[type=submit],
.searchRefine .magnifier input,
.boxTitleHeadingShowhide,
.ext-ie8 .link .linkIcon,
.overlay .close,
.message .close,
.preview .boxOpen,
.dropdowns .dialog .close,
.customerProperties .button a,
.biblioDetail .biblioActionLink a,
.headActions a {
  background-position:            0 0;
}

/* ------------------------------ border colors */
.footer,
.left .navItems .active ul,
.otherHistory span,
.biblioSegmentation .link,
.downloadList,
.articleDetail dl,
.otherTabs,
.customerAddressSelection tr,
.calendarMenu,
.calendarMenu a:hover,
.calendarDays,
.calendarDaysEvent a,
.eventList .item,
.articleDetail .dropdowns,
.articleDetail + .biblioList,
.articleDetail + .resultItem,
.preview .position,
.preview .summary,
.suggestionItem,
.biblioDetail .overview,
.biblioDetail .alternative .biblioList .resultItem:first-child,
.biblioDetail .alternative .groups .heading ~ div,
.otherFormatItem:first-child {
  border-top-color:               #977537;
}
.preview .notepadItem > .previewLink {
  border-top-color:               #eae8e6;
}
.footer a,
.headerLogo,
.headerNav li,
.headerNav .ajaxNotepad .topNavLink,
.headerNav .topNavRight span, .headerNav .topLanguage a,
.headerSearch,
.articleDetail dl,
.calendarMenu,
.calendarMenu a:hover,
.calendarDays,
.calendarDaysEvent a {
  border-left-color:              #977537;
}
.headerSearch,
.articleDetail dl,
.calendarMenu,
.calendarMenu a:hover,
.calendarDays,
.calendarDaysEvent a {
  border-right-color:             #977537;
}
.text,
.biblioResultList > h2,
.biblioList .pageTop,
.biblioSearchAdvanced,
.customer,
.searchRefine,
.otherBreadcrumb,
.otherHistory ul,
.left .navItems,
.calendarMenu a:hover,
.calendarDays,
.calendarDaysEvent a,
.animation,
.collectionItem,
.resultItem,
.biblioItem,
.main .otherNavigation,
.checkout .customerLogin ~ .actions,
.customerNotepads thead,
.customerNotepads .tableColumnDesc,
.customerNotification thead,
.customerNotification tbody,
.eventMoreLink,
.eventListQuick .pagination,
.eventListQuick thead,
.eventListQuick tbody tr,
.articleDetail dl,
.resultSort,
.biblioDetail .alternative .groups .heading ~ div,
.biblioDetail .panel,
.biblioDetail .tabs,
.biblioDetail .media,
.biblioDetail .media h2,
.otherFormatItem {
  border-bottom-color:            #977537;
}

/* ------------------------------ clip images */
/* 9px */
.clip9,
.link:before,
.scrollTop.show img {
  margin-top:                     0;
  clip:                           rect(0, 9px, 9px, 0);
}
/* 16px */
.clip16,
.clipIcon16 img {
  margin-top:                     0;
  clip:                           rect(0, 16px, 16px, 0);
}
/* 20px */
.clip20,
.clipIcon img,
.button.clipIcon a img {
  margin-top:                     0;
  clip:                           rect(0, 20px, 20px, 0);
}

/* ------------------------------ product type codes */
.biblioProductType:before {
  margin-top:                     0;
  clip:                           rect(0, 18px, 20px, 0);
}

/* ------------------------------ portal specials */
.portal .error .textHtml .linkContentList {
  width:                          auto;
}
.portal .textHtml .linkContentList {
  float:                          left;
  margin-top:                     16px;
}
.portal .textHtml .linkContentList.gap {
  float:                          none;
  padding-top:                    0;
  padding-right:                  19px;
  padding-bottom:                 0;
  padding-left:                   19px;
}
.start.portal .textHtml .linkContentList {
  float:                          none;
  padding-left:                   24px;
}
/* sitemap portal */
.sitemapPortal .otherSitemap {
  border-bottom-color:            #977537;
}
.sitemapPortal .otherSitemap a:before {
  clip:                           rect(0, 9px, 5px, 0);
  margin-top:                     5px;
}
/* sitemap verlag */
.sitemapVerlag a {
  color:                          #523735;
}
.sitemapVerlag .otherSitemap {
  border-bottom-color:            #523735;
}
.sitemapVerlag .otherSitemap a:before {
  clip:                           rect(15px, 4px, 20px, 0);
  margin-top:                     -10px;
}
/* sitemap buchshop */
.sitemapBuchshop .otherSitemap {
  border-bottom-color:            #4a769a;
}
.sitemapBuchshop a {
  color:                          #4a769a;
}
.sitemapBuchshop .otherSitemap a:before {
  clip:                           rect(10px, 5px, 15px, 0);
  margin-top:                     -5px;
}
/* navigation */
.left .navItems .closed > img,
.left .navItems a:hover > img,
.left .navItems a > img {
  clip:                           rect(0, 4px, 5px, 0);
  margin-top:                     5px;
}
.ext-ie .left .navItems .closed > img,
.ext-ie .left .navItems a:hover > img,
.ext-ie .left .navItems a > img {
  clip:                           rect(0 4px 5px 0);
}
.left .navItems .opened.active > img {
  clip:                           rect(0, 25px, 5px, 4px);
  margin-top:                     6px;
}
.ext-ie .left .navItems .opened.active > img {
  clip:                           rect(0 25px 5px 4px);
}
.right .navItems a:hover > img,
.main .navItems a:hover > img {
  clip:                           rect(27px, 9px, 36px, 0);
  margin-top:                     -24px;
}
.right .navItems a > img,
.main .navItems a > img {
  clip:                           rect(0px, 9px, 9px, 0);
  margin-top:                     3px;
}
.ext-ie .right .navItems a:hover > img,
.ext-ie .main .navItems a:hover > img {
  clip:                           rect(27px 9px 36px 0);
}
/* right buchshop navigation */
.right .buchshop .otherNavigation:before,
.right .buchshop h2,
.right .buchshop a {
  color:                          #4a769a;
}
.right .buchshop a {
  background-color:               #dbe4eb;
}
.right .buchshop .navItems a > img {
  clip:                           rect(18px, 10px, 27px, 0);
  margin-top:                     -14px;
}
/* SJM-2930 */
.priceEUR {
  display: none;
}