@charset "iso-8859-1";

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

version history:
2.6.0-0  13.03.2009  sb  initial release
2.7.1-0  18.02.2010  sb  approval plan and notepad management added
2.7.1-1  05.05.2010  sb  design improvements [DRD-401] [DRD-411] [DRD-506]
2.7.1-2  06.05.2010  sb  statistics added [DRD-122, BEE-3678]
2.7.2-0  05.07.2010  sb  additional notepad fields [BEE-4544]
2.7.2-1  07.07.2010  sb  notepad and basket improved [BEE-4520]
2.7.2-2  02.09.2010  sb  notepadSlider enlarged [DRD-590]
2.7.2-3  02.09.2010  sb  font color changed [DRD-591]
2.7.2-4  29.09.2010  sb  bold class added [DRD-122]
2.7.2-5  15.11.2010  sb  statistic table improved [DRD-122]
3.0.0-0  17.12.2010  sb  beeline 3 compatibility added
3.0.0-1  12.05.2011  sb  approval plan and detail enhancements [DRD-660]
3.0.3-0  07.09.2011  sb  basket and notepad enhanced [DRD-713]
3.0.3-1  27.09.2011  sb  animation renewed [DRD-713]
3.0.3-2  06.10.2011  sb  hidden cover in animation on start [DRD-713]
3.0.3-3  11.10.2011  sb  animation ie8 compatibility added [DRD-838]
3.0.3-4  08.11.2011  sb  animation fade-in fixed
3.0.3-5  10.11.2011  sb  ebrary fields added [DRD-845]
3.0.3-6  06.01.2012  sb  biblioAlternative added [DRD-845]
*/

/** GLOBAL DEFAULTS **/
* {
  margin:               0;
  border:               0;
  padding:              0;
}
html {
  height:               100%;
}
body {
  color:                #444444;
  font-family:          Arial, sans-serif;
  font-size:            12px;
  height:               100%;
}
table {
  border-collapse:      collapse;
}
img.thumbnail {
  float:                left;
  width:                32px;
  height:               45px;
  padding:              0 4px 4px 0;
  background-image:     url(images/thumbnail.png);
  background-position:  0% 100%;
}
form {
  display:              inline;
}
input.text, select, textarea, input[type=text] {
  border:               1px solid #444444;
  padding:              1px;
  background-color:     #ffffff;
}
h1 {
  padding:              12px 0 6px 0;
  font-weight:          normal;
  font-size:            20px;
}
h2 {
  padding:              10px 0 6px 0;
  font-weight:          normal;
  font-size:            18px;
}
a, .link {
  color:                #ff3333;
  text-decoration:      none;
  cursor:               pointer;
}
a:hover, .link:hover {
  text-decoration:      underline;
}
dd a, dd a:hover {
  display:              inline-block;
  color:                #333333;
  text-decoration:      none;
}
.center {
  text-align:           center;
}
.lefttext {
  text-align:           left;
}
.justify {
  text-align:           justify;
}
.middle {
  margin-bottom:        -3px;
}
.baseline {
  margin-bottom:        -6px;
}
.warning {
  color:                #a0001b;
  font-weight:          bold;
}
.disabled {
  color:                #cccccc;
}
.bold {
  font-weight:          bold;
}
#wide {
  width:                500px !important;
}
.clear {
  clear:                both;
}
.hidden {
  display:              none;
}

/** TEXTAREA COUNTER **/
.counter {
  display:              inline-block;
  font-size:            9px;
  text-align:           right;
}
.counter textarea {
  display:              block;
  margin-bottom:        2px;
}
.counter input[type=text] {
  display:              inline-block;
  width:                20px;
  max-width:            20px;
  border:               0;
  padding:              0;
  background:           none;
  font-weight:          bold;
  font-size:            9px;
}

/** BUTTONS **/
input.button, a.button, span.button a, span.button input {
  display:              inline-block;
  border:               1px solid #ffffff;
  padding:              1px 4px 1px 4px;
  background-color:     #ff3333;
  line-height:          18px;
  color:                #ffffff;
  cursor:               pointer;
}
a.button {
  padding:              3px 6px 2px 6px;
  line-height:          15px;
}
a.button:hover, span.button a:hover, span.button input:hover {
  background-color:     #cccccc;
  color:                #ff3333;
  text-decoration:      none;
}
span.button {
  display:              inline-block;
  border:               1px solid #ff3333;
}
span.button a {
  display:              block;
}
a.buttonwidth {
  width:                70px;
  text-align:           center;
}
.ext-ie7 input.button {
  padding:              2px 4px 0px 4px;
  line-height:          15px;
}

/** CLIP ICONS **/
.clipIcon {
  display:              inline-block;
  height:               22px;
  width:                22px;
  cursor:               pointer;
  text-align:           left;
}
.clipIcon img {
  position:             absolute;
  clip:                 rect(0, 22px, 22px, 0);
}
.ext-ie7 .clipIcon img {
  clip:                 rect(0 22px 22px 0);
}
.clipIcon:hover img  {
  margin-top:           -22px;
  clip:                 rect(22px, 22px, 44px, 0);
}
.ext-ie7 .clipIcon:hover img  {
  clip:                 rect(22px 22px 44px 0);
}

/** BODY AREA **/
body.body {
  background-color:     #001947;
}
div.body {
  width:                963px;
  padding:              0 218px 0 7%;
  background-image:     url(images/bodyBorder.png);
  background-position:  100% 0;
  background-repeat:    repeat-y;
  background-color:     #ff3333;
}
.ext-ie7 div.body {
  padding-left:         70px;
}

/** HEADER AREA **/
.header {
  height:               172px;
  background-image:     url(images/header.png);
  background-repeat:    no-repeat;
}
.ext-ie7 .header {
  position:             relative;
  height:               170px;
}
.header .logo {
  position:             absolute;
  margin:               5px 0 0 17px;
}
.ext-ie7 .header .logo {
  top:                  4px;
  left:                 15px;
  margin:               0;
}
.header .quote {
  float:                left;
  width:                500px;
  margin:               40px 0 0 280px;
  text-align:           right;  
}
.ext-ie7 .header .quote {
  width:                520px;
  margin:               27px 0 0 260px;
}
.header .quote .logo {
  position:             static;
}
.header .quote .mainNav {
  margin:               -11px -10px 0 25px;
  text-align:           left;
}
.ext-ie7 .header .quote .mainNav {
  margin:               0;
}
.header .quote .mainNav .mainNavTitle {
  margin:               0 0 0 9px;
}
.ext-ie7 .header .quote .mainNav .mainNavTitle {
  margin:               0;
  padding:              0 0 0 15px;
}
.header .quote .mainNav dl {
  float:                left;
  border-left:          1px solid #cccccc;
  padding:              0 8px 0 8px;
}
.ext-ie7 .header .quote .mainNav dl {
  padding-left:         15px;
}
.header .quote .mainNav dl.first {
  border-left:          0;
}
.header .quote .mainNav dd {
  color:                #444444;
}
.header .quote .mainNav dd.current {
  color:                #ff3333;
}
.header .quote .mainNav dd a {
  display:              block;
  color:                inherit;
}
.header .quote .mainNav dd a:hover {
  background-color:     #d7d7d7;
}
.header .topNav {
  float:                left;
  margin:               111px 0 0 44px;
}
.header .topNav a {
  color:                #ffffff;
}

/** HEADER HELP **/
.headerHelp {
  position:             absolute;
  top:                  2px;
  right:                30px;
  padding:              2px 0 0 4px;
}
.headerHelp div {
  display:              none;
}
.help {
  display:              none;
  position:             absolute;
  z-index:              1000;
  overflow:             hidden;
  cursor:               help;
  opacity:              0.30;
  filter:               alpha(opacity=30);
  border:               1px solid #00705a;
  border-radius:        2px;
  -moz-border-radius:   2px;
  -webkit-border-radius:2px;
  background-color:     #94c4ba;
  color:                #00705a;
  font-size:            10px;
  font-weight:          bold;
  text-align:           center;
}

/** CONTENT AREA **/
div.content {
  background-color:     #ffffff;
  min-height:           100%;             /* Mindesthöhe für moderne Browser */
  height:               auto !important;  /* !important-Regel für moderne Browser */ 
  height:               100%;             /* Mindesthöhe für IE <7 */
}

