/*! nouislider - 8.3.0 - 2016-02-14 17:37:20 */


.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{width:40px;position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}.noUi-value-horizontal{margin-left:-20px;padding-top:20px}.noUi-value-horizontal.noUi-value-sub{padding-top:15px}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;padding:5px;text-align:center}.noUi-horizontal .noUi-handle-lower .noUi-tooltip{top:-32px}.noUi-horizontal .noUi-handle-upper .noUi-tooltip{bottom:-32px}.noUi-vertical .noUi-handle-lower .noUi-tooltip{left:120%}.noUi-vertical .noUi-handle-upper .noUi-tooltip{right:120%}
/*
 * HTML5 ✰ Boilerplate
 *
 * Helukabel CSS v 1.0
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 12px;
  line-height: 19px;
}
body,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  color: #5f5f5f;
}
/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #d6d6d6;
  margin: 1em 0 2em;
  padding: 0;
}
/* Redeclare monospace font family: h5bp.com/j */
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
  color: #5f5f5f;
  font-size: 11px;
  position: relative;
  vertical-align: baseline;
}
/*line-height: 0*/
sup {
  top: -0.2em;
}
sub {
  bottom: -0.2em;
}
p,
dl,
dd {
  margin: 0;
}
/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden;
}
/* =============================================================================
   Forms
   ========================================================================== */
#main form {
  margin: 0 0 2em 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form label sub,
form label sup,
.form-required sub,
.form-required sup,
.form-checkbox sup {
  color: #D91D29;
}
.js #main form.js-submit input[type=submit] {
  display: none;
}
.form-text,
.form-checkbox,
.form-radio,
.form-message,
.form-submit,
.form-select,
.form-info,
.form-required {
  margin-bottom: 6px;
  overflow: hidden;
  zoom: 1;
}
.form-select select {
  padding: 2px;
}
.form-radio {
  margin-bottom: 10px;
  margin-top: 14px;
}
.form-checkbox {
  margin-bottom: 10px;
  margin-top: 18px;
}
.form-checkbox.single-line {
  margin-top: 0;
}
.form-checkbox input[type=text] {
  float: left;
  margin-left: 8px;
  width: 165px;
}
.ie7 .form-checkbox input[type=text] {
  margin-top: 2px;
  width: 151px;
}
.ie8 .form-checkbox input[type=text] {
  margin-top: 2px;
  width: 154px;
}
.ie9 .form-checkbox input[type=text] {
  margin-top: 2px;
  width: 154px;
}
.form-checkbox > input[type=checkbox] {
  margin-top: 4px;
}
.ie9 .form-checkbox > input[type=checkbox] {
  margin-top: 3px;
}
.form-checkbox > input[type=checkbox] + label {
  margin-top: 3px;
}
.ie7 .form-checkbox .label,
.ie8 .form-checkbox .label,
.ie9 .form-checkbox .label {
  margin-top: 6px;
}
.ie7 .form-checkbox input[type=checkbox] + label {
  margin-top: 7px;
}
.ie8 .form-checkbox input[type=checkbox] + label {
  margin-top: 6px;
}
.ie9 .form-checkbox input[type=checkbox] + label {
  margin-top: 6px;
}
.form-text.inline-submit input[type=text] {
  float: left;
  width: 70px;
  margin-right: 10px;
}
.form-text.inline-submit.newline-label .label,
.form-text.inline-submit.newline-label label {
  display: block;
  float: none;
  margin-bottom: 10px;
}
.form-text.inline-submit.newline-label input[type=text] {
  float: left;
  width: 120px;
  margin-right: 10px;
}
.form-text.measurement-unit input[type=text] {
  float: left;
  width: 285px;
}
.form-text .unit {
  float: right;
  margin-top: 3px;
  margin-right: 5px;
}
.form-text.additional-info input[type=text] {
  float: left;
}
.form-text.additional-info .additional-info {
  margin-left: 5px;
}
.form-text .form-text-field {
  margin-left: 110px;
}
.form-text .form-text-field + .form-text-field input {
  margin-top: 6px;
}
.form-text.inline-submit .button {
  margin-left: 0;
  margin-top: -2px;
}
.form-info {
  margin-bottom: 1em;
}
.form-info p {
  margin-right: 90px;
}
.form-info .label + p {
  margin-left: 110px;
}
.form-info .indent,
.form-info.indent,
.form-submit.indent input {
  margin-left: 110px;
}
.form-submit.indent {
  margin-top: 0;
}
.form-info h2 {
  border-top: 1px solid #d6d6d6;
  margin-bottom: 0;
  padding-top: 16px;
  padding-right: 90px;
}
#newsletterForm .form-info h2 {
  border-top: none;
}
/*
	[id*="productForm"] h2 {
		font-weight: bold;
	}
*/
[id*="productForm"] h2 {
  font-weight: bold;
}
[id*="productForm"] .image img {
  border: 0 none;
  max-width: 698px;
  vertical-align: middle;
}
#main [id*="productForm"] .accordion dd {
  padding: 13px;
}
[id*="productForm"] td.sectionHeader {
  font-weight: bold;
}
[id*="productForm"] td.label20 {
  padding-left: 22px;
  width: 30%;
}
[id*="productForm"] td {
  vertical-align: middle;
}
[id*="productForm"] input[type="text"].numeric {
  width: auto;
  display: inline;
}
[id*="productForm"] .resultTable b {
  color: #5F5F5F;
}
[id*="productForm"] #attributesTable select {
  background-image: url('/systemfiles/image/layout/sprite.png');
  background-position: 0 -1550px;
  border: 1px solid #D6D6D6;
  height: 25px;
  line-height: 25px;
  margin: 0;
  vertical-align: middle;
}
[id*="productForm"] #attributesTable .errors {
  color: red;
}
[id*="productForm"] #attributesTable .errors li {
  padding: 0;
  background: none;
}
#content [id*="productForm"] .table table tr th,
#content [id*="productForm"] .table table tr td {
  padding: 0;
}
#productDetailsForm h2 {
  font-weight: bold;
}
#productDetailsForm .image img {
  border: 0 none;
  max-width: 698px;
  vertical-align: middle;
}
#main #productDetailsForm .accordion dd {
  padding: 13px;
}
#productDetailsForm td.sectionHeader {
  font-weight: bold;
}
#productDetailsForm td.label20 {
  padding-left: 22px;
  width: 30%;
}
#productDetailsForm td {
  vertical-align: middle;
}
#productDetailsForm input[type="text"].numeric {
  width: auto;
  display: inline;
}
#productDetailsForm .resultTable b {
  color: #5F5F5F;
}
#productDetailsForm #attributesTable select {
  background-image: url('/systemfiles/image/layout/sprite.png');
  background-position: 0 -1550px;
  border: 1px solid #D6D6D6;
  height: 25px;
  line-height: 25px;
  margin: 0;
  vertical-align: middle;
}
#productDetailsForm #attributesTable .errors {
  color: red;
}
#productDetailsForm #attributesTable .errors li {
  padding: 0;
  background: none;
}
#content #productDetailsForm .table table tr th,
#content #productDetailsForm .table table tr td {
  padding: 0;
}
.form-required {
  float: left;
  font-size: 10px;
  margin-left: 110px;
}
.form-submit {
  clear: both;
  margin-top: 25px;
}
.large.form-submit {
  width: 100%;
}
.form-submit.less-distance {
  margin-top: 2px;
}
.large.form-message textarea {
  width: 330px;
}
/* error messages */
.error-messages {
  background-color: #ffeeee;
  border: 1px solid #ff0000;
  color: #ff0000;
  padding: 10px;
  margin-bottom: 20px;
}
.form-text.error input,
.form-message.error textarea,
.form-checkbox.error table,
.form-radio.error table,
.form-select.error select {
  border: 1px solid #ff0000;
}
/* Placeholder Styling */
input[type=text]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
input[type=text].placeholder,
textarea.placeholder {
  color: #999999;
}
input[type=text]:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}
/* Indicate that 'label' will shift focus to the associated form element */
label {
  color: #5f5f5f;
  cursor: pointer;
}
span.label {
  color: #5f5f5f;
}
label,
span.label {
  display: block;
  float: left;
  line-height: 15px;
  margin-right: 6px;
  margin-top: 3px;
  width: 104px;
}
.form-radio span.label {
  margin-top: 0px;
  line-height: 12px;
}
.large-label label {
  width: 185px;
}
input[type=text],
input[type=password] {
  background-color: transparent;
  background-position: 0 -1550px;
  border: 1px solid #d6d6d6;
  color: #5f5f5f;
  display: block;
  height: 24px;
  line-height: 24px;
  margin: 0;
  padding: 0 5px;
  vertical-align: middle;
  width: 238px;
}
input[type=text] {
  overflow: hidden;
}
.form-text.large input[type=text] {
  width: 330px;
}
.two-columns input[type=text] {
  float: left;
  margin-right: 10px;
  width: 124px;
}
.onlineshop .two-columns input[type=text] {
  width: 100px;
}
.onlineshop select {
  width: 248px;
}
.two-columns span {
  color: #5f5f5f;
  float: left;
  margin-top: 3px;
}
.two-columns input + span + input {
  margin-left: 10px;
}
input[type=radio],
input[type=checkbox] {
  float: left;
}
input[type=radio] + label {
  width: auto;
  margin: -2px 30px 0 4px;
}
.ie9 input[type=radio] + label {
  margin-left: 2px;
  margin-top: 2px;
}
.ie8 input[type=radio] + label {
  margin-left: 2px;
  margin-top: 1px;
}
.ie7 input[type=radio] + label {
  margin-left: 2px;
  margin-top: 2px;
}
input[type=checkbox] + label {
  width: auto;
  margin: -1px 30px 0 4px;
}
.ie9 input[type=checkbox] + label {
  margin-left: 2px;
  margin-top: 1px;
}
.ie8 input[type=checkbox] + label {
  margin-left: 2px;
  margin-top: 0px;
}
.ie7 input[type=checkbox] + label {
  margin-left: 2px;
  margin-top: 1px;
}
.form-checkbox .checkbox {
  margin-top: 8px;
  margin-left: 110px;
  overflow: hidden;
}
.form-radio .radio {
  margin-bottom: 4px;
  margin-left: 110px;
  overflow: hidden;
}
fieldset + fieldset {
  border-top: 1px solid #d6d6d6;
  padding-top: 1em;
  margin-top: 2em;
}
fieldset .form-info h2 {
  border-top: 0;
  padding-top: 0;
}
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,
input,
select,
textarea {
  color: #5f5f5f;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button,
input {
  line-height: normal;
  *overflow: visible;
}
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button,
table input {
  *overflow: auto;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
.no-margin {
  margin: 0 !important;
}
/* Button Styles */
.buttons {
  overflow: hidden;
  margin-bottom: 15px;
}
input[type=submit] {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
.button,
.button span,
.button input[type=submit] {
  color: #ffffff;
  display: block;
  height: 34px;
}
.button {
  background-position: right -3550px;
}
.button:hover {
  text-decoration: none;
}
.ie7 .button {
  display: inline;
}
.button input[type=submit],
.button span {
  background-position: 0 -3500px;
  height: 30px;
  line-height: 30px;
  margin-right: 9px;
  padding-left: 29px;
  padding-right: 20px;
  text-align: center;
  white-space: nowrap;
}
.button.right {
  float: right;
  margin-right: 96px;
}
#main.large .button.right {
  margin-right: 335px;
}
.button.left {
  float: left;
  margin-left: 107px;
}
table span.button {
  float: left;
}
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  background: 0 -3300px;
  border: 1px solid #d6d6d6;
  height: 60px;
  margin-right: 3px;
  overflow: auto;
  padding: 4px 5px;
  resize: none;
  vertical-align: top;
  width: 238px;
}
/* Colors for form validity */
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
/* =============================================================================
   Headlines
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
/* =============================================================================
   Links
   ========================================================================== */
a {
  color: #5f5f5f;
  text-decoration: none;
}
a:visited {
  color: #5f5f5f;
}
a:hover {
  color: #5f5f5f;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover,
a:active {
  outline: 0;
}
p a,
label a {
  color: #d91d29;
}
p a:hover,
p a:active,
p a:visited,
label a:hover {
  color: #d91d29;
}
a.arrow {
  background-position: -448px 3px;
  color: #5f5f5f;
  padding-left: 14px;
}
a.bold {
  font-weight: bold;
}
a.text-link {
  text-decoration: underline;
}
input[type=submit].arrow {
  background-position: -448px 3px;
  color: #5f5f5f;
  padding-left: 14px;
}
.ie7 input[type=submit].arrow {
  background-position: -448px 5px;
  text-align: left;
}
a.download {
  background-position: -444px -2298px;
  padding-left: 19px;
}
a.download.block,
.links a.download,
.downloads a.download {
  background-position: -444px -2297px;
}
.ie9 a.arrow {
  background-position: -448px 2px;
}
.ie9 #right-column a.arrow {
  background-position: -448px 3px;
}
a.arrow.block,
.links a,
.downloads a {
  background-position: -448px 4px;
  display: inline-block;
}
a.arrow.right {
  background-position: -448px 5px;
  float: right;
}
#footer a.arrow {
  background-position: -448px 2px;
}
.ie9 #footer a.arrow {
  background-position: -448px 1px;
}
/* list-style images */
.advantages li {
  background-position: -447px -1805px;
  margin-bottom: 5px;
  padding-left: 15px;
}
/* =============================================================================
   Global Images
   ========================================================================== */
