/* flyerheaven.de - main.css */

/* MISC */
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600);

@font-face {
  font-family: "Neo Sans Std";
  src: url("../../../global/fonts/NeoSansStd-Regular.otf");
}

@font-face {
  font-family: "Neo Sans Std";
  src: url("../../../global/fonts/NeoSansStd-Medium.otf");
  font-weight: bold;
}

.small-teaser .nivo-prevNav,
.small-teaser .nivo-nextNav {
  display: none !important;
}
a.back-link {
  background-image: url(../img/buttons/btn-back.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #77ABC7;
  color: #FFF;
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 90%;
  position: absolute;
  top: 0;
  right: 0;
  float: left;
}
a.back-link:hover {
  background-color: #0C588A;
}
a.back-link span {
  float: left;
  line-height: 20px;
  margin-left: 22px;
  margin-right: 5px;
}
a.back-link:hover span {
  text-decoration: none;
}
a.rekla-back {
  background-image: url(../img/system/buttons.png);
  background-repeat: no-repeat;
  background-position: right -58px;
  background-color: #A4A4A4;
  border: 1px solid #A4A4A4;
  cursor: pointer;
  color: #FFF;
  padding: 2px 3px;
  padding-right: 22px;
}
a.rekla-back:hover {
  background-color: #828282;
  border: 1px solid #828282;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.link-jpeg-cmyk,
a.link-jpeg-rgb,
a.link-coreldraw,
a.icc-rgb-link,
a.icc-link,
a.joboptions-link,
a.pdf-link {
  height: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  float: left;
  background-repeat: no-repeat;
  background-image: url(../img/icons/icons-small.png);
}
a.icc-rgb-link,
a.link-jpeg-rgb {
  background-position: 0 -50px;
}
a.icc-link,
a.link-jpeg-cmyk{
  background-position: 0 -75px;
}
a.joboptions-link {
  background-position: 0 -25px;
}
a.pdf-link {
  background-position: 0 0;
}
a.link-coreldraw {
  background-position: 0 -100px;
}
a.link-jpeg-cmyk span,
a.link-jpeg-rgb span,
a.link-coreldraw span,
a.icc-rgb-link span,
a.icc-link span,
a.joboptions-link span,
a.pdf-link span {
  float: left;
  line-height: 20px;
  margin-left: 20px;
  margin-right: 4px;
}
.box-article {
  float: left;
  width: 100%;
  position: relative;
}
a.arrow-link,
a.show-delivery-addr,
a.transfer-data,
a.popwin-download {
  background-image: url(../img/system/arrows.png);
  background-repeat: no-repeat;
  background-position: 0 5px;
}
#sidebar a.arrow-link {
  background-position: 0 4px;
}
a.arrow-link span,
a.show-delivery-addr span,
a.transfer-data span,
a.popwin-download span {
  margin-left: 10px;
}
a.link-info,
a.link-question {
  background-image: url(../img/icons/icon-info.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
a.link-info span,
a.link-question span {
  margin-left: 18px;
}
a.delete-item,
a.delete-address,
a.edit-address,
a.delete-cart-item,
a.edit-cart-item,
a.enlist-cart-item,
a.save-cart-item,
a.cancel-cart-item {
  float: left;
  width: 80%;
  margin-left: 20%;
  background-color: #EAEAEA;
  margin-bottom: 1px;
  text-transform: lowercase;
}
a.delete-item:hover,
a.delete-address:hover,
a.delete-cart-item:hover {
  background-color: #C00;
  color: #FFF;
}
a.edit-address:hover,
a.edit-cart-item:hover,
a.enlist-cart-item:hover,
a.cancel-cart-item:hover {
  background-color: #77ABC7;
  color: #FFF;
}
a.save-cart-item:hover {
  background-color: #0C0;
  color: #FFF;
}
a.delete-item:hover span,
a.delete-address:hover span,
a.edit-address:hover span,
a.delete-cart-item:hover span,
a.edit-cart-item:hover span,
a.enlist-cart-item:hover span,
a.save-cart-item:hover span,
a.cancel-cart-item:hover span {
  text-decoration: none;
}
a.view-orderlist-details img {
  background-color: #77ABC7;
  float: left;
  width: 25px;
  height: 25px;
}
a.view-orderlist-details:hover img {
  background-color: #0C588A;
}
a.note {
}
a.note:hover span {
  text-decoration: none;
}
span.fh {
  font-size: 115%;
  font-weight: bold;
  text-transform: lowercase;
}
span.fh span,
.blue {
  color: #0C588A;
}
.boldblue {
  color: #0C588A;
  font-weight: bold;
}
.online {
  color:#090;
}
.offline {
}
#map {
  width:100%;
  height:350px;
  border:1px solid #CCC;
  text-align:center;
  vertical-align:middle;
  float:left;
  position: relative;
}
.clear-divider {
  width: 100%;
  float: left;
  margin: 10px 0;
}
.gutter {
  float: left;
}
.minor-importance {
  font-size: 85%;
  color: #818181;
}
.more-importance {
  font-size: 110%;
}
p.minor-importance {
  font-size: 90%;
  line-height: 110%;
}
.no-border {
  border: 0 !important;
}
.small-info {
  font-size: 0.85em;
}
.tab {
  float: left;
  margin-right: 10px;
}
#content div.multicolumnbox h3.merchandise-topspace {
  margin-top:15px !important;
  float: left !important;
  width: 100% !important;
}
.addr-box {
  background-color: #F8F8F8;
  border: 1px solid #E4E4E4;
  float: left;
  width: 100%
}
.wrap {
  /*width: 100%;*/
  float: left;
}
#content input[type="button"],
#content input[type="submit"] {
  background-image: url(../img/system/buttons.png);
  background-repeat: no-repeat;
  background-position: right -120px;
  background-color: #77ABC7;
  padding-right: 14px;
  border: 1px solid #77ABC7;
  cursor: pointer;
  color: #FFF;
}
#content input[type="button"].refresh {
  background-position: right -146px;
}
#content input[type="submit"]#orderitem_reclamation {
  padding: 2px 3px;
  padding-right: 17px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#content input[type="submit"]#orderitem_reclamation:hover {
  background-color: #1C73A2;
  border: 1px solid #1C73A2;
  opacity: 1;
}
.addr-box .wrap {
  float: left;
  width: 98%;
  margin: 1%;
}

#content .box-header-on h4,
#content .box-header-off h4 {
  color: #0C588A;
  font-weight: bold;
  border-bottom: none !important;
  cursor: pointer;
  background-image: url(../img/buttons/btn-expand.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
#content .box-header-on h4 {
  background-position: left 0;
}
#content .box-header-on h4 {
  background-position: left -30px;
}
#content .box-header-on h4:hover span,
#content .box-header-off h4:hover span {
  text-decoration: underline;
}
#content .box-header-on h4 span,
#content .box-header-off h4 span {
  margin-left: 18px;
}
#content .highlighted-box {
  background-color: #F8F8F8;
  border: 1px solid #E4E4E4;
  float: left;
  width: 100%
}
#content .highlighted-box.rose {
  background-color: #FFF1DC;
  border: 1px solid #E4E4E4;
  float: left;
  width: 100%
}
#content .highlighted-box.green {
  background-color: #F5FBEF;
  border: 1px solid #009900;
  float: left;
  width: 100%
}
#content .highlighted-box.price-sample {
  background-color: #FFF1DC;
  border: 1px solid #E4E4E4;
  margin-bottom: 40px;
}
#content .highlighted-box.price-sample .wrap {
  margin: 0.5% !important;
}
#content .highlighted-box.price-sample .wrap h4 {
  border-bottom: 1px solid #CCC;
}

#content .article-price-example {
  font-weight: bold;
  color: #0C588A;
}
#content .default-row.dataoptions .highlighted-box {
  background-color: transparent;
  border: none;
}
#content .highlighted-box-footer {
  float: left;
  width: 100%
}
#content div.addressbook .highlighted-box {
  margin: 0;
  margin-bottom: 17px;
}
#content .highlighted-box div.addressbook .highlighted-box,
#content #split_shipping .highlighted-box .highlighted-box {
  background-color: #FFF;
}
#content .highlighted-box div.addressbook .highlighted-box:hover,
#content #split_shipping .highlighted-box .highlighted-box:hover {
  border: 1px solid #6D9BB9;
  opacity: 1;
  -webkit-box-shadow:0 0 15px #A5C8DA;
  -moz-box-shadow: 0 0 15px #A5C8DA;
  box-shadow:0 0 15px #A5C8DA;
}
#content #split_shipping .addresses dt {
  width: 8%;
}
#content #split_shipping .addresses dd {
  width: 92%;
}
#content div.addressbook .highlighted-box .wrap {
  margin: 1%;
  width: 98%;
}
#content .default-box-wrap.alert {
  background-color: #FFF1DC /*#FFF45D*/;
  padding: 0 1%;
  box-sizing: border-box;
  border: 1px solid #181818 /*#F3E745*/;
  border-radius: 5px;
  margin-bottom: 1rem;
}
#content .default-box-wrap.alert div.multicolumnbox h2 {
  border-bottom: none;
  margin-bottom: 0;
}
#content .default-box-wrap.alert div.multicolumnbox {
  margin: 0 1%;
  width: 98%;
  box-sizing: border-box;
  padding: 15px 0 10px 0;
}
#content .default-box-wrap.alert .clear-divider {
  display: none;
}
#content div.multicolumnbox .highlighted-box .wrap {
  margin: 1%;
  width: 98%;
}
#content div.multicolumnbox .highlighted-box-footer {
  float: left;
  width: 86%;
  margin-left: 14%;
  margin-top: 15px;
}
#content div.addressbook .address-wrap {
  border-bottom: 1px solid #EAEAEA;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
#content .addr-box .wrap p:nth-of-type(1) {
  margin-top: 0;
}
#content .addr-box .wrap p:nth-last-of-type(1) {
  margin-bottom: 0;
}
#content .outer-country-shipping-cost-box {
  float: left;
  width: 100%;
}
#content .outer-country-shipping-cost-box form {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#content ul#lp-links,
#content ul.newsletter-facts,
#content ul.category-list,
#content ul.faq-list,
#content ul.search-faq-list{
  float: left;
  width: 100%;
  list-style: none;
  margin-bottom: 20px;
}
#content ul#lp-links {
  margin-top: 10px;
}
#content ul#lp-links li,
#content ul.newsletter-facts li,
#content ul.category-list li,
#content ul.faq-list li,
#content ul.search-faq-list li {
  float: left;
  width: 100%;
  list-style: none;
  background-image: url(../img/system/arrows.png);
  background-repeat: no-repeat;
  background-position: 0 6px;
  margin-bottom: 8px;
}
#content ul#lp-links li a,
#content ul.category-list li a,
#content ul.faq-list li a,
#content ul.search-faq-list li a {
  float: left;
}
#content ul#lp-links li div.wrap a,
#content ul.category-list li div.wrap a,
#content ul.faq-list li div.wrap a,
#content ul.search-faq-list li div.wrap a {
  float: none;
}
#content ul.search-faq-list li a:hover {
  text-decoration: underline;
}
#content ul#lp-links li a span,
#content ul.category-list li a span,
#content ul.faq-list li a span,
#content ul.search-faq-list li a span {
  margin-left: 10px;
  display: block;
  float: left;
}

#content ul.list li.more-results span {
  margin-left: 10px;
  display: block;
}

#content div.wrap ul.list {
  float: left;
  width: 100%;
  list-style: none;
}

#content ul.list li.more-results {
  float: left;
  width: 100%;
  list-style: none;
  background-image: url(../img/system/arrows.png);
  background-repeat: no-repeat;
  background-position: 0 6px;
  margin-bottom: 8px;
}

#content ul.search-faq-list li a span.searchresult-highlight {
  margin-left: 0;
  display: inline;
  float: none;
  color: #FFF;
  background-color: #77ABC7;
}
#content ul.category-list li div,
#content .nl-firstcolumn ul.newsletter-facts li div,
#content ul.faq-list li div {
  margin-left: 4%;
}
#content ul.newsletter-facts li div,
#content ul.search-faq-list li div {
  margin-left: 2.5%;
  padding: 1px;
}
#content ul.category-list li div.default-row,
#content ul.faq-list li div.default-row {
  margin-left: 0;
}
#content ul.category-list li div.wrap,
#content ul.faq-list li div.wrap {
  margin: 1%;
  width: 98%;
  margin-bottom: 75px;
}
#content ul.category-list li div.wrap p,
#content ul.faq-list li div.wrap p {
  margin-top: 0;
}
#content ul.category-list li div.faq-answer,
#content ul.faq-list li div.faq-answer {
  border: 1px solid #CCC;
  background-color: #F8F8F8;
  background-image: url(../img/system/bg-large-download-box.png);
  background-repeat:no-repeat;
  background-position: bottom right;
  float: left;
  width: 96%;
  margin-bottom: 20px;
}
#content ul.faq-list li div.faq-answer {
  background-image: url(../img/system/bg-pageinfobox-btm.png);
}
#content ul.category-list h4,
#content ul.faq-list h4 {
  border-bottom: 1px solid #CCC;
  float: left;
  width: 100%;
}
#content ul.category-list li div.faq-answer h4,
#content ul.faq-list li div.faq-answer h4 {
  border-bottom: 1px solid #CCC;
}
#content ul.category-list li dt,
#content ul.faq-list li dt {
  width: 3%;
  float: left;
}
#content ul.category-list li dd,
#content ul.faq-list li dd {
  width: 97%;
  float: left;
}
#content h6 {
  float: left;
  width: 100%;
  margin-top: 10px;
}
/* TABLES */
table {
  border-collapse: collapse;
  width: 100%;
  float: left;
}
table td {
  vertical-align: top;
}
table.table-article-info-box {
  margin-bottom: 20px;
}
.highlighted-box.price-sample table.table-article-info-box {
  margin-bottom: 0;
}

table.faq {
  border: 1px solid black;
}

table.faq thead,
table.faq tfoot {
  background-color: #2d6591;
  color: white;
}

table.faq td,
table.faq th {
  border: none;
}
table.faq td,
table.faq th {
  padding: 3px 2px;
  line-height: 120%;
}

table.faq tr:nth-of-type(odd) {
  background-color: none;
}
table.faq tr:nth-of-type(even) {
  background-color: #D5D5D5;
}
table.tbl-orderitem-list td {
  padding: 3px 2px;
  line-height: 120%;
  border-bottom: 1px solid #EEE;
}
table.tbl-orderitem-list td img {
  margin: 2px;
}
table.tbl-orderitem-list tr:nth-of-type(odd) {
  background-color: none;
}
table.tbl-orderitem-list tr:nth-of-type(even) {
  background-color: #EEE;
}
table.tbl-orderitem-list tr {

}
table.tbl-inner-orderitem-list td img {
  margin: 2px;
}
table.tbl-inner-orderitem-list td {
  padding: 0;
  border-bottom: none;
}
table.tbl-inner-orderitem-list td.printstatus {
  padding-right: 5px;
  text-align: right;
  letter-spacing: -0.02em;
}
table.tbl-inner-orderitem-list tr {
  border-bottom: none;
}
table.tbl-inner-orderitem-list tr:nth-of-type(odd),
table.tbl-inner-orderitem-list tr:nth-of-type(even) {
  background: none;
  border-bottom: 1px solid #F4F4F4;
}
table.tbl-inner-orderitem-list tr:nth-of-type(odd) {
  background: none;
  border-bottom: none;
}
table.tbl-inner-orderitem-list tr:last-child {
  border-bottom: none;
}
/* BUTTONS */


.upload-done {
  background-color: #090;
  background-image: url(../img/buttons/btn-upload-done.png);
  background-position: 10px 5px;
  background-repeat: no-repeat;
  width: 100%;
  height: 55px;
  line-height: 55px;
  text-align: center;
  margin: auto 0;
  float: left;
  color: #FFF;
  font-size: 120%;
}
.upload-done:hover,
.upload-done:active,
.upload-done:focus {
  background-position: 10px -95px;
  background-color: #FFF;
  border: 1px inset #090;
  color: #090;
}
.button-upload {
  background-color: #77ABC7;
  background-image: url(../img/buttons/btn-do-upload.png);
  background-position: 10px 5px;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  width: 100%;
  height: 55px;
  line-height: 55px;
  text-align: center;
  margin: auto 0;
  float: left;
  color: #FFF;
  font-size: 120%;
}
.button-upload:hover,
.upload-done:active,
.upload-done:focus {
  background-position: 10px -95px;
  background-color: #1C73A2;
  color: #FFF;
}




a.button-newsletter,
a.button-payment,
a.button-payment-disabled,
a.default-form-submit,
a.button-settings,
a.button-download,
a.button-bill-by-mail,
a.button-edit-addressbook,
a.button-save-entry,
a.button-save-small,
a.button-cancel,
a.button-cancel-small,
a.button-send-request {
  background-color: #77ABC7;
  background-image: url(../img/buttons/btn-default.png);
  background-repeat: no-repeat;
  background-position: right center;
  border: 2px solid #77ABC7;
  color: #FFF;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}
a.button-payment-disabled {
  background-color:#CCC;
  border: 2px solid #CCC;
  cursor: default;
}
.default-column .extended-form-submit a.button-save-entry{
  margin-right: 5px;
}
a.button-save-entry,
a.button-save-small {
  background-image: url(../img/system/buttons.png);
  background-position: right -89px;
}
a.button-cancel,
a.button-cancel-small {
  background-image: url(../img/system/buttons.png);
  background-position: right -59px;
}

a.button-newsletter:hover,
a.button-payment:hover,
a.default-form-submit:hover,
a.button-settings:hover,
a.button-download:hover,
a.button-bill-by-mail:hover,
a.button-edit-addressbook:hover,
a.button-save-entry:hover,
a.button-save-small:hover,
a.button-send-request:hover {
  background-color: #1C73A2;
  border: 2px solid #1C73A2;
}
a.button-payment-disabled:hover {
  background-color: #CCC;
  border: 2px solid #CCC;
  cursor: default;
}
a.button-cancel:hover,
a.button-cancel-small:hover {
  background-color: #C00;
  border: 2px solid #C00;
  color: #FFF;
}

a.button-newsletter:hover span,
a.button-upload:hover span,
a.upload-done:hover span,
a.button-payment:hover span,
a.button-payment-disabled:hover span,
a.default-form-submit:hover span,
a.button-settings:hover span,
a.button-download:hover span,
a.button-bill-by-mail:hover span,
a.button-edit-addressbook:hover span,
a.button-save-entry:hover span,
a.button-save-small:hover span,
a.button-cancel:hover span,
a.button-cancel-small:hover span,
a.button-send-request:hover span {
  text-decoration: none;
}
a.button-newsletter span,
a.button-payment span,
a.button-payment-disabled span,
a.default-form-submit span,
a.button-settings span,
a.button-download span,
a.button-bill-by-mail span,
a.button-edit-addressbook span,
a.button-save-entry span,
a.button-save-small span,
a.button-cancel span,
a.button-cancel-small span,
a.button-send-request span {
  margin-left: 5px;
  margin-right: 20px;
}
/* OUTER-WRAP */
#outer-wrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-size: 80%;
  text-align: left;
}
/* HEADER */
#header {
  height: 110px;
  float: left;
  width: 100%;
  position: relative;
  background: #FFF url(../img/system/bg-header.png) top left no-repeat;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
#header .logo-company {
  position: absolute;
  top: 12px;
  left: 12px;
}
#head-title span {
  display: none;
}
#meseal,
#fhqualityseal,
#trustedshopsseal {
  position: relative;
  float: right;
  width: 144px;
  height: 50px;
  right: 450px;
  top: 5px;
}
#trustedshopsseal {
  width: 50px;
  right: 621px;
}
#meseal {
  width: 114px;
  height: 49px;
  right: 156px;
}
#fhqualityseal {
  right: 421px;
}
#socialmedia {
  position: absolute;
  right: 320px;
  overflow: hidden;
  background: #F0F0F0;
  color: #FFF;
  height: 60px;
  width: 140px;
  float: left;
  background-color: #F0F0F0;
  background:-moz-linear-gradient(top, #F0F0F0, #CBCBCB); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#CBCBCB)); /* Safari, Chrome */
  background:linear-gradient(top, #F0F0F0, #CBCBCB);
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}
#socialmedia .gutter {
  float: left;
  margin: 8px 8px;
}
#socialmedia ul,
#socialmedia li {
  float: left;
  list-style: none;
}
#socialmedia a {
  opacity:0.4;
  background-image: url(../img/system/socialmedia-icons.png);
  background-repeat: no-repeat;
  height: 38px;
  width: 40px;
  float: left;
}
#socialmedia a.facebook {
  background-position: -5px -5px;
}
#socialmedia a.twitter {
  background-position: -5px -65px;
}
#socialmedia a.youtube {
  background-position: -5px -125px;
}
#socialmedia a.blog {
  background-position: -5px -185px;
}
#socialmedia a.facebook:hover,
#socialmedia a.twitter:hover,
#socialmedia a.youtube:hover,
#socialmedia a.blog:hover {
  opacity: 1;
   -webkit-transition: opacity .4s ease-out;
   -moz-transition: opacity .4s ease-out;
   -o-transition: opacity .4s ease-out;
   transition: opacity .4s ease-out;
}
#socialmedia a img {
  height: 38px;
  width: 38px;
  float: left;
}
#customermenu {
  position: absolute;
  top: 0;
  right: 10px;
  background: #F0F0F0;
  color: #FFF;
  height: 60px;
/*  width: 300px;*/
  width: 330px;
  float: left;
  background-color: #F0F0F0;
  background:-moz-linear-gradient(top, #F0F0F0, #CBCBCB); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#CBCBCB)); /* Safari, Chrome */
  background:linear-gradient(top, #F0F0F0, #CBCBCB);
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  font-size: 80%;
}
#customermenu .gutter {
  float: left;
  margin: 2% 1.5%;
}
#customermenu input {
  /*font-size: 85%;*/
}
#customermenu input.input-pw,
#customermenu input.input-txt {
  /*width: 130px;*/
  width: 140px;
  height: 18px;
  float: none;
  display:block;
  margin-bottom: 3px;
}
#customermenu input.input-pw {
  /*width: 80px;*/
  width: 92px;
  float: left;
  margin-right: 5px;
  font-size: 85%;
}
#customermenu input.input-submit {
  float: left;
  height: 22px;
  background-color: #77ABC7;
  border: 1px solid #77ABC7;
  color: #FFF;
  text-align: center;
  width: 43px;
  cursor: pointer;
  font-size: inherit;
}
#customermenu input.input-submit:hover {
  background-color: #1C73A2;
  border: 1px solid #1C73A2;
}
#customermenu .login-box,
#customermenu .user-box {
  width: 50%;
  float: left;
}
#customermenu .logout-box {
  position: absolute;
  float: left;
  top: 48px;
  right: 6px;
}
#customermenu ul {
  float: left;
}
#customermenu ul.loggedoutmenu {
  color: #0C588A;
  width: 100%;
}
#customermenu ul.loggedinmenu {
  color: #0C588A;
  width: 100%;
}
#customermenu ul,
#customermenu li {
  list-style: none;
  float: left;
  overflow: hidden;
  display: block;
}
#customermenu ul.loggedinmenu form {
  float: left;
}
#customermenu ul.loggedoutmenu li,
#customermenu ul.loggedinmenu li {
  width: 100%;
  margin-right: 8px;
  font-weight: bold;
}
#customermenu li a span {
  margin-left: 15px;
}
#customermenu a {
  background-image: url(../img/system/customermenu-icons.png);
  background-repeat: no-repeat;
  margin-bottom: 1px;
  float: left;
  letter-spacing: -0.02em;
}
#customermenu li a.pw-forgotten {
  background-position: 0 0;
}
#customermenu li a.new-customer {
  background-position: 0 -30px;
}
#customermenu li a.view-cart {
  background-position: 0 -60px;
}
#customermenu li a.view-cmenu {
  background-position: 0 -90px;
}
#customermenu li a.logout-cmenu {
  background-position: 0 -120px;
}

/* NAVIGATION */
#navi {
  margin-top: 7px;
  height: 30px;
  width: 100%;
  background: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
}
ul#navlist {
  list-style: none;
}
ul#navlist a:hover span {
  text-decoration: none;
}
ul#navlist li {
  float: left;
  list-style: none;
}
ul#navlist li.top {
  line-height: 30px;
  height: 30px;
  border-right: 1px solid #E4E4E4;
  font-size: 90%;
  font-weight: bold;
  position: relative;
  z-index: 10;
}
ul#navlist li.top a img {
  display: none;
}
ul#navlist li.top a {
  text-decoration: none;
  color: #424242;
  float: left;
}
ul#navlist li.top:hover a {
  background: #1C73A2;
  color: #FFF;
  background:-moz-linear-gradient(top, #1C73A2, #0C588A); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#1C73A2), to(#0C588A)); /* Safari, Chrome */
  background:linear-gradient(top, #1C73A2, #0C588A);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
ul#navlist li.top:first-child a,
ul#navlist li.top:hover:first-child a {
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
ul#navlist li span {
  padding: 0 25px;
}
ul#navlist ul.sub {
  border: 1px solid #D5D5D5;
  position: absolute;
  top: 30px;
  left: 0;
  width: 200px;
  display: none;
  font-size: 95%;
  float: left;
  z-index: 20;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
}
ul#navlist li.top:hover ul.sub {
  display: block;
}
ul#navlist li.top:hover ul.sub li {
  line-height: 18px;
  background: #EAEAEA;
  width: 200px;
  z-index: 30;
}
ul#navlist li.top:hover ul.sub li:hover {
  background: #ABABAB;
}
ul#navlist li.top:hover ul.sub li:hover a.submenu {
  color: #000;
}
ul#navlist li.top:hover a.submenu {
  width: 180px;
  margin: 0 5px;
  margin-left: 15px;
  background: none;
  color: #404040;
}
ul#navlist li.navi-separator {
  border-bottom: 1px solid #D2D2D2;
}
#search {
  height: 30px;
  width: 220px;
  float: right;
  position: relative;
  top: 0;
  right: 0;
  left: auto;
}
#search input,
#sidebar input.input-txt {
  margin-top: 5px;
}
input.input-txt {
  border: 1px solid #BCBCBC;
  margin-right: 5px;
  font-size: 85%;
  height: 18px;
  width: 165px;
  float: left;
}
input.input-img {
  float: left;
  margin-top: 8px;
}
/* MIDDLE */
#middle {
  margin-top: 7px;
  float: left;
  width: 100%;
}
/* CONTENT */
#content {
  width: 750px;
  float: left;
  background: #FFF url(../img/system/bg-content-btm.png) bottom right no-repeat;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#content h1,
#content h2,
#content h3,
#content h4 {
        margin-top: 20px;
  float: left;
  width: 100%;
}
#content p,
#content dl {
  margin-top: 10px;
  float: left;
  width: 100%;
}
#content .form-row p,
#content .form-column-box p,
#content .toolbox p {
  margin-top: 0;
}
#content .simple-form-field dl {
  margin-top: 0;
}
#content .simple-form-field dl dt {
  float: left;
  width: 4%;
}
#content .simple-form-field dl dt input[type="radio"] {
  vertical-align: middle;
}
#content .simple-form-field dl dd {
  float: left;
  width: 96%;
}
#content h2.calculator-headline {

}
#content h2.calculator-headline a {
  color: #424242;
  font-weight: normal;
  font-size: 85%;
}
h3.calculator-subtitle {
  margin-top: 20px !important;
  text-transform: uppercase;
  background-color: #fff !important;
  font-weight: normal;
  font-size: 120% !important;
}
div.calculator-separator {
  background: #D2D2D2;
  height: 1px;
  width: 100%;
  float: left;
}
#content .prod-detail-content h3 {
  margin-top: 0;
}
#content .prod-detail-content h3 span.format-in-headline {
  font-size: 85%;
}
.seo_footer_text p {
  font-size: 85%;
  color:#999;
  line-height: 125%;
  float: none !important;
  margin-bottom: 10px;
}
.seo_footer_text h4 {
  font-weight: bold;
  font-size: 85%;
  color:#999;
}

