@charset "iso-8859-1";

/*
file         screen.css
license      (c) 2009-2011 bpm consult ag, CH-Birsfelden - all rights reserved.

version history:
2.7.0-0  31.08.2009  sb   initial release
2.7.0-1  15.04.2010  mha  some updates (detailText annotation)
2.7.0-2  26.04.2010  mha  ".tab" with 30px padding bottom     
2.7.0-3  27.04.2010  mha  ".payoff p" and ".headerSection1 .headerSectionTitle a" with color white and "linkContentList" with correct icons
2.7.0-4  27.04.2010  mha  padding 25 to 30px, see XXX: Testing, need to be removed if everything works 
2.7.0-5  18.05.2010  mha  fixed some margin for ul/li on the portal / front page (.infotext)
2.7.0-6  30.06.2010  mha  added some css for templatesInfoHughGeneric and containerGenericRuler
2.7.0-7  01.11.2010  mha  150% line-height for basketItemArticle,notepadItemArticle and resultItemArticle
3.0.0-0  03.11.2010  sb   support for beeline 3 backend added [SJM-1096]
3.0.0-1  11.11.2010  sb   iframe added [SJM-1097]
3.0.0-2  18.11.2010  dst  included all browser support on Ext JS body class [SJM-1002]
3.0.0-3  20.06.2011  sb   relative position on bookpack added [SJM-1158]
3.0.0-4  24.06.2011  mha  added position relative also to navcontent (subnavigation in the main)
3.0.0-5  27.06.2011  mha  added position relative also to result
3.0.4-0  14.10.2011  sb   animation fixed (beeline 3.0.4 compatibility) [SJM-1552]
3.0.4-1  25.10.2011  sb   browser compatibility for ie6-9 fixed (beeline 3.0.4 compatibility) [SJM-1552]
*/

/** GLOBAL DEFAULTS **/
* {
  margin:               0;
  border:               0;
  padding:              0;
}
body {
  height:               100%;
  width:                950px;
  margin:               0 auto;
  background-position:  50% 120px;
  background-repeat:    repeat-x;
  color:                #333333;
  font-family:          Verdana, sans-serif;
  font-size:            11px;
}
body.iframe {
  width:                100%;
  background:           none;
}
table {
  width:                100%;
  border-collapse:      collapse;
}
form {
  display:              inline;
}
input[type=text], input[type=password], select, textarea, input[type=email], input[type=time], input[type=date], input[type=url] {
  border-top:           1px solid #999999;
  border-right:         1px solid #dddddd;
  border-bottom:        1px solid #dddddd;
  border-left:          1px solid #dddddd;
  padding:              2px 1px 1px 1px;
  font-size:            11px;
}
input[type=submit], input[type=reset], a.button {
  padding:              2px 10px 2px 10px;
  cursor:               pointer;
  color:                #ffffff;
  font-weight:          bold;
  font-size:            11px;
}
input[type=submit]:hover, input[type=reset]:hover, a.button:hover {
  background-color:     #000000;
  color:                #ffffff;
}
input[disabled] {
  background-color:     #cccccc !important;
  color:                #eeeeee !important;
  cursor:               default !important;
}
a, span.link, span.nolink {
  font-weight:          bold;
  text-decoration:      none;
  cursor:               pointer;
}
span.nolink {
  cursor:               auto;
}
a:hover, span.link:hover {
  color:                #000000;
  text-decoration:      underline;
}
a.button {
  padding:              3px 10px 3px 10px;
  line-height:          22px;
}
a.button:hover {
  text-decoration:      none;
}
.button {
  cursor:               pointer;
}
.warning {
  padding-top:          5px;
  color:                #ff0000;
  font-weight:          bold;
}
.warning div {
  padding-bottom:       5px;
}
h1 {
  padding:              2px 0 8px 0;
  font-family:          Georgia, Serif;
  font-weight:          bold;
  font-size:            18px;
}
h2 {
  padding:              2px 0 6px 0; 
  font-family:          Georgia,Serif;
  font-weight:          bold;
  font-size:            16px;
}
h3 {
  padding:              2px 0 6px 0; 
  font-family:          Georgia,Serif;
  font-weight:          bold;
  font-size:            14px;
}
.secret {
  visibility:           hidden;
}
.noVisible {
  visibility:           hidden;
}

/** ICON SPRITES **/
.clip {
  position:             absolute;
}
.portal .clip {
  clip:                 rect(0, 20px, 20px, 0);
}
.verlag .clip {
  margin-top:           -20px;
  clip:                 rect(20px, 20px, 40px, 0);
}
.buchshop .clip {
  margin-top:           -40px;
  clip:                 rect(40px, 20px, 60px, 0);
}
.clip:hover {
  margin-top:           -60px;
  clip:                 rect(60px, 20px, 80px, 0);
}
.clipIcon {
  margin-left:          -25px;
}
.clipText {
  display:              block;
  line-height:          25px;
  padding:              5px 0 0 25px;
  font-weight:          bold;
}
.clipText:hover .clip {
  margin-top:           -60px;
  clip:                 rect(60px, 20px, 80px, 0);
}
.clipLink {
  position:             absolute;
  margin-left:          -15px;
}
.portal .clipLink {
  margin-top:           2px;
  clip:                 rect(0, 9px, 9px, 0);
}
.verlag .clipLink {
  margin-top:           -7px;
  clip:                 rect(9px, 9px, 18px, 0);
}
.buchshop .clipLink, .overlayBox .clipLink {
  margin-top:           -16px;
  clip:                 rect(18px, 9px, 27px, 0);
}
a:hover .clipLink, span.link:hover .clipLink {
  margin-top:           -25px;
  clip:                 rect(27px, 9px, 36px, 0);
}
.clipArrow {
  position:             absolute;
  margin-left:          -8px;
}
.portal .clipArrow {
  margin-top:           4px;
  clip:                 rect(0, 5px, 5px, 0);
}
.verlag .clipArrow {
  margin-top:           -1px;
  clip:                 rect(5px, 5px, 10px, 0);
}
.buchshop .clipArrow {
  margin-top:           -6px;
  clip:                 rect(10px, 5px, 15px, 0);
}
a:hover .clipArrow, span.link:hover .clipArrow {
  margin-top:           -11px;
  clip:                 rect(15px, 5px, 20px, 0);
}
.clip16 {
  position:             absolute;
  margin-left:          -16px;
  cursor:               pointer;
}
.portal .clip16 {
  clip:                 rect(0, 16px, 16px, 0);
}
.verlag .clip16 {
  margin-top:           -16px;
  clip:                 rect(16px, 16px, 32px, 0);
}
.buchshop .clip16 {
  margin-top:           -32px;
  clip:                 rect(32px, 16px, 48px, 0);
}
.clip16:hover {
  margin-top:           -48px;
  clip:                 rect(48px, 16px, 64px, 0);
}
.clipNext {
  height:               16px;
  margin-left:          20px;
}

/** DASH **/
.dash {
  line-height:          100%;
  font-family:          Arial, sans-serif;
  font-size:            13px;
}
.portal .dash {
  color:                #977537;
}
.verlag .dash {
  color:                #523735;
}
.buchshop .dash {
  color:                #4a769a;
}

/** HEADER **/
.header {
  clear:                both;
  height:               65px;
}
.header > div {
  float:                left;
  height:               100%;
}
.headerLogo {
  width:                214px;
}

/** HEADER SECTION **/
.headerSection1 {
  width:                260px;
}
.headerSection2, .headerSection3 {
  width:                130px;
}
.headerSectionTitle a {
  display:              block;
  padding:              35px 10px 5px 10px;
  font-family:          Georgia, Serif;
  font-weight:          bold;
  font-size:            18px;
  line-height:          25px;
  text-decoration:      none;
}
.headerSectionTitle a:hover {
  color:                #ffffff !important;
}
.headerSection1 .headerSectionTitle a {
  color:                #ffffff !important;
}

/** HEADER SECTION PORTAL **/
.portal .headerSection1 {
  color:                #eae3d7;
  background-color:     #977537;
  background-image:     url(images/portal_bt_main.jpg);
}
.portal .headerSection1 a {
  color:                #eae3d7;
}
.portal .headerSection2 {
  color:                #dcd7d7;
  background-color:     #523735;
  background-image:     url(images/verlag_bt_small.jpg);
}
.portal .headerSection2 a {
  color:                #dcd7d7;
}
.portal .headerSection3 {
  color:                #dbe4eb;
  background-color:     #4a769a;
  background-image:     url(images/buchshop_bt_small.jpg);
}
.portal .headerSection3 a {
  color:                #dbe4eb;
}

/** HEADER SECTION PUBLISHER **/
.verlag .headerSection1 {
  color:                #dcd7d7;
  background-color:     #523735;
  background-image:     url(images/verlag_bt_main.jpg);
}
.verlag .headerSection1 a {
  color:                #dcd7d7;
}
.verlag .headerSection2 {
  color:                #eae3d7;
  background-color:     #977537;
  background-image:     url(images/portal_bt_small.jpg);
}
.verlag .headerSection2 a {
  color:                #eae3d7;
}
.verlag .headerSection3 {
  color:                #dbe4eb;
  background-color:     #4a769a;
  background-image:     url(images/buchshop_bt_small.jpg);
}
.verlag .headerSection3 a {
  color:                #dbe4eb;
}

/** HEADER SECTION BOOKSTORE **/
.buchshop .headerSection1 {
  color:                #dbe4eb;
  background-color:     #4a769a;
  background-image:     url(images/buchshop_bt_main.jpg);
}
.buchshop .headerSection1 a {
  color:                #dbe4eb;
}
.buchshop .headerSection2 {
  color:                #dcd7d7;
  background-color:     #523735;
  background-image:     url(images/verlag_bt_small.jpg);
}
.buchshop .headerSection2 a {
  color:                #dcd7d7;
}
.buchshop .headerSection3 {
  color:                #eae3d7;
  background-color:     #977537;
  background-image:     url(images/portal_bt_small.jpg);
}
.buchshop .headerSection3 a {
  color:                #eae3d7;
}

/** HEADER SEARCH **/
.headerSearch {
  width:                214px;
}
.headerSearch p {
  padding:              2px 10px 0 10px;
}
.headerSearch p:first-child {
  margin-top:           6px;
}
.headerSearch input[type=text] {
  width:                191px;
}
.headerSearch select {
  width:                173px;
  margin-right:         2px;
}
.headerSearch input[type=image] {
  margin-bottom:        -5px;
}

/** TOP NAVIGATION **/
.top {
  clear:                both;
  height:               55px;
}
.top > div {
  float:                left;
  height:               100%;
}
.topNavLeft {
  width:                605px;
}
.topNavLeft ul {
  margin-left:          0;
  padding:              33px 10px 0 10px;
  font-family:          Georgia, Serif;
  font-weight:          bold;
  font-size:            13px;
}
.topNavLeft li.active a {
  color:                #000000;
}
.topLanguage {
  width:                130px;
}
.topLanguage ul {
  margin-left:          0;
  padding:              35px 10px 0 10px;
}
.topNavRight {
  width:                215px;
  font-size:            10px;
}
.topNavRight p {
  padding:              21px 10px 0 10px;
}
.topNavRight ul {
  margin-left:          0;
  padding:              2px 10px 0 10px;
}
.top li {
  float:                left;
  margin-left:          4px;
  padding-left:         4px;
  list-style-type:      none;
}
.top li:first-child {
  margin-left:          0;
  border-left:          0;
  padding-left:         0;
}

/** PAY-OFF AREA **/
.payoff {
  clear:                both;
}
.payoff > div {
  float:                left;
  height:               100%;
  min-height:           30px;
  overflow:             hidden;
}
.payoff p {
  padding:              0px 10px 0 10px;
  font-family:          Georgia, Serif;
  color:                #ffffff;
}
.payoff a {
  font-weight:          normal;
  text-decoration:      none;
}
.payoff a:hover {
  color:                #ffffff !important;
}
.payoff .dash {
  padding-top:          5px;
  font-size:            28px;
}
.payoff1 {
  width:                475px;
  font-size:            28px;
}
.payoff2, .payoff3 {
  width:                130px;
  font-size:            20px;
}
.payoff4 {
  width:                215px;
}
.start .payoff1, .start .payoff2, .start .payoff3 {
  height:               240px;
}

/** PAY-OFF AREA PORTAL **/
.portal .payoff1, .portal .payoff1 .dash {
  color:                #eae3d7;
}
.portal .payoff2 {
  background-color:     #523735;
  background-image:     url(images/verlag_image.jpg);
  background-position:  100% 0;
  color:                #dcd7d7;
}
.portal .payoff2 a, .portal .payoff2 .dash {
  color:                #dcd7d7;
}
.portal .payoff3 {
  background-color:     #4a769a;
  background-image:     url(images/buchshop_image.jpg);
  color:                #dbe4eb;
}
.portal .payoff3 a, .portal .payoff3 .dash {
  color:                #dbe4eb;
}