#top-navigation li.highlight,
#top-navigation li.highlight .content-container,
#top-navigation li.highlight .content-container .content,
#top-navigation li.highlight .content-container .content .lang,
#top-navigation li.highlight .content-container .content .worldwide,
#logo,
#main-navigation li,
#main-navigation li.active a,
input[type=text],
input[type=password],
textarea,
.button,
.button span,
.button input[type=submit],
.one-line-text-submit .text,
.one-line-text-submit .submit,
a.arrow,
input[type=submit].arrow,
a.download,
#navi ul a,
#content .content-navi ul a,
#stage-slideshow .slideshow-navi .slide,
#stage-slideshow .slideshow-navi .slide.active img,
#info-box .arrow-block,
#content .advantages li,
#info-box,
#navi .level1,
#navi .special-navi-content ul a.product-navi,
#navi .special-navi .sl1 a,
#navi .special-navi-content ul a.product-navi,
#navi .special-navi .special-navi-content > a,
#navi .cl-close,
#main .accordion dd .zoom,
#main ul li,
#main ul li ul li,
#main .rohs,
#content .table.order-state .state,
#content .tabs a,
#content .tabs a span,
#content .tabs .next-active,
#content .tab-navi .pager .prev,
#content .tab-navi .pager .next,
.cart .ico-chart,
.cart .ico-edit,
.cart .ico-delete,
.cart .ico-refresh,
.image .zoom,
.image .download,
#main .product-more-info dt,
#right-column .links h4,
#right-column .downloads h4,
.icon-contact,
#progress-bar .progress-element.done span,
#main .order-info .text.done,
#worldmap a,
#cboxClose,
#cboxPrevious,
#cboxNext,
.facebook-link,
#country-selector .international {
  background-image: url('/systemfiles/image/layout/sprite.png');
  background-repeat: no-repeat;
}
#header,
#content-wrapper,
.accordion dt,
#navi .special-navi-top,
#navi .special-navi .special-navi-content,
#navi .special-navi-bottom,
#navi .layer-large-top,
#navi .layer-large-content,
#navi .layer-large-bottom,
#footer,
#footer-content-container,
#main-navigation li .flyout-top,
#main-navigation li .flyout-content,
#main-navigation li .flyout-bottom,
#footer-menu {
  background-image: url('/systemfiles/image/layout/sprite_v.png');
}
#footer-content {
  background-image: url('/systemfiles/image/layout/sprite_h.png');
}
body {
  background-image: url('/systemfiles/image/layout/background.jpg');
}
body.stand-alone {
  background: none;
}
#worldmap-world,
#worldmap-world div {
  background-image: url('/systemfiles/image/layout/worldmap_world.png');
}
#worldmap-europe,
#worldmap .germany,
#worldmap .netherlands,
#worldmap .belgium,
#worldmap .france,
#worldmap .spain,
#worldmap .portugal,
#worldmap .united-kingdom,
#worldmap .russia,
#worldmap .switzerland,
#worldmap .estonia,
#worldmap .finland,
#worldmap .sweden,
#worldmap .norway,
#worldmap .ukraine,
#worldmap .denmark {
  background-image: url('/systemfiles/image/layout/worldmap_europe1.png');
}
#worldmap .lithuania,
#worldmap .belarus,
#worldmap .poland,
#worldmap .turkey,
#worldmap .greece,
#worldmap .bulgaria,
#worldmap .romania,
#worldmap .slovakia,
#worldmap .hungary,
#worldmap .croatia,
#worldmap .slovenia,
#worldmap .austria,
#worldmap .czech-republic,
#worldmap .italy,
#worldmap .aserbaidschan,
#worldmap .azerbaijan,
#worldmap .ireland,
#worldmap .serbia, 
#worldmap .latvia {
  background-image: url('/systemfiles/image/layout/worldmap_europe2.png');
}
.af,
.al,
.dz,
.ar,
.am,
.au,
.at,
.az,
.bh,
.bd,
.by,
.be,
.bz,
.bj,
.bo,
.ba,
.bw,
.br,
.bn,
.bg,
.bu,
.bi,
.cm,
.ca,
.cf,
.td,
.cl,
.cn,
.co,
.km,
.cd,
.cr,
.hr,
.cu,
.cy,
.cz,
.dk,
.ec,
.eg,
.sv,
.er,
.ee,
.et,
.fj,
.fi,
.fr,
.pf,
.ga,
.gm,
.ge,
.de,
.gh,
.gr,
.gl,
.gp,
.gt,
.gn,
.hat,
.hn,
.hk,
.hu,
.is,
.in,
.id,
.ir,
.iq,
body .ie,
.il,
.it,
.jp,
.jo,
.kz,
.ke,
.kw,
.kg,
.la,
.lv,
.lb,
.ls,
.lr,
.ly,
.li,
.lt,
.lu,
.mo,
.mk,
.mg,
.mw,
.my,
.mt,
.mq,
.mx,
.mc,
.me,
.ma,
.mn,
.mz,
.na,
.np,
.nl,
.nz,
.ni,
.ne,
.ng,
.kp,
.no,
.om,
.pk,
.ps,
.py,
.pe,
.ph,
.pl,
.pt,
.qa,
.ro,
.ru,
.rw,
.sm,
.sa,
.sn,
.cs,
.xs,
.sg,
.sk,
.si,
.za,
.kr,
.es,
.lk,
.sd,
.sz,
.se,
.ch,
.sy,
.tw,
.tj,
.tz,
.th,
.tg,
.tn,
.tr,
.tm,
.ug,
.ua,
.ae,
.gb,
.uy,
.us,
.zu,
.uz,
.va,
.ve,
.vn,
.eh,
.ye,
.zr,
.zm,
.zw,
.rs,
.country-selector-content .en,
.wmat,
.wmbe,
.wmbg,
.wmbr,
.wmcn,
.wmca,
.wmcz,
.wmfr,
.wmde,
.wmin,
.wmid,
body .wmie,
.wmit,
.wmmx,
.wmmy,
.wmpt,
.wmru,
.wmsg,
.wmza,
.wmkr,
.wmse,
.wmch,
.wmnl,
.wmpl,
.wmth,
.wmtr,
.wmae,
.wmvn,
.wmgb,
.wmus,
.country-selector-content .wmen {
  background: url('/systemfiles/image/layout/sprite_flags.png') no-repeat 0 0;
}
.cl-corner-a,
.cl-corner-b,
.cl-wrapper,
.cl-container {
  background-image: url('/systemfiles/image/layout/content_layer.png');
  background-repeat: no-repeat;
}
#progress-bar {
  background-image: url('/systemfiles/image/layout/sprite_layout.png');
  background-repeat: no-repeat;
}
/* =============================================================================
   Grid - basic layout
   ========================================================================== */
body {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 0 0;
  min-height: 100%;
  min-width: 1007px;
  width: 100%;
  text-align: center;
}
#header,
#content-wrapper,
#footer,
#copyright {
  width: 987px;
  margin: 0 auto;
  text-align: left;
}
#header {
  background-position: -987px bottom;
  background-repeat: no-repeat;
  min-height: 89px;
  position: relative;
  z-index: 1000;
}
.microsite #header {
  height: 123px;
}
#content-wrapper {
  background-position: 0 0;
  background-repeat: repeat-y;
  padding: 0 0 10px 0;
  position: relative;
  z-index: 500;
}
#stage {
  margin: 0 24px 0 24px;
  padding-top: 50px;
  position: relative;
  z-index: 10;
}
#content {
  border-bottom: 1px solid #d6d6d6;
  margin: 0 24px 0 24px;
  padding-top: 50px;
}
.home #content {
  padding-top: 0;
}
#footer {
  background-position: 0 0;
  background-repeat: repeat-y;
}
#footer-content-container {
  position: relative;
  top: 10px;
  background-position: -7302px bottom;
  background-repeat: no-repeat;
  padding: 0 4px 3px 4px;
}
#footer-content {
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #686868;
  padding: 20px;
}
#copyright {
  text-align: right;
  padding: 10px 4px 0 0;
  margin-bottom: 30px;
}
/* =============================================================================
   Global Settings
   ========================================================================== */
/**
 * One line text field and submit button
 */
.search-field {
  bottom: 17px;
  height: 24px;
  position: absolute;
  right: 308px;
}
.zip-search-field {
  overflow: hidden;
}
.one-line-text-submit .text {
  background-position: 0 -60px;
  border: 0;
  float: left;
  width: 156px;
}
.search-field .text {
  background-position: 0 -100px;
  padding-left: 25px;
  width: 85px;
}
.zip-search-field .button {
  margin-top: -3px;
  margin-left: 7px;
}
.contact-field .text {
  background-position: 0 -140px;
  width: 115px;
}
.one-line-text-submit .submit {
  background-color: transparent;
  background-position: -166px -60px;
  border: none;
  display: block;
  float: left;
  height: 24px;
  margin: 0;
  overflow: hidden;
  text-indent: -10000px;
  width: 26px;
}
.lte7 .one-line-text-submit .submit {
  letter-spacing: 9000em;
}
/**
 * Image buttons
 */
.image .zoom {
  background-position: 0 -1800px;
  color: #ffffff;
  cursor: pointer;
  font-size: 11px;
  height: 24px;
  padding: 5px 0 0 27px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 39px;
}
.image .zoom:hover {
  text-decoration: none;
}
.image .download {
  background-position: 0 -1900px;
  bottom: 6px;
  color: #ffffff;
  cursor: pointer;
  font-size: 11px;
  height: 24px;
  left: 6px;
  padding: 5px 0 0 29px;
  position: absolute;
  width: 63px;
}
.image .download:hover {
  text-decoration: none;
}
.text p span.separator {
  display: inline-block;
  width: 70px;
}
.important {
  color: #d91d29;
}
.italic {
  font-style: italic;
}
/**
 * Global List style
 */
#main ul li {
  background-position: -453px -4091px;
  padding-left: 7px;
}
#main ul li ul li {
  background-position: -455px -4291px;
}
/**
 * Icons
 */
.icon-contact {
  background-position: 0 -2000px;
  height: 60px;
  margin-right: 10px;
  width: 54px;
}
/**
 * Text align
 */
.text-right {
  text-align: right;
}
/* =============================================================================
   Header
   ========================================================================== */