.seo_footer_text a {
  color:#999;
  font-weight: bold;
  text-decoration: underline;
}
.seo_footer_text a:hover {
  text-decoration: none;
}
#content p.searchresults {
  margin: 0;
}
#content dl.article p {
  margin-top: 0;
  margin-bottom: 10px;
}
#content .gutter {
  width: 100%;
  float: left;
  padding-bottom: 72px;
}
#content div.contentbox div.gutter,
#content div.default-box div.gutter {
  padding-bottom: 0;
}
#content div.breadcrumbs {
  margin: 5px 15px;
  font-size: 80%;
  color: #0C588A;
  border-bottom: 1px solid #CCC;
}
#content div.content-box {
  margin: 0 15px;
}
#content div.form-column-box {
  float: left;
  width: 100%;
}
#content div.form-column-box div.form-column-1 {
  float: left;
  width: 50%;
}
#content div.form-column-box div.form-column-2 {
  float: right;
  width: 50%;
}
#content div.pageinfobox-broschure-addon {
  background: transparent url(../img/system/broschueren-icons.png) top left no-repeat;
  float: left;
  width: 88%;
  height: 120px;
  margin: 20px 1% 0 1%;
}
#content div.pageinfobox-rebate-information {
  float: left;
  width: 100%;
  padding-bottom: 0;
  background: transparent url(../img/system/bg-badge.png) top right no-repeat;
  margin: 0;
  position: absolute;
  top: -38px;
  right: 0;
  font-size: 90%;
}
#content div.pageinfobox-info-information {
  float: left;
  width: 100%;
  padding-bottom: 0;
  background: transparent url(../img/system/bg-info-badge.png) top right no-repeat;
  margin: 0;
  position: absolute;
  top: -38px;
  right: 0;
  font-size: 90%;
}
#content div.pageinfobox-rebate-information div.badge {
  background: transparent url(../img/icons/badge-percent.png) 0 0 no-repeat;
  float: left;
  width: 35px;
  height: 35px;
  position: absolute;
  top: -8px;
  right: 8px;
}
#content div.pageinfobox-info-information div.badge {
  background: transparent url(../img/icons/badge-info.png) 0 0 no-repeat;
  float: left;
  width: 35px;
  height: 35px;
  position: absolute;
  top: -8px;
  right: 8px;
}
#content div.pageinfobox-rebate-information p, #content div.pageinfobox-info-information p {
  margin: 0.1% 0.5%;
  width: 93%;
  float: right;
  text-align: right;
  margin-right: 6.5%;
}
#content div.pageinfobox {
  float: left;
  width: 100%;
  padding-bottom: 48px;
  border: 1px solid #E4E4E4;
  background: #F8F8F8 url(../img/system/bg-pageinfobox-btm.png) bottom right no-repeat;
  margin-top: 8px;
}
#content div.pageinfobox.oeko {
  background: #F8F8F8 url(../img/system/bg-pageinfobox-oeko.png) bottom right no-repeat;
  padding-bottom: 150px;
  border: 1px solid #E4E4E4;
}

#content div.pageinfobox.oeko-small {
  background: #F8F8F8 url(../img/system/bg-oeko-pageinfobox-btm.png) bottom right no-repeat;
  border: 1px solid #E4E4E4;
  background-color: #FFF;
}

#content div.pageinfobox.oeko p {
  width: 98%;
}

#content div.pageinfobox.xmas {
  background: #F8F8F8 url(../img/system/bg-pageinfobox-xmas.png) bottom right no-repeat;
  padding-bottom: 50px;
  border: 1px solid #CA4B4B;
}
#content div.pageinfobox.valentins {
  background: url(../img/system/bg-pageinfobox-valentins.png) bottom right no-repeat;
  padding: 10px 0 50px 10px;
  border: 1px solid #FF9999;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#content div.pageinfobox.inselticket {
  background: url(../img/system/bg-pageinfobox-inselticket.jpg) bottom right no-repeat;
  padding: 10px 0 160px 10px;
  border: 1px solid #CCC;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#content div.pageinfobox.errorbox {
  background: url(../img/system/bg-pageinfobox-errorbox.jpg) bottom right no-repeat;
  padding: 0;
  border: 1px solid #CCC;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  min-height: 250px;
}
#content div.pageinfobox h3,
#content div.pageinfobox p {
  margin: 1%;
  margin-right: 9%;
  width: 88%;
}
#content div.pageinfobox.inselticket p,
#content div.pageinfobox.errorbox p {
  margin-top: 0;
  margin-bottom: 1.5em;
}
#content div.pageinfobox.errorbox {
  position: relative;

}
#content div.pageinfobox.errorbox h2 {
  margin: 1em 1% 0 1%;
  font-size: 2.2em;
}
#content div.pageinfobox.inselticket h3,
#content div.pageinfobox.inselticket p {
  color: #FFF;
  text-shadow: 0px 0px 1px rgba(0,0,0,.5);
}
#content div.pageinfobox.errorbox h2,
#content div.pageinfobox.errorbox h3,
#content div.pageinfobox.errorbox p {
  color: #424242;
  left: 40%;
  position: relative;
  width: 55%;
  float: left;
  margin-right:1%;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#content div.pageinfobox.errorbox h3 {
  margin-top: 1em;
}
#content div.newsletterinfobox {
  float: left;
  width: 100%;
  padding-bottom: 5px;
  border: 1px solid #FFCF87;
  margin-top: 8px;
  background-color: #FFF1DC;
}
#content div.newsletterinfobox h3,
#content div.newsletterinfobox p {
  margin: 1%;
  margin-right: 9%;
  width: 88%;
}
#content div.addressbook,
#content div.multicolumnbox,
#content div.multibox {
  float: left;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #CCC;
}
#content div.addressbook {
  border: none;
  padding-bottom: 0;
}
#content div.multicolumnbox h2 {
  margin-top: 0;
}
#content div.addressbook h3,
#content div.multicolumnbox h2,
/*#content div.multicolumnbox h3,*/
#content div.multibox h2,
#content div.multibox h3 {
  border-bottom: 1px solid #CCC;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 7px;
  float: none!important;
  width: auto;
}
#content div.addressbook div.multicolumnbox {
  padding-top: 0;
}
#content div.multicolumnbox p {
  margin-bottom: 8px;
}
#content div.multicolumnbox div.wrap p {
  margin-top: 0;
}
#content div.multicolumnbox div.wrap p.searchresults {
  margin: 0;
}
#content div.multicolumnbox div.singlecolumn {
  float: left;
  width: 100%;
}
#content div.multicolumnbox div.halfcolumn {
  float: left;
  width: 49%;
}
#content div.multicolumnbox div.halfcolumn:nth-of-type(odd) {
  margin-right: 2%;
}
#customer-menu2.columns {
  -moz-column-width: 50%;
  -moz-column-count: 2;
}
#content div.multicolumnbox div.fullthirdcolumn,
#content div.multicolumnbox div.twothirdcolumn,
#content div.multicolumnbox div.onethirdcolumn {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#content div.multicolumnbox div.fullthirdcolumn {
  float: left;
  width: 720px;
  background: #FFF;
  border: 1px solid #CCC;
  margin: 0;
  height: 100px;
  overflow: visible;
}
#content div#blauerengel,
#content div.multicolumnbox div.twothirdcolumn {
  float: left;
  width: 468px;
  background: #FFF;
  border: 1px solid #CCC;
  margin-right: 13px;
  height: 200px;
  /*overflow: hidden;*/
  overflow: visible;
}
#content div#blauerengel {
  height: 98px;
  position: relative;
  margin-bottom: 15px;
  font-size: 90%;
  line-height: 105%;
  background: url(../img/system/background-box-blauerengel-info.jpg) bottom left no-repeat;
  margin-top: -130px;
}
#content div#blauerengel a.arrow-link {
  position: relative;
  background-position: 0 5px;
  background-clip: border-box;
}
#content div#blauerengel dt {
  width:90px;
  float: left;
}
#content div#blauerengel dd {
  margin-left: 90px;
  margin-right: 8px;
}
#content div#blauerengel dd h5 {
  padding-bottom: 3px;
  border-bottom: 1px solid #D3E4ED;
}
#content div#blauerengel div.badge-oeko {
  position: absolute;
  float:left;
  width: 39px;
  height: 39px;
  right: -12px;
  top: 72px
}
#content div.multicolumnbox div.onethirdcolumn {
  float: left;
  width: 234px;
  background: #FFF;
  border: 1px solid #CCC;
  height: 200px;
  /*overflow: hidden;*/
  overflow: visible;
/*  z-index: 5001;*/
}
#content div.multicolumnbox div.fullthirdcolumn:hover,
#content div.multicolumnbox div.twothirdcolumn:hover,
#content div.multicolumnbox div.onethirdcolumn:hover {
  border: 1px solid #6D9BB9;
  opacity: 1;
  -webkit-box-shadow:0 0 15px #A5C8DA;
  -moz-box-shadow: 0 0 15px #A5C8DA;
  -o-box-shadow: 0 0 15px #A5C8DA;
  box-shadow:0 0 15px #A5C8DA;
}
#content dl.cookie-img-float-list,
#content dl.img-float-list,
#content dl.merchandise-img-float-list {
  width: 100%;
  margin-top: 0;
  float: left;
}
#content dl.img-float-list dt {
  width: 12%;
  float: left;
}
#content dl.img-float-list dd {
  width: 88%;
  float: left;
}
#content dl.cookie-img-float-list dt {
  width: 8%;
  float: left;
}
#content dl.cookie-img-float-list dd {
  width: 92%;
  float: left;
}
#content dl.cookie-img-float-list dd p {
  margin-top: 0 !important;
}
#content dl.merchandise-img-float-list dt {
  width: 12%;
  float: left;
}
#content dl.merchandise-img-float-list dd {
  width: 88%;
  float: left;
}
#content .halfcolumn dl.img-float-list dt {
  width: 22%;
}
#content .halfcolumn dl.img-float-list dd {
  width: 78%;
}
#content dl.checkbox-list {
  width: 100%;
  margin-top: 0;
  float: left;
}
#content dl.checkbox-list dt {
  width: 5%;
  float: left;
}
#content dl.checkbox-list dd {
  width: 95%;
  float: left;
}
#content dl.simple-list {
  width: 100%;
  margin-top: 0;
}
#content .small-column dl.simple-list {
  margin-bottom: 7px;
}
#content dl.simple-list dt {
  width: 3%;
}
#content .small-column dl.simple-list dt {
  width: 10%;
}
#content dl.simple-list dt input[type="radio"],
#content dl.simple-list dt input[type="checkbox"] {
  float: left;
  margin-top: 2px;
}
#content dl.simple-list dd {
  width: 97%;
  margin-left: 3%;
}
#content .small-column dl.simple-list dd {
  width: 90%;
  margin-left: 10%;
}
#content dl.article {
  width: 100%;
  margin-bottom: 50px;
  /* */
  float: left;
}
#content dl.article:last-child {
  margin-bottom: 0;
}
#content dl.simple-list,
#content dl.simple-list dt,
#content dl.article {
  float: left;
}
#content dl.article.alter1,
#content dl.article:alter1 dt,
#content dl.article:alter1 dt img {
  float: left;
}
#content dl.article.alter2,
#content dl.article.alter2 dt,
#content dl.article.alter2 dt img {
  float: right;
}
#content dl.article dt,
#content dl.article.alter1 dt {
  width: 35%;
  float: left;
}
#content dl.article.alter2 dt {
  float: right;
  margin-right: 0%;
}
#content dl.article dd,
#content dl.article.alter1 dd {
  width: 65%;
  margin-left: 35%;
}
#content dl.article.alter2 dd {
  width: 65%;
  margin-left: 0%;
}
#content dl.article dd br {
  clear: inherit;
}
#content dl.article dt img,
#content dl.article dt a {
  margin-top: 20px;
  float: left;
}
#content dl.article dt img {
/*  background-color: #FFF;*/
}
#content dl.article dt img:first-child,
#content dl.article dt a:first-child {
  margin-top: 0;
}
#content dl.article dt div.img-descr,
#content dl.article.alter1 dt div.img-descr {
  width: 100%;
  float: left;
  background-color: #77ABC7;
  color: #FFF;
  font-size: 90%;
  line-height: 120%;
  width: 230px;
}
/*#content dl.article:nth-of-type(even) dt div.img-descr {
  float: right;
}*/
#content dl.article.alter2 dt div.img-descr {
  float: right;
}
#content dl.article dt div.img-descr span {
  margin: 2px;
  float: left;
}
#content dl.article dd h2 {
  font-size: 150%;
}
#content dl.article dd h2,
#content dl.article dd h3 {
  border-bottom: 1px solid #CCC;
  margin-top: 0;
  margin-bottom: 7px;
  padding-bottom: 7px;
  float: none;
}
#content dl.article dd ul {
  list-style: none;
  width: 100%;
  float: left;
}
#content dl.article dd li {
  background-image: url(../img/system/arrows.png);
  background-position: 0 6px;
  background-repeat: no-repeat;
  margin-bottom: 4px;
  padding-left: 12px;
  float: none;
}

#content div.notice-box {
  float: left;
  width: 100%;
  margin: 10px 0;
  margin-top: 5px;
  background-color: #FFE3BF;
  font-size: 0.85em;
}
#content div.notice-box .wrap {
  margin: 0.5% !important;
}
#content div.notice-box dl {
  float: left;
  width: 100%;
  margin: 0;
}
#content div.notice-box dt {
  float: left;
  width: 4%;
}
#content div.notice-box dd {
  width: 96%;
  margin-left: 4%;
}
.product-overview-legend {
  font-size: 0.8em;
  line-height: 10px;
}
.product-overview-legend img {
  float: left;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 5px;
}
.product-overview-legend p {
  clear: left;
}
#content ul.product-overview,
#content ul.references-overview {
  list-style: none;
  float: left;
  width: 100%;
}
#content ul.references-overview {
  margin-top: 20px;
}
#content ul.product-overview a,
#content ul.references-overview a {
  color: #424242;
  letter-spacing: -0.02em;
  float: left;
  width: 125px;
  height: 160px;
  cursor: pointer;
  z-index: 101;
}
#content ul.product-overview a span {
  width: 100%;
  margin-top: 7px;
  float: left;
/*  */
  width: 125px;
  height: 160px;
}
#content ul.product-overview a:hover span {
  text-decoration: none;
}
#content ul.product-overview li {
  width: 125px;
  height: 160px;
  margin-right: 17px;
  margin-bottom: 15px;
  float: left;
  border: 1px solid #CCC;
  background-color: #FFFFFF;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  position: relative;
  font-size: 90%;
  letter-spacing: -0.01em;
  text-align: center;
}
#content ul.references-overview li {
  border: none;
  letter-spacing: 0;
  margin: 0;
  font-size: 90%;
  float: left;
  display: inline-block;
  width: 125px;
  height: 160px;
  position: relative;
  text-align: center;
  margin-right: 17px;
}
#content ul.references-overview li span {
  position: relative;
  top: -25px;
}
#content ul.product-overview li:hover {
  border: 1px solid #6D9BB9;
  background-color: #F4F7FA;
  opacity: 1;
  -webkit-box-shadow:0 0 15px #A5C8DA;
  -moz-box-shadow: 0 0 15px #A5C8DA;
  box-shadow:0 0 15px #A5C8DA;
}
#content ul.product-overview li:hover a {
  color: #0C588A;
}
#content ul.product-overview a img {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
}
#content .searchresult-item {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
  background-color: #FFF;
}
#content .searchresult-item:hover {
  text-decoration: underline;
}
#content .page-item,
#content .prod-item,
#content .cat-item-large,
#content .cat-item-small {
  float: left;
  width: 100%;
  position: relative;
  margin-top: 20px;
  cursor: pointer;
}
#content .page-item-contentbox,
#content .prod-item-contentbox,
#content .cat-item-large-contentbox,
#content .cat-item-small-contentbox {
  float: left;
  width: 100%;
  border: 1px solid #EAEAEA;
  background: #FFF url(../img/system/bg-prodlist.png) 0 0 no-repeat;
  position: relative;
  height: 60px;
  line-height: 120%;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#content div.prod-item.offer.sale .prod-item-contentbox {
  border: 1px solid #900;
}
#content div.prod-item.highlight .prod-item-contentbox,
#content div.cat-item-large.highlight .cat-item-large-contentbox,
#content div.cat-item-small.highlight .cat-item-small-contentbox {
  border: 1px solid #c6e2ef;
  background: #FFF url(../img/system/bg-prodlist-highlight.png) 100% 0 no-repeat;
}
#content div.contentbox-rebate-information {
  float: left;
  width: 100%;
  height: 15px;
  padding-bottom: 0;
  background: transparent url(../img/system/bg-badge-small.png) top right no-repeat;
  margin: 0;
  position: absolute;
  top: -1px;
  right: -1px;
  font-size: 75%;
}
#content div.contentbox-info-information {
  float: left;
  width: 100%;
  height: 15px;
  padding-bottom: 0;
  background: transparent url(../img/system/bg-info-badge-small.png) top right no-repeat;
  margin: 0;
  position: absolute;
  top: -1px;
  right: -1px;
  font-size: 75%;
}
#content div.contentbox-rebate-information p, #content div.contentbox-info-information p {
  float: right;
  text-align: right;
  width: 96%;
  margin: 0;
  margin-right: 4%;
  line-height: 14px;
}
#content div.prod-item-contentbox div.contentbox-rebate-information div.badge-small {
  background: transparent url(../img/icons/badge-percent-small.png) 0 0 no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -5px;
  right: 8px;
}
#content div.prod-item-contentbox div.contentbox-info-information div.badge-small,
#content div.cat-item-small-contentbox div.contentbox-info-information div.badge-small {
  background: transparent url(../img/icons/badge-info-small.png) 0 0 no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -5px;
  right: 8px;
}
#content .cat-item-large-contentbox {
  height:90px;
}
#content .page-item-contentbox:hover,
#content .prod-item-contentbox:hover,
#content .cat-item-large-contentbox:hover,
#content .cat-item-small-contentbox:hover {
  border: 1px solid #6D9BB9;
  background-color: #F4F7FA;
  opacity: 1;
  -webkit-box-shadow:0 0 15px #A5C8DA;
  -moz-box-shadow: 0 0 15px #A5C8DA;
  box-shadow:0 0 15px #A5C8DA;
}
#content .prod-item.highlight .prod-item-contentbox:hover {
  border: 1px solid #6D9BB9;
  opacity: 1;
  -webkit-box-shadow:0 0 15px #A5C8DA;
  -moz-box-shadow: 0 0 15px #A5C8DA;
  box-shadow:0 0 15px #A5C8DA;
}

#content .searchresult-item .searchresult-item-description {
  margin-left: 6%;
  width: 94%;
}
#content .searchresult-item .searchresult-item-description a {
  font-weight: normal;
  color: #424242;
}
#content .searchresult-item .searchresult-item-description a span.searchresult-highlight {
  font-weight: normal;
  color: #FFF;
  background: #77ABC7;
  padding: 0 2px;
}
#content .searchresult-item .searchresult-item-description a:hover span.searchresult-highlight {
  text-decoration: none;
}
#content .searchresult-item .searchresult-item-description h4 a {
  font-weight: normal;
  color: #0C588A;
  text-decoration: underline;
}
#content .page-item-contentbox .page-item-content,
#content .prod-item-contentbox .prod-item-content,
#content .cat-item-large-contentbox .cat-item-large-content,
#content .cat-item-small-contentbox .cat-item-small-content {
  float: right;
  position: absolute;
  top:5px;
  left: 120px;
  right: 0;
}
#content .page-item-contentbox .page-item-content {
  right: 150px;
}
#content .prod-item-contentbox .prod-item-content a,
#content .cat-item-large-contentbox .cat-item-large-content {
  font-weight: normal;
}
#content .searchresult-item .searchresult-item-description h4,
#content .page-item-contentbox .page-item-content h3,
#content .prod-item-contentbox .prod-item-content h2,
#content .prod-item-contentbox .prod-item-content h3,
#content .cat-item-large-contentbox .cat-item-large-content h2,
#content .cat-item-large-contentbox .cat-item-large-content h3,
#content .cat-item-small-contentbox .cat-item-small-content h2,
#content .cat-item-small-contentbox .cat-item-small-content h3 {
  margin: 0;
  padding: 0;
  font-size: 120%;
  font-weight: normal;
}
#content .page-item-contentbox .page-item-content p,
#content .prod-item-contentbox .prod-item-content p,
#content .cat-item-large-contentbox .cat-item-large-content p,
#content .cat-item-small-contentbox .cat-item-small-content p {
  font-size: 90%;
  margin-top: 5px;
}
#content .prod-item-contentbox .prod-item-content .prod-item-price-sample,
#content .cat-item-large-contentbox .cat-item-large-content .prod-item-price-sample,
#content .cat-item-small-contentbox .cat-item-small-content .prod-item-price-sample{
  float: left;
  position: absolute;
  right: 5px;
  top: 0;
  width: 150px;
  font-size: 95%;
  line-height: 110%;
}
#content .cat-item-large-contentbox .cat-item-large-content,
#content .cat-item-small-contentbox .cat-item-small-content {
  padding-right: 20px;
}
#content .searchresult-item .searchresult-item-image {
  float: left;
  width: 40px;
}
#content .page-item .page-item-image,
#content .prod-item .prod-item-image,
#content .cat-item-large .cat-item-large-image,
#content .cat-item-small .cat-item-small-image {
  float: left;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 110px;
  height: 90px;
}
#content .page-item .page-item-image {
  background-image: url(../img/icons/icon-main-pages.png);
  background-repeat: no-repeat;
  background-position: 50% -865px;
  height: 60px;
}
#content .page-item #page-item-1.page-item-image {
  background-position: 50% 10px;
}
#content .page-item #page-item-2.page-item-image {
  background-position: 50% -70px;
}
#content .page-item #page-item-3.page-item-image {
  background-position: 50% -150px;
}
#content .page-item #page-item-4.page-item-image {
  background-position: 50% -230px;
}
#content .page-item #page-item-5.page-item-image {
  background-position: 50% -310px;
}
#content .page-item #page-item-6.page-item-image {
  background-position: 50% -390px;
}
#content .page-item #page-item-7.page-item-image {
  background-position: 50% -470px;
}
#content .page-item #page-item-8.page-item-image {
  background-position: 50% -550px;
}
#content .page-item #page-item-9.page-item-image {
  background-position: 50% -630px;
}
#content .page-item #page-item-10.page-item-image {
  background-position: 50% -710px;
}
#content .page-item #page-item-11.page-item-image {
  background-position: 50% -790px;
}
#content .page-item #page-item-12.page-item-image {
  background-position: 50% -870px;
}
#content .page-item #page-item-13.page-item-image {
  background-position: 50% -950px;
}
#content .page-item #page-item-14.page-item-image {
  background-position: 50% -1030px;
}
#content .page-item #page-item-15.page-item-image {
  background-position: 50% -1110px;
}
#content .page-item #page-item-16.page-item-image {
  background-position: 50% -1190px;
}
#content .page-item #page-item-17.page-item-image {
  background-position: 50% -1270px;
}
#content .page-item #page-item-18.page-item-image {
  background-position: 50% -1350px;
}
#content .prod-item.offer .prod-item-image {
  top: 16px;
}
#content .page-item .page-item-details,
#content .prod-item .prod-item-details {
  background-image: url(../img/buttons/btn-default.png);
  background-repeat: no-repeat;
  background-position: right center;
/*  left: 478px;*/
  width: 115px;
}
#content .page-item .page-item-details {
  right: -140px;
  top: -12px;
}
#content .page-item .page-item-details a,
#content .prod-item .prod-item-details a {
  color: #FFF;
}
#content .page-item .page-item-details a span,
#content .prod-item .prod-item-details a span {
  line-height: 25px;
  margin-left: 5px;
  margin-right: 20px;
}
#content .page-item .page-item-details:hover a span,
#content .prod-item .prod-item-details:hover a span {
  text-decoration: none;
}
#content .prod-item-buttons,
#content .page-item-buttons {
  position: absolute;
  height: 25px;
  top: 23px;
  right: 10px;
}
#content .prod-item .prod-item-paperbutton {
/*  left: 443px;*/
  width: 25px;
}
#content .prod-item .prod-item-oeko,
#content .page-item .page-item-details,
#content .prod-item .prod-item-details,
#content .prod-item .prod-item-paperbutton,
#content .prod-item .prod-item-digitalprint,
#content .prod-item .prod-item-expressprint {
/*  float: left;*/
  float: right;
/*  position: absolute;*/
position: relative;
/*  top: 23px;*/
margin-left:10px;
  height: 25px;
  background-color: #77ABC7;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}
#content .prod-item.oeko .prod-item-oeko {
  position:absolute;
  top: 21px;
  right: 10px;
}
#content .page-item .page-item-details:hover,
#content .prod-item .prod-item-details:hover,
#content .prod-item .prod-item-paperbutton:hover,
#content .prod-item .prod-item-digitalprint:hover,
#content .prod-item .prod-item-expressprint:hover {
  background-color: #0C588A;
}
#content .page-item:hover .page-item-details,
#content .prod-item:hover .prod-item-details {
  background-color: #0C588A;
}
#content .prod-item .prod-item-digitalprint {
/*  left: 408px;*/
  width: 25px;
}
#content .prod-item .prod-item-expressprint {
/*  left: 373px;*/
  width: 25px;
}
#content .prod-item .prod-item-oeko {
/*  left: 373px;*/
  width: 25px;
  background: #96C096;
}
#content .prod-item .prod-item-oeko:hover,
#content .prod-item.oeko:hover .prod-item-oeko {
  background: #006600;
}
#content .prod-item .prod-item-digitalprint img {
  background-image: url(../img/icons/icon-digiprint-info.png);
  background-repeat: no-repeat;
}
#content img.digiprint-min_ {
  background-image: url(../img/icons/icon-digiprint-info.png);
  background-repeat: no-repeat;
}
#content img.digiprint-min_,
#content img.digiprint-min_6,
#content img.digiprint-min_7,
#content img.digiprint-min_8,
#content img.digiprint-min_9,
#content img.digiprint-min_11,
#content img.digiprint-min_12,
#content img.digiprint-min_13,
#content img.digiprint-min_14,
#content img.digiprint-min_16,
#content img.digiprint-min_17,
#content img.digiprint-min_18,
#content img.digiprint-min_19,
#content img.digiprint-min_21,
#content img.digiprint-min_22,
#content img.digiprint-min_23,
#content img.digiprint-min_24,
#content img.digiprint-min_26,
#content img.digiprint-min_27,
#content img.digiprint-min_28,
#content img.digiprint-min_29,
#content img.digiprint-min_31,
#content img.digiprint-min_32,
#content img.digiprint-min_33,
#content img.digiprint-min_34,
#content img.digiprint-min_36,
#content img.digiprint-min_37,
#content img.digiprint-min_38,
#content img.digiprint-min_39,
#content img.digiprint-min_41,
#content img.digiprint-min_42,
#content img.digiprint-min_43,
#content img.digiprint-min_44,
#content img.digiprint-min_46,
#content img.digiprint-min_47,
#content img.digiprint-min_48,
#content img.digiprint-min_49,
#content img.digiprint-min_51,
#content img.digiprint-min_52,
#content img.digiprint-min_53,
#content img.digiprint-min_54,
#content img.digiprint-min_55,
#content img.digiprint-min_56,
#content img.digiprint-min_57,
#content img.digiprint-min_58,
#content img.digiprint-min_59 {
  background-image: url(../img/icons/icon-digiprint-info.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

#content img.digiprint-min_1,
#content img.digiprint-min_2,
#content img.digiprint-min_3,
#content img.digiprint-min_4,
#content img.digiprint-min_5,
#content img.digiprint-min_10,
#content img.digiprint-min_15,
#content img.digiprint-min_20,
#content img.digiprint-min_25,
#content img.digiprint-min_30,
#content img.digiprint-min_35,
#content img.digiprint-min_40,
#content img.digiprint-min_45,
#content img.digiprint-min_50,
#content img.digiprint-min_60,
#content img.digiprint-min_70,
#content img.digiprint-min_80,
#content img.digiprint-min_90,
#content img.digiprint-min_100,
#content img.digiprint-min_150,
#content img.digiprint-min_200,
#content img.digiprint-min_250,
#content img.digiprint-min_300,
#content img.digiprint-min_400,
#content img.digiprint-min_500,
#content img.digiprint-min_1000 {
  background-image: url(../img/icons/icon-digiprint-info.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
#content img.digiprint-min_1 {
  background-position: left -25px;
}
#content img.digiprint-min_2 {
  background-position: left -50px;
}
#content img.digiprint-min_3 {
  background-position: left -75px;
}
#content img.digiprint-min_4 {
  background-position: left -100px;
}
#content img.digiprint-min_5 {
  background-position: left -125px;
}
#content img.digiprint-min_10 {
  background-position: left -150px;
}
#content img.digiprint-min_15 {
  background-position: left -175px;
}
#content img.digiprint-min_20 {
  background-position: left -200px;
}
#content img.digiprint-min_25 {
  background-position: 0 -225px;
}
#content img.digiprint-min_30 {
  background-position: 0 -250px;
}
#content img.digiprint-min_35 {
  background-position: 0 -275px;
}
#content img.digiprint-min_40 {
  background-position: 0 -300px;
}
#content img.digiprint-min_45 {
  background-position: 0 -325px;
}
#content img.digiprint-min_50 {
  background-position: 0 -350px;
}
#content img.digiprint-min_60 {
  background-position: 0 -375px;
}
#content img.digiprint-min_70 {
  background-position: 0 -400px;
}
#content img.digiprint-min_80 {
  background-position: 0 -425px;
}
#content img.digiprint-min_90 {
  background-position: 0 -450px;
}
#content img.digiprint-min_100 {
  background-position: 0 -475px;
}
#content img.digiprint-min_150 {
  background-position: 0 -500px;
}
#content img.digiprint-min_200 {
  background-position: 0 -525px;
}
#content img.digiprint-min_250 {
  background-position: 0 -550px;
}
#content img.digiprint-min_300 {
  background-position: 0 -575px;
}
#content img.digiprint-min_400 {
  background-position: 0 -600px;
}
#content img.digiprint-min_500 {
  background-position: 0 -625px;
}
#content img.digiprint-min_1000 {
  background-position: 0 -650px;
}
#content .prod-item .prod-item-oeko .prod-oeko-info-pop,
#content .prod-item .prod-item-paperbutton .prod-paper-info-pop,
#content .prod-item .prod-item-digitalprint .prod-digitaldruck-info-pop,
#content .prod-item .prod-item-expressprint .prod-overnight-info-pop {
  position: absolute;
  top: 21px;
  left: -346px;
  width: 350px;
  clear: left;
  background-color: #FFF1DC;
  border: 1px solid #333;
  opacity: 1;
  -webkit-box-shadow:0 0 15px #181818;
  -moz-box-shadow: 0 0 15px #181818;
  -o-box-shadow: 0 0 15px #181818;
  -khtml-box-shadow: 0 0 15px #181818;
  box-shadow:0 0 15px #181818;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 1500;
}
#content .prod-item .prod-item-oeko .prod-oeko-info-pop div.wrap,
#content .prod-item .prod-item-paperbutton .prod-paper-info-pop div.wrap,
#content .prod-item .prod-item-digitalprint .prod-digitaldruck-info-pop div.wrap,
#content .prod-item .prod-item-expressprint .prod-overnight-info-pop div.wrap {
  margin: 2%;
  margin-top: 0;
  width: 96%;
}
#content .prod-item .prod-item-paperbutton .prod-paper-info-pop ul,
#content .prod-item .prod-item-digitalprint .prod-digitaldruck-info-pop ul,
#content .prod-item .prod-item-expressprint .prod-overnight-info-pop ul {
  float: left;
  font-size: 95%;
  list-style: none;
  width: 100%;
}
#content .prod-item .prod-item-paperbutton .prod-paper-info-pop ul li:nth-of-type(odd),
#content .prod-item .prod-item-digitalprint .prod-digitaldruck-info-pop ul li:nth-of-type(odd),
#content .prod-item .prod-item-expressprint .prod-overnight-info-pop ul li:nth-of-type(odd) {
  background-color: #FFE7C2;
}
#content .prod-item .prod-item-paperbutton .prod-paper-info-pop ul li:nth-of-type(even),
#content .prod-item .prod-item-digitalprint .prod-digitaldruck-info-pop ul li:nth-of-type(even),
#content .prod-item .prod-item-expressprint .prod-overnight-info-pop ul li:nth-of-type(even) {
  background-color: none;
}
#content .prod-item .prod-item-oeko .prod-oeko-info-pop,
#content .prod-item .prod-item-paperbutton .prod-paper-info-pop,
#content .prod-item .prod-item-digitalprint .prod-digitaldruck-info-pop,
#content .prod-item .prod-item-expressprint .prod-overnight-info-pop {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#content .prod-item .prod-item-oeko:hover .prod-oeko-info-pop,
#content .prod-item .prod-item-paperbutton:hover .prod-paper-info-pop,
#content .prod-item .prod-item-digitalprint:hover .prod-digitaldruck-info-pop,
#content .prod-item .prod-item-expressprint:hover .prod-overnight-info-pop {
  visibility: visible;
  opacity: 1;
}