/** PAY-OFF AREA PUBLISHER **/
.verlag .payoff1, .verlag .payoff1 .dash {
  color:                #dcd7d7;
}
.verlag .payoff2 {
  background-color:     #977537;
  background-image:     url(images/portal_image.jpg);
  color:                #eae3d7;
}
.verlag .payoff2 a, .verlag .payoff2 .dash {
  color:                #eae3d7;
}
.verlag .payoff3 {
  background-color:     #4a769a;
  background-image:     url(images/buchshop_image.jpg);
  color:                #dbe4eb;
}
.verlag .payoff3 a, .verlag .payoff3 .dash {
  color:                #dbe4eb;
}

/** PAY-OFF AREA BOOKSTORE **/
.buchshop .payoff1, .buchshop .payoff1 .dash {
  color:                #dbe4eb;
}
.buchshop .payoff2 {
  background-color:     #523735;
  background-image:     url(images/verlag_image.jpg);
  background-position:  100% 0;
  color:                #dcd7d7;
}
.buchshop .payoff2 a, .buchshop .payoff2 .dash {
  color:                #dcd7d7;
}
.buchshop .payoff3 {
  background-color:     #977537;
  background-image:     url(images/portal_image.jpg);
  color:                #eae3d7;
}
.buchshop .payoff3 a, .buchshop .payoff3 .dash {
  color:                #eae3d7;
}


/** ALERT MESSAGE BOX **/
#alert {
  display:              none;
}
.alertBg {
  position:             fixed;
  top:                  0;
  left:                 0;
  height:               100%;
  width:                100%;
  background-image:     url(images/alertBg.png);
  z-index:              400;
}
.alertbox {
  position:             absolute;
  min-width:            200px;
  max-width:            1070px;
  z-index:              500;
}
.ext-ie7 .alertbox {
  
}
.alertboxTopLeft {
  float:                left;
  height:               30px;
  width:                15px;
  background-image:     url(images/alertbox.png);
}
.ext-ie7 .alertboxTopLeft, .ext-ie6 .alertboxTopLeft {
  margin-bottom:        -30px;
  position:             absolute;
  top:                  -30px;
}
.alertboxTopRight {
  position:             relative;
  max-height:           25px;
  margin:               0 -25px 0 15px;
  padding:              5px 30px 0 0;
  line-height:          25px;
  background-image:     url(images/alertbox.png);
  background-position:  100% 0;
  font-weight:          bold;
}
.ext-ie7 .alertboxTopRight {
  position:             absolute;
  left:                 0px;
  top:                  -30px;
  right:                0px;
  overflow:             hidden;	
  margin:               0 -15px 0 15px;
}
.alertboxTopRight .alertboxClose {
  position:             absolute;
  top:                  5px;
  right:                12px;
  height:               16px;
  width:                16px;
  margin-top:           5px;
  background-image:     url(images/alertboxClose.png);
  cursor:               pointer;
}
.alertboxTopRight .alertboxClose:hover {
  background-position:  100% 100%;
}
.alertboxMiddleLeft {
  background-image:     url(images/alertboxBody.png);
}

.alertboxMiddleRight {
  width:                100%;
  margin:               0 -15px 0 15px;
  padding:              20px 10px 5px 0;
  background-image:     url(images/alertboxBody.png);
  background-position:  100% 0;
}
.alertboxMiddleRight .ajaxContent {
  padding-right:        5px;
  text-align:           center;
}
.alertboxMiddleRight .alertboxButton {
  padding:              10px 5px 0 0;
  text-align:           center;
}
.alertboxMiddleRight iframe {
  max-width:            1070px;
}
.alertboxBottomLeft {
  clear:                both;
  float:                left;
  height:               15px;
  width:                15px;
  background-image:     url(images/alertbox.png);
  background-position:  0 100%;
}
.ext-ie7 .alertboxBottomLeft, .ext-ie6 .alertboxBottomLeft {
  margin-bottom:        -15px;
}
.alertboxBottomRight {
  height:               15px;
  width:                100%;
  margin-left:          15px;
  padding-right:        10px;
  background-image:     url(images/alertbox.png);
  background-position:  100% 100%;
}
.ext-ie7 .alertboxBottomRight, .ext-ie6 .alertboxBottomRight {
  position: 			absolute;
  left: 				0px;
  bottom: 				-15px;
  padding-right: 		0px;
}

/** PRINT HEADER **/
.print {
  display:              none;
}

/** CONTENT AREA **/
.content {
  clear:                both;
}
.content > div {
  float:                left;
  height:               100%;
  margin-bottom:        40px;
}
.contentLeft {
  width:                215px;
}
.contentLeftWide {
  width:                475px;
}
.contentMain {
  width:                520px;
}
.contentMainNarrow {
  width:                260px;
}
.contentRight {
  width:                215px;
}

/** BOX WIDTH **/
.narrow, .narrow .infoImage img {
  width:                195px;
}
.wide, .wide .infoImage img, .doublewide .infoImage img {
  width:                240px;
}
.doublewide {
  width:                500px;
}