#top-navigation {
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: -5px;
  top: 0;
}
#top-navigation li {
  float: left;
  margin-right: 15px;
}
#top-navigation li a {
  color: #676767;
  font-size: 11px;
  position: relative;
  text-decoration: none;
  top: 1px;
}
#top-navigation li.language {
  margin-left: 5px;
}
#top-navigation li.language a {
  display: block;
  float: left;
  height: 15px;
  margin-right: 4px;
  margin-top: 5px;
  text-indent: -9000px;
  width: 21px;
}
#top-navigation li.language a.inactive {
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */
}
#top-navigation li.language a.de {
  margin-top: 6px;
}
#top-navigation li.highlight {
  background-position: 0 -230px;
  height: 32px;
  margin-left: -2px;
  margin-right: 6px;
}
#top-navigation li.highlight .content-container {
  height: 32px;
  background-position: right -230px;
}
#top-navigation li.highlight .content-container .content {
  height: 32px;
  background-position: center -270px;
  margin: 0 7px;
}
#top-navigation li.highlight .content-container .content .lang {
  height: 17px;
  width: 19px;
  display: block;
  text-indent: -10000px;
  overflow: hidden;
  margin: 0 4px;
  position: relative;
  top: 3px;
}
#top-navigation li.highlight .content-container .content .lang.de {
  background-position: 0 -205px;
}
#top-navigation li.highlight .content-container .content .worldwide {
  background-position: 0 -179px;
  height: 18px;
  display: inline-block;
  padding: 0 0 0 22px;
  margin: 0 3px 0 3px;
  font-size: 10px;
  position: relative;
  top: 1px;
  outline: none;
}
.ie7 #top-navigation li.highlight .content-container .content .worldwide {
  display: inline;
}
#country-selector a,
#country-selector li span {
  display: block;
  font-size: 11px;
}
.js #meta-language .map {
  cursor: pointer;
}
#country-selector {
  background-color: #ffffff;
  border: 1px solid #d7dbde;
  display: none;
  right: 8px;
  padding: 26px 20px 10px 20px;
  position: absolute;
  top: 22px;
  width: 440px;
  z-index: 2001;
}
.ie9 #country-selector {
  left: 5px;
}
#country-selector-static {
  display: none;
}
#country-selector.open {
  display: block;
}
#country-selector .active-country {
  border-bottom: 1px solid #d7dbde;
  overflow: hidden;
  padding-bottom: 20px;
  padding-left: 12px;
}
#country-selector .active-country div,
#country-selector .active-country a {
  color: #333333;
  float: left;
  font-size: 17px;
}
#country-selector .active-country .country {
  height: 15px;
  margin-top: 6px;
  width: 25px;
}
#country-selector .active-country a {
  border-left: 1px solid #d7dbde;
  margin-left: 8px;
  padding-left: 7px;
}
#country-selector .active-country a.first {
  border-left: 0;
}
#country-selector .country-selector-content {
  border-top: 1px solid #d7dbde;
  background: none;
  margin-top: 35px;
  overflow: hidden;
  padding: 17px 0 17px 12px;
}
.ie7 #country-selector .country-selector-content {
  margin-top: 82px;
}
#country-selector .country-selector-content + .country-selector-content,
.ie7 #country-selector .country-selector-content + .country-selector-content {
  margin-top: 0;
}
#country-selector .country-selector-content.noborder {
  border-top: 0;
}
#country-selector .country-selector-content .international,
#country-selector .international {
  left: 32px;
  overflow: visible;
  position: absolute;
  top: 30px;
}
#country-selector .country-selector-content .international a {
  color: #333333;
  cursor: default;
  font-size: 17px;
  margin-top: -7px;
}
#country-selector .international a {
  color: #333333;
  float: left;
  font-size: 17px;
  letter-spacing: 0.01em;
  padding-left: 30px;
}
#country-selector .international a:hover {
  color: #333333;
  text-decoration: underline;
}
#country-selector .international a.language:hover {
  color: #333333;
  text-decoration: none;
}
#country-selector .international div.en {
  color: #333333;
  font-size: 17px;
  letter-spacing: 0.01em;
  margin-top: -5px;
  padding: 0 0 5px 45px;
}
#country-selector .international .language {
  color: #777777;
  font-size: 15px;
}
#country-selector .country-selector-content h3,
#country-selector .country-selector-content h4,
#country-selector .country-selector-content h5 {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0.01em;
  margin-bottom: 10px;
}
#country-selector .country-selector-content ul {
  float: left;
  margin-right: 10px;
  width: 200px;
}
#country-selector .country-selector-content li {
  background-repeat: no-repeat;
  overflow: hidden;
  padding-left: 32px;
  margin-bottom: 8px;
  margin-left: 0;
  width: 178px;
}
#country-selector .country-selector-content li a,
#country-selector .country-selector-content li span {
  color: #777777;
  float: left;
  margin-top: -2px;
}
#country-selector .country-selector-content li a:hover {
  color: #333333;
}
#country-selector .country-selector-content li span {
  cursor: default;
}
#country-selector .international .language,
#country-selector .country-selector-content li .language {
  border-left: 1px solid #d7dbde;
  cursor: pointer;
  margin-left: 5px;
  padding-left: 4px;
}
#country-selector .international .language.first,
#country-selector .country-selector-content li .first {
  border-left: 0;
}
#country-selector .international {
  background-position: 0 -179px;
}
.ie7 #country-selector .international {
  zoom: 1;
}
#country-selector .country-selector-footer {
  border-top: 1px solid #D7DBDE;
}
#country-selector .country-selector-footer a {
  background-position: -296px -141px;
  color: #333333;
  font-size: 14px;
  margin-top: 6px;
  margin-left: 17px;
}
#country-selector .close-button {
  color: #5F5F5F;
  cursor: pointer;
  font-size: 11px;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
}
#country-selector .world-helper {
  border-right: 1px solid #d7dbde;
  background-color: #ffffff;
  background-position: 8px -687px;
  height: 34px;
  right: 21px;
  position: absolute;
  top: -34px;
  width: 138px;
}
#logo {
  background-position: 0 0;
  clear: both;
  float: right;
  height: 27px;
  margin-bottom: 12px;
  margin-top: 16px;
  position: relative;
  right: 21px;
  text-indent: -10000px;
  width: 244px;
}
.microsite #logo {
  background-position: right bottom;
  height: 61px;
  width: 383px;
}
#logo.img {
  background: none;
  clear: right;
  height: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
  text-indent: 0;
  width: auto;
}
#main-navigation {
  bottom: -11px;
  height: 62px;
  left: 21px;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 700;
}
.microsite #main-navigation {
  top: 72px;
}
#main-navigation li {
  cursor: pointer;
  float: left;
  height: 44px;
  position: relative;
  width: 126px;
  background-position: -2px -375px;
  z-index: 800;
}
#main-navigation li:hover {
  background-position: -137px -375px;
}
#main-navigation li.active {
  cursor: default;
  height: 62px;
  background-position: -272px -366px;
  padding-top: 9px;
}
.lte7 #main-navigation li.active {
  padding-top: 14px;
  position: relative;
  z-index: 10;
}
#main-navigation li a {
  color: #ffffff;
  display: block;
  font-family: 'Ubuntu', sans-serif;
  font-weight: bold;
  height: 34px;
  line-height: 34px;
  margin: 5px 0 0 3px;
  text-align: center;
  text-decoration: none;
  width: 120px;
}
#main-navigation li.active > a {
  background-position: -275px -116px;
  height: 47px;
  left: 0;
  position: absolute;
  top: 9px;
  z-index: 900;
}
#main-navigation li .flyout {
  display: none;
  position: absolute;
  top: -6px;
  left: -1px;
  overflow: hidden;
  width: 236px;
  z-index: 850;
}
#main-navigation li.active .flyout {
  top: 34px;
}
.ie7 #main-navigation li.active .flyout {
  top: 28px;
}
#main-navigation li .flyout-top {
  background-position: -6976px -20px;
  height: 10px;
}
#main-navigation li .flyout-content {
  background-position: -6500px 0;
  background-repeat: repeat-y;
  overflow: hidden;
}
#main-navigation li .flyout-bottom {
  background-position: -6739px 30px;
  height: 10px;
}
#main-navigation li:hover .flyout {
  display: block;
  overflow: hidden;
  padding: 5px 0;
  position: relative;
}
#main-navigation .flyout li {
  border-top: 1px solid #ffffff;
  background: none;
  float: none;
  height: auto;
  margin: 0 10px 1px;
  padding-top: 2px;
  width: auto;
}
#main-navigation .flyout li:first-child {
  border-top: 0;
  margin-top: 2px;
}
#main-navigation .flyout li a {
  background-position: -448px 6px;
  background-repeat: no-repeat;
  color: #5f5f5f;
  display: block;
  font-weight: normal;
  font-size: 13px;
  height: auto;
  line-height: 16px;
  margin: 0;
  outline: 0 none;
  padding: 2px 0 3px 20px;
  text-align: left;
  width: auto;
}
#main-navigation .flyout li a:hover {
  text-decoration: underline;
}
#main-navigation li .flyout {
  width: auto !important;
  overflow: visible;
}
#main-navigation li:hover .flyout {
  padding: 0;
  overflow: visible;
}
#main-navigation .flyout .flyout-layer {
  margin: 11px 3px 3px;
  background-color: #EEEEEE;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 1px solid #D5D5D5;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(238, 238, 238, 0.9);
  -moz-box-shadow: 0px 0px 3px 0px rgba(238, 238, 238, 0.9);
  box-shadow: 0px 0px 3px 0px rgba(238, 238, 238, 0.9);
  padding: 10px 14px;
  position: relative;
  width: 220px;
}
#main-navigation .flyout .flyout-layer.cols2 {
  width: 454px;
}
#main-navigation .flyout .flyout-layer.cols3 {
  width: 688px;
}
#main-navigation .flyout .flyout-layer.cols4 {
  width: 922px;
}
#main-navigation .flyout .flyout-layer ul {
  width: 220px;
}
#main-navigation .flyout .flyout-layer ul li {
  border: none;
  position: static;
  margin: 0;
}
#main-navigation .flyout .flyout-layer ul li.active > a {
  position: static !important;
}
#main-navigation .flyout .flyout-layer ul li a {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#main-navigation .flyout .flyout-layer ul li a:hover,
#main-navigation .flyout .flyout-layer ul li.active > a {
  text-decoation: underline;
  background-color: #ffffff;
  color: #d91d29;
  border-color: #FFFFFF;
}
#main-navigation .flyout .flyout-layer ul li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 248px;
  padding-top: 10px;
}
#main-navigation .flyout .flyout-layer ul li.active > ul {
  display: block;
}
#main-navigation .flyout .flyout-layer ul li ul li ul {
  left: 234px;
}
/* =============================================================================
   Content
   ========================================================================== */
h1,
h2,
h3 {
  color: #000000;
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
}
h1 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 14px;
  margin-bottom: 1em;
}
h3 {
  font-size: 14px;
}
h5 {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}
#right-column h4 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
  font-size: 14px;
}
/**
 * Info Box
 */
#info-box {
  background-position: -233px -1075px;
  padding-bottom: 43px;
  padding-left: 7px;
  width: 216px;
}
#info-box h4 {
  margin-bottom: 8px;
  font-weight: bold;
}
.ie7 #info-box h4 {
  font-size: 13px;
}
#info-box ul {
  margin-left: 9px;
  margin-top: -6px;
}
#info-box a {
  color: #ffffff;
}
#info-box .block {
  background-color: #4e8fb8;
  color: #ffffff;
  margin-bottom: 1px;
  padding: 13px 10px 16px 10px;
  overflow: hidden;
}
#info-box .block:first-child {
  height: 74px;
}
.lte7 #info-box .block {
  padding-bottom: 12px;
}
#info-box .arrow-block {
  background-position: 0 -700px;
  display: block;
  height: 46px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  line-height: 46px;
  margin-bottom: 1px;
  margin-left: -7px;
  padding-left: 17px;
  width: 223px;
}
#info-box .arrow-block:hover,
#info-box .arrow-block.active {
  background-position: 0 -800px;
  text-decoration: none;
}
/* Stage Info Box */
#stage-info-box {
  float: right;
}
/**
 * Content - Home
 */
.home #content {
  color: #5a5a5a;
  line-height: 20px;
}
.home #content {
  position: relative;
  top: -6px;
}
.home #content h1,
.home #content h2,
.home #content h3 {
  color: #000000;
}
.home #content h3 {
  border-bottom: 1px solid #d6d6d6;
  font-size: 20px;
  margin-bottom: 12px;
  padding-bottom: 7px;
}
.home #content p {
  margin-bottom: 1em;
}
.home #content .column-container {
  overflow: hidden;
  margin-bottom: 1em;
}
.home #content .column-container .left-column {
  float: left;
  width: 457px;
}
.home #content .column-container .right-column {
  float: right;
  width: 457px;
}
/**
 * Content - Navi
 */