#content .prod-item-offer {
  background-image: url(../img/system/bg-rebate-item.png);
  background-position: top left;
  background-repeat: repeat-y;
  position: relative;
  top: 0;
  left: 0;
  float: left;
  height: 15px;
  line-height: 15px;
  width: 100%;
}
#content div.prod-item.offer.sale .prod-item-offer {
  border-radius: 4px 0 0 0;
  background-image: url(../img/system/bg-sale-item.png);
}
#content .prod-item-offer-descr {
  float: left;
  margin: 0 5px;
  height: 15px;
  line-height: 15px;
  font-size: 85%;
  color: #333;
}
#content div.prod-item.offer.sale .prod-item-offer-descr {
  color: #FFF;
  font-weight: bold;
  text-shadow: 1px 1px 1px #000;
}
#content .prod-item-offer-expires {
  float: left;
  height: 15px;
  line-height: 17px;
  font-size: 75%;
  color:#666;
}
#content div.prod-item.offer.sale .prod-item-offer-expires {
  text-align: right;
  float: right;
  color: #900;
  margin-right: -2px;
  line-height: 140%;
}


/* ITEM & CALCULATOR */
#content div.order-flow-box {
  float: left;
  width: 100%;
  height: 85px;
  background: url(../img/system/bg-order-flow-box.png) 0 0 repeat-x;
  border-bottom: 1px solid #CCC;
  padding-bottom: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 80%;
}
#content div.order-flow-item {
  float: left;
  width: 100px;
  height: 85px;
  position: relative;
  background: url(../img/system/bg-order-flow-item.png) top right repeat-x;
}
#content div.staus-wrap-active {
  float: left;
  width: 100px;
  height: 85px;
  position: relative;
  background: url(../img/system/bg-order-flow-item-active.png) top right repeat-x;
}
#content div.staus-wrap-inactive {
  color: #ABABAB;
}
#content div.staus-wrap-checked {
  float: left;
  width: 100px;
  height: 85px;
  position: relative;
  background: url(../img/system/bg-order-flow-item-checked.png) top right repeat-x;
}
#content a div.staus-wrap-checked {
  color: #6D9BB9;
}
#content a:hover div.staus-wrap-checked {
  color: #0C588A;
}
#content div.order-flow-item div.inner-order-flow-item {
  float: left;
  width: 84px;
  position: absolute;
  left: 0;
  top: 10px;
  text-align: center;
  line-height: 110%;
}
#content div.order-flow-item:first-child div.inner-order-flow-item {
  left: 3px;
}
#content div.order-flow-item:first-child div.staus-wrap-active,
#content div.order-flow-item:first-child div.staus-wrap-checked,
#content div.order-flow-item:first-child {
  width: 105px;
}
#content div.prod-detail-box {
  float: left;
  width: 100%;
  position: relative;
}
#content div.prod-detail-image {
  float: right;
  width: 35%;
}
#content div.prod-detail-content {
  float: left;
  width: 60%;
  margin-right: 5%;
  padding-bottom: 130px;
}
#content div.prod-detail-content h2 {
  float: left;
  width: 100%;
  margin: 30px 0;
}
#content div.prod-detail-box div.multicolumnbox {
  padding-bottom: 30px;
}
#content div.multicolumnbox h3,
#content div.multicolumnbox h4 {
  margin-bottom: 8px;
}
#content div.multicolumnbox div.halfcolumn h3,
#content div.multicolumnbox div.halfcolumn h4,
#content div.multicolumnbox div.singlecolumn h4 {
  border:none;
  margin-top: 15px;
}
#content div.prod-detail-box div.multicolumnbox h3,
#content div.prod-detail-box div.multicolumnbox h4 {
  font-size: 115%;
  float: left;
  width: 100%;
  margin-bottom: 8px;
  border-bottom: 1px solid #EAEAEA;
}
#content div.prod-detail-box div.multicolumnbox p {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
#content div.prod-detail-box div.multicolumnbox .campaign-info {
  float: right;
  width: 47%;
  background-color: #EDF2F4;
  border: 1px solid #FF9900;
}
#content div.prod-detail-box div.multicolumnbox .campaign-info.sale {
  float: right;
  width: 47%;
  background-color: #900;
  border: 1px solid #900;
  color: #FFF;
  text-shadow: 1px 1px 1px #000;
}
#content div.prod-detail-box div.multicolumnbox .campaign-info.sale h5 {
  color: #FFF;
  text-transform: uppercase;
}
#content div.prod-detail-box div.multicolumnbox .campaign-info ul li span.offer-expires {
  width: 100%;
  font-size: 93%;
}
#content div.prod-detail-box div.multicolumnbox .product-info {
  float: left;
  width: 51%;
}
#content div.prod-detail-box div.multicolumnbox ul.prod-detail-thumbimages {
  float: left;
  width: 100%;
  margin-top: 10px;
}
#content div.prod-detail-box div.multicolumnbox ul.prod-detail-thumbimages li {
  border: 1px solid #EAEAEA;
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
}
#content div.prod-detail-box div.multicolumnbox ul.prod-detail-thumbimages li img {
  position: absolute;
  bottom: 0;
  right: 0;
}
#content div.prod-detail-box div.multicolumnbox div.twothirdcolumn div.campaign-info div.wrap {
  margin: 2px;
}
#content div.prod-detail-box div.multicolumnbox .campaign-info h5 {
  float: left;
  width: 100%;
  margin: 0;
  line-height: 100%;
  margin-bottom: 4px;
  color: #FF9900;
}
#content div.prod-detail-box div.multicolumnbox ul {
  list-style: none;
  font-size: 90%;
  line-height: 120%;
  float: left;
  width: 100%;
}
#content div.prod-detail-box div.multicolumnbox li {
  float: left;
  width: 100%;
}
#content div.prod-detail-box div.multicolumnbox li span {
  float: left;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties {
  margin-top: 5px;
  float: left;
  width: 100%;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties li {
  position: relative;
  float: left;
  margin-right: 10px;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties ul {
  font-size: inherit;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties ul {
  font-size: inherit;
  position: absolute;
  top: 20px;
  left: 5px;
  width: 200px;
  float: left;
  background-color: #FFF1DC;
  border: 1px solid #333;
  opacity: 0;
  padding: 5px;
  -webkit-box-shadow:0 0 15px #181818;
  -moz-box-shadow: 0 0 15px #181818;
  -o-box-shadow: 0 0 15px #181818;
  -khtml-box-shadow: 0 0 15px #181818;
  box-shadow:0 0 15px #181818;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 1500;
  visibility: hidden;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties li.sub:hover ul {
  visibility: visible;
  opacity: 1;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties img.product-expressprint {
  cursor: pointer;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties li:hover ul a,
#content div.prod-detail-box div.multicolumnbox ul.product-properties li:hover ul a span {
  float: left;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties li:hover ul a.arrow-link {
  background-position: 0 4px;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties li.sub {
  background-color: #77ABC7;
  float: left;
  width: 25px;
  height: 25px;
}
#content div.prod-detail-box div.multicolumnbox ul.product-properties li.sub:hover {
  background-color: #0C588A
}
#content div.prod-detail-box div.multicolumnbox div.twothirdcolumn,
#content div.prod-detail-box div.multicolumnbox div.onethirdcolumn {
  background-color: #FFF;
  overflow: inherit;
  min-height: 200px;
  height: auto;
}
#content div.prod-detail-box div.multicolumnbox div.twothirdcolumn {
  background: url(../img/system/bg-prod-detail-info-box.png) bottom right no-repeat;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#content div.prod-detail-box div.multicolumnbox div.onethirdcolumn {
  background: url(../img/system/bg-prod-detail-download-box.png) bottom right no-repeat;
}
#content div.prod-detail-box div.multicolumnbox div.twothirdcolumn:hover {
  border: 1px solid #CCC;
}
#content div.prod-detail-box div.multicolumnbox div.twothirdcolumn div.wrap,
#content div.prod-detail-box div.multicolumnbox div.onethirdcolumn div.wrap {
/*  margin: 5px;
  margin-bottom: 35px;*/
  margin: 1%;
  margin-bottom: 10%;
  width: 98%;
  position: relative;
  float: left;
}
#content ul#calc-nav {
  float: left;
  width: 100%;
  list-style: none;
}
#content ul#calc-nav li {
  float: left;
  background-color: #77ABC7;
  margin-right: 1px;
}
#content ul#calc-nav li:hover {
  float: left;
  background-color: #1C73A2;
  margin-right: 1px;
}
#content ul#calc-nav li span {
  margin: 3px;
  margin-left: 24px;
}
#content ul#calc-nav li a {
  color: #FFF;
  line-height: 24px;
  height: 24px;
  float:left;
  display: inline;
  background-image: url(../img/icons/icon-calc-nav.png);
  background-repeat: no-repeat;
}
#content ul#calc-nav li a.active-tab {
  background-color: #1C73A2;
}
#content ul#calc-nav li a#calc-tab-configuration {
  background-position: 2px -25px;
}
#content ul#calc-nav li a#calc-tab-printing_files {
  background-position: left -50px;
}
#content ul#calc-nav li a#calc-tab-processing {
  background-position: left -75px;
}
#content ul#calc-nav li a#calc-tab-affiliprint {
  background-position: left -100px;
}
#content ul#calc-nav li a#calc-tab-personalization {
  background-position: left -150px;
}
#content ul#calc-nav li:hover a span {
  text-decoration: none;
}
#content div.calc-box {
  float: left;
  background-color: #E5ECF0;
  border: 1px solid #1C73A2;
  width: 100%;
  /* */
  padding-bottom: 10px;
}
#content div.default-row,
#content div.wide-column,
#content .uploaditem-row,
#content .orderitem-upload-column,
#content .upload-info {
  float: left;
  width: 100%;
}
#content .upload-info {
  font-size: 85%;
  color:#818181;
}
#content .uploaditem-row .uploaditem-main-column {
  float: left;
  width: 100%;
}
#content .uploaditem-row:nth-of-type(odd) {
  background-color: none;
}
#content .uploaditem-row:nth-of-type(even) {
  background-color: #eee;
}
#content .uploaditem-row .upload-content {
  float: left;
  width: 79.5%;
  padding: 0 0.25%;
}
#content .uploaditem-row .uploaditem-main-column.disabled .upload-content {
  text-decoration: line-through;
  color: #999;
}
#content .uploaditem-row .upload-remove {
  float: left;
  width: 20%;
  font-size: 85%;
  text-align: center;
}
#content .uploaditem-row .upload-remove a.delete-item {
  margin-top: 1px;
  background-color: #FFD299;
  color: #C00;
}
#content .uploaditem-row .upload-remove a.delete-item:hover {
  background-color:#C00;
  color: #FFF;
}
#content .orderitem-do-upload-column,
#content .orderitem-upload-done-column {
  width: 80%;
  margin: 20px 10%;
  text-align: center;
  float: left;
}
#content div.calc-box div.wrap {
  float: left;
  width: 98%;
  margin: 20px 1%;
  /*margin-bottom: 10px;*/
  margin-bottom: 0;
  position: relative;
}
#content div.calc-box .form_column_box {
  float: left;
  width: 100%;
}
#content div.calc-box .form_column_box .default-row {
  float: left;
  width: 100%;
}
#content div.form-row {
  float: left;
  width: 100%;
  margin-bottom: 12px;
}
#content div.form-row.reklasubmit {
  margin-top: 12px;
}
#content div.form-row.graphicservice div {
  width: 82%;
  margin-left: 18%;
}
#content div.reklaerror {
  box-sizing:  border-box;
  background-color: #FFF1DC;
  border: 1px solid #FFCF87;
  float: left;
  display: block;
  width: 100%;
  padding: 0px 5px;
  margin-bottom: 15px;
}
#content div.reklaerror p {
  padding-bottom: 4px;
  margin-bottom: 4px;
  margin-top: 4px;
}
#content div.reklaerror p img {
  vertical-align: text-top;
}
#content div.reklaerror p:not(:last-of-type) {
  border-bottom: 1px solid #FFCF87;

}
#content div.reklaerror p:last-of-type {
  padding-bottom: 0;
  margin-top:0;
}
#content div.default-column {
  float: left;
  width: 60%;
}
#content div.default-column.address-name {
  width: 30%;
}
#content div.default-column.address-location {
  width: 30%;
}
#content div.default-column.address-shipping {
  width: 20%;
}
 #content div.default-column.address-buttons {
  width: 20%;
  font-size: 85%;
  text-align: center;
}
#content .addressbook-main-column div.default-column.address-name {
  width: 40%;
}
#content .addressbook-main-column div.default-column.address-location {
  width: 40%;
}
#content div.simple-form-field {
  float: left;
  width: 100%;
}
#content div.default-column div.extended-form-submit {
  float: left;
  width: 76%;
  margin-left: 24%;
  margin-top: 15px;
}
#content div.default-column div.simple-form-submit {
  float: left;
  width: 100%;
  margin-top: 15px;
}
#content div.tooltip-column,
#content div.large-tooltip-column {
  float: left;
  width: 40%;
  position: relative;
}
#content div.tooltip-box,
#content div.large-tooltip-box {
  float: left;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E5ECF0;
  border: 1px solid #E4E4E4;
  font-size: 0.85em;
}
#content div.default-row.dataoptions div.tooltip-box {
  position: inherit;
}
#content div.inner-tooltip-box {
  float: left;
  width: 98%;
  margin: 1%;
}
#content div.inner-tooltip-box p {
  margin: 0;
}
#content div.extended-form-descr,
#content div.form-row-descr {
  float: left;
  width: 16%;
  margin-right: 2%;
  line-height: 125%;
  letter-spacing: -0.03em;
  position: relative;
}
#content div.extended-form-descr {
  width: 22%;
}
#content div.extended-form-field,
#content div.form-row-formfield {
  width: 82%;
  float: left;
  position: relative;
}
#content div.extended-form-field,
#content div.extended-form-faqfield,
#content div.extended-form-infofield {
  width: 76%;
  margin-left: 24%;
  float: none;
}
 #content div.extended-form-infofield {
   font-size: 0.85em;
   color: #818181;
 }
 #content div.extended-form-faqfield {
   font-size: 0.85em;
   margin-bottom: 1em;
 }
 #content div.extended-form-faqfield em {
   font-style: normal;
 }
 #content div.extended-form-faqfield a:hover span{
   text-decoration: none;
 }
 #content div.extended-form-faqfield a:hover em{
   text-decoration: underline;
 }
#content div.form-row.extended {
  margin-bottom: 8px;
}
#content div.form-row.extended div.form-row-descr {
  float: left;
  width: 48%;
  margin-right: 2%;
}
#content div.form-row.extended div.form-row-formfield {
  width: 48%;
  float: left;
}

#production_line_radio label {
  float:left;
  padding:5px 0;
  width:540px;
  font-size: 90%;
  cursor: pointer;
  vertical-align: middle;
}

#production_line_radio label input {
  border:none;
  background:none;
  vertical-align: middle;
}

#production_line_radio label span {
  display: block;
  overflow: hidden;
  float: right;
  width: 68px;
  padding: 0 3px;
  background: #EEE;
  color: #424242;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #CCC;
  margin-top: -1px;
}

#production_line_radio input[type="radio"]:checked+span {
  color: #FFF;
  background-color: #1c73a2
}

#content div.form-row div.w2p-page-title {
  font-size: 120%;
  font-weight: bold;
  margin-left: 18%;
}
.disabled {
  color: #ABABAB;
}

#content div.w2p-preview-button-wrap,
#content div#web2print-preview-page-vorderseite,
#content div#web2print-preview-page-vorderseite-telefon,
#content div#web2print-preview-page-vorderseite-fax,
#content div#web2print-preview-page-vorderseite-mobil,
#content div#web2print-preview-page-vorderseite-telefon-fax,
#content div#web2print-preview-page-vorderseite-telefon-mobil,
#content div#web2print-preview-page-vorderseite-fax-mobil,
#content div#web2print-preview-page-vorderseite-telefon-fax-mobil,
#content div#web2print-preview-page-rueckseite {
  margin-left: 18%;
  float: left;
  margin-bottom: 10px;
}

#content div#web2print-preview-page-vorderseite img,
#content div#web2print-preview-page-vorderseite-telefon img,
#content div#web2print-preview-page-vorderseite-fax img,
#content div#web2print-preview-page-vorderseite-mobil img,
#content div#web2print-preview-page-vorderseite-telefon-fax img,
#content div#web2print-preview-page-vorderseite-telefon-mobil img,
#content div#web2print-preview-page-vorderseite-fax-mobil img,
#content div#web2print-preview-page-vorderseite-telefon-fax-mobil img,
#content div#web2print-preview-page-rueckseite img {
  border: 1px solid #CCC;
}

#content .form-row-info {
  font-size: 90%;
  line-height: 115%;
  color: #666;
  float: left;
}
#content .form-column-box .form-row-info {
  margin: 0 5%;
  margin-bottom: 3px;
}
#content .form-column-1 p input[type="radio"] {
  margin-right: 0;
}
#content .form-row-formfield input[type="radio"] {
  margin-right: 4px;
}
#content .form-row-formfield input[type="radio"].reclamation-regulatorywish {
  margin-right: 0;
}
#content .form-column-2 p input[type="radio"] {
  margin-right: 4px;
}
#content .form-column-box p img {
  vertical-align: text-bottom;
}
#content div.form-row div.form-row-hint,
#content div.form-row div.form-row-info-wide {
  width: 350px;
  font-size: 85%;
  line-height: 115%;
  color:  #818181;
  float: left;
}
#content div.form-row div.form-row-hint p,
#content div.form-row div.form-row-info-wide p {
  margin-top: 2px;
}
#content div.calc-info-backside-advertising,
#content div.form-row .calc-info-filetypes {
  position: absolute;
  float: left;
  right: 0;
  top: 21px;
  left: 155px;
  width: 500px;
  background-color: #FFF1DC;
  border: 1px solid #333;
  opacity: 1;
  -webkit-box-shadow:0 0 15px #181818;
  -moz-box-shadow: 0 0 15px #181818;
  -o-box-shadow: 0 0 15px #181818;
  -khtml-box-shadow: 0 0 15px #181818;
  box-shadow:0 0 15px #181818;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 1500;
}
#content div.calc-box div.calc-info-filetypes div.wrap {
  margin: 1% !important;
}
#content div.calc-info-backside-advertising-last-row,
#content div.form-row div.calc-info-filetypes-last-row {
  color: #FFF;
  float: left;
  position: absolute;
  top: -10px;
  right: 10px;
  width: 20px;
  height: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #0C588A;
  background:-moz-linear-gradient(top, #1C73A2, #0C588A); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#1C73A2), to(#0C588A)); /* Safari, Chrome */
  background:linear-gradient(top, #1C73A2, #0C588A);
}
#content div.calc-info-backside-advertising-last-row:hover,
#content div.form-row div.calc-info-filetypes-last-row:hover {
  background-color: #C00;
  background:-moz-linear-gradient(top, #C00, #930000); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#C00), to(#930000)); /* Safari, Chrome */
  background:linear-gradient(top, #C00, #930000);
}
#content div.calc-info-backside-advertising-last-row a.button-close-small,
#content div.form-row div.calc-info-filetypes-last-row a.button-close-small {
  background-image: url(../img/icons/icon-close.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 20px;
  height: 20px;
  float: left;
}
#content div.calc-info-backside-advertising {
  text-align: left;
  right: 0;
  top: 48px;
  left: 30px;
  width: 500px;
}
#content div.calc-info-backside-advertising p,
#content div.calc-info-backside-advertising dl.list-img-float {
  float: left;
  width: 98%;
  margin: 1% 2%;
}
#content div.calc-info-backside-advertising dl.list-img-float dt {
  float: left;
  width: 30%;
}
#content div.calc-info-backside-advertising dl.list-img-float dd {
  float: left;
  width: 70%;
}
#content div.calc-info-backside-advertising-last-row span,
#content div.form-row div.calc-info-filetypes-last-row span {
  margin: 3px;
  display: none;
}
#content div.extended-form-field input[type="text"] {
  width: 90%;
  font-size: inherit;
  border: 1px solid #CCC;
  padding: 1px 3px;
  box-sizing: border-box;
}
#content div.extended-form-field input[type="text"].email {
  width: 76%
}
#content div.extended-form-field input[type="text"].quantity {
  width: 20%;
}
#content div.extended-form-field a.minus-button {
    background-color: #77ABC7;
    color: #FFF;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 2px;
    font-size: 1.2em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#content div.extended-form-field a.minus-button:hover {
    background-color: #0C588A;
}
#content div.extended-form-field a.plus-button {
    background-color: #77ABC7;
    color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    font-size: 1.2em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#content div.extended-form-field a.plus-button:hover {
    background-color: #0C588A;
}
#content div.repeatable {
    margin-bottom: 3px;
}
#content div.extended-form-field textarea {
  width: 90%;
  font-size: inherit;
  border: 1px solid #CCC;
  padding: 1px 3px;
  box-sizing: border-box;
}
#content div.extended-form-field select {
  width: 91.8%;
  font-size: inherit;
}
#content #calc-box-configuration div.form-row-formfield select option[value="119"] {
  background:#E4FFD6 url(../img/icons/icon-option-oeko.png) center right no-repeat;
}
#content div.form-row-formfield input[type="text"],
#content div.form-row-formfield select,
#content div.form-row-formfield textarea {
  width: 350px;
  font-size: inherit;
}
#content div.form-row-formfield textarea.input_textarea {
	background-color: #fff;
	border: solid 1px #ccc;
	font-size: 12px;
	font-weight: normal;
	height: 80px;
  line-height: 22px;
	position: relative;
	width: 532px;
	outline: none;
  padding: 1px 3px;
}
#content div.form-row-formfield input.reclamation_amount {
  background-color: #fff;
	border: solid 1px #ccc;
	font-size: 12px;
	font-weight: normal;
  height: 22px;
  line-height: 22px;
	position: relative;
	width: 50px;
	outline: none;
  padding: 1px 3px;
  text-align: right;
}
#content div.form-row-formfield input[type="text"].box-info-input-amount {
  width: 100px;
  margin-right: 10px;
  font-size: inherit;
}
#content div.form-row-formfield input.reclamation_contact_person {
  background-color: #fff;
  border: solid 1px #ccc;
  font-size: 12px;
  font-weight: normal;
  height: 22px;
  line-height: 22px;
  position: relative;
  width: 532px;
  outline: none;
  padding: 1px 3px;
}

#content div.extended-form-field div.checkbox-div-indent {
  width: 95%;
  margin-left: 5%;
}
#content .form-navigation-box {
  float: left;
  width: 100%;
  margin-top: 20px;
}
#content .addressbook .form-navigation-box {
  margin-top: 0;
  margin-bottom: 10px;
}
#content .form-navigation-box .form-navigation-prev,
#content .form-navigation-box .form-navigation-next {
  width: 49%;

}
#content .form-navigation-box .form-navigation-prev {
  float: left;
}
#content .form-navigation-box .form-navigation-next {
  float: right;
  text-align: right;
}
#content .form-navigation-prev a,
#content .form-navigation-next a {
  background-image: url(../img/icons/icons-form-navigation-arrows.png);
  background-repeat: no-repeat;
  background-color: #77ABC7;
  height: 24px;
  line-height: 24px;
  color: #FFFFFF;
}
#content .form-navigation-prev a {
  background-position: left 0;
}
#content .form-navigation-next a {
  background-position: right -25px;
}
#content .form-navigation-prev a:hover,
#content .form-navigation-next a:hover {
  background-color: #1C73A2;
}
#content .form-navigation-prev a {
  float: left;
}
#content .form-navigation-next a {
  float: right;
}
#content .form-navigation-prev a span {
  margin-left: 20px;
  margin-right: 5px;
}
#content .form-navigation-next a span {
  margin-left: 5px;
  margin-right: 20px;
}
#content .form-navigation-prev a:hover span,
#content .form-navigation-next a:hover span {
  text-decoration: none;
}
#content .form-navigation-next a.add_cart {
  background: #7ab865;
  text-align: center;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#content .form-navigation-next a.add_cart span {
  margin-right: 4px;
}
#content .form-navigation-next a.add_cart span:before {
  color: #fff;
  content: "\F07A";
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  outline: none;
  text-align: center;
  text-decoration: inherit;
  font-size: 1.25em;
  margin-right: 10px;
}
#content .form-navigation-next a.add_cart::after {
  content: normal;
}
#content .form-navigation-next a.add_cart:hover {
  background: #238C00;
}
#content .form-navigation-next a.add_cart:hover span {
  text-decoration: none;
}
#content .calc-result-note,
#content .calc-result {
  width: 49%;
  margin-top: 20px;
  background-color: #E5ECF0;
  border: 1px solid #1C73A2;
  font-size: 90%;
}
#content .calc-result {
  float: right;
}
#content .calc-result-note {
  float: left;
}

#content .calc-result .info-box-descr-col {
  float: left;
  width: 69%;
  margin-left: 1%;
}
#content .calc-result .info-box-descr-col span.disabled.form-row-hint {
  font-size: 95%;
  color:#424242;
}
#content .calc-result .info-box-price-col {
  float: right;
  width: 28.5%;
  margin-right: 1%;
  text-align: right;
}
#content .calc-result .info-box-descr-col.highlight,
#content .calc-result .info-box-price-col.highlight {
  color: #1C73A2;
  font-weight: bold;
}
#content .calc-result .info-box-row {
  float: left;
  width: 100%;
  padding: 1px 0;
  line-height: 125%;
}
#content .calc-result .info-box-row .info-box-divider,
#content .info-box-divider {
  float: left;
  height: 1px;
  width: 98%;
  margin: 0 1%;
  margin-top: 1px;
  background-color: #BCBCBC;
}
#content .calc-result .info-box-row:nth-last-child(-n+2) .info-box-divider {
  display: none;
}
#content .calc-result .info-box-row.calc-cost-total {
  background-color: #1C73A2;
  color: #FFF;
  padding-top: 3px;
  font-weight: bold;
}
#content .calc-result .gutter,
#content .calc-result-note .gutter {
  padding-bottom: 0;
  padding-top: 2px;
}
#content .calc-result-note .gutter {
  width: 98%;
  padding: 0 1%;
  padding-top: 2px;
}
#content .calc-result-note p {
  margin-top: 0;
}
#content .toolbox {
  float: left;
  width: 100%;
}
#content .toolbox .toolbox-column1 {
  float: left;
  width: 49%;
}
#content .toolbox .toolbox-column2 {
  float: right;
  width: 49%;
  margin-left: 2%;
}
#content .toolbox .toolbox-column2.ralign div#offerbox.cart-couponbox {
  text-align: left;
}
#content .order-flow-footer-box,
#content .customer-menu-footer-box {
  background-color: #EAEAEA;
  float: left;
  width: 100%;
  height: 50px;
  margin-top: 15px;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#content .order-flow-footer-box:hover,