/** TOP SECTION **/
.top {
  height:               286px;
  border-top:           1px solid #cccccc;
  border-right:         0;
  border-bottom:        1px solid #cccccc;
  border-left:          0;
  background-color:     #0a003f;
}
.top.reduced {
  height:               20px;
}
.top.reduced div {
  display:              none;
}
.topHide {
  float:                right;
  margin:               4px 13px 0 0;
  cursor:               pointer;
}
.topHide .minus {
  position:             absolute;
  clip:                 rect(0, 10px, 10px, 0);
}
.ext-ie7 .topHide .minus {
  clip:                 rect(0 10px 10px 0);
}
.topHide .plus {
  position:             absolute;
  margin-top:           -10px;
  clip:                 rect(10px, 10px, 20px, 0);
}
.ext-ie7 .topHide .plus {
  clip:                 rect(10px 10px 20px 0);
}
div.left {
  clear:                both;
  float:                left;
  width:                260px;
}
div.main {
  float:                left;
  width:                500px;
  min-height:           270px;
  padding:              9px 19px 9px 19px;
  border-left:          1px solid #cccccc;
  border-right:         1px solid #cccccc;
  background-color:     #ffffff;
}
div.largeMain {
  width:                664px;
  border-right:         0;
}
div.right {
  float:                left;
  width:                160px;
  font-size:            12px;
  font-family:          Arial, sans-serif;
  height:               100%;
}
div.right .heading {
  font-size:            12px;
  font-weight:          bold;
  margin-bottom:        6px;
}
div.main .heading {
  font-size:            18px;
  font-weight:          normal;
  margin-bottom:        15px;
}
div.main .heading p {
  font-size:            12px;
  font-weight:          normal;
}
div.main .heading p.heading {
  font-size:            18px;
  font-weight:          normal;
}

/** RIGHT TEXT **/
.right .text {
  padding:              0 0 4px 4px;
}
.right .textHeading {
  font-weight:          bold;
  font-size:            12px;
}

/*** left and right side content ***/

/**** language selection (left) ****/
p.lang {
  border-bottom:        1px solid #cccccc;
  padding:              8px 8px 8px 17px;
}
p.lang a {
  display:              inline-block;
  padding:              2px;
}
p.lang a:hover {
  background-color:     #d7d7d7;
  text-decoration:      none;
}

/**** drop boxes ****/
p.boxtop {
  margin:               8px 0 0 0;
  padding:              4px 8px 2px 8px;
  background-repeat:    no-repeat;
  color:                #0168c1;
  font-weight:          bold;
}
div.left p.boxtop {
  width:                178px;
}
div.right p.boxtop {
  width:                188px;
}
.boxcontent {
  margin:               0;
  padding:              4px;
  background-repeat:    repeat-y;
  cursor:               pointer;
}
div.left .boxcontent {
  width:                237px;
}
div.right .boxcontent {
  width:                188px;
}
p.boxbottom {
  margin:               0 0 10px 0;
  padding:              2px 8px 2px 8px;
  background-repeat:    no-repeat;
}
div.left p.boxbottom {
  width:                178px;
}
div.right p.boxbottom {
  width:                188px;
}
img.openclose {
  float:                right;
  margin:               2px 4px 0 2px;
  cursor:               pointer;
}

/**** flat menu ****/
dl.boxcontent {
  padding-top:          12px;
}
.boxcontent dd {
  margin:               0 0 0 15px;
  border-bottom:        1px solid #cccccc;
  padding:              1px 0;
}
.boxcontent dd:hover {
  background-color:     #d7d7d7;
}
.boxcontent dd.article {
  min-height:           50px;
}
.boxcontent dd.sub {
  margin-left:          30px;
}
.boxcontent dd a {
  display:              block;
}
.boxcontent dd.active a {
  color:                #ff3333;
}
.boxcontent dd a img {
  float:                right;
}

/*** welcome content ***/
div.welcome {
  clear:                both;
  margin:               2px 8px 20px 4px;
}
div.welcome p {
  padding:              0 0 6px 0;
}
div.callcenter {
  background-position:  100% 0;
  background-repeat:    no-repeat;
}

/*** trailers ***/
body.trailer {
  min-width:            420px;
}
body.trailer .header {
  font-size:            15px;
  font-weight:          bold;
}
body.trailer p.audiosample {
  border-bottom:        1px solid #cccccc;
  padding-bottom:       24px;
  background-color:     #ffffff;
  font-weight:          bold;
  font-size:            15px;
}
body.trailer p.excerpt {
  height:               350px;
  overflow:             auto;
  padding:              8px;
  text-align:           justify;
}
body.trailer img.bigcover {
  float:                left;
  margin:               0 20px 0 0;
  border:               1px solid #444444;
}

/** OVERLAY WINDOW **/
.overlay {
  display:              none;
}

/** ADDRESS IFRAME (edit/add address) **/
.bigcover {
  display:              none;
  position:             fixed;
  top:                  0px;
  left:                 0px;
  height:               100%;
  width:                100%;
  background-image:     url(images/alertBg.png);
  text-align:           center;
  cursor:               pointer;
  z-index:              400;
}
.bigcover iframe {
  margin:               40px;
  background-color:     #ffffff;
}
body.overlay {
  display:              block;
  min-height:           540px;
  min-width:            500px;
  text-align:           center;
}
body.overlay > div {
  height:               522px;
  width:                482px;
  margin:               auto;
  border:               1px solid #444444;
  padding:              8px;
  text-align:           justify;
}

/** CONTACT FORM **/
.contactForm {
  padding:              8px;
}
.contactForm .key {
  display:              inline-block;
  width:                140px;
  padding:              2px 4px 0 0;
  text-align:           right;
  vertical-align:       top;
}
.contactFormItem {
  padding-top:          4px;
}
.contactFormItem input[type=text] {
  width:                320px;
}
.contactFormItem textarea {
  height:               160px;
  width:                320px;
}
.contactFormActions {
  padding-top:          2px;
}

/*** content box (bookpack) ***/
.contentbox {
  height:               160px;
  width:                244px;
  float:                left;
  margin:               0 6px -1px 0;
  border-top:           1px solid #cccccc;
  border-bottom:        1px solid #cccccc;
  padding:              8px 0 0 0;
}
.contentboxCover {
  float:                left;
  margin:               0 8px 2px 0;
  border:               1px solid #444444;
  cursor:               pointer;
}
.contentboxDetails {
  height:               140px;
  overflow:             auto;
}
.contentboxDetails .bold {
  font-weight:          bold;
}
.contentboxDetails span {
  display:              block;
}
.contentboxPrice {
  overflow:             hidden;
  padding:              0 6px 0 2px;
  text-align:           right;
}
div.contentbox div.actionbar {
  position:             relative;
  z-index:              80;
  visibility:           hidden;
  top:                  -163px;
  left:                 243px;
  height:               166px;
  width:                32px;
  padding:              2px 0 0 2px;
  border-top:           1px solid #cccccc;
  border-right:         1px solid #cccccc;
  border-bottom:        1px solid #cccccc;
  border-left:          0;
  background-color:     #ffffff;
  text-align:           center;
}
div.contentbox div.actionbar img {
  cursor:               pointer;
}

/*** content box replace animaiton ***/
div.cbreplace, div.cbreplace div.cbitem {
  height:               236px;
  width:                607px;
}
div.cbreplacenav {
  float:                right;
  margin-right:         8px;
}

/** ALTERNATIVE **/
.altbox {
  float:                left;
  height:               124px;
  width:                242px;
  margin:               0 8px 4px 0;
  border-top:           1px solid #cccccc;
  border-bottom:        1px solid #cccccc;
  padding:              4px 0 4px 0;
}
.altboxContent {
  height:               86px;
  padding:              4px;
}
.altboxContent img {
  float:                left;
  margin:               -2px 12px 0 4px;
  border:               1px solid #444444;
  cursor:               pointer;
}
.altboxActions {
  width:                auto;
  padding:              4px;
  text-align:           right;
  white-space:          nowrap;
}
.altboxActions img {
  cursor:               pointer;
}

/** DETAIL **/
.detailTitle {
  padding:              8px 0 8px 0;
  font-size:            16px;
  font-weight:          bold;
}
.detailActions {
  margin-top:           8px;
  border-top:           1px solid #cccccc;
  padding-top:          8px;
}
.detailActionsIcons {
  float:                right;
  text-align:           right;
}
.detailActionsIcons .hiddenText {
  display:              none;
}
.detailActionsPrice {
  padding-bottom:       2px;
}
.detailActionsPrice .price {
  display:              inline-block;
  width:                160px;
}
.detailActionsPrice .info {
  vertical-align:       top;
}
.detailAvailability {
  height:               16px;
  margin-bottom:        4px;
  border-bottom:        1px solid #cccccc;
  padding-bottom:       4px;
}
.detailContent td {
  padding-top:          4px;
  text-align:           justify;
  vertical-align:       top;
}
.detailContentCover {
  width:                100px;
  padding-right:        8px;
}
.detailContent .summaryContent {
  display:              none;
  padding-top:          16px;
}
.detailContentInfoHeading {
  padding-bottom:       2px;
  font-weight:          bold;
}