#navi {
  float: left;
  width: 216px;
  margin-right: 25px;
  position: relative;
  z-index: 4;
}
#navi .history-back {
  display: none;
}
.product-detail #navi .history-back {
  display: block;
}
#navi.no-cookie.no-navi .history-back {
  display: block;
}
#navi ul,
.content-navi ul {
  border-bottom: 1px solid #d6d6d6;
}
#navi ul li,
.content-navi ul li {
  border-top: 1px solid #d6d6d6;
}
#navi ul a,
.content-navi ul li a {
  background-position: -448px 7px;
  background-repeat: no-repeat;
  display: block;
  outline: 0;
  padding: 2px 0 3px 20px;
}
#navi ul a.active {
  color: #d91d29;
}
.ie9 #navi ul a,
.ie9 .content-navi ul a {
  padding: 3px 0 2px 20px;
}
#navi .level1 {
  background-position: 0 -1500px;
  border-top: 0;
  color: #898989;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  height: 21px;
  padding: 3px 5px 0 10px;
}
#navi .level2.open a {
  background-position: -447px -692px;
  color: #d91d29;
}
#navi .level3 {
  padding-left: 19px;
}
#navi .level4 {
  padding-left: 38px;
}
/* Special Navi */
#navi .special-navi {
  font-size: 11px;
  margin-bottom: 2em;
  margin-left: -3px;
  position: relative;
  width: 222px;
  z-index: 500;
}
#navi .special-navi + .special-navi {
  margin-top: -12px;
  z-index: -1;
}
#navi .special-navi-top {
  background-position: -5600px top;
  height: 8px;
}
#navi .special-navi .special-navi-content {
  background-position: -6200px 0;
  background-repeat: repeat-y;
  border: 0;
  color: #d91d29;
  font-size: 11px;
  min-height: 20px;
  padding: 0 12px;
  position: relative;
}
#navi .special-navi .special-navi-content > a {
  background-position: right -2275px;
  padding-right: 20px;
  position: absolute;
  right: 12px;
  top: 0;
}
#navi .special-navi ul {
  border: 0;
  color: #5f5f5f;
}
#navi .special-navi ul li {
  border: 0;
}
#navi .special-navi .sl1 {
  color: #898989;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  top: -4px;
  position: relative;
}
#navi .special-navi .sl1 a {
  background-position: -442px -2280px;
  height: 9px;
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: -9000px;
  top: 6px;
  width: 15px;
}
#navi .special-navi .sl2,
#navi .special-navi .sl3,
#navi .special-navi .sl4,
#navi .special-navi .sl5 {
  line-height: 14px;
}
#navi .special-navi .sl3 {
  margin-left: 14px;
}
#navi .special-navi .sl4 {
  margin-left: 28px;
}
#navi .special-navi .sl5 {
  margin-left: 42px;
}
#navi .special-navi-content > ul a {
  background-position: -442px -2795px;
  color: #5f5f5f;
}
#navi .special-navi-content > ul .open a {
  background-position: -442px -695px;
  color: #d91d29;
}
#navi .special-navi-content ul a.product-navi {
  background-position: -442px -2280px;
}
#navi .special-navi-bottom {
  background-position: -5900px bottom;
  height: 8px;
}
/* content navi - opc */
#main .content-navi ul {
  margin-bottom: 15px;
}
#main .content-navi ul li {
  background-image: none;
  padding: 0px;
}
/* content layer */
/* content layer layout*/
.content-layer {
  display: block;
  left: -3px;
  min-width: 245px;
  padding-left: 12px;
  padding-top: 12px;
  position: absolute;
  top: -11px;
  z-index: 2000;
}
.content-layer .cl-close {
  background-position: 0 -3600px;
  cursor: pointer;
  height: 23px;
  position: absolute;
  right: 9px;
  top: 7px;
  width: 25px;
}
.cl-corner-a {
  background-position: right top;
  height: 12px;
  position: absolute;
  right: 0;
  top: 0;
  width: 12px;
}
.cl-corner-b {
  background-position: left bottom;
  bottom: 0;
  height: 12px;
  left: 0;
  position: absolute;
  width: 12px;
}
.cl-wrapper {
  background-position: right bottom;
}
.cl-container {
  background-position: left top;
  left: -12px;
  position: relative;
  top: -12px;
}
.cl-content {
  left: 6px;
  position: relative;
  top: 6px;
}
/* content layer content */
.content-layer.product-navi.column-count-1 {
  width: 250px;
}
.content-layer.product-navi.column-count-2 {
  width: 480px;
}
.content-layer.product-navi.column-count-3 {
  width: 710px;
}
.content-layer.product-navi.column-count-4 {
  width: 938px;
}
.content-layer.product-navi .cl-content {
  padding: 10px 14px;
  min-height: 250px;
}
.content-layer.item-overview {
  width: 938px;
}
.content-layer.item-overview .cl-content {
  padding: 24px 28px;
}
.content-layer .table {
  border: 5px solid #ffffff;
}
/* Product Navi */
.product-navi-content {
  display: none;
}
.product-navi-content.show {
  display: block;
}
.product-navi-content ul {
  position: relative;
  width: 230px;
}
.product-navi-content ul li:first-child {
  color: #979797;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  margin-bottom: 8px;
}
.product-navi-content ul li a {
  width: 188px;
}
#navi .product-navi-content ul li.active {
  border-left: 4px solid #ffffff;
  margin-left: -4px;
}
/* active link highlighting */
.product-navi-content ul li.active a {
  background-color: #ffffff;
  color: #d91d29;
}
.product-navi-content ul li.active li a {
  background-color: transparent;
  color: #5f5f5f;
}
.product-navi-content ul li.active li.active a {
  background-color: #ffffff;
  color: #d91d29;
}
.product-navi-content ul li.active li.active li a {
  background-color: transparent;
  color: #5f5f5f;
}
.product-navi-content ul li.active li.active li.active a {
  background-color: #ffffff;
  color: #d91d29;
}
.product-navi-content ul li.active li.active li.active li a {
  background-color: transparent;
  color: #5f5f5f;
}
.product-navi-content ul li.active li.active li.active li.active a {
  background-color: #ffffff;
  color: #d91d29;
}
/* END active link highlighting */
.product-navi-content ul li ul {
  display: none;
}
.product-navi-content ul li.active ul {
  display: block;
  left: 228px;
  position: absolute;
  top: 0;
}
.product-navi-content ul li.active ul ul {
  display: none;
}
.product-navi-content ul li.active li.active ul {
  display: block;
}
.product-navi-content ul li.active li.active ul ul {
  display: none;
}
.product-navi-content ul li.active li.active li.active ul {
  display: block;
}
.product-navi-content ul li.active li.active li.active ul ul {
  display: none;
}
/**
 * Content - Main
 */
#main {
  border-top: 1px solid #d6d6d6;
  float: left;
  padding-top: 14px;
  position: relative;
  text-align: left;
  width: 457px;
}
.stand-alone #main {
  border-top: 0;
  padding-top: 0;
}
#main.large {
  width: 698px;
}
#main .text {
  color: #5f5f5f;
  margin-bottom: 2em;
}
#main .text.line {
  border-top: 1px solid #d6d6d6;
  padding-top: 1em;
}
#main .text p {
  margin-bottom: 1em;
}
#main .text h1 p strong sup,
.product-category #main h1 sup {
  font-size: 21px;
}
#main b {
  color: #000000;
}
#main .order-info-box-text-right {
  margin-bottom: 20px;
  margin-top: -30px;
  text-align: right;
}
/* Teaser */
#main .teaser-container {
  margin-bottom: 2em;
  overflow: hidden;
}
#main .teaser {
  background-color: #eeeeee;
  margin-top: 10px;
  overflow: hidden;
}
#main .teaser:first-child {
  margin-top: 0;
}
#main .teaser.no-bg {
  background: none;
}
#main .teaser.no-bg.image-teaser {
  height: auto;
}
#main .teaser ul {
  margin-bottom: 1em;
}
#main .teaser .image {
  float: left;
  margin-bottom: 0;
  position: relative;
}
#main .teaser .image .download {
  position: absolute;
  left: 6px;
  bottom: 6px;
}
#main .teaser.no-bg .image {
  margin-top: 2px;
}
#main .teaser.right .image {
  float: right;
}
#main .teaser .text {
  overflow: hidden;
  margin-bottom: 0;
  padding: 5px 10px 0 14px;
}
#main .teaser .image + .text {
  margin-left: 152px;
}
#main .teaser.no-bg .image + .text {
  height: auto;
  padding: 0;
  margin-left: 166px;
  margin-top: -3px;
}
#main .teaser.right .text,
#main .teaser.right .image + .text {
  margin-left: 0;
  margin-right: 166px;
  padding: 0;
}
#main .teaser .text .date {
  font-size: 11px;
  margin-bottom: 1px;
}
/* Search Page */
#main .search-field {
  bottom: auto;
  position: relative;
  right: auto;
}
#main .search-field input[type=text] {
  background-position: 0 -3420px;
  width: 303px;
}
#search form {
  margin-bottom: 2em;
}
/* Content - Tabs */
#content .tabs-container {
  margin-bottom: 20px;
  position: relative;
  width: 698px;
}
#content #product-accessories {
  border-bottom: 1px solid #e2e1e1;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
#content .tab-navi {
  font-size: 11px;
  line-height: 13px;
  position: absolute;
  right: 0;
  top: 9px;
}
#content .tab-navi a,
#content .tab-navi span {
  color: #000000;
  float: left;
}
#content .tab-navi a {
  background-position: -296px -145px;
  margin-left: 15px;
}
.ie #content .tab-navi a {
  background-position: -296px -146px;
}
#content .tab-navi span {
  cursor: default;
}
#content .tab-navi .pager {
  border-left: 1px solid #e2e1e1;
  float: left;
  padding-left: 8px;
  margin-left: 15px;
}
#content .tab-navi .pager a {
  margin-left: 0;
  padding: 0 2px;
}
#content .tab-navi .pager span {
  padding: 0 8px 0 2px;
}
#content .tab-navi .pager span.prev,
#content .tab-navi .pager span.next {
  padding: 0 2px 0 2px;
}
#content .tab-navi .pager .prev,
#content .tab-navi .pager .next {
  height: 9px;
  margin-top: 2px;
  text-indent: -9000px;
  width: 9px;
}
#content .tab-navi .pager span.next {
  background-position: -446px -2000px;
}
#content .tab-navi .pager span.prev {
  background-position: 2px -1100px;
}
#content .tab-navi .pager .omit {
  padding: 0 2px;
}
#content .tab-navi ul {
  display: inline;
  font-size: 12px;
}
#content .tab-navi li {
  border-top: 0;
  display: inline;
}
#content .tab-navi .pager a {
  color: #5f5f5f;
}
#content .tab-navi .pager a.prev,
#content .tab-navi .pager a.next {
  color: #d91d29;
  font-weight: bold;
  font-size: 14px;
}
#content .tab-navi .pager a.next {
  background-position: -446px 0;
}
#content .tab-navi .pager a.prev {
  background-position: 2px -900px;
}
#content .tab-navi .pager .active a,
#content .tab-navi .pager a:hover {
  color: #000000;
}
#content .tabs {
  border-bottom: 1px solid #e2e1e1;
  line-height: 18px;
}
#content .tabs li {
  background: none;
  float: left;
  padding-left: 0;
}
#content .tabs li.active {
  border-bottom: 1px solid #ffffff;
  margin-bottom: -1px;
}
#content .tabs a {
  background-position: right -3080px;
  color: #777777;
  display: block;
  outline: 0;
}
#content .tabs a span {
  background-position: 0 -3080px;
  cursor: pointer;
  display: block;
  height: 23px;
  margin-right: 3px;
  padding: 5px 34px 0 34px;
}
#content .tabs .active a,
#content .tabs .active.first a {
  background-position: right -3040px;
}
#content .tabs .active a span,
#content .tabs .active.first a span {
  background-position: 0 -3000px;
}
#content .tabs .active.first a span {
  margin-left: 0;
  padding-left: 37px;
}
#content .tabs .first a {
  background-position: left -3160px;
}
#content .tabs .first a span {
  background-position: left -3080px;
  margin-left: 3px;
}
#content .tabs .active.last a {
  background-position: right -9000px;
}
#content .tabs .active.last a span {
  background-position: right -3000px;
  margin-right: 0;
  padding-right: 37px;
}
#content .tabs .next-active {
  background-position: right -3120px;
  padding-right: 3px;
}
#content .tabs .next-active span {
  margin-right: 0;
}
#content .search .panes {
  margin-top: 10px;
}
#content .search .panes li {
  background: none;
  padding-left: 0;
  width: 698px;
}
#content .search .panes .tab-navi {
  height: 20px;
  margin-bottom: 20px;
  position: relative;
  top: 0;
}
#content .search .panes .tab-navi .position {
  color: #333333;
  left: 0;
  font-weight: bold;
  position: absolute;
  top: 0;
}
#content .search .panes .tab-navi .pager {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#content .search .panes .tab-navi .pager li {
  border-top: 0;
  display: inline;
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}
#content .search .panes ul {
  overflow: hidden;
}
#content .search .panes ul li li {
  overflow: hidden;
  margin-bottom: 10px;
}
#content .search .panes ul li.first {
  border-top: 0;
  padding-top: 0;
}
#content .search .panes ul li > a {
  float: left;
}
#content .search .panes ul li .no-result {
  color: #333333;
  display: none;
  margin-top: 20px;
}
#content .search .panes ul li.no-result .no-result {
  display: block;
}
#content .search .panes ul li li .text {
  margin-left: 0;
  margin-bottom: 0;
}
#content .search .panes ul li li > a + .text {
  margin-left: 168px;
  margin-bottom: 0;
}
#content .search .panes ul li li .text h3 {
  margin-bottom: 5px;
}
#content .search .panes ul li li .text h3 a {
  background-position: -448px 4px;
  color: #000000;
}
/**
	 * End - Search
	 */