/** TEXT BOX **/
.text {
  float:                left;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.textImage {
  float:                left;
  height:               auto;
  margin:               0 10px 10px 0;
}
.textSubject {
  margin-bottom:        16px;
  line-height:          150%;
  font-weight:          bold;
  font-size:            13px;
}
.textContent {
  line-height:          150%;
  font-size:            13px;
}
.textContent p {
  margin-bottom:        16px;
}
.textLink a {
  display:              block;
  float:                left;
  padding:              5px 2px 2px 15px;
  line-height:          100%;
}
.textFlash {
  display:              none;
}
.text object {
  outline:              none;
}

/** INFO BOX **/
.info {
  float:                left;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.infoImage img {
  height:               auto;
}
.infoText {
  line-height:          150%;
}
.infoText li {
  margin-left:          18px;
}
.infoLink a {
  display:              block;
  padding:              5px 2px 2px 15px;
  line-height:          100%;
}

/** infoSide and doublewide **/
.infoSide {
  float:                right;
  width:                285px;
  margin-left:          20px;
}
.infoSide .infoLink {
  display:              none;
}
.infoSide .infoText p  {
  margin-top:           16px;
  margin-bottom:        0;
  line-height:          150%;
  font-size:            13px;
}
.infoSide .infoText>p:first-child {
  margin-top:           0;
  margin-bottom:        0;
}
.infoSide  p + ul.linkContentList {
  margin-top:           16px;
}
.infoSide .linkContentList li {
  line-height:          150%;
  font-size:            13px;
  list-style:           square outside url("images/sjm_link_generic.png");
}
.infoSide li {
  margin-left:          18px;
}
.doublewide .infoSubTitle p { 
  /* used by templateInfoHugeGeneric.csp */
  font-size:            13px;
  line-height:          150%;
  padding-bottom:       8px;
}
.doublewide .infoImage img {
  width:                193px; 
  border:               1px solid #D3D3D3;
}


/** BOOK BOX **/
.book {
  float:                left;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.bookImage img {
  float:                left;
  border:               1px solid #dddddd;
  margin:               0 10px 5px 0;
}
.bookPrice {
  margin:               4px 0;
}
.bookAction a, .bookAction span {
  display:              block;
  float:                left;
  height:               20px;
  width:                20px;
  margin-right:         2px;
}
.bookAction img {
  margin:               0 2px 2px 0;
}
.bookText {
  clear:                both;
  line-height:          150%;
}
.bookLink a {
  display:              block;
  padding:              5px 2px 2px 15px;
  line-height:          100%;
}

/** PREVIEW BOX **/
.preview {
  float:                left;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.previewTitle {
  margin-top:           5px;
  padding:              5px 10px 5px 10px;
}
.previewTitle span {
  display:              block;
  padding:              2px 2px 2px 15px;
}
.previewTitle .plus {
  visibility:           hidden;
}
.previewContent {
  padding-top:          5px;
}
.previewContentItem {
  padding:              5px 10px 0 10px;
}
.previewContentItemRemove {
  float:                right;
}
.previewContentItemRemove .clipLink {
  margin-left:          -9px;
}
.previewContentItemArticle {
  display:              block;
  padding-right:        10px;
}
.previewContentItemArticleAuthor {
  display:              block;
  padding-bottom:       2px;
  font-weight:          normal;
}
.previewAction {
  padding:              5px 10px 10px 10px;
}

/** NAV BOX **/
.nav {
  margin:               30px 10px 0 10px;
}
.navTitle {
  margin:               2px 0 7px 0;
}
.navSubject {
  margin-bottom:        16px;
  font-weight:          bold;
  font-size:            13px;
}
.navLinks {
  margin-left:          0;
}
.navLinks li {
  width:                100%;
  margin:               0 0 2px 0;
  list-style-type:      none;
}
.navLinks a {
  display:              block;
  padding:              2px 2px 2px 20px;
  font-family:          Georgia, Serif;
  font-weight:          bold;
  font-size:            13px;
}
.navLinks a.first {
  border-top:           0;
}
.navLinks a:hover, .navLinks li.active a {
  color:                #000000;
}
.navLinksSub {
  margin-left:          0;
  padding-bottom:       2px;
}
.navLinksSub li:first-child {
  margin-top:           2px;
}
.navLinksSub li a {
  border-top:           0;
  padding:              2px 2px 4px 20px;
  font-family:          Verdana, sans-serif;
  font-weight:          normal;
  font-size:            11px;
}
.navLinksSub li.active a {
  font-weight:          bold;
}
.navEnd {
  clear:                both;
}

/** CONTENT NAVIGATION **/
.navcontent {
  position:             relative;
  float:                left;
  width:                500px;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
  padding-left:         15px;
}
.navcontent ul {
  margin-left:          0;
  list-style-type:      none;
}

/** LIST BOX **/
.list {
  margin:               30px 10px 0 10px;
}
.listTitle {
  padding:              2px 0 7px 0;
}
.listSubject {
  margin-bottom:        16px;
  font-weight:          bold;
  font-size:            13px;
}
.listLinks, listUsers {
  margin-left:          0;
}
.listLinks li, .listUsers li {
  float:                left;
  width:                100%;
  margin:               0 0 2px 0;
  list-style-type:      none;
}
.listLinks a {
  display:              block;
  padding:              5px 2px 5px 20px;
}
.listUsers a {
  display:              block;
  padding:              0 0 2px 20px;
}
.listLinks a:hover, .buchshop .listLinks a:hover, .verlag .listLinks a:hover, .listUsers a:hover {
  color:                #000000;
}

/** LIST BOX BOOKSTORE **/
.buchshop .listTitle {
  color:                #4a769a;
}
.buchshop .listLinks a {
  color:                #4a769a;
  background-color:     #dbe4eb;
}

/** LIST BOX PUBLISHER **/
.verlag .listTitle {
  color:                #523735;
}
.verlag .listLinks a {
  color:                #523735;
  background-color:     #dcd7d7;
}

/** LOGIN **/
.login {
  float:                left;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.loginUsername {
  padding:              20px 10px 0 10px;
}
.loginPassword {
  padding:              5px 10px 5px 10px;
}
.loginUsername span, .loginPassword span {
  display:              block;
  font-weight:          bold;
}
.loginUsername input, .loginPassword input {
  width:                99%;
}
.loginAuto {
  padding:              5px 10px 10px 10px;
}
.loginLink {
  padding:              0 10px 0 10px;
}
.loginLink a {
  padding:              3px 0 0 15px;
  line-height:          100%;
}
.loginSubmit {
  padding:              10px 10px 15px 10px;
  text-align:           right;
}

/** LOST PASSWORD **/
.password {
  float:                left;
  width:                500px;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.passwordText {
  padding:              20px 10px 0 10px;
}
.passwordUsername {
  padding:              10px;
}
.passwordUsername span {
  display:              block;
  font-weight:          bold;
}
.passwordUsername input {
  width:                99%;
}
.passwordSubmit {
  padding:              10px 10px 20px 10px;
  text-align:           right;
}

/** REGISTER **/
.register {
  float:                left;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.registerTab {
  height:               18px;
  margin-left:          0;
}
.registerTab li {
  cursor:               pointer;
  float:                left;
  display:              block;
  padding:              2px 10px 2px 10px;
  font-weight:          bold;
  white-space:          nowrap;
}
.registerTab li.active {
  cursor:               default;
}
.registerTab li:hover {
  background-color:     #000000;
  color:                #ffffff;
}
.registerForm {
  clear:                both;
  width:                100%;
}
.registerForm td {
  padding:              10px 10px 0 10px;
}
.registerForm input[type=text], .registerForm input[type=password], .registerForm select {
  width:                240px;
}
.registerForm input[type=submit] {
  margin-bottom:        15px;
}
.registerForm span {
  padding-right:        20px;
}

/** SEARCH **/
.search {
  float:                left;
  margin:               10px 10px 0 10px;
  padding-bottom:       10px;
}
.searchForm {
  padding:              10px 10px 5px 10px;
}
.searchForm p {
  margin-bottom:        2px;
}
.searchForm input[type=text] {
  width:                290px;
  margin-right:         10px;
}
.searchForm input.long {
  width:                420px;
  margin-right:         15px;
}
.searchForm input.short {
  width:                250px;
}
.searchForm input.date {
  width:                200px;
  margin:               0 -8px 0 8px;
}
.searchForm .key, .searchOptions .key {
  float:                left;
  width:                130px;
  padding-right:        10px;
}
.searchForm input[type=image] {
  margin-left:          4px;
}
.searchEnhance {
  padding:              0 310px 10px 10px;
}
.searchEnhance .link, .searchOptions .link {
  display:              block;
  padding:              0 2px 0 15px;
}
.searchOptions {
  display:              none;
  padding:              0 10px 10px 10px;
}
.searchOptions p {
  padding-top:          8px;
}
.search th, .search td {
  padding:              2px;
  text-align:           left;
}
.contentMainNarrow .searchForm {
  width:                220px;
  margin-bottom:        10px;
  padding:              10px 10px 20px 10px;
}
.contentMainNarrow .searchForm span {
  font-weight:          bold;
}
.contentMainNarrow .searchForm input.short {
  width:                210px;
  margin-bottom:        5px;
}
.contentMainNarrow .searchForm select.short {
  width:                185px;
  margin-right:         5px;
}
.contentMainNarrow .searchForm input[type="image"] {
  margin-left:          3px;
}

/** NEWSLETTER **/
.newsletter {
  float:                left;
  width:                500px;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.newsletterTitle {
  font-weight:          bold;
  font-size:            13px;
}
.newsletterText {
  padding:              5px 0 5px 0;
  line-height:          150%;
}
.newsletterCheck {
  padding:              2px 0 2px 0;
}
.newsletterForm {
  padding:              5px;
}
.newsletterForm span {
  float:                left;
  width:                120px;
}
.newsletterForm input {
  width:                300px;
}
.newsletterActions {
  text-align:           center;
}

/** DETAIL **/
.detail {
  float:                left;
  margin:               10px 10px 0 10px;
  padding-bottom:       10px;
}
.detailAuthor {
  font-family:          Georgia, Serif;
  font-weight:          bold;
  font-size:            13px;
}
.detailTitle {
  padding:              2px 0 2px 0;
  font-family:          Georgia, Serif;
  font-weight:          bold;
  font-size:            18px;
}
.detailSubtitle {
  font-family:          Georgia, Serif;
  font-size:            13px;
}
.detailDMR {
  display:              none;
}
.detailLink a {
  display:              block;
  padding:              2px 0 0 15px;
  line-height:          100%;
}
.detailCover {
  float:                left;
  width:                150px;
}
.detailCover .cover {
  height:               auto;
  max-width:            150px;
  min-width:            128px;
}
.detailCover .othericons {
  height:               20px;
  padding:              10px 0 0 15px;
}
.detailCover .othericons span {
  padding-right:        20px;
}
#showpick  {
  display:              block;
  padding:              5px 0 0 25px;
  line-height: 			25px;
  border-bottom: 		1px dotted #4A769A;
}
.detailOverlay {
  position:             relative;	
  max-width:            150px;
  min-width:            128px;
}
.detailOverlay a {
  text-decoration:      none;	
}
.detailOverlay .clipIcon {
  margin-left: 			0;
}
.detailOverlayTextbuchshop {
  text-align:           right;
  color:                #4A769A;
  text-decoration:      none;
}
.detailOverlayTextportal {
  text-align:           right;
  color:                #977537;
  text-decoration:      none;
}
.detailOverlayTextverlag {
  text-align:           right;
  color:                #523735;
  text-decoration:      none;
}
.detailOverlayImage {
  position:              absolute;
  right:                 -20px;
  top:                   -2px;	
}

.detailOverview {
  float:                right;
  width:                325px;
  font-size:            11px;
}
.detailOverview th, .detailOverview td {
  text-align:           left;
  vertical-align:       top;
  padding-bottom:       2px;
}
.detailOverview th {
  padding-right:        10px;
}
.detailOverview .bottomSpace {
  padding-bottom:       10px;
}
.detailOverview .bold {
  font-weight:          bold;
}
.detailText {
  clear:                both;
  /*padding:              5px 0 10px 0;*/
  padding:              0px 0 10px 0;
  line-height:          150%;
  font-size:            13px;
}
.detailText ul {
  margin-left:          15px;
}
.detailText ol {
  margin-left:          20px;
}
.detailText p {
  margin:               16px 0 0 0;
}
.detailText > p:first-child,
.detailText > p:first-child  + p,
.detailText  .detailTextHeader + p,
.detailText p.detailLink {
  margin-top:           0;
}
.detailText h2 + p {
  margin-top:           0;
}
.detailTextWidget iframe {
  height:               400px;
}
.detailTextHeader {
  color:                #000000;
  font-family:          Verdana, sans-serif;
  font-weight:          bold;
  font-size:            13px;
}
.detailMore > ul {
  float:                left;
  width:                150px;
}
.detailMore > div {
  float:                right;
  width:                325px;
}
.detailMore .activeTab a {
  color:                #000000;
}
.detailMore a {
  padding-top:          6px;
  padding-bottom:       8px;
}

/** TAB **/
.tab {
  float:                left;
  margin:               15px 10px 0 10px;
/* padding-bottom:                           30px; */ /* XXX: Testing imageShow MHA 2010-04-27*/
}
.tabBasket {
  float:                right;
  
}
.tabMail {
  float:                right;
  margin-right:         20px;
}
.tabMailShow {
  margin-top:           -48px !important;
  clip:                 rect(48px, 16px, 64px, 0) !important;
}
.tabPrint {
  float:                right;
  margin-right:         40px;
}
.tabRecommend {
  display:              none;
  margin:               20px 0 20px 0;
  padding:              5px 0 5px 0;
}
.tabRecommendClose {
  text-align:           right;
  padding:              5px;
}
.tabRecommendClose:hover .clipLink {
  margin-top:           -25px;
  clip:                 rect(27px, 9px, 36px, 0);
}
.tabRecommendTitle {
  padding:              0 10px 0 10px;
}
.tabRecommendForm {
  padding:              10px;
}
.tabRecommendForm span {
  float:                left;
  width:                120px;
}
.tabRecommendForm input[type=text] {
  width:                200px;
}
.tabRecommendForm textarea {
  height:               100px;
  width:                200px;
}
.tabRecommendButton {
  padding:              10px;
  text-align:           right;
}
.tabHeader {
  height:               18px;
  margin:               0 0 30px 0;
}
.tabHeader li {
  float:                left;
  list-style-type:      none;
}
.tabHeader li:first-child {
  border-left:          0;
}
.tabHeader li a {
  color:                #ffffff;
}
.tabHeader li.activeTab a:hover {
  text-decoration:      none;
}
.tabHeader a.disabled, .tabHeader a.disabled:hover {
  background-color:     #cccccc;
  color:                #eeeeee;
  text-decoration:      none;
  cursor:               default;
}
.tabHeader a {
  display:              block;
  padding:              2px 10px 2px 10px;
  white-space:          nowrap;
}
.tabHeader a:hover {
  background-color:     #000000;
  color:                #ffffff;
}
.tabPanel {
  clear:                both;
  margin-left:          1px;
}
.tabPanelTitle {
  padding:              16px 1px 8px 1px;
  font-weight:          bold;
  font-size:            13px;
}
.tabLink a {
  display:              block;
  padding:              0 2px 0 15px;
  line-height:          100%;
}

/** AJAX TAB HANDLING **/
.panel {
  display:              none;
}

/** TABLE WITH BORDERS **/
.tableBorders {
  margin-bottom:        10px;
}
.tableBorders th {
  padding:              3px 3px 3px 0;
  text-align:           left;
}
.tableBorders td {
  height:               30px;
  padding:              3px 3px 3px 0;
}
.tableBorders .noLine {
  border:               0;
}
.tableBorders .tabPath {
  height:               auto;
  overflow:             hidden;
  padding-top:          0;
  vertical-align:       top;
}

/** ACCOUNT **/
.account {
  clear:                both;
  padding:              16px 10px 10px 11px;
}
.accountTitle {
  padding:              16px 1px 8px 1px;
}
.account .colAddress {
  text-align:           left;
}
.account .colAddressMain {
  font-weight:          bold;
}
.account .colChoose {
  width:                120px;
  text-align:           center;
}
.account .colEdit, .account .colChange {
  width:                80px;
  text-align:           center;
}
.account .colValue {
  width:                240px;
}
.accountOrders .quantity {
  text-align:           center;
}
.accountLink a {
  display:              block;
  padding:              0 2px 0 15px;
  line-height:          100%;
}
.accountRulerTop, .accountRulerBottom {
  padding:              10px 0 10px 0;
  font-weight:          bold;
  text-align:           right;
}
.accountRulerTop {
  margin-top:           10px;
}
.accountActions {
  height:               20px;
  padding-top:          10px;
  text-align:           right;
}
.accountSearch th, .accountSearch td {
  padding:              5px 10px 5px 10px;
  text-align:           left;
}
.accountSearch tr:first-child p {
  margin-top:           10px;
}
.accountSearch input[type=text] {
  width:                220px;
}
.accountSearchActions p {
  padding:              5px 0 10px 0;
}

/** CONTACT **/
.contact {
  float:                left;
  width:                500px;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.contact td {
  vertical-align:       text-bottom;
}
.contact .txtarea {
  padding-top:          12px;
  vertical-align:       top;
}
.contact textarea {
  height:               80px;
  width:                240px;
}
.contactSubject {
  margin-bottom:        16px;
  line-height:          150%;
  font-weight:          bold;
  font-size:            13px;
}
.contactActions {
  margin:               10px 0 10px 0;
  text-align:           right;
}

/** RESULT **/
.result {
  clear:                both;
  position:             relative;
  padding:              10px;
}
.resultTitle, .resultSort {
  padding:              15px 0px 5px 0px;
}
.resultSort > span {
  float:                right;
}
.resultSort > span a {
  margin-right:         18px;
}
.resultRulerTop, .resultRulerBottom {
  height:               12px;
  padding:              5px 0 5px 0;
  text-align:           right;
}
.resultRulerTop a, .resultRulerTop > span, .resultRulerBottom a, .resultRulerBottom > span {
  margin: 				0 0 0 3px;	
}
.resultItem {
  margin-top:           30px;
}
.resultItemCover {
  float:                left;
  max-height:           100px;
}
.resultItemArticle {
  float:                right;
  width:                430px;
  line-height:          150%;
}
.resultItemArticleAuthor {
  margin-bottom:        2px;
  font-weight:          bold;
}
.resultItemArticleTitle {
  font-size:            13px;
}
.resultItemArticlePrice {
  margin:               2px 0 2px 0;
  font-weight:          bold;
}
.resultItemAction {
  clear:                both;
  padding:              0 0 10px 85px;
}
.resultItemAction span {
  float:                right;
  margin-top:           -9px;
}
.resultItemAction span a, .resultItemAction span span {
  display:              block;
  float:                left;
  height:               20px;
  width:                20px;
  margin-top:           0;
  margin-right:         2px;
}
.resultItemAction span img {
  margin-right:         2px;
}

/** BOOKPACK **/
.bookpack {
  clear:                both;
  position:             relative;
  /*padding:              15px 0 10px 0;*/ /* XXX:  MHA 2010-04-27 */
  padding:              30px 0 10px 0;
}
.bookpackRulerTop, .bookpackRulerBottom {
  clear:                both;
  margin:               0 10px 0 10px;
  padding:              5px 0 5px 0;
  text-align:           right;
}
.bookpackRulerTop a, .bookpackRulerTop > span, .bookpackRulerBottom a, .bookpackRulerBottom > span {
  margin: 				0 0 0 3px;	
}
.bookpack .book {
  height:               240px;
  overflow:             hidden;
}
.bookpack .book .dash {
  display:              none;
}
.bookpack .resultItem {
  margin:               10px; 
  margin-top:           30px;
}
.bookpack h1.textTitle, .bookpack p.infoText {
  margin-left:          10px;
  margin-right:          10px;
}
.bookpack p.infoText {
  font-size:            13px;
  line-height:          150%;
}

/** CHALLENGE **/
.challenge {
  margin-top:           30px;
}
.challengeTitle {
  padding:              0 3px 7px 3px;
  font-weight:          bold;
}
.challengeQuestions {
  display:              none;
}
.challengeInfo {
  padding:              7px 3px 15px 3px;
}
.challengeActions {
  text-align:           center;
}

/** EVENT **/
.events {
  clear:                both;
  margin:               0 10px 0 10px;
  padding:              30px 0 10px 0;
}
.events.doublewide {
  line-height:          150%;
  font-size:            13px;
}
.eventsCaption {
  margin-bottom:        10px;
}
.eventsRulerTop, .eventsRulerBottom {
  padding:              5px 0 5px 0;
  text-align:           right;
  font-size:			11px;
}
.eventsRulerTop a, .eventsRulerTop > span, .eventsRulerBottom a, .eventsRulerBottom > span {
  margin:				0 0 0 3px;	
}
.eventsItem {
  clear:                both;
  padding-top:          10px;
  padding-bottom: 		7px;
}
.eventsItemCategorie {
  font-weight:			bold;
  font-size:			11px;	
}
.eventsItemTitle {
  font-size: 			13px;
  font-weight:			bold;             
}
.eventsItemVenue {
  font-weight:			bold;
  font-size:			11px;	
}
.eventsItemText {
  margin: 				5px 0;	
}
.eventsItemDate {
  display:				inline-block;	
}
.ext-ie7 .eventsItemDate, .ext-ie7 .eventsItemTime {
  display:				inline;	
}
.eventsItemTime {
  display:				inline-block;	
}
.eventsItemLink {
  display:              block;
  padding:              5px 2px 2px 15px;
  line-height:          100%;
  font-size:			11px;
}

/** EVENT ENTER **/
.eventEnter input[type=text], .eventEnter input[type=url], .eventEnter textarea {
  width:                300px;
  font-family:			Verdana,sans-serif;
}
.eventEnter input[type=file] {
  width:                292px; 
}
.ext-chrome .eventEnter input[type=file], .ext-ie8 .eventEnter input[type=file] {
  width: 				302px;
}
#eventEnterText {
  height:				300px;
}
.ext-chrome .eventEnterAttachment .button.save, .ext-chrome .eventEnterImage .button.save {
  float:				none;	
}
.eventHeading {
  padding: 				2px 0 15px;	
}
.eventEnter p {
  margin-bottom:        5px;	
}
.eventEnter select {
  width:                306px;
}
.eventEnter label {
  font-weight:			bold;	
}
.eventEnterImageloaded img {
  max-width:            306px;
}
.eventEnterImageloadedDelete, .eventEnterAttachmentloadedDelete {
  display:              block;
  margin-top:			3px;
}
.eventEnterImageloadedDelete label, .eventEnterAttachmentloadedDelete label {
  position:				relative;
  bottom:				3px;	
}
.eventEnterDatefrom, .eventEnterDatethru, .eventEnterTimefrom, .eventEnterTimethru {
  display:              inline-block;
}
input#eventEnterDateFrom, input#eventEnterDateThru, input#eventEnterTimeFrom, input#eventEnterTimeThru {
  width:				70px;	
}
.eventEnterDatefrom, .eventEnterTimefrom {
  width:                320px;
}
.eventEnterDatethru .key, .eventEnterTimethru .key {
  width:                76px;
}
.eventEnterOrganizer {
  border-bottom: 		1px dotted #977537;	
  padding-bottom:       15px;
}
.eventEnterAddress {
  margin-top:           16px;
}
.eventEnterAddressnew {
  margin-bottom:        16px;
}
.eventEnterAddressnew .value {
  padding-bottom:       4px;
}
.eventEnterActions {
  padding-top: 			20px;
  border-bottom: 		1px dotted #977537;
}
.eventEnterActions .back {
  display: 				inline-block;
  margin-right: 		8px;
  padding-bottom: 		8px;
}
.eventEnterActions .button.continue, .button.save {
  float:                right;	
}
.eventEnter .key {
  min-height: 			22px;
  padding-right: 		8px;
  text-align: 			left;
  width: 				125px;
}
.eventEnter .key, .eventEnter .value {
  display: 				inline-block;
  padding-top: 			2px;
  vertical-align: 		top;
}
.eventEnterActions .value {
  display:				block; 	
}
.eventText {
  border-bottom: 		1px dotted #977537;	
  border-top: 			1px dotted #977537;
  padding:				15px 0 8px 0;
  margin-top:			15px;
  font-size:			13px;
}

/** EVENT SEARCH **/
.ext-chrome #eventSearchDateIndexed {
  width:				200px;  	
}
.ext-chrome #eventSearchTextQuickSearch {
  width:				300px;	
}

/** EVENT QUICKLIST **/
.eventQuicklist {
  float: 				left;
  margin: 				30px 0 0 10px;
  width:				500px;
}
.eventQuicklistRulerTop {
  border-bottom: 		1px dotted #977537;
  padding:              5px 0;
  text-align:           right;	
}
.verlag .eventQuicklistRulerTop {
  border-bottom: 		1px dotted #523735; 	
}
.buchshop .eventQuicklistRulerTop {
  border-bottom: 		1px dotted #4A769A; 	
}
.eventQuicklistRulerBottom {
  margin:           	0 0 30px 0;
  padding:              5px 0;
  text-align:           right;	
}
.eventQuicklistRulerTop a, .eventQuicklistRulerTop > span, .eventQuicklistRulerBottom a, .eventQuicklistRulerBottom > span {
  margin: 				0 0 0 3px;	
}
.eventQuicklistHeader {
  border-bottom:        1px solid #977537;
  margin:           	30px 0 0 0;
  padding:              2px 0 2px 0;
  font-weight:          bold;
  word-spacing:         -4px;
}
.buchshop .eventQuicklistHeader {
  border-bottom: 		1px solid #4A769A; 	
}

.verlag .eventQuicklistHeader {
  border-bottom: 		1px solid #523735; 	
}
.eventQuicklistText {
  font-weight:			bold; 	
}
.eventQuicklistActions {
  border-bottom: 		1px dotted #977537;   
  height:				20px; 
}
.eventQuicklistActions a, .eventQuicklistActions span {
  height:				16px;
  width:				16px;	
  display: 				block;
  float:				right;
  margin-left:			3px;
}
.buchshop .eventQuicklistActions {
  border-bottom: 		1px dotted #4A769A; 	
}
.verlag .eventQuicklistActions {
  border-bottom: 		1px dotted #523735; 	
}
.eventQuicklistActions .clip16 {
  margin-left: 			0px;	
}
.box .eventQuicklistHeader, .boxstatic .eventQuicklistHeader {
  display:              none;
}
.eventQuicklistHeader > p {
  display:              inline-block;
  letter-spacing:       normal;
  word-spacing:         normal;
  vertical-align:       top;
}
.ext-ie6 .eventQuicklistHeader > p, .ext-ie7 .eventQuicklistHeader > p {
  display:              inline;
}
.eventQuicklistHeaderDate {
  width:                80px;
}
.ext-chrome .eventQuicklistHeaderDate {
  width:				75px;	
}
.eventQuicklistHeaderTitle {
  width:                300px;
}
.ext-chrome .eventQuicklistHeaderTitle {
  width:				296px;	
}
.eventQuicklistHeaderCity {
  width:                120px;
}
.eventQuicklistPositions {
  border-bottom: 		1px dotted #977537;
  padding-bottom: 		30px;
} 
.buchshop .eventQuicklistPositions {
  border-bottom: 		1px dotted #4A769A; 	
}
.verlag .eventQuicklistPositions {
  border-bottom: 		1px dotted #523735; 	
}
.eventQuicklistPositionsItem {
  border-top:           1px dotted #977537;
  padding:              4px 0 4px 0;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.buchshop .eventQuicklistPositionsItem {
  border-top: 			1px dotted #4A769A; 	
}
.verlag .eventQuicklistPositionsItem {
  border-top: 			1px dotted #523735; 	
}
.eventQuicklistPositionsItem:nth-child(2n+1) {
  background-color:             #EAE3D7;  	
}
.eventQuicklistPositionsItem:nth-child(2n) {
  background-color:             transparent;  	
}
.eventQuicklistPositionsItem.background {
  background-color:             #EAE3D7;  	
}
.eventQuicklistPositionsItem:first-child {
  border-top:           0;
}
.box .eventQuicklistPositionsItem:first-child, .boxstatic .eventQuicklistPositionsItem:first-child {
  border-top:           0;
}
.eventQuicklistPositionsItem > p {
  display:              inline-block;
  letter-spacing:       normal;
  word-spacing:         normal;
  vertical-align:       top;
}
.ext-ie6 .eventQuicklistPositionsItem > p, .ext-ie7 .eventQuicklistPositionsItem > p {
  display:              inline;
}
.box .eventQuicklistPositionsItem > p, .boxstatic .eventQuicklistPositionsItem > p {
  display:              block;
  width:                auto;
}
.eventQuicklistPositionsItemDate {
  width:                80px;
}
.eventQuicklistPositionsItemTitle {
  width:                300px;
}
.eventQuicklistPositionsItemCity {
  width:                120px;
}
.eventRulerTop {
  border-bottom: 		1px dotted #977537;
  border-top: 			1px dotted #977537;
  font-weight:          bold;
  margin-top:           10px;
  padding:              5px 0;
  text-align:           right;	
}

/** EVENT DETAIL **/
.event {
  float: 				left;
  margin: 				30px 10px 0;	
  width: 				500px;
}
.eventDetail {
  font-family: 			Verdana,sans-serif;
  font-size: 			13px;
  line-height: 			150%;							
  border-bottom: 		1px dotted #977537;
}

.eventDetail .key{
  font-weight:       	bold;	
}
h1.eventDetailTitle {
  
}
.eventDetailItemVenue, .eventDetailItemTime, .eventDetailItemDate {
 font-family: 			Georgia,Serif;
 font-size: 			14px;  
 color: 				#977537;
 display:               inline-block;	
}
.ext-ie7 .eventDetailItemVenue, .ext-ie7 .eventDetailItemTime, .ext-ie7 .eventDetailItemDate {
 display:               inline;	
}
.eventDetailItemCover {
  margin-top:			10px;  	
}
.eventDetailItemCover img {
  width:				100%;	
}

.eventDetailItemContributor {
  margin:               10px 0;  	
}

.eventDetailItemHtml {
  margin-bottom:		10px;			  	
}
.eventDetailItemHtml ol, .eventDetailItemHtml ul {
  padding-left: 		20px;	
}
.eventDetailItemInfoLink {
  overflow:				hidden;  	
}
.eventDetailItemInfoCategories {
  margin-bottom:		10px;			
}
.eventDetailItemActions {
  border-top:			1px dotted #977537;
  border-bottom:		1px dotted #977537;
  height: 				18px;
  padding-top:          2px;  
}
.eventDetailItemActions a, .eventDetailItemActions span {
  display: 				block;
  float: 				right;
  margin-left: 			2px;
  height:				16px;
  width: 				16px;
}
.eventDetailItemActions .clip16 {
  margin-left:			0px;	
}
.eventDetailText {
  margin-top:			20px;
  border-bottom:		1px dotted #977537;  	
}

/** EVENT RECOMMEND **/
.recommend {
  float: 				left;
  margin: 				30px 10px 0;
  padding-bottom: 		10px;
}
.recommendEvent {
  padding:              4px 0 4px 0;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.recommendEvent > div {
  display:              inline-block;
  letter-spacing:       normal;
  word-spacing:         normal;
  vertical-align:       top;
}
.ext-ie6 .recommendEvent > div, .ext-ie7 .recommendEvent > div {
  display:              inline;
}
.recommendEventCover {
  width:                88px;
  padding-top:          2px;
}
.recommendEventInfo {
  width:                504px;
}
.recommendEventInfoHeading {
  font-size:            10px;
  font-weight:          bold;
}
.recommendEventInfoText {
  padding:              2px 0 2px 0;
  font-size:            10px;
}


/** EVENT TEASER **/
.eventTeaser {
  clear: 				both;
  margin: 				0 10px;
  padding: 				30px 0 10px;
  overflow:             hidden;	
}
.eventTeaserText {
  padding-bottom:		6px;	
}
.contentMain .eventTeaserText {
  font-size:			13px;	
}
.eventTeaserList {
  border-top: 			1px dotted #977537; 
  padding-top:          4px; 	
}
.eventTeaserListItem {
  border-bottom: 		1px dotted #977537;
  padding-top:          3px;
  padding-bottom:       3px;
}
.eventTeaserListItemInfoTitle {
  text-weight:          bold;
  margin-bottom:        2px;
  padding: 				2px 0 4px;	
}
.portal .eventTeaserListItemInfoVenue, .portal .eventTeaserListItemInfoDate, .portal .eventTeaserListItemInfoDate, .portal .eventTeaserListItemInfoTime {
 font-family: 			Georgia,Serif; 
 color: 				#977537;
 display:               inline;	
}
.buchshop .eventTeaserListItemInfoVenue, .buchshop .eventTeaserListItemInfoDate, .buchshop .eventTeaserListItemInfoDate, .buchshop .eventTeaserListItemInfoTime {
 font-family: 			Georgia,Serif; 
 color: 				#4A769A;
 display:               inline-block;	
}
.verlag .eventTeaserListItemInfoVenue, .verlag .eventTeaserListItemInfoDate, .verlag .eventTeaserListItemInfoDate, .verlag .eventTeaserListItemInfoTime {
 font-family: 			Georgia,Serif; 
 color: 				#523735;
 display:               inline-block;	
}
.contentMain .eventTeaserListItemInfoText, .contentMain .eventTeaserListItemInfoTime, .contentMain .eventTeaserListItemInfoDate, .contentMain .eventTeaserListItemInfoVenue {
  font-size:			13px;	
}
.eventTeaserListItemInfoText {
  margin-top:           5px;	
}
.eventTeaserListItemInfoLink {
  display:              block;
  line-height: 			100%;
  padding: 				7px 2px 5px 0;
}
.eventTeaserListItemInfoLink span {
  margin-left:          13px;		
}
.eventTeaser .clipLink {
  margin-left: 			0px;
}
/** RECOMMEND SEND **/
.recommendSend {
  padding:              4px 0 4px 0;
}
.recommendSend input[type=email], .recommendSend textarea {
  width:                300px;	
}
.recommendSend input[type=email] {
  margin-bottom: 		2px;
  margin-left: 			11px;
}
.recommendSend textarea {
  height:               120px;
}
.recommendSendMessage .key, .recommendSendMessage .value {
  display: 				inline-block;
  padding-top: 			2px;
  vertical-align: 		top;
}
.ext-ie7 .recommendSend .key {
  
}
.recommendSendActions {
  padding-top:          2px;
  padding-left:         28px;
}
.recommendSendActions .reset {
  margin-right:         8px;
}
.counter {
    display: inline-block;
    font-size: 9px;
    text-align: right;
}
.counter input[type=text] {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    max-width: 20px;
    width: 20px;
}

/** CALENDAR **/
.calendar {
  margin: 				30px 10px 0;
}
.box .calendar {
  border:               0;
}
.box .calendarHeading {
  padding:              0 0 2px 0;
  font-size:            12px;
}
.calendarText {
  margin-bottom:		10px;	
}
.calendarMenu {
  padding-bottom:       4px;
  padding-top:       	4px;
  font-weight:          bold;
  text-align:           center;
  border-left: 			1px solid #977537;
  border-right: 		1px solid #977537;
  border-top: 			1px solid #977537;
}
.buchshop .calendarMenu {
  border-left: 			1px solid #4A769A;
  border-right: 		1px solid #4A769A;
  border-top: 			1px solid #4A769A;
}
.verlag .calendarMenu {
  border-left: 			1px solid #523735;
  border-right: 		1px solid #523735;
  border-top: 			1px solid #523735;
}
.box .calendarMenuMonth {
  font-family:          Arial, sans-serif;
}
.calendarMenu > p {
  display:              inline-block;
  padding:              0;
}
.ext-ie6 .calendarMenu > p, .ext-ie7 .calendarMenu > p {
  display:              inline;
  margin-left:			2px;
}
.calendarMenu a {
  display:              block;
  width:                24px;
  border:               1px solid #d7d7d7;
  border-radius:        2px;
  -moz-border-radius:   2px;
  -webkit-border-radius:2px;
  background-color:     #eeeeee;
}
.box .calendarMenu a {
  width:                16px;
}
.calendarMenu a:hover {
  border:               1px solid #977537;
  background-color:     #EAE3D7;
  text-decoration:      none;
}
.buchshop .calendarMenu a:hover {
  border:               1px solid #4A769A;
  background-color:     #DBE4EB;	
}
.verlag .calendarMenu a:hover {
  border:               1px solid #523735;	
  background-color:     #DCD7D7;
}
.calendarDays {
  border:               1px solid #977537;
}
.buchshop .calendarDays {
  border:               1px solid #4A769A;  	
}
.verlag .calendarDays {
  border:               1px solid #523735;  	
}
.box .calendarDays {
  font-family:          Arial, sans-serif;
  font-size:            11px;
}
.calendarDays th {
  padding:              1px;
  color:                #ffffff;
  background-color:     #977537;
  font-weight:          normal;
}
.calendarDays td {
  padding:              1px;
  text-align:           center;
}
.calendarDaysLast, .calendarDaysNext {
  color:                #999999;
}
.calendarDaysWeekend {
  background-color:     #eeeeee;
}
.calendarDaysEvent a {
  display:              block;
  outline:              0;
  border:               1px solid #977537;
  border-radius:        2px;
  -moz-border-radius:   2px;
  -webkit-border-radius:2px;
  background-color:     #EAE3D7;
  font-weight:          bold;
}
.buchshop .calendarDaysEvent a {
  border:               1px solid #4A769A;  	
}
.verlag .calendarDaysEvent a {
  border:               1px solid #523735;  	
}
.calendarDaysToday {
  border-radius:        2px;
  -moz-border-radius:   2px;
  -webkit-border-radius:2px;
  background-color:     #e9cdd2;
  color:                #a0001b;
  font-weight:          bold;
}
.calendarDaysToday .calendarDaysEvent a {
  background-color:     inherit;
}
.calendarSelection {
  display:              none;
  position:             absolute;
  z-index:              10;
  box-shadow:           2px 2px 4px 0 #333333;
  -moz-box-shadow:      2px 2px 4px 0 #333333;
  -webkit-box-shadow:   2px 2px 4px 0 #333333;
  min-width:            160px;
  max-width:            400px;
  margin:               2px;
  border:               1px solid #999999;
  border-radius:        2px;
  -moz-border-radius:   2px;
  -webkit-border-radius:2px;
  padding:              2px 0 2px 0;
  background-color:     #eeeeee;
  font-family:          Arial, sans-serif;
  font-size:            11px;
  text-align:           left;
}
.calendarSelection a {
  display:              block;
  padding:              4px 8px 4px 8px;
  text-decoration:      none;
}
.calendarSelection a:hover {
  background-color:     #EAE3D7;
}
.calendarSelection a span {
  display:              block;
}
.calendarSelection a span:first-child {
  font-weight:          bold;
}

/** NOTEPAD **/
.notepad {
  clear:                both;
  padding:              15px 10px 10px 10px;
}
.notepadTitle {
  padding:              15px 0px 5px 0px;
}
.notepadMail {
  float:                right;
  margin:               -20px 20px 0 0;
}
.notepad .tabRecommend {
  margin-top:           0px;
}
.notepadPrint {
  float:                right;
  margin-top:           -20px;
}
.notepadItem {
  clear:                both;
  padding:              30px 0 10px 0; /*XXX: Testing MHA 2010-04-27 */
}
.notepadItemCover {
  float:                left;
  margin-right:         10px;
}
.notepadItemArticle {
  line-height:          150%;
}
.notepadItemArticleRemove {
  float:                right;
}
.notepadItemArticleRemove .clipLink {
  margin-left:          -9px;
}
.notepadItemArticleAuthor {
  margin-bottom:        5px;
  font-weight:          bold;
}
.notepadItemArticlePrice {
  margin:               5px 0 5px 0;
  font-weight:          bold;
}
.notepadItemActions {
  clear:                both;
}
.notepadNavigate {
  padding:              20px 0 10px 0;
}
.notepadNavigate span {
  float:                right;
}
.notepadActionButton {
  padding:              3px 10px 3px 10px;
  cursor:               pointer;
  color:                #ffffff;
  font-weight:          bold;
}
.notepadActionButton:hover {
 color:                 #ffffff;
 background-color:      black;
 text-decoration:       none;
}
.notepadLink {
  padding:              10px 0 0 15px;
}
.notepadPopulate {
  display:              none;
  padding:              10px 0 10px 0;
}
.notepadPopulateClose {
  text-align:           right;
  padding:              5px;
}
.notepadPopulateClose:hover .clipLink {
  margin-top:           -25px;
  clip:                 rect(27px, 9px, 36px, 0);
}
.notepadPopulateForm {
  padding:              10px;
}
.notepadPopulateForm span {
  float:                left;
  width:                120px;
}
.notepadPopulateForm input[type=text] {
  width:                200px;
}
.notepadPopulateForm textarea {
  height:               100px;
  width:                200px;
}
.notepadPopulateButton {
  padding:              10px;
  text-align:           right;
}
.notepadDescription {
  border-bottom:        1px dotted #4A769A;
  padding-bottom:       3px;
  font-size:            13px;
  line-height:          150%;	
}
/** BASKET **/
.basket {
  clear:                both;
  padding:              15px 10px 10px 10px;
}
.basketTitle {
  padding:              15px 0px 5px 0px;
}
.basketTitle span {
  float:                right;
}
.basketSort {
  padding:              15px 0 5px 0;
}
.basketItem {
  clear:                both;
  /*padding:              25px 0 2px 0;*/ /*XXX: Testing MHA 2010-04-27 */
  padding:              30px 0 10px 0;
}
.basketItemCover {
  float:                left;
  margin-right:         10px;
}
.basketItemArticle {
  float:                right;
  width:                430px;
  line-height:          150%;
}
.basketItemArticleRemove {
  float:                right;
}
.basketItemArticleRemove .clipLink {
  margin-left:          -9px;
}
.basketItemArticleAuthor {
  margin-bottom:        5px;
  font-weight:          bold;
}
.basketItemArticlePrice {
  margin:               5px 0 5px 0;
  font-weight:          bold;
}
.basketItemArticleComment {
  margin:               5px 105px 5px 0;
  text-align:           left;
}
.basketItemTotal {
  clear:                both;
  font-weight:          bold;
  text-align:           right;
}
.basketItemTotal span {
  float:                right;
  width:                105px;
}
.basketItemActions {
  clear:                both;
}
.basketItemActions span, .basketItemArticleComment span {
  float:                right;
  margin-top:           -32px;
  padding:              6px 0 7px 5px;
  font-weight:          bold;
  text-align:           right;
}
.basketItemActions .edit {
  margin-right:         95px;
}
.basketItemActions span.price {
  margin-top:           -28px;
}
.basketItemActions input {
  width:                25px;
  margin-right:         10px;
  text-align:           right;
}
.basketSummary {
  padding:              10px 0 5px 0;
  font-weight:          bold;
}
.basketSummary span, .basketNavigate span {
  float:                right;
}
.basketAction {
  padding:              20px 0 10px 15px;
}
.basketAction a {
  float:                right;
}
.basketActionLink {
  padding-left:         20px;
}
.basketActionLink .clip16 {
  margin-left:          -20px;
}
.basketComment {
  height:               140px;
  padding:              10px;
  text-align:           right;
}
.basketCommentClose {
  height:               10px;
  margin:               -6px -6px 0 0;
}
.basketComment textarea {
  width:                475px;
  height:               100px;
  margin:               5px 0 5px 0;
}
.basketNavigate {
  /*padding:              20px 0 10px 0;*/
  padding:              30px 0 10px 0;
}
.basketActionButton {
  padding:              2px 5px 2px 5px;
  cursor:               pointer;
  color:                #ffffff;
  font-weight:          bold;
}
.basketActionButton + .large {
  position:             relative;
  bottom:               3px;
  margin-left:          10px;
  padding:              5px 10px 5px 10px;
}
.basketActionButton:hover {
 color:                 #ffffff;
 background-color:      black;
 text-decoration:       none;
}

/** CHECKOUT **/
.checkoutnav {
  clear:                both;
  height:               14px;
  margin:               0 10px 0 10px;
  padding:              10px 0 10px 0;
}
.checkoutnav li {
  float:                left;
  margin-left:          4px;
  padding-left:         4px;
  list-style-type:      none;
  font-weight:          bold;
}
.checkoutnav li:first-child {
  margin-left:          0;
  border-left:          0;
  padding-left:         0;
}
.checkoutnav li.active a {
  color:                #000000;
}
.checkoutnav li.disabled, .checkoutnav li.disabled a {
  color:                #999999;
}
.checkout {
  clear:                both;
  margin:               0 10px 0 10px;
}
.checkoutLink {
  padding:              0 10px 0 16px;
}
.checkoutChoice {
  /*margin-top:           15px;*/ /* XXX: MHA Testing 2010-04-27 */
  margin-top:           25px;
  /*padding-bottom:        10px;*/
}
.checkoutChoice > p {
  padding:              10px 0 10px 0;
  font-weight:          bold;
}
.checkoutChoice > p > input {
  vertical-align:       text-bottom;
}
.checkoutChoice td {
  padding:              0 0 5px 26px;
}
.checkoutChoiceFee {
  font-weight:          bold;
}
.checkoutChoiceFee span {
  float:                right;
}
.checkoutChoiceSummary {
  padding-bottom:       0 !important;
  border-bottom:        2px solid #000000;
  font-weight:          bold;
  font-size:            13px;
}
.checkoutChoiceSummary span {
  float:                right;
}
.checkoutChoiceTerms {
  font-weight:          bold;
}
.checkoutChoiceTerms span {
  float:                right;
  width:                160px;
  margin-top:           2px;
}
.checkoutInfo {
  /*padding:              10px 0 10px 0;*/
  padding:              30px 0 0px 0;
}
.checkoutInfoTitle {
  font-size:            13px;
  font-weight:          bold;
}
.checkoutInfoSelect {
  /*padding:              15px 0 15px 0;*/
  padding: 10px 0 10px 0;
}
.checkoutInfo .checkoutForm {
  padding:              10px;
}
.checkoutForm {
  padding-bottom:       10px;
}
.checkoutForm p {
  padding:              2px 0 2px 0;
  clear:				left;
}
.checkoutForm p span {
  float:                left;
  width:                180px;
  padding-right:        10px;
  font-weight:          bold;
}
.checkoutForm p img {
  margin-bottom:        -3px;
}
.checkoutForm input, .checkoutForm select {
  width:                240px;
}
.checkoutNav {
  padding-top:          20px;
}
.checkoutNav p {
  padding:              10px 0 10px 0;
}
.checkoutNav span {
  float:                right;
}
.checkoutNavFinish > input {
  margin-top:      2px;
}
.checkoutNavFinish span input {
  height:          30px;
  margin-top:      -10px;
}

/** CONFIRMATION **/
.confirmation {
  clear:                both;
  margin:               0 10px 0 10px;
}
.confirmation > div {
  padding:              10px;
}
.confirmation .basketItemArticle {
  width:                400px;
}
.confirmationActions {
  margin-left:          15px;
}
.confirmationActions .minus {
  visibility:           hidden;
}
.confirmationActionsLinks {
  float:                right;
}
.confirmationActions .clip16 {
  margin-left:          -20px;
}

/** AUTHORS LIST **/
.authors {
  margin-top:           15px;
}
.authorsLeft, .authorsRight {
  float:                left;
  width:                240px;
  margin:               30px 10px 0 0;
  padding-bottom:       10px;
}
.authorsRight {
  margin:               30px 0 0 10px;
}
.authorsLeftLink a, .authorsRightLink a {
  display:              block;
  padding:              5px 2px 2px 15px;
  line-height:          100%;
}

/** AUTHOR DETAIL **/
.authordetail {
  float:                left;
  clear:                both;
  width:                500px;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.authordetailDescription {
}
.authordetailPicture {
}
.authordetailTitle {
}
.authordetailText {
  margin-bottom:        10px;
  line-height:          150%;
  font-weight:          bold;
}
.authordetailHtmlText {
  line-height:          150%;
}

/** AUTHOR ARTICLES **/
.authorarticles {
  float:                left;
  clear:                both;
  width:                500px;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.authorarticlesTitle {
}

/** BREAD CRUMB PATH **/
#breadcrumb {
  padding-bottom:       9px;
}

/** SITEMAP **/
.sitemap {
  float:                left;
  margin:               10px 10px 0 10px;
  padding-bottom:       10px;
}
.sitemap .portal a {
  color:                #977537;
}
.sitemap .verlag a {
  color:                #523735;
}
.sitemap .buchshop a {
  color:                #4a769a;
}
.sitemap a:hover {
  color:                #000000;
}
.sitemapLevel1 {
  padding-left:         8px;
}
.sitemapLevel2 {
  padding-left:         16px;
}
.sitemapLevel3 {
  padding-left:         24px;
}
.sitemapLevel4 {
  padding-left:         32px;
}
.sitemapLevel5 {
  padding-left:         40px;
}

/** CONTENT ADDED OVER TINY MCE **/
.textContent .linkContentList li {
  list-style-position:  outside;
  list-style-type:      square;
}
.portal .textContent .linkContentList li {
  list-style-image:     url("images/ic_link_portal.png");
}
.verlag .textContent .linkContentList li {
  list-style-image:     url("images/ic_link_verlag.png");
}
.buchshop .textContent .linkContentList li {
  list-style-image:     url("images/ic_link_buchshop.png");
}

.textContent li {
  margin-left:          18px;
}
.textContent ol li {
  margin-left:          28px;
}
.textContent p {
  margin:               16px 0 0 0;
}
.textContent > p:first-child {
  margin:               0;
}
.textContent p + ul.gap {
  margin-top:           16px;
}
.textContent p + ul, .textContent p + ol {
  margin:               0px;
}

/** QUICK TIP **/
#quicktip {
  width:                172px;
  display:              none;
  position:             absolute;
  z-index:              100;
  color:                #ffffff;
}
.quicktipContentTitle {
  padding:              8px 8px 4px 8px;
  background-image:     url(images/bubble.png);
  background-repeat:    no-repeat;
  font-weight:          bold;
}
.quicktipContentText {
  padding:              4px 8px 8px 8px;
  background-image:     url(images/bubble.png);
  background-position:  100% 100%;
  background-repeat:    no-repeat;
}
.quicktipContentText p {
  border-top: 			1px dotted #D7D7D7;
  padding-bottom: 		2px;	
}
/** OVERLAY CONTENT **/
.overlay {
  display:              none;
}
.overlayMessageText {
  height:               200px;
  width:                390px;
  margin-top:           10px;
}
.overlayMessageInfo {
  padding:              5px 0 10px 0;
}
.overlayBox .tableBorders {
  margin-top:           15px;
}
.overlayBox .key {
  float:                left;
  width:                100px;
  padding-right:        10px;
}

/** FOOTER AREA **/
.footer {
  clear:                both;
  height:               20px;
  margin:               0 10px 0 10px;
  padding:              5px 0 20px 0;
}
.footer li {
  float:                left;
  margin-left:          4px;
  padding-left:         4px;
  list-style-type:      none;
}
.footer li:first-child {
  margin-left:          0;
  border-left:          0;
  padding-left:         0;
}

/** ANIMATION DEFALUTS **/
.animation {
  clear:                both;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.animationConfig {
  display:              none;
}
.animationImagestage {
  text-align:           center;
}
.animationImagestageIndicator {
  padding:              32px;
}
.animationContainer {
  position:             relative;
  overflow:             hidden;
}
.animationContainerWrap {
  position:             relative;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.animationContainerWrapSlide {
  display:              inline-block;
}
.ext-ie6 .animationContainerWrapSlide, .ext-ie7 .animationContainerWrapSlide {
  display:              inline;
}
.animationContent {
  clear:                both;
  visibility:           hidden;
  height:               0;
}
.animationContentItem {
  display:              inline-block;
  letter-spacing:       normal;
  word-spacing:         normal;
}
.ext-ie6 .animationContentItem, .ext-ie7 .animationContentItem {
  display:              inline;
}
.animationContentItemCover {
  display:              inline-block;
  text-align:           center;
  visibility:           hidden;
}
.ext-ie6 .animationContentItemCover, .ext-ie7 .animationContentItemCover {
  display:              inline;
}
.animationContentItemArticleAuthor {
  font-weight:          bold;
}
.animationContentItemArticleTitle {
  font-size:            16px;
  font-weight:          bold;
}
.animationContentItemArticleSubtitle {
  font-size:            10px;
}
.animationContentItemArticleText {
  padding:              8px 0 4px 0;
}
.animationContentItemArticleInfo {
}
.animationContentItemArticlePrice {
  float:                left;
  margin-top:           4px;
  font-size:            14px;
  font-weight:          bold;
}
.animationContentItemArticleActions {
  text-align:           right;
}
.animationNavigation {
  position:             relative;
  text-align:           center;
}
.animationNavigationPrev {
  float:                left;
  background-image:     url('images/ic_page_back.png');
}
.animationNavigationNext {
  float:                right;
  background-image:     url('images/ic_page_forward.png');
}
.animationNavigationPrev, .animationNavigationNext {
  height:               17px;
  width:                11px;
  cursor:               pointer;
  font-size:            0;
}
.buchshop .animationNavigationPrev, .buchshop .animationNavigationNext {
  background-position:  0 34px;
}
.verlag .animationNavigationPrev, .verlag .animationNavigationNext {
  background-position:  0 51px;
}
.animationNavigationIndex {
  display:              inline-block;
  border:               1px solid #999999;
  padding:              2px;
  background-color:     #d7d7d7;
}
.animationNavigationIndexItem {
  display:              inline-block;
  width:                18px;
  margin:               2px;
  border:               2px solid #9fb2d6;
  padding:              0 2px 1px 2px;
  outline:              0 none;
  background-color:     #eeeeee;
  line-height:          13px;
  font-weight:          bold;
  font-size:            11px;
}
.animationNavigationIndexSelected {
  color:                #486fb7;
  background-color:     #f5f5f5;
  border:               2px solid #486fb7;
}
.animationNavigationIndexItem:hover {
  border:               2px solid #0b479d;
  background-color:     #ffffff;
  text-decoration:      none;
}

/** ANIMATION IMAGESHOW **/
.imageshow .cover {
  border:               1px solid #dddddd;
}
.imageshow .animationContainer {
  margin:               0 16px 0 16px;
  padding:              8px 0 8px 0;
}
.imageshow .animationNavigationPrev, .imageshow .animationNavigationNext {
  margin-top:           -8px;
}
.imageshow .animationNavigationPrev:hover, .imageshow .animationNavigationNext:hover {
  background-position:  0 17px;
}
.imageshow .animationContentItem {
  padding:              0 8px 0 8px;
  text-align:           center;
}
.ext-ie6 .imageshow .animationContentItem, .ext-ie7 .imageshow .animationContentItem {
  border-left:          12px solid transparent;
}
.imageshow .animationContentItemArticle {
  display:              none;
}
#imageshowtip {
  display:              none;
  position:             absolute;
  overflow:             hidden;
  height:               176px;
  width:                266px;
  padding:              3px 12px 12px 15px;
  font-size:            11px;
}
#imageshowtip .animationContentItemArticle {
  position:             relative;
}
#imageshowtip .animationContentItemArticleAuthor {
  font-weight:          normal;
}
#imageshowtip .animationContentItemArticleTitle {
  margin-bottom:        4px;
  font-family:          Georgia, Serif;
  font-weight:          bold;
  font-size:            13px;
  font-weight:          bold;
}
#imageshowtip .animationContentItemArticleSubtitle {
  display:              none;
}
#imageshowtip .animationContentItemArticleText {
  position:             absolute;
  height:               90px;
  width:                260px;
  overflow:             hidden;
  margin-top:           38px;
  padding:              0;
}
#imageshowtip .animationContentItemArticlePrice {
  margin:               0;
  font-size:            11px;
  font-weight:          bold;
}
#imageshowtip .animationContentItemArticleActions, #imageshowtip .animationContentItemArticleLink, #imageshowtip .animationContentItemArticleText a {
  display:              none;
}