/*** tabbox (detail content) ***/
div.tablinks, div.tabtitle, div.tabcontent, div.tabbottom {
  clear:                both;
  width:                500px;
}
div.tabtitle {
  padding:              8px 0 8px 0;
  font-size:            16px;
  font-weight:          bold;
}
div.tablinks {
  height:               29px;
  border-bottom:        1px solid #cccccc;
  margin:               8px 0 8px 0;
}
div.tablinks p {
  display:              block;
  float:                left;
  line-height:          28px;
  cursor:               pointer;
  padding:              0 8px 0 8px;
  border-left:          1px solid #cccccc;
}
div.tablinks p.first {
  padding-left:         0;
  border-left:          0;
}
div.tablinks p.current {
  color:                #ff3333;
}
div.tablinks p:hover {
  background-color:     #d7d7d7;
}
div.tablinks p a {
  color:                inherit;
}
div.tablinks p a:hover {
  text-decoration:      none;
}
div.tabcontent {
  display:              none;
  min-height:           310px;            /* FRAGE: WARUM DAS? */
  text-align:           justify;
}
div.tabbottom {
  padding:              0 0 2px 0;
  margin:               0;
}
#tabContent1 {
  display:              block;
}
.tabcontent p {
  padding:              4px 0 2px 0;
}
div.tabcontent p.review {
  margin:               4px 0 6px 0;
  border-top:           1px solid #eeeeee;
  border-right:         1px solid #ffffff;
  border-bottom:        1px solid #ffffff;
  border-left:          1px solid #eeeeee;
  padding:              4px;
}
div.tabcontent p.review img {
  float:                none;
  margin:               8px 8px 0 0;
  border:               0;
}
div.tabcontent p.review img:first-child {
  float:                right;
  margin:               0 0 2px 8px;
}
div.tabcontent p.load {
  display:              none;
  color:                #444444;
  text-align:           center;
}
div.tabcontent p#result, div.tabcontent span.moretext {
  display:              none;
}


div.tabbottom div.actions img {
  margin:               30px 12px -6px 0;
  cursor:               pointer;
}
div.tabbottom div.detailBasket {
  float:                left;
}

/*** additional suggestion ***/
p.suggestion {
  margin:               16px 0 8px 0;
  padding:              8px;
  color:                #444444;
  font-weight:          bold;
}