/* Image */
#main .image {
  position: relative;
  margin-bottom: 2em;
}
#main .image .caption {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #ffffff;
  left: 0;
  padding: 10px 14px;
  position: absolute;
  width: 429px;
}
#main.large .image .caption {
  width: 670px;
}
.lte8 #main .image .caption {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#73000000, endColorstr=#73000000);
}
/* Image Gallery */
#main .image-gallery .image {
  display: none;
}
#main .image-gallery .image.is-gallery-teaser {
  display: block;
}
#main .image-gallery .caption a {
  color: #ffffff;
}
/* Video */
#main .video {
  margin-bottom: 2em;
}
/* Links / Downloads */
#main .links,
#main .downloads {
  margin-bottom: 2em;
  overflow: hidden;
}
#main .links h2,
#main .downloads h2 {
  margin-bottom: 6px;
}
#main .links ul,
#main .downloads ul {
  float: left;
  width: 217px;
}
#main .links ul li,
#main .downloads ul li {
  background: none;
  padding-left: 0;
}
#main .links.one-column ul,
#main .downloads.one-column ul {
  float: none;
  width: auto;
}
#main .links ul + ul,
#main .downloads ul + ul {
  margin-left: 23px;
}
/* Table */
.table {
  margin-bottom: 2em;
}
.table-filter {
  background-color: #eeeeee;
  padding: 10px 12px;
}
.table-filter span,
.table-filter select {
  margin-right: 10px;
}
.table table {
  border-top: 1px solid #d6d6d6;
  color: #5f5f5f;
  width: 100%;
}
.table.asset-table table tr td:first-child {
  width: 280px;
}
.table.order-state table tr th,
.table.order-state table tr td {
  padding-left: 6px;
  padding-top: 3px;
  padding-right: 6px;
}
.table.order-state table tr th:first-child,
.table.order-state table tr td:first-child {
  padding-left: 0;
  width: 20px;
}
.table.order-state .state {
  height: 7px;
  margin-left: 7px;
  margin-top: 6px;
  width: 25px;
}
.table.order-state .state.green {
  background-position: 0 -4000px;
}
.table.order-state .state.yellow {
  background-position: 0 -4020px;
}
.table.order-state .state.red {
  background-position: 0 -4040px;
}
.table table tr th {
  font-weight: normal;
  padding: 3px 16px;
  text-align: left;
}
.table table thead tr th {
  padding-bottom: 1.5em;
}
.table table tr td,
.table table tr th {
  border-right: 1px solid #ffffff;
  padding: 3px 16px;
  vertical-align: top;
}
.table table tr td,
.table table tr th {
  background-color: #ffffff;
}
.table table tr.even td,
.table table tr.even th {
  background-color: #eeeeee;
}
.table table tr.even td:first-child,
.table table tr.even th:first-child {
  border-right: 1px solid #ffffff;
}
.table.no-style table,
.table.no-style table tr td,
.table.no-style table tr th,
.table.no-style table tr.even td,
.table.no-style table tr.even th {
  background-color: transparent;
  border: none;
  padding: 0;
}
/* Product Detail Info */
#main .product-detail-info {
  margin-bottom: 2em;
}
#main .product-detail-info .product-order {
  overflow: hidden;
  margin-bottom: 1em;
}
#main .product-detail-info .text {
  margin-bottom: 10px;
}
#main .product-detail-info .table {
  margin-bottom: 10px;
}
#main .product-detail-info .table table {
  border: 0;
  width: 50%;
}
#main .product-detail-info .table table td {
  padding: 0 10px 0 0;
}
#main .product-detail-info .form-order {
  overflow: hidden;
}
#main .product-detail-info .form-order label {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
  width: auto;
}
/*
			#main .product-detail-info .form-order input[type=text] {
				float: left;
				text-align: center;
				width: 80px;

			}*/
#main .product-detail-info .form-order .button {
  margin-left: 0;
  margin-top: 6px;
}
#main .product-detail-info .headline {
  margin-bottom: 10px;
  position: relative;
}
.lte7 #main .product-detail-info .headline {
  margin-bottom: 10px;
  position: static;
}
#main .product-detail-info .headline h4 {
  border-bottom: 1px solid #d6d6d6;
  font-weight: normal;
}
#main .product-detail-info .headline .form-required {
  color: #d91d29;
  position: absolute;
  right: 0;
  top: 0;
}
#main .product-more-info dt {
  background-position: -445px -3797px;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 20px;
}
#main .product-more-info dt.open {
  background-position: -445px -3597px;
}
.js #main .product-more-info dt + dd {
  display: none;
  margin-bottom: 10px;
  margin-left: 20px;
}
.js #main .product-more-info dt.open + dd {
  display: block;
}
#main .product-more-info dt + dd .form-text label {
  margin-top: 2px;
}
/* ZIP Search Result */
#zip-search-results {
  border-top: 1px solid #d6d6d6;
  padding-top: 10px;
  margin-top: 30px;
}
#zip-search-results .result {
  color: #000000;
  font-size: 13px;
  margin-bottom: 1em;
}
/* US Location */
#USLocation {
  display: none;
}
/* Metallnotierung */
#metall-quotation {
  margin-bottom: 2em;
}
#metall-quotation form {
  background-color: #eeeeee;
  padding: 10px;
  margin-bottom: 0;
}
#metall-quotation form span {
  margin-right: 5px;
}
#metall-quotation form input[type=submit] {
  margin-left: 5px;
}
#metall-quotation form .date {
  float: right;
}
#metall-quotation .text {
  margin-bottom: 10px;
}
#metall-quotation .table tbody tr:first-child td {
  padding-bottom: 1em;
}
#metall-quotation .table p {
  border-top: 1px solid #d6d6d6;
  padding-top: 3px;
  text-align: right;
}
#metall-quotation .table p span {
  margin-left: 10px;
}
/* Trommelrückmeldung - cable-reel-return */
#cable-reel-return {
  margin-bottom: 2em;
}
#cable-reel-return .table {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 2em;
}
#cable-reel-return table {
  border-top: 0;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 1em;
}
#cable-reel-return table table {
  margin-bottom: 0;
}
#cable-reel-return table th,
#cable-reel-return table td {
  padding: 3px 0;
  white-space: nowrap;
}
#cable-reel-return table th:first-child,
#cable-reel-return table td:first-child {
  font-size: 12px;
  white-space: normal;
  width: 110px;
}
#cable-reel-return table input {
  width: 26px;
}
/* Facebook-Link , Facebook-Like */
.facebook-link,
.facebook-like {
  margin-bottom: 2em;
}
.facebook-link {
  background-position: -432px -5087px;
  padding: 3px 0 3px 30px;
}
/* Sitemap */
#main.sitemap {
  width: 939px;
  margin-bottom: 20px;
}
#main.sitemap ul {
  float: left;
  margin-left: 19px;
  width: 220px;
}
#main.sitemap ul:first-child {
  margin-left: 0;
}
#main.sitemap ul li {
  background: none;
  padding-left: 0;
  margin-bottom: 3px;
  margin-left: 19px;
}
#main.sitemap ul .headline {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  margin-left: 0;
  margin-bottom: 8px;
}
#main.sitemap ul .headline a {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
}
/**
 * RoHS Richtlinie
 */
#main .rohs {
  background-position: 14px -3786px;
  border: 1px solid #d6d6d6;
  padding: 41px 14px 10px 14px;
  position: absolute;
  right: 0;
  top: 50px;
  width: 190px;
}
/**
 * Content - Right Column
 */
#right-column {
  color: #5f5f5f;
  float: right;
  width: 216px;
}
#right-column #info-box {
  margin-left: -7px;
  margin-bottom: 2em;
}
#right-column .downloads,
#right-column .links,
#right-column .contact,
#right-column .image,
#right-column .social-media {
  border-top: 1px solid #d6d6d6;
  margin-bottom: 1.5em;
  padding-top: 1.5em;
}
#right-column .downloads h4 {
  background-position: 0 -2400px;
  padding: 2px 0 28px 58px;
}
#right-column .links h4 {
  background-position: 0 -2800px;
  padding: 6px 0 28px 58px;
}
#right-column .contact {
  overflow: hidden;
  margin-bottom: 0.5em;
}
#right-column .contact h4 {
  margin-bottom: 3px;
}
#right-column .contact p {
  margin-bottom: 1em;
}
#right-column .contact .icon-contact {
  float: left;
}
#right-column .image .caption {
  background-color: #eeeeee;
  padding: 6px 4px;
}
/* =============================================================================
   Online Shop Special
   ========================================================================== */
#progress-bar {
  height: 46px;
  overflow: hidden;
  margin-bottom: 30px;
}
#progress-bar.step-1 {
  background-position: 0 0;
}
#progress-bar.step-2 {
  background-position: 0 -100px;
}
#progress-bar.step-3 {
  background-position: 0 -200px;
}
#progress-bar .progress-element {
  color: #ffffff;
  float: left;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  height: 46px;
  line-height: 46px;
  margin-left: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 202px;
}
#progress-bar .progress-element + .progress-element {
  padding-left: 20px;
  width: 196px;
}
#progress-bar .progress-element span {
  padding-bottom: 3px;
  padding-right: 26px;
  padding-top: 3px;
}
#progress-bar .progress-element.done span {
  background-position: right -4398px;
}
#progress-bar p:first-child {
  margin-left: 0;
}
.onlineshop {
  position: relative;
}
.onlineshop .charges {
  position: absolute;
  top: -4px;
  right: 0;
  width: 312px;
}
.onlineshop .table .charges {
  float: right;
  padding-top: 17px;
  position: relative;
  right: auto;
  top: auto;
}
.onlineshop .charges div {
  overflow: hidden;
}
.onlineshop .charges span {
  float: left;
}
.onlineshop .charges span + span {
  float: right;
}
.onlineshop .charges .info {
  border-top: 1px solid #d6d6d6;
  padding-top: 4px;
  margin-top: 6px;
}
.onlineshop .charges .info.buttons {
  text-align: right;
}
.onlineshop .position-info {
  position: relative;
  overflow: hidden;
}
.onlineshop table a {
  white-space: nowrap;
}
.onlineshop table select {
  width: auto;
}
.onlineshop .step-2 table th:first-child,
.onlineshop .step-2 table td:first-child {
  text-align: right;
}
.ie7 .onlineshop .step-2 table td + td + td + td input {
  overflow: visible;
  width: 100%;
}
.onlineshop .step-2 table th {
  width: 20px;
}
.onlineshop .step-2 table th + th {
  width: 60px;
}
.onlineshop .step-2 table th + th + th {
  width: 80px;
}
.onlineshop .step-2 table th + th + th + th {
  width: 268px;
}
.onlineshop .step-2 table th + th + th + th + th {
  width: 110px;
}
.onlineshop .order-details {
  border-top: 1px solid #d6d6d6;
  padding-top: 35px;
}
.onlineshop .order-details .text {
  float: left;
  width: 365px;
}
.onlineshop .order-details .charges {
  border-bottom: 1px solid #d6d6d6;
  float: right;
  padding-bottom: 3px;
  position: relative;
  right: auto;
  top: auto;
}
.order-info {
  background-color: #4e8fb9;
  padding: 7px;
  margin-bottom: 15px;
}
#main .order-info + .text {
  margin-bottom: 2em;
}
#main .order-info .text.done {
  background-position: -435px -4390px;
  padding-left: 28px;
  margin-bottom: 0;
}
#main .order-info .text p {
  color: #ffffff;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  margin-bottom: 0;
}
.packing-list form {
  position: relative;
  width: 365px;
}
.packing-list form h2 {
  float: left;
  margin-bottom: 2px;
}
.packing-list form .button {
  position: absolute;
  top: 0;
  left: 280px;
}
.packing-list .table {
  width: 365px;
}
.cart .notice {
  color: #FF0000;
}
.cart .button.right {
  margin-right: 0 !important;
}
.cart .overall td {
  padding-top: 20px !important;
  border-bottom: 1px solid #EEEEEE;
}
.cart .price,
.cart .sum,
.cart .action,
.cart .refresh {
  white-space: nowrap;
  text-align: right !important;
}
.cart input.cart-quantity {
  float: left;
  margin: 5px 3px 3px 0;
  overflow: hidden;
  width: 80px;
}
.cart .unit {
  line-height: 26px;
  position: relative;
  top: 5px;
}
.cart .ico-chart,
.cart .ico-edit,
.cart .ico-delete,
.cart .ico-refresh {
  display: inline-block;
  height: 16px;
  margin: 0 0 0 5px;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-decoration: none;
  text-indent: -10000px;
  top: 3px;
  width: 16px;
}
.cart .ico-chart {
  background-position: -360px -4920px;
}
.cart .ico-edit {
  background-position: 0 0;
}
.cart .ico-delete {
  background-position: -440px -4800px;
}
.cart .ico-refresh {
  background-position: -400px -4860px;
}
.lte7 .cart .ico-chart,
.lte7 .cart .ico-edit,
.lte7 .cart .ico-delete,
.lte7 .cart .ico-refresh {
  display: inline;
}
/* =============================================================================
   Footer
   ========================================================================== */
