@font-face {
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/DroidSans-webfont.woff') format('woff'),
    url('fonts/DroidSans-webfont.ttf') format('truetype'),
    url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
    url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
    url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

* {
    font-size: 12px;
    line-height: 16px; /* debug: not sure */
    color: #2a2b2b;
}

*:first-child + html body * {
    line-height: 16px;
}

b, strong, .ui-tooltip-jtools .ui-tooltip-content div div:first-child {
    font-weight: normal;
}

/* Webfont */

h2 span,
.homepage h3,
.name,
.homepage h2,
.bold,
#navi-top-right li a,
h2.shop,
.price-box .calc-single-price,
.price-box .calc-final-price,
#navi-top-main a,
#header #hotline,
#big-teaser ul li span,
.letsgo-button,
#configurator-steps li.active a,
.name,
.price,
.weiter-button,
.pdf-upload-button,
.blue-btn,
.frontcover-upload-button,
.abschluss-element,
.download-button,
.profi-cover-upload-button,
#ok,
.temp-price #price,
.final-price span,
.download-button,
.teaser h3,
.papers-density ul li,
.pdf-upload .teaser .contact-info p span,
.pdf-upload .teaser .contact-info p span a,
#book-settings #pages-total,
#book-settings dl + dl > dt + dd label,
#footer-meta a,
.ui-tooltip-jtools .ui-tooltip-content div div:first-child {
    font-family: DroidSansBold, Trebuchet, sans-serif;
}

*, h1, h2 {
    font-family: DroidSansRegular, Trebuchet MS, sans-serif;
}

/*#book-settings #pages-total,
#book-settings dl + dl > dt + dd label,
#footer-meta a 
{ font-weight:bold; }*/

/*---------------------*/

.select {
    position: absolute;
    width: 158px;
    height: 21px;
    padding: 0 0 0 8px;
    color: #000;
    font: 12px/21px arial, sans-serif;
    background: url(../img/select.gif) right center no-repeat;
    overflow: hidden;
    border: 1px solid #b8b8b8;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

input[type=checkbox] {
    margin: 0;
    vertical-align: middle;
}

h1, h2, h3, h4, p {
    margin: 0;
    font-weight: normal;
}

h2, h1 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 30px;
    color: #000;
}

#colorbox h1 {
    margin-top: 20px;
}

.homepage h1 {
    margin-top: 55px;
}

h2 span, h2.shop {
    font-size: 22px;
    margin-right: 20px;
    color: #19637f;
}

h3 {
    font-size: 18px;
    margin-bottom: 25px;
    color: #000;
}

p.heading {
    font-size: 18px;
    margin-bottom: 25px;
    color: #000;
}

.name, .teaser h3 {
    font-size: 18px;
    color: #19637f;
    padding-bottom: 18px;
    margin-bottom: 0;
    text-shadow: 0px 1px 1px #fff;
    line-height: 18px;
}

h4 {
    font-size: 14px;
    color: #19637f;
    padding-bottom: 18px;
    text-shadow: 0px 1px 1px #fff;
}

a {
    text-decoration: none;
    color: #19637f;
}

dd {
    margin: 0;
}

a:hover {
    text-decoration: underline;
}

.letsgo-button:hover, .download-button:hover, #ok:hover {
    text-decoration: none;
}

a img {
    border: none;
}

input[type=text] {
    padding: 3px 2px 3px 2px;
    border: 1px solid #b8b8b8;
}

.clear {
    clear: both;
}

.line {
    margin: 25px 0 25px 0;
}

#container-wrap {
    background: url(../img/bg-global-tile.jpg) left top repeat;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

*:first-child + html #container-wrap {
    background: #fff;
}

#container {
    margin: 0 auto;
    position: relative;
    width: 962px;
}

.pdf-upload-box, .teaser {
    border: 1px solid #b7b7b7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 15px;
    behavior: url(../js/PIE.htc);
}

#configurator-steps li {
    float: left;
}


/* Boxstyle */