/*** login and register area ***/
table.register {
  margin:               16px 0 16px 0;
}
table.register td {
  padding:              2px 8px 2px 0;
  vertical-align:       top;
}
table.register p {
  padding:              2px 0px 2px 0;
}
table.register td:first-child {
  width:                180px;
  text-align:           right;
}
input.openid {
  width:                368px;
  border:               1px solid #ff6200;
  background-image:     url(http://stat.livejournal.com/img/openid-inputicon.gif);
  background-repeat:    no-repeat;
  padding:              2px 2px 2px 18px;
}
input.register, textarea.register {
  width:                248px;
  border:               1px solid #444444;
  padding:              2px;
}
select.register {
  width:                254px;
  border:               1px solid #444444;
}
p.login {
  padding:              2px 0 8px 0;
}

/** SELECT ALL **/
.selectall {
  padding:              16px 0 8px 0;
}

/** NOTEPAD **/
.notepad {
}
.notepad .key {
  display:              inline-block;
  width:                162px;
  font-size:            11px;
  vertical-align:       top;
}
.notepad .value {
  display:              inline-block;
  vertical-align:       top;
}
.notepad input[type=text], .notepad textarea {
  width:                320px;
}
.notepadEmpty {
  margin-top:           16px;
  color:                #a0001b;
  font-weight:          bold;
}

/** NOTEPAD EDIT **/
.notepadEdit {
  padding:              8px 0 8px 0;
}
.notepadEditInfoActions {
  float:                right;
}
.notepadEditInfoName {
  font-weight:          bold;
}
.notepadEditInfoText {
  padding-top:          2px;
  color:                #999999;
  font-size:            10px;
}
.notepadEditChange {
  display:              none;
}
.notepadEditChangeHeading {
  padding-bottom:       2px;
  font-weight:          bold;
}
.notepadEditChangeName {
  padding-bottom:       4px;
}
.notepadEditChangeDescription {
  padding-bottom:       8px;
}

/** NOTEPAD POSITIONS **/
.notepadItems {
  width:                100%;
}
.notepadItems th {
  border-left:          1px solid #cccccc;
  padding:              2px;
}
.notepadItems th:first-child {
  border-left:          0px;
  text-align:           left;
}
.notepadItems td {
  border-top:           1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              2px;
  vertical-align:       top;
}
.notepadItems td:first-child {
  border-left:          0;
}
.notepadItems .check, .notepadItems .quantity, .notepadItems .action {
  text-align:           center;
}
.notepadItems .quantity input {
  width:                30px;
  text-align:           right;
}
.notepadItems .price {
  text-align:           right;
  white-space:          nowrap;
}
.notepadItems .price .mupo {
  display:              block;
  margin-top:           4px;
  border-top:           1px dotted #cccccc;
  padding-top:          4px;
}
.notepadItems .description {
  width:                230px;
  padding-bottom:       8px;
}
.notepadItems .comment {
  clear:                both;
  padding-top:          2px;
}
.notepadItems .key {
  display:              block;
  padding-top:          2px;
  font-size:            9px;
}
.notepadItems .comment input, .notepadItems .comment textarea {
  width:                240px;
}

/** NOTEPAD ACTIONS **/
.notepadActions {
  border-top:           1px solid #cccccc;
  padding:              4px 0 4px 0;
}
.notepadActionsContent {
  padding-bottom:       2px;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.notepadActionsContent .key {
  width:                316px;
  padding-top:          6px;
  font-size:            12px;
  letter-spacing:       normal;
  word-spacing:         normal;
  text-align:           left;
}
.notepadActionsContent .value {
  width:                184px;
  letter-spacing:       normal;
  word-spacing:         normal;
  text-align:           right;
}

/** NOTEPAD SAVE **/
.notepadSave {
  border-top:           1px solid #cccccc;
  padding:              2px 0 8px 0;
}
.notepadSaveFormText {
  padding:              8px 0 8px 0;
}
.notepadSaveFormName {
  padding-bottom:       4px;
}
.notepadSaveFormDescription {
  padding-bottom:       2px;
}

/** NOTEPAD MAIL **/
.notepadMail {
  border-top:           1px solid #cccccc;
  padding:              2px 0 8px 0;
}
.notepadMailFormText {
  padding:              8px 0 8px 0;
}
.notepadMailFormName {
  padding-bottom:       4px;
}
.notepadMailFormDescription {
  padding-bottom:       4px;
}
.notepadMailFormDescription textarea {
  height:               100px;
}
.notepadMailFormAttachment {
  padding-bottom:       8px;
}
.notepadMailFormAttachment .value {
  width:                333px;
}
.notepadMailFormAttachment input[type=checkbox] {
  float:                left;
  margin:               0 2px 2px 0;
}

/** BASKET **/
.basket {
  margin:               0 4px 0 4px;
}
.basket .key {
  display:              inline-block;
  width:                132px;
  font-size:            11px;
  vertical-align:       top;
}
.basket .value {
  display:              inline-block;
  vertical-align:       top;
}
.basket input[type=text], .basket textarea {
  width:                397px;
}
.basketEmpty {
  margin-top:           16px;
  color:                #a0001b;
  font-weight:          bold;
}

/** BASKET HEADER **/
.basketHeader {
  border-bottom:        1px solid #cccccc;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.basketHeader > p {
  display:              inline-block;
  overflow:             hidden;
  padding-bottom:       2px;
  font-weight:          bold;
  font-size:            11px;
  letter-spacing:       normal;
  word-spacing:         normal;
  vertical-align:       bottom;
}
.ext-ie6 .basketHeader > p, .ext-ie7 .basketHeader > p {
  display:              inline;
}
.basketHeaderCheck {
  width:                20px;
}
.basketHeaderQuantity {
  width:                38px;
  border-left:          1px solid #cccccc;
  padding-left:         1px;
}
.basketHeaderCover {
  width:                47px;
  border-left:          1px solid #cccccc;
}
.basketHeaderArticle {
  width:                163px;
}
.basketHeaderActions {
  width:                79px;
  border-left:          1px solid #cccccc;
  text-align:           center;
}
.basketHeaderPrice {
  width:                76px;
  border-left:          1px solid #cccccc;
  padding-right:        2px;
  text-align:           right;
}
.basketHeaderSummary {
  width:                61px;
  border-left:          1px solid #cccccc;
  text-align:           right;
}

/** BASKET POSITIONS **/
.basketPositionsItem {
  border-top:           1px solid #cccccc;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.basketPositionsItem:first-child {
  border-top:           0;
}
.basketPositionsItem > div {
  display:              inline-block;
  overflow:             hidden;
  min-height:           90px;
  padding-top:          4px;
  padding-bottom:       2px;
  letter-spacing:       normal;
  word-spacing:         normal;
  vertical-align:       top;
}
.ext-ie7 .basketPositionsItem > div, .ext-ie6 .basketPositionsItem > div {
  display:              inline;
}
.basketPositionsItemCheck {
  width:                20px;
  line-height:          22px;
}
.basketPositionsItemQuantity {
  width:                39px;
  border-left:          1px solid #cccccc;
  line-height:          22px;
  text-align:           right;
}
.basketPositionsItemQuantity input[type=text] {
  width:                30px;
  margin-right:         2px;
  text-align:           right;
}
.basketPositionsItemCover {
  width:                45px;
  border-left:          1px solid #cccccc;
  padding-left:         2px;
}
.basketPositionsItemCover .cover {
  border:               1px solid #999999;
  vertical-align:       bottom;
}
.basketPositionsItemArticle {
  width:                163px;
  line-height:          15px;
  font-size:            12px;
}
.basketPositionsItemArticle > p {
  padding-right:        8px;
}
.basketPositionsItemArticleAuthor {
  max-height:           30px;
  overflow:             hidden;
}
.basketPositionsItemArticleProduct {
  height:               15px;
  overflow:             hidden;
  text-overflow:        ellipsis;
  white-space:          nowrap;
}
.basketPositionsItemArticleSource {
  font-weight:          bold;
}
.basketPositionsItemActions {
  width:                79px;
  border-left:          1px solid #cccccc;
  line-height:          22px;
  text-align:           center;
}
.basketPositionsItemPrice {
  width:                78px;
  border-left:          1px solid #cccccc;
  line-height:          15px;
  text-align:           right;
}
.basketPositionsItemPrice p {
  padding:              0 2px 0 2px;
}
.basketPositionsItemPrice .mupo {
  margin-top:           4px;
  border-top:           1px dotted #cccccc;
  padding-top:          4px;
}
.basketPositionsItemPrice input[type=text] {
  width:                60px;
  margin-right:         2px;
  text-align:           right;
}
.basketPositionsItemSummary {
  width:                61px;
  border-left:          1px solid #cccccc;
  line-height:          15px;
  font-weight:          bold;
  text-align:           right;
}
.basketPositionsItemSummary span {
  display:              block;
  padding-top:          4px;
  line-height:          normal;
  font-weight:          normal;
  font-size:            9px;
}
.basketPositionsAvailability {
  height:               16px;
  margin:               0 61px 0 20px;
  border-left:          1px solid #cccccc;
  border-right:         1px solid #cccccc;
  font-size:            11px;
}
.basketPositionsAvailabilityCaption {
  float:                left;
  margin-left:          39px;
  border-left:          1px solid #cccccc;
  padding:              0 4px 0 4px;
}
.basketPositionsComment {
  margin:               0 61px 0 20px;
  border-left:          1px solid #cccccc;
  border-right:         1px solid #cccccc;
  padding:              2px 0 2px 4px;
}
.basketPositionsCommentText {
  padding-bottom:       4px;
}
.basketPositionsCommentText .key {
  display:              block;
  width:                280px;
}
.basketPositionsCommentText .value div {
  display:              inline-block;
  min-height:           18px;
}
.ext-ie6 .basketPositionsCommentText .value div, .ext-ie7 .basketPositionsCommentText .value div {
  display:              inline;
}

/** BASKET COMMENT **/
.basketComment {
  border-top:           1px solid #cccccc;
  padding:              8px 0 8px 24px;
  font-size:            10px;
}
.basketCommentHeading {
  font-weight:          bold;
}
.basketCommentText {
  padding-bottom:       4px;
}
.basketComment textarea {
  height:               70px;
}

/** BASKET AMOUNT **/
.basketAmount {
  border-top:           1px solid #cccccc;
  padding:              8px 0 8px 0;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.basketAmount > p {
  display:              inline-block;
  letter-spacing:       normal;
  word-spacing:         normal;
  vertical-align:       top;
}
.ext-ie6 .basketAmount > p, .ext-ie7 .basketAmount > p {
  display:              inline;
}
.basketAmountHeading {
  width:                60px;
}
.basketAmountInfo {
  width:                284px;
}
.basketAmountInfo span {
  display:              block;
  font-size:            10px;
}
.basketAmountValue {
  width:                148px;
  font-weight:          bold;
  text-align:           right;
}

/** BASKET ACTIONS **/
.basketActions {
  border-top:           1px solid #cccccc;
  padding:              4px 0 4px 0;
}
.basketActionsContent {
  padding-bottom:       2px;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.basketActionsContent .key {
  width:                308px;
  padding-top:          6px;
  font-size:            12px;
  letter-spacing:       normal;
  word-spacing:         normal;
  text-align:           left;
}
.basketActionsContent .value {
  width:                184px;
  letter-spacing:       normal;
  word-spacing:         normal;
  text-align:           right;
}

/** BASKET NAVIGATION **/
.basketNavigation {
  border-top:           1px solid #cccccc;
  padding:              4px 0 16px 0;
}
.basketNavigationContent {
  padding:              2px 0 4px 0;
}
.basketNavigationContent .key {
  display:              block;
  font-weight:          bold;
  font-size:            12px;
}
.basketNavigationContent .value {
  display:              block;
  padding-top:          8px;
  text-align:           center;
}
.basketNavigationContent .button input {
  min-width:            196px;
}

/** BASKET MAIL **/
.basketMail {
  margin:               0 4px 0 4px;
  border-top:           1px solid #cccccc;
  padding:              4px 0 4px 0;
}
.basketMailHeading {
  padding-bottom:       8px;
  font-weight:          bold;
  font-size:            16px;
}
.basketMailActions .key {
  display:              block;
}
.basketMailActions .value {
  display:              none;
}
.basketMailForm {
  padding-top:          8px;
}
.basketMailForm p {
  padding-bottom:       4px;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.basketMailForm .key {
  display:              inline-block;
  width:                60px;
  padding-top:          2px;
  font-size:            11px;
  letter-spacing:       normal;
  word-spacing:         normal;
  vertical-align:       top;
}
.basketMailForm .value {
  display:              inline-block;
  width:                432px;
  letter-spacing:       normal;
  word-spacing:         normal;
}
.basketMailForm input[type=text] {
  width:                359px;
}
.basketMailForm input[type=checkbox] {
  float:                left;
  margin:               0 4px 2px 0;
}
.basketMailForm textarea {
  height:               100px;
  width:                359px;
}

/** CHECKOUT: BASKET CONTENT **/
.basketContent {
  width:                100%;
  margin-left:          6px;
}
.basketContent th {
  border-left:          1px solid #cccccc;
  padding:              2px;
}
.basketContent th:first-child {
  border-left:          0;
}
.basketContent td {
  border-left:          1px solid #cccccc;
  border-top:           1px solid #cccccc;
  padding:              4px 2px 4px 2px;
  vertical-align:       top;
}
.basketContent td:first-child, td.noborder-left {
  border-left:          0;
}
.basketContent .quantity {
  text-align:           center;
}
.basketContent .quantity input {
  width:                30px;
  text-align:           right;
}
.basketContent .description {
  width:                360px;
}
.basketContent .description .small {
  padding-top:          3px;
  font-size:            9px;
}
.basketContent .article img {
  float:                left;
  margin:               0 2px 2px 0;
  cursor:               pointer;
}
.basketContent .article {
  min-height:           50px;
  padding:              2px;
}
.basketContent .key {
  clear:                both;
  padding:              2px 2px 0 2px;
  font-size:            9px;
}
.basketContent .value {
  padding:              0 2px 2px 2px;
  font-size:            9px;
}
.basketContent .value input {
  width:                246px;
}
.basketContent .value .comment {
  height:               50px;
  width:                246px;
  font-size:            12px;
  font-family:          Arial, sans-serif;
}
.basketContent .valueRO {
  padding:              0 2px 2px 2px;
  font-size:            11px;
}
.basketContent .price {
  width:                80px;
  padding:              2px;
  text-align:           right;
}
.basketContent .price div {
  float:                left;
}
.basketContent .action {
  text-align:           center;
  width:                96px;
  padding-right:        0;
}
.basketContent .action img {
  margin-right:         2px;
  cursor:               pointer;
}
.basketContent .action .stock {
  padding-top:          8px;
  font-size:            9px;
}
.basketContent select {
  width:                406px;
}
.basketContent input[type=text] {
  width:                400px;
}

/** CHECKOUT **/
table.creditcard, table.delivery, table.bill {
  display:              none;
  margin:               0;
}
table.addresses {
  width:                500px;
  margin:               0 0 2px 0;
  font-size:            12px;
  text-align:           left;
}
table.addresses th, table.addresses td {
  border-top:           0;
  border-right:         0;
  border-bottom:        1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              2px 4px 2px 4px;
}
table.addresses th.first, table.addresses td.first {
  border-left:          0;
  padding-left:         0;
}
table.addresses img {
  border:               0;
}
div#addform {
  display:              none;
}
p.basket {
  margin:               8px;
}
.gewaehr {
  margin:               -35px 0 10px 0;
}
p.basketTitle {
  margin:               8px 0 0 8px;
  border-top:           1px solid #cccccc;
  font-weight:          bold;
}
p.basketTitle a {
  display:              block;
  color:                inherit;
}
p.basketTitle a:hover {
  background-color:     #d7d7d7;
  text-decoration:      none;
}
div.basketHelp {
  margin:               8px 0 8px 0;
  border-top:           1px solid #cccccc;
}
div.basketHelpNew {
  margin:               8px 0 8px 0;
}

/*** search lists ***/
.list {
  height:               50px;
  width:                500px;
  margin:               4px 0 2px 0;
  border-top:           1px solid #cccccc;
  padding:              8px 0 8px 0;
}
.list img.cover {
  clear:                left;
  float:                left;
  margin:               0 8px 2px 0;
}
.biginfo {
  display:              none;
  height:               130px;
}
.biginfo .cover {
  border:               1px solid #444444;
}
.biginfo .biginfoTitle {
  font-weight:          bold;
}
.biginfo span {
  display:              block;
}
.biginfo .text {
  text-align:           justify;
  height:               70px;
  overflow:             auto;
}
.biginfo .actions {
  margin-top:           -28px;
  padding:              4px;
  text-align:           right;
}

/*** pure text pages ***/
div.listbox {
  margin:               4px 0 2px 0;
  padding:              8px;

  background-repeat:    no-repeat;
}
div.listbox p {
  padding:              0 0 6px 0;
  text-align:           justify;
}

/*** no boxes ***/
div.nobox {
  margin:               8px 2px 8px 0;
  text-align:           left;
}
p.hinttitle {
  border-top:           2px solid #cccccc;
  border-bottom:        2px solid #cccccc;
  padding:              2px 0 4px 0;
  color:                #444444;
  font-weight:          bold;
}
p.hinttitle img {
  float:                right;
  margin:               0 2px 0 2px;
  cursor:               pointer;
}

/*** static boxes ***/
div.boxstatic {
  margin:               8px 0 8px 0;
  text-align:           left;
}
p.hinttop {
  padding:              6px 8px 2px 8px;
  background-repeat:    no-repeat;
  color:                #444444;
  font-weight:          bold;
}

.hintcontent {
  background-repeat:    repeat-y;
  padding:              2px 8px 1px 8px;
}
.hintcontent img {
  margin:               0 4px 0 0;
}
p.hintbottom {
  padding:              2px 8px;
  background-repeat:    no-repeat;
}


/*** textSlide slideshow ***/
#textSlideStage {
  width:                200px;
  overflow:             hidden;
}
#textSlide {
  width:                2000px;
}
#textSlide div {
  float:                left;
  /*width:                196px;*/
  padding:              8px 2px 8px 2px;
  text-align:           justify;
}
img.textSlide {
  float:                left;
  margin:               0 4px 4px 0;
  
}

.textGeneric {
  padding:              8px;
  text-align:           justify;
}

div.right div.textGeneric {
  padding:              8px 3px 8px 3px;
  text-align:           left;
}

.textGenericHeading {
  margin:               2px 8px 20px 4px;
}

.textGenericHeading img {
  float:                left;
  margin:               0 4px 4px 0;
}

/*** footer area ***/
div.footer {
  clear:                both;
  padding:              4px 4px 4px 19px;
  background-color:     #ff3333;
  color:                #ffffff;
  font-size:            9px;
}
div.footer a {
  color:                #ffffff;
}

/*** event overview in side area ***/
.boxcontent .eventdate {
  display:              block;
}
.boxcontent .eventtitle {
  font-weight:          bold;
}
.boxcontent .eventsubtitle {
}

/*** event overview in main area ***/
div.eventSectionTitle {
  margin:               2px 2px 0 2px;
  background-repeat:    no-repeat;
}
div.closed {
  display:              none;
}
div.eventSectionTitle p.boxtop {
  font-size:            14px;
  color:                #444444;
}
div.eventSectionBottom {
  height:               12px;
  margin:               2px 2px 0 2px;
  background-repeat:    no-repeat;
}

/*** books in side area (e.g. topseller)  ***/
.boxcontent .author {
}
.boxcontent .title {
  font-weight:          bold;
}

/*** accordion menu ***/
dl.accordion dt {
  position:             relative;
  margin:               0 0 0 15px;
  border-bottom:        1px solid #cccccc;
  padding:              4px 0 2px 0;
  background-image:     url(images/plus.png);
  background-position:  100% 5px;
  background-repeat:    no-repeat;
  cursor:               pointer;
}
* html dl.accordion dt {
  cursor:               pointer;
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/down.png', sizingMethod='crop');
  background-image:     none;
}
dl.accordion dt:hover {
  background-color:     #d7d7d7;
}
dl.accordion dt.open {
  color:                #ff3333;
}
* html dl.accordion dt.open {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/forwd.png', sizingMethod='crop');
  background-image:     none;
}
dl.accordion dt.accordionLink {
  background-image:     url(images/arrow.png);
  background-position:  100% 5px;
  background-repeat:    no-repeat;
}
dl.accordion dd {
  position:             relative;
  overflow:             hidden;
}
dl.accordion dd:hover {
  background-color:     transparent;
}
dl.accordion dd.accordion_content {
  padding:              0 10px 0 10px;
}
dl.accordion dd.accordion_content p {
  padding:              5px 0 7px 0;
}
dl.accordion a {
  color:                inherit;
}
dl.accordion a:hover {
  text-decoration:      none;
}

/***** accordion menu 2nd level *****/
dl.accordion dd dl dt {
  margin:               0 -2px 0 13px;
  padding-left:         20px;
}
dl.accordion dd dl dt.accordionLink {
  background-image:     none;
}
dl.accordion dd dl dd.accordion_content {
  padding-left:         20px;
}

/***** accordion menu 3rd level *****/
dl.accordion dd dl dd dl dt {
  padding-left:         40px;
}
dl.accordion dd dl dd dl dt.accordionLink {
  background-image:     none;
}
dl.accordion dd dl dd dl dd.accordion_content {
  padding-left:         40px;
}

/*** user info box ***/
div.userInfo {
  height:               124px;
  margin:               2px 0 2px 0;
  padding:              8px;
  background-repeat:    no-repeat;
}
div.userInfoImg {
  display:              inline-block;
  vertical-align:       top;
}
div.userInfoImg img {
  height:               120px;
  width:                auto;
  border:               1px solid #cccccc;
}
div.userInfoText {
  height:               120px;
  width:                470px;
  display:              inline-block;
  padding:              0 0 0 16px;
  vertical-align:       top;
  overflow:             auto;
}
div.userInfoText p:first-child {
  font-weight:          bold;
}

/*** webshop and login links ***/
p.shopLink, p.loginLink {
  margin:               19px 19px 4px 19px;
  border:               1px solid #ff3333;
  padding:              1px;
}
p.shopLink a, p.loginLink a {
  display:              inline-block;
  padding:              2px 4px 2px 4px;
  background-color:     #ff3333;
  color:                #ffffff;
}
p.shopLink a, p.loginLink a {
  width:                210px;
}
p.shopLink a:hover, p.loginLink a:hover {
  background-color:     #d7d7d7;
  color:                #ff3333;
  text-decoration:      none;
}

/** QUICK SEARCH **/
.quickSearch {
  margin:               4px 0 4px 19px;
}
.ext-ie7 .quickSearch {
  margin:               0 0 0 19px;
}
.searchLink.button a {
  width:                48px;
  line-height:          16px;
}
input.searchText {
  height:               16px;
  width:                128px;
  border:               1px solid #ff3333;
  padding:              2px;
  vertical-align:       bottom;
}
.searchImg {
  background-color:     #ff3333;
  cursor:               pointer;
  vertical-align:       bottom;
}

/*** advanced search link ***/
p.advancedSearch {
  margin:               4px 19px 19px 19px;
}
p.advancedSearch a {
  display:              inline-block;
  width:                100%;
  padding:              4px 0 4px 0;
  color:                #444444;
}
p.advancedSearch a:hover {
  background-color:     #d7d7d7;
  text-decoration:      none;
}
p.advancedSearch a img {
  float:                right;
}

/** STAFF **/
.staffSelect {
  padding:              16px 0 16px 0;
  font-weight:          bold;
}
.staffSelect span {
  display:              inline-block;
  border-left:          1px solid #cccccc;
  padding:              0 1px 0 5px;
  cursor:               pointer;
}
.staffSelect span:first-child {
  border-left:          0px;
}
.staffSelect span.current {
  color:                #ff3333;
}
.staffSelect span.hidden {
  color:                inherit;
}
.staff div {
  display:              none;
}
.staff div p.hidden {
  display:              none;
}
.staff div img {
  border:               1px solid #cccccc;
  padding:              4px;
}
.staff div {
  border-bottom:        1px solid #cccccc;
  padding:              16px 0 16px 0;
}

/** LOGIN INFORMATION (TOP) **/
.loginInfo {
  position:             absolute;
  margin:               2px 0 0 280px;
  color:                #ffffff;
}
.loginInfo a {
  color:                #ffffff;
}
.ext-ie7 .loginInfo {
  top:                  1px;
  left:                 300px;
  margin:               0;
}

/** QUICK NOTEPAD INFORMATION (HEADER) **/
.quicknotepad {
  position:             absolute;
  z-index:              300;
  width:                300px;
  margin-left:          500px;
  color:                #ffffff;
}
.quicknotepadInfo {
  overflow:             hidden;
  margin:               2px 20px 0 0;
  text-align:           right;
}
.quicknotepadInfo a {
  color:                #ffffff;
}
.quicknotepadSlider {
  display:              none;
  width:                298px;
  border:               1px solid #ffffff;
  background-color:     #0a003f;
}
.quicknotepadSlider a {
  color:                inherit;
}
.quicknotepadSlider p {
}
.quicknotepadSlider .heading {
  padding:              2px 20px 2px 2px;
  font-weight:          bold;
  text-align:           right;
}
.quicknotepadSlider .minilist a {
  display:              block;
  min-height:           46px;
  padding:              2px 4px 2px 4px;
}
.quicknotepadSlider .minilist a:hover {
  background-color:     #444444;
  text-decoration:      none;
}
.showNotepadSlider {
  position:             absolute;
  z-index:              350;
  top:                  2px;
  width:                16px;
  height:               16px;
  margin-left:          782px;
  cursor:               pointer;
  background-image:     url(images/quickNotepadSlide.png);
}
.showNotepadSlider.exit {
  background-position:  0 100%;
}

/*** order tracking ***/
table.orderTracking td {
  padding:              4px;
}
table.orderTracking td:first-child {
  width:                150px;
  padding-left:         0;
  text-align:           right;
}
table.orderTracking td input.text {
  width:                250px;
}
table.orderTracking td input.orderDate {
  width:                111px;
}
table.orderResult {
  width:                500px;
  margin:               2px;
}
table.orderResult th, table.orderResult td {
  border-top:           0px;
  border-right:         0px;
  border-bottom:        1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              2px;
  vertical-align:       top;
}
table.orderResult .orderNo, table.orderResult th:first-child, table.orderResult td:first-child {
  border-left:          0;
  padding-left:         0;
}
table.orderResult .orderReference {
  max-width:            130px;
  overflow:             hidden;
}
table.orderResult .title {
  max-width:            120px;
  overflow:             hidden;
}
table.orderResult .claim {
  padding-right:        0;
}
table.orderResult .claim p {
  padding:              0 0 2px 0;
  text-align:           right;
}
.orderResult .quicktip {
  display:              inline-block;
  margin:               2px 0 2px 0;
  border:               1px solid #444444;
  padding:              2px;
  background-color:     #d7d7d7;
  font-weight:          bold;
  cursor:               help;
}

/*** Popups ClaimOrder & CancelOrder ***/
.popmain {
  background-color: #001947;
  width:            600px;
}
.popleft {
  float:            left;
  background-color: red;
  width:            50px;
  height:           600px;
  margin-right:     10px;
}
.ext-ie7 .popleft {
  margin:           0 !important;
}
.popright {
  vertical-align:   top;
  background-color: white;
  width:            540px;
  height:           470px;
}
.ext-ie7 .popright {
  padding-left:     10px !important;
}
.popright .welcome, .popright .clear {
  clear:            none;
}
.poprightForm {
  min-height:       20px;
  margin-left:      220px;
  padding:          2px;
}
.poprightForm .key {
  float:            left;
  width:            130px;
  margin-left:      -150px;
  text-align:       right;
}
.popbottom {
  width:            540px;
  background-color: #001947;
  height:           150px;
}
td.leftside {
  vertical-align:   top;
  width:            150px;
  padding:          0;
  margin:           5px 0;
}
td.rightside {
  width:            450px;
}
table.popuptbl td {
  padding:          2px 0;
}
#frmFreeText {
  width:            198px;
  height:           148px;
  border:           1px solid #cccccc;
}
.popuptbl {
  margin-bottom:    20px;
}

