/* Reset - Default */
html, body, div, p, ul, li, h1, h2, h3, h4, a, th, td, form, fieldset, legend, dl, dt, dd, label, label.styled, button, img, input, select, option, textarea {
margin: 0;
padding: 0;
border: none;
outline: none !important;
font-family: Helvetica, Arial, sans-serif;
}
html {
width: 100%;
height: 100%;
font-size: 100%;
font-style: normal;
font-weight: normal;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
width: 100%;
height: 100%;
color: #898989;
font-style: normal;
font-weight: normal;
-webkit-text-size-adjust: 100%;
font: 87.5%/20px Helvetica, Arial, sans-serif;
}
h1 {
font-size: 28px;
font-weight: bold;
}
h2 {
font-size: 20px;
font-weight: bold;
}
h3 {
font-size: 18px;
font-weight: bold;
}
h4 {
font-size: 16px;
font-weight: bold;
}
a {
color: #fd7f0e;
cursor: pointer;
text-decoration: none;
}
ul {
list-style-type: none;
list-style-position: inside;
}
li {
margin: 0;
padding: 0;
border: none;
display: list-item;
list-style-type: none;
list-style-position: outside;
}
legend {
box-shadow: none;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background-color: transparent;
}
input {
font-size: 13px;
line-height: 15px;
font-family: Helvetica, Arial, sans-serif !important;
}
input[type=text],
input[type=password] {
border: 1px solid #ffffff;
}
input[readonly],
input[readonly="readonly"] {
color: #e7e7e7 !important;
background-color: #ffffff;
}
textarea {
resize: none;
font-size: 13px;
overflow-x: hidden;
border: 1px solid #ffffff;
font-family: Helvetica, Arial, sans-serif !important;
}
button {
font-size: 14px;
font-family: Helvetica, Arial, sans-serif !important;
}
optgroup {
font-style: normal;
}
hr {
border: 0px;
margin: 4px 0 16px;
border-top: 1px solid #f0f0f0;
}
.sub {
top: -5px;
font-size: 12px;
position: relative;
}
/* Drop Down */
.dd {
float: left;
font-size: 13px;
width: 430px !important;
border: 1px solid #ffffff !important;
}
.dd.open {
border: 1px solid #003565 !important;
}
.dd .ddTitle span.arrow {
width: 20px !important;
height: 25px !important;
border: none !important;
background: url(/load/images/bottom-blau.png) no-repeat scroll 0 10px #ffffff !important;
}
.dd .ddTitle {
padding: 0 !important;
border: none !important;
width: 430px !important;
height: 25px !important;
color: #003565 !important;
background-color: #ffffff !important;
}
.dd .ddTitle span.ddTitleText {
height: 25px;
padding: 0 0 0 5px;
display: table-cell;
vertical-align: middle;
line-height: 13px !important;
}
.ddChild {
color: #003565;
width: 430px !important;
overflow-y: auto !important;
background-color: #ffffff !important;
border-top: 1px solid #ffffff !important;
border-left: 1px solid #ffffff !important;
border-right: 1px solid #ffffff !important;
border-bottom: 1px solid #ffffff !important;
}
.dd.open .ddChild.noBorderTop {
left: -1px;
border-top: 1px solid #003565 !important;
border-left: 1px solid #003565 !important;
border-right: 1px solid #003565 !important;
border-bottom: 1px solid #003565 !important;
}
.dd .ddChild a {
color: #003565 !important;
padding: 5px 0 5px 10px !important;
}
.dd .ddChild a:hover {
background-color: #f0f0f0 !important;
}
.dd .ddChild a.disabled:hover {
background-color: transparent !important;
}
.dd .ddChild a.selected {
background-color: transparent !important;
}
.dd .ddChild a.selected:hover {
background-color: transparent !important;
}
.opta span {
padding: 0 0 0 10px;
font-style: normal !important;
}
/*.format-daten .dd .ddChild,
.fold-daten .dd .ddChild,
.paper-daten .dd .ddChild,
.color-daten .dd .ddChild {
height: auto !important;
max-height: 600px !important;
overflow-y: auto !important;
}
.page-daten .dd .ddChild,
.charge-daten .dd .ddChild {
height: auto !important;
max-height: 550px !important;
overflow-y: auto !important;
}
.charge-daten .dd .opta {
clear: both;
height: 2px;
}
.charge-daten .dd .ddChild a {
float: left;
width: 55px;
display: block;
text-align: right;
padding: 5px 20px 5px 10px !important;
}*/
/* Check-Boxen */
.icheckbox {
z-index: 2;
float: left;
width: 13px;
height: 13px;
border: none;
display: block;
cursor: pointer;
margin-right: 5px;
background: url(/load/images/icheckbox-not-checked.png) no-repeat scroll 0 0;
}
.icheckbox {
background-position: 0 0;
}
.icheckbox.invalid {
background: url(/load/images/icheckbox-invalid.png) no-repeat scroll 0 0;
}
.icheckbox.checked,
.icheckbox.rs__required-1 {
background: url(/load/images/icheckbox-checked.png) no-repeat scroll 0 0;
}
.icheckbox.disabled {
cursor: default;
background: url(/load/images/icheckbox.png) no-repeat scroll 0 0;
}
.iradio {
width: 15px;
height: 15px;
display: block;
cursor: pointer;
background: url(/load/images/iradio.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.iradio {
background-position: 0 0;
}
.iradio.disabled {
background: url(/load/images/iradio.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.iradio.checked {
background: url(/load/images/iradio-checked.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.iradio.checked.disabled {
background: url(/load/images/iradio.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/* Placeholder */
::-moz-placeholder {
color: #c3c3c3;
}
input:-moz-placeholder {
color: #c3c3c3;
}
textarea:-moz-placeholder {
color: #c3c3c3;
}
:-ms-input-placeholder {
color: #c3c3c3;
}
::-webkit-input-placeholder {
color: #c3c3c3;
}
.text-br {
display: none;
}
/* Slider */
.bx-wrapper {position:relative;margin:0 auto 60px;padding:0;}
.bx-wrapper img {max-width:100%;display:block;}
.bx-wrapper .bx-viewport {-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;left:-5px;background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0);}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position:absolute;bottom:-30px;width:100%;}
.bx-wrapper .bx-loading {min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
.bx-wrapper .bx-pager {text-align:center;font-size:.85em;font-family: Helvetica, Arial, sans-serif;font-weight:bold;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;}
.bx-wrapper .bx-prev {left:10px;}
.bx-wrapper .bx-next {right:10px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:20;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block;text-indent:-9999px;width:10px;height:11px;outline:0;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block;text-indent:-9999px;width:9px;height:11px;outline:0;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0;width:35px;}
.bx-wrapper .bx-caption {position:absolute;bottom:0;left:0;background:rgba(80, 80, 80, 0.75);width:100%;}
.bx-wrapper .bx-caption span {color:#fff;font-family: Helvetica, Arial, sans-serif;display:block;font-size:.85em;padding:10px;}
.bx-wrapper {
padding: 0;
margin: 0 auto;
position: relative;
}
.main-slider-wrapper {
background: transparent;
}
.main-slider-wrapper a {
text-decoration: none;
}
.main-slider-wrapper .bx-wrapper .bx-viewport {
left: auto;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: transparent;
-webkit-transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-prev {
left: 20px;
width: 23px;
height: 42px;
background: url(/load/images/slide-prev-weiss.png) no-repeat scroll 0 0;
}
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-prev:hover,
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-prev:active {
background: url(/load/images/slide-prev-blau.png) no-repeat scroll 0 0;
}
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-next {
right: 20px;
width: 23px;
height: 42px;
background: url(/load/images/slide-next-weiss.png) no-repeat scroll 0 0;
}
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-next:hover,
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-next:active {
background: url(/load/images/slide-next-blau.png) no-repeat scroll 0 0;
}
.individualdruck-1 .main-slider-main-wrapper .bx-wrapper .bx-controls-direction a {
width: 30px;
height: 30px;
margin-top: -25px;
background-color: #fd7f0e;
}
.individualdruck-1 .main-slider-main-wrapper .bx-wrapper .bx-controls-direction a:hover,
.individualdruck-1 .main-slider-main-wrapper .bx-wrapper .bx-controls-direction a:active {
background-color: #fd7f0e;
}
.individualdruck-1 .main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-prev {
left: -40px;
background-position: 10px 10px;
background-image: url(/load/images/back-weiss.png);
}
.individualdruck-1 .main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-prev:hover,
.individualdruck-1 .main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-prev:active {
left: -40px;
background-position: 10px 10px;
background-image: url(/load/images/back-blau.png);
}
.individualdruck-1 .main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-next {
right: -40px;
background-position: 10px 10px;
background-image: url(/load/images/next-weiss.png);
}
.individualdruck-1 .main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-next:hover,
.individualdruck-1 .main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-next:active {
right: -40px;
background-position: 10px 10px;
background-image: url(/load/images/next-blau.png);
}
.main-slider-main-wrapper .bx-viewport {
}
.individualdruck .center-wrapper {
width: 780px;
margin: 0 auto;
}
.main-slider {
padding: 0 !important;
}
.individualdruck .main-slider .slide {
height: 453px;
padding: 0 !important;
}
.main-slider-nav-wrapper .bx-wrapper .bx-controls-direction a {
width: 30px;
height: 30px;
margin-top: -15px;
background-color: #fd7f0e;
}
.main-slider-nav-wrapper .bx-wrapper .bx-controls-direction .bx-prev {
left: -40px;
background-position: 10px 10px;
background-image: url(/load/images/back-weiss.png);
}
.main-slider-nav-wrapper .bx-wrapper .bx-controls-direction .bx-prev:hover,
.main-slider-nav-wrapper .bx-wrapper .bx-controls-direction .bx-prev:active {
background-image: url(/load/images/back-blau.png);
}
.main-slider-nav-wrapper .bx-wrapper .bx-controls-direction .bx-next {
right: -40px;
background-position: 10px 10px;
background-image: url(/load/images/next-weiss.png);
}
.main-slider-nav-wrapper .bx-wrapper .bx-controls-direction .bx-next:hover,
.main-slider-nav-wrapper .bx-wrapper .bx-controls-direction .bx-next:active {
background-image: url(/load/images/next-blau.png);
}
.main-slider .slide-content {
position: relative;
}
.individualdruck .main-slider .slide-pic {
top: 0;
left: 0;
width: 100%;
height: 453px;
position: absolute;
}
.individualdruck .main-slider .slide-pic img {
width: 100%;
height: 100%;
display: block;
}
.main-slider .slide-descr {
color: #004a97;
padding: 0 64px;
font-size: 18px;
line-height: 24px;
position: relative;
}
.main-slider .slide-descr p {
margin: 7px 0;
font-size: 18px;
line-height: 24px;
}
.main-slider .descr-cont {
height: 200px;
opacity: 0.8;
padding: 20px;
display: table-cell;
vertical-align: middle;
background-color: #dcdce6;
}
.main-slider .slide-ttl {
margin: 7px 0;
color: #004a97;
font-size: 30px;
line-height: 36px;
font-weight: bold;
text-transform: uppercase;
}
.individualdruck .main-slider-nav-wrapper {
width: 780px;
margin: 0 auto;
}
.main-slider-nav-wrapper .bx-wrapper {
width: 780px;
}
.main-slider-navigation {
padding: 0 !important;
}
.main-slider-navigation .nav-item {
padding: 15px 0;
cursor: pointer;
position: relative;
text-align: center;
}
.main-slider-navigation .nav-item:after {
top: 25px;
width: 1px;
right: -5px;
content: "";
height: 20px;
position: absolute;
background: #004a97;
}
.main-slider-navigation .nav-item-content {
height: 40px;
margin: 0 10px;
color: #003565;
font-size: 14px;
font-weight: bold;
line-height: 20px;
position: relative;
border-radius: 20px;
box-sizing: border-box;
text-transform: uppercase;
padding: 11px 10px 9px 10px;
}
.main-slider-navigation .pager-active .nav-item-content {
background: transparent;
}
.main-slider-navigation .pager-active .nav-item-content::before {
left: 50%;
bottom: 100%;
content: "";
width: 12px;
height: 6px;
margin-left: -6px;
position: absolute;
background: url(/load/images/slider-nav-pt.png) 0 0 no-repeat;
}
/* Fancybox */
.fancybox-skin,
.fancybox-title {
color: #898989;
font-size: 14px;
background: #ffffff !important;
}
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url(/load/images/fancybox_sprite.png);
}
.fancybox-opened .fancybox-title span {
color: #003565;
font-weight: bold;
}
.fancybox-tmp iframe,
.fancybox-tmp object {
margin: 0;
padding: 0;
vertical-align: top;
}
.fancybox-wrap {
top: 0;
left: 0;
z-index: 8020;
position: absolute;
}
.fancybox-skin {
margin: 0;
padding: 0;
text-shadow: none;
position: relative;
background: #f9f9f9;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
margin: 0;
padding: 0;
outline: none;
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
margin: 0;
color: #444;
padding: 10px;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.fancybox-image,
.fancybox-iframe {
border: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: block;
vertical-align: top;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading {
top: 50%;
left: 50%;
opacity: 0.8;
z-index: 8020;
cursor: pointer;
position: fixed;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
}
#fancybox-loading div {
width: 44px;
height: 44px;
}
.fancybox-close {
top: -18px;
width: 36px;
right: -18px;
height: 36px;
z-index: 8040;
cursor: pointer;
position: absolute;
}
.fancybox-nav {
top: 0;
width: 40%;
height: 100%;
z-index: 8040;
cursor: pointer;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
top: 50%;
width: 36px;
height: 34px;
z-index: 8040;
cursor: pointer;
margin-top: -18px;
position: absolute;
visibility: hidden;
}
.fancybox-prev span {
left: 20px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 20px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
padding: 0;
top: -9999px;
left: -9999px;
overflow: visible;
position: absolute;
visibility: hidden;
}
/* Overlay Helper */
#fancybox-overlay {
top: 0;
left: 0;
display: none;
z-index: 8010;
overflow: hidden;
position: absolute;
background-color: #898989;
}
#fancybox-overlay.overlay-fixed {
right: 0;
bottom: 0;
position: fixed;
}
/* Title Helper */
.fancybox-title {
z-index: 8050;
text-shadow: none;
position: relative;
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
bottom: 0;
right: 50%;
z-index: 8030;
text-align: center;
position: absolute;
margin-bottom: -35px;
}
.fancybox-title-float-wrap .child {
color: #ffffff;
font-weight: bold;
line-height: 24px;
padding: 2px 20px;
margin-right: -100%;
white-space: nowrap;
display: inline-block;
background: transparent;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
text-shadow: 0 1px 2px #222;
background: rgba(0, 0, 0, 0.8);
}
.fancybox-title-outside-wrap {
color: #ffffff;
margin-top: 10px;
position: relative;
}
.fancybox-title-inside-wrap {
margin-top: 10px;
}
.fancybox-title-over-wrap {
left: 0;
bottom: 0;
color: #fff;
padding: 10px;
background: #000;
position: absolute;
background: rgba(0, 0, 0, .8);
}
input.styled {
}
label.styled {
display: block;
}
/* Datepicker */
.ui-datepicker {
width: 17em;
display: none;
padding: .2em .2em 0;
z-index: 100 !important;
}
.ui-datepicker .ui-datepicker-header {
padding: .2em 0;
position: relative;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
top: 2px;
width: 1.8em;
height: 1.8em;
position: absolute;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
top: 50%;
left: 50%;
width: 8px;
height: 11px;
display: block;
margin-top: -5px;
margin-left: -5px;
position: absolute;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
margin: 1px 0;
font-size: 1em;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
margin: 0 0 .4em;
border-collapse: collapse;
}
.ui-datepicker th {
border: 0;
font-weight: bold;
text-align: center;
padding: .7em .3em;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
margin: .7em 0 0 0;
background-image: none;
}
.ui-datepicker .ui-datepicker-buttonpane button {
width: auto;
float: right;
cursor: pointer;
overflow: visible;
margin: .5em .2em .4em;
padding: .2em .6em .3em .6em;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0em;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-widget-content {
color: #898989;
border: 1px solid #898989;
background-color: #f0f0f0;
}
.ui-widget-header {
border: none;
color: #ffffff;
font-weight: bold;
background-color: #003565 !important;
}
.ui-widget-header .ui-icon {
}
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-widget {
font-size: 1.1em;
font-family: Helvetica, Arial, sans-serif;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
color: #898989;
font-size: 14px;
text-align: center;
text-decoration: none;
border: 1px solid #898989;
background-color: #ffffff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
color: #003565;
border: 1px solid #898989;
background-color: #ffffff;
}
.ui-widget-header a {
color: #ffffff;
}
.ui-icon {
width: 16px;
height: 16px;
display: block;
overflow: hidden;
text-indent: -99999px;
background-repeat: no-repeat;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
color: #fd7f0e;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
color: #fd7f0e;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-prev span:hover {
background: url(/load/images/back-orange.png) no-repeat !important;
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-next span:hover {
background: url(/load/images/next-orange.png) no-repeat !important;
}
.ui-datepicker .ui-datepicker-unselectable span {
color: #e7e7e7 !important;
}
.ui-datepicker .ui-state-active {
color: #003565!important;
font-weight: normal !important;
}
.button {
cursor: pointer;
}
.clear {
clear: both;
}
.clear-container {
clear: both;
height: 35px;
}
.required-field {
padding: 10px 0;
}
.required-field .req {
color: #fd7f0e;
}
.label {
display: block;
color: #fd7f0e;
font-weight: bold;
padding-bottom: 12px;
}
.shop-main-label {
color: #003565;
font-size: 28px;
font-weight: bold;
text-align: center;
padding: 0 70px 0 40px;
}
.shop-main-label.product-main-label {
padding: 0 !important;
}
.process-main-label {
text-transform: capitalize;
}
.main-container {
width: 100%;
min-height: 100%;
overflow: hidden;
position: relative;
text-align: center;
}
.main-wrapper {
/*overflow: hidden;*/
position: relative;
}
.wrapper {
overflow: hidden;
}
.bg-left {
left: 0;
width: 50%;
/*float: left;*/
position: absolute;
/*margin-bottom: -32767px;
padding-bottom: 32767px;*/
min-height: 100%;
height: auto !important;
height: 100%;
background: url(/load/images/grafik-pattern-orange.jpg) transparent repeat;
}
.bg-right {
right: 0;
width: 50%;
/*float: right;*/
position: absolute;
/*margin-bottom: -32767px;
padding-bottom: 32767px;*/
min-height: 100%;
height: auto !important;
height: 100%;
background: url(/load/images/grafik-pattern-blau.jpg) transparent repeat;
}
.bg-city-1 {
height: 157px;
display: block;
margin-top: 46px;
background: url(/load/images/city-left_500x156.png) transparent repeat-x;
}
.bg-city-2 {
height: 157px;
display: block;
margin-top: 46px;
background: url(/load/images/city-right_500x156.png) transparent repeat-x;
}
.main-container-content {
top: 0;
width: 960px;
margin: 0 auto;
position: relative;
padding-bottom: 600px;
background-color: #ffffff;
}
.content {
text-align: left;
/*overflow: hidden;*/
margin-bottom: 47px;
}
/* Header */
.header {
width: 960px;
height: 204px;
text-align: left;
background-color: #ffffff;
}
.header-left {
float: left;
height: 113px;
padding: 30px 0 0 50px;
}
.header-left .header-logo {
width: 224px;
height: 54px;
display: block;
background: url(/load/images/pinguindruck-logo.png) transparent no-repeat;
}
.header-left .header-phone {
top: 20px;
width: 220px;
padding: 3px;
display: block;
color: #ffffff;
font-size: 12px;
line-height: 12px;
position: relative;
text-align: center;
background-color: #003565;
}
.header-right {
float: right;
height: 148px;
position: relative;
}
.header-form .login-button {
float: left;
width: 195px;
color: #ffffff;
font-size: 13px;
font-weight: bold;
line-height: 16px;
position: relative;
text-align: center;
padding: 0 50px 0 60px;
text-transform: uppercase;
background-color: #fd7f0e;
max-height: 35px !important;
}
.header-form .login-button::before {
top: 4px;
left: 24px;
width: 50px;
content: "";
height: 28px;
position: absolute;
background: url(/load/images/user_50x50.png) no-repeat scroll 0 0;
}
.header-form .login-button:hover::before {
background: url(/load/images/user_50x50.png) no-repeat scroll 0 -25px;
}
.header-form .login-button span {
height: 35px;
width: 85px;
color: #ffffff;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.account-container {
float: left;
width: 145px;
color: #ffffff;
font-size: 13px;
text-align: left;
font-weight: bold;
position: relative;
padding: 0 5px 0 45px;
height: 35px !important;
background-color: #fd7f0e;
}
.account-container::before {
top: 5px;
left: 0;
width: 50px;
content: "";
height: 28px;
position: absolute;
background: url(/load/images/user_50x50.png) no-repeat scroll 0 0;
}
.account-container:hover::before {
background: url(/load/images/user_50x50.png) no-repeat scroll 0 -25px;
}
.account-container .account-button {
height: 35px;
color: #ffffff;
font-size: 13px;
font-weight: bold;
display: table-cell;
vertical-align: middle;
}
.user-account {
left: 0;
top: 35px;
width: 185px;
z-index: 100;
display: none;
font-size: 12px;
position: absolute;
padding: 0 5px 5px;
background-color: #fd7f0e;
}
.user-account div {
background-color: #ffffff;
}
.user-account li {
padding: 1px 0;
}
.user-account-left {
float: left;
width: 115px;
padding: 0 0 0 5px
}
.user-account-right {
float: left;
width: 65px;
}
.user-account a {
color: #3d3d3d;
font-weight: bold;
}
.user-account li.password {
height: 65px;
display: block;
}
.user-account li.logout {
height: 20px;
display: block;
text-align: center;
background-color: #fd7f0e;
}
.user-account li.password a {
color: #fd7f0e;
}
.user-account li.logout a {
color: #ffffff;
}
.content-search {
float: left;
height: 28px;
border: none;
outline: none;
padding: 0 10px;
position: relative;
margin: 5px 5px 0 0;
width: 172px !important;
border: 1px solid #f0f0f0 !important;
}
.header-form {
}
.header-form .start-search {
top: 7px;
left: 150px;
width: 50px;
height: 25px;
position: absolute;
display: inline-block;
background: url(/load/images/search_50x50.png) no-repeat scroll 0 0;
}
.header-form .start-search:hover {
background: url(/load/images/search_50x50.png) no-repeat scroll 0 -25px;
}
.cart-link {
float: left;
width: 80px;
height: 35px;
position: relative;
}
.cart-link a.main-cart-link {
width: 60px;
color: #898989;
font-size: 14px;
position: relative;
display: table-cell;
vertical-align: top;
height: 35px !important;
padding: 0 10px 0 10px;
}
.cart-link a.main-cart-link::before {
top: 5px;
left: 10px;
width: 50px;
content: "";
height: 26px;
position: absolute;
background: url(/load/images/cart-icon.png) no-repeat scroll 0 0;
}
.cart-link a.main-cart-link:hover::before {
background: url(/load/images/cart-icon.png) no-repeat scroll 0 -28px;
}
.cart-link span.counter {
top: 7px;
left: 45px;
width: 25px;
height: 20px;
color: #ffffff;
position: absolute;
border-radius: 8px;
text-align: center;
line-height: 20px;
display: table-cell;
vertical-align: middle;
border-radius: 8px;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #003565;
}
.cart-link span.text {
top: 24px;
display: block;
line-height: 12px;
position: relative;
}
.cart-content {
top: 35px;
left: -195px;
z-index: 100;
width: 235px;
display: none;
position: absolute;
background-color: #ffffff;
padding: 0 20px 20px 20px;
box-shadow: -2px 2px 2px rgba(127,154,178,0.75), 2px 2px 2px rgba(127,154,178,0.75);
-moz-box-shadow: -2px 2px 2px rgba(127,154,178,0.75), 2px 2px 2px rgba(127,154,178,0.75);
-webkit-box-shadow: -2px 2px 2px rgba(127,154,178,0.75), 2px 2px 2px rgba(127,154,178,0.75);
}
.cart-content-product {
border-bottom: 1px solid #f0f0f0;
}
.cart-content-product.last {
border-bottom: none;
}
.cart-content-product a {
color: #898989;
}
.cart-content-product-image {
width: 85px;
display: table-cell;
vertical-align: middle;
}
.cart-content img {
float: left;
width: 70px;
height: auto;
display: block;
padding: 0 15px 0 0;
}
.cart-content-product-infos {
width: 150px;
display: table-cell;
}
.cart-content-product-infos-1 {
display: block;
color: #fd7f0e;
font-weight: bold;
padding-top: 24px;
}
.cart-content-product-infos-2 {
display: block;
font-size: 12px;
font-weight: bold;
padding-bottom: 24px;
}
.cart-content-button {
height: 37px;
display: block;
color: #ffffff;
cursor: pointer;
text-align: left;
font-weight: bold;
margin: 1px 0 0 0;
width: 235px !important;
background-color: #003565;
text-transform: uppercase;
padding: 5px 5px 5px 15px;
background: #003565 url(/load/images/next-orange.png) no-repeat scroll 215px 13px;
}
.header-links {
height: 13px;
line-height: 13px;
display: flex;
flex-wrap: wrap;
justify-content: right;
padding: 75px 15px 0 200px;
}
.header-links a {
height: 13px;
color: #003565;
font-size: 13px;
line-height: 13px;
font-weight: bold;
position: relative;
display: inline-block;
text-transform: uppercase;
}
.header-links a:hover {
color: #fd7f0e;
}
.header-links-infos {
}
.header-links-news {
padding: 0 35px;
}
.header-links-jobs {
}
.header-links a::before {
top: 50%;
width: 50px;
content: "";
height: 25px;
margin-top: -40px;
position: absolute;
}
.header-links-infos::before {
left: 26%;
background: url(/load/images/info-center_50x50.png) no-repeat scroll 0 0;
}
.header-links-infos:hover::before {
background: url(/load/images/info-center_50x50.png) no-repeat scroll 0 -25px;
}
.header-links-news::before {
left: 26%;
background: url(/load/images/news_50x50.png) no-repeat scroll 0 0;
}
.header-links-news:hover::before {
background: url(/load/images/news_50x50.png) no-repeat scroll 0 -25px;
}
.header-links-jobs::before {
left: 10%;
background: url(/load/images/jobs_50x50.png) no-repeat scroll 0 0;
}
.header-links-jobs:hover::before {
background: url(/load/images/jobs_50x50.png) no-repeat scroll 0 -25px;
}
.header .responsive-menu-button {
display: none;
}
.header .responsive-menu-container {
display: none;
box-shadow: 0px 5px 5px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 5px 5px 0px rgba(127,154,178,0.75);
}
.header .responsive-phone {
clear: both;
display: none;
}
.header .login-container {
display: none;
}
.header .phone-container {
display: none;
}
/* Main Menu */
.main-menu {
width: 960px;
display: table;
}
.main-menu li.main-link {
width: 20%;
height: 44px;
color: #003565;
font-size: 16px;
max-width: 178px;
font-weight: bold;
font-weight: bold;
text-align: center;
display: table-cell;
background-color: #f0f0f0;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.main-menu li.main-link:hover,
.main-menu li.main-link.active {
background-color: #003565;
}
.main-menu li.main-link:hover a.link,
.main-menu li.main-link.active a.link {
color: #ffffff;
}
.main-menu li.main-link:hover .main-menu-colors,
.main-menu li.main-link.active .main-menu-colors {
display: none;
}
.main-menu li.main-link.first:hover .main-menu-colors,
.main-menu li.main-link.middle:hover .main-menu-colors,
.main-menu li.main-link.last:hover .main-menu-colors {
display: block;
background: none;
background-color: #003565;
}
.main-menu li.main-link.first {
border-left: 1px solid #ffffff;
border-right: none !important;
}
.main-menu li.main-link.last {
border-left: none !important;
border-right: 1px solid #ffffff;
}
.main-menu li.main-link.middle {
border-left: none !important;
border-right: none !important;
}
.main-menu .main-link {
}
.main-menu .main-link a.link {
height: 46px;
color: #003565;
display: block;
padding: 10px 0 0;
}
.main-menu-colors {
height: 16px;
display: block;
margin-top: 10px;
}
.colors-1 {
background: #fe9d38; /* Old browsers */
background: -moz-linear-gradient(left, #fecb96 0%, #fe9d38 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecb96 0%,#fe9d38 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecb96 0%,#fe9d38 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.colors-2 {
background: #dc761b; /* Old browsers */
background: -moz-linear-gradient(left, #fe9c37 0%, #dc761b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fe9c37 0%,#dc761b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fe9c37 0%,#dc761b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.colors-3 {
background: #516e80; /* Old browsers */
background: -moz-linear-gradient(left, #db751c 0%, #516e80 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #db751c 0%,#516e80 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #db751c 0%,#516e80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.colors-4 {
background: #6493c1; /* Old browsers */
background: -moz-linear-gradient(left, #506e82 0%, #6493c1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #506e82 0%,#6493c1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #506e82 0%,#6493c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.colors-5 {
background: #c0d1e5; /* Old browsers */
background: -moz-linear-gradient(left, #6594c2 0%, #c0d1e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #6594c2 0%,#c0d1e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #6594c2 0%,#c0d1e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.sub-menu {
left: -1px;
z-index: 25;
width: 960px;
display: none;
overflow: hidden;
position: relative;
background-color: #ffffff;
box-shadow: 0px 3px 12px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 12px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 12px 0px rgba(127,154,178,0.75);
}
.sub-menu ul.main-sub-menu {
margin: 0;
padding: 0;
z-index: 15;
height: 330px;
position: relative;
background-color: #ffffff;
}
.sub-menu ul.main-sub-menu li {
margin: 0;
padding: 0;
width: 192px;
display: block;
font-size: 14px;
list-style: none;
font-weight: normal;
border-bottom: 1px solid #ffffff;
background: url(/load/images/next-grau.png) no-repeat scroll 172px 30px #f0f0f0;
}
.sub-menu ul.main-sub-menu li .selected,
.sub-menu ul.main-sub-menu li:hover {
font-weight: bold;
background: url(/load/images/next-blau.png) no-repeat scroll 172px 30px #f0f0f0;
}
.sub-menu ul.main-sub-menu li.empty {
height: 46px;
border-bottom: none;
background: #f0f0f0 !important;
}
.sub-menu ul.main-sub-menu li.empty .selected,
.sub-menu ul.main-sub-menu li.empty:hover {
font-weight: bold;
background: #f0f0f0 !important;
}
.sub-menu ul.main-sub-menu li .sub-menu-link {
width: 190px;
height: 70px;
color: #898989;
font-size: 16px;
text-align: left;
line-height: 20px;
position: relative;
padding: 0 0 0 15px;
display: table-cell;
text-decoration: none;
vertical-align: middle;
}
.sub-menu ul.main-sub-menu li.empty .sub-menu-link {
height: 46px;
}
.sub-menu ul.main-sub-menu li .sub-menu-link.selected,
.sub-menu ul.main-sub-menu li:hover .sub-menu-link {
color: #003565;
text-decoration: none;
}
.sub-menu ul .sub {
top: 0;
left: 0;
width: 768px;
height: 315px;
position: absolute;
visibility: hidden;
margin: 14px 0 0 192px;
background-color: #ffffff !important;
}
.sub-menu ul .sub.top-products-menu {
visibility: visible;
}
/*.sub-menu ul li:hover ul {
visibility: visible;
}*/
.sub-menu ul .sub li {
float: left;
width: 180px;
display: block;
font-size: 14px;
text-align: left;
padding: 0 0 0 35px;
height: 27px !important;
background: none !important;
background-color: #ffffff !important;
}
.sub-menu ul .express-products-menu li,
.sub-menu ul .process-products-menu li {
float: none;
}
.sub-menu ul .process-products-menu li {
background: url(/load/images/menu/menu-process.png) no-repeat scroll 15px 13px !important;
}
.sub-menu ul .process-products-menu li.item-last {
background: none !important;
}
.sub-menu ul .express-products-menu li {
background: url(/load/images/menu/menu-express.png) no-repeat scroll 15px 13px !important;
}
.sub-menu ul .express-products-menu li.item-last {
background: none !important;
}
.sub-menu ul .new-products-menu li {
padding: 0 0 0 50px;
background: url(/load/images/menu/menu-new.png) no-repeat scroll 15px 15px !important;
}
.sub-menu ul .new-products-menu li.item-last {
background: none !important;
}
.sub-menu ul .sub li a {
color: #898989;
display: block;
font-size: 16px;
position: relative;
text-decoration: none;
padding: 10px 10px 0 0;
font-weight: normal !important;
}
.sub-menu ul .sub li a:hover {
color: #003565 !important;
font-weight: normal !important;
text-decoration: none !important;
}
.sub-menu ul .sub li a::after {
}
.sub-menu-middle {
z-index: 15;
left: -384px;
width: 960px;
overflow: hidden;
position: relative;
background-color: #ffffff;
}
.sub-menu-middle li {
float: left;
width: 220px;
height: 270px;
display: block;
text-align: left;
padding: 30px 50px;
}
.sub-menu-middle li a {
color: #898989;
position: relative;
padding: 0 0 0 15px;
background: url(/load/images/next-orange.png) no-repeat scroll 0 4px;
}
.sub-menu-middle li a:hover {
color: #003565;
}
.sub-menu-middle li .img-link {
width: 220px;
height: 200px;
display: block;
margin: 20px 0 0 0;
}
.sub-menu ul .sub li.main-sub-info {
padding: 0;
z-index: 20;
right: 28px;
bottom: 28px;
position: absolute;
width: 264px !important;
height: 278px !important;
background: url(/load/images/menu/mustermappe-menu.png) no-repeat scroll 0 0 !important;
}
.sub-menu ul .sub li.main-sub-info:hover {
font-weight: normal !important;
}
.sub-menu ul .sub li.main-sub-info a {
padding: 15px;
color: #003565;
font-size: 14px;
width: 234px !important;
height: 248px !important;
}
.sub-menu ul .sub li.main-sub-info a:hover {
font-weight: normal !important;
}
.sub-menu ul .sub li.main-sub-top-info,
.sub-menu ul .sub li.main-sub-process-info {
z-index: 20;
left: 15px;
bottom: 30px;
display: block;
line-height: 36px;
position: absolute;
padding: 0 0 0 15px;
width: 180px !important;
height: 36px !important;
background: url(/load/images/next-orange.png) no-repeat scroll 170px 13px #003565 !important;
}
.sub-menu ul .sub li.main-sub-top-info {
left: 35px;
}
.sub-menu ul .sub li.main-sub-top-info a,
.sub-menu ul .sub li.main-sub-process-info a {
padding: 0;
color: #ffffff;
font-weight: bold !important;
}
.sub-menu ul .sub li.main-sub-top-info a:hover,
.sub-menu ul .sub li.main-sub-process-info a:hover {
color: #ffffff !important;
}
.sub-menu ul .sub li.main-sub-info b.link-label {
display: block;
font-size: 20px;
padding: 0 0 5px 0;
text-transform: uppercase;
}
.sub-menu ul .sub li.main-sub-info b.link {
bottom: 11px;
display: block;
font-size: 14px;
position: absolute;
padding: 0 0 0 15px;
text-transform: none;
}
.sub-menu ul .sub li.main-sub-info b.link::before {
top: 4px;
left: 0;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.sub-menu ul .sub li.main-sub-info b.link:hover::before {
background: url(/load/images/next-blau.png) no-repeat scroll 0 0;
}
.responsive-content-menu,
.category-responsive-content-menu,
.product-responsive-content-menu,
.responsive-content-container {
display: none;
}
/* All Products Menu */
.sub-menu ul .sub li.all-products-menu-link {
left: 0;
top: 12px;
width: 450px;
position: absolute;
padding: 0 0 0 30px;
height: 315px !important;
}
.all-products-menu-letter-line {
height: 30px;
padding: 0 5px;
margin: 0 15px 0 0;
background-color: #f0f0f0;
}
.all-products-menu-letter-line div {
top: 0;
left: 0;
width: 21px;
color: #898989;
text-align: center;
position: relative;
display: table-cell;
}
.all-products-menu-letter-line div span {
height: 28px;
padding: 0 5px;
display: block;
font-size: 14px;
line-height: 28px;
font-weight: bold;
border-bottom: 2px solid #f0f0f0;
}
.all-products-menu-letter-line div.active span,
.all-products-menu-letter-line div span:hover {
color: #003565;
border-bottom: 2px solid #fd7f0e;
}
.sub-menu ul .sub li.all-products-menu-link div.all-products-ul-container {
width: 435px;
padding: 10px 0 0;
}
.sub-menu ul .sub li.all-products-menu-link div.all-products-ul-container .all-products-ul-option-container {
display: none;
}
.sub-menu ul .sub li.all-products-menu-link div.all-products-ul-container .all-products-ul-option-container.active {
display: block;
}
.sub-menu ul .sub li.all-products-menu-link div.all-products-ul-container .all-products-ul-option-container div {
width: 435px;
}
.sub-menu ul .sub li.all-products-menu-link div.all-products-ul-container .all-products-ul-option-container div.left-container {
float: left;
width: 210px;
padding: 0 7.5px 0 0;
}
.sub-menu ul .sub li.all-products-menu-link div.all-products-ul-container .all-products-ul-option-container div.right-container {
float: right;
width: 210px;
padding: 0 0 0 7.5px;
}
.sub-menu ul .sub li.all-products-menu-link div.all-products-ul-container ul {
font-size: 14px;
}
.sub-menu ul .sub li.all-products-menu-link div.all-products-ul-container ul li {
float: none;
display: block;
padding: 0 !important;
width: 100% !important;
height: 25px !important;
}
.sub-menu ul .sub li.all-products-menu-link div.all-products-ul-container ul li a {
padding: 0 !important;
font-size: 14px !important;
}
/* Footer */
.footer {
bottom: 0;
width: 960px;
text-align: left;
position: absolute;
}
.footer-top {
height: 7px;
background: #fecb96; /* Old browsers */
background: -moz-linear-gradient(left, #fecb96 0%, #fd7f0f 35%, #3f6e9a 65%, #c0d1e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecb96 0%,#fd7f0f 35%,#3f6e9a 65%,#c0d1e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecb96 0%,#fd7f0f 35%,#3f6e9a 65%,#c0d1e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.footer-bottom {
height: 5px;
background-color: #fd7f0e;
}
.footer-links {
color: #ffffff;
padding: 30px 50px;
position: relative;
background-color: #003565;
}
.footer-links b {
display: block;
}
.footer-links a {
color: #ffffff;
}
.footer-links-left {
float: left;
width: 545px;
}
.footer-links-left a {
color: #8090a5;
}
.footer-links-left a:hover,
.footer-links-left a:focus {
color: #ffffff;
text-decoration: underline;
}
.footer-links-group {
float: left;
padding: 0 35px 0 0;
}
.footer-links-group div {
float: left;
padding: 0 20px 10px 0;
}
.footer-week-times {
clear: both;
padding: 15px 35px 0 0;
}
.footer-links-group .week {
width: 60px;
display: inline-block;
}
.footer-links-left li {
padding-bottom: 5px;
}
.footer-links-right {
float: right;
width: 305px;
}
.footer-links .social {
float: left;
left: -20px;
width: 50px;
height: 25px;
display: block;
position: relative;
}
.footer-links .social.fb {
background: url(/load/images/facebook_50x50.png) 0 0;
}
.footer-links .social.fb:hover {
background: url(/load/images/facebook_50x50.png) 0 -25px;
}
.footer-links .social.tw {
background: url(/load/images/twitter_50x50.png) 0 0;
}
.footer-links .social.tw:hover {
background: url(/load/images/twitter_50x50.png) 0 -25px;
}
.footer-links .social.yt {
background: url(/load/images/youtube_50x50.png) 0 0;
}
.footer-links .social.yt:hover {
background: url(/load/images/youtube_50x50.png) 0 -25px;
}
.footer-links .social.ig {
background: url(/load/images/instagram_50x50.png) 0 0;
}
.footer-links .social.ig:hover {
background: url(/load/images/instagram_50x50.png) 0 -25px;
}
.footer-links .social.xn {
background: url(/load/images/xing_50x50.png) 0 0;
}
.footer-links .social.xn:hover {
background: url(/load/images/xing_50x50.png) 0 -25px;
}
.footer-links .social.gp {
background: url(/load/images/google-plus_50x50.png) 0 0;
}
.footer-links .social.gp:hover {
background: url(/load/images/google-plus_50x50.png) 0 -25px;
}
.footer-links .social.mail {
background: url(/load/images/mail_50x50.png) 0 0;
}
.footer-links .social.mail:hover {
background: url(/load/images/mail_50x50.png) 0 -25px;
}
.footer-banners {
clear: both;
height: 65px;
background-color: #ffffff;
}
.footer .label {
display: block;
font-size: 18px;
padding-bottom: 20px;
}
.footer .social-footer-container {
left: 555px;
width: 355px;
height: 65px;
position: relative;
}
.footer-banners-1 {
float: left;
width: 447px;
height: 34px;
padding: 15.5px 30px 15.5px 40px;
background: url(/load/images/zahlungsarten.png) no-repeat scroll 40px 18px;
}
.footer-banners-2 {
float: left;
width: 235px;
height: 44px;
padding: 10.5px 22.5px 10.5px 0;
background: url(/load/images/fsc-pefc-climatepartner.jpg) no-repeat scroll 0 10.5px;
}
.footer-banners-3 {
float: left;
width: 50px;
height: 50px;
padding: 7.5px 22.5px 7.5px 0;
background: url(/load/images/pso.png) no-repeat scroll 0 7.5px;
}
.footer-banners-4 {
float: left;
width: 73px;
height: 44px;
padding: 10.5px 40px 10.5px 0;
background: url(/load/images/pinguindruck-made-in-berlin.jpg) no-repeat scroll 0 10.5px;
}
.footer-navi {
height: 13px;
font-size: 12px;
padding: 21px 0;
line-height: 13px;
text-align: center;
background-color: #ffffff;
}
.footer-navi a {
height: 13px;
color: #999999;
padding: 0 12px;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
border-right: 1px solid #999999;
}
.footer-navi a:hover,
.footer-navi a:focus {
color: #003565;
}
.footer-navi a.last {
border-right: none;
}
.product-main-label {
color: #003565;
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
}
.footer-button {
display: none;
}
/* Start Page with Products */
.slideshow-steps {
z-index: 10;
width: 960px;
height: 7px;
margin: 0 auto;
position: relative;
}
.slideshow-steps span {
width: 65px;
height: 7px;
position: absolute;
display: inline-block;
border-left: 1px solid #ffffff;
}
.slideshow-steps span.active {
top: -22px;
width: 64px;
z-index: 10;
height: 28px;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.slideshow-steps span.slider_start {
left: 0;
width: 440px;
cursor: default;
border-left: none;
background: #fecb96; /* Old browsers */
background: -moz-linear-gradient(left, #fecb96 0%, #946e49 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecb96 0%,#946e49 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecb96 0%,#946e49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slideshow-steps span.slider_end {
left: 895px;
cursor: default;
background-color: #c0d1e5;
}
.slideshow-steps span.slider_1 {
left: 440px;
background: #936e4a; /* Old browsers */
background: -moz-linear-gradient(left, #936e4a 0%, #616e71 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #936e4a 0%,#616e71 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #936e4a 0%,#616e71 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slideshow-steps span.slider_2 {
left: 505px;
background: #5f6e73; /* Old browsers */
background: -moz-linear-gradient(left, #5f6e73 0%, #416e94 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #5f6e73 0%,#416e94 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #5f6e73 0%,#416e94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slideshow-steps span.slider_3 {
left: 570px;
background: #416e95; /* Old browsers */
background: -moz-linear-gradient(left, #416e95 0%, #4479ab 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #416e95 0%,#4479ab 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #416e95 0%,#4479ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slideshow-steps span.slider_4 {
left: 635px;
background: #447aac; /* Old browsers */
background: -moz-linear-gradient(left, #447aac 0%, #5f90bf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #447aac 0%,#5f90bf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #447aac 0%,#5f90bf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slideshow-steps span.slider_5 {
left: 700px;
background: #6091c0; /* Old browsers */
background: -moz-linear-gradient(left, #6091c0 1%, #87abd0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #6091c0 1%,#87abd0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #6091c0 1%,#87abd0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slideshow-steps span.slider_6 {
left: 765px;
background: #88acd0; /* Old browsers */
background: -moz-linear-gradient(left, #88acd0 0%, #acc3dd 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #88acd0 0%,#acc3dd 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #88acd0 0%,#acc3dd 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slideshow-steps span.slider_7 {
left: 830px;
background: #adc4dd; /* Old browsers */
background: -moz-linear-gradient(left, #adc4dd 0%, #c0d1e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #adc4dd 0%,#c0d1e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #adc4dd 0%,#c0d1e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.process-slide-video {
top: 0;
left: 740px;
height: 325px;
position: relative;
display: table-cell;
vertical-align: middle;
}
.process-slide-show-1 {
width: 55px;
}
.process-slide-show-2 {
left: 650px;
width: 155px;
}
.process-slide-show-3 {
left: 740px;
width: 55px;
}
.process-slide-video a {
width: 55px;
height: 55px;
display: block;
position: relative;
margin: 20px 0 40px;
text-decoration: none !important;
background: url(/load/images/process-video.png) no-repeat scroll -14px -11px;
}
.process-slide-video a:hover {
background: url(/load/images/process-video.png) no-repeat scroll -14px -94px;
}
.process-slide-video a span {
top: 60px;
color: #3d3d3d;
display: block;
font-size: 12px;
text-align: center;
position: relative;
}
.process-slide-show-2 a {
display: inline-block;
margin: 0 10px !important;
}
.process-slide-show-3 a {
margin: 0 !important;
display: inline-block;
}
.products-main-container-1 {
padding: 25px;
margin: 35px 25px 0;
background-color: #f0f0f0;
}
.products-main-container-2 {
padding: 25px;
margin: 0 25px 0;
background-color: #f0f0f0;
}
.products-main-label-1 {
color: #003565;
font-size: 36px;
line-height: 28px;
font-weight: bold;
text-align: center;
padding-bottom: 15px;
}
.products-main-label-2 {
color: #fd7f0e;
font-size: 18px;
line-height: 17px;
font-weight: bold;
text-align: center;
padding-bottom: 15px;
}
.products-container {
padding: 0 7.5px;
background-color: #ffffff;
}
.all-process .products-container {
position: relative;
}
.product-item {
float: left;
display: block;
color: #898989;
margin: 15.5px 8px;
position: relative;
}
.product-item:hover,
.product-item.active {
color: #ffffff;
background-color: #003565;
}
.product-item-container {
width: 153px;
height: 153px;
}
.product-item-container span {
bottom: 0;
width: 153px;
display: block;
text-align: center;
position: absolute;
padding: 0 0 5px 0;
vertical-align: bottom;
}
.product-item-container .product-property {
top: 0;
padding: 0;
width: 21px;
height: 21px;
margin: 5px 0 0 5px;
}
.product-item-container .product-item-express {
background: url(/load/images/express-time.png) no-repeat scroll 0 0;
}
.product-item:hover .product-item-container .product-item-express {
background: url(/load/images/express-time.png) no-repeat scroll 0 -26px;
}
.product-item-container .product-item-new {
width: 25px;
height: 25px;
background: url(/load/images/new.png) no-repeat scroll 0 0;
}
.product-item:hover .product-item-container .product-item-new {
background: url(/load/images/new.png) no-repeat scroll 0 -30px;
}
.start-text {
padding: 20px 50px 0;
}
.start-text h1 {
color: #003565;
font-size: 34px;
line-height: 25px;
padding: 0 0 15px;
}
.start-text h2 {
color: #003565;
line-height: 16px;
padding: 0 0 14px 0;
}
.start-text h3 {
color: #003565;
font-size: 20px;
line-height: 16px;
padding: 0 0 14px 0;
}
.start-text p {
padding: 10px 0 0;
}
.start-text ul {
padding: 10px 0 0 15px;
}
.start-text a.link-1 {
color: #898989;
font-weight: bold;
text-decoration: underline;
}
.start-text a.link-1:hover,
.start-text a.link-1:focus {
color: #003565;
}
.start-text a.link-2 {
color: #003565;
font-weight: bold;
text-decoration: underline;
}
.start-text a.link-2:hover,
.start-text a.link-2:focus {
color: #fd7f0e;
}
.start-text-1 {
padding: 35px 0 0;
position: relative;
}
.start-text-1.last {
padding: 0;
}
.start-text-1 .start-text-sub {
margin: 0 50px 0;
}
.start-text-2 {
width: 415px;
position: relative;
}
.start-text-2 h2 {
line-height: 20px;
padding: 8px 0 12px 0;
}
.start-text-2 h3 {
line-height: 20px;
padding: 13px 0 12px 0;
}
.start-text-2-left {
float: left;
}
.start-text-2-right {
float: right;
}
.start-text-1 li,
.start-text-2 li {
color: #003565;
display: list-item;
padding: 0 0 5px 0;
list-style-type: disc;
list-style-position: outside;
}
.start-text-2 li {
width: 350px;
font-weight: bold;
}
.start-text-lenti {
padding: 10px;
min-height: 153px;
background: url(/load/images/startseite-lenti.gif) no-repeat scroll 488px 10px #f0f0f0;
}
.start-text-lenti .main-label {
color: #003565;
display: block;
font-size: 34px;
line-height: 26px;
padding: 20px 0 0 20px;
}
.start-text-lenti .sub-label {
color: #fd7f0e;
display: block;
font-size: 18px;
padding: 15px 0 0 20px;
}
.start-text-lenti-links {
padding: 35px 0 0 20px;
}
.start-text-lenti-links a {
color: #003565;
font-weight: bold;
display: inline-block;
padding: 0 20px 0 15px;
background: url(/load/images/next-orange.png) no-repeat scroll 0 4px;
}
.start-text-lenti-links a:hover,
.start-text-lenti-links a:focus {
text-decoration: underline;
}
.start-text-designer {
min-height: 310px;
padding: 30px 30px 0 450px;
background: url(/load/images/startseite-online-designer.jpg) no-repeat;
}
.start-text-designer h3 {
line-height: 24px;
background: url(/load/images/startseite-online-designer-edit.jpg) no-repeat scroll right 4.5px;
}
.start-text-designer b {
color: #fd7f0e;
font-size: 18px;
}
.start-print-files {
padding: 30px 30px 30px 125px;
background: url(/load/images/startseite-dateivorgaben.png) no-repeat scroll 30px 30px #f0f0f0;
}
.start-print-files h3 {
padding: 0 0 5px 0;
}
.start-print-files b {
color: #003565;
}
.start-time-services {
padding: 30px;
background-color: #f0f3f8;
}
.start-time-services h3 {
padding: 0 0 30px 0;
}
.start-time-services-1 {
margin: 0 0 20px 0;
padding: 10px 25px 25px 25px;
background: url(/load/images/startseite-schnelle-produkte.png) no-repeat scroll 25px 25px #ffffff;
}
.start-time-services-1 div {
padding: 0 0 0 45px;
}
.start-time-services-1 .b-1 {
color: #003565;
}
.start-time-services-1 a {
color: #003565;
font-weight: bold;
display: inline-block;
padding: 5px 15px 0 15px;
background: url(/load/images/next-orange.png) no-repeat scroll 0 9px;
}
.start-time-services-1 a:hover,
.start-time-services-1 a:focus {
text-decoration: underline;
}
.start-time-services-2 {
padding: 25px;
background-color: #ffffff;
}
.start-time-services-2 ul {
padding: 20px 0 0 0;
}
.start-time-services-2 li {
padding: 0;
float: left;
color: #fd7f0e;
display: list-item;
margin: 0 95px 0 0;
list-style-type: disc;
list-style-position: inside;
}
.start-time-services-2 li span {
color: #003565;
font-size: 18px;
font-weight: bold;
line-height: 18px;
display: inline-block;
}
.start-process-services {
padding: 30px;
background-color: #f0f0f0;
}
.start-process-services ul {
padding: 20px 0 0 0;
}
.start-process-services li {
padding: 0;
float: left;
width: 250px;
display: block;
position: relative;
margin: 0 25px 25px 0;
background-color: #ffffff;
}
.start-process-services li.bottom {
margin: 0 25px 20px 0;
}
.start-process-services li.last {
margin: 0 0 25px 0 !important;
}
.start-process-services li.last.bottom {
margin: 0 0 20px 0 !important;
}
.start-process-services .start-process-1 .process-label {
width: 175px;
height: 16px;
color: #003565;
font-size: 16px;
padding: 15px 0 5px 15px;
}
.start-process-services .start-process-2 .process-label {
width: 175px;
height: 32px;
color: #003565;
font-size: 16px;
padding: 15px 0 10px 15px;
}
.start-process-services .process-text {
width: 175px;
height: 35px;
padding: 0 0 15px 15px;
}
.start-process-services .process-video {
top: 0;
right: 0;
width: 58px;
height: 71px;
position: absolute;
background: url(/load/images/video-grau.jpg) no-repeat scroll 0 0;
}
.start-process-services .process-video:hover {
background: url(/load/images/video-orange.jpg) no-repeat scroll 0 0;
}
.start-process-services .process-image img {
display: block;
}
.start-text-video {
padding: 0 0 15px;
margin: 30px 50px 5px;
background-color: #f0f0f0;
}
.video-home-info {
}
.process-video-home-info {
background: url(/load/images/startseite-veredelungen.jpg) no-repeat scroll right 45px;
}
.process-video-home-info div.process-video-home-info-1 {
width: 315px;
padding: 30px;
}
.video-home-info img {
float: right;
}
.video-home-info-1,
.video-home-info-2,
.video-home-info-4 {
display: block;
}
.video-home-info-1 {
color: #fd7f0e;
font-size: 18px;
font-weight: bold;
margin: 0 0 15px 0;
}
.video-home-info-2 {
color: #003565;
font-weight: bold;
margin: 0 0 30px 0;
padding: 0 !important;
font-size: 34px !important;
line-height: 26px ! important;
}
.video-home-info-3 {
color: #003565;
display: block;
font-weight: bold;
position: relative;
padding: 0 0 10px 15px;
}
.video-home-info-3.last {
padding: 0 0 0 15px;
}
.video-home-info-3:hover,
.video-home-info-3:focus {
text-decoration: underline;
}
.video-home-info-3::before {
top: 20%;
left: 0;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.video-home-info-4 {
padding: 0 0 20px 0;
}
.video-home-info-6 {
display: block;
color: #003565;
display: block;
font-weight: bold;
position: relative;
padding-left: 15px;
}
.video-home-info-6::before {
top: 25%;
left: 0;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.video-container {
padding: 15px;
margin: 0 15px;
background-color: #ffffff;
}
.video-container-text {
float: left;
width: 430px;
}
.video-container-slider {
float: right;
width: 370px;
height: 200px;
text-align: right;
}
.video-home-info-5 {
color: #fd7f0e;
font-size: 20px;
margin: 0 0 10px;
font-weight: bold;
}
.video-home-info-7 {
float: left;
width: 220px;
margin: 0 10px 0 0;
}
.video-home-info-8 {
float: left;
width: 190px;
margin: 0 10px 0 0;
}
.responsive-video-menu {
display: none;
}
.start-text-1-1,
.start-text-1-2 {
width: 365px;
padding: 25px;
margin: 20px 0 0;
background-color: #f0f3f8;
}
.start-text-1-1 b,
.start-text-1-2 b {
color: #003565;
display: block;
font-size: 16px;
font-weight: bold;
padding: 0 0 15px 0;
}
.start-text-1-1 {
float: left;
}
.start-text-1-2 {
float: right;
}
/* Product Configuration */
.main-shop-container {
overflow: hidden;
}
.product-configurator-left {
z-index: 5;
float: left;
width: 192px;
color: #ffffff;
display: table-cell;
background-color: #003565;
margin-bottom: -32767px;
padding-bottom: 32767px;
}
.product-configurator-right {
z-index: 5;
float: right;
width: 708px;
display: table-cell;
background-color: #ffffff;
padding: 15px 25px 0 35px;
margin-bottom: -32767px;
padding-bottom: 32767px;
}
.product-configurator-wrapper,
.product-configuration-container {
position: relative;
}
.responsive-product-configurator-wrapper {
display: none;
}
.start-configuration {
top: 134px;
left: 192px;
width: 17px;
height: 35px;
display: block;
position: absolute;
background: url(/load/images/start-configuration.png) no-repeat scroll 0 0 !important;
}
.product-configuration {
color: #ffffff;
padding: 20px 12px 25px;
}
.product-configuration .product-identifier {
color: #fd7f0e;
font-size: 16px;
font-weight: bold;
}
.product-details {
font-size: 12px;
padding-top: 15px;
}
.product-details b {
display: block;
text-transform: uppercase;
}
.product-details ul {
padding: 0 0 10px;
}
.product-details li {
display: none;
color: #fd7f0e;
padding: 7px 0;
border-bottom: 1px solid #586f86;
}
.product-details li.folding-code {
border-bottom: none;
padding: 7px 0 0 0;
}
.product-details li.last,
.info_block_1 li,
.info_block_2 li {
border-bottom: none;
}
.info_block_1 li,
.info_block_2 li {
display: list-item;
}
.product-details li.process-options {
display: none;
}
.product-details li span {
width: 108px;
color: #ffffff;
display: table-cell;
}
.product-details-list.on {
display: none;
}
.product-details-list.off {
display: block;
}
.product-details li span.product-details-list-option {
width: 60px;
color: #ffffff;
display: table-cell;
}
.product-details li span.link {
cursor: pointer;
text-decoration: underline;
}
.product-details .format,
.product-details .prefill {
display: none;
}
.info_block_1 li span,
.info_block_2 li span {
width: 168px;
color: #ffffff;
display: block;
}
.info_block_1 li span.product-details-list-option,
.info_block_2 li span.product-details-list-option {
width: 168px;
color: #ffffff;
display: block;
padding: 0 0 10px 0;
}
span.upload-files {
word-break: break-all;
}
.info-block-label {
padding: 10px 0;
cursor: pointer;
position: relative;
border-top: 1px solid #586f86;
}
.info-block-label.last.on {
border-bottom: 1px solid #586f86;
}
.info-block-label.on {
color: #586f86;
}
.info-block-label.on::after {
top: 14px;
width: 12px;
right: 0;
content: "";
height: 12px;
position: absolute;
background: url(/load/images/off.png) no-repeat scroll 0 0;
}
.info-block-label.off::after {
top: 14px;
width: 12px;
right: 0;
content: "";
height: 12px;
position: absolute;
background: url(/load/images/on.png) no-repeat scroll 0 0;
}
.product-prices {
float: right;
}
.product-price {
width: 177px;
color: #ffffff;
position: relative;
margin: 20px 0 25px;
padding: 5px 0 5px 15px;
background-color: #fd7f0e;
}
.price-for-product {
left: 5px;
width: 18px;
height: 8px;
bottom: -8px;
display: block;
position: absolute;
background: url(/load/images/arrow-orange.png) no-repeat scroll 0 0 !important;
}
.product-price .product-price-without-tax {
width: 165px;
height: 35px;
display: block;
font-size: 10px;
line-height: 16px;
border-bottom: 1px solid #ffa262;
}
.product-price .product-price-without-tax span {
display: block;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.product-price .product-price-with-tax {
width: 165px;
display: block;
font-size: 10px;
min-height: 35px;
padding-top: 5px;
}
.product-price .product-price-with-tax span {
display: block;
font-size: 28px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}
.product-configuration-button {
top: -2px;
float: right;
width: 131px;
height: 37px;
cursor: pointer;
position: relative;
}
.product-configuration-button span {
width: 65px;
height: 37px;
display: inline-block;
}
.product-configuration-button .profi-modus span.active {
padding: 0 0 0 1px;
}
.product-configuration-button .easy-modus span.active {
padding: 0 1px 0 0;
}
.product-configuration-button.profi-modus {
background: url(/load/images/easy-button.png) no-repeat scroll 0 0;
}
.product-configuration-button.easy-modus {
background: url(/load/images/profi-button.png) no-repeat scroll 0 0;
}
.profi-modus,
.easy-modus {
}
.product-configuration-button .online-designer-icon {
top: 10px;
right: 10px;
width: 30px;
height: auto;
position: absolute;
}
.easy-modus-container .set-product-configuration {
display: none;
padding: 20px 0 0 190px;
}
.profi-modus-container .set-product-configuration {
display: none;
padding: 20px 0 0 200px;
}
.product-button {
width: 390px;
display: block;
color: #ffffff;
cursor: pointer;
font-size: 16px;
text-align: left;
font-weight: bold;
padding: 10px 15px;
margin: 10px 0 0 0;
text-transform: uppercase;
background: url(/load/images/next-orange.png) no-repeat scroll 360px 15px #003565;
}
.product-button-shop {
float: right;
width: 150px;
display: block;
background: url(/load/images/next-orange.png) no-repeat scroll 130px 15px #003565;
}
/* Product Navigation */
.product-nav div {
display: inline-block;
}
.product-nav .nav-process,
.product-nav .nav-pages {
display: none;
}
.product-nav a,
.product-nav span {
font-weight: bold;
}
.product-nav a.next,
.product-nav span.next {
position: relative;
display: inline-block;
padding: 5px 20px 5px 0;
}
.product-nav a.next::after,
.product-nav span.next::after {
top: 11px;
width: 5px;
right: 10px;
content: "";
height: 9px;
position: absolute;
background: url(/load/images/breadcrumbs-gray.png) no-repeat scroll 0 0;
}
.product-nav a.active::after,
.product-nav span.active::after {
background: url(/load/images/breadcrumbs-gray.png) no-repeat scroll 0 0;
}
.product-nav a.done::after,
.product-nav span.done::after {
background: url(/load/images/breadcrumbs.png) no-repeat scroll 0 0;
}
.product-nav a.next {
font-weight: bold;
}
.product-nav span.done {
color: #fd7f0e;
cursor: pointer;
}
.product-nav span.done:hover {
color: #003565;
}
.product-nav span.done.last-step {
cursor: default;
}
.product-nav span.active {
color: #003565;
font-weight: bold;
}
/* Prices Table */
.product-price-container .prices-info-easy {
right: 20px;
position: absolute;
}
.product-price-container .search-charge-easy {
float: left;
width: 300px;
display: none;
}
.search-charge-easy-label {
color: #003565;
display: block;
padding: 10px 0 5px 0;
}
.product-price-container .search-charge-easy input {
float: left;
width: 68px;
height: 24px;
color: #fd7f0e;
display: block;
font-size: 18px;
padding: 2px 5px;
font-weight: bold;
line-height: 24px;
text-align: center;
border: 1px solid #c0cfdf;
}
.product-price-container .search-charge-easy input[type=button] {
float: left;
width: 36px;
height: 30px;
color: #ffffff;
display: block;
font-size: 14px;
padding: 2px 3px;
font-weight: bold;
margin: 0 0 0 5px;
line-height: 20px;
background-color: #003565;
border: 3px solid #ffffff;
}
.product-price-container .prices-info-profi {
right: 20px;
display: none;
position: absolute;
}
.product-price-container .price-infos {
display: block;
font-size: 12px;
text-align: right;
padding: 10px 0 0 0;
}
.product-price-container a.price-infos {
display: block;
padding: 10px 0 0;
font-weight: bold;
text-decoration: underline;
}
.price-table {
width: 608px;
border: none;
border-spacing: 0;
table-layout: fixed;
border-collapse: separate;
}
.price-table td {
padding: 5px 20px 5px 20px;
}
.price-table .charge-small td,
.price-table .charge-large td {
height: 25px;
padding: 5px;
line-height: 25px;
text-align: center;
background-color: #f0f0f0;
}
.tr_0 td {
border-left: none;
border-right: none;
font-weight: normal;
background-color: #ffffff;
border-top: 1px solid #c0cfdf;
border-bottom: 1px solid #c0cfdf;
}
.tr_1 td {
border-left: none;
border-right: none;
font-weight: normal;
background-color: #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
.tr_th_1 td {
color: #ffffff;
font-weight: bold;
text-align: center;
background-color: #003565;
}
.tr_th_2 td {
font-weight: bold;
text-align: center;
background-color: #ffffff;
}
.tr_th_2 td.start_td {
text-align: left;
font-weight: bold;
background-color: #ffffff;
}
.start_td {
text-align: left;
padding: 5px 5px 5px 20px;
}
.delay_td {
}
.price_td {
cursor: pointer;
text-align: right;
padding: 5px 45px 5px 20px !important;
}
.price-table .price_td:hover {
padding: 5px 19px 5px 19px;
border: 1px solid #fd7f0e !important;
}
.td_true {
color: #ffffff;
border: 1px solid #fd7f0e !important;
background-color: #fd7f0e !important;
padding: 5px 45px 5px 20px !important;
}
.tr_th_1 span {
top: -1px;
position: relative;
}
.tr_th_1 span.th_true {
top: -10px;
left: -20px;
height: 5px;
display: block;
min-width: 105px;
position: relative;
background-color: #fd7f0e;
}
.charge-titel-td {
color: #ffffff !important;
text-align: left !important;
}
.delay-info {
width: 16px;
left: 85px;
height: 16px;
position: absolute;
background: url(/load/images/info-button-grau.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.all-charge-label {
width: 125px;
color: #003565;
padding: 0 0 0 10px;
display: inline-block;
background: url(/load/images/bottom-orange-table.png) no-repeat scroll 110px 6px #ffffff;
}
.all-charge-label.active {
color: #003565;
}
.all-charge-menu {
top: 571px;
left: 277px;
z-index: 100;
width: 300px;
display: none;
color: #003565;
padding: 10px 5px;
position: absolute;
background-color: #ffffff;
border-top: 3px solid #fd7f0e;
box-shadow: 0px 3px 12px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 12px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 12px 0px rgba(127,154,178,0.75);
}
.all-charge-menu div {
float: left;
width: 70px;
padding: 0 30px 0 0;
}
.all-charge-menu div span {
top: 0;
width: 70px;
display: block;
cursor: pointer;
font-weight: bold;
text-align: right;
}
.all-charge-menu div span:hover,
.all-charge-menu div span:focus {
color: #fd7f0e;
}
.price-table-easy .delay-info {
top: 9px;
}
.price-table-profi .delay-info {
top: 13px;
}
.easy-modus-container .product-price-container .price-info {
color: #003565;
font-weight: bold;
padding-bottom: 15px;
}
.profi-modus-container .product-price-container .price-info {
color: #898989;
font-weight: bold;
padding-bottom: 15px;
}
.product-price-container .price-loader {
top: 0;
z-index: 15;
width: 580px;
display: none;
position: absolute;
text-align: center;
margin: 45px 0 0 0;
}
.product-price-container .price-loader span {
width: 538px;
opacity: 0.9;
padding: 20px;
color: #003565;
display: inline-block;
background-color: #ffffff;
border: 1px solid #c0cfdf;
}
.product-price-container .price-loader img {
display: inline-block;
padding: 30px 0 10px 0;
}
.product-price-container .price-loader-infos {
display: none;
text-align: center;
}
.delay-info-container {
/*top: -1px;*/
display: none;
position: relative;
padding: 0 20px 20px 20px;
background-color: #f0f0f0;
}
.delay-info-container .sub {
color: #fd7f0e;
}
.delay-info-container-left .sub {
top: 0;
left: 0;
padding: 0 5px 0 0;
}
.delay-info-container-right .sub {
left: 0;
top: -5px;
}
.delay-info-container-left {
float: left;
width: 196px;
padding: 50px 0 0 0;
}
.delay-info-container-left b {
display: block;
color: #003565;
font-size: 13px;
padding: 0 0 5px 5px;
}
.delay-info-container-left ul {
font-size: 12px;
padding: 0 0 0 5px;
}
.delay-info-container-left li {
color: #fd7f0e;
display: list-item;
padding: 0 0 5px 0;
list-style-type: disc;
list-style-position: inside;
}
.delay-info-container-left li.last {
padding: 0 0 0 0;
}
.delay-info-container-left li span {
color: #898989;
font-weight: bold;
}
.delay-info-container-left li span.last {
padding: 0 0 0 10px;
}
.delay-info-container-left .form-tooltip-trigger {
top: 20px;
left: 20px;
}
.delay-info-container-right {
float: left;
width: 372px;
padding: 50px 0 0 0;
}
.delay-info-container-right .product-delay-item {
float: left;
width: 102px;
height: 102px;
color: #003565;
cursor: pointer;
font-size: 13px;
margin-left: 20px;
font-weight: bold;
text-align: center;
position: relative;
background-color: #ffffff;
border: 1px solid #ffffff;
}
.delay-info-container-right .product-delay-item:hover,
.delay-info-container-right .product-delay-item:focus,
.delay-info-container-right .product-delay-item.active {
border: 1px solid #fd7f0e;
}
.delay-info-container-right .product-delay-item .product-delay {
top: 60px;
width: 102px;
position: absolute;
text-align: center;
}
.delay-info-container-right .product-delay-item .product-delay-date {
top: 75px;
width: 102px;
position: absolute;
text-align: center;
}
.delay-info-container-right .product-delay-item.active .product-delay {
color: #fd7f0e;
}
.delay-info-container-profi {
width: 608px;
padding: 5px;
position: relative;
background-color: #ffffff;
}
/* Product Configuration - Easy Modus */
.easy-modus-container {
min-height: 440px;
position: relative;
}
.easy-modus-container .configurator-options {
min-height: 290px;
}
.main-breadcrumbs {
clear: both;
position: relative;
padding: 50px 50px 0 40px;
}
.main-breadcrumbs.next-steps {
padding: 87px 50px 0 40px;
}
.breadcrumbs-step {
float: left;
width: 25px;
height: 25px;
display: block;
}
.breadcrumbs-step span {
width: 25px;
height: 25px;
display: block;
}
.breadcrumbs-step-1 span {
background: url(/load/images/breadcrumb-points.png) no-repeat scroll -1px -1px;
}
.breadcrumbs-step-2 span {
background: url(/load/images/breadcrumb-points.png) no-repeat scroll -31px -1px;
}
.breadcrumbs-step-3 span {
background: url(/load/images/breadcrumb-points.png) no-repeat scroll -61px -1px;
}
.breadcrumbs-step-1.done span {
background: url(/load/images/breadcrumb-points.png) no-repeat scroll -1px -27px;
}
.breadcrumbs-step-1.active span,
.breadcrumbs-step-1.done:hover span {
background: url(/load/images/breadcrumb-points.png) no-repeat scroll -1px -53px;
}
.breadcrumbs-step-2.done span {
background: url(/load/images/breadcrumb-points.png) no-repeat scroll -31px -27px;
}
.breadcrumbs-step-2.active span,
.breadcrumbs-step-2.done:hover span {
background: url(/load/images/breadcrumb-points.png) no-repeat scroll -31px -53px;
}
.breadcrumbs-step-3.done span {
background: url(/load/images/breadcrumb-points.png) no-repeat scroll -61px -27px;
}
.breadcrumbs-step-3.active span,
.breadcrumbs-step-3.done:hover span {
background: url(/load/images/breadcrumb-points.png) no-repeat scroll -61px -53px;
}
.breadcrumbs-step-1.done:hover span,
.breadcrumbs-step-2.done:hover span,
.breadcrumbs-step-3.done:hover span {
cursor: pointer;
}
.breadcrumbs-line {
top: 11px;
width: 270px;
float: left;
display: block;
position: relative;
border-top: 3px solid #f0f0f0;
}
.breadcrumbs-line span {
top: -3px;
height: 3px;
display: block;
position: absolute;
background-color: #f0f0f0;
}
.breadcrumbs-line-left .active-0 {
width: 10px;
background: #fecb96;
}
.breadcrumbs-line-left .active-1 {
background: #fecb96; /* Old browsers */
background: -moz-linear-gradient(left, #fecb96 0%, #fd7f0f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecb96 0%,#fd7f0f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecb96 0%,#fd7f0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecb96', endColorstr='#fd7f0f',GradientType=1 ); /* IE6-9 */
}
.breadcrumbs-line-left .active-end {
width: 270px;
background: #fecb96; /* Old browsers */
background: -moz-linear-gradient(left, #fecb96 0%, #fd7f0f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fecb96 0%,#fd7f0f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fecb96 0%,#fd7f0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecb96', endColorstr='#fd7f0f',GradientType=1 ); /* IE6-9 */
}
.breadcrumbs-line-right .active-0 {
width: 90px;
background: #3f6e9a; /* Old browsers */
background: -moz-linear-gradient(left, #3f6e9a 0%, #c0d1e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3f6e9a 0%,#c0d1e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3f6e9a 0%,#c0d1e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f6e9a', endColorstr='#c0d1e5',GradientType=1 ); /* IE6-9 */
}
.breadcrumbs-line-right .active-1 {
width: 180px;
background: #3f6e9a; /* Old browsers */
background: -moz-linear-gradient(left, #3f6e9a 0%, #c0d1e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3f6e9a 0%,#c0d1e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3f6e9a 0%,#c0d1e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f6e9a', endColorstr='#c0d1e5',GradientType=1 ); /* IE6-9 */
}
.breadcrumbs-line-right .active-end {
width: 270px;
background: #3f6e9a; /* Old browsers */
background: -moz-linear-gradient(left, #3f6e9a 0%, #c0d1e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3f6e9a 0%,#c0d1e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3f6e9a 0%,#c0d1e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f6e9a', endColorstr='#c0d1e5',GradientType=1 ); /* IE6-9 */
}
.breadcrumbs-step-name {
min-width: 130px;
font-size: 18px;
font-weight: bold;
position: relative;
padding: 0 0 17px 0;
display: inline-block;
}
.breadcrumbs-step-name.active {
color: #003565;
}
.breadcrumbs-step-name.done {
color: #fd7f0e;
}
.breadcrumbs-step-name.done a:hover,
.breadcrumbs-step-name.done a:focus {
color: #003565 !important;
}
.breadcrumbs-step-name.first {
left: -40px;
text-align: left;
}
.breadcrumbs-step-name.middle {
left: 15px;
text-align: center;
}
.breadcrumbs-step-name.last {
right: -90px;
text-align: right;
}
.easy-modus-container .product-nav {
text-align: center;
padding: 10px 0 28px 0;
}
.easy-modus-container .product-configurator-step-label {
color: #003565;
font-size: 36px;
line-height: 30px;
font-weight: bold;
text-align: center;
position: relative;
padding: 0 53px 0 40px;
}
.product-configurator-step-label .form-tooltip-trigger {
top: 2px;
width: 12px;
height: 12px;
background: url(/load/images/info-tip.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.product-configurator-step-label .tooltip {
top: -20px;
width: 250px;
padding: 15px;
color: #898989 !important;
font-size: 14px !important;
text-align: left !important;
font-weight: bold !important;
}
.product-configurator-step-label .tooltip::before {
top: 15px;
left: -10px;
width: 10px;
content: "";
height: 27px;
position: absolute;
background: url(/load/images/tooltip-pt-l.png) no-repeat scroll 0 0 !important;
}
.product-configurator-step-label .form-tooltip-trigger.special-tip {
top: 2px;
left: 0;
right: 0;
height: 27.5px;
margin: 0 0 0 5px;
position: relative;
line-height: 27.5px;
display: inline-block;
background: url(/load/images/info-tip.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.product-configurator-step-label .special-tooltip {
top: 40px;
left: 0;
right: 0;
width: 615px;
padding: 15px;
margin: 0 auto;
color: #898989 !important;
font-size: 14px !important;
text-align: left !important;
font-weight: bold !important;
}
.product-configurator-step-label .special-tooltip::before {
top: -10px;
left: 50%;
width: 27px;
content: "";
height: 10px;
position: absolute;
background: url(/load/images/tooltip-pt-t.png) no-repeat scroll 0 0 !important;
}
.product-configurator-step-label .tooltip span {
color: #fd7f0e !important;
}
.easy-modus-container .product-configurator-step {
text-align: center;
padding: 20px 53px 30px 40px;
}
.product-configurator-back-link {
top: 0;
left: 0;
z-index: 10;
width: 50px;
color: #003565;
display: block;
font-weight: bold;
position: absolute;
padding: 0 0 0 15px;
background: url(/load/images/back.png) no-repeat scroll 0 5px;
}
.product-configurator-back-link:hover {
background: url(/load/images/back-blau.png) no-repeat scroll 0 5px;
}
.easy-modus-container .product-price-container {
display: none;
min-height: 110px;
position: relative;
padding: 0 50px 0 50px;
/*padding: 0 64px 25px 64px;*/
}
.easy-modus-container .product-price-container .price-loader-infos {
color: #003565;
position: absolute;
}
.profi-modus-container .product-price-container .price-loader-infos {
color: #003565;
position: absolute;
}
.easy-modus-container .product-price-container .price-loader-infos span {
width: 580px;
color: #003565;
display: inline-block;
}
.easy-modus-container .product-price-container .price-loader-infos img {
padding: 0 0 10px 0;
display: inline-block;
}
.profi-modus-container .product-price-container .price-loader-infos span {
width: 618px;
color: #003565;
display: inline-block;
}
.profi-modus-container .product-price-container .price-loader-infos img {
padding: 0 0 10px 0;
display: inline-block;
}
.price-table-easy {
position: relative;
}
.product-price-infos {
color: #003565;
font-weight: bold;
}
.easy-modus-container .product-price-infos {
text-align: center;
}
.profi-modus-container .product-price-infos {
text-align: left;
}
.product-option {
z-index: 5;
float: left;
width: 128px;
height: 128px;
font-size: 13px;
cursor: pointer;
line-height: 18px;
position: relative;
text-align: center;
margin: 0 14.5px 14.5px 0;
background-color: #f0f0f0;
border: 1px solid transparent;
}
.product-option:hover,
.product-option:focus,
.product-option:active,
.product-option.active,
.product-option.selected {
top: -5px;
left: -5px;
padding: 5px;
width: 128px;
height: 128px;
margin: 0 4.5px 4.5px 0;
border: 1px solid #003565;
background-color: #ffffff;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.product-option:hover .option-container,
.product-option:focus .option-container,
.product-option:active .option-container,
.product-option.active .option-container,
.product-option.selected .option-container {
width: 128px;
height: 128px;
}
.product-option.last {
margin: 0 0 14.5px 0 !important;
}
.product-option.before-last {
margin: 0 4.5px 14.5px 0 !important;
}
.product-option.last:hover,
.product-option.last:focus,
.product-option.last:active,
.product-option.last.active,
.product-option.last.selected {
left: 5px;
top: -5px;
margin: 0 0 4.5px 0 !important;
}
.product-option .option-container {
width: 128px;
height: 128px;
background-color: #f0f0f0;
}
.product-option b {
left: 0;
bottom: 5px;
width: 128px;
display: block;
max-height: 36px;
position: absolute;
}
.product-option.empty b {
bottom: 35px;
max-height: 54px;
}
.product-option img {
top: 0;
left: 0;
width: 128px;
height: auto;
position: absolute;
}
.product-option:hover img,
.product-option:focus img,
.product-option:active img,
.product-option.active img,
.product-option.selected img {
top: 5px;
left: 5px;
}
.product-option:hover b,
.product-option:focus b,
.product-option:active b,
.product-option.active b,
.product-option.selected b {
left: 5px;
bottom: 10px;
}
.product-option.empty:hover b,
.product-option.empty:focus b,
.product-option.empty:active b,
.product-option.empty.active b,
.product-option.empty.selected b {
left: 5px;
bottom: 40px;
}
.paper-properties-1 {
top: 6px;
right: 6px;
z-index: 50;
position: absolute;
text-align: center;
}
.product-option:hover .paper-properties-1,
.product-option:focus .paper-properties-1,
.product-option:active .paper-properties-1,
.product-option.active .paper-properties-1,
.product-option.selected .paper-properties-1 {
top: 11px;
right: 11px;
}
.paper-properties-1 .form-tooltip-trigger {
top: 1px;
right: 1px;
}
.paper-properties-1 .tooltip.show {
width: 120px;
display: block;
color: #ffffff;
background: none repeat scroll 0 0 #acacac;
}
.paper-properties-1 .tooltip-cont {
top: -10px;
position: relative;
padding: 20px 15px 0;
background: url(/load/images/tooltip-product-pt-t.png) no-repeat scroll 105px 3px rgba(0, 0, 0, 0);
}
.paper-properties-2 {
top: 6px;
right: 6px;
width: 16px;
position: absolute;
text-align: center;
}
.product-option:hover .paper-properties-2,
.product-option:focus .paper-properties-2,
.product-option:active .paper-properties-2,
.product-option.active .paper-properties-2,
.product-option.selected .paper-properties-2 {
top: 11px;
right: 11px;
}
.product-option .product-video {
top: 5px;
right: 5px;
z-index: 100;
width: 16px;
height: 16px;
position: absolute;
background: url(/load/images/icon-video.png) no-repeat scroll 0 0;
}
.product-option:hover .product-video,
.product-option.selected .product-video {
top: 10px;
right: 10px;
}
.product-option .product-video:hover {
background: url(/load/images/icon-video.png) no-repeat scroll 0 -16px;
}
.product-option.group {
border: 1px solid #f0f0f0;
}
.product-option.group::after {
top: 56.5px;
left: 128px;
width: 8px;
right: 0;
content: "";
height: 15px;
position: absolute;
background: url(/load/images/product-option-grau.png) no-repeat scroll 0 0;
}
.product-option.group:hover {
top: 0;
left: 0;
padding: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
margin: 0 14.5px 14.5px 0;
border: 1px solid #f0f0f0;
}
.product-option.group .option-container {
background-color: #ffffff;
}
.product-option.group:hover img,
.product-option.group:focus img,
.product-option.group:active img {
top: 0;
left: 0;
}
.product-option.group:hover b,
.product-option.group:focus b,
.product-option.group:active b {
left: 0;
bottom: 5px;
}
.product-option.next-group {
border: none;
cursor: default;
background-color: #ffffff;
}
.product-option.next-group:hover,
.product-option.next-group:focus,
.product-option.next-group:active {
top: 0;
left: 0;
padding: 0;
width: 128px;
height: 128px;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background-color: #ffffff;
margin: 0 14.5px 14.5px 0;
}
.paper-property {
height: 16px;
display: block;
color: #fd7f0e;
padding: 0 0 10px 0;
position: relative;
}
.paper-property.paper_star {
background: url(/load/images/paper_table/paper_star.png) no-repeat scroll 0 0;
}
.paper-property.paper_heart {
background: url(/load/images/paper_table/paper_heart.png) no-repeat scroll 0 0;
}
.paper-property.paper_volume {
background: url(/load/images/paper_table/paper_volume.png) no-repeat scroll 0 0;
}
.paper-property.paper_price {
background: url(/load/images/paper_table/paper_price.png) no-repeat scroll 0 0;
}
.paper-property.paper_thumb {
background: url(/load/images/paper_table/paper_thumb.png) no-repeat scroll 0 0;
}
.paper-property.paper_clock {
background: url(/load/images/paper_table/paper_clock.png) no-repeat scroll 0 0;
}
.color-option-2 img {
width: 128px;
height: auto;
}
.product-option.page-option b {
top: 55px;
bottom: 0;
}
.product-option.page-option b.page-count {
top: 35px;
bottom: 0;
height: 20px;
font-size: 16px;
line-height: 20px;
}
.page-option:hover b,
.page-option:focus b,
.page-option:active b,
.page-option.active b,
.page-option.selected b {
top: 60px;
bottom: 0;
}
.page-option:hover b.page-count,
.page-option:focus b.page-count,
.page-option:active b.page-count,
.page-option.active b.page-count,
.page-option.selected b.page-count {
top: 40px;
bottom: 0;
}
.product-option.multilayer-option .color {
top: 40px;
left: 22px;
z-index: 10;
width: 85px;
height: 8px;
position: absolute;
}
.multilayer-option:hover .color,
.multilayer-option:focus .color,
.multilayer-option1:active .color,
.multilayer-option.active .color,
.multilayer-option.selected .color {
top: 45px;
left: 27px;
}
.multilayer-counter-1 {
background-color: #000000;
}
.multilayer-counter-2 {
background-color: #fffef8;
}
.multilayer-counter-3 {
background-color: #ffffff;
}
.multilayer-counter-4 {
background-color: #a0253c;
}
.multilayer-counter-5 {
background-color: #a1b474;
}
.multilayer-counter-6 {
background-color: #cfe1b9;
}
.multilayer-counter-7 {
background-color: #96c7d3;
}
.multilayer-counter-8 {
background-color: #9378b6;
}
.multilayer-counter-9 {
background-color: #efd644;
}
.multilayer-counter-10 {
background-color: #e7913a;
}
.multilayer-counter-11 {
background-color: #ca3493;
}
.multilayer-counter-12 {
background-color: #dfa6ca;
}
.multilayer-counter-13 {
background-color: #4771ba;
}
.product-price-container .charge-nav {
color: #898989;
font-weight: bold;
text-align: center;
position: relative;
display: inline-block;
}
.charge-small td .charge-nav:hover,
.charge-large td .charge-nav:hover {
color: #003565;
}
.product-price-container .charge-nav.back {
width: 11px;
padding: 0 10px 0 0;
display: inline-block;
background: url(/load/images/top-orange.png) no-repeat scroll 0 6px;
}
.charge-small td .charge-nav.back:hover {
background: url(/load/images/top-blau.png) no-repeat scroll 0 6px;
}
.product-price-container .charge-nav.next {
width: 11px;
padding: 0 10px 0 0;
display: inline-block;
background: url(/load/images/bottom-orange.png) no-repeat scroll 0 6px;
}
.charge-large td .charge-nav.next:hover {
background: url(/load/images/bottom-blau.png) no-repeat scroll 0 6px;
}
.all-charges {
left: 5px;
z-index: 10;
width: 100px;
display: block;
font-weight: bold;
text-align: center;
position: absolute;
background-color: #ffffff;
}
.all-charges:hover {
color: #ffffff;
background-color: #003565;
}
/*.fold-property {
top: 6px;
right: 6px;
z-index: 50;
position: absolute;
text-align: center;
}
.product-option:hover .fold-property,
.product-option:focus .fold-property,
.product-option:active .fold-property,
.product-option.active .fold-property,
.product-option.selected .fold-property {
top: 11px;
right: 11px;
}
.fold-property .form-tooltip-trigger {
top: 1px;
right: 1px;
}
.fold-property .tooltip {
width: 120px;
color: #ffffff;
background: none repeat scroll 0 0 #acacac;
}
.fold-property .tooltip-cont {
top: -10px;
position: relative;
padding: 20px 15px 0;
background: url(/load/images/tooltip-product-pt-t.png) no-repeat scroll 105px 3px rgba(0, 0, 0, 0);
}*/
/* Product Configuration - Profi Modus */
.profi-modus-container {
display: none;
min-height: 440px;
position: relative;
}
.profi-modus-container .configurator-options {
min-height: 500px;
/*min-height: 790px;*/
background-color: #f0f0f0;
padding: 25px 25px 25px 45px;
}
.profi-modus-container .product-nav {
text-align: center;
padding: 10px 70px 28px 40px;
}
.profi-modus-container .product-configurator-step {
font-size: 14px;
text-align: center;
padding: 15px 45px 25px 35px;
}
.profi-modus-container .product-price-container {
width: 618px;
display: none;
padding-top: 20px;
}
.price-table-profi {
width: 608px;
padding: 5px;
display: none;
position: relative;
background-color: #ffffff;
}
.profi-modus-container .product-daten {
clear: left;
min-height: 30px;
position: relative;
margin-bottom: 15px;
}
.profi-modus-container .product-label {
float: left;
width: 100px;
display: block;
font-weight: bold;
}
.profi-modus-container select {
width: 430px;
padding: 3px;
display: inline-block;
background-color: #ffffff;
}
.product-daten .form-tooltip-trigger {
right: 0;
left: 540px;
}
.product-daten .form-tooltip-trigger.color-trigger {
display: none;
}
#multilayer_select_child #multilayer_select_msa_1 {
border-left: 10px solid #000000;
}
#multilayer_select_child #multilayer_select_msa_2 {
border-left: 10px solid #fffef8;
}
#multilayer_select_child #multilayer_select_msa_3 {
border-left: 10px solid #ffffff;
}
#multilayer_select_child #multilayer_select_msa_4 {
border-left: 10px solid #a0253c;
}
#multilayer_select_child #multilayer_select_msa_5 {
border-left: 10px solid #a1b474;
}
#multilayer_select_child #multilayer_select_msa_6 {
border-left: 10px solid #cfe1b9;
}
#multilayer_select_child #multilayer_select_msa_7 {
border-left: 10px solid #96c7d3;
}
#multilayer_select_child #multilayer_select_msa_8 {
border-left: 10px solid #9378b6;
}
#multilayer_select_child #multilayer_select_msa_9 {
border-left: 10px solid #efd644;
}
#multilayer_select_child #multilayer_select_msa_10 {
border-left: 10px solid #e7913a;
}
#multilayer_select_child #multilayer_select_msa_11 {
border-left: 10px solid #ca3493;
}
#multilayer_select_child #multilayer_select_msa_12 {
border-left: 10px solid #dfa6ca;
}
#multilayer_select_child #multilayer_select_msa_13 {
border-left: 10px solid #4771ba;
}
/* Search Format Easy */
/*.search-format-easy-container {
display: none;
padding: 10px;
font-size: 13px;
margin: 0 0 20px 0;
background-color: #f0f0f0;
}
.search-format-easy-container b {
padding: 0 10px 0 0;
display: inline-block;
}
.search-format-easy-container b.search-label {
padding: 0 75px 0 0;
}
.search-format-easy-container input {
width: 100px;
padding: 5px;
font-size: 13px;
}
.search-format-easy-container .mm-width {
left: -30px;
position: relative;
}
.search-format-easy-container .mm-height {
left: -30px;
position: relative;
}
.search-format-easy-container button {
color: #003565;
font-size: 13px;
position: relative;
padding: 0 0 0 10px;
background-color: transparent;
}
.search-format-easy-container button::before {
top: 20%;
left: 0;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.search-format-easy-container button:hover::before {
background: url(/load/images/next-blau.png) no-repeat scroll 0 0;
}*/
/* Search Format Profi */
.show-format-button {
color: #003565;
font-size: 13px;
margin: 10px 0 0 100px;
text-decoration: underline;
background-color: transparent !important;
}
.profi-modus-container .format-found-info {
width: 460px;
display: none;
color: #ff0000;
font-size: 13px;
margin: 10px 0 0 100px;
}
.search-format-profi-container {
display: none;
padding: 10px 0 0 100px;
}
.search-format-profi-container b {
padding: 0 10px 0 0;
display: inline-block;
}
.search-format-profi-container input {
width: 141px;
padding: 5px;
font-size: 13px;
}
.search-format-profi-container .mm-width {
left: -30px;
position: relative;
}
.search-format-profi-container .mm-height {
left: -30px;
position: relative;
}
.search-format-profi-container button {
width: 36px;
height: 30px;
display: block;
color: #ffffff;
margin: 10px 0 0;
padding: 2px 3px;
font-weight: bold;
background-color: #003565;
}
.search-format-profi-container button:hover {
}
/* Search Format Option */
.product-option.search-format-easy {
top: 317px;
left: 0;
z-index: 10;
display: none;
position: absolute;
}
.own-format img,
.own-format:hover img,
.own-format:focus img,
.own-format:active img,
.own-format.active img,
.own-format.selected img {
padding: 0;
height: auto;
width: 128px !important;
}
.product-option.search-format-easy b {
height: 18px;
}
.product-option.search-format-easy:hover {
left: -5px;
top: 312px;
}
.search-format-easy:hover b {
left: 5px;
bottom: 10px;
}
.product-option.search-format-easy.active {
left: -5px;
top: 311.5px;
height: 272.5px
}
.search-format-easy.active b {
bottom: 154px;
}
.search-format-easy-form {
top: 133px;
width: 100px;
display: none;
height: 144.5px;
padding: 0 14px;
position: absolute;
}
.search-format-easy.active .search-format-easy-form {
/*display: block;*/
}
.search-format-easy-form div {
position: relative;
}
.search-format-easy-form .search-label {
display: block;
text-align: left;
font-weight: bold;
padding: 7px 0 2px;
}
.search-format-easy-form input {
width: 88px;
padding: 5px;
display: block;
font-size: 13px;
border: 1px solid #f0f0f0;
}
.search-format-easy-form .mm-width,
.search-format-easy-form .mm-height {
top: 32px;
right: 5px;
width: 22px;
position: absolute;
display: inline-block;
}
.search-format-easy-form button {
width: 90px;
color: #003565;
display: block;
cursor: pointer;
font-weight: bold;
text-align: center;
padding: 0 0 0 15px;
margin: 7px 5px 0 5px;
background: url(/load/images/next-orange.png) no-repeat scroll 0 3px transparent;
}
.search-format-easy-form button:hover {
background: url(/load/images/next-blau.png) no-repeat scroll 0 3px transparent;
}
.easy-modus-container .format-found-info {
bottom: 0;
display: none;
color: #fd7f0e;
font-size: 12px;
position: absolute;
}
/* Price Block */
.summary-container {
display: block;
color: #ffffff;
padding: 10px 25px;
margin: 35px 0 0 0;
background-color: #fd7f0e;
}
.responsive-summary-container {
display: none;
}
.product-form .summary-container {
display: none;
}
.summary-wrapper {
height: 90px;
display: table-cell;
vertical-align: middle;
}
.summary-container .summary-wrapper div {
display: block;
}
.summary-container .price-product-identifier {
width: 220px;
font-size: 20px;
font-weight: bold;
padding: 0 20px 0 0;
}
.summary-container .price-block {
width: 185px;
}
.summary-container .price-block .price-type {
line-height: 14px;
padding: 0 0 10px 0;
text-transform: uppercase;
}
.summary-container .price-block .price-value {
font-size: 2em;
}
.summary-container .price-block .price-comment {
font-size: 12px;
line-height: 12px;
font-weight: normal;
padding: 10px 0 0 0;
}
.summary-container .button-block {
width: 300px;
}
.summary-container button {
float: right;
width: 300px;
color: #ffffff;
display: block;
font-size: 16px;
cursor: pointer;
text-align: left;
font-weight: bold;
line-height: 16px;
padding: 10px 15px;
background: url(/load/images/next-orange.png) no-repeat scroll 280px 14px #003565;
}
.next-button-1 {
margin: 0 0 5px 0;
}
.next-button-2 {
margin: 5px 0 0 0;
}
/* Category Page */
.category-identifier {
color: #003565;
font-size: 28px;
font-weight: bold;
padding: 0 0 30px 0 !important;
}
.category-details {
color: #fd7f0e;
font-size: 20px;
line-height: 22px;
font-weight: bold;
padding: 0 0 30px 0 !important;
}
/* Product Item */
.category-item {
float: left;
width: 415px;
height: 235px;
display: block;
position: relative;
}
.category-item-left {
margin: 0 15px 30px 0;
}
.category-item-left:hover {
top: -6px;
left: -6px;
padding: 5px;
width: 415px;
height: 235px;
margin: 0 3px 0 0;
border: 1px solid #003565;
background-color: #ffffff;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.category-item-right {
margin: 0 0 30px 15px;
}
.category-item-right:hover {
top: -6px;
left: 6px;
padding: 5px;
width: 415px;
height: 235px;
margin: 0 0 0 3px;
border: 1px solid #003565;
background-color: #ffffff;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.category-item-left.last:hover {
margin: 0 3px 18px 0;
}
.category-item-right.last:hover {
margin: 0 0 18px 3px;
}
.category-container ul {
width: 235px;
padding: 0 0 0 15px !important;
}
.category-container li {
color: #fd7f0e;
display: list-item;
list-style-type: disc;
list-style-position: outside;
}
.category-container li span {
color: #898989;
float: none;
}
.category-container span.product-order-link {
left: 25px;
bottom: 20px;
width: 225px;
display: block;
font-size: 14px;
font-weight: bold;
position: absolute;
padding: 0 0 0 15px;
}
.category-container span.product-order-link::before {
top: 5px;
left: 0;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.category-container span.product-order-link:hover,
.category-container span.product-order-link:focus {
text-decoration: underline;
}
.category-container .product-video {
top: 10px;
right: 10px;
z-index: 15;
width: 58px;
height: 71px;
position: absolute;
background: url(/load/images/video-grau.jpg) no-repeat scroll 0 0;
}
.category-container:hover .product-video {
background: url(/load/images/video-orange.jpg) no-repeat scroll 0 0;
}
.process-category-item .category-container .product-video {
top: 5px;
right: 5px;
z-index: 10;
width: 16px;
height: 16px;
position: absolute;
background: url(/load/images/icon-video.png) no-repeat scroll 0 0;
}
.process-category-item .category-container:hover .product-video {
background: url(/load/images/icon-video.png) no-repeat scroll 0 -16px;
}
.category-container .product-property {
top: 20px;
padding: 0;
right: 20px;
width: 21px;
height: 21px;
display: block;
position: absolute;
}
.category-container .product-item-express {
background: url(/load/images/express-time.png) no-repeat scroll 0 0;
}
.category-container .product-item-new {
width: 25px;
height: 25px;
background: url(/load/images/new.png) no-repeat scroll 0 0;
}
.category-info-container {
height: 225px;
padding: 25px;
margin: 0 0 30px;
position: relative;
background-color: #f0f0f0;
}
.category-info-container b {
color: #fd7f0e;
display: block;
font-size: 20px;
padding: 0 0 20px 0;
}
.category-info-container img {
top: 5px;
right: 0;
position: absolute;
}
.category-info-container .text {
width: 385px;
padding: 20px 20px 0 0;
}
.category-info-container a {
color: #898989;
font-weight: bold;
text-decoration: underline;
}
/* Process Item */
.process-category-item {
float: left;
width: 156px;
height: 156px;
display: block;
position: relative;
margin: 0 9px 18px 9px;
border: 1px solid transparent;
}
.process-category-item.first {
margin: 0 8px 18px 0;
}
.process-category-item.last {
margin: 0 0 18px 8px;
}
.process-category-item.after-first {
margin: 0 9px 18px 7px;
}
.process-category-item.before-last {
margin: 0 7px 18px 9px;
}
.process-category-item:hover {
top: -5px;
padding: 5px;
width: 156px;
height: 156px;
border: 1px solid #003565;
background-color: #ffffff;
margin: 0 4px 6px 4px;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.process-category-item.first:hover {
left: -5px;
margin: 0 0 6px 0;
}
.process-category-item.last:hover {
left: 5px;
margin: 0 0 6px 0;
}
.process-category-item.process-last {
margin-bottom: 12px;
}
.process-category-item.process-last:hover {
margin-bottom: 0;
}
.category-container {
height: 185px;
position: relative;
color: #003565 !important;
background-color: #f0f0f0;
padding: 25px 20px 25px 25px;
}
.process-category-item .category-container {
padding: 0;
height: 156px;
position: relative;
color: #898989 !important;
background-color: #f0f0f0;
}
.process-category-item .category-container:hover {
color: #003565 !important;
}
.category-container img {
right: 0;
bottom: 0;
display: block;
position: absolute;
}
.process-category-item .category-container img {
left: 0;
top: 10px;
display: block;
position: absolute;
}
.category-container span.product-identifier {
width: 375px;
display: block;
font-size: 18px;
line-height: 16px;
font-weight: bold;
padding: 0 0 20px;
}
.process-category-item .category-container span.product-identifier {
left: 0;
padding: 0;
bottom: 10px;
width: 156px;
display: block;
font-size: 14px;
line-height: 14px;
font-weight: bold;
text-align: center;
position: absolute;
}
/* Process Double Item */
.category-process-double-identifier {
clear: both;
color: #003565;
display: none;
font-size: 20px;
font-weight: bold;
padding: 20px 0 2px;
}
.category-process-double-container {
display: none;
}
.category-process-double-container .process-category-item {
margin: 18px 9px 12px 9px;
}
.category-process-double-container .process-category-item.first {
margin: 18px 8px 12px 0;
}
.category-process-double-container .process-category-item.last {
margin: 18px 0 12px 8px;
}
.category-process-double-container .process-category-item:hover {
margin: 18px 4px 2px 4px;
}
.category-process-double-container .process-category-item.first:hover {
margin: 18px 0 2px 0;
}
.category-process-double-container .process-category-item.last:hover {
margin: 18px 0 2px 0;
}
.category-process-double-container .process-category-item.after-first {
margin: 18px 9px 0 7px;
}
.category-process-double-container .process-category-item.before-last {
margin: 18px 7px 0 9px;
}
/* Express Item */
.express-category-item {
float: left;
width: 268px;
height: 428px;
display: block;
position: relative;
border: 1px solid transparent;
}
.express-category-item:hover {
top: -5px;
padding: 5px;
width: 268px;
height: 428px;
border: 1px solid #003565;
background-color: #ffffff;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.express-category-item.first {
margin: 0 10px 25px 0;
}
.express-category-item.first:hover {
left: -5px;
margin: 0 0 15px 0;
}
.express-category-item.middle {
margin: 0 15px 25px;
}
.express-category-item.middle:hover {
margin: 0 10px 15px;
}
.express-category-item.last {
margin: 0 0 25px 10px;
}
.express-category-item.last:hover {
left: 5px;
margin: 0 0 15px 0;
}
.express-category-item .category-container {
height: 380px;
position: relative;
color: #898989 !important;
background-color: #f0f0f0;
padding: 25px 20px 25px 25px;
}
.express-product-identifier {
display: block;
color: #003565;
font-size: 22px;
padding: 0 0 20px 0;
}
.express-product-order-link {
width: 200px;
color: #ffffff;
display: block;
padding: 5px 10px;
font-weight: bold;
margin: 0 0 20px 0;
background: url(/load/images/next-orange.png) no-repeat scroll 200px 10px #003565;
}
.express-category-item-teaser {
font-weight: bold;
padding: 0 0 10px;
}
.express-category-item-block {
padding: 0 0 10px;
}
.express-category-item-block b {
display: block;
}
.category-container .express-category-item-list {
width: 210px;
bottom: 25px;
position: absolute;
padding: 15px 0 0 15px !important;
}
.category-container .express-category-item-list li {
width: 210px;
}
.category-container .express-category-item-list li span {
color: #003565;
}
.category-container .req {
top: -1px;
position: relative;
color: #fd7f0e !important;
}
.main-category-container .required-fields {
top: -1px;
color: #fd7f0e;
position: relative;
}
.responsive-express-product-order-link-open {
display: none;
}
.express-item-responsive-button {
display: none;
}
.products-express .required-fields {
color: #fd7f0e;
}
/*.express-products-info .required-fields {
color: #fd7f0e;
}*/
/* All Process Item */
.all-process {
position: relative;
}
.all-process .products-main-container-1 {
left: -25px;
width: 860px;
position: relative;
margin: 40px 0 20px;
}
.all-process .category-video-container {
margin: 40px 0 0;
}
.main-process-category-left {
float: left;
width: 570px;
margin: 0 30px 0 0;
}
.main-process-category-right {
float: left;
width: 260px;
}
.main-process-category-right .label {
color: #003565;
font-size: 20px;
font-weight: bold;
padding: 0 0 5px 0;
}
.main-process-category-right ul {
padding: 10px 0 0 12px !important;
}
.main-process-category-right li {
color: #fd7f0e;
font-weight: bold;
padding: 0 0 15px 0 !important;
}
.main-process-category-right li a {
color: #898989;
}
.print-files-link {
width: 183px;
height: 70px;
color: #898989;
padding: 0 0 0 77px;
display: table-cell;
vertical-align: middle;
background: url(/load/images/dateivorgaben.png) no-repeat scroll 15px 14px #f0f0f0;
}
.print-files-link b {
display: block;
background: url(/load/images/next-orange.png) no-repeat scroll 130px 5px #f0f0f0;
}
.category-process {
display: block;
line-height: 28px !important;
padding: 0 0 25px 43px !important;
background: url(/load/images/category_process.png) no-repeat scroll 0 0;
}
.category-express {
display: block;
line-height: 28px !important;
padding: 0 0 25px 43px !important;
background: url(/load/images/category_express.png) no-repeat scroll 0 0;
}
.main-process-category-container {
padding: 22px 22px 0 22px;
background-color: #f0f0f0;
}
.sub-process .main-process-category-container {
padding: 22px;
}
.main-process-category-container .category-item {
float: left;
width: 250px;
height: 170px;
display: block;
position: relative;
background-color: #ffffff;
}
.main-process-category-container .category-item-left {
margin: 0 13px 30px 0;
}
.main-process-category-container .category-item-left:hover {
top: -6px;
left: -6px;
padding: 5px;
width: 250px;
height: 170px;
margin: 0 1px 18px 0;
border: 1px solid #003565;
background-color: #ffffff;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.main-process-category-container .category-item-right {
margin: 0 0 30px 13px;
}
.main-process-category-container .category-item-right:hover {
top: -6px;
left: 6px;
padding: 5px;
width: 250px;
height: 170px;
margin: 0 0 18px 1px;
border: 1px solid #003565;
background-color: #ffffff;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.main-process-category-container .category-item-left.last {
margin: 0 13px 22px 0;
}
.main-process-category-container .category-item-right.last {
margin: 0 0 22px 13px;
}
.main-process-category-container .category-item-left.last:hover {
margin: 0 1px 10px 0 !important;
}
.main-process-category-container .category-item-right.last:hover {
margin: 0 0 10px 1px !important;
}
.main-process-category-container .category-item .category-container {
height: 153px;
color: #898989 !important;
padding: 17px 17px 0 17px;
background: url(/load/images/next-orange.png) no-repeat scroll 223px 17px #ffffff;
}
.main-process-category-container .category-item .category-container span.product-identifier {
width: 214px;
color: #003565;
padding: 0 0 10px 0;
}
.main-process-category-container .category-item .category-container img {
z-index: 5;
}
.main-process-category-container .category-item .category-container .category-show-container {
top: 0;
left: 0;
z-index: 10;
width: 216px;
padding: 17px;
height: 136px;
display: none;
font-weight: bold;
position: absolute;
background-color: #ffffff;
}
.main-process-category-container .category-item .category-container:hover .category-show-container {
display: block;
background: url(/load/images/next-orange.png) no-repeat scroll 223px 17px #ffffff;
}
.main-process-category-container .category-item .category-container .category-show-container span.label {
width: 214px;
color: #003565;
font-size: 18px;
line-height: 16px;
text-align: center;
padding: 20px 0 15px 0;
}
.main-process-category-container .category-item .category-container .category-show-container span {
display: block;
text-align: center;
}
.category-process-video-container .video-home-info-7 {
width: 220px !important;
}
.category-process-video-container a {
color: #003565 !important;
text-decoration: none !important;
}
.category-process-video-container a:hover {
text-decoration: underline !important;
}
.main-category-product-container {
clear: both;
width: 830px;
top: -15.5px;
left: -7.5px;
display: none;
position: relative;
background-color: #003565;
padding: 15px 15px 3px 15px;
/*padding: 14px 14px 2px 14px;*/
}
.sub.main-category-product-container {
clear: both;
top: -15.5px;
left: -7.5px;
display: none;
width: 496px;
position: relative;
background-color: #003565;
padding: 15px 15px 3px 15px;
/*padding: 14px 14px 2px 14px;*/
}
.sub .process-category-item {
float: left;
display: block;
position: relative;
margin: 0 9px 18px 9px;
width: 156px !important;
height: 156px !important;
border: 1px solid transparent;
}
.sub .process-category-item .category-container {
padding: 0;
position: relative;
height: 156px !important;
color: #898989 !important;
background-color: #f0f0f0;
}
.category-product-process-double-identifier {
color: #ffffff;
padding: 20px 0;
font-size: 18px;
font-weight: bold;
}
.main-category-product-container .process-category-item {
margin: 0 5px 18px 5px;
}
.sub .main-category-product-container .process-category-item {
margin: 0 6px 18px 6px;
}
.main-category-product-container .process-category-item.first {
margin: 0 5px 18px 0;
}
.main-category-product-container .process-category-item.last {
margin: 0 0 18px 5px;
}
.main-category-product-container .process-category-item:hover {
margin: 0 0 6px 0;
}
.sub .main-category-product-container .process-category-item:hover {
margin: 0 1px 6px 1px;
}
.main-category-product-container .process-category-item.first:hover {
margin: 0 0 6px 0;
}
.sub .main-category-product-container .process-category-item.first:hover {
margin: 0 1px 6px 0;
}
.main-category-product-container .process-category-item.last:hover {
margin: 0 0 6px 0;
}
.sub .main-category-product-container .process-category-item.last:hover {
margin: 0 0 6px 1px;
}
.main-category-product-container .process-category-item.after-first {
margin: 0 5px 18px 0;
}
/*.sub .main-category-product-container .process-category-item.after-first {
margin: 0 6px 18px 0;
}*/
.main-category-product-container .process-category-item.before-last {
margin: 0 0 18px 5px;
}
.sub .main-category-product-container .process-category-item.before-last {
margin: 0 0 18px 6px;
}
.main-category-product-container .process-category-item.process-last {
margin-bottom: 12px !important;
}
.main-category-product-container .process-category-item.process-last:hover {
margin-bottom: 2px !important;
}
.sub .process-category-item .category-container span.product-identifier {
left: 0;
padding: 0;
bottom: 10px;
color: #898989;
display: block;
font-size: 14px;
line-height: 14px;
font-weight: bold;
text-align: center;
position: absolute;
width: 156px !important;
}
.sub .process-category-item .category-container:hover span.product-identifier {
color: #003565;
}
/* Process Slide Show */
.process-slide-show {
z-index: 5;
width: 860px;
height: 325px;
margin: 40px 0 20px;
}
.process-slide-show div.process-slider {
height: 325px;
}
.process-slide-show img {
width: 860px;
height: 325px;
display: block;
position: absolute;
}
.slide-nav {
top: 0;
width: 960px;
margin: 0 auto;
position: relative;
}
.slide-nav.process-slide-nav {
width: 860px;
margin: 0 auto;
position: relative;
}
.slide-scroll-button {
z-index: 10;
width: 23px;
height: 42px;
position: absolute;
}
.slide-scroll-button-prev {
top: -194px;
left: 20px;
background: url(/load/images/slide-prev-weiss.png) no-repeat scroll 0 0;
}
.process-slide-nav .slide-scroll-button-prev {
top: -202px;
text-decoration: none;
}
.slide-scroll-button-prev:hover {
background: url(/load/images/slide-prev-blau.png) no-repeat scroll 0 0;
}
.slide-scroll-button-next {
top: -194px;
right: 20px;
background: url(/load/images/slide-next-weiss.png) no-repeat scroll 0 0;
}
.process-slide-nav .slide-scroll-button-next {
top: -202px;
text-decoration: none;
}
.slide-scroll-button-next:hover {
background: url(/load/images/slide-next-blau.png) no-repeat scroll 0 0;
}
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-prev {
left: 20px;
width: 23px;
height: 42px;
background: url(/load/images/slide-prev-weiss.png) no-repeat scroll 0 0;
}
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-prev:hover,
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-prev:active {
background: url(/load/images/slide-prev-blau.png) no-repeat scroll 0 0;
}
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-next {
right: 20px;
width: 23px;
height: 42px;
background: url(/load/images/slide-next-weiss.png) no-repeat scroll 0 0;
}
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-next:hover,
.main-slider-main-wrapper .bx-wrapper .bx-controls-direction .bx-next:active {
background: url(/load/images/slide-next-blau.png) no-repeat scroll 0 0;
}
/* All Express Item */
.all-express-item-container {
padding: 25px;
margin: 40px 0 0 0;
background-color: #f0f0f0;
}
.all-express-item-container-left {
float: left;
width: 280px;
padding: 0 5px 0 0;
}
.all-express-item-container-right {
float: right;
width: 510px;
padding: 0 7.5px 0 7.5px;
background-color: #ffffff;
}
.all-express-item-container-label {
color: #003565;
font-size: 28px;
font-weight: bold;
padding: 0 0 20px 0;
}
.all-express-item-container .express-category-item-teaser {
color: #fd7f0e;
font-size: 18px;
line-height: 22px;
padding: 0 0 30px 0;
}
.all-express-item-container .express-category-item-list,
.all-express-item-container .express-category-item-block {
width: 225px;
}
.all-express-item-container .express-category-item-list li {
color: #fd7f0e;
}
.all-express-item-container .express-category-item-list li span {
color: #003565;
}
.article-cnt.sub-product {
padding: 0;
position: relative;
}
.article-cnt.sub-product .content-nav {
top: 35px;
left: 50px;
position: absolute;
padding: 0 0 30px 0;
}
.header-image-container img {
display: block;
}
.article-cnt.sub-product .product-title {
top: 93px;
left: 50px;
width: 375px;
height: 310px;
font-size: 20px;
font-weight: bold;
line-height: 26px;
position: absolute;
}
.article-cnt.sub-product .product-title.product-title-large {
width: 395px;
}
.article-cnt.sub-product .product-title h1 {
font-size: 36px;
line-height: 30px;
padding: 0 0 20px 0;
}
.article-cnt.sub-product .product-title .main-product-link {
width: 120px;
color: #ffffff;
display: block;
font-size: 16px;
margin: 20px 0 0 0;
padding: 5px 15px 5px 25px;
border-top: 1px solid #003565;
border-bottom: 1px solid #003565;
background: url(/load/images/next-orange.png) no-repeat scroll 10px 13px #003565;
}
.article-cnt.sub-product .product-title.product-title-middle .main-product-link {
width: 155px;
}
.article-cnt.sub-product .product-title.product-title-large .main-product-link {
width: 180px;
}
.article-cnt.sub-product .product-title .sub-product-options-label {
font-size: 16px;
line-height: 20px;
margin: 25px 0 0 0;
}
.article-cnt.sub-product .sub-product-options-container {
top: 15px;
width: 860px;
position: relative;
}
.article-cnt.sub-product .sub-product-options-container a {
width: auto;
color: #003565;
font-size: 16px;
min-width: 120px;
font-weight: bold;
margin: 0 15px 0 0;
display: inline-block;
border: 1px solid #848484;
padding: 5px 15px 5px 25px;
background: url(/load/images/next-orange.png) no-repeat scroll 10px 13px;
}
.article-cnt.sub-product .product-title-large .sub-product-options-container a {
margin: 0 11.5px 0 0;
}
.article-cnt.sub-product .sub-product-options-container a.last {
margin: 0 0 0 0;
}
.bullets-points-container {
display: block;
display: flex;
text-align: center;
display: -webkit-box;
padding: 45px 50px 0;
display: -webkit-flex;
-webkit-justify-content: center;
}
.responsive-bullets-points-container {
display: none;
}
.bullets-points-container a {
color: #898989;
display: block;
margin: 0 auto;
text-align: center;
-webkit-box-flex: 1;
}
.bullets-points-container a:hover {
color: #003565;
}
.bullets-points-container a.first {
margin-left: 0;
}
.bullets-points-container a.last {
margin-right: 0;
}
.bullets-points-container div img {
display: block;
margin: 0 auto 25px;
}
.bullets-points-container div span {
font-size: 12px;
font-weight: bold;
display: inline-block;
}
.article-cnt.sub-product .main-category-container {
padding: 0;
margin: 45px 50px 0;
background-color: #ffffff;
}
.article-cnt.sub-product .main-category-container .products-container {
padding: 0;
}
.article-cnt.sub-product .main-product-container {
float: left;
position: relative;
}
.article-cnt.sub-product .main-category-container .category-item {
float: none;
width: 415px;
height: 250px;
position: relative;
}
.article-cnt.sub-product .main-category-container .category-item:hover {
padding: 4px;
width: 415px;
height: 250px;
position: relative;
}
.article-cnt.sub-product .main-category-container .category-item.category-item-left {
margin: 0 15px 10px 0;
}
.article-cnt.sub-product .main-category-container .category-item.category-item-right {
margin: 0 0 10px 15px;
}
.article-cnt.sub-product .main-category-container .category-item.category-item-left:hover {
top: -5px;
left: -5px;
margin: 0 5px 0 0;
box-shadow: 0px 1px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 1px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 1px 8px 0px rgba(127,154,178,0.75);
}
.article-cnt.sub-product .main-category-container .category-item.category-item-right:hover {
top: -5px;
left: 5px;
margin: 0 0 0 5px;
box-shadow: 0px 1px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 1px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 1px 8px 0px rgba(127,154,178,0.75);
}
.article-cnt.sub-product .main-category-container .category-item .category-container {
height: 200px;
position: relative;
color: #003565 !important;
background-color: #f0f0f0;
padding: 25px 20px 25px 25px;
background: url(/load/images/standard-produkt.png) no-repeat scroll 318px 20px #f0f0f0;
}
.article-cnt.sub-product .main-category-container .category-item.process .category-container {
background: url(/load/images/process-produkt.png) no-repeat scroll 353px 20px #f0f0f0;
}
.article-cnt.sub-product .main-category-container .category-item.express .category-container {
background: url(/load/images/express-produkt.png) no-repeat scroll 353px 20px #f0f0f0;
}
.article-cnt.sub-product .main-category-container .category-item.designer .category-container {
background: url(/load/images/designer-produkt.png) no-repeat scroll 343px 20px #f0f0f0;
}
.article-cnt.sub-product .main-category-container .category-item.multilayer .category-container {
background: url(/load/images/multilayer-produkt.png) no-repeat scroll 353px 20px #f0f0f0;
}
.article-cnt.sub-product .main-category-container .category-item.mustermappe .category-container {
background: url(/load/images/mustermappe-produkt.png) no-repeat scroll 353px 20px #f0f0f0;
}
.article-cnt.sub-product .main-category-container .category-item.info .category-container {
background: url(/load/images/info-center-produkt.png) no-repeat scroll 353px 20px #f0f0f0;
}
.article-cnt.sub-product .main-category-container .item-container-label {
display: none;
}
.article-cnt.sub-product .main-category-container .category-item .item-hover-container,
.article-cnt.sub-product .main-category-container .main-product-container .item-hover-container-responsive {
display: none;
}
.article-cnt.sub-product .main-category-container .category-item:hover .item-hover-container {
top: -29px;
left: -29px;
z-index: 5;
width: 425px;
height: 260px;
display: block;
position: relative;
}
.article-cnt.sub-product .main-category-container .category-item:hover .item-hover-container img {
position: static;
}
.article-cnt.sub-product .main-category-container .category-item:hover .product-description {
display: none;
}
.article-cnt.sub-product .main-category-container .category-item:hover .item-hover-container::before {
top: 24px;
right: 26px;
content: "";
width: 77px;
height: 42px;
position: absolute;
background: url(/load/images/standard-produkt.png) no-repeat scroll 0 0 transparent;
}
.article-cnt.sub-product .main-category-container .category-item.process:hover .item-hover-container::before {
width: 42px;
background: url(/load/images/process-produkt.png) no-repeat scroll 0 0 transparent;
}
.article-cnt.sub-product .main-category-container .category-item.express:hover .item-hover-container::before {
width: 42px;
background: url(/load/images/express-produkt.png) no-repeat scroll 0 0 transparent;
}
.article-cnt.sub-product .main-category-container .category-item.designer:hover .item-hover-container::before {
width: 52px;
background: url(/load/images/designer-produkt.png) no-repeat scroll 0 0 transparent;
}
.article-cnt.sub-product .main-category-container .category-item.multilayer:hover .item-hover-container::before {
width: 42px;
background: url(/load/images/multilayer-produkt.png) no-repeat scroll 0 0 transparent;
}
.article-cnt.sub-product .main-category-container .category-item.mustermappe:hover .item-hover-container::before {
width: 42px;
background: url(/load/images/mustermappe-produkt.png) no-repeat scroll 0 0 transparent;
}
.article-cnt.sub-product .main-category-container .category-item.info:hover .item-hover-container::before {
width: 42px;
background: url(/load/images/info-center-produkt.png) no-repeat scroll 0 0 transparent;
}
.article-cnt.sub-product .main-category-container .category-item .product-identifier {
height: 20px;
font-size: 14px;
line-height: 20px;
font-weight: normal;
}
.article-cnt.sub-product .main-category-container .category-item .product-identifier b {
display: block;
font-size: 18px;
}
.article-cnt.sub-product .main-category-container .category-item:hover .product-identifier {
top: 25px;
left: 25px;
z-index: 10;
position: absolute;
}
.article-cnt.sub-product .main-category-container .category-item:hover .product-order-link {
left: 25px;
z-index: 10;
bottom: 20px;
position: absolute;
}
.article-cnt.sub-product .main-category-container .category-item .category-container .product-description {
width: 355px;
}
.article-cnt.sub-product .main-category-container .category-item .category-container .product-description em {
color: #fd7f0e;
}
.article-cnt.sub-product .main-category-container .product-text-details {
width: 115px;
display: block;
color: #898989;
font-weight: bold;
text-align: center;
padding: 0 0 20px 0;
}
.article-cnt.sub-product .main-category-container .product-text-details.item-left {
margin: 0 165px 0 150px;
}
.article-cnt.sub-product .main-category-container .product-text-details.item-right {
margin: 0 150px 0 165px;
}
.article-cnt.sub-product .main-category-container .product-text-details:hover {
color: #003565;
}
.article-cnt.sub-product .category-product-text h2 {
margin: 0 0 20px 0;
padding: 0 !important;
font-size: 24px !important;
}
.article-cnt.sub-product .category-product-text h3,
.article-cnt.sub-product .category-product-text h4 {
margin: 0 0 15px 0;
padding: 0 !important;
font-size: 24px !important;
}
.article-cnt.sub-product .category-text {
padding: 0 50px;
}
.article-cnt.sub-product .category-text .hotline-container {
color: #003565;
margin: 0 0 50px 0;
background-color: #f0f3fa;
}
.article-cnt.sub-product .category-text .hotline-container span.phone {
color: #003565 !important;
}
.product-inspiration-container {
margin: 0 0 50px 0;
}
.product-inspiration {
float: left;
display: block;
position: relative;
border-bottom: 1px solid #ffffff;
}
.product-inspiration-middle {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.product-inspiration img {
display: block;
}
.product-inspiration-details {
bottom: 0;
width: 256px;
height: 75px;
opacity: 0.8;
display: none;
padding: 15px;
color: #ffffff;
font-size: 16px;
line-height: 22px;
font-weight: bold;
position: absolute;
background: url(/load/images/lupe.png) no-repeat scroll 126.5px 60px #003565;
}
.product-inspiration:hover .product-inspiration-details {
display: block;
cursor: pointer;
}
.responsive-show-more-button {
display: none;
}
.article-cnt.all-process .category-text,
.article-cnt.sub-process .category-text {
overflow: visible;
}
.article-cnt.sub-product .product-offer-container {
padding: 5px 0;
}
.article-cnt.sub-product .product-offer-container .main-slider-nav-wrapper {
display: none;
}
.article-cnt.sub-product .product-offer-container .product-offer-item.standard .product-offer-item-content::before {
top: 20px;
right: 20px;
width: 57px;
content: "";
height: 31px;
position: absolute;
background: url(/load/images/standard-produkt-produktempfehlung.png) no-repeat scroll 0 0 #f0f0f0;
}
.article-cnt.sub-product .product-offer-container .product-offer-item.process .product-offer-item-content::before {
top: 20px;
right: 20px;
width: 31px;
content: "";
height: 31px;
position: absolute;
background: url(/load/images/process-produkt-produktempfehlung.png) no-repeat scroll 0 0 #f0f0f0;
}
.article-cnt.sub-product .product-offer-container .product-offer-item.express .product-offer-item-content::before {
top: 20px;
right: 20px;
width: 31px;
content: "";
height: 31px;
position: absolute;
background: url(/load/images/express-produkt-produktempfehlung.png) no-repeat scroll 0 0 #f0f0f0;
}
.article-cnt.sub-product .product-offer-container .product-offer-item:hover .product-offer-item-content::before {
top: 25px;
right: 25px;
}
.article-cnt.sub-product .product-offer-container .product-offer-item .product-offer-item-content div {
padding: 10px 20px 0;
}
.article-cnt.sub-product .product-offer-container .product-offer-item .product-offer-label {
font-size: 18px;
min-height: 45px;
}
.article-cnt.sub-product .required-details {
margin: 0 0 50px 0;
}
.article-cnt.sub-product .required-details-products {
margin: 0 0 40px 0;
}
.article-cnt.sub-product .required-details .required-fields {
color: #fd7f0e;
}
.article-cnt.sub-product .category-text .main-product-text h2 {
margin: 0 0 15px 0;
padding: 0 !important;
font-size: 24px !important;
}
.article-cnt.sub-product .category-text .main-product-text h2.last {
margin: 0;
font-size: 24px !important;
line-height: 24px !important;
padding: 50px 0 0 0!important;
}
.article-cnt.sub-product .category-text .main-product-text li {
color: #fd7f0e;
}
.article-cnt.sub-product .category-text .main-product-text li span {
color: #898989;
}
.article-cnt.sub-product .category-text .sub-product-text {
margin: 20px 0 0 0;
background-color: #f0f0f0;
}
.sub-product-text-options-container {
padding: 20px 0 0 0;
border-bottom: 5px solid #ffffff;
}
.sub-product-text-option {
position: relative;
padding: 0 0 0 20px;
display: inline-block;
}
.sub-product-text-option img {
display: block;
margin: 0 auto 20px;
}
.sub-product-text-option span {
color: #bebebe;
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 0 0 10px 0;
display: inline-block;
}
.sub-product-text-option span.line {
display: none;
font-size: 16px;
font-weight: normal;
}
.sub-product-text-option.active span {
color: #003565;
}
.sub-product-text-option.active span.line {
left: 0;
padding: 0;
width: 115%;
height: 5px;
bottom: -5px;
display: block;
position: absolute;
width: calc(100% + 15px);
background-color: #fd7f0e;
}
.content-sub-product-text-option {
display: none;
position: relative;
}
.content-sub-product-text-option.active {
display: block;
}
.content-sub-product-text-option img {
display: block;
}
.content-sub-product-details {
top: 0;
right: 50px;
height: 210px;
display: table;
max-width: 270px;
font-weight: bold;
position: absolute;
}
.content-sub-product-details.small-text {
right: 100px;
}
.content-sub-product-details.large-text {
right: 15px;
}
.category-text .content-sub-product-details ul {
height: 100%;
display: table-cell;
vertical-align: middle;
}
.category-text .content-sub-product-details li {
color: #fd7f0e;
padding: 5px 0 0 0 !important;
}
.content-sub-product-details li span {
color: #003565;
}
.content-sub-product-text {
padding: 25px;
}
.article-cnt.sub-product .category-product-text .content-sub-product-text h3 {
margin: 0 !important;
color: #003565 !important;
font-size: 20px !important;
padding: 0 0 3px 0 !important;
}
.article-cnt.sub-product .category-product-text .content-sub-product-text h4 {
margin: 0 !important;
color: #003565 !important;
font-size: 20px !important;
padding: 25px 0 3px 0 !important;
}
.content-sub-product-text li {
color: #fd7f0e;
}
.content-sub-product-text li span {
color: #898989;
}
.sub-product .main-process-category-container .product-item.process {
background: url(/load/images/lp-process.png) no-repeat scroll 5px 5px transparent !important;
}
.sub-product .main-process-category-container .product-item.process:hover {
background: url(/load/images/lp-process.png) no-repeat scroll 5px 5px #003565 !important;
}
.sub-product .main-process-category-container .product-item.express {
background: url(/load/images/lp-express.png) no-repeat scroll 5px 5px transparent !important;
}
.sub-product .main-process-category-container .product-item.express:hover {
background: url(/load/images/lp-express.png) no-repeat scroll 5px 5px #003565 !important;
}
.sub-product .main-process-category-container .product-item.designer {
background: url(/load/images/lp-designer.png) no-repeat scroll 5px 5px transparent !important;
}
.sub-product .main-process-category-container .product-item.designer:hover {
background: url(/load/images/lp-designer.png) no-repeat scroll 5px 5px #003565 !important;
}
/* Product Offers*/
.product-offers-container {
display: none;
}
.category-text .product-offers-container h4 {
font-size: 20px !important;
}
.product-offer-container {
padding: 20px 0 0;
}
.product-offer-container .main-slider-nav-wrapper {
display: none;
}
.product-offer-item {
float: left;
width: 266px;
height: 450px;
display: block;
position: relative;
}
.article-cnt.sub-product .product-offer-container .product-offer-item,
.article-cnt.sub-product .product-offer-container .product-offer-item:hover {
height: 470px;
}
.product-offer-item.left {
margin: 0 15px 15px 0;
}
.product-offer-item.middle {
margin: 0 16px 15px 16px;
}
.product-offer-item.right {
margin: 0 0 15px 15px;
}
.product-offer-item:hover {
top: -6px;
padding: 5px;
width: 266px;
height: 450px;
cursor: pointer;
border: 1px solid #003565;
background-color: #ffffff;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.product-offer-item.left:hover {
left: -6px;
margin: 0 3px 3px 0;
}
.product-offer-item.middle:hover {
margin: 0 10px 3px 10px;
}
.product-offer-item.right:hover {
left: 6px;
margin: 0 0 3px 3px;
}
.all-process .product-offer-item,
.sub-process .product-offer-item,
.all-process .product-offer-item:hover,
.sub-process .product-offer-item:hover {
margin-bottom: 0;
}
.product-offer-item .product-offer-item-content {
height: 450px;
background-color: #f0f0f0;
}
.article-cnt.sub-product .product-offer-container .product-offer-item .product-offer-item-content {
height: 470px;
}
.product-offer-item .product-offer-item-content div {
padding: 20px 20px 0;
}
.product-offer-item img {
display: block;
}
.product-offer-item a {
font-weight: normal !important;
text-decoration: none !important;
}
.product-offer-item b.button {
bottom: 0;
width: 166px;
height: 35px;
display: block;
line-height: 35px;
font-weight: bold;
position: absolute;
padding: 0 0 0 60px;
color: #ffffff !important;
text-decoration: none !important;
background: url(/load/images/next-orange.png) no-repeat scroll 45px 12px #003565;
}
.product-offer-item b.button:hover {
color: #ffffff !important;
}
.product-offer-item:hover b.button {
bottom: 5px;
}
.product-offer-item .product-offer-label {
display: block;
color: #003565;
font-size: 16px;
font-weight: bold;
line-height: 22px;
padding: 0 0 10px;
}
.product-offer-item .product-offer-details {
display: block;
padding: 0 0 20px;
}
.product-offer-item .product-offer-details em {
color: #fd7f0e;
}
.product-offer-item ul.product-offer-details li {
color: #fd7f0e;
}
.product-offer-item ul.product-offer-details li span {
color: #898989;
}
.product-offer-item .product-offer-price {
bottom: 70px;
display: block;
color: #fd7f0e;
position: absolute;
}
.product-offer-item:hover .product-offer-price {
bottom: 75px;
}
.product-offer-item .product-offer-price b {
font-size: 20px;
}
.product-offer-item .product-offer-price-details {
bottom: 50px;
display: block;
font-size: 12px;
position: absolute;
}
.product-offer-item:hover .product-offer-price-details {
bottom: 55px;
}
/* Category Text */
.category-text {
overflow: hidden;
position: relative;
padding: 20px 0 0 0;
}
.category-text h1,
.category-text h2,
.category-text h3,
.category-text h4 {
color: #003565 !important;
font-size: 16px !important;
line-height: 18px !important;
padding: 20px 0 0 !important;
}
.category-text h1.first,
.category-text h2.first,
.category-text h3.first,
.category-text h4.first {
padding: 0 !important;
line-height: 18px !important;
}
.category-text a {
color: #898989;
font-weight: bold;
text-decoration: underline;
}
.category-text a:hover {
color: #003565;
}
.category-text p {
line-height: 20px;
margin: 0 !important;
padding: 10px 0 0 !important;
}
.category-text p.first {
line-height: 20px;
margin: 0 !important;
padding: 0 !important;
}
.category-text ul {
line-height: 18px;
margin: 0 !important;
padding: 0 0 0 15px !important;
}
.category-text li {
list-style-type: disc;
list-style-position: outside;
padding: 5px 0 0 0 !important;
}
.category-text-footer {
height: 25px;
}
.category-text-content {
float: left;
width: 400px;
display: table-cell;
}
.category-text-content-left {
padding-right: 25px;
margin-bottom: -1000px;
padding-bottom: 1000px;
border-right: 1px solid #f0f0f0;
}
.category-text-content-right {
padding-left: 25px;
margin-bottom: -1000px;
padding-bottom: 1000px;
}
.category-video-container {
padding: 15px;
margin: 30px 0 0 0;
background-color: #f0f0f0;
}
.category-video-container .video-container {
margin: 0;
}
.category-video-container .video-home-info-7 {
width: 190px;
}
/* TIPP */
.form-tooltip-trigger {
top: 6px;
width: 16px;
right: -20px;
height: 16px;
cursor: pointer;
position: absolute;
background: url(/load/images/info-button-grau.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.tooltip {
width: 300px;
z-index: 100;
display: none;
line-height: 18px;
position: absolute;
background: none repeat scroll 0 0 #fff;
box-shadow: 0 0 6px 0 rgba(127,154,178,0.75);
}
.product-daten .tooltip {
left: 255px;
}
.tooltip-cont {
top: -10px;
position: relative;
padding: 20px 15px 0;
background: url(/load/images/tooltip-pt-t.png) no-repeat scroll center top rgba(0, 0, 0, 0);
}
.product-daten .tooltip-cont {
background: url(/load/images/tooltip-pt-t.png) no-repeat scroll right top rgba(0, 0, 0, 0);
}
.tooltip-t .tooltip-cont {
top: auto;
bottom: -10px;
position: relative;
padding: 0 15px 20px;
background: url(/load/images/tooltip-pt-b.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);
}
.tipp-label {
color: #003565;
}
.tipp-info {
line-height: 18px;
padding: 5px 0 15px;
}
/* Validation & Errors */
.error-message {
display: none;
color: #ff0000;
padding: 5px 0 0 100px;
}
.errors {
color: #ff0000;
font-weight: normal;
}
ul.errors {
padding: 0 0 15px 0 !important;
}
.errors li {
color: #ff0000;
font-weight: normal;
display: list-item !important;
list-style-type: none !important;
list-style-position: outside !important;
}
label.error {
}
input.error,
textarea.error {
border: 1px solid #ff0000;
}
.validation-error {
display: none;
}
.error-container {
display: none;
padding: 20px;
margin: 0 0 15px;
border: 1px solid #ff0000;
background: url(/load/images/form-error.png) no-repeat scroll 20px 20px #ffffff;
}
.contact-form .error-container {
width: 410px;
}
.upload-form .error-container {
width: 482px;
}
.individual-form .error-container {
width: 483px;
}
.payment-form .error-container {
width: 460px;
}
.error-container b.error-container-label {
display: block;
color: #ff0000;
font-size: 18px;
padding: 5px 0 10px 40px;
}
.error-container ul.errors {
padding: 10px 0 0 15px !important;
}
.error-container ul.errors li {
color: #ff0000;
font-size: 14px;
padding: 0 0 5px 0;
list-style-type: disc !important;
list-style-position: outside !important;
}
.error-container ul.errors li span {
color: #898989;
font-size: 14px;
}
/* Change Password */
.password-form {
width: 505px;
padding: 20px;
position: relative;
background-color: #f0f0f0;
}
.password-form label {
float: left;
width: 160px;
height: 27px;
display: table-cell;
vertical-align: middle;
}
.password-form input {
padding: 5px;
width: 330px;
color: #003565;
background-color: #ffffff;
}
.password-form dl {
clear: both;
}
.password-form dd {
margin: 0 0 20px 160px;
}
.password-form .password-send dd {
margin: 0 0 0 160px;
}
.password-form .password-captcha img {
display: block;
margin: 0 0 20px 0;
}
.password-form ul.errors {
padding: 0 !important;
}
.password-form .req {
top: -1px;
color: #fd7f0e;
padding: 0 0 0 5px;
position: relative;
}
.password-form .password-button {
height: 36px;
display: block;
color: #ffffff;
font-size: 16px;
cursor: pointer;
text-align: left;
font-weight: bold;
padding: 5px 15px;
letter-spacing: 1px;
width: 340px !important;
background-color: #003565;
background: #003565 url(/load/images/next-orange.png) no-repeat scroll 315px 13px;
}
.password-form .errors li {
margin: 0;
border: none;
padding: 10px 0 0 0;
display: list-item;
list-style-type: none;
list-style-position: outside;
}
/* Addresses */
.blanket {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.3;
display: none;
z-index: 10000;
position: absolute;
background-color: #003565;
}
.adressbuch {
border: none;
padding: 5px 0;
color: #fd7f0e;
cursor: pointer;
display: inline-block;
text-decoration: underline;
font-size: 14px !important;
}
.adressen-shipping {
top: 0;
left: 50%;
width: 754px;
height: 410px;
display: none;
padding: 25px;
z-index: 100001;
position: absolute;
margin-left: -402px;
background-color: #ffffff;
}
.adressen-payment {
top: 0;
left: 50%;
width: 754px;
height: 410px;
display: none;
padding: 25px;
z-index: 100001;
position: absolute;
margin-left: -402px;
background-color: #ffffff;
}
.adressen-shipping .account-form {
width: 577px;
}
.adressen-payment .account-form {
width: 714px;
}
.adressen-label {
color: #fd7f0e;
font-size: 20px;
font-weight: bold;
padding-bottom: 15px;
}
.adressen-info {
padding-bottom: 10px;
}
.account-form {
width: 505px;
padding: 20px;
min-height: 105px;
position: relative;
background-color: #f0f0f0;
}
.search-input {
padding: 5px;
width: 340px;
display: block;
color: #003565;
background-color: #ffffff;
}
.search-error {
display: none;
color: #ff0000;
margin: 5px 0 0 0;
}
.account-form .account-button {
height: 36px;
display: block;
color: #ffffff;
cursor: pointer;
text-align: left;
font-weight: bold;
padding: 5px 15px;
letter-spacing: 1px;
margin: 10px 0 20px 0;
width: 352px !important;
background: url(/load/images/next-orange.png) no-repeat scroll 352px 13px #003565;
}
.searched-link {
display: none;
margin: 10px 0 0 0;
}
.searched-link span {
display: block;
padding: 0 0 5px 0;
}
.adressen-found {
cursor: pointer;
}
.adressen .account-table-head {
padding: 5px;
display: none;
border-bottom: 5px solid #003565;
}
.adressen-found .order-offer-line {
padding: 5px;
}
.bg-light-gray {
background-color: #f0f0f0;
}
.bg-white {
background-color: #ffffff;
}
/* SEO-Texte */
.product-text {
overflow: hidden;
position: relative;
}
.product-text h1,
.product-text h2,
.product-text h3,
.product-text h4,
.product-text-content h1,
.product-text-content h2,
.product-text-content h3,
.product-text-content h4 {
color: #003565;
font-size: 16px !important;
line-height: 18px !important;
padding: 20px 0 0 !important;
}
.product-text h1.first,
.product-text h2.first,
.product-text h3.first,
.product-text h4.first,
.product-text-content h1.first,
.product-text-content h2.first,
.product-text-content h3.first,
.product-text-content h4.first {
padding: 0 !important;
line-height: 18px !important;
}
.product-text a,
.product-text-content a {
color: #898989;
font-weight: bold;
text-decoration: underline;
}
.product-text a:hover,
.product-text a:focus,
.product-text-content a:hover,
.product-text-content a:focus {
color: #003565;
}
.product-text p,
.product-text-content p {
line-height: 20px;
margin: 0 !important;
padding: 10px 0 0 !important;
}
.product-text p.first,
.product-text-content p.first {
line-height: 20px;
margin: 0 !important;
padding: 0 !important;
}
.product-text ul,
.product-text-content ul {
line-height: 18px;
margin: 0 !important;
padding: 0 0 0 15px !important;
}
.product-text li,
.product-text-content li {
list-style-type: disc;
list-style-position: outside;
padding: 5px 0 0 0 !important;
}
.product-text-footer {
}
.product-text .text {
padding: 35px 50px 0;
}
.product-text-content {
float: left;
width: 400px;
display: table-cell;
}
.product-text-content-left {
padding-right: 25px;
margin-bottom: -1000px;
padding-bottom: 1000px;
border-right: 1px solid #f0f0f0;
}
.product-text-content-right {
padding-left: 25px;
margin-bottom: -1000px;
padding-bottom: 1000px;
}
/* Product Tipp*/
.product-tipp-container-header {
height: 20px;
margin: 0 0 15px;
background: #cacaca; /* Old browsers */
background: -moz-linear-gradient(top, #cacaca 0%, #f0f0f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cacaca 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cacaca 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
.product-tipp-container {
width: 860px;
position: relative;
margin: 35px 0 0 0;
padding: 35px 50px;
background: -moz-linear-gradient(top, #cacaca 0%, #f0f0f0 5%, #f0f0f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cacaca 0%,#f0f0f0 5%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cacaca 0%,#f0f0f0 5%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
.product-tipp {
float: left;
width: 260px;
padding: 0 10px;
min-height: 495px;
}
.product-tipp-left {
float: left;
padding: 0 20px 0 0;
}
.product-tipp-right {
float: left;
padding: 0 0 0 20px;
}
.product-tipp-middle {
width: 280px;
}
.product-tipp-label {
font-size: 18px;
font-weight: bold;
padding: 0 0 10px 0;
}
.product-tipp-label div.nav {
width: 25px;
height: 25px;
position: relative;
display: table-cell;
}
.product-tipp-label div.nav-1 {
background: url(/load/images/seo-points-1.png) no-repeat scroll -1px -1px;
}
.product-tipp-label div.nav-2 {
background: url(/load/images/seo-points-1.png) no-repeat scroll -31px -1px;
}
.product-tipp-label div.nav-3 {
background: url(/load/images/seo-points-1.png) no-repeat scroll -61px -1px;
}
.product-tipp-left .product-tipp-label .nav-wrapper {
padding: 0 0 0 60px;
}
.product-tipp-middle .product-tipp-label .nav-wrapper {
padding: 0 0 0 130px;
}
.product-tipp-right .product-tipp-label .nav-wrapper {
padding: 0 0 0 95px;
}
.product-tipp-label span.nav-text {
display: block;
padding-top: 5px;
}
.product-tipp-content {
font-size: 12px;
}
.product-tipp-content div.label {
display: block;
color: #fd7f0e;
padding: 0 0 5px 0;
}
.product-tipp-content div.label div.number,
.product-tipp-content div.label div.text {
height: 15px;
font-size: 12px;
line-height: 15px;
text-align: left;
display: table-cell;
vertical-align: middle;
}
.product-tipp-content div.label .wrapper-number {
float: left;
padding: 0 5px 0 0;
}
.product-tipp-content div.label div.number {
width: 16px;
height: 16px;
color: #ffffff;
position: relative;
}
.product-tipp-content div.label div.number span {
width: 16px;
height: 16px;
display: block;
}
.product-tipp-content div.label div.number-1 span {
background: url(/load/images/seo-points-2.png) no-repeat scroll 0 0
}
.product-tipp-content div.label div.number-2 span {
background: url(/load/images/seo-points-2.png) no-repeat scroll -19px 0
}
.product-tipp-content div.label div.number-3 span {
background: url(/load/images/seo-points-2.png) no-repeat scroll -38px 0
}
.product-tipp-content div.label div.number-4 span {
background: url(/load/images/seo-points-2.png) no-repeat scroll -57px 0
}
.product-tipp-content div.label div.number-5 span {
background: url(/load/images/seo-points-2.png) no-repeat scroll -76px 0
}
.product-tipp-content div.label div.number-6 span {
background: url(/load/images/seo-points-2.png) no-repeat scroll -95px 0
}
.product-tipp-content div.label div.number-7 span {
background: url(/load/images/seo-points-2.png) no-repeat scroll -114px 0
}
.product-tipp-content div.label div.number-8 span {
background: url(/load/images/seo-points-2.png) no-repeat scroll -133px 0
}
.product-tipp-content div.tipp-content-1 {
padding: 0 0 20px 0;
}
.product-tipp-content div.tipp-content-2 {
padding: 0 0 10px 0;
}
.product-tipp-content div.tipp-content-3 {
bottom: 40px;
position: absolute;
}
.product-tipp-content ul {
padding: 0 0 10px 12px;
}
.product-tipp-content li {
color: #fd7f0e;
display: list-item;
list-style-type: disc;
list-style-position: outside;
}
.product-tipp-content li span {
color: #898989;
}
.product-tipp-content img {
display: block;
padding: 5px 0 0 0;
}
.product-tipp-content a {
text-decoration: underline;
}
/* Info Screen */
.info_screen_left {
float: left;
width: 300px;
}
.info_screen_right {
float: right;
width: 300px;
}
.info-label {
color: #003565;
font-size: 12px;
font-weight: bold;
padding-bottom: 5px;
}
.fold-info-screen,
.fold-info-screen-close {
cursor: pointer;
}
.fold-info-left,
.fold-info-right {
width: 300px;
}
.fold-info-left {
float: right;
}
.fold-info-right {
float: right;
}
.info_screen_table_1,
.info_screen_table_1_close,
.info_screen_table_2,
.info_screen_table_2_close {
color: #003565;
line-height: 14px;
}
.info_screen_table_1 td,
.info_screen_table_1_close td,
.info_screen_table_2 td,
.info_screen_table_2_close td {
font-size: 10px;
}
.td-close-1 {
border: 1px solid #003565 !important;
background: #f4f7f6; /* Old browsers */
background: -moz-linear-gradient(left, #f4f7f6 0%, #d5e1ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4f7f6), color-stop(100%,#d5e1ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* IE10+ */
background: linear-gradient(to right, #f4f7f6 0%,#d5e1ed 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f6', endColorstr='#d5e1ed',GradientType=1 ); /* IE6-9 */
}
.td-close-2 {
border: 1px solid #003565 !important;
background: #f4f7f6; /* Old browsers */
background: -moz-linear-gradient(top, #f4f7f6 0%, #d5e1ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f7f6), color-stop(100%,#d5e1ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f7f6 0%,#d5e1ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f7f6 0%,#d5e1ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f7f6 0%,#d5e1ed 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f7f6 0%,#d5e1ed 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f6', endColorstr='#d5e1ed',GradientType=0 ); /* IE6-9 */
}
.info_screen_table_1_td_1 {
padding: 0 0 2px 0;
text-align: center;
vertical-align: bottom;
border: 1px solid #003565 !important;
background: #f4f7f6; /* Old browsers */
background: -moz-linear-gradient(left, #f4f7f6 0%, #d5e1ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4f7f6), color-stop(100%,#d5e1ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* IE10+ */
background: linear-gradient(to right, #f4f7f6 0%,#d5e1ed 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f6', endColorstr='#d5e1ed',GradientType=1 ); /* IE6-9 */
}
.info_screen_table_1_td_2 {
width: 25px;
border: none !important;
padding: 0 0 0 2px;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.info_screen_table_1_td_3 {
border: none !important;
padding: 2px 0 0 0;
font-weight: bold;
text-align: center;
vertical-align: top;
}
.info_screen_table_1_td_4 {
padding: 2px;
text-align: center;
vertical-align: bottom;
border-top: 1px solid #003565 !important;
border-bottom: 1px solid #003565 !important;
background: #f4f7f6; /* Old browsers */
background: -moz-linear-gradient(left, #f4f7f6 0%, #d5e1ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4f7f6), color-stop(100%,#d5e1ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* IE10+ */
background: linear-gradient(to right, #f4f7f6 0%,#d5e1ed 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f6', endColorstr='#d5e1ed',GradientType=1 ); /* IE6-9 */
}
.info_screen_table_1_td_5 {
padding: 2px;
text-align: center;
vertical-align: bottom;
border: 1px solid #003565 !important;
background: #f4f7f6; /* Old browsers */
background: -moz-linear-gradient(left, #f4f7f6 0%, #d5e1ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4f7f6), color-stop(100%,#d5e1ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f4f7f6 0%,#d5e1ed 100%); /* IE10+ */
background: linear-gradient(to right, #f4f7f6 0%,#d5e1ed 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f6', endColorstr='#d5e1ed',GradientType=1 ); /* IE6-9 */
}
.info_screen_table_1_td_6-left {
padding: 2px;
text-align: center;
vertical-align: middle;
border-left: 1px solid #003565 !important;
background-color: #f4f7f6; /* Old browsers */
}
.info_screen_table_1_td_6-right {
padding: 2px;
text-align: center;
vertical-align: middle;
border-right: 1px solid #003565 !important;
background-color: #f4f7f6; /* Old browsers */
}
.info_screen_table_1_td_7 {
padding: 2px;
height: 18px;
text-align: center;
vertical-align: middle;
border-top: 1px solid #003565 !important;
border-left: 1px solid #003565 !important;
border-right: 1px solid #003565 !important;
background: #d5e1ed; /* Old browsers */
background: -moz-linear-gradient(top, #d5e1ed 0%, #f4f7f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d5e1ed 0%,#f4f7f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d5e1ed 0%,#f4f7f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.info_screen_table_1_td_8 {
padding: 2px;
height: 18px;
text-align: center;
vertical-align: middle;
border-left: 1px solid #003565 !important;
border-right: 1px solid #003565 !important;
border-bottom: 1px solid #003565 !important;
background: #f4f7f6; /* Old browsers */
background: -moz-linear-gradient(top, #f4f7f6 0%, #d5e1ed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f4f7f6 0%,#d5e1ed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f4f7f6 0%,#d5e1ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.info_screen_table_1_td_9 {
padding: 2px;
text-align: center;
vertical-align: middle;
}
#td_dashed-1-none,
.td_dashed-1-none {
border-left: none !important;
}
/*.td_dashed-1-none {
vertical-align: middle;
}*/
#td_dashed-1,
.td_dashed-1 {
border-right: 1px dashed #003565 !important;
}
.td_dashed-bottom {
border-bottom: 1px dashed #003565 !important;
}
.td-top-none {
border-top: none !important;
}
#td_dashed-all {
vertical-align: middle;
border: 1px dashed #003565 !important;
}
.info_screen_table_2_td_1 {
padding: 0 2px 0 0;
text-align: right;
vertical-align: middle;
border: 1px solid #003565 !important;
background: #f4f7f6; /* Old browsers */
background: -moz-linear-gradient(top, #f4f7f6 0%, #d5e1ed 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #f4f7f6 0%,#d5e1ed 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom, #f4f7f6 0%,#d5e1ed 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7f6', endColorstr='#d5e1ed',GradientType=0 ); /* IE6-9 */
}
.info_screen_table_2_td_2 {
text-align: left;
font-weight: bold;
padding: 0 0 0 2px;
vertical-align: middle;
border: none !important;
}
.info_screen_table_2_td_3 {
text-align: center;
font-weight: bold;
padding: 2px 0 0 0;
vertical-align: top;
border: none !important;
}
#td_dashed-2-none {
border-top: none !important;
}
#td_dashed-2 {
border-bottom: 1px dashed #003565 !important;
}
.info-screen {
display: none;
padding: 10px 7px 20px 7px;
background-color: #f0f3fa;
border-top: 12px solid #ffffff;
border-left: 12px solid #ffffff;
}
.info-screen-footer {
display: none;
background-color: #003565;
}
.info-text {
width: 160px;
color: #898989;
font-size: 12px;
}
.info_image {
padding: 15px 0 5px 0;
}
.info_image.first {
padding: 0 0 5px 0;
}
.info_image img {
width: 166px;
height: auto;
}
.info-downloads {
width: 160px;
}
.info-downloads a {
display: block;
color: #003565;
font-size: 12px;
position: relative;
font-weight: normal;
padding: 5px 0 0 15px;
}
.info-downloads a::before {
top: 10px;
left: 0;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.info-downloads a:hover,
.info-downloads a:focus {
text-decoration: underline;
}
/* Breadcrumbs */
.content-nav {
font-weight: bold;
padding: 0 0 35px;
}
.content-nav .product-nav-link {
margin-right: 20px;
position: relative;
display: inline-block;
text-decoration: none !important;
}
.content-nav .product-nav-link::after {
top: 30%;
width: 5px;
content: "";
height: 16px;
right: -15px;
position: absolute;
background: url(/load/images/breadcrumbs.png) no-repeat scroll 0 0;
}
.content-nav .active {
color: #003565;
}
/* Customer Account */
.account-nav {
background-color: #f0f0f0;
}
.account-nav a {
color: #898989;
display: block;
font-weight: bold;
position: relative;
padding: 10px 20px 10px 30px;
border-bottom: 1px solid #ffffff;
}
.account-nav a.active,
.account-nav a:hover {
color: #003565;
text-decoration: underline;
}
.account-nav a::before {
top: 40%;
left: 10px;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-grau.png) no-repeat scroll 0 0;
}
.account-nav a.active::before,
.account-nav a:hover::before {
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
/* Address Form */
.address-form {
padding: 20px;
position: relative;
background-color: #f0f0f0;
border-top: 5px solid #003565;
}
.address-form dl {
clear: both;
}
.address-form label {
float: left;
width: 120px;
height: 40px;
display: inline-block;
}
.address-form input {
padding: 5px;
width: 390px;
color: #003565;
background-color: #ffffff;
}
.address-form .req {
color: #fd7f0e;
padding: 0 0 0 5px;
position: relative;
}
.address-form .required-fields {
top: -1px;
color: #fd7f0e;
position: relative;
}
.address-form .address-button {
height: 36px;
display: block;
color: #ffffff;
cursor: pointer;
font-size: 16px;
text-align: left;
font-weight: bold;
padding: 5px 15px;
position: relative;
letter-spacing: 1px;
width: 402px !important;
margin: 10px 0 0 120px;
background: #003565 url(/load/images/next-orange.png) no-repeat scroll 382px 13px;
}
.address-form .dd,
.address-form .ddTitle,
.address-form .ddChild {
width: 400px !important;
}
/* Content Forms */
.contact-form {
padding: 20px;
position: relative;
background-color: #f0f0f0;
border-top: 5px solid #003565;
}
.contact-form dl {
clear: both;
}
.contact-form div.clear {
padding: 0 0 12px 0;
}
.contact-form label {
float: left;
width: 100px;
height: 27px;
display: table-cell;
vertical-align: middle;
}
.contact-form input,
.contact-form textarea {
padding: 5px;
width: 340px;
color: #003565;
background-color: #ffffff;
}
.contact-form textarea {
height: 98px;
}
.contact-form .req {
top: -1px;
color: #fd7f0e;
padding: 0 0 0 5px;
position: relative;
}
.contact-form .required-fields {
top: -1px;
color: #fd7f0e;
position: relative;
}
.contact-form .contact-button {
height: 36px;
display: block;
color: #ffffff;
cursor: pointer;
font-size: 16px;
text-align: left;
font-weight: bold;
padding: 5px 15px;
letter-spacing: 1px;
margin: 0 0 20px 100px;
width: 352px !important;
background: url(/load/images/next-orange.png) no-repeat scroll 322px 13px #003565;
}
.datencheck-form .contact-button {
width: 202px !important;
background: url(/load/images/next-orange.png) no-repeat scroll 172px 13px #003565;
}
/*.contact-form .contact-error,
.contact-form .invalid-field {
border: 1px solid #fd7f0e;
}*/
.contact-form .form-mail-label {
color: #003565;
font-size: 18px;
font-weight: bold;
padding: 0 0 20px 0;
}
.payment-form label {
width: 150px;
}
.payment-form .checkbox-container {
padding: 10px 0 20px 122px;
}
.payment-form .contact-button {
margin: 10px 0 20px 150px;
}
.payment-form .validation_message {
color: #fd7f0e;
padding: 5px 0 0 150px;
}
.upload-form label {
width: 170px;
}
.upload-form .checkbox-container {
padding: 5px 0 20px 142px;
}
.upload-form .contact-button {
margin: 0 0 20px 170px;
}
.upload-form input[type=file] {
background-color: transparent;
}
.upload-form .nfi-button {
padding: 0;
width: 118px;
height: 30px;
color: #003565;
display: block;
cursor: pointer;
line-height: 30px;
text-align: center;
float: left !important;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #003565;
}
.datencheck-form .nfi-button {
width: 200px;
}
.upload-form .nfi-button:hover {
background-position: 0 -44px;
}
.upload-form .nfi-button:active {
background-position: 0 -88px;
}
.upload-form .nfi-button.upload-error {
color: #ff0000;
border: 1px solid #ff0000;
}
.upload-form .nfi-filename {
display: block;
clear: left !important;
color: #898989 !important;
box-shadow: none !important;
border: medium none !important;
padding: 10px 0 5px 0 !important;
outline: medium none !important;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.upload-form .nfi-filename-empty {
padding: 0 !important;
width: 140px !important;
display: none !important;
}
.datencheck-form .price-loader-infos {
height: 55px;
width: 820px;
display: none;
padding: 0 0 0 75px;
vertical-align: middle;
background: url(/load/images/price-loader.gif) no-repeat scroll 0 0 transparent !important;
}
/* Content */
.article-cnt {
padding: 35px 50px 0;
}
.article-cnt-left {
float: left;
width: 565px;
padding: 0 60px 0 0;
}
.article-cnt-right {
float: right;
width: 235px;
position: relative;
}
.article-cnt-info {
display: block;
color: #3d3d3d;
padding: 14px 0 20px 0;
}
.article-cnt h1 {
color: #003565;
line-height: 22px;
padding: 0 0 15px;
}
.article-cnt h2 {
color: #3d3d3d;
line-height: 16px;
padding: 25px 0 4px 0;
}
.article-cnt h3 {
color: #3d3d3d;
line-height: 16px;
padding: 25px 0 4px 0;
}
.article-cnt h4 {
color: #3d3d3d;
line-height: 16px;
padding: 20px 0 4px 0;
}
.article-cnt p {
padding: 10px 0 0;
}
.article-cnt ul {
padding: 10px 0 0 15px;
}
.article-cnt li {
display: list-item;
padding: 0 0 5px 0;
list-style-type: disc;
list-style-position: outside;
}
.article-cnt a.link {
font-weight: bold;
}
.article-cnt a.link:hover {
color: #003565;
}
.article-cnt .contact-info {
width: 300px;
display: inline-block;
}
.article-cnt .content-image {
width: 565px;
height: auto;
display: block;
padding: 10px 0 0;
}
.page-nav {
background-color: #f0f0f0;
}
.page-nav a,
.page-nav span.page-nav-link {
color: #898989;
display: block;
font-weight: bold;
position: relative;
padding: 10px 20px 10px 30px;
border-bottom: 1px solid #ffffff;
}
.page-nav span.page-nav-link {
border-bottom: none;
}
.page-nav a:hover,
.page-nav span.page-nav-link:hover {
color: #003565;
}
.page-nav a::before,
.page-nav span.page-nav-link::before {
top: 37%;
left: 10px;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.page-nav a:hover::before,
.page-nav span.page-nav-link:hover::before {
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
/* kontakt.phtml */
.kontakt h2 {
color: #003565;
}
.kontakt .article-cnt-info {
color: #fd7f0e;
font-size: 20px;
padding: 10px 0 10px;
}
.kontakt hr {
border: 0px;
margin: 5px 0 15px;
border-top: 1px solid #848484;
}
.kontakt b.contact-info-1 {
}
.kontakt .contact-info-2 {
padding: 25px;
margin: 15px 0 0 0;
background-color: #f0f0f0;
}
.kontakt .contact-info-2 .info-label-1 {
color: #003565;
font-size: 28px;
font-weight: bold;
}
.kontakt .contact-info-2 .info-label-2 {
color: #848484;
font-size: 18px;
font-weight: bold;
padding: 95px 0 0 0;
}
.kontakt .contact-info-2 a {
height: 32px;
display: block;
line-height: 32px;
padding: 0 0 0 42px;
background: url(/load/images/pdf-icon.png) no-repeat scroll 0 0;
}
.contact-info-2-left {
float: left;
width: 354px;
margin: 0 10px 0 0;
}
.contact-info-2-right {
float: right;
width: 436px;
margin: 0 0 0 10px;
}
.contact-message-container {
color: #ba0e0d;
padding: 20px 0 0 0;
}
/* versand.phtml / bezahlung.phtml */
.bezahlung h2 {
line-height: 20px;
padding: 25px 0 2px 0;
}
.article-left {
float: left;
width: 200px;
}
.article-right {
float: left;
width: 600px;
}
.article-cnt .option-1 {
margin-top: 60px;
}
.article-cnt .option-2 {
margin-top: 80px;
}
.article-cnt .option-3 {
margin-top: 25px;
}
.article-cnt .option-4 {
margin-top: 55px;
}
.article-cnt .image-container {
width: 110px;
text-align: center;
}
.article-cnt .payment-image {
width: auto;
height: 40px;
}
.article-cnt .shipping-image {
width: 90px;
text-align: center;
}
/* alle-produkte.phtml */
.all-products {
clear: left;
padding: 20px 0 0 0;
}
.all-products-links {
float: left;
width: 237px;
}
.all-products-links.all-products-middle {
padding: 0 74.5px;
}
.product-letter {
width: 12px;
height: 20px;
font-size: 18px;
display: table-cell;
padding: 0 10px 0 0;
vertical-align: middle;
}
.product-line {
width: 225px;
height: 20px;
display: table-cell;
vertical-align: middle;
}
.product-line span {
width: 225px;
display: block;
border-top: 1px solid #898989;
}
.all-product-link {
padding: 15px 0 20px 0 !important;
}
.all-product-link.last {
padding: 15px 0 0 0 !important;
}
.all-product-link li {
border: none;
padding: 0 0 5px 0;
display: list-item;
margin: 0 !important;
padding: 0 !important;
list-style-type: none;
list-style-position: outside;
}
.all-product-link a {
color: #898989 !important;
}
.all-product-link a:hover,
.all-product-link a:focus {
text-decoration: underline;
}
/* falzarten.phtml */
.falzarten .content-image {
width: 150px;
height: auto;
padding: 0 !important;
}
.falzarten h2 {
padding: 25px 0 24px 0;
}
.falzarten h3 {
padding: 0 0 4px 0;
}
.falzarten .article-left {
float: left;
width: 200px;
}
.falzarten .article-right {
float: left;
width: 400px;
min-height: 192.8px;
margin: 0 0 20px 0;
padding: 0 150px 20px 50px;
border-bottom: 1px solid #f0f0f0;
}
.falzarten .article-right.last {
margin: 0 !important;
border-bottom: none !important;
padding: 0 150px 0 50px !important;
}
/* individualdruck.phtml */
.individualdruck {
padding: 35px 50px 0;
}
.individualdruck .content-nav {
padding: 0;
}
.individualdruck-1 h1 {
padding: 0;
line-height: 20px;
}
.individualdruck-1 h2 {
color: #003565;
line-height: 20px;
padding: 30px 0 15px;
}
.individualdruck-1 b.teaser {
display: block;
color: #fd7f0e;
font-size: 18px;
padding: 0 0 20px 0;
}
.individualdruck-1 b.teaser span {
color: #003565;
}
.foto-container-label {
clear: both;
}
.foto-container-label.label-left {
}
.foto-container-label.label-right {
padding: 0 0 15px 0 !important;
/*padding: 0 0 15px 270px !important;*/
/*padding: 0 0 15px 540px !important;*/
}
.individualdruck-foto-container {
float: left;
height: 330px;
padding: 0 0 30px 0;
}
.individualdruck-foto-container-middle {
padding: 0 30px;
}
.individualdruck-foto-container img {
width: 240px !important;
height: 255px !important;
}
.individualdruck-foto-container .contact {
padding: 10px 0 0 0;
}
.individualdruck-foto-container .contact span {
display: block;
position: relative;
padding: 0 0 0 15px;
}
.individualdruck-foto-container .contact span::before {
left: 0;
top: 5px;
width: 10px;
content: "";
height: 14px;
display: block;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.individualdruck-foto-container .contact b {
padding: 0;
display: block;
font-size: 14px;
}
.individualdruck-foto-container .contact a {
display: block;
font-size: 12px;
font-weight: bold;
}
.contact-label.label-1 {
color: #003565;
font-size: 20px;
font-weight: bold;
padding: 0 0 10px 0;
}
.contact-label.label-2 {
color: #898989;
font-size: 20px;
font-weight: bold;
line-height: 24px;
padding: 0 0 10px 0;
}
.contact-text {
padding: 0 0 30px 0;
}
.hotline-container {
padding: 20px;
color: #ffffff;
font-size: 18px;
font-weight: bold;
margin: 0 0 20px 0;
text-align: center;
background-color: #003565;
}
.hotline-container span {
display: block;
color: #fd7f0e;
font-weight: bold;
padding: 15px 0 5px 0;
}
.hotline-container span.phone {
display: inline;
position: relative;
padding: 0 0 0 15px;
color: #ffffff !important;
}
.hotline-container span.phone::before {
left: 0;
top: 5px;
width: 10px;
content: "";
height: 14px;
display: block;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.individualdruck-2 .product-container {
background-color: #f0f0f0;
}
.individualdruck-2 .product-container.first {
margin: 0 0 30px 0;
}
.individualdruck-2 .product-container-left {
float: left;
width: 415px;
margin-right: 15px;
margin-bottom: -32767px;
padding-bottom: 32767px;
}
.individualdruck-2 .product-container-right {
float: left;
width: 415px;
margin-left: 15px;
margin-bottom: -32767px;
padding-bottom: 32767px;
}
.individualdruck-2 .product-container-infos {
padding: 20px;
}
.individualdruck-3 .article-cnt-left {
float: left;
width: 565px;
padding: 0 30px 0 0;
}
.individualdruck-3 .article-cnt-right {
float: left;
width: 265px;
}
.individual-form label {
width: 100px;
}
.individual-form .checkbox-sub-container {
width: 413px;
}
.individual-form .contact-button {
margin: 0 0 20px 100px;
}
.individual-form-item {
float: left;
width: 525px;
}
.individual-form-item input {
width: 413px;
}
.individual-form-item textarea {
width: 413px;
}
.individual-form-firstname {
float: left;
width: 250px;
}
.individual-form-firstname input {
width: 138px;
}
.individual-form-lastname {
float: left;
width: 250px;
padding: 0 0 0 25px;
}
.individual-form-lastname input {
width: 138px;
}
.individual-form-street {
float: left;
width: 250px;
}
.individual-form-street input {
width: 138px;
}
.individual-form-streetnr {
float: left;
width: 250px;
padding: 0 0 0 25px;
}
.individual-form-streetnr input {
width: 138px;
}
.individual-form-zipcode {
float: left;
width: 250px;
}
.individual-form-zipcode input {
width: 138px;
}
.individual-form-city {
float: left;
width: 250px;
padding: 0 0 0 25px;
}
.individual-form-city input {
width: 138px;
}
.individual-form-phone {
float: left;
width: 250px;
}
.individual-form-phone input {
width: 138px;
}
.individual-form-mail {
float: left;
width: 250px;
padding: 0 0 0 25px;
}
.individual-form-mail input {
width: 138px;
}
.individual-form input[type=file] {
background-color: transparent;
}
.individual-form .nfi-button {
padding: 0;
width: 418px;
height: 25px;
color: #898989;
display: block;
cursor: pointer;
line-height: 25px;
padding: 0 0 0 5px;
float: left !important;
text-decoration: none;
border: 1px solid #ffffff;
background-color: #ffffff;
text-align: left !important;
}
.individual-form .nfi-button::after {
top: 3px;
width: 19px;
right: 5px;
content: "";
height: 19px;
position: absolute;
background: url(/load/images/plus.png) no-repeat scroll 0 0;
}
.individual-form .nfi-button:hover {
background-position: 0 -44px;
}
.individual-form .nfi-button:active {
background-position: 0 -88px;
}
.individual-form .nfi-button.upload-error {
width: 418px;
color: #ff0000;
border: 1px solid #ff0000;
}
.individual-form .nfi-filename {
display: block;
clear: left !important;
color: #898989 !important;
box-shadow: none !important;
border: medium none !important;
padding: 10px 0 5px 0 !important;
outline: medium none !important;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.individual-form .nfi-filename-empty {
padding: 0 !important;
width: 140px !important;
display: none !important;
}
.content-main-nav {
}
.content-main-nav li {
float: left;
width: 140px;
display: block;
font-size: 28px;
text-align: left;
font-weight: bold;
position: relative;
padding: 40px 90px 30px;
}
.content-main-nav li::before {
top: 46px;
left: 60px;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.content-main-nav li.active {
color: #003565;
}
.content-main-nav li.active::before {
top: 46px;
left: 60px;
width: 11px;
content: "";
height: 8px;
position: absolute;
background: url(/load/images/bottom-orange.png) no-repeat scroll 0 0;
}
.content-main-nav li.active span {
left: 45px;
bottom: -16px;
height: 16px;
width: 200px;
display: block;
position: absolute;
background-color: #3f6e9a;
}
.content-main-nav li a {
color: #898989;
}
.content-main-nav li:hover a {
color: #003565;
}
.content-main-nav .main-text {
color: #ffffff;
font-size: 18px;
font-weight: bold;
line-height: 22px;
padding: 60px 50px 50px;
background-color: #003565;
}
.info-container {
padding: 30px 40px 0;
background-color: #f0f0f0;
}
.info-container-3 {
padding: 30px 40px 25px;
}
.info-container b {
display: block;
color: #003565;
font-size: 16px;
padding: 0 0 15px;
}
.info-container img {
width: 780px;
height: auto;
}
.contact-container {
padding: 30px 30px 20px;
background-color: #f0f0f0;
/*border-top: 5px solid #003565;*/
}
.contact-container b {
display: block;
color: #003565;
}
.contact-container b.main-label {
font-size: 18px;
padding: 0 0 0 0;
}
.contact-container b.label {
font-size: 16px;
padding: 25px 0 10px;
}
.contact-container div {
width: 500px;
position: relative;
padding: 5px 0 5px 20px;
border-bottom: 1px dashed #898989;
}
.contact-container div.last {
border-bottom: none;
}
.contact-container div::before {
left: 0;
top: 30%;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.contact-container div span {
width: 140px;
display: inline-block;
}
.contact-container div b {
width: 130px;
display: inline-block;
}
.contact-container div a {
width: 130px;
padding: 0 0 0 20px;
display: inline-block;
}
.clear-product-container {
clear: both;
overflow: hidden;
margin: 0 0 30px 0;
}
.clear-product-container.last {
margin: 0 !important;
}
.product-container-infos b {
display: block;
color: #003565;
padding: 0 0 5px 0;
}
.product-container-infos span {
color: #003565;
display: block;
font-size: 12px;
padding: 0 0 5px 0;
}
.info-links {
width: 235px;
height: 235px;
padding: 15px;
display: block;
font-size: 12px;
position: relative;
color: #003565 !important;
}
.info-links b.link-label {
display: block;
font-size: 20px;
padding: 0 0 5px 0;
text-transform: uppercase;
}
.info-links b.link {
bottom: 15px;
display: block;
font-size: 14px;
position: absolute;
padding: 0 0 0 15px;
text-transform: none;
}
.info-links b.link::before {
top: 4px;
left: 0;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.info-links b.link:hover::before {
background: url(/load/images/next-blau.png) no-repeat scroll 0 0;
}
.info-link-1 {
background: url(/load/images/menu/teaser-mustermappe.jpg) no-repeat scroll 0 0;
}
.info-link-2 {
background: url(/load/images/menu/teaser-veredelungen.jpg) no-repeat scroll 0 0;
}
/* druckerei.phtml */
.druckerei a.link {
color: #898989;
text-decoration: underline;
}
.druckerei a.link:hover,
.druckerei a.link:focus {
color: #003565;
}
/* lentikulardruck.phtml */
.lentikulardruck h2 {
color: #003565;
padding: 50px 0 30px 0;
}
.lentikulardruck h3 {
color: #003565;
}
.lentikulardruck h3.top {
padding: 0 0 4px 0;
}
.lentikulardruck h4 {
color: #fd7f0e;
}
.lentikulardruck li {
color: #fd7f0e;
}
.lentikulardruck li span {
color: #898989;
}
.main-teaser {
font-size: 18px;
line-height: 22px;
font-weight: bold;
}
.lentikulardruck .page-nav {
width: 860px;
margin: 20px 0;
display: table;
}
.lentikulardruck .page-nav a {
font-weight: bold;
padding: 10px 20px;
display: inline-block;
}
.lentikulardruck .page-nav a::before {
background: none;
}
.lenti-container {
background-color: #f0f0f0;
}
.lenti-container-left {
float: left;
width: 415px;
margin-right: 15px;
margin-bottom: -32767px;
padding-bottom: 32767px;
}
.lenti-container-right {
float: left;
width: 415px;
margin-left: 15px;
margin-bottom: -32767px;
padding-bottom: 32767px;
}
.lenti-container a.lenti-link {
bottom: 15px;
color: #003565;
display: block;
font-weight: bold;
position: absolute;
padding: 10px 0 0 20px;
}
.lenti-container a.lenti-link::before {
top: 45%;
left: 0;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.lenti-container a.lenti-link:hover::before {
background: url(/load/images/next-blau.png) no-repeat scroll 0 0;
}
.lenti-container-infos {
padding: 20px;
min-height: 200px;
position: relative;
}
.clear-lenti-container {
clear: both;
overflow: hidden;
margin: 0 0 30px 0;
}
.clear-lenti-container.last {
margin: 0 !important;
}
.lenti-video {
margin: 0 0 20px 0;
}
.lenti-container-infos b {
display: block;
color: #003565;
font-size: 20px;
padding: 0 0 5px 0;
}
.lenti-container-infos span {
color: #fd7f0e;
display: block;
font-weight: bold;
padding: 0 0 5px 0;
}
.lenti-label {
color: #fd7f0e;
font-weight: bold;
}
.lenti-info-image.left {
display: block;
padding: 0 20px 0 0;
}
.lenti-info-image.right {
float: right;
display: block;
padding: 0 0 0 20px;
}
.lenti-contact-container {
margin: 20px 0 0;
padding: 35px 25px 25px;
background-color: #f0f0f0;
}
.lenti-kontakt-label {
color: #003565;
font-size: 20px;
line-height: 16px;
font-weight: bold;
padding: 0 0 30px 0;
}
.lenti-contact-info {
color: #003565;
padding: 30px 0;
font-weight: bold;
}
.lenti-contact-image {
float: left;
}
.lenti-contact-infos {
float: left;
padding: 0 0 0 10px;
}
.lenti-info-label {
display: block;
color: #003565;
padding: 20px 0 0 0;
}
a.lenti-contact-link {
color: #898989;
font-weight: bold;
}
/* dateivorgaben.phtml */
.dateivorgaben h2 {
color: #fd7f0e;
line-height: 22px;
padding: 10px 0 20px;
}
.page-nav ul {
padding: 10px 30px 10px 10px !important;
}
.page-nav ul li {
margin: 0 !important;
padding: 0 !important;
list-style-type: none !important;
}
.page-nav ul li.menu-open a.page-nav-link,
.page-nav ul li.menu-open span.page-nav-link,
.page-nav ul li.menu-close span.page-nav-link.active {
color: #003565 !important;
}
.page-nav ul li.menu-open a.page-nav-link::before,
.page-nav ul li.menu-open span.page-nav-link::before,
.page-nav ul li.menu-open span.page-nav-link.active::before {
width: 11px;
height: 8px;
background: url(/load/images/bottom-orange.png) no-repeat scroll 0 0 !important;
}
.page-nav ul li.menu-close ul {
display: none;
}
.page-nav ul li a {
border-bottom: none !important;
}
.page-nav ul ul.sub-nav {
padding: 0 0 0 30px !important;
}
.page-nav ul ul.sub-nav li {
color: #003565;
}
.page-nav ul ul.sub-nav li a {
font-weight: normal;
margin: 0 0 5px 0!important;
padding: 0 0 5px 0!important;
border-bottom: 1px solid #ffffff !important;
}
.page-nav ul ul.sub-nav li a.last {
margin: 0 !important;
padding: 0 !important;
border-bottom: none !important;
}
.page-nav ul ul.sub-nav li a::before {
background: none !important;
}
.page-nav .top-button {
color: #003565;
cursor: pointer;
font-weight: bold;
padding: 10px 20px 10px 20px;
border-top: 10px solid #ffffff;
}
.responsive-top-button {
display: none;
}
.main-info-container {
padding: 25px;
background-color: #f0f0f0;
}
.main-info-container .print-files-info-container {
padding: 20px;
background-color: #ffffff;
}
.main-info-container .print-files-info-container h3 {
padding: 0;
color: #003565;
}
.main-info-container-label {
display: block;
color: #003565;
font-size: 16px;
padding: 20px 0 0;
}
.main-info-container .print-files-info-container b {
color: #003565;
}
.sub-info-container {
padding: 20px;
margin: 20px 0 0;
border: 25px solid #f0f0f0;
}
.sub-info-container.last {
}
.sub-info-container h4 {
color: #003565;
font-size: 16px;
padding: 0 0 10px;
}
.sub-info-container-label {
color: #003565;
}
.sub-info-container table td {
padding: 5px 0;
vertical-align: bottom;
}
.sub-info-container table td.label {
color: #898989;
padding: 5px 25px 5px 0;
}
.cnt-item-info {
display: none;
}
.checkliste-table {
width: 860px;
border-spacing: 0;
margin-top: 12px;
border-collapse: separate;
border: 1px solid #003565 !important;
}
.checkliste-table td,
.checkliste-table th {
padding: 5px !important;
border: 1px solid #003565 !important;
}
.checkliste-table th {
color: #ffffff;
background-color: #003565;
}
.checkliste-table-name {
text-align: right;
}
.print-data-info {
color: #fd7f0e;
padding: 10px 0 5px 0 !important;
}
.print-data-info div {
color: #898989;
}
.print-data-info p {
font-size: 14px;
}
.languages-nav {
padding: 20px 20px 30px 20px;
border-bottom: 15px solid #ffffff;
}
.languages-nav .label {
color: #898989;
}
.languages-block {
height: 44px;
display: inline-block;
background-color: #ffffff;
}
.languages-block a {
float: left;
padding: 0;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
position: relative;
border: 1px solid #ffffff;
}
.languages-block a::before,
.languages-block a:hover::before {
background: none;
}
.languages-block a.active {
border: 1px solid #fd7f0e;
}
.languages-block a span {
width: 42px;
display: none;
}
.languages-block a.active span {
left: 1px;
bottom: -15px;
display: block;
font-size: 10px;
font-weight: bold;
line-height: 10px;
position: absolute;
}
/* datenschutz.phtml */
.article-cnt.datenschutz h2 {
line-height: 24px;
}
/* mustermappe.phtml */
.mustermappe .contact-form-left {
float: left;
width: 455px;
}
.mustermappe .contact-form-right {
float: right;
width: 340px;
}
.mustermappe img.img-show {
width: 338px;
height: auto;
display: block;
}
.mustermappe img.img-send {
width: 460px;
height: auto;
display: block;
}
.mustermappe textarea {
height: 155px;
}
/* kontaktformular.phtml */
.kontaktformular .contact-form-left {
float: left;
width: 455px;
}
.kontaktformular .contact-form-right {
float: right;
width: 340px;
}
.kontaktformular .dd {
width: 350px !important;
}
.kontaktformular .dd .ddTitle {
width: 350px !important;
}
.kontaktformular .ddChild {
width: 350px !important;
}
/* info-center.phtml */
.info-center h2 {
color: #fd7f0e;
padding: 10px 0 20px;
}
.info-center h3 {
color: #003565;
padding: 0 0 15px;
}
.clear-info-container a {
color: #898989;
font-weight: normal;
}
.info-center .product-container-left {
float: left;
width: 415px;
position: relative;
margin: 0 15px 30px 0;
}
.info-center .product-container-left.last {
margin: 0 15px 0 0;
}
.info-center .product-container-left:hover {
top: -6px;
left: -6px;
padding: 5px;
width: 415px;
height: 215px;
margin: 0 3px 0 0;
border: 1px solid #003565;
background-color: #ffffff;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.info-center .product-container-right {
float: left;
width: 415px;
position: relative;
margin: 0 0 30px 15px;
}
.info-center .product-container-right.last {
margin: 0 0 0 15px;
}
.info-center .product-container-right:hover {
top: -6px;
left: 6px;
padding: 5px;
width: 415px;
height: 215px;
margin: 0 0 0 3px;
border: 1px solid #003565;
background-color: #ffffff;
box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-moz-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
-webkit-box-shadow: 0px 3px 8px 0px rgba(127,154,178,0.75);
}
.info-center-1 {
background: url(/load/images/info-center-1.jpg) no-repeat scroll 0 0;
}
.info-center-2 {
background: url(/load/images/info-center-2.jpg) no-repeat scroll 0 0;
}
.info-center-3 {
background: url(/load/images/info-center-3.jpg) no-repeat scroll 0 0;
}
.info-center-4 {
background: url(/load/images/info-center-4.jpg) no-repeat scroll 0 0;
}
.info-center-5 {
background: url(/load/images/info-center-5.jpg) no-repeat scroll 0 0;
}
.info-center-content {
height: 175px;
background-color: #f0f0f0;
padding: 20px 20px 20px 175px;
}
.info-center-link {
width: 200px;
bottom: 20px;
color: #003565;
display: block;
font-size: 14px;
font-weight: bold;
position: absolute;
padding: 0 0 0 15px;
}
.info-center-link::before {
top: 5px;
left: 0;
width: 10px;
content: "";
height: 14px;
position: absolute;
background: url(/load/images/next-orange.png) no-repeat scroll 0 0;
}
.info-center-content:hover span.info-center-link {
bottom: 25px;
}
/* sitemap.phtml */
.sitemap .product-letter {
width: 235px;
}
.sitemap .product-line {
width: 25px;
}
.sitemap .product-line span {
width: 25px;
}
/* downloads.phtml */
.downloads hr {
border: 0px;
border-top: 1px solid #898989;
}
.download-wrap {
margin-bottom: 30px;
}
.download-wrap.last {
margin-bottom: 0;
}
.download-wrap h2 {
width: 100%;
color: #003565;
font-size: 18px;
text-align: left;
}
.download-links-1 img {
height: auto;
max-width: 245px;
}
.download-links-1 a {
width: 398px;
display: block;
color: #003565;
font-size: 18px;
line-height: 40px;
padding: 0 0 0 15px;
border-bottom: 1px solid #f0f0f0;
text-decoration: none !important;
background: url(/load/images/download-arrow.png) no-repeat scroll 395px 50% transparent;
}
.download-links-1 a:hover,
.download-links-1 a:focus {
color: #ffffff;
background: url(/load/images/download-arrow.png) no-repeat scroll 395px 50% #003565;
}
.download-links-1 a.last {
border-bottom: none;
}
.download-links-1 a.download-links-container-left {
}
.download-links-1 a.download-links-container-right {
}
.download-links-1 a.download-links-container-middle {
margin: 0 32.5px;
}
.download-links-1-left {
float: left;
width: 413px;
margin: 0 15px 0 0;
border: 1px solid #f0f0f0;
}
.download-links-1-right {
float: right;
width: 413px;
margin: 0 0 0 15px;
border: 1px solid #f0f0f0;
}
.download-links-3 .download-links h3 {
padding: 0;
font-size: 18px;
}
.download-links-3 .download-links-container {
float: left;
width: 243px;
padding: 10px;
min-height: 180px;
position: relative;
border: 1px solid #f0f0f0;
}
.download-links-3 .download-links-container .download-links-container-languages {
top: 18px;
right: 18px;
width: 56px;
position: absolute;
}
.download-links-3 .download-links-container .download-links-container-languages img {
display: block;
}
.download-links-3 .download-links-container .download-links-container-languages img.left {
float: left;
}
.download-links-3 .download-links-container .download-links-container-languages img.right {
float: right;
}
.download-links-3 .download-links-container.languages span {
float: left;
display: block;
min-width: 180px;
font-weight: bold;
width: calc(100% - 62px);
}
.download-links-3 .download-links-container.languages a {
float: left;
width: 20px;
display: block;
text-align: center;
background: url(/load/images/download-link.png) no-repeat scroll 4px 4px transparent !important;
}
.download-links-3 .download-links-container.languages a.de {
margin: 0 16px 0 0;
}
.download-links-3 .download-links-container p {
line-height: 20px;
}
.download-links-3 .logos b {
display: block;
}
.download-links-3 .logos span {
width: 75px;
display: inline-block;
}
.download-links-3 .logos a {
width: 35px;
display: inline-block;
}
.download-links-3 .download-links-container-middle {
margin: 0 32.5px;
}
.download-links-2 {
margin-bottom: 0 !important;
}
.download-links-2 .download-links-container {
width: 838px;
padding: 10px;
line-height: 22px;
position: relative;
border: 1px solid #f0f0f0;
}
.download-links-2 .download-links-container-left {
float: left;
width: 389px;
padding-right: 30px;
}
.download-links-2 .download-links-container-right {
float: left;
width: 389px;
padding-left: 30px;
}
.download-links-2 span.req {
top: -2px;
color: #fd7f0e;
position: relative;
display: inline-block;
}
.download-links .download-links-container {
float: left;
width: 375px;
padding: 15px;
text-align: left;
/*min-height: 115px;*/
border: 1px solid #f0f0f0;
}
.download-links .download-links-container-left {
margin-right: 10px;
}
.download-links .download-links-container-right {
margin-left: 10px;
}
.download-links-4 .download-links-container {
float: left;
width: 240px;
padding: 10px;
min-height: 170px;
border: 1px solid #f0f0f0;
}
.download-links-4 .download-links-container-middle {
margin: 0 30px;
}
.download-links-4 p {
line-height: 22px;
}
.download-links-4 .package-image {
min-height: 80px;
}
.download-links-5 .download-links-container {
float: left;
width: 375px;
padding: 15px;
min-height: 170px;
border: 1px solid #f0f0f0;
}
.download-links-5 .download-links-container.first {
min-height: 309px;
}
.download-links-5 .download-links-container.last {
min-height: 444px;
}
.download-links-5 a.link {
color: #898989;
display: block;
font-size: 12px;
font-weight: normal;
}
.download-links-5 a.link:hover {
color: #898989;
text-decoration: underline !important;
}
.download-links-5 .download-main-label {
display: block;
color: #003565;
font-size: 18px;
padding: 0 0 25px 0;
}
.download-links-5 .download-links-container-left {
margin-right: 15px;
}
.download-links-5 .download-links-container-right {
margin-left: 15px;
}
.download-links-p-left {
float: left;
width: 150px;
}
.download-links-p-right {
float: right;
width: 200px;
}
.download-links-5 .download-links-p-left {
float: left;
width: 210px;
}
.download-links-5 .download-links-p-right {
float: right;
width: 165px;
}
.download-links-5 .download-label {
display: block;
color: #003565;
font-size: 16px;
padding: 10px 0 5px 0;
}
.download-links-5 .download-sub-label {
display: block;
color: #fd7f0e;
font-size: 12px;
}
.download-links-p-left span,
.download-links-p-right span {
display: block;
min-height: 90px;
}
.download-links-6 .download-links-container {
float: left;
width: 860px;
font-size: 12px;
padding: 15px 0 0 0;
border: 1px solid #f0f0f0;
}
.download-links-6 p {
float: left;
width: 90px;
min-height: 120px;
text-align: center;
padding: 0 14.5px 0 0;
}
.download-links-6 a {
display: block;
}
.downloads h1 {
padding: 0 0 25px 0;
}
.downloads h2 {
color: #003565;
line-height: 18px;
padding: 0 0 20px 0;
}
.downloads h3 {
color: #003565;
padding: 5px 0 5px 0;
}
.downloads .coupon-text {
margin: 0 0 20px 0;
}
.downloads a {
text-decoration: none !important;
}
.downloads-sub-container {
padding: 25px 0;
display: inline-block;
border: 1px solid #f0f0f0;
}
.downloads-sub-container div {
font-weight: bold;
text-align: center;
display: inline-block;
}
.downloads-image-container {
height: 65px;
padding: 0 0 10px 0;
}
.downloads-sub-container div span {
width: 140px;
display: block;
margin: 0 auto;
}
.downloads-sub-container div a {
width: 140px;
display: block;
margin: 0 auto;
}
.downloads-sub-container div a:hover,
.downloads-sub-container div a:focus {
color: #003565;
}
.downloads-sub-fold-container,
.downloads-sub-promo-container {
padding: 15px 1px 0;
}
.downloads-sub-fold-container div {
float: left;
width: 142px;
margin: 0 0 25px 0;
}
.downloads-sub-promo-container div {
float: left;
width: 142px;
margin: 0 0 15px 0;
}
.download-req-container {
width: 50%;
bottom: 10px;
position: absolute;
}
/* gutscheine.phtml */
.coupon-image {
width: 860px;
height: auto;
}
.coupon-text {
padding: 15px;
margin: 20px 0 0 0;
background-color: #ffeddf;
}
/* Checkbox */
.checkbox-container {
padding: 5px 0 20px 72px;
}
.checkbox-sub-container {
float: left;
width: 350px;
font-size: 13px;
position: relative;
padding: 0 0 0 10px;
}
.checkbox-sub-container-item-1 {
top: -3px;
position: relative;
padding-bottom: 10px;
}
.checkbox-sub-container-item-2 {
padding-bottom: 10px;
}
/* Online Designer */
.design-preview {
line-height: 0px;
overflow: hidden;
position: relative;
}
.design-image {
width: 168px;
height: auto;
}
.design-preview-options {
padding: 10px 0 0 0;
}
.design-preview-options a {
color: #ffffff;
padding: 0 20px 0 0;
display: inline-block;
}
/* UV-Lack - Online Designer */
.lack-preview-wrap {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
}
.lack-preview-wrap.half-bottom {
bottom: 0px;
height: 50%;
}
.lack-preview-wrap.half-right {
width: 50%;
right: 0px;
}
.animated-lackpreview {
top: 0px;
width: 2500%;
height: 100%;
left: -2500%;
opacity: 0.8;
position: absolute;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: top left;
}
.design-preview:hover .animated-lackpreview {
animation: lackpreview 2.5s steps(25) infinite;
-webkit-animation: lackpreview 2.5s steps(25) infinite;
}
@keyframes lackpreview {
100% { left: 0px; top: 0px; }
}
/* Autocompletion */
.easy-autocomplete {
position: relative;
display: table-cell;
width: 352px !important;
}
.easy-autocomplete-container {
width: 100%;
position: absolute;
z-index: 5 !important;
}
.easy-autocomplete-container ul {
top: -1px;
padding: 0;
display: none;
position: relative;
background-color: #ffffff;
border-top: 1px solid #f0f0f0;
}
.easy-autocomplete-container ul li {
display: block;
padding: 5px 10px;
}
.easy-autocomplete-container ul li:last-child {
border-bottom: 1px solid #f0f0f0;
}
.easy-autocomplete-container ul li.selected {
color: #003565;
cursor: pointer;
background: none repeat scroll 0 0 #f0f0f0;
}
.easy-autocomplete-container ul li div {
display: block;
word-break: break-all;
}
/* Login */
.article-info.login-container {
padding: 35px 50px 0;
}
.article-info.login-container .login-form {
width: 505px;
padding: 20px;
position: relative;
background-color: #f0f0f0;
}
.article-info.login-container .login-form .login-label,
.article-info.login-container .login-form .login-clear {
display: none;
}
.article-info.login-container .login-form div.clear {
padding: 0 0 15px 0;
}
.article-info.login-container .login-form label {
float: left;
width: 160px;
height: 27px;
display: table-cell;
vertical-align: middle;
}
.article-info.login-container .login-form input {
padding: 5px;
width: 330px;
color: #003565;
background-color: #ffffff;
}
.article-info.login-container .login-form .login-button {
height: 36px;
display: block;
color: #ffffff;
font-size: 16px;
cursor: pointer;
text-align: left;
font-weight: bold;
padding: 5px 15px;
margin: 0 0 0 160px;
letter-spacing: 1px;
width: 342px !important;
background-color: #003565;
background: #003565 url(/load/images/next-orange.png) no-repeat scroll 317px 13px;
}
.article-info.login-container .login-errors {
width: 505px;
margin: 15px 0 0 0;
}
.article-info.login-container a.link {
font-weight: bold;
margin: 15px 0 0 0;
display: inline-block;
text-decoration: underline;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.header-left .header-logo {
background: url(/load/images/pinguindruck-logo_retina.png) transparent no-repeat;
background-size: 224px 55px;
}
.header-form .start-search {
background: url(/load/images/search_50x50_retina.png) no-repeat scroll 0 0;
background-size: 50px 50px;
}
.header-form .start-search:hover {
background: url(/load/images/search_50x50_retina.png) no-repeat scroll 0 -25px;
background-size: 50px 50px;
}
.header-links-infos::before {
background: url(/load/images/info-center_50x50_retina.png) no-repeat scroll 0 0;
background-size: 50px 50px;
}
.header-links-infos:hover::before {
background: url(/load/images/info-center_50x50_retina.png) no-repeat scroll 0 -25px;
background-size: 50px 50px;
}
.header-links-news::before {
background: url(/load/images/news_50x50_retina.png) no-repeat scroll 0 0;
background-size: 50px 50px;
}
.header-links-news:hover::before {
background: url(/load/images/news_50x50_retina.png) no-repeat scroll 0 -25px;
background-size: 50px 50px;
}
.header-links-jobs::before {
background: url(/load/images/jobs_50x50_retina.png) no-repeat scroll 0 0;
background-size: 50px 50px;
}
.header-links-jobs:hover::before {
background: url(/load/images/jobs_50x50_retina.png) no-repeat scroll 0 -25px;
background-size: 50px 50px;
}
.footer-links .social.fb {
background: url(/load/images/facebook_50x50_retina.png) 0 0;
background-size: 50px 50px;
}
.footer-links .social.fb:hover {
background: url(/load/images/facebook_50x50_retina.png) 0 -25px;
background-size: 50px 50px;
}
.footer-links .social.tw {
background: url(/load/images/twitter_50x50_retina.png) 0 0;
background-size: 50px 50px;
}
.footer-links .social.tw:hover {
background: url(/load/images/twitter_50x50_retina.png) 0 -25px;
background-size: 50px 50px;
}
.footer-links .social.yt {
background: url(/load/images/youtube_50x50_retina.png) 0 0;
background-size: 50px 50px;
}
.footer-links .social.yt:hover {
background: url(/load/images/youtube_50x50_retina.png) 0 -25px;
background-size: 50px 50px;
}
.footer-links .social.ig {
background: url(/load/images/instagram_50x50_retina.png) 0 0;
background-size: 50px 50px;
}
.footer-links .social.ig:hover {
background: url(/load/images/instagram_50x50_retina.png) 0 -25px;
background-size: 50px 50px;
}
.footer-links .social.xn {
background: url(/load/images/xing_50x50_retina.png) 0 0;
background-size: 50px 50px;
}
.footer-links .social.xn:hover {
background: url(/load/images/xing_50x50_retina.png) 0 -25px;
background-size: 50px 50px;
}
.footer-links .social.gp {
background: url(/load/images/google-plus_50x50_retina.png) 0 0;
background-size: 50px 50px;
}
.footer-links .social.gp:hover {
background: url(/load/images/google-plus_50x50_retina.png) 0 -25px;
background-size: 50px 50px;
}
.footer-links .social.mail {
background: url(/load/images/mail_50x50_retina.png) 0 0;
background-size: 50px 50px;
}
.footer-links .social.mail:hover {
background: url(/load/images/mail_50x50_retina.png) 0 -25px;
background-size: 50px 50px;
}
.icheckbox {
background: url(/load/images/icheckbox-not-checked_retina.png) no-repeat scroll 0 0;
background-size: 13px 13px;
}
.icheckbox.invalid {
background: url(/load/images/icheckbox-invalid_retina.png) no-repeat scroll 0 0;
background-size: 13px 13px;
}
.icheckbox.checked,
.icheckbox.rs__required-1 {
background: url(/load/images/icheckbox-checked_retina.png) no-repeat scroll 0 0;
background-size: 13px 13px;
}
.icheckbox.disabled {
background: url(/load/images/icheckbox_retina.png) no-repeat scroll 0 0;
background-size: 13px 13px;
}
.iradio {
background: url(/load/images/iradio_retina.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background-size: 15px 15px;
}
.iradio.disabled {
background: url(/load/images/iradio_retina.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background-size: 15px 15px;
}
.iradio.checked {
background: url(/load/images/iradio-checked_retina.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background-size: 15px 15px;
}
.iradio.checked.disabled {
background: url(/load/images/iradio_retina.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background-size: 15px 15px;
}
.form-tooltip-trigger {
background: url(/load/images/info-button-grau_retina.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
background-size: 16px 16px;
}
.dd .ddTitle span.arrow {
background: url(/load/images/bottom-blau_retina.png) no-repeat scroll 0 10px #ffffff !important;
background-size: 11px 8px !important;
}
/*.video-home-info-3::before,
.video-home-info-6::before {
background: url(/load/images/next-orange_retina.png) no-repeat scroll 0 0;
background-size: 8px 11px !important;
}*/
.start-text-lenti-links a {
background: url(/load/images/next-orange_retina.png) no-repeat scroll 0 4px;
background-size: 8px 11px !important;
}
.start-time-services-1 a {
background: url(/load/images/next-orange_retina.png) no-repeat scroll 0 9px;
background-size: 8px 11px !important;
}
.start-process-services .process-video {
background: url(/load/images/video-grau_retina.jpg) no-repeat scroll 0 0;
background-size: 58px 71px;
}
.start-process-services .process-video:hover {
background: url(/load/images/video-orange_retina.jpg) no-repeat scroll 0 0;
background-size: 58px 71px;
}
.category-container .product-item-new {
background: url(/load/images/new_retina.png) no-repeat scroll 0 0;
background-size: 25px 50px;
}
.category-container .product-video {
background: url(/load/images/video-grau_retina.jpg) no-repeat scroll 0 0;
background-size: 58px 71px;
}
.category-container:hover .product-video {
background: url(/load/images/video-orange_retina.jpg) no-repeat scroll 0 0;
background-size: 58px 71px;
}
.article-cnt.sub-product .main-category-container .category-item .category-container {
background: url(/load/images/standard-produkt_retina.png) no-repeat scroll 318px 20px #f0f0f0;
background-size: 77px 42px;
}
.article-cnt.sub-product .main-category-container .category-item.process .category-container {
background: url(/load/images/process-produkt_retina.png) no-repeat scroll 353px 20px #f0f0f0;
background-size: 42px 42px;
}
.article-cnt.sub-product .main-category-container .category-item.express .category-container {
background: url(/load/images/express-produkt_retina.png) no-repeat scroll 353px 20px #f0f0f0;
background-size: 42px 42px;
}
.article-cnt.sub-product .main-category-container .category-item.designer .category-container {
background: url(/load/images/designer-produkt_retina.png) no-repeat scroll 343px 20px #f0f0f0;
background-size: 52px 42px;
}
.article-cnt.sub-product .main-category-container .category-item.multilayer .category-container {
background: url(/load/images/multilayer-produkt_retina.png) no-repeat scroll 353px 20px #f0f0f0;
background-size: 42px 42px;
}
.article-cnt.sub-product .main-category-container .category-item.mustermappe .category-container {
background: url(/load/images/mustermappe-produkt_retina.png) no-repeat scroll 353px 20px #f0f0f0;
background-size: 42px 42px;
}
.article-cnt.sub-product .main-category-container .category-item.info .category-container {
background: url(/load/images/info-center-produkt_retina.png) no-repeat scroll 353px 20px #f0f0f0;
background-size: 42px 42px;
}
.product-inspiration-details {
background: url(/load/images/lupe_retina.png) no-repeat scroll 126.5px 60px #003565;
background-size: 27px 26px;
}
.article-cnt.sub-product .product-offer-container .product-offer-item.standard .product-offer-item-content::before {
background: url(/load/images/standard-produkt-produktempfehlung_retina.png) no-repeat scroll 0 0 #f0f0f0;
background-size: 57px 31px;
}
.article-cnt.sub-product .product-offer-container .product-offer-item.process .product-offer-item-content::before {
background: url(/load/images/process-produkt-produktempfehlung_retina.png) no-repeat scroll 0 0 #f0f0f0;
background-size: 31px 31px;
}
.article-cnt.sub-product .product-offer-container .product-offer-item.express .product-offer-item-content::before {
background: url(/load/images/express-produkt-produktempfehlung_retina.png) no-repeat scroll 0 0 #f0f0f0;
background-size: 31px 31px;
}
/*.category-container span.product-order-link::before {
background: url(/load/images/next-orange_retina.png) no-repeat scroll 0 0;
background-size: 8px 11px;
}*/
/* Content */
/*.page-nav a::before,
.page-nav span.page-nav-link::before {
background: url(/load/images/next-orange_retina.png) no-repeat scroll 0 0;
background-size: 8px 11px;
}
.page-nav a:hover::before,
.page-nav span.page-nav-link:hover::before {
background: url(/load/images/next-orange_retina.png) no-repeat scroll 0 0;
background-size: 8px 11px;
}*/
.page-nav ul li.menu-open a.page-nav-link::before,
.page-nav ul li.menu-open span.page-nav-link::before,
.page-nav ul li.menu-open span.page-nav-link.active::before {
background: url(/load/images/bottom-orange_retina.png) no-repeat scroll 0 0 !important;
background-size: 11px 8px !important;
}
/*.info-center-link::before {
background: url(/load/images/next-orange_retina.png) no-repeat scroll 0 0;
background-size: 8px 11px;
}*/
/*.lenti-container a.lenti-link::before {
background: url(/load/images/next-orange_retina.png) no-repeat scroll 0 0;
background-size: 8px 11px;
}
.lenti-container a.lenti-link:hover::before {
background: url(/load/images/next-blau_retina.png) no-repeat scroll 0 0;
background-size: 8px 11px;
}*/
.contact-form .contact-button {
background: url(/load/images/next-orange_retina.png) no-repeat scroll 322px 13px #003565;
background-size: 8px 11px;
}
}