#content .customer-menu-footer-box:hover {
  opacity: 1;
  -webkit-box-shadow: 0 0 15px #A5C8DA;
  -moz-box-shadow: 0 0 15px #A5C8DA;
  box-shadow: 0 0 15px #A5C8DA;
}

#content .order-flow-footer-continue {
  float: right;
  width: 50%;
}
#content .order-flow-footer-back,
#content .customer-menu-footer-back {
  float: left;
  width: 50%;
}
#content .order-flow-footer-back a,
#content .customer-menu-footer-back a {
  background-image: url(../img/system/bg-order-flow-back.png);
  background-repeat: no-repeat;
  background-color: #F90;
  background-position: right top;
  height: 50px;
  line-height: 50px;
  color: #FFFFFF;
  float: left;
  min-width: 180px;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}
#content .order-flow-footer-continue a,
#content .customer-menu-footer-new-address a {
  background-image: url(../img/system/bg-order-flow-continue.png);
  background-repeat: no-repeat;
  background-color: #F90;
  background-position: left top;
  height: 50px;
  line-height: 50px;
  color: #FFFFFF;
  float: right;
  min-width: 180px;
  cursor: pointer;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
}
#content .customer-menu-footer-back a:hover,
#content .customer-menu-footer-new-address a:hover,
#content .order-flow-footer-back a:hover,
#content .order-flow-footer-continue a:hover {
  background-color:  #FFAA2B;

}
#content .customer-menu-footer-back a span,
#content .order-flow-footer-back a span {
  text-decoration: none;
  margin: 0 20px;
  margin-right: 30px;
  float: left;
  cursor: pointer;
}
#content .customer-menu-footer-new-address a span,
#content .order-flow-footer-continue a span {
  text-decoration: none;
  margin: 0 20px;
  margin-left: 30px;
  float: right;
}
#content .default-box,
#content .default-box-wrap,
#content .default-box .default-row,
#content .default-box .orderitem-row,
#content .default-box .orderitem-wide-column{
  float: left;
  width: 100%;
}

#content .multicolumnbox .default-row {
  margin-bottom: 7px;
}
#content .error-row {
  background-color:#FFF1DC;
  float: left;
  width: 98%;
  padding: 1%;
  margin-bottom: 20px;
}
#content .error-row .error-symbol {
  float: left;
  width: 6%;
}
#content .error-row .error-message {
  float: left;
  width: 94%;
}
#content .halfcolumn .error-row .error-symbol {
  float: left;
  width: 15%;
}
#content .halfcolumn .error-row .error-message {
  float: left;
  width: 85%;
}
#content .error-row .wrap {
  margin: 1%;
  width: 98%;
}
#content .default-box .default-row-divider,
#content .default-box .cart-row-divider,
#content .default-row .default-row-divider {
  float: left;
  width: 100%;
  height: 1px;
  background-color: #EAEAEA;
  margin: 5px 0;
}
#content .form_column_box .default-row-divider {
  float: left;
  width: 100%;
  height: 1px;
  background-color: #1C73A2;
  margin: 5px 0;
}
#content .addressbook-main-column {
  float: left;
  width: 60%;
  height: 100px;
  overflow: auto;
}
#content .addressbook-main-column.big {
  width: 80%;
  height: auto;
}
#content .addressbook-main-column dl {
  margin-top: 0;
}
#content .addressbook-main-column dt {
  width: 8%;
  float: left;
}
#content .addressbook-main-column dt input[type="radio"] {
  vertical-align: middle;
  margin-top: 3px;
  float: left;
}
#content .addressbook-main-column dd {
  width: 92%;
  float: left;
  height: 97px;
  overflow: auto;
}
#content .addressbook-main-column.big dd {
  height: auto;
}
#content .addressbook-tool-column {
  float: left;
  width: 40%;
  text-align: center;
  font-size: 0.85em;
}
#content .addressbook-tool-column.small {
  width: 20%;
}
#content .addressbook-tool-column div.info-badge {
  float: left;
  width: 80%;
  margin-left: 20%;
  background-color: #E5ECF0;
  margin-bottom: 1px;
}
#content .addressbook-tool-column div.info-badge p {
  margin: 1.5%;
}
#content .addressbook-tool-column .address-billing-shipping {
  float: right;
  width: 64%;
  margin-top: 10px;
}
#content .addressbook-tool-column .address-billing-shipping .wrap {
  margin: 0;
}
#content .addressbook-tool-column .address-billing-shipping ul {
  list-style: none;
  line-height: 120%;
  width: 100%;
  float: left;
  text-align: left;
}
#content .addressbook-tool-column .address-billing-shipping ul li {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  position: relative;
  cursor: pointer;
}
#content .addressbook-tool-column .address-billing-shipping ul li div {
  visibility: hidden;
  position: absolute;
  top: 20px;
  left: -116px;
  width: 120px;
  background-color: #FFF1DC;
  border: 1px solid #333;
  padding: 3px;
  opacity: 0;
  -webkit-box-shadow:0 0 15px #181818;
  -moz-box-shadow: 0 0 15px #181818;
  -o-box-shadow: 0 0 15px #181818;
  -khtml-box-shadow: 0 0 15px #181818;
  box-shadow:0 0 15px #181818;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 1500;
    -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
#content .addressbook-tool-column .address-billing-shipping ul li:hover div {
  visibility: visible;
  opacity: 1;
}
#content .emailaddressbook .halfcolumn .wrap div:first-of-type {
  margin-bottom: 1em;
}
#content .emailaddressbook .halfcolumn .wrap div:first-of-type b,
#content .emailaddressbook .halfcolumn .wrap div:first-of-type i {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#content .emailaddressbook .halfcolumn .wrap .addressbook-tool-column:nth-of-type(2) {
  width: 60%;
}
#content .emailaddressbook .halfcolumn .wrap .address-billing-shipping {
  float:unset;
   margin-top: 0;
   width: 100%;
}
#content .emailaddressbook .halfcolumn .wrap .addressbook-tool-column img.inactive {
  filter:grayscale(1);
  opacity:.4;
}
#content .default-box .default-row .cart-main-column {
  float: left;
  width: 80%;
}
#content .default-box .default-row .cart-tool-column {
  float: left;
  width: 20%;
  text-align: center;
  font-size: 0.85em;
  position: relative;
}
#content .default-box .default-row .cart-main-column .cart-content,
#content .default-box .default-row .cart-main-column .cart-sub-content,
#content .default-box .orderitem-row .orderitem-main-column {
  float: left;
  width: 70%;
}
#content .default-box .default-row .cart-main-column .cart-content span.more-importance {
  font-size: 110%;
}
#content .default-box .default-row .cart-main-column .cart-price,
#content .default-box .orderitem-row .orderitem-additional-column {
  float: left;
  width: 30%;
  text-align: right;
}
#content .default-box .default-row .cart-main-column.sub-content .cart-sub-content,
#content .default-box .default-row .cart-main-column.sub-content .cart-price {
  color: #0C588A;
}
#content div.default-row div.cart-edit-shipping-box {
  position: absolute;
  float: left;
  right: 0;
  top: 21px;
  left: 125px;
  width: 250px;
  background-color: #E5ECF0;
  border: 1px solid #1C73A2;
  opacity: 1;
  -webkit-box-shadow:0 0 15px #181818;
  -moz-box-shadow: 0 0 15px #181818;
  -o-box-shadow: 0 0 15px #181818;
  -khtml-box-shadow: 0 0 15px #181818;
  box-shadow:0 0 15px #181818;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 1500;
  text-align: left;
}
#content div.default-row div.cart-edit-shipping-box div.cart-edit-shipping-row {
  margin: 1%;
  float: left;
  width: 98%;
}
#content div.default-row div.cart-edit-shipping-box div.cart-edit-shipping-last-row {
  float: left;
  width: 94%;
  margin-left: 6%;
  margin-bottom: 1px;
}
#content div.default-row div.cart-edit-shipping-box div.cart-edit-shipping-last-row a {
  float: left;
  background-color: #77ABC7;
  margin-right: 1px;
  color: #FFF;
  text-align: center;
}
#content div.default-row div.cart-edit-shipping-box div.cart-edit-shipping-last-row a:hover {
  color: #FFF;
  float: left;
  background-color: #1C73A2;
}
#content div.default-row div.cart-edit-shipping-box div.cart-edit-shipping-last-row a.button-apply-small:hover {
  background-color:#090;
}
#content div.default-row div.cart-edit-shipping-box div.cart-edit-shipping-last-row a.button-close-small:hover {
  background-color: #C00;
}
#content div.default-row div.cart-edit-shipping-box div.cart-edit-shipping-last-row a span {
  margin: 1% 20px;
  float: left;
}
#content div.default-row div.cart-edit-shipping-box div.cart-edit-shipping-last-row a:hover span {
  text-decoration: none;
}
#content div.default-row div.cart-edit-shipping-box div.cart-edit-shipping-select {
  width: 6%;
  float: left;
}
#content div.default-row div.cart-edit-shipping-box .cart-edit-shipping-descr {
  width: 94%;
  float: left;
}
#content .default-box .default-row .orderdetail-descr-column {
  width: 25%;
  float: left;
}
#content .default-box .default-row .large-tooltip-column {
  width: 74%;
  float: left;
}
#content .default-box .default-row .orderdetail-content-column {
  width: 75%;
  float: left;
}
#content .default-box .default-row .orderdetail-content-column dl {
  width: 100%;
  float: left;
  margin: 0;
}
#content .default-box .default-row .orderdetail-content-column dt {
  width: 7%;
  float: left;
}
#content .default-box .default-row .orderdetail-content-column dd {
  width: 93%;
  float: left;
}
#content .default-box .default-row .two-columned-column-left,
#content .default-box .default-row .two-columned-column-right {
  width: 50%;
  float: left;
}
#content .default-box .orderitem-row .orderitem-main-column .orderitem-column-num {
  width: 4%;
  float: left;
}
#content .default-box .orderitem-row .orderitem-main-column .orderitem-column-num a {
  color: #424242;
}
#content .default-box .orderitem-row .orderitem-main-column .orderitem-column-content {
  width: 96%;
  float: left;
}
#content .default-box .orderitem-row .orderitem-main-column .orderitem-column-actions,
#content .default-box .orderitem-row .orderitem-main-column .orderitem-column-subcontent {
  float: left;
  width: 96%;
  margin-left: 4%;
}
#content .default-box .orderitem-row .orderitem-main-column .orderitem-column-subcontent {
  color:#0C588A;
}
#content .default-box .orderitem-row .orderitem-additional-column .orderitem-column-price {
  float: left;
  width: 55%;
}

#content .default-box .orderitem-row .orderitem-main-column .orderitem-column-subcontent.disabledSubItem,
#content .default-box .orderitem-row .orderitem-additional-column .orderitem-column-price.disabledSubItem {
   color: #888;
}

#content .default-box .orderitem-row .orderitem-additional-column .orderitem-column-status {
  float: left;
  width: 45%;
  line-height: 125%;
  font-size: 90%;
}
#content .default-box .orderitem-row .orderitem-additional-column .orderitem-column-status img {
  vertical-align: middle;
}
#content .orderitem-box {
  float:left;
  width: 100%;
  margin-top: 8px;
}
 #content .default-box-wrap.cart {
   margin-bottom: 20px;
 }
 #content .default-box-wrap.cart.list {
   margin-bottom: 0px;
   margin-top: 20px;
 }
#content .default-box-wrap.cart h3 {
  border-bottom: 1px solid #CCCCCC;
  float: left;
  width: 100%;
  margin-bottom: 7px;
  margin-top: 0;
  padding-bottom: 7px;
}
#content .cart-couponbox {
  background-color: #E5ECF0;
  border: 1px solid #1C73A2;
  font-size: 90%;
  margin-top: 8px;
  float: left;
  width: 100%;
}
#content .cart-couponbox .couponbox-descr,
#content .cart-couponbox .couponbox-formcontent {
  margin: 1%;
  float: left;
  width: 98%;
}
#content .cart-couponbox .couponbox-formcontent div.error {
  float: left;
  width: 98%;
  padding: 1%;
  margin-top: 4px;
  background-color: #FFF1DC;
}
#content #offerbox.cart-couponbox .couponbox-formcontent div.hint {
  float: left;
  width: 98%;
  padding: 1%;
  margin-top: 4px;
  background-color: #FFF1DC;
}
#content .cart-couponbox .couponbox-formcontent div.error img {
  vertical-align: middle;
}
#content .cart-couponbox .couponbox-formcontent .couponbox-input,
#content .cart-couponbox .couponbox-formcontent .couponbox-submit {
  float: left;
  font-size: 95%;
  height: 20px;
  line-height: 18px;
}
#content input[type="text"].redeem-coupon-input{
  border: 1px solid #BCBCBC;
  width: 180px;
}
#content input[type="text"].error {
  background: #FFF1DC !important;
  border: 1px solid #C00;
}
#content .error {
  font-size: 90%;
  font-weight: bold;
  color: #C00;
  float: left;
}
#content .cart-couponbox .couponbox-formcontent input[type="text"].couponbox-input {
  margin-right: 8px;
  border: 1px solid #BCBCBC;
  width: 180px;
}
#content .cart-couponbox .couponbox-formcontent input[type="button"].couponbox-submit {
  background-color: #77ABC7;
  border: 1px solid #77ABC7;
  cursor: pointer;
  color: #FFF;
}
#content .cart-couponbox .couponbox-formcontent input[type="button"].couponbox-submit:hover {
  background-color: #1C73A2;
  border: 1px solid #1C73A2;
}
#content .default-row.dataoptions {
  float: left;
  width: 97.2%;
  margin-left: 2.8%;
  background-color: #F8F8F8;
  border: 1px solid #E4E4E4;
  opacity: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 1500;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#content .default-row.dataoptions .wrap {
  margin: 1%;
  width: 97.5%;
}
#content .default-row.dataoptions .more-importance {
  font-weight: bold;
  font-size: 115%;
  float: left;
  width: 100%;
  border-bottom: 1px solid #000;
  padding-bottom: 2px;
  margin-bottom: 10px;
}
#content .helpbox {
  float: left;
  width: 100%;
}
.orderitem-addr-column {
  float: left;
  width: 50%;
}
.orderitem-addr-info-column {
  float: left;
  width: 50%;
}
#content .orderitem-addr-info-column dl {
  margin-top: 0;
}
#content .orderitem-addr-info-column dt {
  float: left;
  width: 36%;
  font-weight: bold;
}
#content .orderitem-addr-info-column dd {
  float: left;
  width: 64%;
}
#content .calc-box .form_column_box dl {
  margin-top: 0;
}
#content .calc-box .form_column_box dt {
  float: left;
  width: 4%;
  font-weight: bold;
}
#content .calc-box .form_column_box dd {
  float: left;
  width: 96%;
}
#content .calc-box .form_column_box .calc-processing-option-box,
#content .calc-box .form_column_box dd .calc-processing-row,
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-option-box-note {
  float: left;
  width: 100%;
}
#content .calc-box .form_column_box .calc-processing-option-box {
  margin-top: 10px;
}
#content .calc-box .form_column_box .calc-processing-option-box ul {
  /*list-style: none;*/
}
#content .calc-box .form_column_box .calc-processing-option-box li {
  margin-bottom: 5px;
}
#content .calc-box .form_column_box .calc-processing-option-box dl img {
  float: left;
}
#content .calc-box .form_column_box .calc-processing-option-box dt {
  width: 35%;
}
#content .calc-box .form_column_box .calc-processing-option-box dd {
  width: 65%;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-inner-row {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-inner-row dl {
  width: 100%;
  margin: 2px 0;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-inner-row dt {
  width: 4%;
  margin: 3px 0;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-inner-row dd {
  width: 96%;
  margin: 3px 0;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-inner-row dt input[type="radio"] {
  vertical-align: middle;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-column {
  width: 60%;
  float: left;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-column-calculator {
  width: 40%;
  float: left;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-img-descr {
  width: 210px;
  float: left;
  font-size: 90%;
  line-height: 120%;
  background-color: #77ABC7;
  color: #FFF;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-img-descr span {
  margin: 2px;
  float: left;
  width: 100;
}
#content .calc-box .form_column_box dd .calc-processing-row .calc-processing-column-title {
  float: left;
  width: 85%;
}
#content .calc-box .form_column_box dd .calc-processing-row .calc-processing-column-title label {
  cursor: pointer;
  color: #0C588A;
  font-weight: bold;
}
#content .calc-box .form_column_box dd .calc-processing-row .calc-processing-column-infolink {
  float: left;
  width: 15%;
  text-align: right;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-option-box-note {
  width: 98%;
  background-color: #FFF1DC;
  border: 1px solid #333;
  opacity: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 1500;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 1%;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-column-calculator .highlighted-box {
  border: 1px solid #1C73A2;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-column-calculator .highlighted-box .info-box-divider {
  background-color: #1C73A2;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-column-calculator .info-box-descr-col {
  float: left;
  width: 48%;
  margin-left: 2%;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-column-calculator .info-box-price-col {
  float: left;
  width: 48%;
  text-align: right;
}
#content .calc-box .form_column_box .calc-processing-option-box .calc-processing-column-calculator .info-box-price-col .info-box-divider {
  float: left;
  width: 98%;
  margin: 0 1%;
}
#content .calc-box .form_column_box .pp_not_active dt {
  display: none;
}
#content .calc-box .form_column_box .pp_not_active dd {
  width: 100%;
}
#content .calc-box .form_column_box .pp_not_active dd .calc-processing-option-box {
  margin: 0;
  display: none;
}
#content .calc-box .form_column_box .pp_not_active dd .calc-processing-column-title {
  cursor: pointer;
  font-weight: bold;
}
#content .calc-box dl.payment_list_item label {
  cursor: pointer;
  color: #0C588A;
  font-weight: bold;
  width: 22.5%;
  display: inline-block;
  float: left;
}
.payment_badge {
  background-image: url(../img/system/payment_badges.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 97px;
  height: 26px;
  display: inline-block;
  float: left;
}
.payment_badge.base_pm_bar_cash {
  background-position: 0 -30px;
}
.payment_badge.base_pm_on_delivery {
  background-position: 0 -60px;
}
.payment_badge.base_pm_creditcard {
  background-position: 0 -90px;
}
.payment_badge.base_pm_prepayment {
  background-position: 0 -120px;
}
.payment_badge.base_pm_paypal {
  background-position: 0 -150px;
}
.payment_badge.base_pm_sofortueberweisung {
  background-position: 0 -180px;
}
.payment_badge.base_pm_billing {
  background-position: 0 -210px;
}
.payment_info,
.payment_info_add {
  margin-left: 45%;
  color: #666;
  font-size: 90%;
  line-height: 115%;
}
.payment_info_add a {
    font-size: 85%;
}
.payment_info_add a:hover span {
  text-decoration: none;
}
.payment_info_add a em:hover {
  text-decoration: underline;
}
.payment_info_add.warning {
  /*font-weight: bold;
  font-size: 85%;
  color: #a44;*/
  font-weight: bold;
  font-size: 85%;
  color: #424242;
  display: block;
  padding: .5em;
  border: 1px solid #FFCF87;
  margin: .5em 1em .5em 0;
  background: #FFF1DC;
  box-sizing: border-box;
}
.payment_info_add.warning a {
  font-size: 100%;
  /*color: #a44;*/
  color: #0C588A;
}
.payment_info_add.warning a:hover {
  text-decoration: underline;
}
.express_info_add.warning {
  /*font-weight: bold;
  font-size: 85%;
  color: #a44;*/
  font-weight: bold;
  font-size: 85%;
  color: #424242;
  display: block;
  padding: .5em;
  border: 1px solid #FFCF87;
  margin: .5em 1em .5em 0;
  background: #FFF1DC;
  box-sizing: border-box;
}
.disabledExpressSaver {
  color: #7A7A7A;
}
.order_process_payment .payment_info_add {
  margin-left: 0.5em;
}
.order_process_payment .payment_info_add.warning {
  margin-left: 0;
}
.inner-tooltip-box .payment_info_add a {
  font-size: 100%;
}
/* NEWSLETTER ARCHIVE */

div.nl-firstcolumn {
  width: 45%;
  float: left;
}
div.nl-secondcolumn,
div.nl-secondcolumn.highlighted-box {
  width: 55% !important;
  margin-left: 45%;
  float: none !important;
  height: 330px;
  position: relative;
}
div.nl-firstcolumn p:first-child {
  margin-top: 0 !important;
}
div.nl-secondcolumn.highlighted-box .wrap {
  float: none;
  width: 96%;
  margin: 2%;
}
div.nl-secondcolumn.highlighted-box h2,
div.nl-secondcolumn.highlighted-box h3 {
  font-size: 130%;
  padding-bottom: 0px !important;
}


table.nl-archive {
  border-collapse: collapse;
  position: relative;
}
table.nl-archive th {
  color: #999;
  border-bottom: 3px double #DDD;
  padding: 0.1em .5em;
  font-weight: normal !important;
  font-size: 93%;
  vertical-align: top;
  text-align:left;
}
table.nl-archive tbody tr {
  background: #FFF;
}
table.nl-archive tr td:first-child {
  width: 55px;
  font-size: 93%;
  line-height: 170%;
  color: #575757;
}
table.nl-archive td {
  padding: 0.25em .5em;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
table.nl-archive p {
  margin-top: 0 !important;
}
table.nl-archive p.contentdescr {
  font-size: 85%;
  color: #818181;
  line-height: 125%;
  margin: 4px 0 8px 0;
}
table.nl-archive tr:hover td {
  background: rgba(12,88,138,.08);
}

#nl-archives-head {
  background: #0C588A;
  background:-moz-linear-gradient(top, #1C73A2, #0C588A); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#1C73A2), to(#0C588A)); /* Safari, Chrome */
  background:linear-gradient(top, #1C73A2, #0C588A);
  color: #FFF;
  padding: 2px 0;
  font-size: 93%;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
#nl-archives-head span {
  padding: 0 2px;
  display: block;
}
#nl-archives-wrapper {
  float:left;
  width: 100%;
  height: 700px;
  margin-left: 0;
  -moz-box-shadow: 0px 0px 1px #888;
  -webkit-box-shadow: 0px 0px 1px #888;
  -o-box-shadow: 0px 0px 1px #888;
  box-shadow: 0px 0px 1px #888;
  margin: 10px 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
#nl-archives {
  height: 690px;
  background: #FFF;
  overflow: auto;
  -moz-box-shadow: 0px 1px 1px #888;
  -webkit-box-shadow: 0px 1px 1px #888;
  -o-box-shadow: 0px 1px 1px #888;
  box-shadow: 0px 1px 2px #888;
  -webkit-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
#nl-out-link:hover {
  opacity: 1;
  -webkit-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}
#nl-out-link {
  font-size: 93%;
  opacity: .7;
  position: absolute;
  bottom: 0;
}
#nl-in-link {
  font-size: 120%;
  position: absolute;
  bottom: 5px;
}
#nl-in-link.arrow-link {
  background-position: 0 8px;
}
#cr_archive {
/*  float: left;
  width: 100%;*/
}
#nl-archives table.nl-archive {
  float:none;
  width: 98%;
  margin: 1%;
}
a.captcha-reload {
  background-color: #77ABC7;
  background-image: url(../img/system/buttons.png);
  background-position: right -148px;
  background-repeat: no-repeat;
  color: #FFF;
  height: 16px;
  width: 16px;
  cursor: pointer;
  display: block;
  text-indent: -9999px;
  float: left;
  margin: 19px 0 0 5px;
}
div.captcha-tooltip {
  margin: .3em 0;
  display: block;
  float: left;
  width: 100%;
}

/* PRINT-LINE-LIST */
table.print-line-list {
  width: 100%;
  font-size: 90%;
}
table.print-line-list thead {
  line-height: 110%;
  color: #FFF;
  background-color: #1C73A2;
}
table.print-line-list thead th {
  border-top: 1px solid #1C73A2;
}
table.print-line-list thead th.today {
  background-color: #77ABC7;
  border: 1px solid #000;
  border-bottom: none;
}
table.print-line-list th.weekday {
  background-color: #1C73A2;
}
table.print-line-list th.weekend {
  background-color: #999;
  border-top: 1px solid #999;
}
table.print-line-list tfoot td.today {
  border-top: 1px solid #000;
}
table.print-line-list th,
table.print-line-list td {
  padding: 0 0.5%;
}
table.print-line-list tbody td {
  border-bottom: 1px solid #E7E7E7;
}
table.print-line-list tbody td div.tdcontent {
  float: left;
  width: 99%;
}
table.print-line-list tbody td.today {
  background-color: #D3EBFE;
  border: 1px solid #000;
  border-bottom: none;
  border-top: none;
  padding-left:0;
}
table.print-line-list tbody tr {
  border-left: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
}
table.print-line-list-legend {
  margin-top: 10px;
  width: 100%;
  background-color: #FFF1DC;
  border: 1px solid #E7E7E7;
  font-size: 85%;
  line-height: 130%;
}
table.print-line-list-legend img {
  margin: 3px;
}
table.print-line-list-legend th,
table.print-line-list-legend td {
  padding: 0 0.5%;
}
div.status-today,
div.status-green,
div.status-yellow,
div.status-red,
div.status-info {
  float:left;
  width: 8px;
  height: 8px;
  margin: 3px;
}
table.print-line-list div.status-info {
  margin-right: 0;
}
div.status-today {
  background: #D3EBFE;
  border: 1px solid #000;
}
div.status-green {
  background: #390;
  border: 1px solid #390;
}
div.status-yellow {
  background: #FC0;
  border: 1px solid #FC0;
}
div.status-red {
  background: #C00;
  border: 1px solid #C00;
}
div.status-info {
  background: #1C73A2;
  border: 1px solid #1C73A2;
  color: #FFF;
  line-height: 9px;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
}
div.status-info.linked {
  cursor: pointer;
}
table.print-line-list tbody td div.info-printdate-wrap {
  position: relative;
  float: left;
}
table.print-line-list tbody td div.info-printdate {
  position: absolute;
  top: 13px;
  left: 13px;
  width: 350px;
  float: left;
  background-color: #FFF1DC;
  border: 1px solid #333;
  opacity: 1;
  -webkit-box-shadow:0 0 15px #181818;
  -moz-box-shadow: 0 0 15px #181818;
  -o-box-shadow: 0 0 15px #181818;
  -khtml-box-shadow: 0 0 15px #181818;
  box-shadow:0 0 15px #181818;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  z-index: 1500;
}
table.print-line-list tbody td div.info-printdate div.wrap {
  margin: 1%;
}
table.print-line-list tbody td div.info-printdate p {
  margin: 0 !important;
  margin-bottom: 5px;
}

/* SIDEBAR */
#sidebar {
  width: 243px;
  float: right;
  font-size: 85%;
  background: #FFF url(../img/system/bg-sidebar-btm.png) bottom right no-repeat;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 120%;
  padding-bottom: 68px;
}
#sidebar .gutter {
  margin: 7px 5px;
  /*margin-bottom: 96px;*/
}
#sidebar .info-box,
#sidebar .info-box-warning,
#sidebar .info-box-green {
  width: 233px;
  display: block ;
  margin-bottom: 10px;
  float: left;
}
#sidebar .info-box-warning {
  background-color: #FFF1DC;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