/*** Popup OrderTracking-Details (includeOrderDetail.csp)***/

div.popmain_track {
  background-color: #001947;
  width:            900px;
}

div.popleft_track {
  float:            left;
  background-color: red;
  width:            50px;
  height:           600px;
  margin-right:     10px
}

div.popright_track {
  vertical-align:   top;
  background-color: white;
  width:            840px;
  height:           300px;
}

div.popright_track div.welcome {
  clear: none;
}

div.popbottom_track {
  width:            840px;
  background-color: #001947;
  height:           150px;
  
}

table.popuptbl_track td, table.popuptbl_track th {
  padding:              2px;
  border:        1px solid #cccccc;
  
}

.popuptbl_track {
  width:                680px;
  padding:              2px 0;
  margin-bottom:        25px;
  vertical-align:       top;
}


/* Alle Drop-Down Felder gleich groß*/

select {
  width: 95px;
}


/* Hide Adress Area for Pront View */

.printHead {
  display:  none;
}

.clearForPrint {
  visibility: hidden;
  display: none;
}


.subtitle {
  padding-top:  2px;
  font-size:    11px;
  font-weight:  bold;
} 

.resultBigInfo {
  display:      block;
  margin-left: 90px;
}


/* Confirm Claim & Cancel */
.confirm {
  position: absolute;
  width: 450px;
  height: 240px;
  background-color: white;
  color: #333333;
  font-size: 13px;
  font-family: Verdana;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin-left: 50px;
  margin-bottom: 150px;
  padding-top: 230px;
}