.product-boxes,
.product-boxes-first,
.product-boxes-last,
#simple-select,
#professional-select,
.finishing-overview-boxes,
.finishing-overview-boxes-first,
.finishing-overview-boxes-last,
.vorsatzpapier-overview-boxes,
.vorsatzpapier-overview-boxes-first,
.vorsatzpapier-overview-boxes-last,
.spiralfarbe-overview-boxes,
.spiralfarbe-overview-boxes-first,
.spiralfarbe-overview-boxes-last,
.papers-overview-boxes,
#big-teaser,
#big-teaser-cover,
#big-teaser-vorsatz,
.papers-overview-boxes.inactive:hover {
    border: 1px solid #fff;
    -webkit-box-shadow: #666 0 0 5px;
    box-shadow: #393939 0px 0px 5px;
    -moz-box-shadow: #393939 0px 0px 5px;
    background: #f2f2f2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2f2f2), to(#d6d6d6));
    background: -webkit-linear-gradient(#f2f2f2, #d6d6d6);
    background: -moz-linear-gradient(#f2f2f2, #d6d6d6);
    background: -ms-linear-gradient(#f2f2f2, #d6d6d6);
    background: -o-linear-gradient(#f2f2f2, #d6d6d6);
    background: linear-gradient(#f2f2f2, #d6d6d6);
    -pie-background: linear-gradient(#f2f2f2, #d6d6d6);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../js/PIE.htc);
}

.product-boxes-first.active,
.product-boxes-last.active,
.product-boxes.active,
.product-boxes:hover,
.product-boxes-first:hover,
.product-boxes-last:hover,
.cover-type .active,
#simple-select:hover,
#professional-select:hover,
#simple-select.active,
#professional-select.active,
.finishing-overview .active,
.finishing-overview-boxes:hover,
.finishing-overview-boxes-first:hover,
.finishing-overview-boxes-last:hover,
.vorsatzpapier-overview .active,
.vorsatzpapier-overview-boxes:hover,
.vorsatzpapier-overview-boxes-first:hover,
.vorsatzpapier-overview-boxes-last:hover,
.spiralfarbe-overview .active,
.spiralfarbe-overview-boxes:hover,
.spiralfarbe-overview-boxes-first:hover,
.spiralfarbe-overview-boxes-last:hover,
.papers-overview-boxes.active,
.papers-overview-boxes:hover {
    border: 1px solid #3691AA;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: #08212a 0px 0px 5px;
    -moz-box-shadow: #08212a 0px 0px 5px;
    box-shadow: #08212a 0px 0px 5px;
    background: #c5d8df;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9f0f3), to(#A8CFDA));
    background: -webkit-linear-gradient(#e9f0f3, #A8CFDA);
    background: -moz-linear-gradient(#e9f0f3, #A8CFDA);
    background: -ms-linear-gradient(#e9f0f3, #A8CFDA);
    background: -o-linear-gradient(#e9f0f3, #A8CFDA);
    background: linear-gradient(#e9f0f3, #A8CFDA);
    -pie-background: linear-gradient(#e9f0f3, #A8CFDA);
    behavior: url(../js/PIE.htc);
}

.papers-overview-boxes.inactive:hover {
    cursor: default;
}

/* CONTENT */

#content {
    margin-top: -10px;
    position: relative;
    z-index: 1;
    min-height: 100px;
}

#content-pad {
    padding: 0 36px 100px 36px;
}

#content {
    padding: 0 16px 0 15px;
    background: url(../img/content-bg.png) center top repeat-y;
    width: 931px;
}

/* Configurator Steps */

#configurator-steps {
    width: 838px;
    background-color: #f1f1f1;
    height: 35px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #ececec;
}

#configurator-steps li {
    position: relative;
    height: 30px;
    margin: 0 28px;
}

#configurator-steps ul {
    list-style: none;
    padding: 15px 0 0 0;
    margin: 0;
}

#configurator-steps li img {
    position: absolute;
    bottom: 0;
    right: -30px;
}

#configurator-steps li.first {
    margin-left: -5px;
}

#configurator-steps li a {
    text-decoration: underline;
}

#configurator-steps li a, #configurator-steps li {
    font-size: 14px;
    color: #000;
}

#configurator-steps li.active a {
    font-size: 18px;
    color: #19637f;
}

.steps-shadow {
    background: url(../img/steps-shadow.png) no-repeat;
    margin: 0 auto 35px auto;
    width: 860px;
    height: 9px;
}

/* Step 1 - Choose product */

.product-boxes, .product-boxes-first, .product-boxes-last {
    position: relative;
    width: 265px;
    height: 250px;
    margin-bottom: 25px;
    float: left;
    cursor: pointer;
}

.product-boxes-first {
    margin-left: 4px;
}

.prod-boxes-bottom {
    position: absolute;
    bottom: -12px;
    left: -10px;
}

.product-boxes {
    margin-right: 25px;
    margin-left: 25px;
}

.product-overview img {
    position: relative;
    margin-left: 22px;
}

.product-binding-img {
    margin-left: 0 !important;
    margin: 0 0 10px 0;
    z-index: 0;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    behavior: url(PIE.htc);
}

.product-overview .product-overview-content, .cover-type-content,
.papers-overview-boxes-content {
    position: absolute;
    /*margin:0 20px 10px 20px;*/
    left: 15px;
    width: 235px;
}

.product-overview .product-overview-content {
    bottom: 20px;
}


.product-overview .product-overview-content, .cover-type-content {
    height: 80px;
}

.name {
    font-size: 18px;
    color: #19637f;
    padding-bottom: 18px;
    text-shadow: 0px 1px 1px #fff;
    line-height: 18px;
}

.description li, .teaser ul li {
    font-size: 12px;
    color: #303030;
    background: url(../img/bullet.png) 0 4px no-repeat;
    clear: both;
    padding-left: 15px;
    margin-bottom: 4px;
    width: 222px;
}

.price {
    position: absolute;
    font-size: 30px;
    color: #cf5700;
    bottom: 0px;
    right: 0;
    text-shadow: 0px 1px 1px #fff;
}

.tax-info {
    clear: both;
    padding-top: 20px;
}

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

.star {
    font-size: 18px;
    vertical-align: top;
}

.weiter-element, .submit-element, .abschluss-element {
    float: right;
    width: 194px;
}


.weiter-button {
    border: none;
    background: url(../img/button1.png) no-repeat;
    padding: 4px 20px 0 0;
    color: #fff;
    font-size: 20px;
    width: 194px;
    height: 52px;
    text-align: right;
    text-shadow: 0px 1px 0px #393939;
}

.weiter-button:hover {
    background: url(../img/button1-hov.png) no-repeat;
    cursor: pointer;
}

.weiter-button.inactive {
    background: url(../img/button1-inactive.png) no-repeat;
    color: #d7d7d7;
}

.weiter-button.inactive:hover {
    background: url(../img/button1-inactive.png) no-repeat;
    color: #d7d7d7;
}

#big-teaser {
    width: 765px;
    padding: 50px 40px;
    margin: 0 0 50px 5px;
}