#footer-menu {
  background-position: -2961px 0;
  background-repeat: repeat-y;
}
#footer-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 241px;
  float: left;
}
.ie7 #footer-menu ul {
  margin-top: -2px;
}
#footer-menu ul.first {
  width: 217px;
}
#footer-menu ul.last {
  width: 240px;
}
#footer-menu ul.contact.domain {
  display: none;
}
#footer-menu li {
  display: block;
  margin: 0 0 2px 24px;
}
#footer-menu .first li {
  margin-left: 0;
}
#footer-menu li.headline {
  vertical-align: top;
  margin-bottom: 1px;
}
.ie7 #footer-menu li.headline {
  margin-bottom: 3px;
}
#footer-menu .contact li.phone {
  margin-bottom: 5px;
}
#footer-menu .contact li.mail {
  margin-bottom: 22px;
}
#footer-menu li.last {
  margin-bottom: -2px;
}
#footer-menu li span,
#footer-menu li a {
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 15px;
}
#footer-menu li a:hover {
  text-decoration: underline;
}
#footer-menu li.headline span {
  font-size: 13px;
  line-height: 15px;
  color: #000000;
  font-weight: bold;
  vertical-align: top;
  position: relative;
  top: -2px;
}
#footer-menu .contact li.adress p {
  margin: 4px 0 0 0;
  padding: 0;
}
#footer-menu .contact li.adress p span {
  display: block;
  margin: 0 0 5px 0;
}
#footer-menu .contact li.mail span,
#footer-menu .contact li.phone span {
  display: block;
}
#footer-menu .contact li.mail a,
#footer-menu .contact li.mail span,
#footer-menu .contact li.phone a,
#footer-menu .contact li.phone span {
  margin-bottom: 1px;
}
#footer-menu .contact li.mail a.big,
#footer-menu .contact li.mail span.big,
#footer-menu .contact li.phone a.big,
#footer-menu .contact li.phone span.big {
  font-size: 15px;
  line-height: 19px;
}
#copyright span {
  color: #7d7d7d;
  font-size: 11px;
  line-height: 15px;
  margin-right: 20px;
}
/* =============================================================================
   Popup
   ========================================================================== */
.popup {
  margin: 10px;
}
.popup .text {
  overflow: hidden;
  zoom: 1;
  margin-top: 4px;
  width: 940px;
}
.popup .text h1 {
  float: left;
  font-size: 14px;
}
.popup .text p {
  text-align: left;
}
.popup .text .close {
  float: right;
}
.popup table {
  width: 940px;
  margin-bottom: 20px;
}
.popup table tr th {
  background-color: #686868;
  color: #ffffff;
}
.popup table tr.odd td {
  background-color: #ffffff;
}
.popup table tr.even td {
  background-color: #dedede;
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
/* ==========================================================================
   other element styles
   ========================================================================== */
/**
 *   ColorBox Core Style:
 *   The following CSS is consistent between example themes and should not be altered.
 */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
}
#cboxTitle {
  margin: 0;
}
#cboxTopCenter {
  display: none;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