/* Confirm Contact die Extrawurschd */
.confirmContact {
  position: absolute;
  width: 500px;
  padding-top: 120px;
  height: 148px;
  background-color: white;
  color: #333333;
  font-size: 13px;
  font-family: Verdana;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

span.currency {
  clear: both;
  display:     block;
  float:       left;
}


dd.navi a {
  padding: 3px 0;
}


.aboutPicture {
  padding-top: 759px;
  padding-left: 5px;
  margin: 0;
}

p.paddingLeft9 {
  padding-left: 9px;
}
.borderTop {
  border-top: 1px solid #ccc;
  padding-top: 5px;
  margin-top: 5px;
}

/*********** Invoice Detail *************/

.invoiceDetail {
  text-align: left;
  vertical-align: top;
}

.invoiceAddress {
  margin-bottom: 10px;
}

.invoiceDetail table {
  width: 100%;
  
}

.invoiceDetail table.invoiceDetailTable {
  margin-left: 15px;
  width: 649px;
}

.invoiceDetail table th {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 10px 0;
  
}

.invoiceDetail table td {
  text-align: left;
  vertical-align: top;
  padding: 10px 0;
}

.textUppercase {
  text-transform: uppercase;
}

.invoiceDetail table td.textBottom {
  vertical-align: bottom;
}

.currencyTotal {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 10px 0;
}

.amountTotal {
  border-top: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 10px 0;
}

.aLineMore {
  border-top: 1px dashed #000;
  margin-top: -7px;
}

p.invoiceDetailData {
  float: left;
  width: auto;
  padding-right: 20px;
  margin: 15px 0;
}

/** PRINT BUTTON **/
.printButton {
  float:                right;
  margin:               5px;
}

/** ANIMATION IMAGESHOW **/
.animation {
  clear:                both;
  margin:               4px;
}
.animationConfig, .animationHeading {
  display:              none;
}
.animationHeading {
  display:              none;
}
.animationImagestage {
  text-align:           center;
}
.animationImagestageIndicator {
  padding:              64px;
}
.animationContainer {
  position:             relative;
  overflow:             hidden;
  margin:               32px;
}
.ext-webkit .animationContainer {
  margin:               0;
  padding:              32px;
}
.animationContainerWrap {
  position:             relative;
  letter-spacing:       -4px;
  word-spacing:         -4px;
  font-size:            0;
}
.animationContainerWrapSlide {
  display:              inline-block;
  letter-spacing:       normal;
  word-spacing:         normal;
}
.ext-ie6 .animationContainerWrapSlide, .ext-ie7 .animationContainerWrapSlide {
  display:              inline;
}
.animationContent {
  clear:                both;
  visibility:           hidden;
  height:               0;
}
.animationContentItem {
  display:              inline-block;
  font-size:            12px;
}
.ext-ie6 .animationContentItem, .ext-ie7 .animationContentItem {
  display:              inline;
}
.animationContentItemCover {
  display:              inline-block;
  text-align:           center;
  visiblity:            hidden;
}
.ext-ie6 .animationContentItemCover, .ext-ie7 .animationContentItemCover {
  display:              inline;
}
.animationContentItemCover .cover {
  visibility:           hidden;
}
.animationContentItemArticle {
  display:              none;
}
.animationContentItemArticleTitle {
  font-size:            14px;
  font-weight:          bold;
}
.animationContentItemArticleAuthor {
  font-weight:          bold;
}
.animationContentItemArticleSubtitle {
  font-size:            10px;
}
.animationContentItemArticleText {
  padding:              4px 0 4px 0;
}
.animationContentItemArticleInfo {
  padding-bottom:       4px;
}
.animationContentItemArticlePrice {
  font-size:            12px;
  font-weight:          bold;
}
.animationContentItemArticleActions {
  display:              none;
}
.animationNavigation {
  position:             relative;
  text-align:           center;
}
.animationNavigationPrev {
  float:                left;
  background-image:     url('images/back.png');
}
.animationNavigationNext {
  float:                right;
  background-image:     url('images/forwd.png');
}
.animationNavigationPrev, .animationNavigationNext {
  height:               21px;
  width:                21px;
  margin-top:           -4px;
  cursor:               pointer;
}
#imageshowtip {
  display:              none;
  position:             absolute;
  overflow:             hidden;
  width:                164px;
  border-radius:        5px;
  -moz-border-radius:   5px;
  -webkit-border-radius: 5px;
  padding:              4px;
  background-image:     url(images/bubble.png);
  color:                #ffffff;
  font-size:            10px;
}