#big-teaser p, #big-teaser span {
    font-size: 21px;
    width: 500px;
}

#big-teaser ul {
    margin: 35px 0 0 30px;
    width: 500px;
}

#big-teaser li {
    background: url(../img/haeckchen.png) left 4px no-repeat;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 30px;
    padding-left: 50px;
}

.big-teaser-img {
    position: absolute;
    top: 120px;
    right: 100px;
}

/* Step 2 - PDF-upload */

.pdf-upload p {
    color: #303030;
    line-height: 16px;
}

.pdf-upload-box {
    width: 470px;
    height: auto;
    padding: 10px 30px 10px 30px;
    margin: 20px auto 20px auto;
    text-align: center;
}

.blue-btn, .pdf-upload-button, .frontcover-upload-button, .download-button, .profi-cover-upload-button {
    border: none;
    background: url(../img/button2.png) no-repeat;
    color: #fff;
    font-size: 14px;
    width: 234px;
    height: 43px;
    text-align: center;
    text-shadow: 0px 1px 0px #000;
    margin-top: 10px;
}

.frontcover-upload-button, .download-button, .profi-cover-upload-button {
    margin-left: -4px;
}

.blue-btn:hover, .pdf-upload-button:hover, .frontcover-upload-button:hover, .download-button:hover, .profi-cover-upload-button:hover {
    background: url(../img/button2-hov.png) no-repeat;
    cursor: pointer;
}