#sidebar .info-box-green {
  background-color: #E4FFD6;
  background-image: url(../img/system/bg-info-box-green.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding-bottom: 40px;
}
#sidebar .info-box-green a {
  color: #20600C;
}
#sidebar .info-box-green a.arrow-link {
  background-image: url(../img/system/arrows-green.png);
  background-position: 0 3px;
}
#sidebar .info-box-warning .wrap,
#sidebar .info-box-green .wrap {
  margin: 1.5%;
  margin-top: 0;
}
#sidebar .info-box-green .wrap {
  margin-top: 0;
}
#sidebar .info-box-warning .wrap p.notice-row {
  border-bottom: 1px solid #FFCF87;
  padding-bottom: 4px;
}
#sidebar .info-box-warning .wrap p.notice-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#sidebar .info-box-green .wrap table {
  margin-top: 0;
}
#sidebar .info-box table td.vmidalign,
#sidebar .info-box-green .wrap table td {
  vertical-align: middle !important;
}
#sidebar .info-box-green .wrap table td.morebottompadding {
  padding-bottom: 9px;
}
#sidebar .info-box-green .wrap p.notice-row {
  /*border-bottom: 1px solid #32503C;*/
  padding-bottom: 4px;
  margin-bottom: 0;
  float: left;
}
#sidebar .info-box-green .wrap p.notice-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#sidebar .info-box-head,
#sidebar .info-box-warning .info-box-head,
#sidebar .info-box-green .info-box-head {
  color: #FFF;
  width: 100%;
  display: block;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  float: left;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #0C588A;
  background:-moz-linear-gradient(top, #1C73A2, #0C588A); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#1C73A2), to(#0C588A)); /* Safari, Chrome */
  background:linear-gradient(top, #1C73A2, #0C588A);
}
#sidebar .info-box-warning .info-box-head {
  background: #FF9900;
  background:-moz-linear-gradient(top, #FF9900, #CD7B00); /* Firefox */
  background:-webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#CD7B00)); /* Safari, Chrome */
  background:linear-gradient(top, #FF9900, #CD7B00);
}
#sidebar .info-box-green .info-box-head {
  /*background: #437829;*/
  /*background:-moz-linear-gradient(top, #509819, #437829);*/ /* Firefox */
  /*background:-webkit-gradient(linear, left top, left bottom, from(#509819), to(#437829));*/ /* Safari, Chrome */
  /*background:linear-gradient(top, #509819, #437829);*/
  background-image: url(../img/system/bg-infobox-green-headline.png);
  background-position: right center;
  background-repeat: no-repeat;
}
#sidebar .info-box-head span {
  background-image: url(../img/system/sidebar-icons.png);
  background-repeat: no-repeat;
  padding-left: 40px;
  float: left;
}
#sidebar .info-box-head span.head-team {
  background-position: 0 4px;
}
#sidebar .info-box-head span.head-support {
  background-position: 0 -46px;
}
#sidebar .info-box-head span.head-hotline {
  background-position: 0 -97px;
}
#sidebar .info-box-head span.head-quality {
  background-position: 0 -146px;
}
#sidebar .info-box-head span.head-payment {
  background-position: 0 -197px;
}
#sidebar .info-box-head span.head-history {
  background-position: 0 -246px;
}
#sidebar .info-box-head span.head-notice {
  background-position: 0 -296px;
}
#sidebar .info-box-head span.head-magnify {
  background-position: 0 -346px;
}
#sidebar .info-box-head span.head-green {
  background-position: 0 -402px;
}
#sidebar .info-box-head span.head-envelop {
  background-position: 0 -449px;
}
#sidebar .info-box-content {
  width: 100%;
  float: left;
  margin-top: 6px;
}
#sidebar .info-box-warning .info-box-content {
  width: 100%;
  float: left;
  margin-top: 10px;
  max-height: 280px;
  overflow: auto;
  padding-bottom: 2px;

}
#sidebar .info-box-content.border {
  margin-top: 2px;
  padding-top: 2px;
  border-top: 1px solid #CCC;
}
#sidebar .info-box-content p {
  margin-bottom: 2px;
}
#sidebar .info-box-content p.headline {
  font-size: 125%;
  font-weight: bolder;
}
#sidebar .info-box-content p.serviceitem {
  font-size: 100%;
  font-weight: bolder;
  margin-bottom: 0;
  background-image: url(../img/icons/icon-services.png);
  background-position: 0 -175px;
  background-repeat: no-repeat;
  line-height: 20px;
}
#sidebar .info-box-content p#service-hotline.serviceitem {
  background-position: 0 3px;
}
#sidebar .info-box-content p#service-livechat.serviceitem {
  background-position: 0 -35px;
}
#sidebar .info-box-content p#service-callback.serviceitem {
  background-position: 0 -70px;
}
#sidebar .info-box-content p#service-datacheck.serviceitem {
  background-position: 0 -105px;
}
#sidebar .info-box-content p#service-newsletter.serviceitem {
  background-position: 0 -140px;
}
#sidebar .info-box-content p.serviceitem div.indent div#language-select {
  padding-left: 25px;
}
#sidebar .info-box-content p.serviceitem span.indent {
  margin-left: 25px;
}
#sidebar .info-box-content p.phone {
  font-size: 115%;
  font-weight: bolder;
  margin-bottom: 4px;
}
#sidebar .info-box-content p.calign {
  line-height:5px;
}
#sidebar .info-box-content dl.serviceitem,
#sidebar .info-box-content dl.phone {
  float: left;
  width: 100%;
  line-height: 120%;
}
#sidebar .info-box-content dl.serviceitem {
  line-height: 100%;
}
#sidebar .info-box-content dl.serviceitem dt,
#sidebar .info-box-content dl.phone dt {
  color: #006C8C;
  float: left;
  width: 32px;
  font-weight: bold;
}
#sidebar .info-box-content dl.serviceitem dt {
    width: 25px;
}
#sidebar .info-box-content dl.phone dd {
  margin-left: 32px;
}
#sidebar .info-box-content dl.serviceitem dd {
  margin-left: 25px;
}
#sidebar .info-box-content ul,
#sidebar .info-box-content ul li {
  list-style: none;
  display: block;
}
#sidebar .info-box-content ul li {
  margin-bottom: 4px;
  padding-left: 12px;
  background-image: url(../img/system/arrows.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
}
#sidebar .info-box-content ul li a {
  color: #0C588A;
  font-weight: bold;
}
#sidebar .info-box-content ul li a:hover {
  text-decoration: none;
}
#sidebar .info-box-content ul li a:hover span {
  text-decoration: underline;
}
/* FOOTER */
#footer {
  float: left;
  margin-top: 15px;
  /*margin-bottom: 30px;*/
  width: 100%;
  /*height: 150px;*/
  background: #CACACA;
  color: #666;
  font-size: 90%;
  line-height: 115%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: -moz-linear-gradient(top, #CACACA, #E4E4E4 100%); /* Firefox */
  background: -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#E4E4E4)); /* Safari, Chrome */
  background: linear-gradient(top, #CACACA, #E4E4E4);
}
#footer a {
  color: #666;
  font-weight: normal;
}
#footer h6 {
  border-bottom: 1px dashed #666;
  padding-bottom: 4px;
  margin-bottom: 4px;
  font-size: 140%;
  font-weight: normal;
}
#footer .socialmedia h6 {
  border-bottom: none;
  padding-bottom: none;
  margin-bottom: none;
}
#footer div.multicolumnbox,
#footer div.multibox {
  float: left;
  width: 100%;
  padding: 7px 0;
  /*margin-bottom: 20px;*/
  border: none;
}
#footer div.multibox {
  padding-bottom: 0;
}
#footer div.quartercolumn {
  float: left;
  width: 236px;
  padding: 0 7px;
  border: none;
}
#footer div.multibox .socialmedia {
  text-align: center;
  clear: left;
  padding: 6px 0;
  background: #CCC;
  margin-top: 10px;
}

#footer div.multibox .socialmedia img {
  vertical-align: middle;
  margin-right: 4px;
}
#footer div.multibox .socialmedia h6,
#footer div.multibox .socialmedia div {
  display: inline;
  margin-right: 10px;
  vertical-align: middle;
}
#footer ul.footerproducts {
  font-size: 85%;
  color: #ABABAB;
  margin-top: 10px;
}
#footer ul.footerproducts,
#footer ul {
  list-style: none;
}
/* */
#footer div.quartercolumn ul li {
  /*float:left;*/
}
#footer div.quartercolumn ul li span {
  /*display: none;*/
}
#footer div.quartercolumn ul li img {
  /*margin-right: 6px;*/
}
/* */
#footer div.multibox ul {
  clear: both;
  text-align: center;
/*  margin-left: 400px;*/
}
#footer div.multibox ul li {
  display: inline;
}
#footer ul li a img {
  /*margin-top: 6px;*/
  margin-right: 2px;
  margin-bottom: 4px;
  vertical-align: middle;
}
#footer div.multibox ul li span {
  /*float: left;*/
  padding: 0 10px;
  border-left: 1px solid #666;
}
#footer div.multibox ul.footerproducts li span {
  /*float: left;*/
  padding: 0 3px;
  border-left: 1px solid #ABABAB;
}
#footer ul li.notxt span {
  display: none;
}
#footer div.multibox ul li:first-child span {
  border-left: none;
}

table.households tr {
    border-top: 1px solid #E7E7E7;
}
table.households tr:first-child {
    border-top: none;
}
table.households thead {
    border-bottom: 1px solid #CCC;
}
table.households tfoot {
    border-top: 1px solid #CCC;
}
table.households tfoot th {
    text-align: right;
}








#choosed_campaign_info {
  background: #FFF0D8;
  border: 1px solid #FFCC7F;
  margin: 2px 5px 0;
}
table#choosed_campaign {
  background: #E1E1E1 url(../img/system/background-calc-info-box.jpg) left 50% repeat-x;;
  border-collapse: collapse;
  border: none;
}
table#affiliprint-table,
table#affiliprint-table-disabled {
  background: #FFFFFF;
  border-collapse: collapse;
  border: none;
}
table#affiliprint-table-disabled {
  background: #EEE;
}
table#affiliprint-table thead a,
table#affiliprint-table-disabled thead a {
  background-image: url(../img/system/arrow-table-sort.gif);
  background-repeat: no-repeat;
  background-position: left 3px;
  color: #FFF;
}
table#affiliprint-table thead a:hover,
table#affiliprint-table-disabled thead a:hover {
  background-image: url(../img/system/arrow-table-sort.gif);
  background-repeat: no-repeat;
  background-position: left -12px;
  color: #666;
}
table#affiliprint-table thead a span,
table#affiliprint-table-disabled thead a span{
  margin-left: 8px;
}
table#affiliprint-table tr,
table#affiliprint-table tr td,
table#affiliprint-table-disabled tr,
table#affiliprint-table-disabled tr td {
  border: none;
}
table#affiliprint-table tbody tr td,
table#affiliprint-table-disabled tbody tr td {
  border-bottom: 1px solid #D5D5D5;
  vertical-align: top;
  line-height: 110%;
  padding: 2px;
  padding-left: 3px;
  padding-bottom: 5px;
  padding-top: 8px;
}
table#affiliprint-table-disabled tbody tr td {
  color: #ABABAB;
}
table#affiliprint-table tbody tr,
table#affiliprint-table-disabled tbody tr {
  /*border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;*/
  border-left: none;
  border-right: none;
}
table#affiliprint-table tbody tr.highlighted,
table#affiliprint-table-disabled tbody tr.highlighted {
  background: #FFF0D8;
  border-left: 1px solid #FFCC7F;
  border-right: 1px solid #FFCC7F;
}
table#affiliprint-table-disabled tbody tr.highlighted {
  background: #EBEBEB;
}
table#affiliprint-table tbody tr.highlighted:hover,
table#affiliprint-table-disabled tbody tr.highlighted:hover {
  background: #FFE5C1;
}
table#affiliprint-table-disabled tbody tr.highlighted:hover {
  background: #EBEBEB;
}
table#affiliprint-table tbody tr.highlighted td,
table#affiliprint-table-disabled tbody tr.highlighted td {
  background: #FFF0D8;
  border-top: 1px solid #FFCC7F;
  border-bottom: 1px solid #FFCC7F;
}
table#affiliprint-table tbody tr.highlighted:hover td,
table#affiliprint-table-disabled tbody tr.highlighted:hover td {
  background: #FFE5C1;
}
table#affiliprint-table tbody tr td img,
table#affiliprint-table-disabled tbody tr td img {
  border: 1px solid #818181;
  padding: 2px;
  margin: 0;
  margin-right: 3px;
}
div.wide-column.disabled table#affiliprint-table tbody tr td img,
div.wide-column.disabled table#affiliprint-table-disabled tbody tr td img {
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
}
table#affiliprint-table thead tr,
table#affiliprint-table-disabled thead tr {
  border-bottom: 1px solid #575757;
}
table#affiliprint-table thead th,
table#affiliprint-table-disabled thead th {
  background: #CCC url(../img/system/background-default-box-header.jpg) left center repeat-x;
  color: #FFF;
  text-align: left;
  padding-left: 3px;
  text-indent: 2px;
}

table#affiliprint-table tbody tr:hover,
table#affiliprint-table-disabled tbody tr:hover {
  background-color: #EAEAEA;
  cursor:pointer;
}

table#affiliprint-login-customer-details {
  margin: 0;
  background: none;
  border-collapse: collapse;
  border: none;
}
table#affiliprint-login-customer-details td {
  margin: 0;
  padding: 0;
}
div#affiliprint-register dt {
  width: 30px;
  text-align: center;
  margin-top: 2px;
}
div#affiliprint-register dd {
  margin-left: 32px;
  margin-bottom: 7px;
  margin-top: 5px;
}
div#affiliprint-register a {
  font-weight: bold;
  text-decoration: underline;
  color: #005395;
}

div#campaign_details {
  background: #FFFFFF url(../img/system/background-affiliprint-popup.jpg) right 180px no-repeat;
  margin: 0;
  padding: 0;
  height: 500px;
  float: left;
  font-size: 100%;
}
div#campaign_details div#left_column {
  float:left;
  width: 320px;
  height: 340px;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 0.9em;
}
div#campaign_details div#right_column {
  margin-top: 10px;
  margin-right: 15px;
  margin-left: 340px;
  height: 340px;
  border-left: 1px solid #D5D5D5;
  font-size: 0.9em;
}
div#campaign_details h3 {
  font-weight: bold;
  margin: 0 15px;
  font-size: 1.5em;
}
div#campaign_details table {
  border-collapse: collapse;
  margin-left: 15px;
}
div#campaign_details table td {
  vertical-align: top;
  font-size: 0.9em;
  padding-bottom: 2px;
  padding-right: 10px;
}
div#campaign_details table td.descr {
  font-weight: bold;
}
div#campaign_details textarea {
  border: 1px solid #D5D5D5;
  background: #F7F7F7;
  width: 300px;
  height: 110px;
  overflow: auto;
  font-size: inherit;
  line-height: 110%;
}
div#campaign_details label {
  display: block;
  margin-bottom: 10px;
  line-height: 110%;
}

div#campaign_details div#campaign_picture img {
  padding: 1px;
  border: 1px solid #D5D5D5;
  max-width: 300px;
  max-height: 300px;
  overflow: hidden;
}
div#campaign_details div#campaign_infos {
  margin-top: 0px;
}
div#campaign_details div#affiliprint_agb,
div#campaign_details div#campaign_agb {
  margin-left: 20px;
}
div#campaign_details div#bottom_row {
  margin-top: 0;
  margin-right: 20px;
  margin-left: 20px;
  border-top: 1px solid #D5D5D5;
  height: 130px;
  font-size: 0.8em;
  clear: left;
}
table#campaign_agb {
  margin: 0 !important;
  padding: 0;
}
table#campaign_agb td {
  padding: 0 !important;
  padding-top: 5px !important;
}
table#campaign_agb td input {
  font-size: 1.1em;
  margin-top: 8px;
}
table#campaign_agb a {
  text-decoration: underline;
}
div#selected_campaign_info {
  margin: 0 10px;
  margin-bottom: 15px;
  clear: right;
}
div#selected_campaign_info table {
  width: 100%;
  border: 1px solid #FFCC7F;
  background: #FFF0D8;
}
div#selected_campaign_info td {
  vertical-align: top;
  background: #FFF0D8;
}
div#selected_campaign_info td.campaign-img {
  width: 60px;
}
div#selected_campaign_info td img {
  border:1px solid #818181;
  margin:0 3px 0 0;
  padding:1px;
}
div#selected_campaign_info td img.no-campaign-img {
  border:none;
  margin:0 3px 0 0;
  padding:0;
  vertical-align: middle;
}
img.campaign-img {
  border:none;
  margin:0 3px 0 0;
  padding:0;
  vertical-align: top;
}
div#selected_campaign_info div#delete-button {
  text-align: right;
}
div.affiliprint-notice {
  margin: 0;
  width: 68%;
}
div.affiliprint-notice table {
  width: 100%;
  margin-top: 5px;
}
div.affiliprint-notice td {
  vertical-align: top;
}
div.affiliprint-notice td.campaign-img {
  width: 5%;
  padding: 0;
  border: none;
  /*text-align: right;*/
}
div.affiliprint-notice td.campaign-img img {
  padding: 0;
  border: none;
  margin-top: 2px;
}
div.affiliprint-notice td a {
  color:#005395 !important;
  font-weight: bold;
}
div#affiliprint-howto {
  position: relative;
  float: right;
  width: 30%;
  font-size:0.9em;
  font-weight:normal;
  line-height:105%;
  margin-bottom: 10px;
  /*margin-right: 4px;*/
  color: #555555;
  /*text-align: right;*/
  background: #FFF0D8;
  border: 1px solid #FFCC7F;
}
div#affiliprint-howto table {
  width: 98%;
  margin: 1%;
}
div#affiliprint-howto img {
  margin: 4%;
}
div#affiliprint-howto a {
  color: #005395 !important;
  text-decoration: none;
  font-weight: bold;
  margin-top: 10px;
  display: block;
}
div#affiliprint-howto a:hover {
  color: #005395 !important;
  text-decoration: underline;
}
div#affiliprint-howto td {
  vertical-align: top;
}
div.relaunch-facts-img {
  background-image: url(../img/system/relaunch-facts.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 230px;
  height: 756px;
  float: left;
}
/* lightbox */
/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../img/lightbox/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../img/lightbox/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/lightbox/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#outerImageContainer{ position: relative; background-color: #F2F2F2; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/system/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/system/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #F2F2F2; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #575757; }

/* alert */
.overlay_alert {
    background-color: #999;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    font-size: 90%;
}
.ok_button {
    background-color: #090;
    background-image:  url(../img/buttons/btn-upload-done-small.png);
    background-repeat: no-repeat;
    background-position:  2px 0;
    border: 1px solid #090;
    padding-left: 25px;
    font-size: 85%;
    cursor: pointer;
    color: #FFF;
    height: 28px;
    font-weight: bold;
}
.ok_button:hover {
    background-position:  2px -44px;
    background-color: #FFF;
    border: 1px solid #090;
    color: #090;
}
.cancel_button {
    background-color: #77ABC7;
    background-image: url(../img/buttons/btn-do-upload-small.png);
    background-repeat: no-repeat;
    background-position:  2px 2px;
    border: 1px solid #77ABC7;
    padding-left: 25px;
    font-size: 85%;
    cursor: pointer;
    color: #FFF;
    height: 28px;
    font-weight: bold;
}
.cancel_button:hover {
    background-position:  2px -42px;
    background-color: #0C588A;
    border: 1px solid #0C588A;
}
.alert_nw {
    width: 5px;
    height: 5px;
}
.alert_n {
    height: 5px;
}
.alert_ne {
    width: 5px;
    height: 5px;
}
.alert_e {
    width: 5px;
}
.alert_w {
    width: 5px;
}
.alert_sw {
    width: 5px;
    height: 5px;
}
.alert_s {
    height: 5px;
}
.alert_se, .alert_sizer {
    width: 5px;
    height: 5px;
}
.alert_close {
    width:0px;
    height:0px;
    display:none;
}
.alert_minimize {
    width:0px;
    height:0px;
    display:none;
}
.alert_maximize {
    width:0px;
    height:0px;
    display:none;
}
.alert_title {
    float:left;
    height:1px;
    width:100%;
}
.alert_content {
    overflow: auto;
    color: #424242;
    font-family: inherit;
    font: inherit;
    text-align:center;
}

/* For alert/confirm dialog */
.alert_window {
    background: #FFF;
    padding:20px;
    margin-left:auto;
    margin-right:auto;
    width:400px;
}
.alert_message {
    width:100%;
    padding-bottom:10px;
}
.alert_buttons {
    text-align:center;
    width:100%;
}
.alert_buttons input {
    width:auto;
    margin:10px;
}
.alert_progress {
    float:left;
    margin:auto;
    text-align:center;
    width:100%;
    height:16px;
    background: #FFF url('../gfx/alert/progress.gif') no-repeat center center
}
.overlay_dialog {
    background-color: #666666;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.overlay___invisible__ {
  background-color: #666666;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}
.dialog_nw {
    width: 9px;
    height: 23px;
    background: transparent url(default/top_left.gif) no-repeat 0 0;
}
.dialog_n {
    background: transparent url(default/top_mid.gif) repeat-x 0 0;
    height: 23px;
}
.dialog_ne {
    width: 9px;
    height: 23px;
    background: transparent url(default/top_right.gif) no-repeat 0 0;
}
.dialog_e {
    width: 2px;
    background: transparent url(default/center_right.gif) repeat-y 0 0;
}
.dialog_w {
    width: 2px;
    background: transparent url(default/center_left.gif) repeat-y 0 0;
}
.dialog_sw {
    width: 9px;
    height: 19px;
    background: transparent url(default/bottom_left.gif) no-repeat 0 0;
}
.dialog_s {
    background: transparent url(default/bottom_mid.gif) repeat-x 0 0;
    height: 19px;
}
.dialog_se {
    width: 9px;
    height: 19px;
    background: transparent url(default/bottom_right.gif) no-repeat 0 0;
}
.dialog_sizer {
    width: 9px;
    height: 19px;
    background: transparent url(default/sizer.gif) no-repeat 0 0;
    cursor:se-resize;
}
.dialog_close {
    width: 14px;
    height: 14px;
    background: transparent url(default/close.gif) no-repeat 0 0;
    position:absolute;
    top:5px;
    left:8px;
    cursor:pointer;
    z-index:2000;
}
.dialog_minimize {
    width: 14px;
    height: 15px;
    background: transparent url(default/minimize.gif) no-repeat 0 0;
    position:absolute;
    top:5px;
    left:28px;
    cursor:pointer;
    z-index:2000;
}
.dialog_maximize {
    width: 14px;
    height: 15px;
    background: transparent url(default/maximize.gif) no-repeat 0 0;
    position:absolute;
    top:5px;
    left:49px;
    cursor:pointer;
    z-index:2000;
}
.dialog_title {
    float:left;
    height:14px;
    font-family: inherit;
    font-size:12px;
    text-align:center;
    width:100%;
    color:#424242;
}
.dialog_content {
    overflow:auto;
    color: #DDD;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10px;
    background-color:#123;
}
.top_draggable, .bottom_draggable {
  cursor:move;
}
.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}
.wired_frame {
  display: block;
  position: absolute;
  border: 1px #000 dashed;
}
/* DO NOT CHANGE THESE VALUES*/
div.dialog {
  background-color: #FFF;
  background-image: url(../img/system/bg-dialog.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-bottom: 25px;
  -webkit-box-shadow:0 0 15px #181818;
  -moz-box-shadow: 0 0 15px #181818;
  -o-box-shadow: 0 0 15px #181818;
  -khtml-box-shadow: 0 0 15px #181818;
  box-shadow:0 0 15px #181818;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  color: #424242;
}
.dialog {
  display: block;
  position: absolute;
}
.dialog table.table_window {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  padding: 0;
}
.dialog table.table_window td {
  margin: 0;
  padding:0;
  border: none;
}
.dialog table.table_window th {
    height: 16px;
    background: #424242;
}
.dialog .title_window {
    -moz-user-select:none;
}
/* POPWIN */
.popwin-outer-wrap {
  position: fixed;
  float: left;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 80%;
  overflow: auto;
  text-align: left;
  background-color: #FFF;
  background-image: url(../img/system/bg-popwin-header.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.popwin-header {
  float: left;
  width: 100%;
}
.popwin-header-title {
  float: left;
  width: 96%;
  margin: 0 2%;
  margin-top: 8px;
  border-bottom: 1px solid #424242;
  font-weight: bold;
  padding-bottom: 2px;
}
.popwin-header-logo,
.popwin-content-wrap {
  float: left;
  width: 96%;
  margin: 0 2%;
}
.popwin-content {
  float: left;
  width: 100%;
  line-height: 120%;
}
.popwin-content p {
  float: left;
  width: 100%;
  margin-top: 4px;

}
.popwin-content h2 {
  float: left;
  width: 250px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 180%;
  margin: 0;
  padding: 0;
  z-index: 6000;
  color: #FFF;
  text-align: right;
}
.popwin-content .popwin-file-wrapper {
  float: left;
  width: 530px;
  height: 358px;
  overflow:auto;
  font-size: 100%;
  line-height: 120%;
  position:absolute;
  border: none;
  left: 10px;
  top: 175px;
}
.popwin-content .default-row dl {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.popwin-content .default-row dt {
  float: left;
  width: 10%;
}
.popwin-content .default-row dd {
  float: left;
  width: 90%;
}
.popwin-footer-wrap {
  position: fixed;
  bottom: 0;
  right: 0;
  float: left;
  width: 100%;
  height: 60px;
  background-image: url(../img/system/bg-pop-dl.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: 1000;
}
div.popwin-footer-content {
  position: absolute;
  bottom: 5px;
  width: 81%;
  margin-left: 1%;
  margin-right: 18%;
  text-align: right;
}
div.popwin-footer-content a.button-close-small {
  color: #FFF;

}

/* TEASER */

.full-teaser {
  height: 100px;
  width: 720px;
  position: relative;
  background: #FFF;
}
.large-teaser {
  height: 200px;
  /*width: 468px;*/
  position: relative;
  width: 717px;
  /*background-image: url(../img/system/bg-banner-large-default.png);*/
  background-image: none;
  background-repeat: no-repeat;
}
.small-teaser {
  height: 200px;
  width: 234px;
  position: relative;
  background-image: url(../img/system/bg-banner-small-default.png);
  background-repeat: no-repeat;
}
.large-teaser.no-bg,
.small-teaser.no-bg {
  background: none;
}
.teaser-content {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 100%;
}
.teaser-content h4 {
  font-weight: normal;
  font-size: 150%;
  line-height: 110%;
  margin-top: 0;
  margin-bottom: 8px;
  color: #0C588A;
}
.teaser-content p {
  font-weight: normal;
  font-size: 100%;
  line-height: 110%;
  margin-top: 0 !important;
  margin-bottom: 8px;
}
.teaser-content img.left-align {
  float: left;
}
.teaser-content img.right-align {
  float: right;
}
.large-teaser .teaser-content {
  height: 180px;
  width: 448px;
}
.small-teaser .teaser-content {
  height: 180px;
  width: 214px;
}
/* product_topseller */
.product_topseller {
    float: left;
    margin: 10px 0 0;
    width: 100%;
}
.product_topseller,
.product_topseller div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.product_topseller .topseller_column1,
.product_topseller .topseller_column2,
.product_topseller .topseller_column3 {
  width: 32.8%;
  float: left;
  margin: 0;
  padding: 3px 5px;
  -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
 box-shadow: 0px 0px 1px rgba(0, 0, 0, .2);
  background-color: rgba(204,204,204,.2);
  -webkit-transition: background-color .2s, color .2s;
  -moz-transition: background-color .2s, color .2s;
  -o-transition: background-color .2s, color .2s;
  -ms-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  color: rgba(102,102,102,1);
  height: 125px;
  overflow: hidden;
  cursor: pointer;
}
.product_topseller .topseller_column1,
.product_topseller .topseller_column2 {
  margin-right: .6%;
}
.product_topseller .topseller_column1:hover,
.product_topseller .topseller_column2:hover,
.product_topseller .topseller_column3:hover {
  background-color: rgba(30,114,161,1);
  color: #FFF;
  -webkit-transition: background-color .4s, color .4s;
  -moz-transition: background-color .4s, color .4s;
  -o-transition: background-color .4s, color .4s;
  -ms-transition: background-color .4s, color .4s;
  transition: background-color .4s, color .4s;
}
.product_topseller .topseller_img {
  width: 30%;
  float: left;
}
.product_topseller .topseller_headline {
  font-size: 120%;
  padding: 0 0 3px 0;
  margin: 0 0 3px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .15);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .15);
 box-shadow: 0 1px 0 rgba(255, 255, 255, .15);
}
.product_topseller .topseller_column1:hover .topseller_headline,
.product_topseller .topseller_column2:hover .topseller_headline,
.product_topseller .topseller_column3:hover .topseller_headline {
  border-bottom: 1px solid rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
 box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
}
.product_topseller .topseller_content {
  text-align: right;
  float: right;
  width: 70%;
}
.topseller_amount {
    font-size: 110%;
}
.topseller_description {
  font-size:90%;
}
.topseller_price {
    font-size: 150%;
}
.topseller_smallinfo {
    font-size: 80%;
}

/* CAROUSEL */
img.step_car_img {
  float: left;
  background: #acb8be;
}
.carousel-wrap {
  background: #FFF;
  position: relative;
  overflow: scroll;
  width: 468px;
  height: 200px;
  float: left;
}
.carousel-wrap .carousel-belt {
  position: absolute;
  left: 0;
  top: 0;
}
.carousel-wrap .carousel-item {
  float: left;
  overflow: hidden;
  margin: 0;
  width: 468px;
}
.carousel-left-btn,
.carousel-right-btn {
  background-image: url(../img/buttons/btn-carousel.png);
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
}
.carousel-left-btn {
  background-position: 0 0;
}
.carousel-left-btn:hover {
  background-position: 0 -50px;
}
.carousel-right-btn {
  background-position: 0 -100px;
}
.carousel-right-btn:hover {
  background-position: 0 -150px;
}
.cpaginate {
  height: 20px;
  position: relative;
  top: 2px;
  text-align: left;
  float: left;
  width: 100%;
}
#content div.multicolumnbox p.cpaginate {
  margin: 0;
  float: left;
}

/* language select */

div#language-select {
  margin-top: 5px;
  font-size: 100%;
  font-weight: bolder;
  padding-left: 25px;
}

div#language-select.lang-de {
  background-image: url(../img/system/flag-de.gif);
  background-repeat: no-repeat;
  background-position: center left;
}
div#language-select.lang-en {
  background-image: url(../img/system/flag-en.gif);
  background-repeat: no-repeat;
  background-position: center left;
}
div#language-select select option {
  padding: 0 2px;
}