/** ANIMATION SLIDER **/
.slider .animationContainer {
  padding-top:          8px;
}
.slider .animationNavigation {
  margin:               0 4px 0 4px;
}
.slider .animationContentItem {
  margin:               0 8px 0 8px;
  text-align:           left;
}
.slider .animationContentItemCover {
  float:                left;
  margin:               0 8px 4px 0;
}
.slider .small .animationContentItemArticle {
  min-height:           130px;
  margin-left:          90px;
}
.slider .medium .animationContentItemArticle {
  min-height:           310px;
}
.slider .large .animationContentItemArticle {
  min-height:           430px;
}
.slider .custom .animationContentItemArticle {
  height:               192px;
}
.slider .custom .animationContentItemArticleText {
  max-height:           95px;
  overflow:             auto;
}
.slider .custom .animationContentItemCover img {
  height:               160px;
}
.slider .animationContentItemArticleActions {
  display:              none;
  height:               56px;
}
.slider .clipIcon img {
  display:              none;
}
.slider .selected .clipIcon img {
  display:              inline;
}

/** ANIMATION CAROUSEL **/
.carousel {
  position:             relative;
  margin-bottom:        56px;
}
.carousel .animation .cover {
  background-color:     #ffffff;
}
.carousel .dash {
  display:              none;
}
.carousel .animationWrapSlide {
  height:               300px;
}
.carousel .animationTextstage {
  position:             absolute;
  top:                  272px;
  left:                 220px;
}
.carousel .animationContentItemArticleLink {
  margin-left:          15px;
}
.carousel .animationNavigation {
  position:             absolute;
  top:                  220px;
  height:               30px;
  width:                480px;
  margin:               0 auto 0 auto;
  padding:              10px 10px 0 10px;
  background-image:     url(images/carouselNavBg.png);
}
.carousel .animationNavigationNext {
  background-image:     url('images/goNext.png');
}
.carousel .animationNavigationPrev {
  background-image:     url('images/goPrev.png');
}
.carousel .animationNavigationNext, .carousel .animationNavigationPrev {
  height:               22px;
  width:                22px;
  cursor:               pointer;
}
.carousel .animationNavigationNext:hover, .carousel .animationNavigationPrev:hover {
  background-position:  0 100%;
}
.carousel .animationNavigationSlider {
  position:             relative;
  height:               32px;
  margin:               -5px 33px 0 33px;
  background-image:     url('images/carouselSliderBar.png');
}
.carousel .animaitonNavigationSlider:hover {
  background-position:  0 100%;
}
.carousel .animationNavigationSliderKnob {
  position:             absolute;
  top:                  8px;
  height:               16px;
  width:                6px;
  background-image:     url('images/carouselSliderKnob.png');
  cursor:               pointer;
}
.carousel .animationNavigationSliderKnob:hover {
  background-position:  0 100%;
}
.carousel .animationContentItemArticleActions {
  height:               22px;
}
.animationTextstage .animationContentItemArticle {
  display:				none;
  visibility: 			visible;	
}
.animationTextstage .animationContentItemArticle.display {
  display:				block;	
}
.ext-ie7 .animationTextstage .animationContentItemArticle {
  width:				275px;	
}
/** HELP **/
.help {
  display:              none;
}