.pdf-upload .teaser {
    width: 230px;
    position: relative;
    margin-right: 36px;
    float: left;
    height: 135px;
}

.pdf-upload .teaser a img {
    position: absolute;
    right: 0;
    bottom: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../js/PIE.htc);
}

.pdf-upload .teaser.last {
    margin-right: 0;
}

.pdf-upload .teaser .contact-info p span {
    display: inline-block;
    margin-left: 15px;
}

.pdf-upload .teaser .contact-info p span,
.pdf-upload .teaser .contact-info p span a {
    color: #cf5700;
    font-size: 18px;
}

#ok {
    border: none;
    background: url(../img/button4.png) no-repeat;
    color: #fff;
    font-size: 14px;
    width: 85px;
    height: 42px;
    text-align: center;
    text-shadow: 0px 1px 0px #000;
    margin-top: 10px;
    line-height: 45px;
    display: block;
}

#ok:hover {
    background: url(../img/button4-hov.png) no-repeat;
    cursor: pointer;
}

/* Step 3 - Paper */

#book {
    width: auto;
    height: auto;
}

.book-preview {
    float: left;
    height: auto;
    width: 472px;
}

#book-navigation {
    width: 470px;
    height: 30px;
    margin-top: 5px;
}

#book-settings {
    float: right;
    width: 260px;
}

div.paginator {
    text-align: center;
    margin: 3px auto;
    width: 112px;
}

div.paginator label {
    line-height: 1.7;
}

div.paginator input {
    width: 25px;
    margin-left: 6px;
}

#book-navigation span {
    float: left;
}

#book-navigation #last-page, #book-navigation #next-page {
    float: right;
}

#book-navigation #last-page {
    margin-left: 5px;
}

#book-navigation #first-page {
    margin-right: 5px;
}

.papers-overview .inactive .name, .papers-overview .inactive .papers-density ul li {
    color: #5C5C5C;
}

.papers-overview-boxes.inactive {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.papers-overview-boxes {
    position: relative;
    width: 255px;
    height: 170px;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
}

.papers-overview-boxes-content {
    margin-top: 90px;
}

.papers-overview .last {
    margin-right: 4px;
}

.papers-overview .first {
    margin-left: 4px;
}

.papers-overview-boxes-bottom {
    position: absolute;
    bottom: -12px;
    left: 11px;
}

.papers-density ul li {
    text-shadow: 0 1px 1px #F0F0F0;
    font-size: 14px;
}

.papers-density ul li sup {
    font-weight: bold;
    font-size: 10px !important;
}

#book-settings dl + dl > dt + dd {
    background: none;
    padding: 0;
    margin-bottom: 10px;
}

#book-settings dl > dd + dt + dd {
    background: none;
    padding: 0;
}

#book-settings dt {
    font-size: 14px;
    margin-bottom: 15px;
}

#book-settings dd {
    background: url(../img/bullet.png) left 3px no-repeat;
    padding-left: 14px;
    margin-bottom: 3px;
    margin-left: 10px;
}

#book-settings #pages-total {
    border-top: 1px solid #b8b8b8;
    padding-top: 10px;
    padding-left: 24px;
}

#grammatur {
    margin-bottom: 30px;
}

.papers-img {
    position: absolute;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    behavior: url(../js/PIE.htc);
}

/* Step 4 - Cover */

#simple-select, #professional-select {
    position: relative;
    width: 415px;
    height: 315px;
    margin-bottom: 19px;
    float: left;
}

#simple-select {
    margin-left: 4px;
}

#professional-select {
    margin-right: 4px;
}

.cover-boxes-bottom {
    position: absolute;
    bottom: -12px;
    left: 90px;
}

#professional-select {
    float: right;
}

.cover-type-content {
    margin-top: 20px;
}

.cover-type-content .description li {
    width: 360px;
}

#simple-select .cover-type-img, #professional-select .cover-type-img {
    position: absolute;
    bottom: 0;
    left: 73px;
}

#big-teaser-cover {
    margin: 15px 0 0 5px;
    padding: 10px 40px 10px 10px;
    width: 160px;
}

.big-teaser-cover-img {
    position: relative;
    margin-top: -120px;
    right: -82px;
    float: right;
    height: 140px;
}