/* WEIHNACHTS POPUP */
.popwin-outer-wrap.xmas {
  background-image: none;
}
.popwin-header-overlay.xmas {
  background-image: url(../img/system/bg-popwin-header-xmas.png);
  background-repeat: no-repeat;
  background-position: top right;
  z-index: 1005;
  position: fixed;
  top: 0;
  right: 0;
  height: 65px;
  overflow: visible;
  float: left;
  width: 100%;
}
.popwin-outer-wrap .popwin-footer-wrap.xmas {
  background-image: url(../img/system/bg-pop-xmas.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}
.popwin-content-xmas {
  margin: 30px 0;
  margin-bottom: 50px;
}
.popwin-content-xmas dl.popwin-xmas-disabled,
.popwin-content-xmas dl.popwin-xmas-default,
.popwin-content-xmas dl.popwin-xmas-highlight {
  margin: 1em 0;
}
.popwin-content-xmas dl.popwin-xmas-disabled,
.popwin-content-xmas dl.popwin-xmas-default {
  border-bottom: 1px solid #E7E7E7;
}
.popwin-content-xmas dl.popwin-xmas-disabled:last-child,
.popwin-content-xmas dl.popwin-xmas-default:last-child {
  border-bottom: none;
}
.popwin-content-xmas dl.popwin-xmas-disabled {
  color: #ABABAB;
  opacity: 0.6;
}
.popwin-content-xmas dl.popwin-xmas-highlight {
  -webkit-box-shadow: 0 0 2px #900;
  -moz-box-shadow: 0 0 2px #900;
  box-shadow: 0 0 2px #900;
  padding: 0%;
  color: #900;
  background: #FFF4E3;
}
.popwin-content-xmas dl.popwin-xmas-highlight a {
  color: #900;
}
.popwin-content-xmas dl.popwin-xmas-default {
  opacity: 1;
}
.popwin-content-xmas dl.popwin-xmas-disabled dt,
.popwin-content-xmas dl.popwin-xmas-disabled dt a {
  color: #969696;
}
.popwin-content-xmas dt {
  width: 10%;
  float: left;
}
.popwin-content-xmas dd {
  margin-left: 10%;
  padding-bottom: 0.6em;
}
.popwin-header.xmas .popwin-header-title {
  border: none;
}
.popwin-content-xmas dd.advent1,
.popwin-content-xmas dd.advent2,
.popwin-content-xmas dd.advent3,
.popwin-content-xmas dd.advent4 {
  background-image: url(../img/system/xmas-candles.gif);
  background-repeat: no-repeat;
  min-height: 41px;
}
.popwin-content-xmas dd.advent1 {
  background-position: right 0px;
}
.popwin-content-xmas dd.advent2 {
  background-position: right -60px;
}
.popwin-content-xmas dd.advent3 {
  background-position: right -120px;
}
.popwin-content-xmas dd.advent4 {
  background-position: right -180px;
}

/* REFERENZEN CONTENT SLIDER */

.blue-box {
    background: #0C588A;
    background:-moz-linear-gradient(top, #1C73A2, #0C588A); /* Firefox */
    background:-webkit-gradient(linear, left top, left bottom, from(#1C73A2), to(#0C588A)); /* Safari, Chrome */
    background:linear-gradient(top, #1C73A2, #0C588A);
    border-radius: 4px 4px 4px 4px;
    height: 25px;
    padding: 5px 0 0 5px;
    width: 100%;
    margin-bottom: 1px;
}

#content .box-header-on h4.white-expand-button, #content .box-header-off h4.white-expand-button {
    background-image: url("../img/buttons/btn-expand-white.png");
}

.blue-box h4 a {
    color: #FFF;
    display: block;
}

.blue-box h4 span.references-price {
    background: #FFF;
    height: 16px;
    padding: 2px 5px;
    margin-right: 10px;
    line-height: 16px;
    color: #0C588A;
    float: right;
    text-align: center;
    text-decoration: none !important;
    border-radius: 4px 4px 4px 4px;
    font-weight: bold;
}

.references-box {
    margin-left: 10px;
}
.references-box dl {
    margin-bottom: 10px;
}
.references-box dl dt {
	width: 15%;
	font-weight: bold;
	float: left;
	margin-bottom: 5px;
}
.references-box dl dd {
	width: 85%;
	float: left;
	margin-bottom: 5px;
}
.references-box p {
    margin: 0 !important;
    display: block;
	color: #146696;
	text-decoration: underline;
}
.customer-box {
    width: 96%;
}
.customer-box table {
    margin-top: 10px;
    background-color: #EEE;
    border-radius: 5px;
}
.customer-box table thead {
    border-bottom: 1px solid #999;
}
.customer-box table tbody tr td, .customer-box table thead tr th {
    padding: 3px 5px;
}
.small-grey {
    font-size: 85%;
    color: #333333;
}
.no-padding {
    padding: 0 !important;
}

/* REFERENZEN ÜBERSICHT NEU */
.uploadinfo1 {
  color: #181818;
  display:block;
  padding: 2px;
  margin: 3px 0;
  background: #FFF1DC;
  border-radius: 5px;
  box-shadow: 0px 0px 1px #F90;
}
.uploadinfo2 {
  display: block;
}

.references-list {
  width: 100%;
  clear: both;
  float: left;
}

.references-clear {
  clear: both;
}

.references-items {
  position: relative;
  margin: 0px auto;
  list-style-type: none;
  margin-top: 20px;
  float: left;
}

.references-items li{
  margin: 0px 10px 20px 0;
  float: left;
  width: 354px;
  display: block;
}
.references-items li:nth-child(even) {
  margin: 0px 0px 20px 0px;
}

.references-items li a.references-thumb {
  display: block;
  position: relative;
  background: #fff;
  width: 354px;
  height: 133px;
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  transition:all 0.6s ease-in-out;
  -webkit-box-shadow:0px 0px 0px 1px #CCC, 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 0px 0px 1px #CCC, 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 1px 2px rgba(0,0,0,0.2);
  box-shadow:0px 0px 0px 1px #CCC, 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 1px 2px rgba(0,0,0,0.2);
}

.references-items a span{
  opacity: 0;
  position: absolute;
}

.references-items a:hover span {
  width: 354px;
  height: 133px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  -webkit-transition:opacity 0.3s ease-in-out;
  -moz-transition:opacity 0.3s ease-in-out;
  -o-transition:opacity 0.3s ease-in-out;
  transition:opacity 0.3s ease-in-out;
}

.references-items a:hover span i {
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  top: 50%;
  margin-top: -16px;
  left: 50%;
  margin-left: -16px;
  background-color: rgba(0,0,0,0.7);
  text-align: center;
  font-size: 1.375em;
  line-height: 2em;
  color: #FFF;
  text-decoration: none;
}

.references-items li img{
  display: block;
}

.references-items h4 {
  font-size: 1.25em;
  margin-top: 5px;
}

.references-items h4 a:hover {
  text-decoration: underline;
}

.references-items p {
  font-size: 0.85em;
  margin: 0px !important;
  color: #999;
}

/* REFERENZEN DETAILS NEU */

#references-description {
  margin-bottom: 10px;
  float: left;
}

.references-onethirdcolumn {
  float: left;
  width: 233px;
  background: #FFF;
  overflow: visible;
  margin-right: 17px;
}

.references-info-box {
  width: 233px;
  display: block;
  margin-bottom: 30px;
  float: left;
}

.references-info-box h3 {
  text-transform: uppercase;
  font-size: 1em;
  padding-bottom: 5px !important;
}

.references-info-box h3 i {
  display: inline-block;
  width: 25px;
}

.references-info-box-content {
  width: 100%;
  float: left;
}

.references-info-box-content .references-single-item {
  width: 70px;
  display: block;
  float: left;
  overflow: hidden;
  margin-right: 10px;
  text-align: center;
}

.references-single-item {
  cursor: pointer;
  opacity: 0.4;
}

.references-single-item.active, .references-single-item:hover {
  opacity: 1;
  color: #424242;
}

.references-single-item:nth-child(3n) {
  margin-right: 0px;
}

.references-single-item img {
  max-width: 100%;
}

.references-single-item p {
  font-size: 75% !important;
  color: #999;
}

.references-info-box-content p {
  font-size: 85%;
  font-weight: bolder;
  margin: 0 !important;
  line-height: 20px;
}

.references-info-box-content span {
  float: left;
  line-height: 150%;
  color: #999;
  font-size: 85%;
  margin-bottom: 10px;
}

.references-info-box-content blockquote{
  font-size: 85%;
  color: #999;
  font-style: italic;
}
.references-info-box-content blockquote cite {
  display: block;
  margin-top: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 85%;
  text-align: right;
  color: #424242;
}

.references-info-box-content blockquote cite:before {
  content: "\2014 \2009";
}

.references-info-box-content ul.color-palette li {
  float: left;
  margin: 0 0 5px 0;
  list-style: none;
  width: 22px;
  height: 12px;
}

.references-info-box-content ul.color-palette li:first-child {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.references-info-box-content ul.color-palette li:last-child {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.references-twothirdcolumn {
  float: left;
  width: 470px;
  background: #FFF;
  overflow: visible;
}

.references-image {
  margin-bottom: 20px;
  float: left;
  width: 470px;
  -webkit-box-shadow:0px 0px 0px 1px #CCC, 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 0px 0px 1px #CCC, 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 1px 1px rgba(0,0,0,0.2);
  box-shadow:0px 0px 0px 1px #CCC, 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 1px 1px rgba(0,0,0,0.2);
  overflow: hidden;
}

.references-image img {
  max-width: 100%;
}

.references-image a {
  display: block;
  position: relative;
  background: #fff;
  width: 470px;
  height: 352px;
  -webkit-transition:all 0.6s ease-in-out;
  -moz-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  transition:all 0.6s ease-in-out;
}

.references-image a span{
  opacity: 0;
  position: absolute;
}

.references-image a:hover span {
  width: 470px;
  height: 352px;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  -webkit-transition:opacity 0.3s ease-in-out;
  -moz-transition:opacity 0.3s ease-in-out;
  -o-transition:opacity 0.3s ease-in-out;
  transition:opacity 0.3s ease-in-out;
}

.references-image a:hover span i {
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  overflow: hidden;
  top: 50%;
  margin-top: -16px;
  left: 50%;
  margin-left: -16px;
  background-color: rgba(0,0,0,0.7);
  text-align: center;
  font-size: 1.3575em;
  line-height: 2em;
  color: #FFF;
  text-decoration: none;
}

.references-image li img{
  display: block;
}

.references-image p {
  font-size: 0.85em;
  margin: 3px 0 0 0 !important;
  color: #999;
}

.references-back-button {
  position: absolute;
  right: 0px;
}

.references-back-button a {
  float: left;
  height: 22px;
  line-height: 22px;
  background-color: #77ABC7;
  border: 1px solid #77ABC7;
  color: #FFF;
  padding: 0 5px !important;
  text-align: center;
  cursor: pointer;
  font-weight: normal;
}

.references-back-button a:hover {
  background-color: #1C73A2;
  border: 1px solid #1C73A2;
}

/*MERCHANDISE UPDATE */

dl.merchandise-img-float-box {
  width: 50%;
  float: left;
  margin-top: 0px;
}

dl.merchandise-img-float-box dt {
  width: 20%;
  float: left;
}
dl.merchandise-img-float-box dd {
  width: 80%;
  float: left;
}
/* WIRUEBERUNS/MAILING UPDATE */
.imagestylecontent {
  background-color: #1C73A2;
  color: #FFFFFF;
  display: block;
  box-sizing: border-box;
}
.isc-header {
  box-sizing: border-box;
  display: block;
  position: relative;
}
.isc-header h1 {
  position: absolute;
  top: 20px;
  left: 34px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 200;
  font-size: 2.87rem;
}
.isc-header h2 {
  border-bottom: none !important;
}
.isc-header h2.mailingingutenhaenden {
  position: absolute;
  width: 50% !important;
  top: 150px;
  right: 24px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 200;
  font-size: 3.3rem;
  line-height: 120%;
  text-align: right;
  color: #1B72A0;
}
.isc-header h2.professionell {
  position: absolute;
  width: 80% !important;
  top: 200px;
  left: 34px;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 200;
  font-size: 3.1rem;
  line-height: 120%;
  text-align: left;
  color: #1B72A0;
}
.isc-header-infobox.mailingingutenhaenden {
  position: absolute;
  width: 55% !important;
  top: 300px;
  right: 28px;
  box-sizing: border-box;
  text-align: right;
  color: #1B72A0;
  font-size: 0.83rem;
  line-height: 140%;
}
.isc-header-infobox.mailingingutenhaenden span {
  font-size: 0.95rem;
}
.isc-header-infobox.mailingingutenhaenden a {
  font-weight: 300;
  color: #1B72A0;
}
.isc-header-infobox.mailingingutenhaenden a:hover {
  color: #0C588A;
}
a.isc-internal-link,
a.isc-external-link {
  color: rgba(255,255,255,0.90);
}
a.isc-internal-link:hover,
a.isc-external-link:hover {
  color: rgba(255,255,255,1);
}
img.isc-headerimg {
  border: 0;
  margin:0;
  padding:0;
  float: left;
}
.isc-row {
  box-sizing: border-box;
  background-image: url(../img/system/brosch-bg.jpg);
  background-repeat: repeat-y;
  background-position: left top;
  float:left;
  width: 100%;
  padding: 2rem .625rem;

}
.isc-row p,
.isc-row ul,
.isc-row li,
.isc-row h1,
.isc-row h2,
.isc-row h3,
.isc-row h4 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
}
.isc-row h4 {
  margin-bottom: .5rem;
}
.isc-row p {
  margin-top: 0 !important;
  margin-bottom: 1rem !important;
  font-size: .83rem;
}
.isc-row p.large {
  font-size: 0.95rem;
}
.isc-row p.larger {
  font-size: 1.25rem;
}
.isc-row ul {
  float: left;
  display: block;
  padding-left: 1.1rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.isc-row .column {
  padding-left: .625rem;
  padding-right: .625rem;
  box-sizing: border-box;
  float: left;
}
.isc-row .column img {
  width: 100%;
  height: auto;
}
.isc-row .small-4 {
  width: 33.33333%;
}
.isc-row .small-5 {
  width: 41.66667%;
}
.isc-row .small-7 {
  width: 58.33333%;
}
.isc-row .small-8 {
  width: 66.666666%;
}
.isc-row .small-6 {
  width: 50%;
}
 .isc-row .small-12 {
  width: 100%;
}
.isc-row:after,
.isc-row:before,
.imagestylecontent:after,
.imagestylecontent:before {
  box-sizing: inherit;
  content: ' ';
  display: table;
  clear: both;
}

/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */
#slider a {
    display:block;
}
.theme-default #slider,
.theme-default #slider2 {
  margin:0 auto;
  width:468px; /* Make sure your images are the same size */
  height:200px; /* Make sure your images are the same size */
}
.theme-default #slider2 {
  width:234px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
  margin-top:0;
}

/* The Nivo Slider styles */
.nivoSlider {
  position:relative;
}
.nivoSlider img {
  position:absolute;
  top: 0;
  left: 0;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}
/* Caption styles */
.nivo-caption {
  position:absolute;
  left: 0;
  bottom: 0;
  background:#000;
  background: rgba(0,0,0,0.4);
  color:#fff;
  opacity:0; /* Overridden by captionOpacity setting */
  width:100%;
  z-index:1;
  font-size: 2.5em;
  min-height: 1px;
  display: none;
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
  display:inline !important;
  border: 0;
}
.nivo-html-caption {
  display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  bottom:13px;
  z-index:9;
  cursor:pointer;
  opacity:0.8;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
.nivo-directionNav a:hover {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -o-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
}
.nivo-prevNav {
  left: 0;
}
.nivo-nextNav {
  right: 0;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position:relative;
  z-index:9;
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}
.theme-default .nivoSlider {
  position:relative;
  background: url(../img/system/loading2.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
  position:absolute;
  top: 0;
  left: 0;
  display:none;
}
.theme-default .nivoSlider a {
  border:0;
  display:block;
}

.theme-default .nivo-controlNav {
  position:absolute;
  left: 0;
  bottom: -23px;
}
.theme-default .nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url(../img/system/bullets.png) no-repeat;
  text-indent:-9999px;
  border: 0;
  margin-right:3px;
  float:left;
}
.theme-default .nivo-controlNav a.active {
  background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(../img/system/arrows2.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
.theme-default a.nivo-nextNav {
  background-position:-30px 0;
  right:12px;
}
.theme-default a.nivo-prevNav {
  left:12px;
}
.theme-default .nivo-caption {

}
.theme-default .nivo-caption a {
  color:#FFF;
  border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
  color:#FFF;
}
#paginator { margin-top: 20px; }
#paginator span strong { font-weight: normal; font-size: 20px; }
#loader { text-align: center; }
/* LANDINGPAGE */
.lp-outer-box {
  background-color: #EFEFEF;
  float: left;
  width: 100%;
  -moz-box-shadow: 0 0 1px #575757;
  -webkit-box-shadow: 0 0 1px #575757;
  -o-box-shadow: 0 0 1px #575757;
  box-shadow: 0 0 1px #575757;
  margin-top: 45px;
  position: relative;
}
.lp-outer-box a.back-link {
  top: -45px;
}
.lp1-article-box,
.lp2-article-box,
.lp3-article-box {
  background: url(../img/system/lp1-article-box-bg.png) 0 0 repeat-x;
  float: left;
  width: 100%;
  min-height: 380px;
  position: relative;
}
.lp2-article-box {
  background: #D3DDE3;
}
.lp1-article-box.first {
  background: url(../img/system/lp1-article-box-first-bg.jpg) 0 0 no-repeat;
  min-height: 625px;
}
.lp2-article-box.first {
  background: #D3DDE3 url(../img/system/lp2-article-box-first-bg.jpg) 0 0 no-repeat;
  min-height: 630px;
}
.lp1-article-box.second {
  background: url(../img/system/lp1-article-box-second-bg.jpg) 0 0 no-repeat;
}
.lp2-article-box.second {
  background: #D3DDE3 url(../img/system/lp2-article-box-second-bg.jpg) 0 0 no-repeat;
  min-height: 700px;
  margin-top: -30px;
}
.lp3-article-box.first {
  background: url(../img/system/lp3-article-box-first-bg.jpg) 0 0 no-repeat;
  min-height: 590px;
}
.lp3-article-box.second {
  background: url(../img/system/lp3-article-box-second-bg.jpg) 0 0 no-repeat;
  min-height: 510px;
  margin-top: 0px;
}
.lp3-article-box.third {
  background: url(../img/system/lp3-article-box-third-bg.jpg) 0 0 no-repeat;
  min-height: 360px;
  margin-top: 0px;
}
.lp1-article-box.third {
  background: url(../img/system/lp1-article-box-third-bg.jpg) 0 0 no-repeat;
}
#content .lp1-article-box h2,
#content .lp2-article-box h2,
#content .lp3-article-box h2 {
  color: #414141;
  background: rgba(255,255,255,.7);
  line-height: 35px;
  height: 35px;
  float: left;
  display: inline !important;
  width: auto;
}
#content .lp1-article-box.third h2,
#content .lp3-article-box.third h2 {
  float: right;
  text-align: right;
}
.lp1-article-box h2 span, .lp2-article-box h2 span, .lp3-article-box h2 span {padding: 0 20px;}
.lp1-item-1,
.lp1-item-2,
.lp1-item-3,
.lp1-item-4,
.lp1-item-5,
.lp1-item-6,
.lp1-item-7,
.lp1-item-8,
.lp1-item-9,
.lp1-item-10,
.lp2-item-1,
.lp2-item-2,
.lp2-item-3,
.lp2-item-4,
.lp2-item-5,
.lp2-item-6,
.lp2-item-7,
.lp2-item-8,
.lp2-item-9,
.lp2-item-10,
.lp3-item-1,
.lp3-item-2,
.lp3-item-3,
.lp3-item-4,
.lp3-item-5,
.lp3-item-6,
.lp3-item-7,
.lp3-item-8,
.lp3-item-9,
.lp3-item-10 {
  float: left;
  position: absolute;
}
.lp1-item-1,
.lp1-item-3,
.lp1-item-5,
.lp1-item-7,
.lp1-item-9,
.lp2-item-1,
.lp2-item-3,
.lp2-item-5,
.lp2-item-7,
.lp2-item-9,
.lp3-item-1,
.lp3-item-3,
.lp3-item-5,
.lp3-item-7,
.lp3-item-9 {
  text-indent: -9999px;
  overflow: hidden;
  width: 1px;
  height: 1px;
}
.lp2-item-2 {
  height: 330px;
  left: 295px;
  top: 240px;
  width: 400px;
}
.lp2-item-2 img {
  height: 330px;
  width: 400px;
}
.lp2-item-4 img,
.lp2-item-6 img,
.lp2-item-8 img,
.lp2-item-10 img {
  width: 330px;
  height: 335px;
}
.lp2-item-4 {
  left: 15px;
  top: 0px;
}
.lp2-item-6 {
  left: 370px;
  top: 0px;
}
.lp2-item-8 {
  left: 15px;
  top: 345px;
}
.lp2-item-10 {
  left: 370px;
  top: 345px;
}
.lp3-item-2 {
  left: 23px;
  top: 215px;
}
.lp3-item-2 img {
  width: 670px;
  height: 360px;
}
.lp3-item-4,
.lp3-item-6,
.lp3-item-8 {
  top: 10px;
}
.lp3-item-4 {
  left: 23px;
}
.lp3-item-6 {
  left: 258px;
}
.lp3-item-8 {
  left: 493px;
}
.lp3-item-4 img,
.lp3-item-6 img,
.lp3-item-8 img {
  width: 200px;
  height: 480px;
}
.lp3-item-10 {
  top: 75px;
  left: 23px;
}
.lp3-item-10 img {
  height: 270px;
  width: 670px;
}
.lp1-item-2 {
  top: 75px;
  left: 320px;
}
.lp1-item-2 img {
  height: 520px;
  width: 380px;
}
.lp1-item-4,
.lp1-item-6,
.lp1-item-8 {
  top: 10px;
}
.lp1-item-4 {
  left: 23px;
}
.lp1-item-6 {
  left: 258px;
}
.lp1-item-8 {
  left: 493px;
}
.lp1-item-4 img,
.lp1-item-6 img,
.lp1-item-8 img {
  width: 200px;
  height: 350px;
}
.lp1-item-10 {
  top: 75px;
  left: 23px;
}
.lp1-item-10 img {
  height: 270px;
  width: 670px;
}

/* LANDING PAGES SEO */

#content .landingpage_seo {
  float: left;
  width: 100%;
}
#content .landingpage_seo h1 {
  margin-top: 30px;
}
#content .landingpage_seo dl {
  float: left;
  width: 100%;
}
#content .landingpage_seo dl dt {
  width: 90%;
  float: left;
}
#content .landingpage_seo dl dt dl {
  width: 100%;
  float: left;
}
#content .landingpage_seo dl dt dl dt {
  width: 25%;
  float: left;
}
#content .landingpage_seo dl dt dl dd {
  width: 25%;
  float: left;
  text-align: left;
}
#content .landingpage_seo dl dd {
  width: 10%;
  float: left;
  text-align: right;
}
#content .landingpage_seo dl dd img {
  max-width: 80%;
}
#content .landingpage_seo .default-box {
  border-bottom: 1px dashed #eaeaea;
  padding-bottom: 15px;
}
#content .landingpage_seo .no-border {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#content .landingpage_seo .no-border h2 {
  font-size: 140%;
}
#content .landingpage_seo .multicolumnbox {
  color: #999;
  font-size: 90%;
  float: left;
  width: 100%;
  padding: 0px;
  margin: 20px 0 0 0;
}
#content .landingpage_seo .multicolumnbox h3 {
  color: #424242;
  font-size: 120%;
  font-weight: bold;
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#content .landingpage_seo .multicolumnbox strong {
  color: #424242;
}
/*
 * LANDINGPAGE ADD ON
 *
 * @author René
 *
 */
#content .landingpage_seo .infoarticle {
  background-image:  url(../img/system/bg_lp_infoarticle.jpg);
  background-repeat: no-repeat;
  background-size: auto;
  box-sizing: border-box;
  float: left;
  width: 100%;
  padding: 15px;
  margin: 15px 0;
  position: relative;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
}

#content .landingpage_seo .infoarticle.bg1,
#content .landingpage_seo .infoarticle.bg5 {
  background-position: left top;
}
#content .landingpage_seo .infoarticle.bg2,
#content .landingpage_seo .infoarticle.bg6 {
  background-position: right bottom;
}
#content .landingpage_seo .infoarticle.bg3,
#content .landingpage_seo .infoarticle.bg7 {
  background-position: center top;
}
#content .landingpage_seo .infoarticle.bg4,
#content .landingpage_seo .infoarticle.bg8 {
  background-position: left center;
}
#content .landingpage_seo .infoarticle h1,
#content .landingpage_seo .infoarticle h2,
#content .box-article.seo-content h2 {
  margin-top: 0;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
}
#content .landingpage_seo .infoarticle>div {
  background-color: rgba(255,255,255,0.95);
  box-sizing: border-box;
  width: 100%;
  padding: 15px;
}
#content .landingpage_seo .infoarticle>div div.infoarticle-content-wrapper {
  box-sizing: border-box;
  position: relative;
  margin-top: 10px;
  float: left;
  column-count: 2;
  column-gap: 15px;
}
#content .seo-content .cat-item-small-contentbox {
  height: 90px;
}
#content .landingpage_seo .infoarticle>div p strong,
#content .landingpage_seo .infoarticle>div li strong,
#content .seo-content .pageinfobox p strong,
#content .seo-content .pageinfobox li strong {
  font-weight: 400;
}
#content .seo_footer_text .landingpage_seo a {
  color: #0C588A;
  text-decoration: none;
}
#content .landingpage_seo .infoarticle>div p {
  font-size: 0.9rem;
  font-family: 'Titillium Web', sans-serif;
  color:#424242;
  line-height: initial;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 10px;
}
#content .landingpage_seo .infoarticle>div ul {
  box-sizing: border-box;
  position: relative;
  margin-top: 0;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
#content .landingpage_seo .infoarticle>div li {
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 100%;
  font-size: 0.9rem;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  list-style-position: inside;
}

#content .landingpage_seo .infoarticle div.offerbox {
  box-sizing: border-box;
  padding: 10px;
  background-color: #f2f6f9;
  border: 1px solid #E7E7E7;
  float: left;
  width: 100%;
}
#content .landingpage_seo .infoarticle div.offerbox dl {
  display: inline-block;
  box-sizing: border-box;
  width:  auto;
  margin-top: 0;
  font-size: 1rem;
}
#content .landingpage_seo .infoarticle div.offerbox dl dt {
  width:  45%;
}
#content .landingpage_seo .infoarticle div.offerbox dl dd {
  text-align: left;
  width: 55%;
  font-family: 'Titillium Web', sans-serif;
}
#content .landingpage_seo .infoarticle:nth-of-type(odd)>div {
  float: left;
}
#content .landingpage_seo .infoarticle:nth-of-type(even)>div {
  float: left;
}
#content .landingpage_seo .prod-item .prod-item-paperbutton .prod-paper-info-pop ul {
  font-size: 0.7rem;
}
#content .landingpage_seo .infoarticle .infoarticle-footer {
  margin-top:  30px;
  float: left;
  position: relative;
}
#content .landingpage_seo .infoarticle .infoarticle-footer a.infoarticle-btn {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  box-sizing: border-box;
  padding: 1px 6px 1px 22px;
  background-color: rgba(28,114,161,1);
  background-image: url(../img/buttons/btn-default.png);
  background-position: left center;
  background-repeat: no-repeat;
  color: #FFF;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#content .landingpage_seo .infoarticle .infoarticle-footer a.infoarticle-btn:hover {
  background-color: rgba(12,88,138,1);
}
.box-article.seo-content {
  font-size: 0.9rem;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
#content .landingpage_seo h1,
#content .box-article.seo-content h1,
#content .box-article.seo-content h2,
#content .box-article.seo-content h3,
#content .box-article.seo-content h3 a,
#content .box-article.seo-content p,
#content .box-article.seo-content .cat-item-large-contentbox .cat-item-large-content h3 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 300 !important;
}
#content .box-article.seo-content p {
  font-size: 0.9rem;
}
#content .seo-content h1,
#content .landingpage_seo h1 {
  margin: .5rem 0;
  font-size: 1.6rem;
}
#content .box-article.seo-content h3 a {
  font-weight: 400 !important;
  font-size: 1rem;
}
#content .box-article.seo-content p.format {
  font-weight: 400 !important;
  font-size: .75rem !important;
}
#content .box-article.seo-content div.pageinfobox {
  margin-bottom: 1rem;
  box-sizing: border-box;
}
#content .box-article.seo-content + .clear-divider {
  display: none;
}
#content .box-article.seo-content div.contentbox-info-information p {
  font-size: .65rem;
  font-weight: 400 !important;
}
#content .box-article.seo-content .prod-item-contentbox .prod-item-content a span {
  font-size: .75rem;
  font-weight: 300 !important;
}
#content .box-article.seo-content .prod-item .prod-item-details {
  width: 105px;
}

/*
 * PRODUCT PAGE REDESIGN
 *
 * @author Benny
 * @author Maxi
 */

#order_item_page_wrapper
{
	margin-top: 20px;
}

/* PRODUCT PAGE IMAGES */

#order_item_page_wrapper .prod-detail-image
{
  float: left !important;
}
#order_item_page_wrapper .prod-detail-image > img
{
	border: 1px solid #eee;
  padding: 0 1px;
}
#order_item_page_wrapper .prod-detail-thumbimages
{
	float: left;
	margin-top: 10px;
}
#order_item_page_wrapper .prod-detail-thumbimages li
{
	width: 42px;
	height: 42px;
	overflow: hidden;
	margin-right: 5px;
	float: left;
	position: relative;
	border: 1px solid #eee;
	margin-bottom: 7px;
  opacity: 0.8;
}