/** DOWNLOAD **/
.download {
  float:                left;
  width:                500px;
  margin:               30px 10px 0 10px;
  padding-bottom:       10px;
}
.downloadSubject {
  margin-bottom:        16px;
  line-height:          150%;
  font-weight:          bold;
  font-size:            13px;
}
.downloadRulerTop, .downloadRulerBottom {
  padding:              5px 0 5px 0;
  text-align:           right;
}
.downloadContent li {
  padding:              0 0 2px 15px;
  list-style-type:      none;
  line-height:          150%;
  font-size:            13px;
}
.downloadContent a .clipLink {
  margin-top:           6px;
}
.downloadContent a:hover .clipLink {
  margin-top:           -21px;
}

/** Changes from another Browsers than FF 3.x **/
/* -- IE 9.x -- */
.ext-ie9 .tableBorders .clipNext .clip16 {
  margin-left:          -40px;
}
.ext-ie9 .accountActions .clip16 {
  margin-left:          484px;
}




/* -- IE 8.x -- */ 

.ext-ie8 .tableBorders .clipNext .clip16 {
  margin-left:          -40px;
}
.ext-ie8 .accountActions .clip16 {
  margin-left:          484px;
}


/* -- IE 8.x --  AND -- IE 7.x -- */ 
.ext-ie7 .searchForm input.date, .ext-ie8 .searchForm input.date {
  width:                217px;
}
.ext-ie7 .resultSort span span, .ext-ie8 .resultSort span span {
  margin-right:         1px;
}
.ext-ie7 .basketCommentClose, .ext-ie8 .basketCommentClose,  .ext-ie9 .basketCommentClose {
  margin-left:          486px;
}
.ext-ie7 .notepadPopulateClose, .ext-ie8 .notepadPopulateClose, .ext-ie9 .notepadPopulateClose {
  margin-left:          490px;
}
.ext-ie7 .tabRecommendClose, .ext-ie8 .tabRecommendClose {
  margin-left:          490px;
}