#big-teaser-vorsatz {
    margin: 70px 0 0 550px;
    width: 200px;
    padding: 10px 40px 10px 10px;
}

#big-teaser-vorsatz h2 {
    color: #d35812;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
}

#big-teaser-vorsatz span {
    color: #d35812;
    font-weight: bold;
}

.big-teaser-vorsatz-img {
    position: relative;
    margin-top: -120px;
    right: -75px;
    float: right;
    height: 140px;
}

.finishing-overview-boxes, .finishing-overview-boxes-first, .finishing-overview-boxes-last, .vorsatzpapier-overview-boxes, .vorsatzpapier-overview-boxes-first, .vorsatzpapier-overview-boxes-last, .spiralfarbe-overview-boxes, .spiralfarbe-overview-boxes-first, .spiralfarbe-overview-boxes-last {
    position: relative;
    width: 183px;
    height: 180px;
    float: left;
    margin-bottom: 40px;
}

.finishing-overview-boxes .finishing-img, .finishing-overview-boxes-first .finishing-img, .finishing-overview-boxes-last .finishing-img, .vorsatzpapier-overview-boxes .vorsatzpapier-img, .vorsatzpapier-overview-boxes-first .vorsatzpapier-img, .vorsatzpapier-overview-boxes-last .vorsatzpapier-img, .spiralfarbe-overview-boxes .spiralfarbe-img, .spiralfarbe-overview-boxes-first .spiralfarbe-img, .spiralfarbe-overview-boxes-last .spiralfarbe-img {
    width: 183px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0 1px #A1A1A1;
    -moz-box-shadow: 0 1px #A1A1A1;
    box-shadow: 0 1px #A1A1A1;
    /*behavior: url(PIE.htc);*/
}

.finishing-overview-boxes-first, .vorsatzpapier-overview-boxes-first, .spiralfarbe-overview-boxes-first {
    margin-left: 4px;
}

.finishing-overview-boxes, .vorsatzpapier-overview-boxes, .spiralfarbe-overview-boxes {
    margin-left: 36px;
}

.finishing-overview-boxes-last, .vorsatzpapier-overview-boxes-last, .spiralfarbe-overview-boxes-last {
    float: right;
    margin-right: 4px;
}

.finishing-overview-boxes .name, .finishing-overview-boxes-first .name, .finishing-overview-boxes-last .name,
.vorsatzpapier-overview-boxes .name, .vorsatzpapier-overview-boxes-first .name, .vorsatzpapier-overview-boxes-last .name,
.spiralfarbe-overview-boxes .name, .spiralfarbe-overview-boxes-first .name, .spiralfarbe-overview-boxes-last .name {
    margin: 15px 5px 0 15px;
}

.finishing-boxes-bottom, .vorsatzpapier-boxes-bottom, .spiralfarbe-boxes-bottom {
    position: absolute;
    bottom: -13px;
    left: 0;
}

#author-label,
#title-label,
#fontColor-label,
#backgroundColor-label,
#coverImageFilename-label,
#profiAuthor-label,
#profiTitle-label {
    margin-bottom: 10px;
}

.author {
    width: 300px;
}

#simple label, #professional label, .cover-upload p {
    font-size: 14px;
}

.author, .color-selector {
    float: left;
}

.color-selector {
    margin-right: 15px;
    width: 112px;
}

.title label.required {
    color: #E72F2F;
}

.title input.required {
    border: 1px solid #F78888;
}

textarea[name$="uthor"].defval, textarea[name$="itle"].defval, input[name$="itle"].defval {
    color: grey;
}

.drawAuthor, .drawTitle {
    width: 110px;
    margin-top: 10px;
}

.drawAuthor label, .drawTitle label {
    font-size: 12px !important;
}

dt#drawAuthor-label {
    float: right;
}

dt#drawTitle-label {
    float: right;
}

dd#drawAuthor-element {
    float: left;
}

dd#drawTitle-element {
    float: left;
}

#fontColor-element, #backgroundColor-element {
    width: 64px;
    position: relative;
}

.cover-left-col {
    float: left;
    width: 520px;
    height: auto;
}

.cover-right-col {
    float: right;
    width: 300px;
    margin-top: 30px;
}