/**
 *   User Style:
 *   Change the following styles to modify the appearance of ColorBox.  They are
 *   ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
#cboxOverlay {
  background-color: #000000;
}
#cboxContent {
  background: #ffffff;
  overflow: hidden;
}
.cboxIframe {
  background: #ffffff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-bottom: 28px;
}
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}
#cboxClose {
  background-position: -448px 5px;
  font-size: 12px;
  padding-left: 14px;
  position: absolute;
  bottom: 5px;
  right: 10px;
}
#cboxClose:hover {
  text-decoration: underline;
}
#cboxNext {
  position: absolute;
  right: 0;
  bottom: 50%;
  padding-left: 14px;
  background-color: #fff;
  background-position: -444px 5px;
}
#cboxPrevious {
  position: absolute;
  left: 0;
  bottom: 50%;
  padding-left: 14px;
  background-color: #fff;
  background-position: 3px -895px;
}
#cboxNext:hover,
#cboxPrevious:hover {
  background-color: #949494;
}
/* * * * * * * * *  Content-Highlighting (Layout Anpassung) * * * * * * *  * * */
.fsPreview_default,
.fsHover_default {
  border: none;
  padding: 0px;
  display: inline;
}
.fsPreview_accentuated,
.fsHover_accentuated {
  border: 1px solid #961a59;
  border-left-width: 7px !important;
  display: block;
  clear: both;
  overflow: hidden;
}
.teaser-matrix-item .fsPreview_accentuated,
.teaser-matrix-item .fsHover_accentuated,
.teaser-container .fsPreview_accentuated,
.teaser-container .fsHover_accentuated {
  clear: none;
}
/* * * * * * * * *  Content-Highlighting ENDE * * * * * * *  * * */
.left {
  float: left;
}
.right {
  float: right;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.spacer-tiny {
  height: 6px;
}
.spacer-small {
  height: 20px;
}
.accordion {
  margin-bottom: 2em;
}
.accordion.accordion-clean dd {
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.accordion dt {
  /*
		 * IMPORTANT: right [number]px top
		 *
		 * Aligns the background image to the right, since the chevron down is inside the sprite and
		 * must stay right on varying sizes of the accordion.
		 *
		 * Currently there is a bug in chrome that causes right alignment to move into the opposing
		 * direction as it should - maybe someone mixed plus and minus up.
		 * However, as soon as the bug is fixed, this property can be used again to solve the
		 * positioning for all sizes:
		 * background-position: right -3702px top;
		 *
		 * You may also remove the custom setting at cable-finder.less, too.
		 */
  background-position: -4241px 0;
  border-bottom: 1px solid #d6d6d6;
  color: #ffffff;
  cursor: pointer;
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
}
.accordion dd {
  border: 1px solid #d6d6d6;
  border-top: 0;
  margin-bottom: 1px;
  padding: 13px;
  overflow: hidden;
  /* Newsletter Archive and Press Accordion */
  /* Order Form Accordion */
}
.accordion dd p {
  line-height: 16px;
  margin-bottom: 0.5em;
}
.accordion dd .table {
  margin-bottom: 0;
}
.accordion dd .newsletter,
.accordion dd .press-item {
  border-top: 1px solid #d6d6d6;
  padding: 13px 13px 0;
  margin: 13px 0;
}
.accordion dd .newsletter:first-child,
.accordion dd .press-item:first-child,
.accordion dd .newsletter:first-child,
.accordion dd .press-item:first-child {
  border-top: 0;
  padding-top: 0;
}
.accordion dd .newsletter .date,
.accordion dd .press-item .date {
  font-weight: bold;
}
.accordion dd .newsletter .text,
.accordion dd .press-item .text {
  margin-bottom: 0;
  margin-left: 2em;
}
.accordion dd .newsletter .text ul,
.accordion dd .press-item .text ul {
  margin-left: -6px;
}
.accordion dd .order {
  border-top: 1px solid #d6d6d6;
  overflow: hidden;
  padding: 15px 13px;
}
.accordion dd .order:first-child {
  border-top: 0;
}
.accordion dd .order .select {
  float: left;
  margin-right: 15px;
  width: 45px;
}
.accordion dd .order .zoom {
  background-position: -397px -2208px;
  float: left;
  margin-right: 15px;
  outline: 0;
  padding-right: 18px;
  width: 42px;
}
.accordion dd .order .text {
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
  width: 170px;
}
.accordion dd .order .downloads {
  float: left;
  margin: 0;
  width: 110px;
}
.accordion dd .order .downloads ul {
  width: auto;
  margin-right: 0;
}
.accordion .newsletter-archiv dd,
.accordion .press dd {
  padding: 0;
}
.accordion .image {
  margin-bottom: 1px;
}
.large .accordion dt {
  background-position: -4000px 0;
}
.js .accordion dt.open,
.js .accordion dt.animation {
  /*
			 * IMPORTANT: right [number]px top
			 *
			 * Aligns the background image to the right, since the chevron down is inside the sprite and
			 * must stay right on varying sizes of the accordion.
			 *
			 * Currently there is a bug in chrome that causes right alignment to move into the opposing
			 * direction as it should - maybe someone mixed plus and minus up.
			 * However, as soon as the bug is fixed, this property can be used again to solve the
			 * positioning for all sizes:
			 * background-position: right -2902px top;
			 *
			 * You may also remove the custom setting at cable-finder.less, too.
			 */
  background-position: -5041px 0;
}
.js .accordion dt.open + dd {
  display: block;
}
.js .accordion dd {
  display: none;
}
.js .large .accordion dt.open,
.js .large .accordion dt.animation {
  background-position: -4800px 0;
}
form .accordion dd {
  padding: 0;
}
.chevron {
  background: url('/systemfiles/image/layout/sprite.png') no-repeat;
  display: inline-block;
  height: 9px;
  width: 9px;
}
.chevron.chevron-left {
  background-position: -58px -5357px;
}
.chevron.chevron-left.chevron-left-disabled {
  background-position: 0 -5357px;
}
.chevron.chevron-right {
  background-position: -58px -5308px;
}
.chevron.chevron-right.chevron-right-disabled {
  background-position: 0 -5308px;
}
.chevron.chevron-double {
  width: 15px;
}
.chevron.chevron-double.chevron-left {
  background-position: -59px -5259px;
}
.chevron.chevron-double.chevron-left.chevron-left-disabled {
  background-position: 0 -5259px;
}
.chevron.chevron-double.chevron-right {
  background-position: -59px -5210px;
}
.chevron.chevron-double.chevron-right.chevron-right-disabled {
  background-position: 0 -5210px;
}
.btn {
  background-color: #ededed;
  border: none;
  display: inline-block;
  outline: none;
}
.btn.btn-small {
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
}
.btn.btn-action {
  background-color: white;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  font-size: 22px;
  height: 29px;
  width: 29px;
}
.btn.btn-default {
  background: linear-gradient(to bottom, #eeeeee 0%, #d9d9d9 100%);
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  height: 29px;
  padding: 0 13px;
}
.btn.btn-default.btn-icon:before {
  background: #ededed url('/systemfiles/image/layout/sprite.png') 7px -5155px;
}
.btn.btn-default span {
  margin-right: 6px;
}
.btn span {
  background-image: url('/systemfiles/image/layout/sprite.png');
  display: inline-block;
  height: 9px;
  width: 9px;
}
.btn span.remove {
  background-position: 0 -5161px;
}
.btn-group {
  display: inline-block;
}
.btn-group.btn-group-right {
  text-align: right;
}
.btn-group .btn {
  float: left;
  margin-left: 1px;
}
.btn-group .btn:first-child {
  margin-left: 0;
}
.checkbox {
  position: relative;
}
.checkbox label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  margin: 3px 0;
  padding-left: 20px;
  width: 100%;
  word-wrap: break-word;
}
.checkbox label input[type=checkbox] {
  margin-left: -20px;
  position: absolute;
}
.form-group {
  margin-top: 20px;
}
.form-group:first-child {
  margin-top: 0;
}
.form-group.form-group-reset .form-control {
  width: calc(100% - 22px - 6px);
}
.form-group.form-group-reset .btn {
  display: none;
  float: right;
}
.form-group.form-group-reset .btn.show {
  display: inline-block;
}
.form-group .form-control {
  background-image: none;
  border: 1px solid #e2e3e8;
  border-bottom-color: #e4e9ef;
  border-radius: 2px;
  border-top-color: #acadb2;
  height: 23px;
  outline: none;
  width: 100%;
}
.form-group .help-block {
  display: block;
  font-size: 11px;
}
.page-layout {
  overflow: hidden;
  white-space: nowrap;
}
.page-layout.page-layout-halved > .layout-column-one {
  margin-right: 25px;
  width: 417px;
}
.page-layout.page-layout-halved > .layout-column-two {
  width: 494px;
}
.page-layout > .layout-column {
  float: left;
  padding: 0;
  vertical-align: top;
  white-space: normal;
}
.split-column {
  float: left;
  margin-right: 25px;
  width: calc(50% - 12.5px);
  vertical-align: top;
}
.split-column + .split-column {
  margin-right: 0;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
ul.list.list-anchored a {
  display: inline-block;
  font-weight: bold;
  font-size: 13px;
  height: 34px;
  line-height: 34px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.list li {
  border-top: 1px solid #d6d6d6;
  line-height: 0;
}
ul.list li:last-child {
  border-bottom: 1px solid #d6d6d6;
}
.pager ul {
  display: inline-block;
}
.pager ul li {
  display: inline;
  padding: 0 2px;
}
.pager ul li.active a,
.pager ul li a:hover {
  color: black;
}
.result-pager {
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  margin: 20px 0;
}
.range-slider {
  height: 29px;
  margin: 15px 0;
}
.range-slider label.range-slider-label {
  margin-right: 10px;
  margin-top: 0;
  vertical-align: top;
  width: 125px;
}
.range-slider label.range-slider-label span {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  margin-top: 6px;
  max-width: calc(100% - 62px);
  white-space: normal;
}
.range-slider label.range-slider-label input.range-slider-input {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  float: right;
  font-size: 13px;
  height: 29px;
  margin-right: 0;
  text-align: center;
  width: 60px;
}
.range-slider .range-slider-container {
  float: left;
  vertical-align: top;
  width: calc(100% - 136px);
}
.range-slider .range-slider-container .slider-decrement {
  background: url('/systemfiles/image/layout/sprite.png') -52px -5398px;
}
.range-slider .range-slider-container .slider-increment {
  background: url('/systemfiles/image/layout/sprite.png') 8px -5398px;
}
.range-slider .range-slider-container .range-slider-plugin {
  display: inline-block;
  margin: 0 14px 0 19px;
  padding-top: 1px;
  width: calc(100% - 101px);
}
.range-slider .range-slider-container .range-slider-plugin.noUi-target {
  border: none;
  box-shadow: none;
  height: 9px;
  margin-top: 9px;
  vertical-align: top;
}
.range-slider .range-slider-container .range-slider-plugin.noUi-connect {
  padding: 0;
  background-color: transparent;
}
.range-slider .range-slider-container .range-slider-plugin .noUi-handle {
  top: -10px;
  height: 29px;
  width: 29px;
  background: url('/systemfiles/image/layout/sprite.png') -1px -5458px;
  border-color: #676767;
  box-shadow: none;
}
.range-slider .range-slider-container .range-slider-plugin .noUi-handle:before,
.range-slider .range-slider-container .range-slider-plugin .noUi-handle:after {
  display: none;
}
.range-slider .range-slider-container .range-slider-plugin .noUi-origin.noUi-background {
  background-color: #eee;
  box-shadow: none;
}
.range-slider .range-slider-container .range-slider-plugin .noUi-base {
  border-radius: 4px;
  background: linear-gradient(to bottom, #df242f 0%, #b91d28 100%);
  box-shadow: none;
}
/* Countries - Sprite */
.al {
  background-position: 0 0;
}
.dz {
  background-position: 0 -21px;
}
.ar {
  background-position: 0 -42px;
}
.am {
  background-position: 0 -63px;
}
.au {
  background-position: 0 -84px;
}
.at {
  background-position: 0 -105px;
}
.az {
  background-position: 0 -126px;
}
.bh {
  background-position: 0 -147px;
}
.bd {
  background-position: 0 -168px;
}
.by {
  background-position: 0 -189px;
}
.be {
  background-position: 0 -210px;
}
.bz {
  background-position: 0 -231px;
}
.bj {
  background-position: 0 -252px;
}
.bo {
  background-position: 0 -273px;
}
.ba {
  background-position: 0 -294px;
}
.bw {
  background-position: 0 -315px;
}
.br {
  background-position: 0 -336px;
}
.bn {
  background-position: 0 -357px;
}
.bg {
  background-position: 0 -378px;
}
.bu {
  background-position: 0 -399px;
}
.bi {
  background-position: 0 -420px;
}
.cm {
  background-position: 0 -441px;
}
.ca {
  background-position: 0 -462px;
}
.cf {
  background-position: 0 -483px;
}
.td {
  background-position: 0 -504px;
}
.cl {
  background-position: 0 -525px;
}
.cn {
  background-position: 0 -546px;
}
.co {
  background-position: 0 -567px;
}
.km {
  background-position: 0 -588px;
}
.cd {
  background-position: 0 -609px;
}
.cr {
  background-position: 0 -630px;
}
.hr {
  background-position: 0 -651px;
}
.cu {
  background-position: 0 -672px;
}
.cy {
  background-position: 0 -693px;
}
.cz {
  background-position: 0 -714px;
}
.dk {
  background-position: 0 -735px;
}
.ec {
  background-position: 0 -756px;
}
.eg {
  background-position: 0 -777px;
}
.sv {
  background-position: 0 -798px;
}
.er {
  background-position: 0 -819px;
}
.ee {
  background-position: 0 -840px;
}
.et {
  background-position: 0 -861px;
}
.fj {
  background-position: 0 -882px;
}
.fi {
  background-position: 0 -903px;
}
.fr {
  background-position: 0 -924px;
}
.pf {
  background-position: 0 -945px;
}
.ga {
  background-position: 0 -966px;
}
.gm {
  background-position: 0 -987px;
}
.ge {
  background-position: 0 -1008px;
}
.de {
  background-position: 0 -1029px;
}
.gh {
  background-position: 0 -1050px;
}
.gr {
  background-position: 0 -1071px;
}
.gl {
  background-position: 0 -1092px;
}
.gp {
  background-position: 0 -1113px;
}
.gt {
  background-position: 0 -1134px;
}
.gn {
  background-position: 0 -1155px;
}
.hat {
  background-position: 0 -1176px;
}
.hn {
  background-position: 0 -1197px;
}
.hk {
  background-position: 0 -1218px;
}
.hu {
  background-position: 0 -1239px;
}
.is {
  background-position: 0 -1260px;
}
.in {
  background-position: 0 -1281px;
}
.id {
  background-position: 0 -1302px;
}
.ir {
  background-position: 0 -1323px;
}
.iq {
  background-position: 0 -1344px;
}
body .ie {
  background-position: 0 -1365px;
}
.il {
  background-position: 0 -1386px;
}
.it {
  background-position: 0 -1407px;
}
.jp {
  background-position: 0 -1428px;
}
.jo {
  background-position: 0 -1449px;
}
.kz {
  background-position: 0 -1470px;
}
.ke {
  background-position: 0 -1491px;
}
.kw {
  background-position: 0 -1512px;
}
.kg {
  background-position: 0 -1533px;
}
.la {
  background-position: 0 -1554px;
}
.lv {
  background-position: 0 -1575px;
}
.lb {
  background-position: 0 -1596px;
}
.ls {
  background-position: 0 -1617px;
}
.lr {
  background-position: 0 -1638px;
}
.ly {
  background-position: 0 -1659px;
}
.li {
  background-position: 0 -1680px;
}
.lt {
  background-position: 0 -1701px;
}
.lu {
  background-position: 0 -1722px;
}
.mo {
  background-position: 0 -1743px;
}
.mk {
  background-position: 0 -1764px;
}
.mg {
  background-position: 0 -1785px;
}
.mw {
  background-position: 0 -1806px;
}
.my {
  background-position: 0 -1827px;
}
.mt {
  background-position: 0 -1848px;
}
.mq {
  background-position: 0 -1869px;
}
.mx {
  background-position: 0 -1890px;
}
.mc {
  background-position: 0 -1911px;
}
.me {
  background-position: 0 -1932px;
}
.ma {
  background-position: 0 -1953px;
}
.mz {
  background-position: 0 -1974px;
}
.na {
  background-position: 0 -1995px;
}
.np {
  background-position: 0 -2016px;
}
.nl {
  background-position: 0 -2037px;
}
.nz {
  background-position: 0 -2058px;
}
.ni {
  background-position: 0 -2079px;
}
.ne {
  background-position: 0 -2100px;
}
.ng {
  background-position: 0 -2121px;
}
.kp {
  background-position: 0 -2142px;
}
.no {
  background-position: 0 -2163px;
}
.om {
  background-position: 0 -2184px;
}
.pk {
  background-position: 0 -2205px;
}
.ps {
  background-position: 0 -2226px;
}
.py {
  background-position: 0 -2247px;
}
.pe {
  background-position: 0 -2268px;
}
.ph {
  background-position: 0 -2289px;
}
.pl {
  background-position: 0 -2310px;
}
.pt {
  background-position: 0 -2331px;
}
.qa {
  background-position: 0 -2352px;
}
.ro {
  background-position: 0 -2373px;
}
.ru {
  background-position: 0 -2394px;
}
.rw {
  background-position: 0 -2415px;
}
.sm {
  background-position: 0 -2436px;
}
.sa {
  background-position: 0 -2457px;
}
.sn {
  background-position: 0 -2478px;
}
.cs {
  background-position: 0 -2499px;
}
.xs {
  background-position: 0 -2520px;
}
.sg {
  background-position: 0 -2541px;
}
.sk {
  background-position: 0 -2562px;
}
.si {
  background-position: 0 -2583px;
}
.za {
  background-position: 0 -2604px;
}
.kr {
  background-position: 0 -2625px;
}
.es {
  background-position: 0 -2646px;
}
.lk {
  background-position: 0 -2667px;
}
.sd {
  background-position: 0 -2688px;
}
.sz {
  background-position: 0 -2709px;
}
.se {
  background-position: 0 -2730px;
}
.ch {
  background-position: 0 -2751px;
}
.sy {
  background-position: 0 -2772px;
}
.tw {
  background-position: 0 -2793px;
}
.tj {
  background-position: 0 -2814px;
}
.tz {
  background-position: 0 -2835px;
}
.th {
  background-position: 0 -2856px;
}
.tg {
  background-position: 0 -2877px;
}
.tn {
  background-position: 0 -2898px;
}
.tr {
  background-position: 0 -2919px;
}
.tm {
  background-position: 0 -2940px;
}
.ug {
  background-position: 0 -2961px;
}
.ua {
  background-position: 0 -2982px;
}
.uz {
  background-position: 0 -3087px;
}
.ae {
  background-position: 0 -3003px;
}
.gb,
.country-selector-content .en {
  background-position: 0 -3024px;
}
.uy {
  background-position: 0 -3045px;
}
.us {
  background-position: 0 -3066px;
}
.zu {
  background-position: 0 -3087px;
}
.va {
  background-position: 0 -3108px;
}
.ve {
  background-position: 0 -3129px;
}
.vn {
  background-position: 0 -3150px;
}
.eh {
  background-position: 0 -3171px;
}
.ye {
  background-position: 0 -3192px;
}
.zr {
  background-position: 0 -3213px;
}
.zm {
  background-position: 0 -3234px;
}
.zw {
  background-position: 0 -3255px;
}
.mn {
  background-position: 0 -3276px;
}
.af {
  background-position: 0 -3295px;
}
.rs {
  background-position: 0 -2500px;
}
/* End - Countries - Sprite */
/**
 * Stage - Slideshow
 */
#stage-slideshow {
  float: left;
  height: 383px;
  position: relative;
  width: 698px;
  z-index: 100;
}
#stage-slideshow > .slide {
  display: none;
  height: 324px;
  position: absolute;
  width: 698px;
}
#stage-slideshow > .slide:first-child {
  display: block;
}
#stage-slideshow .slide .text {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(120, 120, 120, 0.8);
  width: 664px;
  padding: 17px 17px 36px 17px;
}
.lte8 #stage-slideshow .slide .text {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6888888, endColorstr=#e6888888);
  zoom: 1;
}
#stage-slideshow .slide .text h1,
#stage-slideshow .slide .text h3 {
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 12px;
}
#stage-slideshow .slide .text h4 {
  display: inline;
  font-size: 12px;
}
#stage-slideshow .slide .text a {
  color: #ffffff;
}
#stage-slideshow .slideshow-navi {
  position: absolute;
  bottom: 0;
  right: 13px;
  z-index: 500;
}
#stage-slideshow .slideshow-navi .slide {
  background-position: -354px -489px;
  cursor: pointer;
  float: left;
  margin-right: 10px;
  padding-bottom: 31px;
  position: relative;
  width: 104px;
}
#stage-slideshow .slideshow-navi .slide img {
  border: 1px solid #cccccc;
  margin-top: 11px;
  margin-left: 1px;
  width: 100px;
}
#stage-slideshow .slideshow-navi .slide.active img {
  border: 0;
  background-position: 0 -500px;
  padding: 12px 2px 2px 2px;
  margin-left: 0;
  margin-top: 0;
  width: 100px;
}
#stage-slideshow .slideshow-navi .slide p {
  background-color: rgba(120, 120, 120, 0.8);
  bottom: 32px;
  color: #ffffff;
  font-family: 'Ubuntu', sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: 15px;
  left: 0;
  margin-left: 2px;
  overflow: hidden;
  padding: 1px 4px 3px;
  position: absolute;
  width: 92px;
}
.lte8 #stage-slideshow .slideshow-navi .slide p {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6888888, endColorstr=#e6888888);
  font-family: Arial, Helvetica, sans-serif;
  zoom: 1;
}
#stage-slideshow .slideshow-navi .slide.active p {
  bottom: 33px;
  height: 16px;
  padding: 1px 4px 2px;
  margin-left: 2px;
  width: 92px;
}
/* =============================================================================
   HELIS Special
   ========================================================================== */