/* -- IE 7.x -- */ 

/** ICON SPRITES FIX **/
.ext-ie7 .portal .clip {
  clip:                 rect(0 20px 20px 0);
}
.ext-ie7 .verlag .clip {
  clip:                 rect(20px 20px 40px 0);
}
.ext-ie7 .buchshop .clip {
  clip:                 rect(40px 20px 60px 0);
}
.ext-ie7 .clip:hover {
  clip:                 rect(60px 20px 80px 0);
}
.ext-ie7 .clipText:hover .clip {
  clip:                 rect(60px 20px 80px 0);
}
.ext-ie7 .portal .clipLink {
  clip:                 rect(0 9px 9px 0);
}
.ext-ie7 .verlag .clipLink {
  clip:                 rect(9px 9px 18px 0);
}
.ext-ie7 .buchshop .clipLink, .ext-ie7 .overlayBox .clipLink {
  clip:                 rect(18px 9px 27px 0);
}
.ext-ie7 a:hover .clipLink, .ext-ie7 span.link:hover .clipLink {
  clip:                 rect(27px 9px 36px 0);
}
.ext-ie7 .portal .clipArrow {
  clip:                 rect(0 5px 5px 0);
}
.ext-ie7 .verlag .clipArrow {
  clip:                 rect(5px 5px 10px 0);
}
.ext-ie7 .buchshop .clipArrow {
  clip:                 rect(10px 5px 15px 0);
}
.ext-ie7 a:hover .clipArrow, .ext-ie7 span.link:hover .clipArrow {
  clip:                 rect(15px 5px 20px 0);
}
.ext-ie7 .portal .clip16 {
  clip:                 rect(0 16px 16px 0);
}
.ext-ie7 .verlag .clip16 {
  clip:                 rect(16px 16px 32px 0);
}
.ext-ie7 .buchshop .clip16 {
  clip:                 rect(32px 16px 48px 0);
}
.ext-ie7 .clip16:hover {
  clip:                 rect(48px 16px 64px 0);
}
.ext-ie7 .tabMailShow {
  clip:                 rect(48px 16px 64px 0) !important;
}
.ext-ie7 .tabRecommendClose:hover .clipLink {
  clip:                 rect(27px 9px 36px 0);
}
.ext-ie7 .notepadPopulateClose:hover .clipLink {
  clip:                 rect(27px 9px 36px 0);
}