/** 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;
}
.quicktipContent, .quicktipContentText {
  padding:              4px 8px 8px 8px;
  background-image:     url(images/bubble.png);
  background-position:  100% 100%;
  background-repeat:    no-repeat;
}

/** 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:            970px;
  z-index:              450;
}
.alertboxTopLeft {
  float:                left;
  height:               30px;
  width:                15px;
  background-image:     url(images/alertbox.png);
}
.ext-ie7 .alertboxTopLeft {
  margin-bottom:        -30px;
}
.alertboxTopRight {
  margin:               0 -25px 0 15px;
  padding:              5px 10px 0 0;
  line-height:          25px;
  background-image:     url(images/alertbox.png);
  background-position:  100% 0;
  font-weight:          bold;
}
.alertboxTopRight .alertboxClose {
  float:                right;
  height:               16px;
  width:                16px;
  margin-top:           5px;
  background-image:     url(images/alertboxClose.png);
  cursor:               pointer;
}
.ext-ie7 .alertboxTopRight .alertboxClose, .ext-webkit .alertboxTopRight .alertboxClose {
  margin-top:           -20px;
}
.alertboxTopRight .alertboxClose:hover {
  background-position:  100% 100%;
}
.alertboxMiddleLeft {
  background-image:     url(images/alertboxBody.png);
}
.alertboxMiddleRight {
  width:                100%;
  margin:               0 -15px 0 15px;
  padding:              10px 10px 5px 0;
  background-image:     url(images/alertboxBody.png);
  background-position:  100% 0;
}
.alertboxMiddleRight .alertboxButton {
  padding:              10px 10px 0 0;
  text-align:           center;
}
.alertboxMiddleRight iframe {
  max-width:            970px;
}
.alertboxBottomLeft {
  clear:                both;
  float:                left;
  height:               15px;
  width:                15px;
  background-image:     url(images/alertbox.png);
  background-position:  0 100%;
}
.ext-ie7 .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%;
}

/** ANNOT TEXT IN ALERT BOX **/
.alertbox .annottextCaption {
  display:              block;
  padding:              8px 0 2px 0;
  font-weight:          bold;
}