#order_item_page_wrapper .prod-detail-thumbimages li:hover
{
  opacity: 1;
}
	#order_item_page_wrapper .prod-detail-thumbimages li img
	{
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
#order_item_page_wrapper .prod-detail-thumbimages li:last-child
{
	margin-right: 0px;
}

/* PRODUCT PAGE CONTENT */

#order_item_page_wrapper h1,
#order_item_page_wrapper h2
{
  margin: 0px !important;
}
#order_item_page_wrapper .arrow-link {
  background: none;
  font-weight: bold;
}
#order_item_page_wrapper .arrow-link span {
  margin: 0px;
}
#order_item_page_wrapper .arrow-link:hover span {
  margin: 0px;
}
#order_item_page_wrapper .prod-detail-content
{
	float: right !important;
	margin-right: 0px !important;
	padding-bottom: 0px !important;
	width: 63% !important;
}
#order_item_page_wrapper .prod-detail-content p
{
	margin-top: 20px;
}

  #order_item_page_wrapper .prod-detail-content .notice
  {
    background-color: #fff1dc;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
  }

/* PRODUCT PAGE TABS */

#order_item_page_wrapper .prod-detail-content #tab_rebate ul
{
	list-style: none;
}
#order_item_page_wrapper .prod-detail-content #tab_rebate ul li span
{
	color: #999;
	font-size: 85%;
}

#order_item_page_wrapper .prod-detail-content #tab_recommendations ul
{
	list-style: none;
}
#order_item_page_wrapper .prod-detail-content #tab_recommendations ul li span
{
	color: #999;
	font-size: 85%;
}


#order_item_page_wrapper ul.tab_navigation,
#order_item_page_wrapper ul.prod-detail-thumbimages
{
	list-style: none;
}

#order_item_page_wrapper ul.tab_navigation
{
	margin-top: 30px;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #999;
}
	#order_item_page_wrapper ul.tab_navigation li
	{
		float: left;
		margin-bottom: -2px;
		margin-right: 15px;
	}
	#order_item_page_wrapper ul.tab_navigation li:last-child
	{
		margin-right: 0px;
	}
#order_item_page_wrapper ul.tab_navigation li a
{
	text-decoration: none;
	color: #999;
	text-transform: uppercase;
	display: block;
	padding-bottom: 2px;
  font-weight: normal;
}
	#order_item_page_wrapper ul.tab_navigation li a i
	{
		font-size: 1.125em;
	}

#order_item_page_wrapper ul.tab_navigation li.detail-tab-recommendations a:hover {
  color: #1C73A2;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-recommendations.active a
{
  color: #1C73A2;
  border-bottom: 3px solid #1C73A2;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-sample a:hover
{
  color: #424242;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-sample.active a
{
  color: #424242;
  border-bottom: 3px solid #424242;
}

#order_item_page_wrapper ul.tab_navigation li.detail-tab-rebate a:hover
{
  color: #FF9900;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-rebate.active a
{
  color: #FF9900;
  border-bottom: 3px solid #FF9900;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-environment a:hover
{
  color: #238c00;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-environment.active a
{
  color: #238c00;
  border-bottom: 3px solid #238c00;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-downloads a:hover
{
  color: #a00;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-downloads.active a
{
  color: #a00;
  border-bottom: 3px solid #a00;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-share a:hover
{
  color: #3B5998;
}
#order_item_page_wrapper ul.tab_navigation li.detail-tab-share.active a
{
  color: #3B5998;
  border-bottom: 3px solid #3B5998;
}

/* PRODUCT PAGE TAB CONTENT */

#order_item_page_wrapper .tab_content
{
	display: none;
}
#order_item_page_wrapper .tab_content h5
{
  font-weight: normal;
}

#order_item_page_wrapper .tab_content p:first-child,
#order_item_page_wrapper #tab_downloads p#download_sheets_desc
{
  margin-top: 0px;
}

/* TAB RECOMMENDATIONS */

#order_item_page_wrapper #tab_recommendations dl {
  width: 100%;
  float: left;
}
#order_item_page_wrapper #tab_recommendations dl dt {
  width: 10%;
  float: left;
}
#order_item_page_wrapper #tab_recommendations dl dt img {
  max-width: 100%;
}
#order_item_page_wrapper #tab_recommendations dl dd {
  width: 90%;
  float: left;
  padding-left: 10px;
  padding-top: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#order_item_page_wrapper #tab_recommendations dl dd i {
  color: #1C73A2;
}
#order_item_page_wrapper #tab_recommendations dl dd span {
  display: block;
  margin-left: 10px;
  color: #999;
  font-size: 90%;
}

/* TAB ENVIRONMENT */

#order_item_page_wrapper #tab_environment img
{
	margin: 3px 20px 0px 0px;
  float: left;
}
#order_item_page_wrapper #tab_environment a
{
	color: #238c00;
}

#order_item_page_wrapper #tab_environment .environment_content {
  float: left;
  margin-bottom: 10px;
}

/* TAB DOWNLOADS & SAMPLE */

#order_item_page_wrapper #tab_downloads .sbHolder
{
  width: 453px;
  margin: 0px 0 10px 0;
}
#order_item_page_wrapper #tab_downloads .sbOptions{
  width: 453px;
}
#order_item_page_wrapper #tab_downloads .sbSelector {
  width: 431px;
  white-space: nowrap;
}
#order_item_page_wrapper #tab_downloads p {
  margin-bottom: 10px;
}
#order_item_page_wrapper #tab_downloads #download_formats,
#order_item_page_wrapper #tab_downloads #download_sheets
{
  list-style: none;
  float: left;
  width: 100%;
}
#order_item_page_wrapper #tab_downloads #download_formats li
{
  width: 50%;
  float: left;
  margin-bottom: 5px;
}
  #order_item_page_wrapper #tab_downloads #download_formats li a,
  #order_item_page_wrapper #tab_downloads #download_sheets li a,
  #order_item_page_wrapper #tab_sample a
  {
    color: #424242;
    font-weight: normal;
  }
  #order_item_page_wrapper #tab_sample a {
    margin-top: 10px;
    display: block;
    float: left;
  }
    #order_item_page_wrapper #tab_downloads #download_formats li a span,
    #order_item_page_wrapper #tab_downloads #download_sheets li a span,
    #order_item_page_wrapper #tab_sample a span
    {
      height: 30px;
      width: 30px;
      color: #424242;
      text-align: center;
      line-height: 30px;
      background: #eee;
      display: inline-block;
      font-style: normal;
      font-weight: bold;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
    #order_item_page_wrapper #tab_downloads #download_formats li a span
    {
      font-size: 90%;
    }
    #order_item_page_wrapper #tab_downloads #download_formats li a:hover em,
    #order_item_page_wrapper #tab_downloads #download_sheets li a:hover em,
    #order_item_page_wrapper #tab_sample a:hover em
    {
      text-shadow: 0px 0px 0px #424242;
    }
    #order_item_page_wrapper #tab_downloads #download_formats li a em,
    #order_item_page_wrapper #tab_downloads #download_sheets li a em,
    #order_item_page_wrapper #tab_sample a em
    {
      font-style: normal;
      padding-left: 10px;
    }
    #order_item_page_wrapper #tab_downloads #download_formats li a:hover span,
    #order_item_page_wrapper #tab_downloads #download_sheets li a:hover span,
    #order_item_page_wrapper #tab_sample a:hover span
    {
      text-decoration: none;
      color: #FFF;
    }
    #order_item_page_wrapper #tab_downloads #download_sheets li a:hover span.sheet
    {
      background: #a00;
    }
    #order_item_page_wrapper #tab_sample a:hover span {
      background: #424242;
    }
      #order_item_page_wrapper #tab_downloads #download_sheets li a span.sheet i,
      #order_item_page_wrapper #tab_sample a span i
      {
        line-height: 30px;
        font-size: 110%;
      }

    #order_item_page_wrapper #tab_downloads #download_formats li a:hover span.jpg
    {
      background: #5bbdea;
    }
    #order_item_page_wrapper #tab_downloads #download_formats li a:hover span.cdr
    {
      background: #43b507;
    }
    #order_item_page_wrapper #tab_downloads #download_formats li a:hover span.ai
    {
      background: #f5b257;
    }
    #order_item_page_wrapper #tab_downloads #download_formats li a:hover span.id
    {
      background: #d763ae;
    }
    #order_item_page_wrapper #tab_downloads #download_formats li a:hover span.pdf
    {
      background: #a00;
    }

/* PAGE CONTENT CALCULATOR */

#order_item_page_wrapper .wrap
{
	margin: 0px !important;
	padding: 0px;
	width: 100% !important;
}
#order_item_page_wrapper .article-wrap
{
	margin-top: 40px;
	float: left;
	border: 1px solid #ccc;
}
#order_item_page_wrapper #article-inner-wrap
{
	float: left;
}
	#order_item_page_wrapper #article-inner-wrap .wrap
	{
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
    box-sizing: border-box;
	}
	#order_item_page_wrapper .article-wrap h2
	{
		background: #eee;
		border-bottom: 1px solid #ccc;
		padding: 5px 10px;
		font-size: 1.5em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
    box-sizing: border-box;
	}
	#order_item_page_wrapper .article-wrap .calc-box
	{
		border: none;
		background: none;
		padding-bottom: 0px !important;
	}

/* PAGE CONTENT CALCULATOR NAVIGATION */

	#order_item_page_wrapper .article-wrap #calc-nav_wrapper
	{
		margin: 10px 10px 0px 10px;
	}
	#order_item_page_wrapper .article-wrap ul#calc-nav
	{
		border-bottom: 1px solid #ccc;
		margin-bottom: 30px;
	}
		#order_item_page_wrapper .article-wrap ul#calc-nav li
		{
			background: none;
			margin-right: 10px;
		}
			#order_item_page_wrapper .article-wrap ul#calc-nav li a
			{
				background: none;
				color: #999;
				text-transform: uppercase;
        font-weight: normal;
			}
      #order_item_page_wrapper .article-wrap ul#calc-nav li a:hover
      {
        color: #1c73a2;
      }
			#order_item_page_wrapper .article-wrap ul#calc-nav li a.active-tab
			{
				color: #1c73a2;
				border-bottom: 3px solid #1c73a2;
				margin-bottom: -2px;
			}
			#order_item_page_wrapper .article-wrap ul#calc-nav li i
			{
				margin-left: 13px;
				line-height: 24px;
        color: #999;
			}
				#order_item_page_wrapper .article-wrap ul#calc-nav li a span
				{
					margin: 0px;
				}

#order_item_page_wrapper .error-row {
  background-color: #FFBABA;
}

#order_item_page_wrapper .error-row i {
  font-size: 2.875em;
}

/* PAGE CONTENT FORMS */

#order_item_page_wrapper .article-wrap .form-row
{
	margin-bottom: 20px;
}

#order_item_page_wrapper .article-wrap #country-select-row .form-row-formfield .sbHolder
{
  border: 1px solid #1c73a2;
}

#order_item_page_wrapper #calc-box-personalization .form-row-formfield label
{
  float: left;
  display: block;
}

#order_item_page_wrapper .form-row-formfield label ~ i.icon-info
{
  margin-top: 0px;
}

#order_item_page_wrapper .article-wrap .form-row-info-wide,
#order_item_page_wrapper .article-wrap .form-row-hint
{
	width: 540px !important;
	margin-top: 5px;
}
#order_item_page_wrapper .article-wrap input[type="text"],
#order_item_page_wrapper .article-wrap select,
#order_item_page_wrapper .article-wrap textarea
{
	width: 540px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  border-color: #ccc;
  color: #424242;
}

#order_item_page_wrapper .form-row-descr
{
  text-align: left !important;
}

#order_item_page_wrapper .article-wrap .sbHolder
{
	float: left;
}

#order_item_page_wrapper .article-wrap input[type="text"]
{
	padding: 1px 3px;
  margin: 0;
  background: #fff;
  border: 1px solid #ccc;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 24px;
}
#order_item_page_wrapper .article-wrap input[type="text"].error {
  background-color: #FFBABA !important;
}

#order_item_page_wrapper .article-wrap .sbOptions a[rel="119"]
{
 background: #DFF2BF !important;
}

#order_item_page_wrapper .payment_info_add a:hover span,
#order_item_page_wrapper .form-row-info-wide a:hover span {
  text-decoration: none;
}
#order_item_page_wrapper .payment_info_add a span i,
#order_item_page_wrapper .form-row-info-wide a span i {
  margin: 0px;
  background: none;
  padding: 0px 5px 0px 0px;
  height: auto;
  font-size: 12px;
  color: #0C588A;
}

#order_item_page_wrapper .payment_info_add a span i:hover,
#order_item_page_wrapper .form-row-info-wide a span i:hover {
  text-decoration: none;
  background: none;
  color: #0C588A;
}

.order_process_payment em,
#order_item_page_wrapper .payment_info_add em,
#order_item_page_wrapper .form-row-info-wide em {
  font-style: normal;
}

#order_item_page_wrapper .payment_info_add em:hover,
#order_item_page_wrapper .form-row-info-wide em:hover {
  text-decoration: underline;
}

#order_item_page_wrapper #confic-descr3 {
  margin-top: 2px;
}

#order_item_page_wrapper #confic-descr3 a {
  margin-top: 5px;
  display: block;
}

#order_item_page_wrapper .form_column_box .default-row {
  padding: 5px 0px;
}

#order_item_page_wrapper .form_column_box .default-row label {
  color: #424242 !important;
}

#order_item_page_wrapper .form_column_box .default-row label span {
  cursor: pointer !important;
}

#order_item_page_wrapper .form_column_box .default-row label:hover {
  color: #0C588A !important;
}

#order_item_page_wrapper .form_column_box .default-row-divider {
  background-color: #ccc;
}

#order_item_page_wrapper .calc-processing-inner-row input[type="text"] {
  width: auto !important;
  float: none !important;
}
#order_item_page_wrapper .calc-processing-inner-row .sbHolder,
#order_item_page_wrapper .calc-processing-inner-row .sbOptions,
#order_item_page_wrapper .calc-processing-inner-row .sbSelector {
  width: 300px !important;
}
#order_item_page_wrapper ul.sbOptions li.highlight {
  background-color: #C0DFEE;
  background-image: url(../img/system/calc-top-choice.png);
  background-repeat: no-repeat;
  background-size: auto;
  box-sizing: border-box;
  background-position: left 50%;
}
#order_item_page_wrapper .calc-processing-column-calculator .highlighted-box {
  border: 1px solid #ccc !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
#order_item_page_wrapper .calc-processing-column-calculator .highlighted-box .info-box-divider {
  background-color:  #ccc !important;
}

#order_item_page_wrapper input.refresh {
  padding: 1px 20px 2px 3px;
}
#order_item_page_wrapper .w2p-preview-button-wrap input {
  padding: 3px 20px 3px 3px !important;
}
#order_item_page_wrapper .w2p-preview-button-wrap input:hover,
#order_item_page_wrapper input.refresh:hover {
  background-color: #1C73A2;
}

#order_item_page_wrapper .w2p-preview-button-wrap input.refresh {
  background-position: right -144px;
}
#order_item_page_wrapper .w2p-preview-button-wrap input.pdf-preview {
  background-position: right -118px;
}

/* PAGE CONTENT CALCULATOR INFO TOOLTIP */

#order_item_page_wrapper .form-row i,
#order_item_page_wrapper .default-row i
{
	font-size: 10px;
	color: #424242;
	background: #eee;
	padding: 4px 7px;
	display: block;
	margin-left: 9px;
	float: left;
	margin-top: 3px;
  cursor: pointer;
  height: 18px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

#order_item_page_wrapper .default-row i {
  float: right !important;
}

#order_item_page_wrapper .payment_info_add i {
  float: left !important;
}

#order_item_page_wrapper .form-row i:hover,
#order_item_page_wrapper .default-row i:hover
{
  color: #fff;
  background: #424242;
}
#order_item_page_wrapper .form-row i.icon-edit.btn {
  padding: .5em !important;
  float: left !important;
  position: absolute;
  left: 100px;
  top: -10px;
  display: inline-block;
  line-height: 22px;
  padding: .30em 1em !important;
  background-color: #77ABC7;
  width: 120px;
  height: 26px;
  color: #FFF;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
}
#order_item_page_wrapper .form-row i.icon-edit.btn:hover {
  background-color: #1C73A2;
}
#order_item_page_wrapper .form-row i.icon-edit.btn:after {
  content: "Format ändern";
  line-height: 22px;
  padding-left: 5px;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#order_item_page_wrapper .highlight-info {
  padding: 2px 5px;
  margin: 3px 0;
  background: #FFF1DC;
  border: 1px solid #FFE8C6;
  width: 402px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

#order_item_page_wrapper .calc-box .form_column_box .calc-processing-option-box .calc-processing-option-box-note {
  padding: 2px 5px;
  margin: 10px 0;
  background: #FFF1DC;
  border: 1px solid #FFE8C6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: 85%;
  line-height: 115%;
  color: #818181;
  width: 100%;
  border-radius: 0px;
}

#order_item_page_wrapper .calc-box .form_column_box .calc-processing-option-box .calc-processing-option-box-note p {
  margin-bottom: 10px;
  margin-top: 0px;
}
#order_item_page_wrapper .calc-box .form_column_box .calc-processing-option-box .calc-processing-option-box-note p:last-child {
  margin-bottom: 0px;
}

/* PAGE CONTENT CALCULATOR INFO TOOLTIP BOX */

.overlay_headline,
.overlay_content
{
  display: none;
}
#overlay
{
  background: rgba(0,0,0,0.6);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: none;
  z-index: 1000;
}
  #overlay_outer_container
  {
    width: 600px;
    margin: 0px auto;
    background: #fff;
    text-align: left;
    padding: 20px;
  }
    #overlay_inner_container
    {
      max-height: 540px;
      overflow: auto;
      padding-right: 5px;
      font-size: 80%;
    }

    #overlay_close {
      margin-bottom: 20px;
      float: left;
      width: 100%;
      padding-bottom: 20px;
      border-bottom: 1px solid #eee;
    }

      #overlay_close span {
        float: left;
        font-weight: bold;
      }

      #overlay_close i {
        font-size: 10px;
        color: #424242;
        background: #eee;
        padding: 4px 5px;
        cursor: pointer;
        float: right;
      }

      #overlay_close i:hover {
        color: #FFF;
        background-color: #424242;
      }

    #overlay_inner_container ul {
      list-style: none;
    }

    #overlay_inner_container ul li {
      margin-bottom: 30px;
    }
    #overlay_inner_container ul li:last-child {
      margin-bottom: 0px;
    }

    #overlay_inner_container p.title {
      font-weight: bold;
    }

    #overlay_inner_container .calc-processing-option-box dl {
      width: 100%;
      float: left;
    }

    #overlay_inner_container .calc-processing-option-box dt {
      width: 40%;
      float: left;
    }
    #overlay_inner_container .calc-processing-option-box .calc-img-descr {
      font-size: 90%;
    }
    #overlay_inner_container .calc-processing-option-box dd {
      width: 60%;
      float: left;
    }
    #overlay_inner_container .calc-processing-option-box dd ul li {
      margin-bottom: 10px;
    }
    .fileformat_infobox_content_overlay ul {
      margin: 10px 0;
      float: left;
    }
    .fileformat_infobox_content_overlay ul li {
      float: left;
      margin: 0 10px 0 0;
      display: block;
      cursor: default;
      background-color: #eee;
      color: #424242;
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 90%;
    }
    #overlay_inner_container .list-img-float img {
      float: left;
      margin-right: 20px;
    }
    p.formatangabe {
      float: left;
      width: auto !important;
      border-bottom: none;
      padding: .1em;
    }
    #overlay_inner_container .freeformatselection .freeformatbox {
      width: 49%;
      float: left;

    }
    #overlay_inner_container .freeformatselection .freeformatbox .smallinfo {
      font-size: 75%;
      line-height: 80%;
      color: #7A7A7A;
    }
    #overlay_inner_container .freeformatselection .freeformatbox dl  {
      width: 50%;
      float: left;
      display: inline-block;
      margin-top: .5em;
    }
    #overlay_inner_container .freeformatselection .freeformatbox dl:nth-child(2) {
      clear: left;
    }
    #overlay_inner_container .freeformatselection .freeformatbox dl label {
      font-weight: bold;
    }
    #overlay_inner_container .freeformatselection .freeformatbox dl input {
      width: 80%;
      border: 1px solid #3A3A3A;
      padding: .2em .5em;
    }
    #overlay_inner_container .freeformatselection .freeformatbox dl input.error{
      border: 1px solid #AC445A;
      box-shadow: 0px 0px 5px #AC445A;
    }
    #overlay_inner_container .freeformatselection .formatsuggestion {
      width: 47%;
      float: right;
      padding: 1% 1.5%;
      background-color: #F8F8F8;
    }
    select#custom_dimension_recommendation {
      border: 1px solid #3A3A3A;
      padding: .2em .5em;
      width: 100%;
    }

    #overlay_inner_container .freeformatselection .formatsuggestion p#formatsuggestioninfo {
      margin-bottom: .5em;
      color: #7A7A7A;
      font-size: 90%;
      line-height: 110%;
    }
    #overlay_inner_container .freeformatselection .formatsuggestion .sbOptions,
    #overlay_inner_container .freeformatselection .formatsuggestion .sbHolder,
    #overlay_inner_container .freeformatselection .formatsuggestion .sbSelector {
      width: 100% !important;
    }
    #overlay_inner_container .freeformatselection p.editbar {
      float: left;
      width: 100%;
      display: block;
      margin: 1em 0 1em 0;
      padding-top: 1em;
      border-top: 1px solid #eee;
    }
    #overlay_inner_container .freeformatselection a#applyformat,
    #overlay_inner_container .freeformatselection p.editbar a {
      display: inline-block;
      padding: .5em 1em;
      background-color: #7ab865;
      color: #FFFFFF;
	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	transition: all 150ms ease;
    }
    #overlay_inner_container .freeformatselection a#applyformat:before,
    #overlay_inner_container .freeformatselection p.editbar a:before {
      font-family: 'FontAwesome';
      content: "\f046";
      margin-right: 6px;
    }
    #overlay_inner_container .freeformatselection p.editbar a:nth-child(2):before {
      content: "\f00d";
    }
    #overlay_inner_container .freeformatselection a#applyformat:before {
      content: "\f060  \f0c5";
    }
    #overlay_inner_container .freeformatselection p.editbar a:nth-child(2) {
      background-color: #FFC668;
    }
    #overlay_inner_container .freeformatselection p.editbar a:hover {
      background-color: #238C00;
    }
    #overlay_inner_container .freeformatselection p.editbar a:nth-child(2):hover {
      background-color: #FF8D36;
    }
    #overlay_inner_container .freeformatselection a#applyformat {
      margin-top: 1em;
      background-color: #77ABC7;
      font-size: 90%;
      font-weight: normal;
    }
    #overlay_inner_container .freeformatselection a#applyformat:hover {
      margin-top: 1em;
      background-color: #1C73A2;
    }

/* PAGE CONTENT CALCULATOR NAVIGATION FOOTER */

#order_item_page_wrapper .form-navigation-box {
	background-color: #eee;
	padding: 20px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#order_item_page_wrapper .form-navigation-box ul
{
	width: 100%;
	list-style: none;
}

#order_item_page_wrapper .form-navigation-box ul li
{
	float: left;
}
#order_item_page_wrapper .form-navigation-box ul li.form-navigation-prev,
#order_item_page_wrapper .form-navigation-box ul li.form-navigation-next
{
	width: 25%;
}
#order_item_page_wrapper .form-navigation-box ul li.form-navigation-desc
{
	width: 50%;
	line-height: 12px;
	font-size: 12px;
	height: 24px;
}
#order_item_page_wrapper .form-navigation-box ul li.form-navigation-desc p
{
	margin: 0px;
}
#order_item_page_wrapper .form-navigation-prev a,
#order_item_page_wrapper .form-navigation-next a
{
	background-image: none !important;
}

#order_item_page_wrapper .form-navigation-next a span
{
	margin-right: 0px;
  margin-left: 4px;
}
#order_item_page_wrapper .form-navigation-prev a span
{
	margin-left: 0px;
}

#order_item_page_wrapper .form-navigation-prev a:before
{
	content: "\F112";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	color: #fff;
	text-align: center;
	line-height: 24px;
	height: 24px;
	width: 24px;
	outline: none;
}

#order_item_page_wrapper .form-navigation-next a:after
{
	content: "\F064";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	color: #fff;
	text-align: center;
	line-height: 24px;
	height: 24px;
	width: 24px;
	outline: none;
}

/* SIDEBAR PRICE CALCULATION */

#sidebar_item .info-box-head i
{
  float: left;
  line-height: 30px;
  padding-left: 5px;
  font-size: 1.5em;
}
#sidebar_item .info-box-head span
{
  background-image: none;
  padding-left: 0px;
  padding-left: 5px;
}
#sidebar_item .info-box-row
{
  padding: 5px 5px;
}
#sidebar_item .info-box-row.headline
{
  background: #eee;
  font-weight: bold;
  padding: 10px 5px;
  line-height: 1.375em;
}
#sidebar_item .info-box-content
{
  margin-top: 0px;
}
#sidebar_item .info-box-content ul li
{
  margin-bottom: 0px;
  padding-left: 0px;
  background-image: none;
}
#sidebar_item .info-box-content ul li a
{
  color: #666;
  font-weight: normal;
}
#sidebar_item .info-box-descr-col
{
  width: 70%;
  float: left;
}
#sidebar_item .info-box-price-col
{
  width: 30%;
  float: right;
  text-align: right;
}
#sidebar_item .info-box-row.spacing-top
{
	padding-top: 10px;
}
#sidebar_item .info-box-row.spacing-bottom
{
	padding-bottom: 10px;
}
#sidebar_item .info-box-row .highlight
{
  color: #FF9900;
}
#sidebar_item .info-box-row span.disabled {
  font-size: 0.875em;
}
#sidebar_item .info-box-row.border
{
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 10px 5px;
}
#sidebar_item .info-box-row.bottom-border
{
  border-bottom: 1px solid #ccc;
  padding: 10px 5px;
}
#sidebar_item .info-box-row.calc-cost-total
{
  background: #eee;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 5px;
  font-size: 1.25em;
}

#sidebar_item .info-box-row.calc-cost-total .info-box-descr-col {
  width: 60%;
}
#sidebar_item .info-box-row.calc-cost-total .info-box-price-col {
  width: 40%;
}

#sidebar_item #calc-result-box
{
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

/* SIDEBAR CART */

#sidebar_item a#add_cart
{
	display: block;
	color: #fff;
	background: #7ab865;
	height: 30px;
  	line-height: 30px;
	text-align: center;
	font-style: normal;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
	#sidebar_item a#add_cart span:before
	{
    color: #fff;
    content: "\F07A";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 30px;
    outline: none;
    text-align: center;
    text-decoration: inherit;
    font-size: 1.5em;
    margin-right: 10px;
	}

#sidebar_item a#add_cart:hover
{
  background: #238C00;
}
#sidebar_item a#add_cart:hover span
{
  text-decoration: none;
}

/* SIDEBAR CALCULATOR INFO BOX */

#sidebar_item select,
#sidebar_item .sbHolder
{
	width: 231px;
	margin: 5px 0px;
}
#sidebar_item .sbSelector
{
	width: 208px;
  white-space: nowrap;
}
#sidebar_item .sbOptions
{
  width: 231px;
}
#sidebar_item #calc-info-box
{
  margin-bottom: 20px;
}
#sidebar_item #calc-info-box p
{
	line-height: 1.75em;
}

/* SIDEBAR SERVICE AND HELP */

#sidebar_item #service-help p
{
  margin-top: 10px;
  line-height: 1.5em;
}
#sheet_holder
{
	display: none;
}

#sidebar_item #sheet_download {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}
#sidebar_item #sheet_download a {
  width: 100%;
  display: block;
  background-color: #eee;
  line-height: 30px;
  height: 30px;
  text-align: center;
  margin-top: 7px;
  text-transform: uppercase;
  color: #424242;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#sidebar_item #sheet_download a:before {
  content: "\F15B";
  display: inline-block;
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  outline: none;
  text-align: center;
  text-decoration: inherit;
  font-size: 1.5em;
  margin-right: 10px;
}
#sidebar_item #sheet_download a:hover {
  background-color: #a00;
  color: #FFF;
}

#sidebar_item #service-help p.hotline
{
	font-size: 1.25em;
	font-weight: bold;
  margin-top: 0px !important;
}
#sidebar_item #service-help p.hotline:before
{
	content: "\F098";
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: normal;
	line-height: 24px;
	outline: none;
	text-align: center;
	text-decoration: inherit;
	font-size: 1em;
	margin-right: 5px;
}
#sidebar_item #service-help p.opening_times
{
  margin-top: 0px !important;
  line-height: 1em;
}

.clear
{
	clear: both;
}



/* AffiliPrint Voucher as a Service */
div#vaas_title {
    display: none;
}

/* TEASER TOOLTIP */

.tooltip-wrapper {
position:relative;
height:200px; /* height of image map */
width:234px; /* width of image map */
background:url(../img/teaser/teaser-small-2014-01_valentinstag.jpg);
}

/* THANK YOU PAGE */

.thankyou_full {
  width: 100%;
  border: 1px solid #CCC;
  background-color: #ECECE7;
  overflow: hidden;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.thankyou_full dt {
  width: 230px;
  display: block;
  float: left;
  background-color: #ECECE7;
  text-align: center;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.thankyou_full dd {
  margin-left: 230px;
  display: block;
  overflow: hidden;
  padding: 10px;
  border-left: 1px solid #CCC;
  background-color: #F8F8F8;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.thankyou_full dd h4, .thankyou_third dd h4 {
  border-bottom: 1px solid #CCC;
  margin-top: 0px !important;
}

.thankyou_full dd #btnProtect {
  float: right;
  padding: 0 14px 0 5px;
}

.thankyou_full dd #btnProtect:hover, .thankyou_third dd .btn_thankyou:hover {
  background-color: #0C588A;
  border: 1px solid #0C588A;
  text-decoration: none;
}