/** SPECIAL IE7 FIXES **/
.ext-ie7 .clipText {
  padding:              0 0 7px 25px;
}
.ext-ie7 .tabMail {
 /* margin-right:         -20px;
  padding-left:         20px;*/
}
.ext-ie7 .tabPrint {
 /* margin-right:         -40px;
  padding-left:         40px;*/
  margin-right:          20px;
   padding-left:         0px;
 
}
.ext-ie7 .notepadMail {
  margin-left:          -40px;
  margin-right:         -20px;
  padding-left:         20px;
}
.ext-ie7 .notepadPrint {
  margin-left:          -40px;
  margin-right:         -40px;
  padding-left:         40px;
}
.ext-ie7 .imageSlider {
  position:             relative;
}
.ext-ie7 .basketSummary span {
  margin-top:           -20px;
}
.ext-ie7 .basketNavigate, .ext-ie7 .notepadNavigate {
  line-height:          16px;
}
.ext-ie7 .basketNavigate span {
  margin-top:           -30px;
}
.ext-ie7 .notepadNavigate span {
  margin-top:           -25px;
}
.ext-ie7 .checkoutNav span {
  margin-top:           -25px;
  margin-right:         -10px;
}
.ext-ie7 .basketItemActions .edit {
  margin-right:         0;
  padding-right:        100px;
}
.ext-ie7 .basketItemActions .price {
  margin-left:          300px;
  padding-left:         100px;
}
.ext-ie7 .checkout .basketItemTotal, .ext-ie7 .confirmation .basketItemTotal {
  padding:              0 105px 1px 0;
}
.ext-ie7 .checkout .basketItemTotal span, .ext-ie7 .confirmation .basketItemTotal span {
  margin-top:           -15px;
}
.ext-ie7 .resultSort span {
  margin-top:           -20px;
}
.ext-ie7 .resultItemAction {
  margin-top:           -26px;
}
.ext-ie7 .resultItemAction > span {
  margin-top:           -28px;
}
.ext-ie7 .alertboxTopRight .alertboxClose {
  margin-top:           -20px;
}
.ext-ie7 .tableBorders .clipNext {
}
.ext-ie7 .tableBorders .clipNext .clip16 {
  margin-top:           -40px;
  margin-left:          -20px;
}

/* -- IE 6.x -- */
.ext-ie6 .searchForm input.date {
  width:                217px;
}
.ext-ie6 .resultSort span span {
  margin-right:         1px;
}
.ext-ie6 .tableBorders .clipNext .clip16 {
  margin-left:          -40px;
}
.ext-ie6 .basketCommentClose {
  margin-left:          486px;
}
.ext-ie6 .notepadPopulateClose {
  margin-left:          490px;
}
.ext-ie6 .tabRecommendClose {
  margin-left:          490px;
}

/** ICON SPRITES FIX **/
.ext-ie6 .portal .clip {
  clip:                 rect(0 20px 20px 0);
}
.ext-ie6 .verlag .clip {
  clip:                 rect(20px 20px 40px 0);
}
.ext-ie6 .buchshop .clip {
  clip:                 rect(40px 20px 60px 0);
}
.ext-ie6 .clip:hover {
  clip:                 rect(60px 20px 80px 0);
}
.ext-ie6 .clipText:hover .clip {
  clip:                 rect(60px 20px 80px 0);
}
.ext-ie6 .portal .clipLink {
  clip:                 rect(0 9px 9px 0);
}
.ext-ie6 .verlag .clipLink {
  clip:                 rect(9px 9px 18px 0);
}
.ext-ie6 .buchshop .clipLink, .ext-ie6 .overlayBox .clipLink {
  clip:                 rect(18px 9px 27px 0);
}
.ext-ie6 a:hover .clipLink, .ext-ie6 span.link:hover .clipLink {
  clip:                 rect(27px 9px 36px 0);
}
.ext-ie6 .portal .clipArrow {
  clip:                 rect(0 5px 5px 0);
}
.ext-ie6 .verlag .clipArrow {
  clip:                 rect(5px 5px 10px 0);
}
.ext-ie6 .buchshop .clipArrow {
  clip:                 rect(10px 5px 15px 0);
}
.ext-ie6 a:hover .clipArrow, .ext-ie6 span.link:hover .clipArrow {
  clip:                 rect(15px 5px 20px 0);
}
.ext-ie6 .portal .clip16 {
  clip:                 rect(0 16px 16px 0);
}
.ext-ie6 .verlag .clip16 {
  clip:                 rect(16px 16px 32px 0);
}
.ext-ie6 .buchshop .clip16 {
  clip:                 rect(32px 16px 48px 0);
}
.ext-ie6 .clip16:hover {
  clip:                 rect(48px 16px 64px 0);
}
.ext-ie6 .tabMailShow {
  clip:                 rect(48px 16px 64px 0) !important;
}
.ext-ie6 .tabRecommendClose:hover .clipLink {
  clip:                 rect(27px 9px 36px 0);
}
.ext-ie6 .notepadPopulateClose:hover .clipLink {
  clip:                 rect(27px 9px 36px 0);
}

/** FIXES INHERITED FROM IE7-CSS **/
.ext-ie6 .clipText {
  padding:              0 0 7px 25px;
}
.ext-ie6 .tabMail {
  margin-right:         -20px;
  padding-left:         20px;
}
.ext-ie6 .tabPrint {
  margin-right:         -40px;
  padding-left:         40px;
}
.ext-ie6 .notepadMail {
  margin-left:          -40px;
  margin-right:         -20px;
  padding-left:         20px;
}
.ext-ie6 .notepadPrint {
  margin-left:          -40px;
  margin-right:         -40px;
  padding-left:         40px;
}
.ext-ie6 .imageSlider {
  position:             relative;
}
.ext-ie6 .basketSummary span {
  margin-top:           -20px;
}
.ext-ie6 .basketNavigate, .ext-ie6 .notepadNavigate {
  line-height:          16px;
}
.ext-ie6 .basketNavigate span {
  margin-top:           -30px;
}