#simple #book {
    margin-top: 30px;
}

.temp-price {
    margin-top: 22px;
    margin-right: 20px;
    float: right;
    padding-bottom: 10px;
}

.temp-price span {
    font-size: 22px;
}

.temp-price #price + span {
    font-size: 12px;
    margin-left: 5px;
}

.temp-price #price {
    color: #d35812;
    margin-left: 15px;
}

.submit-price-line {
    /*margin-top:35px;*/
    height: 52px;
}

.download-button {
    color: #fff;
    font-size: 14px;
    width: 234px;
    height: 43px;
    line-height: 45px;
    display: block;
}

.preview {
    float: right;
    font-size: 14px;
    width: 320px;
    height: 190px;
    margin-left: 15px;
}

.coverdesign .page-image {
    max-width: 520px;
}

.page-image:hover {
    cursor: pointer;
}

/* Step 5 - Overview */

.left-col {
    float: left;
    width: 500px;
}

.right-col {
    float: right;
    width: 280px;
    height: 360px;
    position: relative;
}

.overview-form dt {
    float: left;
    width: 182px;
    padding-right: 10px;
    font-size: 14px;
    color: #000;
}

.overview-form dl {
    padding-bottom: 5px;
    padding-top: 2px;
    border-bottom: 1px solid #acacac;
}

.overview-form dl.multiline {
    border-bottom: 1px solid #d4d4d4;
}

.mar-left {
    margin-left: 30px;
    width: 152px !important;
}

.overview-form .quantity label {
    font-size: 14px;
    color: #000;
    padding-right: 20px;
}

.overview-form .quantity, .overview-form .check-data {
    margin: 30px 0;
}

.overview-form .check-data input {
    margin: 0 10px 2px 0;
}

.teaser {
    width: 248px;
    position: absolute;
    bottom: 0;
}

.prices {
    width: 500px;
    height: 50px;
}

.unit-price span, .final-price span {
    font-size: 18px;
}

.unit-price {
    color: #000;
    width: 200px;
    float: left;
}

.final-price {
    float: right;
}

.prices .tax {
    padding-top: 35px;
    clear: both;
}

.prices .unit-price > span, .prices .final-price > span {
    margin-right: 10px;
}

.prices .final-price > span + span {
    color: #d1570b;
    font-size: 22px;
}

.abschluss-element {
    background: url(../img/button-abschluss.png);
    height: 53px;
    width: 270px;
    border: 0;
    font-size: 20px;
    color: #fff;
    text-shadow: 0px 1px 0px #393939;
    margin-top: -18px;
}

.abschluss-element:hover {
    background-position: 0 -53px;
    cursor: pointer;
}


/* FOOTER */

#footer {
    padding: 0 16px 0 15px;
    background: url(../img/footer-bg.png) center top repeat-y;
    width: 933px;
}

#footer-meta {
    background-color: #b6b6b6;
    padding: 20px 30px;
    text-shadow: 0px 1px 1px #eaeaea;
    position: relative;
}

#footer-meta a {
    color: #19637f;
    margin: 0 5px;
}

#footer-meta a:hover {
    color: #000;
}

#footer-meta span {
    position: absolute;
    right: 28px;
}

#footer-text {
    padding: 20px 30px;
    background-color: #858585;
}

#footer-text p {
    font-size: 11px;
    margin-bottom: 10px;
    color: #fff;
}

/* debug */

.loader {
    background: url(../img/preloader.gif) no-repeat center;
    text-align: center;
    padding-top: 70px;
    display: none;
}

#page-offset {
    display: none;
    margin-top: 15px;
}

#book [id$="page"] {
    border: 1px solid silver;
    width: auto; /* debug */
    height: auto;
    margin-bottom: 10px;
}

.color-box {
    position: relative;
    margin: -21px 0 0 80px;
    width: 15px;
    height: 15px;
    border: 3px solid #B8B8B8;
}

.colorpicker {
    z-index: 99;
}

.errors {
    display: none;
}

.uploadifyQueueItem {
    width: 300px;
    margin: 10px auto;
}

/**
 * Message boxes
 */
ul[class^="message-"] { /*border:1px solid gray; background:silver; padding:10px;*/
}