.thankyou_third {
  width: 230px !important;
  border: 1px solid #CCC;
  margin-right: 15px;
  overflow: hidden;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.last_third {
  margin-right: 0;
}

.thankyou_third dt {
  width: 100%;
  display: block;
  border-bottom: 1px solid #CCC;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.thankyou_third dd {
  background-color: #F8F8F8;
  padding: 10px;
  overflow: hidden;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.thankyou_third dd p {
  margin: 5px 0 20px 0 !important;
}

.btn_thankyou {
  background-image: url(../img/system/buttons.png);
  background-repeat: no-repeat;
  background-position: right -120px;
  background-color: #77ABC7;
  float: right;
  padding: 0 14px 0 5px;
  border: 1px solid #77ABC7;
  color: #FFF;
  cursor: pointer;
}

a:hover {
visibility:visible; /* Fixes IE6 Bug */
}
.tooltip-info {
position:absolute;
bottom:2px;
left:2px;
height:25px;
width:170px;
text-decoration:none;
color:#000;
}
.tooltip-info span {
position:absolute;
left:-999em;
z-index: 100;
text-decoration: none !important;
font-weight: normal;
font-size: 85%;
}
.tooltip-info:hover span, .tooltip-info:focus span {
left:40px;
top:-60px;
width:400px;
padding:10px;
border:1px solid #999;
background:#FFF;
-webkit-box-shadow:0 0 15px #A5C8DA;
  -moz-box-shadow: 0 0 15px #A5C8DA;
  box-shadow:0 0 15px #A5C8DA;
}

.custom-Headline {
  margin-bottom: 20px;
  background-color: #EEE;
  margin-top: 0px !important;
  border-bottom: 1px solid #E4E4E4;
}

.custom-Headline span {
  padding-left: 10px;
  font-size: 80%;
}

.custom-Form {
  padding:10px;
}

.custom-Form .default-row {
  margin-bottom: 10px;
}

/* MATRIX */

.matrix-container {
  width: 540px
}

.matrix-container label{
  background-color: #fff;
  border: solid 1px #ccc;
  font-size: 12px;
  font-weight: normal;
  height: 24px;
  line-height: 22px;
  padding-left: 5px;
  position: relative;
  width: 540px;
  outline: none;
  display: block;
  cursor: pointer;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.matrix-container input:checked + label:after,
.matrix-container input:checked + label:after:hover{
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.matrix-container label:after,
.matrix-container label:hover:after {
  content: "\F04B";
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  font-size: 0.75em;
  display: inline-block;
  text-decoration: inherit;
  color: #fff;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  text-align: center;
  background: #1c73a2;
  line-height: 22px;
  height: 22px;
  width: 22px;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}

.matrix-container input{
  display: none;
}

.matrix-container .matrix-dropdown {
  max-height: 0;
  border-top: none;
  background-color: #fff;
  margin-top: -1px;
  overflow: hidden;
  position: relative;
  /*transition*/
  -webkit-transition:height 0.1s ease-in-out;
  -moz-transition:height 0.1s ease-in-out;
  -o-transition:height 0.1s ease-in-out;
  transition:height 0.1s ease-in-out;
}

.matrix-table-wrapper {
  width:538px;
  height: 230px;
  overflow-x:hidden;
  overflow-y:scroll;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

.table-matrix, .table-matrix td, .table-matrix th {
  border-collapse: collapse;
}

.table-matrix {
  width:521px;
  font-size: 90%;
  text-align: center;
}

.table-matrix thead tr {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  border: 1px solid #CCC;
}

.table-matrix thead tr th {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  line-height: 14px;
  height: 24px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
  background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}

.table-matrix tbody tr {
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}

.table-matrix tbody tr:nth-child(2n+2) {
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
  background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}

.table-matrix tbody tr:last-child td p {
  border-bottom: none !important;
}

.table-matrix tbody tr td {
  height: 24px;
  line-height: 24px;
}

.table-matrix tbody tr td:first-child {
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
  background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  width: 75px;
  text-align: center;
}

.table-matrix tbody tr td:first-child p:hover {
  cursor: default;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
  background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
  color: #424242;
}

.table-matrix tbody tr td:first-child p  {
  border-left: none;
  border-top: 1px solid #f5f5f5;
  border-bottom:1px solid #d5d5d5;
  text-align: center;
}

.table-matrix tbody tr td:last-child {
  border-right: 1px solid #CCC;
}

.table-matrix tbody tr td p  {
  padding: 0 5px;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  border-top: 1px solid #ffffff;
  border-bottom:1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  text-align: right;
}

.table-matrix tbody tr td p:hover {
  background-color: #1C73A2;
  color: #FFF;
  cursor: pointer;
}

.matrix-production-time-d,
.matrix-production-time-o,
.matrix-production-time-p,
.matrix-production-time-x {
  float: right;
  display: inline-block;
  line-height: 12px;
  margin-top: 3px;
  text-align: center;
  color: #FFF;
  margin-right: 2px;
  margin-left: 10px;
  border: 1px solid #FFF;
  padding: 2px 5px;
  font-size: 85%;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.matrix-production-time-d {
  background-color: #1C73A2;
}

.matrix-production-time-o {
  background-color: #AAC5D6;
}

.matrix-production-time-p {
  background-color: gray;
}

.matrix-production-time-x {
  background-color: #fff;
  border: 1px solid #000 !important;
  color: #000 !important;
  padding: 2px 4px;
}

.matrix-table-wrapper-width {
  width: 521px !important;
  z-index: 0 !important;
}

.matrix-table-wrapper::-webkit-scrollbar {
    width: 15px;
    border-right: 1px solid #CCC;
}

.matrix-table-wrapper::-webkit-scrollbar-track {
    background: rgba(255,255,255,1);
    border-radius: 0px;
}

.matrix-table-wrapper::-webkit-scrollbar-thumb {
    border-radius: 0px;
    border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    background: rgba(28,115,162,1);
}

.matrix-dropdown .matrix-table-information {
  font-size: 85%;
  padding: 5px 0;
  height: 16px;
}

.matrix-dropdown .matrix-table-information ul {
  list-style: none;
  float: right;
}

.matrix-dropdown .matrix-table-information ul li {
  float: left;
  margin-left: 10px;
}

.matrix-dropdown .matrix-table-information ul li span {
  height: 14px;
  line-height: 10px;
  text-align: center;
  color: #FFF;
  margin: 0 5px 0 0;
  display: inline-block;
  border: none;
  float: left;
}

/* MODAL WINDOW */

#order_item_page_wrapper .form-row i.md-trigger {
  background: none;
  float: right;
  margin: 5px 30px 0 0;
  padding: 0;
  font-style: normal;
  font-size: 85%;
  color: #0C588A;
  font-weight: bold;
}

#order_item_page_wrapper .form-row i.md-trigger:hover {
  text-decoration: underline;
  color: #0C588A;
}

/* KALKULATOR LOADING ANIMATION */

#calculator-loading-animation,
#order-loading-animation {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

#calculator-loading-animation i,
#order-loading-animation i {
  font-size: 2rem;
  position: fixed;
  margin-left: -2rem;
  margin-top: -2rem;
  top: 50%;
  left: 50%;
  color: #1C73A2;
}

#calculator-loading-animation:before,
#order-loading-animation:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
}

#order-reorder {
   float: right;
   margin-top: 35px;
}

.order-reorder-list .orderitem-row{
  margin-top: 5px;
  margin-bottom: 5px;
}

#content div.extended-form-field input[type="text"].quantity {
  width: 20%;
}

.shadr-edit .quantity {
  width: 40%;
}

.shadr-edit select {
  width: 100%;
}

#content #box_delivery_adresses div.addressbook {
  padding: 0;
}

#split_shipping [id^=cart-item_shipment] {
  margin-bottom: 15px;
}

.info-box-content.sidebarreferences {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}

#google_translate_element {

}
.goog-te-gadget-simple {
  margin-top: 4px;
  margin-left: 25px;
  border: 1px solid #DDD !important;
}
img.goog-te-gadget-icon {
  margin-left: -25px !important;
  margin-right: 8px !important;
}
a.goog-te-menu-value span:first-of-type {
  font-size: 85% !important;
  color:#424242 !important;
}
a.goog-te-menu-value span:last-of-type {
  color:#0C588A !important;
}

#editor_save_text {
	background: #e5ecf0;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding: 1em 1em 1em 4em;
  position: relative;
}
#editor_save_text::before {
	content: "\f129";
	font-family: "FontAwesome";
	font-size: 200%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 2em;
}

input[name="template2load"] {
  display: none;
}

input[name="template2load"] + img {
  border: 1px solid transparent;
  margin: 1em 0 0 1em;
  transition: all .3s ease-out;
}

input[name="template2load"] + img:hover {
  cursor: pointer;
  border: 1px solid #EAEAEA;
}
#editor_preview img,
input[name="template2load"]:checked + img {
  border: 1px solid #6D9BB9;
  box-shadow: 0 0 15px #A5C8DA;
}

#order_item_page_wrapper #editor_pick_template.highlight-info {
  display: none;
  width: 100%;
  margin-top: 10px;
}

.editor_buttons,
#editor_preview,
#web2print_templates_header {
  margin-top: 10px;
}

#web2print_templates_header {
  font-size: 115%;
}

#content .editor_buttons input[type="button"] {
  background-color: #77ABC7;
  border: 2px solid #77ABC7;
  color: #FFF;
  height: 24px;
  cursor: pointer;
  padding-left: 5px;
}

#content .editor_buttons input[type="button"]:hover {
  background-color: #1C73A2;
  border: 2px solid #1C73A2;
}
div#web2print_templates label img {
  margin-bottom: 1rem;
}
div#web2print_legend {
  box-sizing: border-box;
  padding: 2px 0;
  /*border: 1px solid #eaeaea;*/
  font-size: 0.75rem;
  margin: .5rem 0;
  color: #999;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-top: 1rem;
}

#content div.multicolumnbox.home div.onethirdcolumn {
  display: none !important;
}
#content div.multicolumnbox.home div.twothirdcolumn {
  float: left;
  width: 717px;
  background: #FFF;
  border: 1px solid #CCC;
  margin-right: 0;
  height: 200px;
  /*overflow: hidden;*/
  overflow: visible;
}
#content div.multicolumnbox.home .theme-default .nivo-controlNav {
  display: none;
}
#content div.multicolumnbox.home .theme-default .nivo-directionNav a {
  bottom: 80px;
}
#content div.multicolumnbox.home .large-teaser .teaser-content {
  height: 180px;
  width: 700px;
}
#content .box-article.datenschutz ul {
  list-style-position: outside;
  box-sizing: border-box;
  clear: left;
  position: relative;
}
#content .box-article.datenschutz li {
  margin-left: 20px;
  position: relative;
}

.obility_feature .sbOptions {
  overflow-y: hidden;
  white-space: nowrap;
}
.obility_feature .sbOptions li {
  overflow-y: hidden;
  white-space: nowrap;
}
.obility_feature .sbOptions li {
  display: inline-block;
}
.obility_feature .sbOptions li a {
  padding: 5px;
  text-align: center;
}
.obility_feature .sbOptions li a:before {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 80px;
  width: 110px;
  margin-bottom: 5px;
}
#obilityPreview {
  background: #f4f4f4;
  border: 1px solid #ccc;
  box-sizing: border-box;
  color: #424242;
  float: left;
  margin-left: 18%;
  position: relative;
  width: 540px !important;
}
#obilityPreview .selectedPage {
  border-right: 1px solid #ccc;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  width: 60%;
}
#obilityPreview .selectedPage img {
  margin-top: .2em;
}
#obilityPreview .selectedPage > img {
  max-width: 100%;
  max-height: 320px;
  cursor: zoom-in;
}
#obilityPreview .selectedPage > div {
  background: #eee;
  border-top: 1px solid #ccc;
  width: 100%;
  min-height: 18px;
}
#obilityPreview .selectedPage .icon-info {
  background: #ccc;
  float: right;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#obilityPreview .otherPages {
  position: absolute;
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 40%;
  max-height: 100%;
  text-align: center;
}
#obilityPreview .otherPages > div {
  display: inline-block;
  width: 45%;
  text-align: center;
  margin: 1%;
  padding: 2%;
  box-sizing: border-box;
  cursor: pointer;
}
#obilityPreview .otherPages > div img {
  max-width: 100%;
}
#obilityPreview .otherPages > div.active,
#obilityPreview .otherPages > div:hover {
  background: #eee;
  color: #1c73a2;
  text-shadow: 0px 0px 0px #1c73a2;
}
.editor_buttons {
  float: left;
  margin-left: 18%;
}

.layout-form-newsletter input[type="text"], .contact-form input[type="text"],
.layout-form-newsletter input[type="email"], .contact-form input[type="email"],
.layout-form-newsletter input[type="tel"], .contact-form input[type="tel"],
.layout-form-newsletter input[type="url"], .contact-form input[type="url"],
.layout-form-newsletter select, .contact-form select,
.layout-form-newsletter textarea, .contact-form textarea,
.layout-form-newsletter button[type="submit"], .contact-form button[type="submit"] {
   font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
 }

.layout-form-newsletter, .contact-form {
   padding: 25px;
 }

 .info-text {
   display: block;
   margin-bottom: 40px;
 }

 .info-text h3 {
   border-bottom: 1px solid #ddd;
 }

.layout-form-newsletter fieldset, .contact-form fieldset {
   border: medium none !important;
   margin: 0 0 10px;
   margin-bottom: 1.5rem;
   min-width: 100%;
   padding: 0;
   width: 100%;
   position: relative;
 }

 .contact-form input[type="text"],
 .contact-form input[type="email"],
 .contact-form input[type="tel"],
 .contact-form input[type="url"],
 .contact-form input[type="file"] ~ span,
 .contact-form select,
 .contact-form textarea {
   width: 98%;
   border: 1px solid #ccc;
   background: #FFF;
   margin: 0 0 5px;
   padding: 10px 0px;
   padding-left: 10px;
 }

.layout-form-newsletter select, .contact-form select {
   width: 100%
 }

 .contact-form input[type="file"] {
   height: 0;
   border: none !important;
   float: right;
 }

 .contact-form input[type="file"] ~ span {
  cursor: text;
  display: block;
 }

 .contact-form input[type="file"] ~ span:empty:after {
  content: attr(data-placeholder);
 }

 .contact-form input[type="file"] ~ span:not(:empty) ~ .icon-remove-sign {
   cursor: pointer;
   display: block !important;
   margin-top: 2px;
   opacity: .4;
   padding: 10px;
   position: absolute;
   right: 0;
   top: 0;
  }

  .contact-form input[type="file"] ~ span:not(:empty) ~ .icon-remove-sign:hover {
    opacity: .8;
  }

 .contact-form #privacy_policy_checkbox {
   position: absolute;
   opacity: 0;
   z-index: -1;
 }

 .contact-form label[for="privacy_policy_checkbox"]::before {
	content: "\2713";
	border: 1px solid #ccc;
	height: 1rem;
	width: 1rem;
	display: inline-block;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1rem;
	background: white;
	color: transparent;
	vertical-align: bottom;
 }

 .contact-form label[for="privacy_policy_checkbox"]:hover::before,
 .contact-form #privacy_policy_checkbox:focus + label[for="privacy_policy_checkbox"]::before {
	color: #ccc;
	border-color: #aaaaaa;
 }

 .contact-form #privacy_policy_checkbox:checked + label[for="privacy_policy_checkbox"]::before {
   color: #424242;
 }

 .contact-form #privacy_policy_checkbox.required-input:not(:valid) + label[for="privacy_policy_checkbox"]::before {
   box-shadow: 0 0 2px 1px red
 }

 .contact-form .contact-form-required {
   box-shadow: 0px 0px 2px 1px blue;
 }

.contact-form .contact-form-required {
   box-shadow: 0px 0px 2px 1px blue;
 }

 .contact-form input[type="file"] {
   height: 0;
   border: none !important;
   float: right;
 }

 .contact-form input[type="file"] ~ span {
  cursor: text;
  display: block;
 }

 .contact-form input[type="file"] ~ span:empty:after {
  content: attr(data-placeholder);
 }

 .contact-form input[type="file"] ~ span:not(:empty) ~ .icon-remove-sign {
   cursor: pointer;
   display: block !important;
   margin-top: 2px;
   opacity: .4;
   padding: 10px;
   position: absolute;
   right: 0;
   top: 0;
  }

  .contact-form input[type="file"] ~ span:not(:empty) ~ .icon-remove-sign:hover {
    opacity: .8;
  }

 .contact-form #privacy_policy_checkbox {
   position: absolute;
   opacity: 0;
   z-index: -1;
 }

 .contact-form label[for="privacy_policy_checkbox"]::before {
	content: "\2713";
	border: 1px solid #ccc;
	height: 1rem;
	width: 1rem;
	display: inline-block;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1rem;
	background: white;
	color: transparent;
	vertical-align: bottom;
 }

 .contact-form label[for="privacy_policy_checkbox"]:hover::before,
 .contact-form #privacy_policy_checkbox:focus + label[for="privacy_policy_checkbox"]::before {
	color: #ccc;
	border-color: #aaaaaa;
 }

 .contact-form #privacy_policy_checkbox:checked + label[for="privacy_policy_checkbox"]::before {
   color: #424242;
 }

 .contact-form #privacy_policy_checkbox.required-input:not(:valid) + label[for="privacy_policy_checkbox"]::before {
   box-shadow: 0 0 2px 1px red
 }

 .contact-form .contact-form-required {
   box-shadow: 0px 0px 2px 1px blue;
 }

 .contact-form input[type="text"]:focus,
 .contact-form input[type="email"]:focus,
 .contact-form input[type="tel"]:focus,
 .contact-form input[type="url"]:focus,
 .contact-form input[type="file"]:focus ~ span,
 .contact-form select:focus,
 .contact-form textarea:focus {
   border: 1px solid #aaa;
   box-shadow: none;
 }

.layout-form-newsletter textarea, .contact-form textarea {
   height: 100px;
   max-width: 100%;
   resize: none;
 }

.layout-form-newsletter button[type="submit"], .contact-form button[type="submit"] {
   cursor: pointer;
   width: 100%;
   border: none;
   background: #77ABC7;
   color: #FFF;
   margin: 0 0 5px;
   padding: 10px;
   font-size: 15px;
 }

.layout-form-newsletter button[type="submit"]:hover, .contact-form button[type="submit"]:hover {
   background: #1C73A2;
   -webkit-transition: background 0.3s ease-in-out;
   -moz-transition: background 0.3s ease-in-out;
   transition: background-color 0.3s ease-in-out;
 }

.layout-form-newsletter button[type="submit"]:active, .contact-form button[type="submit"]:active {
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
 }

.layout-form-newsletter input:focus, .contact-form input:focus,
.layout-form-newsletter textarea:focus, .contact-form textarea:focus {
   outline: 0;
   border: 1px solid #aaa;
 }

.layout-form-newsletter .form-label, .contact-form .form-label {
   position: absolute;
   top: 0;
   padding: 13px 0 0 13px;
   transition: all 200ms;
   opacity: 0.5;
   left: 0;
 }

.newsletter-form-input:focus+.form-label, .contact-form-input:focus+.form-label,
.newsletter-form-input:not([value=""])+.form-label, .contact-form-input:not([value=""])+.form-label {
   transform: translateX(0%) translateY(-100%);
   opacity: 1;
   padding: 0px;
   padding-bottom: 1px;
 }

 .contact-form-back-button {
   cursor: pointer;
   border: none;
   background: #77ABC7;
   color: #FFF;
   margin: 0px 25px;
   font-size: 15px;
   padding: 10px;
   display: block;
   float: right;
 }

 .request-navigation-buttons {
   position: relative;
   left: 50%;
   cursor: pointer;
   margin-right: -50%;
   transform: translate(-50%);
   width: 50%;
   border: none;
   background: #77ABC7;
   color: #FFF;
   padding: 10px;
   margin: 20px 0px;
   font-size: 15px;
   display: block;
 }

 .request-navigation-buttons:hover,
 .contact-form-back-button:hover {
   background: #1C73A2;
   -webkit-transition: background 0.3s ease-in-out;
   -moz-transition: background 0.3s ease-in-out;
   transition: background-color 0.3s ease-in-out;
 }

 .contact-form .contact-tooltip,
 .contact-form .contact-tooltip-postcode {
   display: none;
   top: -5px;
   left: 0;
   background-color: #E5ECF0;
   border: 1px solid #E4E4E4;
   z-index: 1;
   position: relative;
   height: 100%;
   overflow: hidden;
   width: 99.5%;
 }

.contact-form .contact-tooltip-postcode {
   top: -3px;
 }

.contact-form .contact-tooltip ul,
.contact-form .contact-tooltip-postcode ul {
   padding: 10px;
 }

.contact-form .contact-tooltip ul li,
.contact-form .contact-tooltip-postcode ul li {
   margin-left: 4em;
   line-height: 2em;
   list-style-type: none;
 }

.contact-form .contact-tooltip .icon-container,
.contact-form .contact-tooltip-postcode .icon-container {
   background: lightgray;
   display: inline-block;
   width: 6%;
   position: absolute;
   top: 0;
   bottom: 0;
 }

.contact-form .contact-tooltip .icon-container i,
.contact-form .contact-tooltip-postcode .icon-container i {
   font-size: 1.5rem;
   vertical-align: middle;
   position: absolute;
   top: 50%;
   transform: translateX(-50%) translateY(-50%);
   left: 50%;
 }

.layout-form-newsletter input.required-input, .contact-form input.required-input,
.layout-form-newsletter select.required-input, .contact-form select.required-input {
   box-shadow: 0 0 2px 1px red
 }

.contact-form .form-label.label-select-dropdown {
   pointer-events: none;
 }

 #order_process_form,
 #FormAddressbook {
   padding: 0px !important;
}
.contact-form #box_delivery_adresses div.addressbook div.highlighted-box div.wrap,
.contact-form div#addresscomplex div.highlighted-box div.wrap {
   padding-top: 25px;
}
.calculator-print-paper .sbOptions .sbSub {
  padding-left: 50px !important;
}

.choose-files input[type="file"] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.choose-files {
  cursor: pointer;
	background-color: #77ABC7;
  background-repeat: no-repeat;
  padding: 10px;
  text-align: center;
  margin: auto 0;
  float: left;
  color: #FFF;
}
.choose-files:hover {
	background-position: 10px -95px;
  background-color: #1C73A2;
  color: #FFF;
}
.choose-files:active {
	position:relative;
	top:1px;
}
.file-preview {
  border: 1px solid #6D9BB9;
  box-shadow: 0 0 15px #A5C8DA;
  width: 80px;
  height: 80px;
}
.delete-file {
  cursor: pointer;
  color: red;
}
#content .uploaditem-row .upload-form-options .sbHolder {
  margin-top: 8px;
  width: 100%;
}
#content .uploaditem-row .upload-form-options .sbOptions {
  width: 100%;
}
#content .default-row .upload-form-element {
  padding: 8px; /* padding: 8px 8px 8px 8px */
}
#content .default-row .upload-form-preview {
  float: left;
  width: 12%;
}
#content .default-row .upload-form-options {
  float: left;
  width: 65%;
}
#content .default-row .upload-form-filesize {
  float: left;
  width: 10%;
}
#content .default-row .upload-form-actions {
  float:left;
}

#newsletter-hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 1.5em 3em;
  padding: 0;
  float: left;
  width: 95%;
}
.printdataswitch {
  display: inline-block;
  cursor: pointer;
}
.printdataswitch input[type="radio"],
.printdatacontainer > div {
  display: none;
}
.printdataswitch input[type="radio"] + div {
  border: 1px solid #9d9d9d;
  color: #9d9d9d;
  width: 11rem;
}
.printdataswitch input[type="radio"] + div .printdataicon {
  line-height: 3rem;
  font-size: 1.8rem;
  background: #eeeeee;
  display: inline-block;
  width: 3rem;
  text-align: center;
  vertical-align: middle;
}
.printdataswitch input[type="radio"] + div .printdataicon span {
  line-height: 3rem;
}
.printdataswitch input[type="radio"] + div .printdatadesc {
  display: inline-block;
  font-family: sans-serif;
  width: 7rem;
  vertical-align: middle;
  text-transform: uppercase;
}

.printdataswitch:hover input[type="radio"]:not(:checked) + div {
  opacity: .5;
}

.printdataswitch input[type="radio"]:checked + div,
.printdataswitch:hover input[type="radio"]:not(:checked) + div {
  border-color: #1c73a2;
  color: #1c73a2;
}
.printdataswitch input[type="radio"]:checked + div .printdataicon,
.printdataswitch:hover input[type="radio"]:not(:checked) + div .printdataicon {
  background: #77abc7;
  color: #fff;
}
#content p.ipt-info-text {
  width: 94.4%;
}

.faq-list, .faq-list li {
    float: none;
    margin-left: 10px;
}

.faq-list li {
    background-image: none !important;
}

.faq-list > li {
    list-style-type: decimal !important;
}

.faq-list li > ul {
    margin-top: 10px;
    padding-bottom: 20px;
}

.faq-list li > ul > li {
    list-style-type: circle !important;
}

.faq-list li > ul > li a {
    font-weight: normal !important;
    font-size: 15px;
}

.faq-list > li > b a {
    font-size: 15px;
}

#faq-text-body h2, #faq-text-body h3 {
    border: none !important;
}

#faq-text-body p {
    font-size: 15px;
}

#faq-text-body article ul {
    margin: 10px 0px;
    list-style: none;
}

#faq-text-body article ul li {
    margin-left: 20px;
    list-style: none;
}

#faq-text-body article {
    padding: 20px;
}

#faq-text-body article h3 {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold;
}

#faq-text-body section h2 {
    margin: 0 !important;
    padding: 0 !important;
}

#faq-text-body section {
    padding: 1em;
}

.totop {
    display: none;
    text-align: right;
    padding-top: 2em;
}

article:target .totop {
    display: block;
}

#faq-text-body section {
    padding: 1em;
}

.faq tfoot {
    font-size: 10px;
}

#content .how-to-order p {
    float: none;
    font-size: 15px;
    margin: 1rem 0 1.5rem 0;
}

#content .how-to-order .help-image-container {
    margin-bottom: 1.5rem;
    margin-top: 2.5rem;
    position: relative;
    max-width: 100%;
}

#content .how-to-order .help-image-container img {
    border: 1px solid lightgrey;
    max-width: 100%;
}

#content .how-to-order .help-image-container .circle {
    background-color: #1c73a2;
    border-radius: 1rem;
    color: white;
    cursor: default;
    font-size: 1rem;
    font-weight: bold;
    height: 1.5rem;
    line-height: 1.375rem;
    text-align: center;
    position: absolute;
    width: 1.5rem;
}

#content .knowledge-content * {
  hyphens: auto;
  text-align: justify;
  font-family: 'Titillium Web', sans-serif;
  line-height: 1.5;
  float: none;
}

#content .knowledge-content h1,
#content .knowledge-content h2,
#content .knowledge-content h3,
#content .knowledge-content h4,
#content .knowledge-content h5,
#content .knowledge-content h6 {
    text-align: left;
}

#content .knowledge-content.main-content p {
  font-size: 14px;
}

#content .knowledge-content table * {
  hyphens: none;
  text-align: left;
}

#content .knowledge-content p, #content .knowledge-content ul, #content .knowledge-content table {
  font-size: 15px;
}

#content .knowledge-content ul {
  list-style-position: inside;
}

#back-to-top {
  display: none;
  margin-left: 110%;
  width: 17%;
  position: sticky;
  bottom: 20px;
  right: 30%;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #5185A1;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  font-size: 18px;
  color: #FFF;
}

#back-to-top:hover {
  background-color: #1C73A2;
}

.obility-warning {
  color: #ff9900;
}

.obility-warning:before {
  content: "\f071";
  font-family: "FontAwesome";
  padding-right: .2em;
}

.obility-warning span {
  font-weight: bold;
}

.font-family-titillium * {
  font-family: 'Titillium Web', sans-serif;
}

.font-family-titillium .pageinfobox {
    font-size: 15px;
}

 #content .knowledge-content #content-navigation {
  font-size: 140%;
  font-weight: bold;
  margin: 0;
}

 #content .knowledge-content #lexikon div h2:first-child {
   margin-top: 0rem;
 }

 #content .knowledge-content #lexikon > div {
   padding: 1rem;
 }

 #content .knowledge-content #lexikon div h2 {
   font-weight: bold;
 }

 #content .knowledge-content #lexikon #content-navigation a {
   color: deepskyblue;
 }
 #content .knowledge-content #lexikon #content-navigation a:hover {
   text-decoration: underline;
 }

 #content .knowledge-content #lexikon #content-navigation a.disabled {
   color: black;
   cursor: default;
 }

 #content .knowledge-content #lexikon #content-navigation a.disabled:hover {
   text-decoration: none;
 }

.download_formats {
  list-style: none;
  padding: 20px 0px;
  float: left;
}

.download_formats span {
  display: none;
}

[id^="prod-cat-"]:before {
  content: attr(data-catname);
  top: 0.4375rem;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}