.ext-ie6 .checkoutNav span {
  margin-top:           -25px;
  margin-right:         -10px;
}
.ext-ie6 .basketItemActions .edit {
  margin-right:         0;
  padding-right:        100px;
}
.ext-ie6 .basketItemActions .price {
  margin-left:          300px;
  padding-left:         100px;
}
.ext-ie6 .checkout .basketItemTotal, .ext-ie6 .confirmation .basketItemTotal {
  padding:              0 105px 1px 0;
}
.ext-ie6 .checkout .basketItemTotal span, .ext-ie6 .confirmation .basketItemTotal span {
  margin-top:           -15px;
}
.ext-ie6 .resultSort span {
  margin-top:           -20px;
}
.ext-ie6 .resultItemAction span {
  margin-top:           -28px;
}
.ext-ie6 .alertboxTopRight {
  width:                400px;
}
.ext-ie6 .alertboxTopRight .alertboxClose {
  margin-top:           -20px;
}
.ext-ie6 .alertboxMiddleRight {
  width:                400px;
}
.ext-ie6 .alertboxBottomRight {
  width:                400px;
}

/** IE6 FLOAT FIX **/
.ext-ie6 .header div {
  display:              inline;
}
.ext-ie6 .top div {
  display:              inline;
}
.ext-ie6 .payoff div {
  display:              inline;
}
.ext-ie6 .alertboxTopLeft {
  display:              inline;
}
.ext-ie6 .alertboxBottomLeft {
  display:              inline;
}
.ext-ie6 .alertboxTopRight .alertboxClose {
  display:              inline;
}
.ext-ie6 .contentLeft, .ext-ie6 .contentLeftWide, .ext-ie6  .contentMain, .ext-ie6  .contentMainNarrow, .ext-ie6 .contentRight {
  display:              inline;
  vertical-align:       top;
}
.ext-ie6 .textImage {
  display:              inline;
}
.ext-ie6 .info {
  display:              inline;
}
.ext-ie6 .infoSide {
  display:              inline;
}
.ext-ie6 .book {
  display:              inline;
}
.ext-ie6 .preview {
  display:              inline;
}
.ext-ie6 .previewContentItemRemove {
  display:              inline;
}
.ext-ie6 .ux-carousel-nav-next {
  display:              inline;
}
.ext-ie6 .ux-carousel-nav-prev {
  display:              inline;
}
.ext-ie6 .navcontent {
  display:              inline;
}
.ext-ie6 .login {
  display:              inline;
}
.ext-ie6 .password {
  display:              inline;
}
.ext-ie6 .register {
  display:              inline;
}
.ext-ie6 .search {
  display:              inline;
}
.ext-ie6 .searchForm .key, .ext-ie6 .searchOptions .key {
  display:              inline;
}
.ext-ie6 .newsletter {
  display:              inline;
}
.ext-ie6 .newsletterForm span {
  display:              inline;
}
.ext-ie6 .detail {
  display:              inline;
}
.ext-ie6 .detailCover {
  display:              inline;
}
.ext-ie6 .detailOverview {
  display:              inline;
}
.ext-ie6 .detailMore ul {
  display:              inline;
}
.ext-ie6 .detailMore div {
  display:              inline;
}
.ext-ie6 .tab {
  display:              inline;
}
.ext-ie6 .tabBasket {
  display:              inline;
}
.ext-ie6 .tabMail {
  display:              inline;
}
.ext-ie6 .tabPrint {
  display:              inline;
}
.ext-ie6 .tabRecommendForm span {
  display:              inline;
}
.ext-ie6 .tabHeader li {
  display:              inline;
}
.ext-ie6 .contact {
  display:              inline;
}
.ext-ie6 .resultSort span {
  display:              inline;
}
.ext-ie6 .resultItemCover {
  display:              inline;
}
.ext-ie6 .resultItemArticle {
  display:              inline;
}
.ext-ie6 .resultItemAction span {
  display:              inline;
}
.ext-ie6 .resultItemAction span a {
  display:              inline;
}
.ext-ie6 .notepadMail {
  display:              inline;
}
.ext-ie6 .notepadPrint {
  display:              inline;
}
.ext-ie6 .notepadItemCover {
  display:              inline;
}
.ext-ie6 .notepadItemArticleRemove {
  display:              inline;
}
.ext-ie6 .notepadNavigate span {
  display:              inline;
}
.ext-ie6 .notepadPopulateForm span {
  display:              inline;
}
.ext-ie6 .basketTitle span {
  display:              inline;
}
.ext-ie6 .basketItemArticle {
  display:              inline;
}
.ext-ie6 .basketItemArticleRemove {
  display:              inline;
}
.ext-ie6 .basketItemTotal span {
  display:              inline;
}
.ext-ie6 .basketItemActions span, .ext-ie6  .basketItemArticleComment span {
  display:              inline;
}
.ext-ie6 .basketSummary span, .ext-ie6 .basketNavigate span {
  display:              inline;
}
.ext-ie6 .basketAction a {
  display:              inline;
}
.ext-ie6 .checkoutChoiceFee span {
  display:              inline;
}
.ext-ie6 .checkoutChoiceSummary span {
  display:              inline;
}
.ext-ie6 .checkoutChoiceTerms span {
  display:              inline;
}
.ext-ie6 .checkoutForm p span {
  display:              inline;
}
.ext-ie6 .checkoutNav span {
  display:              inline;
}
.ext-ie6 .confirmationActionsLinks {
  display:              inline;
}
.ext-ie6 .authorsItemPicture {
  display:              inline;
}
.ext-ie6 .authorsItemInfo {
  display:              inline;
}
.ext-ie6 .carousel {
  display:              inline;
}
.ext-ie6 .carouselPresentation {
  display:              inline;
}
.ext-ie6 .carouselNavigationPrev {
  display:              inline;
}
.ext-ie6 .sitemap {
  display:              inline;
}
.ext-ie6 .overlayBox .key {
  display:              inline;
}
.ext-ie6 .footer li {
  display:              inline;
}

/** IE6 PNG ALPHA FIX **/
.ext-ie6 img, .ext-ie6 .quicktipContentText, .ext-ie6 .quicktipContentTitle, .ext-ie6  #bigtip {
  behavior:             url(/csp/shop/sjmweb/js/iepngfix.htc);
}

/** SPECIAL IE6 FIXES **/
.ext-ie6 .payoff {
  margin-top:           -4px;
}
.ext-ie6 .payoff2, .ext-ie6 .payoff3 {
  margin-bottom:        2px;
  padding-top:          5px;
}
.ext-ie6 .footer {
  margin-top:           30px;
}
.ext-ie6 table {
  font-size:            11px;
}
.ext-ie6 input {
  border:               1px solid #cccccc;
}
.ext-ie6 .imageSlider {
  width:                500px;
  height:               145px;
  overflow:             hidden;
}
.ext-ie6 .tableBorders .clipNext {
  float:                left;
  margin-left:          60px;
  margin-right:         -40px;
}
.ext-ie6 .accountActions {
  margin-bottom:        10px;
}
.ext-ie6 .accountActions .clip16 {
  margin-left:          4px;
}
.ext-ie6 .contentRight {
  overflow:             hidden;
}


/* -- All Chrome Windows/Linux 4.x to 7.x -- */

/* Test CSS für karusell */
/*.ext-webkit.ext-chrome .resultItemAction img.clipLink {
	
	margin-top:          0px;
  	background-color:#ff0000;

}*/
.ext-webkit.ext-chrome .searchForm input.date, .ext-linux.ext-webkit.ext-chrome .searchForm input.date {
  width:                217px;
}
.ext-webkit.ext-chrome .resultSort span span, .ext-linux.ext-webkit.ext-chrome .resultSort span span {
  margin-right:         1px;
}
.ext-webkit.ext-chrome .tableBorders .clipNext .clip16, .ext-linux.ext-webkit.ext-chrome .tableBorders .clipNext .clip16 {
  margin-left:          -40px;
}
.ext-webkit.ext-chrome .accountActions .clip16, .ext-linux.ext-webkit.ext-chrome .accountActions .clip16  {
  margin-left:          0px;
}
.ext-webkit.ext-chrome .basketCommentClose, .ext-linux.ext-webkit.ext-chrome .basketCommentClose  {
  margin-left:          486px;
}
.ext-webkit.ext-chrome .notepadPopulateClose, .ext-linux.ext-webkit.ext-chrome .notepadPopulateClose {
  margin-left:          490px;
}
.ext-webkit.ext-chrome .tabRecommendClose, .ext-linux.ext-webkit.ext-chrome .tabRecommendClose {
  margin-left:          490px;
}
.ext-webkit.ext-chrome .basketActionLink, .ext-linux.ext-webkit.ext-chrome .basketActionLink {
  position:             relative;
}
.ext-webkit.ext-chrome .basketActionLink .clip16, .ext-linux.ext-webkit.ext-chrome .basketActionLink .clip16 {
  margin-left:          0;
}
.ext-webkit.ext-chrome .othericons span, .ext-linux.ext-webkit.ext-chrome .othericons span  {
  float:                left;
  border:               1px solid transparent;
}
.ext-webkit.ext-chrome .loginLink, .ext-linux.ext-webkit.ext-chrome .loginLink {
  padding-left:         25px;
}
.ext-webkit.ext-chrome .loginLink img.clipLink {
   margin-left:-14px;
}
.ext-webkit.ext-chrome .loginLink a, .ext-linux.ext-webkit.ext-chrome .loginLink a {
  padding-left:         0;
}
.ext-webkit.ext-chrome .checkoutNav p, .ext-linux.ext-webkit.ext-chrome .checkoutNav p {
  padding-left:         15px;
}
.ext-webkit.ext-chrome .checkoutLink, .ext-linux.ext-webkit.ext-chrome .checkoutLink  {
  padding-left:         0;
}
.ext-webkit.ext-chrome .checkoutNav p > input:first-child, .ext-linux.ext-webkit.ext-chrome .checkoutNav p > input:first-child {
  margin-left:          -15px;
}
.ext-webkit.ext-chrome .tableBorders .clipNext, .ext-linux.ext-webkit.ext-chrome .tableBorders .clipNext {
  float:                left;
  margin-left:          60px;
  margin-right:         -40px;
}
/* added by sb */
.ext-chrome .contentLeftWide .animationContainer {
  width:                435px !important;
}
.ext-chrome .contentMain .animationContainer {
  width:                455px !important;
}
.ext-webkit.ext-chrome .checkoutLink img {
  margin-left:          -14px;
}
.ext-chrome .resultSort span a {
  margin-right:         0px;
}
.ext-chrome .resultSort span span {
  display:              inline-block;
  height:               16px;
  width:                16px;
}
.ext-chrome .resultSort span span .clip16 {
  margin-left:          0;
}

/* -- All Sarari -- */
.ext-webkit.ext-safari .searchForm input.date {
  width:                217px;
}
.ext-webkit.ext-safari .resultSort span span {
  margin-right:         4px;
}
.ext-webkit.ext-safari .tableBorders .clipNext .clip16 {
  margin-left:          -40px;
}
.ext-webkit.ext-safari .accountActions .clip16 {
  margin-left:          484px;
}
.ext-webkit.ext-safari .basketCommentClose {
  margin-left:          486px;
}
.ext-webkit.ext-safari .notepadPopulateClose {
  margin-left:          490px;
}
.ext-webkit.ext-safari .tabRecommendClose {
  margin-left:          490px;
}

/** SAFARI FIXES **/
.ext-webkit.ext-safari .basketActionLink {
  position:             relative;
}
.ext-webkit.ext-safari .basketActionLink .clip16 {
  margin-left:          0;
}
.ext-webkit.ext-safari .othericons span {
  float:                left;
  border:               1px solid transparent;
}
.ext-webkit.ext-safari .loginLink {
  padding-left:         25px;
}
.ext-webkit.ext-safari .loginLink a {
  padding-left:         0;
}
.ext-webkit.ext-safari .loginLink .clipLink {
  margin-left:          -14px;	
}
.ext-webkit.ext-safari .checkoutNav p {
  padding-left:         15px;
}
.ext-webkit.ext-safari .checkoutNav .clipLink {
  margin-left:          -14px;	
}
.ext-webkit.ext-safari .checkoutLink {
  padding-left:         0;
}
.ext-webkit.ext-safari .checkoutNav p > input:first-child {
  margin-left:          -15px;
}
.ext-webkit.ext-safari .tableBorders .clipNext {
  float:                left;
  margin-left:          60px;
  margin-right:         -40px;
}
.ext-webkit.ext-safari .animationContentItem {
  padding-right:        25px;
}
.ext-webkit.ext-safari .top {
 /* background-color:#ff0000;*/
}


/* -- Konqueror 4.5.1 ubuntu/Maverick 10.10 -- */
.ext-linux.ext-gecko.ext-gecko2 .basketItemActions .price {
  margin-left:          300px;
  padding-left:         100px;
}