.helis #header .helis-title {
  bottom: 16px;
  color: #000000;
  left: 22px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  position: absolute;
}
.helis #header .helis-title sup {
  color: #000000;
  top: -0.8em;
}
.helis #navi ul {
  margin-bottom: 2em;
}
.helis #navi .text p {
  font-size: 11px;
  margin-bottom: 10px;
}
.helis #navi .separator {
  display: inline-block;
  width: 60px;
}
.helis #navi .contact {
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 2em;
}
.helis #navi .contact .state.online {
  color: #00cc00;
}
.helis #navi .contact .state.offline {
  color: #d91d29;
}
.helis #navi .contact p.more-space {
  margin-bottom: 7px;
}
.helis #main > .date {
  color: #5f5f5f;
  font-size: 11px;
  position: absolute;
  top: -20px;
  right: 0;
}
.helis p a {
  color: #5f5f5f;
}
.helis #main h1 {
  margin-bottom: 16px;
}
.helis #main .text,
.helis #main form {
  margin-bottom: 1em;
}
#module-cable-finder {
  min-height: 600px;
  overflow: visible;
}
#module-cable-finder h1 {
  border-top: 1px solid #d6d6d6;
  padding-top: 20px;
}
#module-cable-finder p {
  margin-bottom: 20px;
}
#module-cable-finder p label {
  float: none;
  margin: 0;
  width: auto;
}
#module-cable-finder p label input {
  margin-right: 6px;
}
#module-cable-finder .accordion dl {
  margin-bottom: 20px;
}
#module-cable-finder .accordion dl dt {
  background-position: -4281px 0;
}
#module-cable-finder .accordion dl dd {
  padding-top: 10px;
  padding-bottom: 0;
}
#module-cable-finder .row.disabled > div {
  position: relative;
}
#module-cable-finder .row.disabled > div:after {
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 50;
}
#module-cable-finder .btn-group {
  margin-bottom: 5px;
}
#module-cable-finder filter-result no-results-found {
  display: none;
}
#module-cable-finder filter-result.empty no-results-found {
  display: block;
}
#module-cable-finder filter-result.empty results-found {
  display: none;
}
#module-cable-finder filter-result .loader {
  opacity: 0;
  transition: opacity 200ms;
}
#module-cable-finder filter-result.loading .result-list {
  display: none;
}
#module-cable-finder filter-result.loading .loader {
  opacity: 1;
}
.js #module-cable-finder .accordion dl dt.open,
.js #module-cable-finder .accordion dl dt.animation {
  background-position: -5081px 0;
}
/* Worldmap */
#worldmap .map {
  border: 1px solid #d6d6d6;
  display: none;
  height: 245px;
  margin-bottom: 2em;
  overflow: hidden;
  position: relative;
  width: 455px;
}
#worldmap.world #worldmap-world {
  background-position: 0 -245px;
  display: block;
}
.no-js #worldmap.world #worldmap-europe,
#worldmap.europe #worldmap-europe {
  background-position: 0 -245px;
  display: block;
}
#worldmap-world div,
#worldmap-europe div {
  height: 245px;
  left: 0;
  position: absolute;
  top: 0;
  width: 455px;
}
#worldmap img {
  left: 0;
  position: absolute;
  top: 0;
}
#worldmap .map a {
  background-position: 0 -3700px;
  border: 1px solid #d6d6d6;
  display: block;
  font-size: 10px;
  height: 18px;
  left: 10px;
  padding-top: 46px;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 103px;
}
#worldmap .europe {
  background-position: 0 -490px;
}
#worldmap .asia {
  background-position: 0 -735px;
}
#worldmap .africa {
  background-position: 0 -980px;
}
#worldmap .australia {
  background-position: 0 -1225px;
}
#worldmap .south-america {
  background-position: 0 -1470px;
}
#worldmap .north-america {
  background-position: 0 -1715px;
}
#worldmap .germany {
  background-position: 0 -490px;
}
#worldmap .netherlands {
  background-position: 0 -735px;
}
#worldmap .belgium {
  background-position: 0 -980px;
}
#worldmap .france {
  background-position: 0 -1225px;
}
#worldmap .spain {
  background-position: 0 -1470px;
}
#worldmap .portugal {
  background-position: 0 -1715px;
}
#worldmap .united-kingdom {
  background-position: 0 -1960px;
}
#worldmap .russia {
  background-position: 0 -2205px;
}
#worldmap .switzerland {
  background-position: 0 -2450px;
}
#worldmap .estonia {
  background-position: 0 -2695px;
}
#worldmap .finland {
  background-position: 0 -2940px;
}
#worldmap .sweden {
  background-position: 0 -3185px;
}
#worldmap .norway {
  background-position: 0 -3430px;
}
#worldmap .ukraine {
  background-position: 0 -3675px;
}
#worldmap .denmark {
  background-position: 0 -3920px;
}
#worldmap .lithuania {
  background-position: 0 -245px;
}
#worldmap .belarus {
  background-position: 0 -490px;
}
#worldmap .poland {
  background-position: 0 -735px;
}
#worldmap .turkey {
  background-position: 0 -980px;
}
#worldmap .greece {
  background-position: 0 -1225px;
}
#worldmap .bulgaria {
  background-position: 0 -1470px;
}
#worldmap .romania {
  background-position: 0 -1715px;
}
#worldmap .slovakia {
  background-position: 0 -1960px;
}
#worldmap .hungary {
  background-position: 0 -2205px;
}
#worldmap .croatia {
  background-position: 0 -2450px;
}
#worldmap .slovenia {
  background-position: 0 -2695px;
}
#worldmap .austria {
  background-position: 0 -2940px;
}
#worldmap .czech-republic {
  background-position: 0 -3185px;
}
#worldmap .italy {
  background-position: 0 -3430px;
}
#worldmap .aserbaidschan,
#worldmap .azerbaijan {
  background-position: 0 -3675px;
}
#worldmap .ireland {
  background-position: 0 -3920px;
}
#worldmap .serbia {
  background-position: 0 -4144px;
}
#worldmap .latvia {
  background-position: 0 -4465px;
}
#worldmap-countries select {
  display: none;
  float: left;
  padding: 5px;
}
.js #worldmap-countries.world #world-select,
.js #worldmap-countries.europe #europe-select,
.js #worldmap-countries.asia #asia-select,
.js #worldmap-countries.africa #africa-select,
.js #worldmap-countries.australia #australia-select,
.js #worldmap-countries.south-america #south-america-select,
.js #worldmap-countries.north-america #north-america-select {
  display: block;
}
#worldmap-countries .continent {
  margin-left: 227px;
  width: 220px;
}
#worldmap-countries a {
  background: none;
  color: #5f5f5f;
}
.no-js #worldmap-countries .country {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 10px;
  margin-bottom: 40px;
}
.js #worldmap-countries .continent,
.js #worldmap-countries #europe .country {
  display: none;
}
#worldmap-countries .country > p {
  background-color: #ffffff;
  color: #000000;
  margin-bottom: -6px;
  padding-left: 27px;
  position: relative;
  z-index: 20;
}
#worldmap-countries .country > p span {
  display: block;
  position: relative;
  top: -4px;
}
#worldmap-countries .country .country-contact {
  border-top: 1px solid #d6d6d6;
  margin-bottom: 36px;
  padding-top: 20px;
  position: relative;
  z-index: 10;
}
#worldmap-countries .country .country-contact > div {
  margin-bottom: 1em;
}
/* Countries - Worldmap Countries Sprite */
.wmat {
  background-position: 0 -105px;
}
.wmae {
  background-position: 0 -3000px;
}
.wmbe {
  background-position: 0 -207px;
}
.wmbg {
  background-position: 0 -375px;
}
.wmbr {
  background-position: 0 -333px;
}
.wmca {
  background-position: 0 -459px;
}
.wmcn {
  background-position: 0 -543px;
}
.wmcz {
  background-position: 0 -711px;
}
.wmfr {
  background-position: 0 -921px;
}
.wmde {
  background-position: 0 -1026px;
}
.wmin {
  background-position: 0 -1278px;
}
.wmid {
  background-position: 0 -1300px;
}
body .wmie {
  background-position: 0 -1362px;
}
.wmit {
  background-position: 0 -1404px;
}
.wmmx {
  background-position: 0 -1887px;
}
.wmmy {
  background-position: 0 -1824px;
}
.wmnl {
  background-position: 0 -2034px;
}
.wmpl {
  background-position: 0 -2307px;
}
.wmpt {
  background-position: 0 -2328px;
}
.wmru {
  background-position: 0 -2391px;
}
.wmsg {
  background-position: 0 -2538px;
}
.wmza {
  background-position: 0 -2601px;
}
.wmkr {
  background-position: 0 -2622px;
}
.wmse {
  background-position: 0 -2727px;
}
.wmch {
  background-position: 0 -2748px;
}
.wmth {
  background-position: 0 -2853px;
}
.wmtr {
  background-position: 0 -2916px;
}
.wmvn {
  background-position: 0 -3147px;
}
.wmgb,
.country-selector-content .wmen {
  background-position: 0 -3021px;
}
.wmus {
  background-position: 0 -3063px;
}
/* End - Worldmap Countries - Sprite */
.loader {
  text-align: center;
  width: 100%;
}
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
  }
  body {
    min-width: 0;
  }
  /* User Styles*/
  .arrow {
    padding-left: 0 !important;
    text-decoration: none !important;
  }
  .zoom {
    display: none;
  }
  /* Header */
  #header {
    height: 30px;
    margin: 0;
    width: auto;
  }
  #top-navigation,
  #main-navigation {
    display: none;
  }
  #search-field {
    display: none;
  }
  #logo {
    display: list-item;
    list-style-image: url('/systemfiles/image/layout/logo.png');
    list-style-position: inside;
    text-indent: 0;
    position: relative;
    right: auto;
    bottom: auto;
    width: 245px;
    font-size: 1pt;
    color: ffffff;
    letter-spacing: -1000em;
  }
  .ie8 #logo {
    height: 50px;
    font-size: 36px;
    color: #dd0000 !important;
    letter-spacing: 0em;
  }
  /* Home */
  #stage {
    margin-bottom: 30px;
    margin-left: 0;
    margin-right: 0;
  }
  #stage-slideshow {
    height: auto;
  }
  #stage-slideshow .slide {
    display: block !important;
    position: relative !important;
    opacity: 1 !important;
    height: auto !important;
    margin-bottom: 20px;
  }
  #stage-slideshow .slide .text {
    position: relative;
    padding: 10px 0 0 0;
  }
  #stage-slideshow .slide .text h1,
  #stage-slideshow .slide .text h3 {
    margin-bottom: 2px;
  }
  #stage-slideshow .slide .text .arrow {
    display: none;
  }
  #stage-slideshow .slideshow-navi {
    display: none;
  }
  #stage-info-box {
    display: none;
  }
  /* Content */
  #content-wrapper {
    margin: 0;
    width: auto;
  }
  #content {
    margin: 0;
  }
  #content .left-column,
  #content .right-column {
    float: none !important;
    margin-bottom: 30px;
  }
  #content ul,
  #content ol {
    /*list-style-type: disc !important;*/
    margin-left: 1px !important;
    list-style-image: url('/systemfiles/image/layout/helukabel_cuts/line_icon.png');
    list-style-position: inside;
  }
  #content ul li,
  #content ol li {
    padding-left: 0 !important;
  }
  #info-box {
    display: none;
  }
  #right-column {
    display: none;
  }
  /* Teaser */
  .teaser .image {
    page-break-after: avoid;
  }
  .teaser .text {
    padding-top: 0 !important;
    page-break-after: avoid;
  }
  /* Links */
  .links ul {
    float: none;
    margin-left: 0;
  }
  /* Navi */
  #navi {
    display: none;
  }
  /* Footer */
  #footer {
    display: none;
    margin: 0;
    width: auto;
  }
  /* Copyright*/
  #copyright {
    text-align: left;
    margin: 0;
    width: auto;
  }
}