ul[class^="message-"] li {
    list-style: none;
}

ul.message-success {
    padding: 10px;
    background-color: #d8f6d9;
    border: 1px solid #6bdd6e;
    color: #6bdd6e;
    margin-bottom: 15px;
}

ul.message-error {
    padding: 10px;
    background-color: #fff0f0;
    border: 1px solid #f9cece;
    color: #f9cece;
    margin-bottom: 15px;
}

ul.message-info {
    padding: 10px;
    background-color: #d8f6d9;
    border: 1px solid #6bdd6e;
    color: #6bdd6e;
    margin-bottom: 15px;
}

#colorbox ul.message-info {
    padding: 0;
    background-color: #fff;
    border: 0;
    color: #fff;
    margin-bottom: 0;
}

#colorbox #ok {
    float: right;
    margin-top: 20px;
}

/**
 * Hide all selectable radioboxes
 */
#binding-label, #binding-element, #paper-label, #paper-element, #finishing-label, #finishing-element, #vorsatzpapier-label, #vorsatzpapier-element, #spiralfarbe-label, #spiralfarbe-element, #coverType-label, #coverType-element {
    display: none;
}

/*div[class$="-overview"] .active, .cover-type div.active { }*/
#configurator {
    display: none;
}

#uploadChecker {
    display: none;
}

div[class^="tooltip-"] {
    display: none;
}

*:first-child + html #footer {
    margin: 0 auto;
}

*:first-child + html .price {
    line-height: 100%;
    bottom: 0;
}

/*

*:first-child+html #configurator-steps li a, *:first-child+html #configurator-steps li {
	line-height:25px;
	margin:0 0 0 50px;
}

*:first-child+html #configurator-steps ul {
	padding:10px 0 0 0;
}

*:first-child+html #configurator-steps li img {
	position:absolute;
	top:7px;
	margin-left:18px;
}

*:first-child+html #configurator-steps li.first {
	margin-left:-15px;
} 

*/

*:first-child + html .prod-boxes-bottom {
    position: absolute;
    margin-bottom: -2px;
    margin-left: 10px;
}

*:first-child + html .cover-boxes-bottom {
    position: absolute;
    margin-bottom: 0;
    left: 90px;
}

*:first-child + html .finishing-boxes-bottom {
    position: absolute;
    margin-bottom: 0;
    left: 0;
}

*:first-child + html .vorsatzpapier-boxes-bottom {
    position: absolute;
    margin-bottom: 0;
    left: 0;
}

*:first-child + html .spiralfarbe-boxes-bottom {
    position: absolute;
    margin-bottom: 0;
    left: 0;
}

*:first-child + html .book-preview {
    width: 480px;
}

*:first-child + html #submit-element {
    float: right;
}

*:first-child + html #iframeContent, iframe {
    border: 0px solid #fff;
}

*:first-child + html body {
    border-color: #fff;
}


/* PLUpload */

.ProgressBar {
    margin: 10px auto;
    position: relative;
    width: 400px;
    height: 13px;
    background-color: #F5F5F5;
    border: 2px solid #E5E5E5;
    z-index: 99;
    display: none;
}

.uploadDateiname, .uploadFortschritt {
    margin: 10px auto;
    position: relative;
    width: 400px;
    z-index: 99;
    display: none;
    text-align: left;
    left: -10px;
}

.uploadDateiname {
    margin-bottom: -8px;
    color: #000;
}

.uploadFortschritt {
    margin-top: -5px;
    color: #777;
}

.pdf-upload-box > .ProgressBar {
    left: -10px;
}

.cover-upload > .ProgressBar {
    width: 200px;
    left: -25px;
    text-align: center;
}

.offset-upload > .ProgressBar {
    float: left;
    text-align: center;
    width: 300px;
}

.prozent {
    overflow: visible;
    position: relative;
    z-index: 1000;
}

.UploadStop {
    float: right;
    margin-right: -23px;
    margin-top: -2px;
    cursor: pointer;
}

.Progress {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: #0099FF;
}

#hochladen, #offset-hochladen, #cover-hochladen {
    cursor: pointer;
}

#iframeContent.dragover {
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

#iframeContent.dragover * {
    pointer-events: none;
}