/** APPROVAL PLAN **/
.approval h1 {
  padding-bottom:       8px;
}
.approval p {
  padding:              2px;
  text-align:           left;
}
.approval input[type=text], .approval textarea {
  border:               1px solid #444444;
  padding:              3px;
}
.approval select {
  width:                auto;
}
.approval .button a, .approval .button input {
  padding:              0 8px 0 8px;
  font-family:          Arial, sans-serif;
  font-size:            12px;
  outline:              none;
}
.approval .caption {
  clear:                both;
  height:               14px;
  margin-top:           8px;
  border-top:           1px solid #d7d7d7;
  border-right:         1px solid #d7d7d7;
  border-bottom:        0;
  border-left:          1px solid #d7d7d7;
  padding:              2px;
  font-weight:          bold;
}
.approval .close {
  background-image:     url(images/minus.png);
}
.approval .open {
  background-image:     url(images/plus.png);
}
.approval .close, .approval .open {
  float:                right;
  height:               10px;
  width:                10px;
  margin:               2px;
  cursor:               pointer;
}
.approval .close:hover, .approval .open:hover {
  background-position:  0 100%;
}
.ext-ie7 .approval .boxslide {
  margin-top:          -12px;
}
.approval input[type=text], .approval textarea {
  font-family:          Arial, sans-serif;
  font-size:            12px;
}
.approvalFilter {
  min-height:           20px;
  margin-top:           2px;
}
.approvalFilter p {
  float:                left;
}
.approvalFilter .key {
  clear:                both;
  height:               24px;
  width:                160px;
}
.approvalFilter .value {
  margin:               0 32px 0 8px;
}
.ext-ie7 .approvalFilter .value {
  margin-right:         12px;
}
.approvalFilter .actions {
  margin-top:           -2px;
}
.approvalPlans {
  clear:                both;
  padding-top:          8px;
}
.approvalPlans table {
  width:                100%;
  margin:               8px 0 8px 0;
}
.approvalPlans th, .approvalPlans td {
  border-bottom:        1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              0 2px 0 4px;
  text-align:           left;
}
.approvalPlans th:first-child, .approvalPlans td:first-child {
  border-left:          0;
  padding-left:         0;
}
.approvalPlans .actions {
  text-align:           center;
}
.approvalPlans .icons {
  white-space:          nowrap;
}
.approvalDefault {
  margin-top:           2px;
}
.approvalDefault > div {
  float:                left;
  overflow:             hidden;
  font-size:            9px;
}
.approvalDefault .col1 {
  width:                80px;
  margin:               2px 8px 0 0;
}
.approvalDefault .col1 p {
  padding:              0;
  text-align:           right;
}
.approvalDefault .col1 input {
  width:                50px;
  text-align:           right;
}
.approvalDefault .col2 {
  float:                left;
  width:                412px;
}
.approvalDefault .col2 .value {
  float:                left;
  width:                194px;
  margin-right:         8px;
}
.approvalDefault .col2 .value input {
  width:                186px;
}
.approvalDefault .actions {
  clear:                both;
  padding:              8px 0 2px 0;
  text-align:           center;
}
.approvalRuler {
  clear:                both;
  margin:               8px 0 -1px 0;
  font-weight:          bold;
  text-align:           right !important;
}
.approvalPositions {
  margin-top:           2px;
}
.approvalPositionsSort {
  text-align:           center;
}
.approvalPositionsItem {
  clear:                both;
  margin-top:           8px;
  border-top:           1px solid #cccccc;
  padding-top:          8px;
}
.approvalPositionsItem .row1 {
  clear:                both;
  font-size:            9px;
}
.approvalPositionsItem .row1 p {
  float:                left;
  padding:              0;
}
.approvalPositionsItem .row1 .check {
  width:                22px;
  margin-top:           12px;
}
.approvalPositionsItem .row1 .quantity {
  width:                64px;
}
.approvalPositionsItem .row1 .quantity input {
  width:                50px;
  text-align:           right;
}
.approvalPositionsItem .row1 .availability, .approvalPositionsItem .row1 .status {
  float:                left;
  width:                128px;
  border:               0;
}
.approvalPositionsItem .row1 .availability span, .approvalPositionsItem .row1 .status span {
  display:              block;
  padding-right:        8px;
  color:                #000000;
}
.approvalPositionsItem .row1 .icons {
  float:                right;
}
.approvalPositionsItem .row2 {
  clear:                both;
  margin-left:          88px;
  padding-top:          2px;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.approvalPositionsItem .row2 > div {
  display:              inline-block;
  letter-spacing:       normal;
  word-spacing:         normal;
  vertical-align:       top;
}
.approvalPositionsItem .biblioCover {
  width:                72px;
}
.approvalPositionsItem .biblioCover p {
  padding-bottom:       4px;
}
.approvalPositionsItem .biblioCover .clipIcon {
  margin-right:         2px;
}
.approvalPositionsItem .biblioCover .hiddenText {
  display:              none;
}
.approvalPositionsItem .biblioInfo {
  width:                240px;
}
.approvalPositionsItem .biblioInfo p {
  padding:              0;
}
.approvalPositionsItem .biblioInfo .key {
  display:              inline-block;
  width:                100px;
  color:                #999999;
  font-size:            11px;
}
.approvalPositionsItem .biblioInfo .value {
  font-size:            11px;
}
.approvalPositionsItem .biblioInfo .price {
  padding:              4px 0 2px 0;
  font-size:            11px;
}
.approvalPositionsItem .biblioAlternative {
  width:                92px;
  padding-left:         8px;
  font-size:            11px;
}
.approvalPositionsItem .row3 {
  clear:                both;
  margin-left:          88px;
  padding-top:          2px;
  font-size:            9px;
}
.approvalPositionsItem .row3 .value {
  float:                left;
  width:                194px;
  margin-right:         8px;
}
.approvalPositionsItem .row3 .value input {
  width:                186px;
}
.ext-ie7 .approvalPositionsItem .row3 .value input {
  position:             relative;
  left:                 -88px;
}
.approvalPositionsItem .row3 .comment {
  clear:                both;
}
.approvalPositionsItem .row3 .comment textarea {
  width:                392px;
}
.approvalPositionsItem .row3 .comment input {
  border:               0;
  padding:              0;
  font-size:            9px;
}
.approvalPositionsActions {
  padding-top:          8px;
}

/** APPROVAL ACTIONS **/
.approvalActions {
  border-top:           1px solid #cccccc;
  padding:              4px 0 4px 0;
}
.approvalActionsContent {
  padding-bottom:       2px;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.approvalActionsContent .key {
  display:              inline-block;
  width:                300px;
  padding-top:          6px;
  font-size:            12px;
  letter-spacing:       normal;
  word-spacing:         normal;
  text-align:           left;
}
.approvalActionsContent .value {
  display:              inline-block;
  width:                196px;
  letter-spacing:       normal;
  word-spacing:         normal;
  text-align:           right;
}

/** OVERLAY SECURE (DELETE APPROVAL PLAN) **/
#secure {
  display:              none;
}
.overlaySecure {
  width:                360px;
  padding:              2px;
}
.overlaySecure img {
  float:                left;
  margin:               0 8px 16px 0;
}
.overlaySecure .title {
  display:              block;
  margin-bottom:        8px;
  font-weight:          bold;
}
.overlaySecure .buttons {
  display:              block;
  margin-top:           16px;
  text-align:           center;
}
.overlaySecure .button {
  width:                80px;
}

/** NOTEPAD MANAGEMENT **/
.notepads {
  width:                100%;
  margin-top:           8px;
}
.notepads th, .notepads td {
  border-bottom:        1px solid #d7d7d7;
  border-left:          1px solid #d7d7d7;
  padding:              0 2px 0 4px;
  text-align:           left;
}
.notepads th:first-child, .notepads td:first-child {
  border-left:          0;
  padding-left:         0;
}
.notepads .button a {
  padding:              0 8px 0 8px;
  font-family:          Arial, sans-serif;
  font-size:            12px;
  outline:              none;
}
.notepads .action {
  white-space:          nowrap;
}

/** PREVIEW (BASKET AND NOTEPAD) **/
.preview {
  float:                right;
  width:                163px;
  margin-top:           16px;
  border-top:           1px solid #d7d7d7;
  border-bottom:        1px solid #d7d7d7;
}
.right .preview {
  float:                none;
  width:                163px;
}
.previewTitle {
  border-bottom:        1px solid #d7d7d7;
  padding:              2px;
  background-color:     #eeeeee;
  font-weight:          bold;
  text-align:           center;
}
.previewContentItem {
  padding:              4px 2px 0 2px;
  border-bottom:        1px solid #d7d7d7;
}
.previewContentItemRemove {
  float:                right;
}
.previewContentItemArticle {
  padding-right:        10px;
}
.previewContentItemArticleAuthor {
  display:              block;
  margin-bottom:        -11px;
  color:                #444444;
}
.ext-ie .previewContentItemArticleAuthor {
  margin:               0;
}
.previewSummary {
  padding:              2px;
  background-color:     #eeeeee;
  font-weight:          bold;
}

/** STATISTICS **/
.statisticForm {
  width:                100%;
  margin:               8px 0 8px 0;
  background-color:     #ffffff;
}
.statisticForm th {
  border-left:          1px solid #d7d7d7;
  border-bottom:        1px solid #444444;
  padding:              4px;
}
.statisticForm td {
  border-left:          1px solid #d7d7d7;
  border-bottom:        1px solid #d7d7d7;
  padding:              4px;
}
.statisticForm th:first-child, .statisticForm td:first-child {
  border-left:          0;
  padding-left:         0;
}
.statisticForm input[type=text] {
  border:               1px solid #444444;
  padding:              2px;
  font-family:          Arial, sans-serif;
  font-size:            12px;
}
.statisticForm .colKey {
  width:                140px;
  text-align:           right;
}
.statisticForm .colValue {
  text-align:           left;
}
.statisticForm .colNummeric {
  text-align:           right;
}
.statisticForm .colEdit {
  width:                120px;
  text-align:           center;
}
.statisticForm .colEdit .clipIcon {
  line-height:          22px;
}
.statisticForm .colAction {
  text-align:           right;
}
.statisticFormMain {
  font-weight:          bold;
}
.statisticRuler {
  padding:              4px 0 4px 0;
  text-align:           right;
}
.statisticActions {
  margin-bottom:        8px;
  border-bottom:        1px solid #d7d7d7;
  padding:              8px 0 8px 0;
  text-align:           center;
}
.statisticList {
  clear:                both;
  padding:              2px;
}
.statisticList .key {
  float:                left;
  width:                180px;
  padding-right:        8px;
  text-align:           right;
}

/** HTML TEXT **/
.textGenericImage {
  float:                left;
} 

/** RESULT **/
.resultSort {
  float:                right;
}
.resultSort select {
  height:               20px;
  width:                200px;
  margin:               0;
  padding:              1px;
  font-size:            12px;
} 
.resultRuler {
  height:               20px;
}

/** NOTEPAD SELECT **/
.notepadselect {
  display:              none;
  position:             absolute;
  z-index:              10;
  width:                220px;
  margin-top:           8px;
  border:               1px solid #cccccc;
  border-radius:        3px;
  -moz-border-radius:   3px;
  -webkit-border-radius: 3px;
  background-color:     #eeeeee;
  color:                #333333;
}
.notepadselectNew {
  padding:              4px 4px 8px 4px;
  font-size:            9px;
}
.notepadselectNew input[type=text] {
  vertical-align:       bottom;
}
.notepadselectNew span.button a {
  padding:              0 8px 0 8px;
  font-family:          Arial, sans-serif;
  font-size:            12px;
  outline:              none;
  line-height:          14px;
}
.notepadselectExist a {
  display:              block;
  border-top:           1px solid #cccccc;
  padding:              4px;
}
.notepadselectExist a:hover {
  background-color:     #d7d7d7;
  text-decoration:      none;
}
.notepadselectExist .active {
  font-weight:          bold;
}