@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  overflow-y: scroll;
}

body {
  line-height: 1;
}

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

:focus {
  outline: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

html {
  overflow-x: visible;
}

.clearfix {
  clear: both;
  line-height: 0;
  font-size: 0;
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}

.hide {
  visibility: hidden;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.floatleft {
  float: left !important;
  float: left;
}

.floatright {
  float: right !important;
  float: right;
}

img.floatright {
  padding: 15px 0 15px 15px;
}

img.floatleft {
  padding: 15px 15px 15px 0;
}

.floatnone {
  float: none !important;
  float: none;
}

.firstitem {
  margin-left: 0 !important;
  margin-left: 0;
}

.lastitem {
  margin-right: 0 !important;
  margin-right: 0;
}

.noneBorderd {
  border: 0 !important;
  border: 0;
}

.cntRelative {
  position: relative;
}

.displayNone {
  display: none !important;
  display: none;
}

.displayed {
  display: block !important;
  display: none;
}

.noneMargin {
  margin: 0 !important;
}

.testBg {
  background: red !important;
}

small.alignC {
  display: block;
  text-align: center;
}

.imgload {
  height: 1px;
  width: 1px;
  position: absolute;
  top: -200px;
}

#__EVENTTARGET, #__EVENTARGUMENT, #__VIEWSTATE, #__LASTFOCUS {
  display: none;
}

hr {
  display: block;
  height: 1px;
  padding: 0;
  border: 0;
  border-top: 1px solid;
  clear: both;
}

hr.trenner {
  display: none;
}

.posrelative {
  position: relative;
}

.clearfloat:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfloat {
  display: inline-block;
}

html, body, #footer, #countryship, .infobar {
  min-width: 970px;
}

body {
  width: 100%;
  height: 100%;
  text-align: center;
  background: repeat-x left top;
  -webkit-text-size-adjust: 100%;
}

html.stopscrolling, body.stopscrolling {margin: 0; height: 100%; overflow: hidden}


h1, h2, h3 {
  margin: 0 0 15px 0;
  padding: 0;
}

h1 {
  display: block;
  font-weight: normal;
  margin-bottom: 20px;
}

h2 {
  display: block;
  font-weight: normal;
  background-repeat: no-repeat;
}

h2 a {
  display: block;
}

h3, h3 strong {
  font-weight: 600;
}

h3 label {
  text-transform: uppercase;
  letter-spacing: 1px;
}

h4 small {
  text-transform: uppercase;
  padding-bottom: 6px;
  font-weight: normal;
}

h4 {
  font-weight: normal;
}

h5 {
  font-weight: 600;
  margin-bottom: 6px;
}

h6 {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 12px;
}

hr {
  margin: 25px 0;
  border: 0;
  border-top: 1px solid;
}

p {
  margin-bottom: 10px;
}

abbr {
  position: relative;
  cursor: help;
  font-style: italic;
  border-bottom: 1px solid;
  text-decoration: none;
}

table abbr {
  font-style: normal;
}

label {
  font-weight: bold;
}

code {
  display: inline-block;
  margin: 5px 0;
  padding: 5px;
}

strong {
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

ul li a:hover {
  text-decoration: none;
}

ol li {
  list-style-type: decimal;
  margin: 0 0 10px 30px;
}

fieldset {
  margin-top: 14px;
  border-top: 1px solid;
}

fieldset h2 {
  margin: -15px 0 20px 0;
  padding: 0 10px;
}

fieldset label {
  display: block;
  font-weight: normal;
  line-height: 28px;
}

fieldset label span {
  margin: 0 0 0 5px;
}

::-webkit-scrollbar {
  width: 9px;
}

::-webkit-scrollbar-track {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.05);
}

/* Display: none; */
ul span, #cartmini .wrap, .cartWrap, #navigation li ul, .colAngebote .calcBtn span, .dots_colours span, .errorClose span,
.listCalc li a abbr span, .icons span, .icon_x span, .lnkAction span, .lnkPdf span, .iconDesc span, .lnkHead span, .lnkCalcUpdate span,
.lnkFeedback span, .closeStdFormate span, #cartmini span, .pdfbox .xclose span {
  display: none;
}

/* Wrapper */
#wrapper {
  position: relative;
  max-width: 962px;
  margin: 25px auto 0;
  text-align: left;
}

#wrapper > hr {
  margin: 25px 0;
}

/* Logo */
#logo {
  position: absolute;
  top: 0;
  left: 11px;
}

#logo a {
  display: block;
}

/* Toppart */
.tsLogo {
  float: right;
  width: 58px;
  height: 58px;
  margin: 5px 0 0 25px;
}

#toppart {
  position: absolute;
  top: -10px;
  right: 0;
  width: 740px;
  height: 70px;
}

#hellopart {
  position: absolute;
  top: 36px;
  left: 10px;
}

#hellopart a {
  padding-bottom: 10px;
  text-decoration: underline;
}

#hellopart a:hover, #hellopart a:focus {
  text-decoration: none;
}

#hellopart div.inner {
  float: left;
}

#hellopart div.posrelative {
  display: inline;
}

#hellopart div.posrelative ul {
  position: absolute;
  top: 28px;
  left: 0;
  display: none;
  padding: 5px 10px;
  border: 1px solid;
  border: 0;
}

#hellopart div.posrelative ul li {
  display: block;
  float: none;
  margin: 0 0 5px;
  padding: 0;
}

#hellopart div.posrelative ul li.liTrenner {
  border-top: 1px solid;
  padding-top: 0;
}

#hellopart div.posrelative ul li a {
  display: block;
  line-height: 20px;
  white-space: nowrap;
  padding: 0 10px 0 0;
  text-decoration: none;
}

#hellopart strong {
  font-weight: bold;
}

.chgshipcountry {
  margin-left: 25px;
  margin-top: -5px;
}

#hellopart div.posrelative.chgshipcountry ul li {
  margin: 0 0 4px;
  padding-top: 4px;
}

#hellopart div.posrelative.chgshipcountry ul li a {
  padding: 0;
}

#hellopart div.posrelative.chgshipcountry ul li a img {
  margin: 3px 8px 0 0;
}

.chgshipcountry ul li span {
  display: inline-block;
}

#hellopart .chgshipcountry strong {
  font-weight: normal;
  padding-right: 14px;
  background: url(/images/icons/arrows.gif) no-repeat right -94px;
}

#hellopart .thisflag {
    padding: 5px 5px 0;
}




.chgshipcountry strong span {
    display: block;
    float: left;
    margin-top: 0;
}

.chgshipcountry strong img {
  float: left;
  padding: 3px 0 0 10px;
}

/* Cart-Mini */
#cartmini {
  position: relative;
  display: block;
  float: right;
  width: 140px;
  height: 50px;
  margin: 0 0 0 20px;
  padding: 0 10px 15px 90px;
  border-left: 1px solid;
  background: no-repeat 15px 20px;
}

#cartmini sup, #cartmini sub {
  z-index: 6;
  position: absolute;
  top: -3px;
  right: 192px;
  display: block;
  padding-bottom: 0;
  background: no-repeat 4px 14px;
  padding-bottom: 6px;
  font-weight: bold;
}

#cartmini sup {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: fliph;
  filter: fliph;
}

#cartmini sup, #cartmini sup span {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  -ms-filter: fliph;
  filter: fliph;
}

#cartmini sub {
  top: -6px;
  right: auto;
  left: 46px;
  z-index: 5;
  background: no-repeat 4px -336px;
}

#cartmini sup span, #cartmini sub span {
  display: inline-block;
  padding: 0 6px;
  text-transform: uppercase;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  z-index: 6;
}

#cartmini:hover {
  text-decoration: none;
}

#cartmini strong {
  display: inline-block;
  margin-top: 22px;
}

#cartmini_details {
  display: none;
  position: absolute;
  top: 60px;
  right: 0;
  width: 420px;
  padding: 20px 0 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

#cartmini_details .wrapping_details {
  border: 1px solid;
  padding: 10px 10px 20px;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

#cartmini_details .tblMain {
  margin: 0;
}

#cartmini_details .tblMain td {
  padding: 10px;
}

#cartmini_details .tblMain tfoot {
  line-height: 24px;
}

#cartmini_details .addMargin {
  margin-top: 1px;
}

#cartmini_details:hover {
  display: block;
}

.infobar {
  /*position: absolute;
  top: 0;
  left: 0;*/
  width: 100%;
  height: 50px;
  line-height: 50px;
  z-index: 999;
  background-color: #e3e3e3;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f0f0f0), color-stop(65%, #f0f0f0), color-stop(100%, #e3e3e3));
  background: -moz-linear-gradient(top, #f0f0f0, #f0f0f0 65%, #e3e3e3 100%);
}

.infobar .wrapping {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
  font-size: 16px;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.4);
}

/*#wrapper { margin-top: 65px; }*/
.infobar, #infobar strong {
  /*color: #000;*/
}

.infobar strong {
  /* text-transform: uppercase; */
}

.infobar img {
  max-height: 20px;
}

.infobar.benefits .wrapping {
  font-size: 13px;
}

.infobar.benefits .wrapping [class^="icon-"]:before {
  font-size: 20px;
  position: relative;
  top: 3px;
}

.infobar .button {
  border: 1px solid;
  padding: 10px;
}
.infobar .button:hover {
  text-decoration: none;
}

.infobar + .infobar {
    display: none;
}

.infobar.cookiepolicy {
    height: 70px;
}
.infobar.cookiepolicy .wrapping {
    line-height: 18px;
    font-size: 13px;
    font-family: Arial, Verdana, Tahoma;
    color: #555;
    padding: 5px 0;
}


#adminpanel {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  text-align: center;
  z-index: 1000;
  background-color: #252831;
}

#adminpanel h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  margin: 10px 25px 0 0;
  color: #fff;
  line-height: 40px;
  color: #ffe3a6;
}

#adminpanel .wrapping {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
}

#adminpanel select, #adminpanel input {
  width: 100px;
  margin: 15px 0 0 0;
  border: 1px solid #ccc;
  padding-right: 4px;
}

#adminpanel .btnClick {
  float: left;
  background: #ffd735;
  color: #fff;
  margin: 15px 0 0 1px;
  padding: 3px 6px;
  color: #000;
  font-weight: bold;
  font-size: 11px;
}

#adminpanel a.lnkinl {
  display: inline-block;
  color: #fff;
  margin: 17px 0 0 15px;
  padding: 0 10px;
}

#adminpanel select:focus, #adminpanel input:focus {
  background-color: #fff5df;
}

/* Navigation */
#navigation {
  position: absolute;
  top: 80px;
  max-width: 960px;
  width: 100%;
  height: 38px;
}

#navigation ul.nav {
  position: relative;
  display: block;
  float: left;
  max-width: 960px;
  width: 100%;
  height: 40px;
  text-align: justify;
}

#navigation ul.nav li {
  position: relative;
  display: inline-block;
  margin-left: -5px;
  padding-right: 5px;
  background: no-repeat right bottom;
}

#navigation ul.nav li .subnav li {
  font-style: italic;
}

#navigation ul.nav li strong {
  font-style: normal;
}

#navigation ul.nav li a {
  position: relative;
  display: block;
  height: 40px;
  padding: 0 9px 0 9px;
  font-style: normal;
}

#navigation ul.nav li {
  position: relative;
  margin-left: -5px;
  padding-right: 5px;
  background: no-repeat right bottom;
}

#navigation ul.nav li.mainnav_werbeschilder {
  margin-left: 0;
}

#navigation ul.nav li:hover a, #navigation ul.nav li a:hover, #navigation ul.nav li.over a {
  height: 43px;
  margin-top: -4px;
  padding-top: 4px;
}

#navigation ul.nav li .subnav {
  display: none;
  float: none;
  position: absolute;
  top: 38px;
  left: 0px;
  width: 438px;
  height: auto;
  border: 1px solid;
  padding: 0 0 10px;
}

#navigation ul.nav li .subnav ul {
  float: left;
  width: 216px;
  margin-bottom: 10px;
}

#navigation ul.nav li .subnav ul li {
  display: block;
  float: none;
  margin: 0 0 4px;
  padding: 0 15px;
  height: auto;
}

#navigation ul.nav li .subnav ul li a {
  padding: 0;
}

#navigation ul.nav li .subnav div.floatleft ul {
  float: none;
}

#navigation ul.nav li .subnav .closing {
  display: none;
}

#navigation ul.nav li.mainnav_werbeschilder .subnav {
  margin-left: -1px;
}

#navigation ul.nav li.mainnav_klebefolie {
  margin-right: -1px;
}

#navigation ul.nav li.over, #navigation ul.nav li:focus, #navigation ul.nav li:hover {
  z-index: 7 !important;
}

#navigation ul.nav li.mainnav_plakate .subnav, #navigation ul.nav li.mainnav_klebefolie .subnav {
  left: auto;
  right: 0;
}

#navigation ul.nav li .subnav ul.calcbtnn {
  float: none;
  width: 438px;
  border-bottom: 1px solid;
  padding: 0;
  margin-bottom: 14px;
}

#navigation ul.nav li .subnav ul.calcbtnn li {
  margin: 0;
}

#navigation ul.nav li .subnav ul.calcbtnn a {
  padding: 22px 0 14px 35px;
  text-transform: uppercase;
}

#navigation ul.nav li .subnav ul.calcbtnn a:before {
  position: absolute;
  top: 18px;
  left: 0;
  content: '\e7be';
  display: inline-block;
  width: 24px;
  height: 20px;
  padding-top: 4px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

#navigation ul.nav li .subnav ul.calcbtnn a:hover:before {
  color: white;
}

#navigation ul.nav li.mainnav_werbeschilder .subnav, #navigation ul.nav li.mainnav_werbeschilder .subnav ul.calcbtnn {
  width: 650px;
}

#navigation li .subnav a:hover, #navigation li .subnav a:focus,
#navigation li .subnav ul.calcbtnn a:hover, #navigation li .subnav ul.calcbtnn a:focus {
  text-decoration: underline;
}

#navigation ul.nav li:hover .subnav {
  display: block;
}

#navigation ul.nav li .subnav ul li a, #navigation ul.nav li .subnav ul li a:hover, #navigation ul.nav li .subnav ul li a:focus {
  display: inline-block;
  margin: 0 !important;
  height: auto !important;
  line-height: 22px !important;
  background: none !important;
}

#navigation ul.nav li .subnav ul li {
  line-height: 22px !important;
}

#navigation ul.nav li .subnav ul.calcbtnn a,
#navigation ul.nav li .subnav ul.calcbtnn li a:hover, #navigation ul.nav li .subnav ul.calcbtnn li a:focus {
  background-repeat: no-repeat !important;
}

#navigation ul.nav li .subnav ul.calcbtnn a {
  background-position: 0 18px !important;
}

#navigation ul.nav li .subnav a.new {
  position: relative;
}

#navigation ul.nav li .subnav a.new:after {
  content: "Neu";
  text-transform: uppercase;
  position: absolute;
  top: 0px;
  right: -28px;
  color: #fff;
  padding: 2px 2px 1px;
  font-size: 10px;
  line-height: 9px;
}

#navigation ul.nav li.lastitem {
  position: relative;
  float: right;
  border-left: 1px solid #ddd;
  width: 239px;
  padding: 0;
}

#navigation ul.nav li.lastitem a {
  background-color: #F8F8F8;
  height: 38px;
  padding-left: 42px;
  background-size: 24px;
  background-position: 10px 7px;
  background-repeat: no-repeat;
}

#navigation ul.nav li.prelast {
  border-left: 1px solid #ddd;
}

#navigation ul.nav li.prelast a {
  padding-left: 19px;
  padding-right: 18px;
}

#navigation ul.nav li.prelast .subnav {
  width: 200px;
}

#navigation ul.nav li.prelast .subnav ul {
  width: 160px;
}

#navigation ul.nav li.prelast:hover, #navigation ul.nav li.prelast:focus {
  border-left: 0;
}

#navigation ul.nav li.prelast:hover a, #navigation ul.nav li.prelast:focus a {
  padding-right: 19px;
}

#navigation ul.nav li ul li a.subnav01 {
  padding-left: 42px;
  background-position: -5985px 9px;
}

#navigation ul.nav li ul li a.subnav02 {
  padding-left: 42px;
  background-position: -785px 10px;
}

#navigation ul.nav li ul li a.subnav03 {
  padding-left: 42px;
  background-position: -985px 10px;
}

#navigation ul.nav li ul li a.subnav04 {
  padding-left: 42px;
  background-position: -1188px 10px;
}

#navigation ul.nav li.lastitem div.contacts {
  display: none;
  position: absolute;
  top: -4px;
  left: -522px;
  width: 760px;
  height: 471px;
  padding: 0;
  background: #fff url(/images/ks-vertrieb.jpg);
  border: 1px solid #ddd;
}

div.contacts a {
  display: inline;
  padding: 0 !important;
  background: none !important;
  height: auto !important;
  line-height: 22px !important;
  margin: 0 !important;
}

div.contacts .box_faq {
  width: 210px;
  float: right;
  padding: 30px 0 0 30px;
}

div.contacts .box_faq ul {
  display: block !important;
  position: relative;
  top: 0;
  left: 0;
  margin: 12px 0 0 0;
  border: 0 !important;
}

div.contacts .box_faq ul li {
  border: 0 !important;
  padding: 0;
  margin-bottom: 2px;
}

#navigation ul.nav div.contacts .box_faq ul li a {
  background: none !important;
  line-height: 24px !important;
  float: none;
}

#navigation ul.nav div.contacts .box_faq ul li {
  display: block;
  float: none !important;
}

#navigation ul.nav li.mainnav_werbeschilder .subnav ul:nth-child(3) {
  width: 200px;
}

#navigation ul.nav li.mainnav_werbeschilder .subnav ul:nth-child(4) {
  width: 232px;
}

.phonenumber {
  width: 660px;
  padding: 30px 43px 0;
}

.phonenumber h3 {
  margin-bottom: 2px;
}

.phonenumber .arrowlink {
  margin-top: 2px;
}

/*#navigation ul.nav li.lastitem div.contacts { left: -262px; width: 500px; height: 435px; background-image: none; }
div.contacts .box_faq { background: #fafafa; padding-bottom: 30px }
.phonenumber {
    width: 240px;
    padding: 30px 0 0 20px;
    background: url(/images/anfahrtsskizze.jpg) no-repeat left bottom;
}

.phonenumber .floatleft {
    float: none;
    display: block;
    width: 220px;
    padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; }*/
/*,#navigation ul.nav li.lastitem ul*/
#navigation ul.nav li:hover ul, #navigation ul.nav li.lastitem:hover div.contacts {
  display: block !important;
  opacity: 1 !important;
}

/* Content */
#content {
  position: relative;
  max-width: 962px;
  padding: 148px 0 40px 0;
}

#content h1, #content h2, #content h3 {
  background-repeat: no-repeat;
}

#content h3 {
  margin-bottom: 10px;
  height: auto;
}

/*.cnt_kasse #content { padding-top: 90px; }*/
.cntContent {
  margin-top: 40px;
  position: relative;
  max-width: 960px;
}

.cnt {
  display: block;
  max-width: 960px;
  min-height: 100px;
}

.cnt.small {
  width: 710px;
}

.cntContent.newview {
  margin: 20px 0 40px;
}

/* Header */
.header {
  position: relative;
  height: 40px;
  padding: 40px;
  background: no-repeat top right;
  border-bottom: 1px solid;
  transition: height 1s;
}

.header.big {
  height: 300px;
  padding-bottom: 0;
  background-position: right 40px;
}

.header .imgCnt {
  background: no-repeat right top;
  height: 260px;
  padding-top: 30px;
  margin-top: -40px;
  margin-right: -40px;
  transition: height 1s;
}
.header .imgCnt .insideHead {
  width: calc(100% + 40px);
  height: 100%;
  margin-left: -40px;
}

.header.big .imgCnt {
  margin-left: -40px;
  margin-top: 0;
  padding-left: 40px;
}

.bigger .header.big {
  height: 600px;
  padding-bottom: 0;
  padding-top: 0;
  background-position: right 0;
}

.bigger .header.big .imgCnt {
  height: 570px;
}

.bigger.smallerstyled .header.big {
  height: 380px;
}

.bigger.smallerstyled .header.big .imgCnt {
  height: 350px;
}

.headFolien .header.big {
  padding-top: 0;
}

.headFolien .header.big .imgCnt {
  height: 300px;
}

/*.bigger.bigdisplays .header { margin-top: 40px; padding-top: 40px; }*/
.bigger.bigdisplays .header.big {
  padding-top: 0;
}

.bigger.bigdisplays .header.big .imgCnt {
  padding-top: 30px;
}

.header h1 {
  margin-left: -2px;
}

.header h2 {
  margin-bottom: 24px;
}

.header span.subline {
  margin-top: -20px;
}

.header.big.imgCnt_inner {
  height: 260px;
  background-position: right top;
}

.header.big.imgCnt_inner .imgCnt {
  margin-top: -40px;
}

.lnkHead {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  max-width: 960px;
  height: 420px;
}

.header.big.imgCnt_inner.headAngebote {
  height: 200px;
}

.header.big.headAngebote {
  height: 200px;
}

.header.start {
  height: 400px;
  margin-top: -40px;
  padding: 0;
  overflow: hidden;
  border-bottom: 0;
  text-align: center;
}

.header.start .cntAnimate {
  float: left;
  max-width: 960px;
  height: 400px;
  background: right top no-repeat;
}

/*.header.start.small .cntAnimate { height: 320px; background: right top no-repeat; }*/
.header.start .wrapAnimate {
  width: 12000px;
  height: 400px;
  background: no-repeat 710px 0;
}

.header.start .wrapAnimate .shadowcut {
  position: absolute;
  top: 0;
  left: 710px;
  width: 10px;
  height: 400px;
  background: no-repeat right 0;
  z-index: 20;
}

.header.start .cntAnimate {
  position: relative;
  z-index: 5;
  text-align: left;
}

.header.start strong {
  font-weight: 600;
}

.bigger.bigdisplays .header.headlp.big .imgCnt, .header.headlp .imgCnt {
  padding-top: 0;
}

.header .layerboxhead {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 10;
  color: #fff;
  background-color: rgba(175, 72, 130, 0.8);
  padding: 24px 20px;
}

.header .layerboxhead h2 {
  color: #fff;
}

.header .head_infobar {
  position: absolute;
  bottom: 10px;
  right: 0px;
}

.header.noneStyled {
  margin: 0 0 -20px 0;
  padding-bottom: 0;
  border: 0;
}

.cInfoBox {
  position: absolute;
  top: 149px;
  right: 1px;
  padding: 5px 10px;
  border: 1px solid;
  border-right: 0;
  border-top: 0;
}

.cInfoBox span {
  display: block;
  padding-left: 20px;
  background: no-repeat left top;
}

.cInfoBox.cBox1 {
  width: auto;
  top: auto;
  bottom: 0;
  right: 0;
}

.cInfoBox p {
  margin: 0;
  padding: 0;
}

.pPart {
  position: absolute;
  top: 40px;
  left: 20px;
  text-align: center;
}

.pHeadline, .pSubline {
  float: left;
  margin-bottom: 1px;
}

.pHeadline {
  padding: 12px 15px;
}

.pHeadline h1, .pHeadline h2 {
  margin: 0;
}

.pSubline {
  padding: 7px 15px 9px 15px;
}

/* Footer */
.cntNotice {
  display: block;
  max-width: 960px;
  margin: 20px 0 -20px;
  padding-right: 0;
  text-align: right;
}

.cntNotice a {
  text-decoration: underline;
}

#footer {
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: left;
  background: repeat-x left top;
  margin: 0;
}

.foot {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
}

.foot hr {
  margin: 20px 0;
}

.foot .floatleft {
  margin: 0 15px 0 10px;
}

.foot .floatleft a img {
  margin-top: 10px;
}

.foot .floatleft img {
  margin: 0;
}

.foot .floatleft small {
  display: block;
  text-align: left;
  margin: 0 0 10px 0;
}

.foot .floatleft .imgPos {
  display: table;
  vertical-align: middle;
}

.foot .floatright {
  margin: 0;
}

.footing2 {
  margin: 36px 0 -30px;
}

.footing2 > .foot {
  padding: 30px 0 15px;
}

.footcol {
  float: left;
  margin-right: 25px;
  margin-bottom: 35px;
}

.footcol .imgdiv {
  border: 1px solid #e7e7e7;
  padding: 0 20px;
  min-height: 90px;
  line-height: 90px;
}

.footcol .imgdiv img {
  vertical-align: middle;
}

.foot .floatleft .btnNewsletter {
  background: #ddd;
  display: inline-block;
  padding: 5px 10px;
}

.foot .floatleft .btnNewsletter:before {
  content: '\e65b';
  display: block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: #666;
  margin: 4px 0;
}

.foot .floatleft .btnNewsletter:hover:before {
  color: white;
}

.foot .floatleft {
  margin: 0 !important;
}

#footer .trustedBox {
  width: 400px;
  margin: -15px -20px 0;
  border: 0;
}

#footer .trustedBox img {
  margin-right: 20px;
}

#footer .trustedBox ul {
  width: 157px;
}

#footer .trustedBox ul li {
  margin-top: 6px;
}

#footer .trustedBox strong em {
  text-transform: uppercase;
}

#footer .col {
  margin-bottom: 0;
  padding-bottom: 0;
}

#footer .col input {
  width: 220px;
  padding: 5px 10px;
}

#footer .col .btnAction {
  float: left;
  margin: 0 0 0 10px;
  padding: 0 8px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
}

/* Layer */
.updateLayer, .layerTrans {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.loading {
  height: 36px;
  padding-left: 35px;
  background: no-repeat left center;
}

.layerTrans {
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}

.updateContainer {
  position: relative;
  display: block;
  top: 50%;
  width: 180px;
  margin: 0 auto;
  padding: 5px 15px;
  border: 2px solid;
  text-align: left;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

* + html .layerTrans {
  display: none;
}

.updateLayer.errorCnt .updateContainer {
  padding: 20px 50px 20px 15px;
  width: 320px;
}

.errorClose {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 12px;
  height: 12px;
  background: no-repeat -2800px 0;
}

.msgneut a.pdflinks {
  font-weight: bold;
  display: block;
  float: left;
  margin-top: 20px;
  padding: 0 24px;
  border-right: 1px solid #eee;
}

/* Tooltips */
.ttip, .ttip_r {
  cursor: help;
}

a.ttip, a.ttip_r {
  cursor: pointer;
}

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  padding: 4px;
  background: #ffd700;
}

#tiptip_holder.tip_top {
  padding-bottom: 4px;
}

#tiptip_holder.tip_bottom {
  padding-top: 4px;
}

#tiptip_holder.tip_right {
  padding-left: 4px;
}

#tiptip_holder.tip_left {
  padding-right: 4px;
}

#tiptip_content {
  padding: 5px 8px;
  text-align: left;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

#tiptip_arrow, #tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -10px;
  margin-left: -10px;
  border-top-color: #ffd700;
  border-top-color: #ffd700;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -10px;
  margin-left: -10px;
  border-bottom-color: #ffd700;
  border-bottom-color: #ffd700;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -10px;
  margin-left: -10px;
  border-right-color: #ffd700;
  border-right-color: #ffd700;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -10px;
  margin-left: -10px;
  border-left-color: #ffd700;
  border-left-color: #ffd700;
}

#tiptip_content hr {
  margin: 5px 0;
}

/* Webkit Hacks 
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {padding: 4px 8px 5px 8px;background-color: rgba(45,45,45,0.88);}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88);}
	#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92);}
}
 */
#countryship {
  position: absolute;
  top: -43px;
  left: 0;
  width: 100%;
  height: 42px;
  line-height: 42px;
  background: #eeeeee;
  border-bottom: 1px solid #d4d2d2;
  z-index: 20;
}

#countryship .wrapper {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  text-align: left;
}

#countryship .wrapper img {
  margin-right: 10px;
}

#countryship .wrapper .icon-close2 {
  float: right;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-top: 12px;
  font-size: 18px;
  color: #888888;
}

#countryship .wrapper .icon-close2:hover, #countryship .wrapper .icon-close2:focus {
  color: #000;
  text-decoration: none;
}

#countryship ul {
  display: none;
  padding: 6px 0;
  line-height: 24px;
  width: 140px;
  position: absolute;
  top: -11px;
  left: -7px;
}

#countryship ul img {
  margin-left: 6px;
}

#countryship ul span {
  display: inline-block;
}

#countryship.changing .thisflag {
  position: absolute;
  top: 129px;
  left: 584px;
  background: #fff;
  padding: 6px 6px 2px 6px;
}

#countryship.changing .thisflag img {
  margin-right: 0;
}

#countryship.changing .thisflag ul {
  top: -5px;
  left: -1px;
}

#countryship.changing .thisflag ul img {
  margin-right: 10px;
}

table #countryships {
  display: inline-block;
  margin-right: 4px;
}

table #countryships .shadow {
  margin: 0;
  padding: 4px;
}

table #countryships .thisflag {
  position: relative;
  line-height: 0 !important;
}

table #countryships .thisflag ul {
  position: absolute;
  z-index: 11;
  top: -7px;
  left: -5px;
  padding: 6px 0 12px 8px;
  width: 140px;
  text-align: left;
  margin-bottom: -12px;
}

table #countryships .thisflag ul li {
  position: relative;
  display: block;
  line-height: 16px;
  margin-bottom: 12px;
  /*margin-right: 8px;*/
}

table #countryships .thisflag ul li a span {
  display: inline-block;
  margin-left: 5px;
}

table #countryships .thisflag ul li a:hover, table #countryships .thisflag ul li a.over {
  opacity: 0.6;
}

table #countryships .thisflag ul li a.icon_pickup {
  display: inline-block;
  min-height: 18px;
  background-position: 0 0;
  padding-left: 22px;
}

table #countryships.bigone .thisflag ul {
  width: 260px;
  max-height: 400px;
  overflow-y: scroll;
}

.arrowToTop {
  position: fixed;
  bottom: 10px;
  left: 50%;
  margin-left: 510px;
  display: block;
  font-size: 25px;
  opacity: 0.5;
  z-index: 1001;
}

.arrowToTop:hover {
  opacity: 1;
}

/* Loading */
.cssloader {
  width: 20px;
  height: 20px;
  position: relative;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #555;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.cssloader .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 {
  top: 0;
  left: 0;
}

.circle2 {
  top: 0;
  right: 0;
}

.circle3 {
  right: 0;
  bottom: 0;
}

.circle4 {
  left: 0;
  bottom: 0;
}

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* Kalkulator */
.header.calc {
  height: 136px;
}

/* Kalkulator */
.wrapCalc {
  position: relative;
  float: left;
}

.wrapCalc em {
  display: block;
  margin: 10px 0 -32px 0;
}

.wrapCalc .icon-close2 {
  display: block;
  float: left;
  width: 20px;
  height: 15px;
  margin: 34px 2px 0 -5px;
  cursor: e-resize;
}

.wrapCalc .icon-close2:before {
  font-size: 1.5em;
}

.wrapCalc .lnkAction {
  margin-top: 7px;
}

.wrapCalc .icons.iconStdFormat {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  margin: 26px 10px 0 0;
  border: 1px solid;
}

.wrapCalc .icons.iconStdFormat, .wrapCalc .icons.iconStdFormat.disabled:hover {
  background-position: center 10px;
}

.wrapCalc .icons.iconStdFormat:hover, .wrapCalc .icons.iconStdFormat.over {
  background-position: center -29px;
}

.cols.calcColumn {
  margin-bottom: 0;
}

.wrapCalc .lblInfo {
  position: absolute;
  top: 23px;
  left: 319px;
  padding-left: 6px;
  background: 0 0 no-repeat;
}

.wrapCalc .lblInfo strong {
  display: block;
  border: 1px solid;
  border-left: 0;
  padding: 7px 15px;
  font-weight: normal;
  white-space: nowrap;
}

.cntExtras label {
  position: relative;
}

.cntExtras .lblInfo {
  position: relative;
  float: right;
  margin-top: -38px;
  padding-left: 6px;
  background: 0 0 no-repeat;
}

.cntExtras .lblInfo strong {
  font-style: italic;
  display: block;
  border: 1px solid #e3e3e3;
  background-color: #f0f0f0;
  color: #9e9e9e;
  width: 80px;
  line-height: 26px;
  border-left: 0;
  padding: 0px 6px;
  font-weight: normal;
  white-space: nowrap;
}

.listCalc li .cntExtras .lblInfo strong {
  margin: 0;
}

.cntExtras .lblInfo {
  background-position: 0 -406px;
}

.cntExtras u {
  text-decoration: none;
}

#tooltips {
  position: absolute;
  overflow: hidden;
  top: -100px;
}

#tooltips .cntdiv {
  width: 370px;
}

#tooltips.calcCol1 {
  left: 240px;
}

#tooltips.calcCol2 {
  left: 470px;
}

#tooltips.calcCol3 {
  left: 113px;
}

#tooltips.calcCol4 {
  left: 343px;
}

#tooltips .imgC {
  position: relative;
  height: 150px;
  overflow: hidden;
}

#tooltips .imgC img {
  position: absolute;
  bottom: 0;
  left: 0;
}

#tooltips h2 {
  margin: 20px 0 10px 20px;
}

#tooltips p {
  margin: 0;
  padding: 0 20px;
  background: no-repeat left bottom;
}

#tooltips p img {
  float: right;
  margin: -10px 0 20px 15px;
}

#tooltips .cntdiv.displayC {
  width: 520px;
  background: no-repeat left bottom;
}

#tooltips .cntdiv.displayC p {
  padding: 0 0 20px 20px;
  background: none;
}

.customTooltip {
  position: absolute;
  padding: 25px 20px;
  background: no-repeat;
  text-align: left;
}

.customTooltip.imprint {
  width: 400px;
}

.customTooltip.shadow {
  border: 0;
}

.wrapPrices {
  float: right;
  margin: -108px 0 -45px 0;
  height: 200px;
}

.colCalc {
  float: left;
  padding-right: 10px;
  font-weight: bold;
}

.colCalc.colS {
  padding-right: 0;
}

.colCalc label {
  display: block;
  margin-bottom: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.colCalc input {
  margin-right: 10px;
  width: 60px;
  text-align: center;
}

.colCalc span {
  display: block;
  padding-top: 29px;
}

.lnkCalcUpdate {
  display: block;
  float: left;
  margin: 27px 0 0 10px;
  width: 28px;
  height: 28px;
  background: 0 0 no-repeat;
}

/* Standard-Formate */
#stdformate {
  float: left;
}

/* Kalkulator */
.listCalc {
  display: block;
  float: left;
  width: 190px;
  margin: 0 10px 15px 0;
  padding: 0;
  list-style: none;
}

.listCalc li {
  display: block;
  position: relative;
  border: 1px solid;
  border-top: 0;
  background-repeat: no-repeat;
}

.listCalc li.lastitem {
  padding-bottom: 10px;
}

.listCalc li span, .listCalc li em {
  display: block;
  padding-left: 10px;
}

.listCalc li.firstitem span {
  padding-top: 1px;
}

.listCalc li.headline {
  margin: 0 0 -5px -5px;
  padding-bottom: 5px;
  background: left bottom no-repeat;
  border: 0;
  height: 45px;
}

.listCalc li.headline h3 {
  display: block;
  padding-left: 12px;
}

.listCalc li.headline h3:before {
  font-size: 1.3em;
  color: #ababab;
  vertical-align: sub;
}

.listCalc li a, .listCalc li:hover a, .listCalc li a.over {
  display: block;
  text-decoration: none;
  background: no-repeat left bottom;
}

.listCalc li:hover a, .listCalc li a.over {
  margin: -1px -1px -6px -6px;
  padding-bottom: 5px;
}

.listCalc li a.over span, .listCalc li:hover a span {
  padding: 0 0 1px 16px;
  border-top: 1px solid;
}

.listCalc li.firstitem:hover a, .listCalc li.firstitem a.over {
  margin-top: 0;
}

.listCalc li.firstitem:hover a span, .listCalc li.firstitem a.over span {
  padding-top: 0;
}

.listCalc li a acronym {
  position: absolute;
  top: 0px;
  right: 0;
  width: 30px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center -34px !important;
  border: none;
}

.listCalc li a:hover acronym, .listCalc li a.over acronym {
  background-position: center 10px !important;
}

.listCalc li:hover a acronym, .listCalc li a.over acronym {
  background-position: 10px 7px;
  top: 1px;
}

.listCalc li acronym span {
  display: none;
}

.listCalc li .cntExtras {
  margin-top: 1px;
  padding: 10px;
}

.listCalc li .cntExtras strong {
  display: block;
  margin-top: -5px;
}

.listCalc li .cntExtras input.txtField, .listCalc li .cntExtras select.txtField {
  margin-bottom: 10px;
}

.listCalc li .cntExtras .cntChkRad input, .listCalc li .cntExtras .cntChkRad1 input, .listCalc .cntChkRadRow input {
  margin-right: 5px;
}

.listCalc li .cntExtras .cntChkRad label, .listCalc li .cntExtras .cntChkRad1 label, .listCalc .cntChkRadRow label {
  font-weight: normal;
  margin-right: 10px;
}

.listCalc li .cntExtras .cntChkRad1 input {
  float: left;
  margin-top: 5px;
}

.listCalc li .cntExtras .cntChkRad1 label {
  float: left;
  width: 130px;
}

.listCalc li .cntExtras .txtField {
  float: none;
  width: 166px;
}

.listCalc li.lastitem .cntExtras {
  margin-bottom: -10px;
  padding-bottom: 20px;
}

.listCalc li a.btnInherit, .listCalc li:hover a.btnInherit {
  float: left;
  background: none;
  margin: 10px 0;
  padding: 0 10px;
  height: 26px;
  border: 1px solid;
}

/* Details-Link */
.lnkMoreAction {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 44px;
  text-align: center;
  padding: 10px 6px 0;
}

.lnkMoreAction:hover {
  text-decoration: none;
}

/* Tabs */
.chgCountry {
  position: relative;
  float: right;
  margin: 6px -5px 0 0;
  height: 16px;
}

.chgCountry li {
  float: left;
  margin-left: 8px;
}

.chgCountry li.over {
  display: block;
}

.chgCountry li a {
  display: block;
  width: 17px;
  height: 13px;
  background: no-repeat 0 0;
}

* + html .chgCountry li {
  margin-left: 6px;
}

.chgCountry li a.d {
  background-image: url(/images/icons/flag_d_s.png);
}

.chgCountry li a.at {
  background-image: url(/images/icons/flag_at_s.png);
}

.chgCountry li a.ch {
  background-image: url(/images/icons/flag_ch_s.png);
}

.chgCountry li a.be {
  background-image: url(/images/icons/flag_benelux_s.png);
}

.chgCountry:hover {
  border-color: #eee;
}

.chgCountry:hover li {
  display: block;
  background-color: #fff;
  border-color: #eee;
}

.theseshipinfo {
  padding-top: 3px;
}

.theseshipinfo .second {
  width: px;
}

.flagginglist {
  position: relative;
  z-index: 100;
  display: block;
  float: left;
  background: #fff url(/images/icons/arrows.gif) no-repeat 30px -92px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.flagginglist li {
  display: none;
  margin: 3px 0;
}

.flagginglist li.over, .flagginglist.hoverd li {
  display: block;
}

.flagginglist.hoverd li {
  margin-bottom: 6px;
}

.flagginglist li a:hover, .flagginglist li a:focus {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

#content .calcColumn h3 {
  font-size: 15px;
  text-transform: uppercase;
}

#content .preisbox.neu h2, .preisbox.neu h3 {
  font-weight: normal;
}

.wrapPrices {
  margin-right: -40px;
}

.header.calc.neu {
  height: 151px;
}

.flagginglist {
  position: absolute;
  width: 205px;
  background-position: 190px -91px;
}

.flagginglist img {
  margin-right: 8px;
}

.flagginglist li {
  border-bottom: 1px solid #fff;
  margin: 0;
  padding: 3px;
}

.flagginglist.hoverd li {
  margin-bottom: 0;
  border-color: #ddd;
}

.flagginglist.hoverd li.over {
  background-color: #f4f4f4;
}

.flagginglist li a {
  display: block;
}

.lright label {
  float: left;
  display: block;
  font-weight: normal;
}

.lright input[type=radio] {
  float: left;
  display: block;
  margin: 4px 10px 0;
}

.slineCalc p {
  margin-bottom: 8px;
}

.cornerPrices2 {
  background-image: none !important;
}

/* V3 */
/*.cartview {
    position: absolute;
    top: -8px; right: 9px;
    width: 352px;
    background: url(/images/pricebox.png) no-repeat;
}
.cartview .inner {
    background: url(/images/pricebox_lines.gif) repeat-x;
    padding-top: 10px;
    line-height: 30px;
}

.cartview div.first, .cartview div.last {
    float: left;
    padding: 20px 0 4px 0;
    height: 231px;
    text-align: right;
}
.cartview div.first {
    width: 195px;
}
.cartview div.last {
    padding-right:30px;
    width: 125px;
}

.cartview h3 { margin-top: 10px; }*/
.header.calc.neu {
  height: 99px;
}

.colAmount {
  margin-right: 10px;
}

.wrapCalc .maths {
  float: left;
  margin-left: 15px;
}

.wrapCalc .btnAction.btnAddPrice {
  margin: 17px 0 0;
}

.wrapCalc {
  width: 880px;
}

.colCalc input {
  border: 1px solid #ccc;
  padding: 5px 6px;
  width: 50px;
}

.colCalc.colS input {
  width: 60px;
}

.colCalc span {
  padding-top: 33px;
}

.wrapCalc .iconRemove {
  margin-top: 36px;
}

.icons span {
  display: none;
}

.colShipping {
  margin-left: 20px;
}

.colCalc.colShipping input {
  float: left;
  width: auto;
  margin: 3px 6px 0 0;
}

.colCalc input[disabled] {
  background-color: #f5f5f5;
}

.colShipping .itmsL {
  padding-top: 0px;
}

.colShipping .itmsL label {
  display: block;
  float: left;
  text-transform: none;
  font-weight: normal;
  margin-right: 15px;
  line-height: 18px;
  padding: 7px 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.colShipping .itmsL label em {
  margin: 0;
}

.maths small em {
  display: inline;
}

.wrapCalc .lblInfo {
  top: 25px;
  left: 310px;
}

#oversize {
  padding-top: 4px;
  min-width: 280px;
  font-weight: normal;
}

.colCalc input[type=text], .colShipping .itmsL label {
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
}

.zlnks {
  display: block;
  width: 160px;
  height: 35px;
  padding: 0 15px;
  line-height: 35px;
  color: #fff;
  text-transform: uppercase;
}

.zlnks.bigs {
  height: 45px;
  line-height: 45px;
}

.zlnks:hover, .zlnks:focus {
  color: #fff;
  text-decoration: none;
}

/* Calcmodule */
/* Landing-Pages */
.header .loadcalculatorinfo .cssloader {
    display: inline-block;
    margin-right: 10px;
}
.header .loadcalculatorinfo {
    text-align:center;
}

.bigdisplays .header .loadcalculatorinfo {
    margin-left: 20px;
    text-align: left;
}

.header.headlp {
    padding-top: 0;
}

.header.headlp, .header.headlp .imgCnt {
  height: 600px;
}

.header.loadcalc_clickfirst, .header.loadcalc_clickfirst .imgCnt {
  height: 360px;
}

.addfontsize h2, .addfontsize h3 {
  font-weight: normal;
}

.addfontsize h4 {
  font-weight: 600;
}

.calcmodule {
  position: absolute;
  top: 180px;
  right: 40px;
  width: 440px;
}

.calcmodule span {
  float: left;
  padding: 6px 20px 0 0;
}

.calcmodule strong {
  width: 110px;
  float: left;
  padding: 7px 10px 0 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: right;
}

.calcmodule input[type=text], .calcmodule ul.clklist {
  float: left;
  margin: 0 10px 15px 10px;
  width: 220px;
  padding: 4px 6px;
  border: 1px solid #ccc;
}

.calcmodule abbr {
  float: left;
  margin: 4px 0 0 10px;
  font-weight: bold;
  font-style: italic;
}

.calcmodule .icon-close2:before {
  font-size: 1.5em;
}

.calcmodule .icon-close2 {
  margin: 0 -16px 0 -5px;
  cursor: e-resize;
}

.calcmodule .super {
  margin: 0;
  padding: 0;
  color: white;
}

.calcmodule .super:before {
  content: attr("data-super");
  color: #555;
}

.calcmodule .pinfos {
  float: left;
  padding: 6px 0 0 20px;
}

.calcmodule .pinfos .loading {
  margin-top: -5px;
  font-size: 12px;
}

.bigdisplays .calcmodule .pinfos .cssloader {
  margin-top: 5px;
}

.calcmodule .cntChkRad {
  display: inline-block;
  margin: 0 7px 0 0;
  padding: 6px 6px 5px;
  background: white;
  color: #666;
  border: 1px solid #ccc;
}

.calcmodule .cntChkRad:last-child {
  margin: 0;
}

.calcmodule .cntChkRad input {
  width: auto;
  margin: 3px 6px 0 0;
}

.calcmodule .lieferoptionen div {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 15px;
}

.calcmodule .calctitle {
  padding: 0 40px;
}

.btnAction.btnAddPrice {
  float: none;
  display: inline-block;
  border: 1px solid;
  margin: -1px 0 0 -1px;
  margin: 20px 0 0 250px;
}

.btnAction.btnAddPrice {
  border-color: #ffa000;
  background-image: none;
  background-color: #ffba00;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd700), color-stop(55%, #ffba00), color-stop(85%, #ffa000), color-stop(100%, #ffba00));
  background: -moz-linear-gradient(top, #ffd700, #ffba00 55%, #ffa000 85%, #ffba00 100%);
}

.btnAction.btnAddPrice {
  margin: 0;
  padding: 0 0 0 10px;
  height: 52px;
  line-height: 26px;
  font-size: 26px;
  font-weight: normal;
  background-image: none;
}

.btnAction.btnAddPrice small {
  display: block;
  font-size: 14px;
}

.btnAction.btnAddPrice div.pppp {
  display: block;
  height: 48px;
  margin: -1px;
  padding: 6px 54px 0 0;
  background: url(/images/icons/btn2cart_withprice.png) no-repeat right -54px;
}

.btnAction.btnAddCalc div.pppp {
  background-image: url(/images/icons/btn2calc.png);
}

.btnAction.btnAddPrice:hover div.pppp {
  background-position: right 0;
}

.calcmodule input[type=text], .calcmodule ul.clklist, .calcmodule ul.clklist ul, .calcmodule .lieferoptionen .cntChkRad {
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
}

.calcmodule ul.clklist {
  position: relative;
  float: left;
  width: 258px;
  padding: 0;
}

/*.calcmodule ul.clklist li { border-top: 1px solid #eee; padding-left: 0; background: #fff url(/images/droparrow.gif) no-repeat right center; }*/
.calcmodule ul.clklist li {
  border-top: 1px solid #eee;
  padding-left: 0;
  background: #fff;
}

.calcmodule ul.clklist li:before {
  position: absolute;
  top: 9px;
  right: 2px;
  content: '\e62a';
  display: inline-block;
  width: 16px;
  height: 16px;
}




.calcmodule ul.clklist li ul li:before {
  content: '';
}

.calcmodule ul.clklist li ul {
  display: none;
  position: absolute;
  top: 31px;
  left: -1px;
  width: 258px;
  background: #fff;
  z-index: 500;
  border: 1px solid #e9e9e9;
  max-height: 217px;
  overflow-x: hidden;
}

.calcmodule ul.clklist li:hover, .calcmodule ul.clklist li:focus, .calcmodule ul.clklist li a.active {
  background-color: #f4f4f4;
}

.calcmodule ul.clklist li:hover ul li, .calcmodule ul.clklist li:focus ul li {
  background-color: #fff;
}

.calcmodule ul.clklist li:hover ul li:hover {
  background-color: #f4f4f4;
}

.calcmodule ul.clklist a {
  display: block;
  padding: 4px 6px;
}

.calcmodule ul.clklist li:before, #content .calcmodule ul.clklist a {
  color: #666;
}

.calcmodule ul.clklist li:before {
  pointer-events: none;
}

.calcmodule input[type=text], .calcmodule ul.clklist {
  margin-bottom: 10px;
}

/*.calcmodule ul.clklist.list_options {
    margin-bottom: 5px;
    margin-top: 2px;
    box-shadow: 0 !important;
}
.calcmodule ul.clklist.list_options {
    border: 0;
}
.calcmodule ul.clklist.list_options > li {
    border: 0;
    background: transparent;
    overflow: hidden;
}
.calcmodule ul.clklist.list_options > li > a {
    padding-left: 0;
    width: 600px;
}
.calcmodule ul.clklist.list_options > li a:after {
    content: '';
    width: 60%;
    height: 1px;
    background: rgba(255,255,255,.2);
    position: relative;
    top: -4px;
    left: 10px;
    display: inline-block;
}

#content .calcmodule ul.clklist.list_options a {
    color: white;
}


.ptShips { margin-top: 10px; }*/
.actionclick {
  position: absolute;
  bottom: 408px;
  left: 40px;
  z-index: 10;
  color: #222;
}

.actionclick li {
  float: left;
  display: inline-block;
}

#content .actionclick li h3 {
  margin: 0;
}

.actionclick ul li {
  margin: 12px 0 0;
  display: block;
  height: 448px;
  padding-left: 15px;
}

.actionclick ul li span {
  display: block;
  height: 48px;
  padding-left: 14px;
  border-left: 1px solid #ddd;
  color: #555;
}

.actionclick.list_materials {
  left: 50px;
  bottom: 30px;
}

.actionclick.list_materials ul li a {
  display: block;
  height: 448px;
}

.actionclick.list_materials ul li.itm1 {
  width: 162px;
}

.actionclick.list_materials ul li.itm2 {
  width: 155px;
}

.actionclick.list_materials ul li.itm3 {
  width: 145px;
}

.actionclick.list_materials ul li.itm4 {
  width: 135px;
}

.actionclick.list_materials ul li.itm5 {
  width: 270px;
}

.actionclick.list_materials ul li.itm2 span {
  padding-bottom: 5px;
}

.actionclick.list_materials ul li.itm3 span {
  padding-bottom: 12px;
}

.actionclick.list_materials ul li.itm4 span {
  padding-bottom: 16px;
}

.actionclick.list_materials ul li.itm5 span {
  padding-bottom: 22px;
}

.actionclick.list_abstandshalter {
  left: 500px;
  bottom: 40px;
}

.actionclick.list_abstandshalter ul li a {
  height: auto;
  width: 97px;
  height: 220px;
}

.bigdisplays .calcmodule {
  right: auto;
  left: 20px;
  top: 85px;
}

.bigdisplays .calcmodule strong {
  width: 100px;
  padding-left: 0;
  letter-spacing: 1px;
  font-size: 12px;
}

.bigdisplays .calcmodule .pinfos {
  padding: 0 0 0 15px;
}

.bigdisplays .calcmodule .pinfos strong {
  width: auto;
}

.calcmodule ul.clklist li {
  padding-left: 0;
}

.calcmodule ul.clklist li a {
  padding-left: 14px;
}

.bigdisplays .calcmodule .pinfos .loading {
  margin-top: 0;
}

.bigdisplays .calcmodule .math {
  padding-top: 45px;
}

.bigdisplays .calcmodule .math ul, .bigdisplays .calcmodule .math #tiptip_holder {
  font-size: 13px;
}

.bigdisplays .calcmodule .math li {
  float: left;
  font-weight: bold;
  margin-right: 16px;
}

.bigdisplays .calcmodule .math li a {
  display: block;
  padding-left: 22px;
  background: url(/images/icons/chk_dots.png) no-repeat 0 5px;
}

/*.calcmodule .pinfos, .calcmodule .math { width: auto; }*/
.addspaces {
  position: relative;
  padding-top: 10px;
  width: auto;
}

.addspaces .btnAction {
  position: absolute;
  top: 0;
}

.calcmodule .oversize {
  padding: 0 0 10px 110px;
}

.lblInfoBox {
  position: absolute;
  top: -3px;
  left: 360px;
  padding-left: 6px;
  background: 0 0 no-repeat;
  z-index: 502;
}

.lblInfoBox strong {
  display: block;
  border: 1px solid;
  border-left: 0;
  padding: 7px 15px;
  font-weight: normal;
  white-space: nowrap;
}

.calcmodule .lblInfoBox strong {
  text-transform: none;
  letter-spacing: 0;
  float: none;
  width: auto;
  text-align: left;
  display: block;
  border-left: 0;
  padding: 7px 15px;
  font-weight: normal;
  white-space: nowrap;
}

.calc_right .lblInfoBox {
  left: auto;
  right: 260px;
  background-position: right 0;
  padding-left: 0;
  padding-right: 6px;
  top: 22px;
}

.calc_right .lblInfoBox strong {
  border: 1px solid;
  border-right: 0;
}

.calc_right .calcmodule {
  right: 0;
  top: 0;
  height: 550px;
  padding: 25px 20px 25px 0;
}

.calc_right .calcmodule .math {
  padding-top: 45px;
}

.is_pig {
  /*width: 20px;*/
  height: 20px;
  /*background: url(/images/pig.png) no-repeat right top;*/
  margin: -48px -35px 0 0;
  float: right;
  box-shadow: none;
}

.is_pig:before {
  font-size: 0.8em;
}

.calcmodule ul.clklist.liInputs {
  width: 278px;
}

.calcmodule ul.clklist.liInputs
, .calcmodule ul.clklist.liInputs li {
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  padding: 0;
}

.calcmodule ul.clklist.liInputs:before
, .calcmodule ul.clklist.liInputs li:before {
  content: '';
}

.calcmodule ul.clklist.liInputs li input {
  margin: 0;
}

label.txtLblInfo {
  float: left;
  position: relative;
  display: inline-block;
  height: 32px;
}

label.txtLblInfo .inner {
  position: absolute;
  bottom: 1px;
  right: 1px;
  padding-left: 6px;
  background: 0 0 no-repeat;
}

label.txtLblInfo .inner strong {
  font-style: italic;
  display: block;
  border: 0;
  background-color: #f0f0f0;
  color: #9e9e9e;
  width: 24px !important;
  line-height: 26px;
  border-left: 0;
  padding: 2px 6px;
  font-weight: normal;
  white-space: nowrap;
  text-transform: none;
}

label.txtLblInfo .inner {
  background-position: 0 -406px;
}

.calcmodule label.txtLblInfo input {
  width: 246px;
}

.txtItsSmall {
  width: 133px;
}

.calcmodule label.txtLblInfo.txtItsSmall input {
  width: 113px;
}

label.txtItsSmall.txtLblInfo .inner {
  right: 7px;
}

label.txtLblInfo {
  opacity: 0.6;
}

.clklist li:hover label.txtLblInfo, .clklist li.ison label.txtLblInfo {
  opacity: 1;
}

#stdformate {
  display: block;
  position: relative;
  margin: 17px -26px 0 82px;
  /*position: absolute;
    top: 18px;
    right: 59px;
    padding-left: 10px;
    z-index: 501;*/
}

#stdformate:before {
  display: block;
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin: -22px 0 0 -75px;
  padding: 10px 14px;
  border: 1px solid transparent;
  border-bottom: 0;
}

#stdformate:after {
  position: absolute;
  top: 22px;
  left: -74px;
  content: "";
  display: block;
  background: transparent;
  width: 52px;
  height: 1px;
  z-index: 505;
}

#stdformate:hover:before, #stdformate:focus:before
, #stdformate:hover:after, #stdformate:focus:after {
  background: #fff;
  border-color: #ccc;
}

#stdformate:hover div, #stdformate:focus div {
  display: block !important;
}

#stdformate div {
  position: absolute;
  z-index: 501;
  display: none;
  background: #fff;
  width: 286px;
  border: 1px solid #ccc;
  margin-left: -75px;
  margin-top: -1px;
  max-height: 427px;
  overflow-x: hidden;
}

/*#stdformate div:before {
    content: "Standard-Formate";
    letter-spacing: 1px;
    display: block;
    padding-left: 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 36px;
}*/
#stdformate ul {
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1) !important;
  margin-bottom: -1px;
}

#stdformate li {
  border-bottom: 1px solid #ccc;
}

#stdformate li strong {
  float: none;
  width: auto;
  padding: 0;
  letter-spacing: 0;
  text-transform: none;
}

#stdformate li a {
  display: block;
  padding: 8px 10px;
  background-color: #fff;
}

#content #stdformate ul li a {
  color: #666;
}

#stdformate li a:not([data-label=""]):after {
  content: attr(data-label);
  display: inline-block;
  float: right;
  color: #858585;
}

#stdformate li a:hover, #stdformate li a:focus {
  background-color: #F5F5F5;
}

.calc_right #stdformate {
  /*top: 40px;*/
  margin-left: 40px;
  margin-right: 0;
}

.calc_right #stdformate:before {
  margin-left: -36px;
}

.calc_right #stdformate div {
  margin-left: -36px;
}

.calc_right #stdformate:after {
  left: -35px;
}

/* Viewbox */
.viewbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 30;
}

/* Fancybox */
div#fancy_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 30;
}

div#fancy_loading {
  position: absolute;
  height: 20px;
  width: 20px;
  padding: 15px;
  cursor: pointer;
  display: none;
  overflow: hidden;
  background: transparent url("/images/fancybox/fancy_progress_back.png") center center no-repeat;
  z-index: 100;
}

div#fancy_loading div {
  width: 20px;
  height: 20px;
  background: transparent url("/images/loading.gif") no-repeat;
}

div#fancy_outer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  padding: 20px 20px 40px 20px;
  margin: 0;
  background: transparent;
  display: none;
}

div#fancy_inner {
  position: relative;
  width: 100%;
  height: 100%;
  background: #FFF;
}

div#fancy_content {
  margin: 0;
  z-index: 100;
  position: absolute;
  cursor: pointer;
}

div#fancy_div {
  background: #000;
  color: #FFF;
  height: 100%;
  width: 100%;
  z-index: 100;
}

img#fancy_img {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
}

div#fancy_close {
  position: absolute;
  top: -23px;
  right: -23px;
  height: 47px;
  width: 47px;
  background: url("/images/fancybox/fancy_closebox.png") top left no-repeat;
  cursor: pointer;
  z-index: 181;
  display: none;
}

#fancy_frame {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}

#fancy_ajax {
  width: 100%;
  height: 100%;
  overflow: auto;
}

a#fancy_left, a#fancy_right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  z-index: 111;
  display: none;
  background-image: url("data:image/gif;base64,AAAA");
  outline: none;
  overflow: hidden;
}

a#fancy_left {
  left: 0px;
}

a#fancy_right {
  right: 0px;
}

span.fancy_ico {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 47px;
  height: 47px;
  z-index: 112;
  cursor: pointer;
  display: block;
}

span#fancy_left_ico {
  left: -9999px;
  background: transparent url("/images/fancybox/fancy_left.png") no-repeat;
}

span#fancy_right_ico {
  right: -9999px;
  background: transparent url("/images/fancybox/fancy_right.png") no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover, a#fancy_left:focus, a#fancy_right:focus {
  visibility: visible;
  background-color: transparent;
}

a#fancy_left:hover span, a#fancy_left:focus span {
  left: 20px;
}

a#fancy_right:hover span, a#fancy_right:focus span {
  right: 20px;
}

#fancy_bigIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

div#fancy_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 70;
  border: 0;
  padding: 0;
  margin: 0;
}

div.fancy_bg {
  position: absolute;
  display: block;
  z-index: 70;
  border: 0;
  padding: 0;
  margin: 0;
}

div#fancy_bg_n {
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent url("/images/fancybox/fancy_shadow_n.png") repeat-x;
}

div#fancy_bg_ne {
  top: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url("/images/fancybox/fancy_shadow_ne.png") no-repeat;
}

div#fancy_bg_e {
  right: -20px;
  height: 100%;
  width: 20px;
  background: transparent url("/images/fancybox/fancy_shadow_e.png") repeat-y;
}

div#fancy_bg_se {
  bottom: -20px;
  right: -20px;
  width: 20px;
  height: 20px;
  background: transparent url("/images/fancybox/fancy_shadow_se.png") no-repeat;
}

div#fancy_bg_s {
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: transparent url("/images/fancybox/fancy_shadow_s.png") repeat-x;
}

div#fancy_bg_sw {
  bottom: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url("/images/fancybox/fancy_shadow_sw.png") no-repeat;
}

div#fancy_bg_w {
  left: -20px;
  height: 100%;
  width: 20px;
  background: transparent url("/images/fancybox/fancy_shadow_w.png") repeat-y;
}

div#fancy_bg_nw {
  top: -20px;
  left: -20px;
  width: 20px;
  height: 20px;
  background: transparent url("/images/fancybox/fancy_shadow_nw.png") no-repeat;
}

div#fancy_title {
  position: absolute;
  z-index: 100;
  display: none;
}

div#fancy_title div {
  color: #FFF;
  font: bold 12px Arial;
  padding-bottom: 3px;
  white-space: nowrap;
}

div#fancy_title table {
  margin: 0 auto;
}

div#fancy_title table td {
  padding: 0;
  vertical-align: middle;
}

td#fancy_title_left {
  height: 32px;
  width: 15px;
  background: transparent url("/images/fancybox/fancy_title_left.png") repeat-x;
}

td#fancy_title_main {
  height: 32px;
  background: transparent url("/images/fancybox/fancy_title_main.png") repeat-x;
}

td#fancy_title_right {
  height: 32px;
  width: 15px;
  background: transparent url("/images/fancybox/fancy_title_right.png") repeat-x;
}

#chat {
  position: fixed;
  right: 20px;
  bottom: 0;
  width: 320px;
  z-index: 2147483650;
}

#chat > a {
  display: block;
  float: right;
  line-height: 36px;
  width: 180px;
  color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-top: -36px;
}

#chat .inner {
  display: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: white;
  padding: 20px;
  width: 280px;
}

#chat .inner input, #chat .inner textarea {
  margin-bottom: 15px;
  resize: none;
}

#chat.expanded .inner {
  display: block;
}

.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  height: 100%;
}

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99993;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility 0s linear .25s;
  box-sizing: border-box;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s, visibility 0s;
}

.fancybox-infobar {
  top: 0;
  left: 50%;
  margin-left: -79px;
}

.fancybox-infobar__body {
  display: inline-block;
  width: 70px;
  line-height: 44px;
  font-size: 13px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align: center;
  color: #ddd;
  background-color: rgba(30, 30, 30, 0.7);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
}

.fancybox-toolbar {
  top: 0;
  right: 0;
}

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
  z-index: 99994;
  -webkit-transform: translate3d(0, 0, 0);
}

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: visible;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000;
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF;
}

.fancybox-slide--next {
  z-index: 99995;
}

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-image-wrap img {
  background: white;
}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff;
}

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default;
}

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  z-index: 10;
  cursor: pointer;
}

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background: #fff;
  transition: background .25s;
  box-sizing: border-box;
  z-index: 2;
}

.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee;
}

.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px;
}

.fancybox-slide--iframe .fancybox-close-small:after {
  background: transparent;
  font-size: 35px;
  color: #aaa;
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
}

/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 30px 0 30px;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
}

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

/* Buttons */
.fancybox-button {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: transparent;
  color: #ddd;
  border-radius: 0;
  cursor: pointer;
  vertical-align: top;
  outline: none;
}

.fancybox-button[disabled] {
  cursor: default;
  pointer-events: none;
}

.fancybox-infobar__body, .fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover:not([disabled]) {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button::before,
.fancybox-button::after {
  content: '';
  pointer-events: none;
  position: absolute;
  background-color: currentColor;
  color: currentColor;
  opacity: 0.9;
  box-sizing: border-box;
  display: inline-block;
}

.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
  opacity: 0.3;
}

.fancybox-button--left::after,
.fancybox-button--right::after {
  top: 18px;
  width: 6px;
  height: 6px;
  background: transparent;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
}

.fancybox-button--left::after {
  left: 20px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.fancybox-button--right::after {
  right: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close::before, .fancybox-button--close::after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 16px;
  top: calc(50% - 1px);
  left: calc(50% - 8px);
}

.fancybox-button--close::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fancybox-button--close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Navigation arrows */
.fancybox-arrow {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  height: 100px;
  width: 54px;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  cursor: pointer;
  z-index: 99995;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity .25s;
}

.fancybox-arrow::after {
  content: '';
  position: absolute;
  top: 28px;
  width: 44px;
  height: 44px;
  background-color: rgba(30, 30, 30, 0.8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px 24px;
}

.fancybox-arrow--right {
  right: 0;
}

.fancybox-arrow--left {
  left: 0;
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
  left: 0;
}

.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6;
}

.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3;
}

/* Loading indicator */
.fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1;
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1;
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-infobar {
    left: 0;
    margin-left: 0;
  }
  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important;
  }
  .fancybox-caption {
    padding: 20px 0;
    margin: 0;
  }
}

/* Fullscreen  */
.fancybox-button--fullscreen::before {
  width: 15px;
  height: 11px;
  left: calc(50% - 7px);
  top: calc(50% - 6px);
  border: 2px solid;
  background: none;
}

/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
  top: calc(50% - 6px);
  left: calc(50% - 4px);
  background: transparent;
}

.fancybox-button--play::before {
  width: 0;
  height: 0;
  border-top: 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
}

.fancybox-button--pause::before {
  width: 7px;
  height: 11px;
  border-style: solid;
  border-width: 0 2px 0 2px;
}

/* Thumbs */
.fancybox-thumbs {
  display: none;
}

.fancybox-button--thumbs {
  display: none;
}

@media all and (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block;
  }
  .fancybox-button--thumbs span {
    font-size: 23px;
  }
  .fancybox-button--thumbs::before {
    width: 3px;
    height: 3px;
    top: calc(50% - 2px);
    left: calc(50% - 2px);
    box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
  }
  .fancybox-thumbs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 220px;
    margin: 0;
    padding: 5px 5px 0 0;
    background: #fff;
    word-break: normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
  }
  .fancybox-show-thumbs .fancybox-thumbs {
    display: block;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 220px;
  }
  .fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
  }
  .fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
  }
  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
  }
  .fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .fancybox-thumbs > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 2px;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
  }
}

.col {
  float: left;
  margin: 0 40px 0 0;
  padding: 0 0 40px 0;
}

.col hr {
  margin: 15px 0;
}

.col img {
  float: right;
  margin: -5px 0 5px 10px;
}

.col fieldset {
  margin-bottom: 30px;
}

.col fieldset h2 {
  float: left;
}

.col fieldset.boxed {
  border: 1px solid;
  border-right: 0;
}

.col fieldset.boxed .arrowlink {
  display: inline-block;
  margin: 15px 0 -10px;
}

.cols {
  display: block;
  float: left;
  margin: 0 30px 25px 0;
  padding: 0;
}

.cols h2, .cols h3 {
  margin-bottom: 5px;
}

fieldset .cols {
  margin-bottom: 15px;
}

.padStd {
  padding-left: 25px;
  padding-right: 25px;
}

.padStd hr, .padStd .infoBox, fieldset.padStd {
  margin-right: -25px;
  margin-left: -25px;
}

.padStd .cols {
  background: no-repeat left 0;
}

.padLeft {
  padding-left: 40px;
  padding-right: 10px;
}

.padLeft hr, .padLeft .infoBox, fieldset.padLeft, .padLeft .colSidebar hr {
  margin-right: -10px;
  margin-left: -40px;
}

.padLeft .cols {
  background: no-repeat left 0;
}

.padRight {
  padding-left: 10px;
  padding-right: 40px;
}

.padRight hr, .padRight .infoBox, fieldset.padRight, .padRight .colSidebar hr {
  margin-right: -40px;
  margin-left: -10px;
}

.padRight .cols {
  background: no-repeat right 0;
}

.padBoth hr {
  margin-right: -40px;
  margin-left: -40px;
}

.padBoth {
  padding: 0 40px 20px 40px;
}

.padBoth.padBottom {
  padding-bottom: 40px;
}

.alignRight {
  text-align: right;
}

.cols.cols15.alignRight {
  text-align: left;
}

.cols hr {
  margin: 30px 0 20px;
}

.col960 {
  position: fixed;
  bottom: -1px;
  width: 950px;
  margin: 0 auto;
}

.col100 {
  width: 900px;
  padding-right: 20px;
}

.col100_2 {
  width: 880px;
}

.col.col100_2.padBoth {
  position: relative;
  float: none;
  margin: 0;
}

.col.col100_2.padBoth .cols {
  margin: 5px 30px 0 0 !important;
}

.col85 {
  width: 750px;
}

.col80 {
  width: 700px;
}

.col75 {
  width: 660px;
}

.col75_2 {
  width: 550px;
}

.col75_3 {
  width: 635px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.col65 {
  width: 580px;
}

.col55 {
  width: 460px;
}

.col50 {
  width: 410px;
}

.col50_2 {
  width: 390px;
}

.col50_3 {
  width: 400px;
}

.col35 {
  width: 300px;
}

.col33 {
  width: 242px;
}

.col25 {
  width: 160px;
}

.col25_2 {
  width: 270px;
}

.col25_3 {
  width: 255px;
}

.col25_4 {
  width: 190px;
}
.col25_4.shadow {
  width: 188px;
}

.col20 {
  width: 120px;
}

.col10 {
  width: 80px;
}

.col75 .cols100_2 {
  width: 620px;
}

.col75 .cols85 {
  width: 500px;
}

.col75 .cols75 {
  width: 470px;
}

.col75 .cols65 {
  width: 420px;
}

.col75 .cols50 {
  width: 310px;
}

.col75 .cols35 {
  width: 240px;
}

.col75 .cols35_2 {
  width: 260px;
}

.col75 .cols25 {
  width: 150px;
}

.col75 .cols15 {
  width: 120px;
}

.col75_2 .cols50 {
  width: 260px;
}

.col75_2 .cols33 {
  width: 170px;
  margin-right: 20px;
}

.col65 .cols100_2 {
  width: 620px;
}

.col65 .cols85 {
  width: 500px;
}

.col65 .cols75 {
  width: 470px;
}

.col65 .cols65 {
  width: 420px;
}

.col65 .cols50 {
  width: 310px;
}

.col65 .cols35 {
  width: 240px;
}

.col65 .cols35_2 {
  width: 260px;
}

.col65 .cols25 {
  width: 150px;
}

.col65 .cols15 {
  width: 120px;
}

.col100_2 .cols25 {
  width: 197px;
}

.col.col100_2.padBoth .cols.cols25.lastitem {
  margin-right: 0 !important;
}

.col100_2 .cols25 .zoomFancy.imgPackages {
  position: relative;
  display: block;
  width: 201px;
  height: 100px;
}

.col100_2 .cols25 .zoomFancy.imgPackages img {
  position: absolute;
}

.col100_2 .cols25 .plusL {
  position: absolute;
  bottom: 1px;
  right: 15px;
  display: block;
  height: 16px;
  width: 12px;
  padding: 0px 2px;
  font-size: 0;
}

.plusL:before {
  content: "+";
}

.col100_2 .cols.boxMaterial.cols50 {
  width: 410px;
}

.col100_2 .cols.boxMaterial.cols33 {
  width: 242px;
}

.col100_2 .cols.boxMaterial.cols33_2 {
  width: 263px;
}

.col100_2 .cols.boxMaterial.cols25 {
  width: 197px;
}

.spclcnt {
  margin: 30px 0 20px;
}

.spclcnt .col50 {
  width: 445px;
  margin: 0 40px 0 0;
  padding: 0 0 0 15px;
}

.spclcnt .col50.lastitem {
  padding: 0 15px 0 0;
}

.spclcnt hr {
  border-color: #ddd;
  margin-bottom: 25px;
}

.spclcnt .col50 hr {
  margin-left: -15px;
}

.spclcnt .col50 h2 {
  margin-bottom: 18px;
}

.spclcnt .col50.lastitem hr {
  margin-left: 0;
  margin-right: -15px;
}

.spclcnt .col50 .chkList li {
  width: 360px;
}

.introduction {
  margin-bottom: 10px;
}

.introduction h1 {
  margin-bottom: 12px;
}

.introduction hr {
  border-color: #ddd;
  margin-bottom: 25px;
}

.intro {
  margin-bottom: 24px;
}

.zoomFancy.imgPackages {
  position: relative;
  display: block;
  width: 201px;
  height: 100px;
}

.zoomFancy.imgPackages img {
  position: absolute;
}

.plusL {
  position: absolute;
  bottom: 7px;
  right: -10px;
  display: block;
  padding: 1px 3px 0px;
}

.cols .zoomFancy {
  position: relative;
  display: block;
}

.cols .zoomFancy.feedback {
  display: inline-block;
}

.col100_2 .plusL {
  bottom: 1px;
  right: 15px;
}

.zoomFancy.imgPackages:hover {
  text-decoration: none !important;
}

.col50 .cols65 {
  width: 260px;
}

.col50 .cols50 {
  width: 170px;
}

.col50 .cols35 {
  width: 120px;
}

.cols.col25.imgFloatR {
  margin-right: 0;
}

.cols.col25.imgFloatR img {
  float: right;
}

fieldset h2 {
  background-position: 10px 0;
}

.col75 fieldset h2, .col65 fieldset h2 {
  margin-left: 139px;
}

.col75_2 fieldset h2 {
  margin-left: 149px;
}

.boxExtra {
  margin: 0 -35px 15px -20px;
  padding: 15px 40px 10px 20px;
  width: 270px;
  border: 1px solid;
  border-left: 0;
  border-right: 0;
}

.boxExtra h3 {
  padding-right: 100px;
}

.padRight.secRange hr {
  margin-bottom: 0;
}

.ksDefault h2 {
  width: 520px;
}

.adressvorschau {
  position: absolute;
  top: 70px;
  right: -320px;
  width: 250px;
  padding: 30px;
  background: #eee;
}

/* Footmodule */
.footboxes .col {
  float: left;
  margin: 0 -1px 0 0;
  padding: 20px;
  width: 440px;
  border-right: 1px solid;
  background: repeat-x top left;
  min-height: 60px;
}

.footboxes.start .col.col33 {
  width: 279px;
}

.footboxes.start .col.col50 {
  width: 409px;
}

.imgPos {
  display: block;
  float: left;
  vertical-align: middle;
  height: 28px;
}

.imgPos.countrys {
  display: block;
  margin-left: 0px;
  padding-left: 15px;
  border-left: 1px solid;
}

.footboxes .col img {
  margin: -20px -20px 0 10px;
}

.footboxes .col .imgPos.countrys img, #footer .imgPos.countrys img {
  margin-top: 8px;
}

.footboxes .col.lastitem {
  margin: 0 0 0 -1px;
  border: 0;
  border-left: 1px solid;
}

.foot .floatleft {
  margin: 0 20px 0 10px;
}

#content .footboxes .col h3 {
  margin-bottom: 5px;
}

.footboxes h2 {
  margin-bottom: 10px;
}

.footboxes.start .col {
  background: none;
  margin: 0;
  padding: 10px 20px;
}

.footboxes.start .col small {
  display: block;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  letter-spacing: 1px;
}

.footboxes.start .col img {
  margin: 0 15px 0 0;
  float: left;
}

.footboxes.start .col.lastitem {
  margin: 0;
  border: 0;
}

.colFaq ul, .colFaq ol {
  margin: 0 0 15px 25px;
}

.colFaq ul li {
  list-style: disc;
}

.colFaq ol li {
  margin: 0;
}

.colFaq img.cntimages_faq {
  float: left;
  margin: 0 15px 25px 0;
}

.colFaq .col75 {
  width: 630px;
  padding-right: 30px;
}

.boxMaterial hr {
  margin: 0 -10px 25px;
}

.boxMaterial div {
  padding: 0 10px;
}

.col .boxMaterial img {
  float: none;
  margin: 5px 0 5px -10px;
}

.col .boxMaterial img.contentbild.floatleft {
  margin: 0 20px 0 0;
  padding: 0;
}

.col .boxMaterial table img {
  margin: 0;
}

.numberslist li strong em {
  padding-right: 6px;
  font-size: 14px;
}

.numberslist li {
  margin-bottom: 8px;
}

.boxReferral p {
  padding-right: 50px;
}

/*.moreText { position: relative; padding: 40px 40px 10px; border-top: 1px solid; }
.moreText hr { margin: 20px 0 15px; }
.lnkHide { position: absolute; top: 0; right: 0; display: block; padding: 2px 10px 2px 25px; background: no-repeat 10px 11px; }*/
.lnkHide {
  display: none;
}

/* Warenkorb */
.cartnotice {
  display: block;
  float: left;
  width: 430px;
  padding: 10px 20px 15px;
  border: 1px solid;
  text-align: left;
}

.cartnotice ul {
  list-style: disc;
  list-style-position: outside;
  margin-left: 20px;
}

.cartnotice ul li {
  margin-bottom: 8px;
  padding: 0 0 0 5px;
}

.tblMain .cartnotice ul li strong {
  display: inline-block;
}

#content .cartnotice h3 {
  margin-bottom: 0;
}

.cartInfo {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 420px;
  text-align: left;
  /*position: absolute; bottom: 110px;*/
}

.tblMain .tfoot .cartInfo strong {
  display: inline;
  margin: 0;
}

.tblMain .tfoot .cartInfo small {
  display: inline-block;
}

.tblMain tr.lastlined td {
  padding: 0;
}

.tblMain tr.lastlined .floatleft {
  padding: 12px 0 12px 16px;
}

.tblMain tr.lastlined .floatleft img {
  float: left;
  margin-right: 18px;
}

.tblMain tr.lastlined .floatleft em {
  display: inline-block;
  margin-top: 8px;
}

.tblMain tr.lastlined .floatright {
  padding-top: 12px;
}

.tblMain tr.lastlined .floatright {
  padding-top: 3px;
}

.tblMain tr.lastlined .floatright strong {
  padding: 14px 18px 0 0;
}

.tblMain tr.lastlined .floatright strong, .tblMain tr.lastlined .floatright ul {
  float: left;
}

.tblMain tr.lastlined .floatright ul {
  margin: -6px 0 -12px;
}

.tblMain tr.lastlined .floatright ul li {
  float: left;
  margin: 3px 0 0 0;
}

.tblMain tr.lastlined .floatright ul li a {
  display: block;
  width: 42px;
  height: 37px;
  padding-top: 22px;
  text-align: center;
}

.tblMain tr.lastlined .floatright ul li a:hover, .tblMain tr.lastlined .floatright ul li a.over {
  background: #eee;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(60%, #fff));
  background: -moz-linear-gradient(top, #f2f2f2, #eee 0%, #fff 60%);
}

.icon_pickup {
  background: url(/images/icons/pickup.png) no-repeat 11px 8px;
}

.tblMain tr.lastlined .floatright ul li a.icon_pickup:hover, .tblMain tr.lastlined .floatright ul li a.icon_pickup.over {
  /*background: url(/images/icons/pickup.png), -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(60%, #fff));
    background: url(/images/icons/pickup.png), -moz-linear-gradient(top, #f2f2f2, #eee 0%, #fff 60%);*/
  background: #eee url(/images/icons/pickup.png) no-repeat 11px 8px;
  background: url(/images/icons/pickup.png) no-repeat 11px 8px, -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(65%, #fff));
  background: url(/images/icons/pickup.png) no-repeat 11px 8px, -webkit-linear-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(65%, #fff));
  background: url(/images/icons/pickup.png) no-repeat 11px 8px, -moz-linear-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(65%, #fff));
  background: url(/images/icons/pickup.png) no-repeat 11px 8px, -ms-linear-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(65%, #fff));
  background: url(/images/icons/pickup.png) no-repeat 11px 8px, -o-linear-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(65%, #fff));
  background: url(/images/icons/pickup.png) no-repeat 11px 8px, linear-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(65%, #fff));
}

.trustedBox {
  display: block;
  width: 400px;
  text-align: left;
  border: 1px solid;
  margin: 0;
  padding: 15px;
}

.tblMain td .trustedBox img, .trustedBox img {
  float: left;
  margin: 3px 20px 0 5px;
}

.trustedBox ul {
  float: left;
  width: 155px;
}

.tblMain .trustedBox {
  position: absolute;
  bottom: 20px;
  left: 0;
}

.trustedBox input {
  display: block;
  float: left;
  width: 180px;
  padding: 4px 6px;
}

.tblMain.tblCheckout .tfoot td {
  line-height: 28px;
}

.loptions_left {
  position: relative;
  width: 740px;
}

.shadowl {
  position: absolute;
  top: 0;
  left: 480px;
  width: 17px;
  height: 199px;
  background: url(/images/shadow_cartltime.png) no-repeat left top;
}

.loptions_left ul.iconsl {
  position: absolute;
  left: 436px;
  top: 5px;
  width: 60px;
}

.loptions_left ul.iconsl li {
  display: block;
  text-align: center;
}

.loptions_left ul.iconsl li.firsts {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
}

.loptions_left ul.iconsl li.lasts {
  border-top: 1px solid #ddd;
  margin-top: 2px;
}

.loptions_left ul.iconsl li strong {
  margin-top: 0;
}

.loptions_left ul.iconsl li.iflag a {
  display: block;
  margin-bottom: 10px;
}

.loptions_left ul.iconsl li.ilnk a, .loptions_left ul.iconsl li.ilnk strong {
  display: block;
  width: 50px;
  height: 30px;
}

.loptions_left ul.iconsl li.ilnk span {
  display: none;
}

.loptions_left ul.iconsl li.iconShip {
  padding: 5px 0 5px 10px;
}

.loptions_left ul.iconsl li.iconPickup {
  padding: 5px;
}

ul.loptions {
  margin: 15px -10px;
  background: #fff;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), color-stop(45%, #fff));
  background: -moz-linear-gradient(top, #f2f2f2, #f2f2f2 0%, #fff 45%);
}

#content ul.loptions li a.chkproduction {
  color: #555;
}

.tblMain td.minList ul.loptions {
  width: 240px;
}

ul.loptions li {
  position: relative;
  margin: 0;
  padding: 10px 10px 0;
  min-height: 55px;
  border-top: 1px solid;
}

.tblMain .tfoot ul.loptions li strong {
  margin: 0;
}

ul.lclkble li {
  cursor: pointer;
}

.chkproduction {
  z-index: 10;
  display: block;
  width: 16px;
  height: 16px;
  line-height: 0 !important;
  position: absolute;
  top: 14px;
  right: -26px;
  color: #555;
  text-decoration: none;
}

.chkproduction:hover, .chkproduction:focus {
  text-decoration: none;
}

ul.loptions.lopt_prices li.over {
  font-weight: bold;
}

#insurance {
  position: relative;
  cursor: pointer;
}

#insurance .chkproduction {
  right: -36px;
  top: 0;
}

ul.notclkbl {
  background: none !important;
}

.tblMain .tfoot ul.notclkbl li strong {
  display: block;
  margin-bottom: 6px;
}

ul.notclkbl li div {
  margin: 0 0 6px 0;
}

ul.notclkbl a.flaglist {
  margin: 0 0 0 6px;
}

.mathpt.rpt {
  position: relative;
}

.mathpt.rpt a {
  position: absolute;
  top: 0;
  right: -32px;
  font-weight: bold;
}

/* Payment-Methods  */
.paymentMethods {
  display: block;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  padding: 0 0 10px 0;
}

/* Angebote */
.cntAngebote {
  position: relative;
  width: 300px;
  float: left;
  margin-right: 28px;
}

.cntAngebote h4 {
  position: absolute;
  top: 96px;
  left: -5px;
  padding-bottom: 5px;
  background: no-repeat bottom left;
}

.cntAngebote h4 a:hover {
  text-decoration: none;
}

.cntAngebote h4 a.arrowlink:before {
  font-size: 0.9em;
}

.cntAngebote h4 a.arrowlink {
  padding: 0 16px 0 5px;
}

.cntAngebote h4 a.arrowlink:hover span {
  text-decoration: underline;
}

.cntAngebote em {
  font-style: italic;
}

.cntAngebote a.lnkImage {
  display: block;
  width: 300px;
  height: 130px;
  overflow: hidden;
}

.cntAngebote img {
  position: relative;
  width: 300px;
  margin-top: -10%;
}

.cntAngebote p {
  padding: 15px 15px 5px;
}

.cntAngebote .loading {
  margin-top: -60px;
  height: 60px;
  line-height: 60px;
  background-position: 15px center;
  padding-left: 50px;
}

.cntAngebote .inserthere {
  padding-top: 60px;
}

.cntAngebote .inserthere p {
  margin-top: -60px;
}

.cntAngebote .tmpdiv .btnsmall {
  margin: 12px;
  padding: 0 6px;
}

.cntAngebote .tmpdiv p {
  min-height: 66px;
}

/* Flag */
.txtflag {
  padding-bottom: 5px;
  background: no-repeat bottom left;
  font-size: 18px;
  margin: 0;
  color: #fff;
}

.txtflag a, .txtflag span {
  display: block;
  color: #fff;
  line-height: 34px;
}

.txtflag span {
  padding: 0 12px;
}

.txtflag a:hover {
  text-decoration: none;
}

.txtflag a.arrowlink {
  padding: 0 16px 0 0;
  background-position: 15px 14px;
}

.txtflag a.arrowlink:hover {
  text-decoration: underline;
}

/* Musterangebote Tabs */
.cntMusterTabs {
  display: block;
  position: relative;
  width: 300px;
  padding: 0px;
}

.cntMusterTabs ul {
  display: block;
  height: 95px;
}

.cntMusterTabs ul li {
  float: left;
}

.cntMusterTabs ul li span {
  display: block;
  float: left;
  padding: 0 15px;
}

.cntMusterTabs .lnkTab {
  display: block;
  position: relative;
  float: left;
  margin: 0 5px 0 0;
  padding: 0 8px;
  border: 1px solid;
}

.cntMusterTabs .lnkAdd2Cart {
  display: block;
  position: absolute;
  top: 23px;
  left: 0;
  height: 59px;
  width: 235px;
  padding: 6px 15px 6px 50px;
  background: no-repeat 15px 6px;
  border-top: 1px solid;
  font-weight: normal;
}

.cntMusterTabs .lnkAdd2Cart:hover {
  background-position: 15px 18px;
}

.cntMusterTabs h3 {
  font-weight: normal;
}

.cntMusterTabs a:hover {
  text-decoration: none;
}

.cntMusterTabs strong {
  font-weight: bold;
}

.cntOptions {
  display: block;
  border: 1px solid;
  margin-top: 15px;
  padding: 0 10px;
}

.cntOptions ul {
  float: left;
}

.cntOptions ul li {
  float: left;
  margin-right: 15px;
}

/* Bestellungen-Detail: History */
.colHistory {
  display: block;
  margin: 30px 0;
  border-top: 1px solid;
}

.colHistory .line {
  display: block;
  border-bottom: 1px solid;
  padding: 14px 20px;
}

#content .colHistory h3 {
  margin: 0;
  font-weight: normal;
}

/* Adressbuch */
.colBox {
  position: relative;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: -5px 30px 35px 0;
  padding: 20px 20px 10px 20px;
}

.cols50.colBox {
  width: 275px;
}

.colBox .adress {
  height: 130px;
  padding-right: 10px;
}

.colBox .adress2 {
  height: 180px;
}

.colBox .adress2 hr {
  margin: 15px 0;
}

.colBoxS {
  height: 70px;
  margin-top: 15px;
}

.wrap_colBoxes {
  margin: 15px 0 30px;
  background: no-repeat left bottom;
  padding-bottom: 1px;
}

.wrap_colBoxes.addBottomMarg {
  margin-bottom: 30px;
}

.wrap_colBoxes .colBox {
  margin: 0 30px 0 0;
  border-bottom: 0;
}

.colBox.colAdressbook {
  margin: 15px 30px 15px 0;
}

.cols.colBox hr {
  margin: 15px 0;
}

.colBoxCheckout {
  margin-top: 0px;
  height: auto;
  padding-bottom: 20px;
}

.colBoxCheckout .cntChkRad {
  float: left;
}

.colBoxCheckout .cntChkRad label em {
  font-weight: normal;
  font-style: normal;
}

.colBoxProduc .cntChkRad {
  margin-right: 10px;
}

/* Sidebar */
.colSidebar {
  display: block;
  float: none;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.padLeft .colSidebar {
  margin-left: -40px;
  margin-right: -10px;
  padding: 20px 20px 10px 40px;
}

.padRight .colSidebar {
  margin-right: -40px;
  margin-left: -20px;
  padding: 20px 20px 10px 20px;
}

.colSidebar h3 {
  display: block;
  width: 100%;
}

.colSidebar ol li {
  margin-left: 20px;
}

.cntDruckdaten {
  float: left;
  padding: 5px 40px 0 50px;
  width: 30%;
  background: top left no-repeat;
}

#content .cntDruckdaten h3 {
  margin-bottom: 0px;
}

.wrapDruckdaten {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 0 -40px 0 -40px;
  padding: 20px 10px 20px 40px;
}

/* Musterkalkulationen */
.cntMustercalc {
  margin: 0 -10px 0 -40px;
  padding: 20px 10px 20px 30px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

#content .cntMustercalc h3 {
  margin-bottom: 0;
}

.cntMustercalc .iconLnk {
  font-weight: normal;
}

.cntMustercalc a {
  text-decoration: underline;
}

.padLeft .cntMustercalc hr {
  margin: 15px 0;
}

.cntMustercalc_col1 {
  float: left;
  width: 270px;
  margin-right: 20px;
}

.cntMustercalc_col1 span {
  float: left;
  width: 45px;
}

.cntMustercalc_col1 div {
  float: left;
  width: 220px;
}

.cntMustercalc_col1 div em {
  display: block;
  margin: 3px 0 0 0;
}

.cntMustercalc_col1 a, .cntMustercalc_col1 a:hover {
  text-decoration: none;
}

.cntMustercalc .iconLnk.iconCart {
  width: 180px;
}

.cntMustercalc em {
  font-style: normal;
}

/* inputs */
.txtField {
  display: block;
  float: left;
  width: 100%;
  border: 1px solid;
  background: repeat-x;
  margin: 0;
  padding: 5px 0;
}

textarea.txtField {
  max-width: 100%;
  min-width: 100%;
}

select.txtField {
  padding: 4px 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.cols.cols85 input.txtField {
  width: 498px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .txtField {
    padding: 2px 0;
  }
}

.cntChkRad {
  display: block;
  margin: 3px 0 10px 0;
}

.cntChkRad input {
  float: left;
  margin: 5px 10px 0 0;
}

.cntChkRad label {
  float: left;
  margin-right: 15px;
}

.cntChkRad .col.col65.floatleft {
  margin: 0;
  width: 600px;
}

.txtField.margRight {
  margin-right: 15px;
}

.alignedCenter {
  text-align: center;
}

.cntChkRad.noneBold label {
  font-weight: normal;
}

#cphContent_rblZahlung label {
  margin-right: 30px;
}

#cphContent_rblZahlung label img {
  margin-left: 5px;
}

.cntChkRad.rblZahlung label {
  width: 80px;
}

.posrelative.maxw .cntChkRad label {
  width: 440px !important;
}

.cntChkRadRow label {
  float: none;
  display: block;
}

/* tooltip */
#tooltip, .tooltip {
  position: absolute;
  max-width: 350px;
  padding: 5px 15px;
  border: 1px solid;
  text-align: left;
}

#tooltip h3, .tooltip h3 {
  margin: 0;
}

#tooltip p, .tooltip p {
  margin: 0;
  padding: 0;
}

#tooltip img, .tooltip img {
  display: block;
  margin-bottom: 10px;
}

#tooltip em, .tooltip em {
  display: block;
}

abbr.fixWidth #tooltip {
  width: 300px;
  max-width: 300px;
}

#tooltip table td, .tooltip table td {
  padding: 0 3px;
}

#tooltip table td.first, .tooltip table td.first {
  padding-right: 6px;
  text-align: right;
}

.customTooltip {
  position: absolute;
  padding: 25px 20px;
  background: no-repeat;
  text-align: left;
}

.customTooltip.imprint {
  width: 400px;
}

.customTooltip.imprint h3 {
  font-weight: normal;
}

.customTooltip.shadow {
  border: 0;
}

/* tabellen */
.tblMain {
  width: 100%;
  position: relative;
  margin: 0 0 20px 0;
}

.tblMain td, .tblMain th {
  border-bottom: 1px solid;
}

.tblMain th {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
  border-bottom: 1px solid;
  text-transform: uppercase;
}

.tblMain th, .tblMain td {
  padding: 10px;
  vertical-align: top;
}

.tblMain td {
  padding: 15px 10px;
}

.tblMain.oneRow td {
  vertical-align: middle;
}

.tblMain tr.tfClass td {
  border-bottom: 0;
}

.tblMain hr {
  margin: 5px 0 5px 0;
}

.tblMain abbr {
  padding-bottom: 3px;
}

.tblMain table td {
  border: 0;
  padding-right: 0;
}

.tblMain .firstCol {
  text-align: center;
}

.tblMain .txtField {
  width: 50px;
  margin: -3px 0 6px 6px;
  text-align: center;
  display: inline-block;
}

.tblMain .tfoot td {
  position: relative;
  border: 0;
}

.tblMain .tfoot select.txtField {
  float: none;
  margin: 0;
  text-align: right;
  padding-right: 3px;
}

.tblMain .tfoot select.txtField option {
  padding-right: 5px;
}

.col .tblMain img {
  float: none;
  margin: 0;
}

.tblMain .tfoot h3, .tblMain .tfoot strong {
  display: block;
}

.tblMain .iconDesc {
  margin-top: 4px;
}

.tblMain .spaceHtmlArr {
  display: block;
  float: left;
  width: 20px;
  text-align: center;
  padding-right: 5px;
}

.tblMain p {
  margin-bottom: 8px;
}

.tblMain em {
  display: block;
  margin-top: 0;
  font-style: normal;
}

.tblMain em abbr {
  border: 0;
}

.tblMain .tfoot td a.iconLnk.iconInfo {
  display: inline-block;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: 0 -38px;
}

.tblMain .lnkAction:hover {
  text-decoration: none;
}

.tblMain.tblTtip {
  margin: 10px 0;
  border-top: 1px solid;
}

.tblMain.tblTtip img {
  margin: 5px 0 0;
}

.tblMain.tblTtip td {
  padding: 5px 10px;
  line-height: 30px;
}

.tblMain.shppngcrt .tfoot .maths {
  padding-top: 5px;
}

.tblMain.shppngcrt .tfoot hr {
  margin-top: 0;
}

.tblMain.shppngcrt .tfoot .calcmodule {
  position: relative;
  top: 0;
  right: 0;
  width: auto;
}

.tblMain.shppngcrt .tfoot .calcmodule ul {
  margin-right: 0;
  float: none;
  width: 220px;
  text-align: left;
}

.tblMain.shppngcrt .tfoot .calcmodule ul a {
  line-height: 22px;
}

.tblMain.shppngcrt .tfoot .calcmodule ul ul {
  width: 340px;
}

.tblMain.shppngcrt .tfoot .calcmodule ul ul li.over a {
  background: #f4f4f4;
}

.tblMain.shppngcrt .tfoot .labeling strong {
  margin-top: 0;
}

.divCoupon {
  height: 22px;
  width: 400px;
  margin: -8px 0 25px;
  padding: 10px 15px;
  border: 1px solid;
}

.divCoupon label {
  float: left;
  margin-right: 10px;
}

.divCoupon .iChecked {
  float: left;
  margin-left: 0;
}

.divCoupon .iChecked:before {
  display: inline-block;
  width: 20px;
  height: 20px;
}

.divCoupon .btnAction {
  margin-top: -2px;
}

.divCoupon input {
  margin: -2px 15px 0 0;
  text-align: center;
}

#cart .tblMain {
  margin: 0;
}

#cart .tblMain strong {
  display: inline;
  float: none;
}

#cart .tblMain p {
  display: inline;
}

#versandkosten .tblMain th img {
  margin-top: 5px;
}

/* Material-Übersicht: Grid */
.tblGrid {
  width: 100%;
  position: relative;
  margin: -1px 0 20px 0;
}

.tblGrid th {
  border-bottom: 1px solid;
}

.tblGrid th h3 {
  margin-bottom: 5px !important;
  font-weight: 600;
  text-transform: uppercase;
}

.tblGrid th h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.tblGrid td {
  padding: 10px 10px 30px 10px;
  vertical-align: top;
}

.tblGrid tr.tfoot td {
  border-top: 1px solid;
  padding: 20px 0;
}

.tblGrid thead th {
  border: 0;
  padding: 0 10px 50px 0;
  font-weight: normal;
  text-align: left;
}

.tblGrid .cntDesc {
  min-height: 150px;
}

.tblGrid thead th a:hover {
  text-decoration: none;
}

.tblGrid thead td {
  text-align: center;
}

.tblGrid thead td strong {
  display: block;
  margin-top: 10px;
}

.tblGrid.tblCGrid {
  margin: -1px 0 0 0;
  border-top: 1px solid;
}

.tblGrid.tblCGrid thead td {
  background: repeat-x left bottom;
  text-align: left;
  vertical-align: bottom;
}

.tblGrid.tblCGrid thead td img {
  margin: 0 10px 0 0;
}

.tblGrid.tblCGrid td {
  padding-bottom: 10px;
  border-bottom: 1px solid;
}

.tblGrid.tblCGrid thead td strong {
  display: block;
  margin-top: 10px;
}

.tblGrid.tblCGrid td.col1 {
  font-weight: bold;
}

.tblGrid.tblCGrid hr {
  margin: 2px -10px;
}

.tblGrid.tblCGrid tfoot td {
  border: 0;
}

.boxMaterial .tblGrid.tblCGrid {
  width: 630px;
}

.tblGrid.tblCGrid.tblCGrid-Full {
  width: 860px;
}

.imgContainer {
  position: relative;
  width: 100%;
  background: no-repeat top left;
  margin: 0 -10px 15px 0;
}

.imgContainer div {
  overflow: hidden;
  margin: 0 0 0 1px;
}

.imgContainer img {
  margin: 1px 0 0 0;
}

.tblGrid a:hover .arrowlink {
  text-decoration: underline;
}

/* UL / OL: Listen */
.cntSubnav {
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: -5px -10px 30px -40px;
  padding: 15px 20px 15px 40px;
}

.cntSubnav li a {
  display: inline-block;
  position: relative;
}

.cntSubnav li a sup {
  display: block;
  position: absolute;
  right: -32px;
  top: 1px;
  padding: 0 2px 1px;
  text-decoration: uppercase;
}

.cntList {
  margin: 0 0 10px 25px;
}

.cntList li {
  list-style: disc;
}

.breadcrumb {
  display: block;
  float: right;
}

.breadcrumb ul, .breadcrumb strong {
  float: left;
}

.breadcrumb strong {
  padding-right: 5px;
}

.breadcrumb li {
  float: left;
  margin-left: 5px;
}

.breadcrumb li a {
  display: block;
  border: 1px solid;
  padding: 0 4px;
}

.catList li {
  margin-bottom: 8px;
}

/* Tablist */
.tabList {
  height: 37px;
  margin: 0 0 30px -10px;
  border-bottom: 1px solid;
}

.tabList li {
  position: relative;
  float: left;
  display: block;
  margin-left: 10px;
  border: 1px solid;
  border-bottom: 0;
}

.tabList li a {
  display: block;
  padding: 0 15px;
}

.tabList li a.arrowlink {
  padding-left: 0;
}

.tabList li a:hover, .tabList li a.over {
  border-bottom: 1px solid;
}

.tabList li a:hover {
  text-decoration: underline;
}

.tabList li div {
  position: absolute;
  top: 35px;
  padding: 15px 0;
  display: none;
}

.tabList li div hr {
  width: 330px;
  margin: 10px 0;
}

.tabList li ul li {
  display: block;
  float: none;
  border: 0;
  min-width: 300px;
  padding: 0 10px;
}

.tabList li ul li a {
  display: inline-block;
  padding: 0;
}

.tabList li ul li a:hover, .tabList li ul li a:focus {
  text-decoration: none;
  border: 0;
}

.tabList li:hover div {
  display: block;
}

.tabList li ul.navYears, .tabList li ul.navYears li {
  float: left;
  width: 100px;
  min-width: 100px;
}

.tabList li ul.navYears {
  margin-bottom: 15px;
}

.tabList.ksList {
  margin-top: -78px;
}

.tabList.ksList li {
  padding: 0;
}

.tabList.ksList li ul {
  margin: 0 0 10px;
}

.tabList.ksList li .shadow {
  margin-left: -1px;
}

.tabList.ksList li ul li {
  float: none;
  padding: 0;
}

.tabList.ksList li .arrowlink {
  padding: 0 10px;
}

.boxMaterial .tabList {
  margin: 0 0 -1px;
  height: 36px;
}

.boxMaterial .tabList li {
  margin: 0 5px -1px 0;
}

.boxMaterial .tabList li a {
  position: relative;
  z-index: 50;
  display: block;
  padding: 0 10px;
  border-bottom: 1px solid transparent;
  height: 35px;
}

.boxMaterial .tabList li.noneBordered {
  padding-left: 5px;
}

.col25_2.padRight.secRange.lastitem .tabList {
  margin: 20px 0 -1px 0;
}

.col25_2.padRight.secRange.lastitem .tabList li {
  margin: 0 5px -1px 0;
  font-size: 15px;
  font-weight: normal;
}

.col25_2.padRight.secRange.lastitem .tabList li a {
  position: relative;
  font-weight: 600;
  z-index: 50;
  display: block;
  padding: 0 7px;
  border-bottom: 1px solid transparent;
  height: 36px;
}

.col25_2.padRight.secRange.lastitem .tabList li span, .col25_2.padRight.secRange.lastitem .tabList li strong {
  padding: 0 10px;
}

.col25_2.padRight.secRange.lastitem .tblCGrid {
  margin: 0 0 15px 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.col25_2.padRight.secRange.lastitem .tblCGrid thead td {
  padding: 10px 10px 4px 0;
}

.col25_2.padRight.secRange.lastitem .tblCGrid tbody td {
  border-right: 0;
  padding: 5px 10px;
}

.col25_2.padRight.secRange.lastitem .tblCGrid tbody td.col1 {
  padding-right: 0;
}

.col25_2.padRight.secRange.lastitem .tblCGrid tbody tr td del {
  text-decoration: none;
}

.col25_2.padRight.secRange.lastitem .tblCGrid tbody tr:hover td, .col25_2.padRight.secRange.lastitem .tblCGrid tbody tr.remvme td, .secRange td del {
  color: #fff !important;
}

.col25_2.padRight.secRange.lastitem .tblCGrid tbody tr.theads td {
  text-align: left;
  color: #fff;
}

.col25_2.padRight.secRange.lastitem .tblCGrid thead td, .col25_2.padRight.secRange.lastitem .tabList li a.over {
  background-color: #f0f0f0;
  background-image: none;
}

.secRange .tblGrid td {
  font-size: 13px;
  font-weight: normal;
}

.secRange .tblGrid thead td, .secRange .tblGrid thead td small {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

.divColourTheme {
  display: block;
  float: left;
  width: 50px;
  height: 26px;
  margin-left: 10px;
  border: 1px solid;
}

.simpleNav li {
  float: left;
  margin-right: 20px;
}

.chkList {
  margin-left: 0;
}

.chkList li {
  margin-bottom: 10px;
  padding-left: 22px;
}

.chkList li:before {
  margin-left: -22px;
}

.footboxes .chkList li {
  margin-bottom: 5px;
}

.listAddlines {
  margin-bottom: 12px;
}

.listAddlines li {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  padding: 6px 0;
}

.chkList.listAddlines li {
  padding: 6px 0 6px 0;
  background-position: -2200px 12px;
}

.chkList.listAddlines li {
  padding-left: 22px;
}

.chkList.listAddlines li:before {
  margin-left: -22px;
}

.tblCnt {
  width: 100%;
  margin: 15px 0 15px 0;
  border-top: 1px solid;
}

.tblCnt th {
  border-bottom: 1px solid;
  padding: 5px 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.tblCnt td {
  padding: 5px 10px;
  border-bottom: 1px solid;
}

.col100_2 .cols100 .tblCnt.ppfix {
  width: 860px;
}

.cols75_2 .cols100 .tblCnt.ppfix {
  width: 860px;
}

.tblCnt.ppfix td {
  vertical-align: middle;
}

.tblCnt.ppfix td .btnAction {
  display: none;
}

.tblCnt.ppfix tr:hover td .btnAction {
  display: inline-block;
}

.tblCnt.ppfix td .pppinfos {
  display: inline-block;
}

.tblCnt.ppfix tr:hover td .pppinfos {
  display: none;
}

.tblCnt.hidesome tbody tr:nth-child(n+7) {
  display: none;
}

.tblImg {
  width: 100%;
}

.tblImg td {
  border-top: 1px solid;
}

.tblImg tr.firstlines td {
  border: 0;
}

.tblImg td.coll1 {
  width: 100px;
  padding: 12px 0 18px 10px;
  vertical-align: top;
}

.tblImg td.coll2 {
  vertical-align: middle;
  padding: 12px 0 6px;
}

.listJobs {
  margin-top: 10px;
}

.atrList {
  list-style-type: disc;
  margin-left: 20px;
}

.atrList li {
  margin-bottom: 10px;
}

.headNav {
  position: absolute;
  top: -381px;
  left: 0;
  width: 940px;
  height: 40px;
  padding: 0 10px;
  background: repeat-x;
}

.headNav li {
  float: left;
}

.headNav li.firstitem {
  margin-right: 10px;
  border: 0;
  font-style: italic;
}

.headNav li a {
  display: block;
  padding: 0 8px;
}

.headNav li ul {
  display: none;
  position: absolute;
  width: auto;
  padding: 0;
}

.headNav li.over ul {
  display: block;
}

.tblUl_line {
  padding-top: 8px;
}

.tblUl {
  float: left;
  margin-top: 5px;
}

.tblUl li {
  float: left;
  margin-right: 20px;
}

.changeList {
  display: block;
  width: 870px;
  height: 40px;
  margin: 0 -20px 30px -20px;
  padding: 0 25px;
  background: repeat-x;
}

.changeList li {
  float: left;
  margin-left: -5px;
  background: no-repeat bottom right;
  padding-right: 5px;
}

.changeList li a {
  display: block;
  height: 40px;
  padding: 0 15px;
}

.infoList {
  float: left;
}

.infoList li {
  margin-bottom: 5px;
}

.infoList li .arrowlink {
  float: none;
}

.infoList.list_one {
  margin-right: 20px;
}

.listProcess {
  display: block;
  width: 940px;
  margin: 40px -40px 0 0px;
  padding-left: 20px;
  height: 40px;
  border-top: 1px solid;
}

.listProcess li {
  float: left;
  font-weight: bold;
  width: 200px;
  height: 40px;
  margin: 0 10px 0 20px;
  background: right top no-repeat;
}

.listProcess li.lastitem {
  background: none;
}

.listInfobox {
  position: relative;
  margin-left: -10px;
}

.listInfobox ol {
  margin-left: -30px;
}

.listInfobox ol li {
  position: absolute;
  list-style-position: inside;
  width: 240px;
  height: 100px;
  font-weight: bold;
  background: no-repeat left top;
  padding: 2px 0 0 10px;
}

.listInfobox ol li div {
  display: block;
  float: left;
  padding-left: 30px;
  font-weight: normal;
  width: 200px;
  margin-top: -25px;
}

.clickList li {
  float: left;
  margin-right: 20px;
}

.faqlist {
  margin-top: -20px;
  margin-right: 40px;
}

.faqlist li {
  margin-bottom: 5px;
}

.faqlist li a.arrowlink {
  float: none;
  display: inline-block;
}

#content .faqlist h3 {
  margin: 20px 0 5px;
}

/* Status-Bar */
.descStatus li {
  float: left;
  margin-right: 17px;
}

.descStatus li a {
  font-weight: normal;
}

.descStatus li a.iconPackage {
  padding-left: 23px;
}

.descStatus li a.iconAttachment {
  padding-left: 25px;
}

.descStatus li a.iconPayment {
  padding-left: 25px;
}

/* customs */
.txtImage {
  background: no-repeat 0 0;
}

.bigList li {
  font-weight: bold;
  margin-left: 20px;
  padding-left: 5px;
}

.bigList li a {
  font-weight: normal;
}

.lblLeft {
  float: left;
  margin-right: 15px;
}

.einleitung h3, h3.einleitung, #content h3.einleitung {
  font-weight: normal;
  margin-bottom: 20px !important;
}

/* links, buttons */
.lnkAction {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  margin: 6px 10px 0 0;
}

.tblMain .lnkAction {
  margin: 3px 0 0 10px;
}

.lnkAction.iconCheck {
  background-position: -2200px 3px;
}

.arrowlink {
  display: block;
  float: left;
  padding-left: 0;
  background: no-repeat 0 8px;
}

.arrowlink.arrUp {
  margin-top: 10px;
  padding-left: 0;
  background-position: 0 -40px;
}

.arrowlink.arrDown, .arrowlink.arrDown.over, .arrowlink.arrDown:hover {
  padding-right: 0;
  background-position: 10px -84px;
}

.arrowlink.addMargin {
  margin-top: 8px;
}

h1 a.arrowlink, h2 a.arrowlink, h3 a.arrowlink {
  float: none;
}

.lnkInline {
  display: block;
  float: left;
}

.lnkInline.over {
  text-decoration: underline;
}

.lnkCheckbox {
  display: block;
  float: right;
}

.lnkCheckbox span {
  display: block;
  float: left;
  margin: 8px 10px 0 0;
  line-height: 0 !important;
  width: 12px;
  height: 12px;
}

.lnkCheckbox span:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  content: '';
}

.lnkCheckbox.aspNetDisabled {
  font-style: italic;
}

.lnkCheckbox:hover, .lnkCheckbox:focus {
  text-decoration: none;
}

.tblUl_line .lnkCheckbox {
  float: left;
}

.tblUl_line .lnkCheckbox span {
  margin-top: 4px;
}

.trGutschein .lnkCheckbox {
  float: right;
}

.trGutschein .lnkCheckbox span {
  margin-top: 7px;
}

.lnkEditAdress {
  position: absolute;
  top: 21px;
  right: 20px;
}

.iconLnk {
  display: block;
  padding-left: 20px;
}

li.iconLnk {
  padding-left: 26px;
  margin-bottom: 2px;
}

a.iconLnk {
  font-weight: bold;
}

.iconDesc {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}

.iconLnkS {
  display: inline-block;
  width: 35px;
  height: 20px;
  background: no-repeat 0 2px;
}

.btnAction {
  position: relative;
  font-weight: bold;
}

a.btnAction, .btnAction a, input.btnAction {
  display: block;
  float: left;
  background: repeat-x top left;
  padding: 0 20px;
  text-decoration: none;
}

input.btnAction, .btnAction input {
  padding: 6px 8px;
}

.btnAction:hover, .btnAction a:hover {
  text-decoration: none;
  cursor: pointer;
}

.btnAction.addPadding a {
  padding-right: 47px;
}

.btnAction.shadow {
  margin-bottom: 0;
}

.btnAction.btnsmall {
  padding: 0 12px;
}

.btnAddCt {
  display: block;
  width: 38px;
  height: 26px;
  border: 1px solid;
  background: repeat-x top left;
  margin: 5px 0 0 0;
}

.btnAddCt strong {
  display: block;
  width: 38px;
  height: 26px;
  background: no-repeat 6px 5px;
}

.btnAddCt:hover strong, .btnAddCt:focus strong {
  background-position: 6px -45px;
}

.btnAddCt.shadow {
  margin: 5px 0 0 0;
}

.btnAddCt span {
  display: none;
}

.lnkPdf {
  display: block;
  width: 157px;
  height: 33px;
}

.pdficon {
  display: block;
  position: absolute;
  top: 5px;
  right: 10px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  pointer-events: none;
}

.lnkBorder {
  border: 1px solid;
  padding: 1px 5px;
}

.lnkBorder:hover {
  text-decoration: none;
}

.rss_icon:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.cntlists {
  list-style: disc;
  margin: 0 0 10px 20px;
}

.checklisten {
  position: relative;
}

.checklisten img {
  float: right;
  margin: -30px -10px 20px 10px;
}

.checklisten ul li {
  margin-bottom: 12px;
  padding-left: 22px;
}

.checklisten ul li.false {
  background-position: 0 -97px;
}

.checklisten ul li:before {
  margin-left: -22px;
}

/* Materialübersicht */
.col_materialue .col {
  position: relative;
  width: 258px;
  padding: 55px 20px 0;
}

.col_materialue .col .imgcnt {
  width: 298px;
  height: 179px;
  border-bottom: 1px solid #acacac;
  margin: -30px 0 0 -20px;
  padding-top: 46px;
}

.col_materialue .col img {
  float: none;
  margin: 0;
}

.col_materialue .col .txtpt {
  height: 75px;
  margin: 0 -5px;
}

.col_materialue .col .txtpt p {
  margin-top: 5px;
  margin-bottom: 0;
}

.col_materialue .col .txtpt p span {
  display: inline-block;
  width: 120px;
}

.col_materialue .col .arrowlink {
  background-position: 0 13px;
}

.col_materialue .col ul {
  height: 30px;
  width: 298px;
  background-color: #f6f6f6;
  margin: 0 0 0 -20px;
  height: 34px;
}

.col_materialue .col ul li {
  float: left;
  padding-left: 15px;
}

.col_materialue .col ul li.lastitem {
  float: right;
}

.col_materialue .col h2 {
  position: absolute;
  top: 15px;
  left: -5px;
  padding-bottom: 5px;
  background: no-repeat bottom left;
}

.col_materialue .col h2 a, .col_materialue .col h2 span {
  display: block;
  padding: 0 10px 0;
  color: #fff;
}

.col_materialue .col h2 a:hover {
  text-decoration: none;
}

.col_materialue .col h2 a.arrowlink:before {
  padding-left: 0;
  margin-left: -5px;
  margin-top: 2px;
}

.col_materialue .col h2 a.arrowlink:hover {
  text-decoration: underline;
}

.col_materialue .calcu {
  padding: 20px 0;
}

.col_materialue .calcu .txtField {
  margin-bottom: 15px;
}

.col_materialue .calcu .txtAmount {
  float: left;
}

.col_materialue .calcu .txtAmount input.txtField {
  margin-top: 5px;
  margin-bottom: 0;
  width: 60px;
  text-align: center;
}

.col_materialue .calcu .math {
  float: right;
}

.col_materialue .calcu .math .btnAction {
  text-align: left;
}

.col_materialue.col_zubehoerue .math {
  height: 78px;
}

.col_materialue.col_zubehoerue .math .inner {
  text-align: right;
}

.col_zubehoerue .col .txtpt {
  height: auto;
  min-height: 90px;
}

.col_zubehoerue .calcu {
  position: relative;
}

.col_zubehoerue .col .imgcnt {
  height: 200px;
}

.col_materialue.col_zubehoerue .math .cssloader {
  margin: 30px 140px 0 0;
}

.col_zubehoerue .firstla {
  margin: 0 30px 30px 0;
}

.col_zubehoerue p span {
  white-space: nowrap;
}

.col_zubehoerue .col .txtpt p span {
  display: inline;
  width: auto;
}

.padRight.secRange .col_zubehoerue {
  margin-left: -20px;
}

.padRight.secRange .col_zubehoerue .txtpt {
  height: auto;
  min-height: 0;
  margin-bottom: -50px;
}

.padRight.secRange .col_zubehoerue .calcu {
  display: none;
}

.padRight.secRange > .col_materialue.col_zubehoerue .col .imgcnt {
  border-bottom: 0;
  padding-top: 46px;
}

.padRight.secRange .col_zubehoerue .firstla {
  margin: 0;
}

.padRight.secRange .col_zubehoerue .col.shadow {
  box-shadow: none;
  border-bottom: 0;
  border-right: 0;
  margin-bottom: 0 !important;
}

.padRight.secRange .col_zubehoerue {
  border-bottom: 1px solid #ddd;
}

.padRight.secRange .col_zubehoerue .col {
  width: 289px;
}

.padRight.secRange .col_zubehoerue .col .imgcnt {
  width: 329px !important;
  height: 221px;
}

.padRight.secRange .col_zubehoerue .col .imgcnt img {
  width: 329px !important;
}

.padRight.secRange .col_zubehoerue .col:hover .calcu {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 50px 20px 20px;
  background: rgba(255, 255, 255, 0.8);
  width: 289px;
}

.padRight.secRange .col_zubehoerue hr {
  margin-bottom: 15px;
}

.clicklists {
  width: auto;
  margin: 21px 5px 0 0;
  float: right;
}

.clicklists li {
  display: inline;
  float: left;
  margin-left: 20px;
}

.clicklists li a {
  padding-left: 26px;
  background: no-repeat 0 0 url(/images/icons/chk_production.png);
}

.clicklists li a:hover {
  background-position: 0 -50px;
}

.zoomPad {
  position: relative;
  float: left;
  cursor: crosshair;
}

.zoomPup {
  overflow: hidden;
  background-color: #FFF;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  cursor: crosshair;
}

.zoomWindow {
  position: absolute;
  left: 110%;
  top: 40px;
  background: #FFF;
  z-index: 6000;
  height: auto;
}

.zoomWrapper {
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.zoomWrapperImage {
  display: block;
  position: relative;
  overflow: hidden;
}

.zoomPreload {
  display: none;
}

.ranking {
  width: 268px;
  margin-left: -20px;
  padding: 15px;
  background: #e5e5e5;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e5e5), color-stop(75%, #f6f6f6));
  background: -moz-linear-gradient(top, #e5e5e5, #e5e5e5 0%, #f6f6f6 75%);
  border-bottom: 1px solid #e5e5e5;
}

.ranking .iii {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px 10px 8px 35px;
}

.rankbar {
  float: left;
  margin-right: 12px;
  position: relative;
  width: 50px;
  height: 10px;
  border: 1px solid #fff;
  margin-top: 5px;
}

.rankbar .rb {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 10px;
  z-index: 1;
}

.rankbar .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 8px;
  border: 1px solid #000;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  z-index: 2;
}

.rankbar {
  background-color: #dfdfdf;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdfdf), color-stop(90%, #f0f0f0), color-stop(100%, #f7f7f7));
  background: -moz-linear-gradient(top, #dfdfdf, #f7f7f7 0%, #f0f0f0 10%, #dfdfdf 100%);
}

.rankbar .rb {
  background-color: #ffd700;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5ef88), color-stop(25%, #ffd700), color-stop(90%, #ffa000), color-stop(100%, #ffa000));
  background: -moz-linear-gradient(top, #f5ef88, #f5ef88 0%, #ffd700 25%, #ffa000 90%, #ffa000 100%);
}

.rankbar.rb_0 {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.rankbar.rb_1 .rb {
  width: 10px;
}

.rankbar.rb_2 .rb {
  width: 20px;
}

.rankbar.rb_3 .rb {
  width: 30px;
}

.rankbar.rb_4 .rb {
  width: 40px;
}

.rankbar.rb_5 .rb {
  width: 50px;
}

.op06 {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.ranks {
  float: left;
  width: 66px;
  margin: 7px 0 0;
  font-size: 8px;
}

.ranks:before {
  color: #ddd;
}

.ranks:after {
  color: #ddd;
}

.ranks-div .ranks {
  margin: 14px 0 0;
}

.ranks-div span {
  display: inline-block;
  margin-top: 6px;
}

.ranks.rb_0:before {
  content: " ";
}

.ranks.rb_0:after {
  content: "\e745\00a0\e745\00a0\e745\00a0\e745\00a0\e745";
}

.ranks.rb_1:before {
  content: "\e745\00a0";
}

.ranks.rb_1:after {
  content: "\e745\00a0\e745\00a0\e745\00a0\e745";
}

.ranks.rb_2:before {
  content: "\e745\00a0\e745\00a0";
}

.ranks.rb_2:after {
  content: "\e745\00a0\e745\00a0\e745";
}

.ranks.rb_3:before {
  content: "\e745\00a0\e745\00a0\e745\00a0";
}

.ranks.rb_3:after {
  content: "\e745\00a0\e745";
}

.ranks.rb_4:before {
  content: "\e745\00a0\e745\00a0\e745\00a0\e745\00a0";
}

.ranks.rb_4:after {
  content: "\e745";
}

.ranks.rb_5:before {
  content: "\e745\00a0\e745\00a0\e745\00a0\e745\00a0\e745";
}

.ranks.rb_5:after {
  content: " ";
}

.passinfo {
  position: absolute;
  top: -135px;
  left: 0;
  border: 1px solid #ddd;
  background: #fff;
  padding: 10px 15px;
  width: 322px;
  background: #f8f8f8;
}

.passinfo .ibar {
  display: blocK;
  width: 320px;
  height: 10px;
  border: 1px solid #ddd;
  margin: 8px 0;
}

.passinfo .ibar div {
  display: block;
  width: 80px;
}

.passinfo .ibar.ired div {
  background: #d73011;
}

.passinfo .ibar.iyellow div {
  width: 160px;
  background: #ffba00;
}

.passinfo .ibar.igreen div {
  width: 240px;
  background: #88be15;
}

.passinfo .ibar.igreen2 div {
  width: 320px;
  background: #88be15;
}

.diverror {
  position: absolute;
  top: 0;
  right: -100px;
  padding-left: 6px;
  background: no-repeat 0 -6px;
  z-index: 5;
}

.diverror strong {
  display: block;
  border: 1px solid;
  border-left: 0;
  color: #fff;
  padding: 2px 8px;
}

.passlogin .passinfo {
  top: -130px;
  left: -148px;
  width: 382px;
  padding: 15px;
}

.passlogin .passinfo .ibar {
  width: 380px;
}

.passlogin .passinfo .ibar div {
  width: 95px;
}

.passlogin .passinfo .ibar.iyellow div {
  width: 190px;
}

.passlogin .passinfo .ibar.igreen div {
  width: 285px;
}

.passlogin .passinfo .ibar.igreen2 div {
  width: 380px;
}

.errInfo {
  display: inline-block;
  padding: 4px 0 0 14px;
  color: #d73011;
  background: url(/images/icons/arrow_err.gif) no-repeat 0 8px;
}

.cntChkRad .errInfo {
  background-position: 0 -42px;
  padding-left: 17px;
}

.lblerrs {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 478px;
  z-index: 5;
  padding: 2px 10px;
  border: 1px solid;
}

.pdfbox {
  position: fixed;
  top: 50%;
  left: 50%;
  margin: 0 0 0 -150px;
  text-align: left;
  width: 158px;
  height: 68px;
  padding: 35px 122px 10px 20px;
  background: url(/images/pdfbox_icon.png) no-repeat right bottom;
  z-index: 100;
  font-weight: bold;
  border: 1px solid #c2c2c2;
}

.pdfbox .xclose {
  display: block;
  float: right;
  width: 47px;
  height: 47px;
  background: url(/images/fancybox/fancy_closebox.png) no-repeat 0 top;
  margin: -54px -147px 0 0;
}

.pdfbox .xclose:hover {
  background-position: 0 -104px;
}

.pdfbox hr {
  margin: 10px 0;
}

.topmsg {
  position: absolute;
  top: -15px;
  left: 0;
  padding: 0 12px;
  max-width: 260px;
  border: 1px solid #f5ef88;
  border-top: 0;
  background: #fffbb2;
  color: #2e2e2e;
}

.listBrdcrmb, .listBrdcrmb li, .listBrdcrmb li strong, .listBrdcrmb li strong span {
  background: url(/images/bg_brdcrmb.png) no-repeat 0 0;
}

.listBrdcrmb {
  margin: 40px;
  padding-left: 1px;
  background-position: 0 -850px;
  height: 44px;
}

.header .listBrdcrmb {
  margin: 0;
}


.listBrdcrmb li {
  display: block;
  float: left;
  min-width: 214px;
  height: 44px;
  margin: 0;
  padding: 0;
  background-repeat: repeat-x;
}

.listBrdcrmb li strong {
  display: block;
  min-width: 130px;
  padding: 0 40px 0 20px;
  background-position: right -700px;
}

.listBrdcrmb li strong span {
  display: inline-block;
  width: 23px;
  height: 44px;
  margin: 0 12px 0 0;
  background-position: 0 -139px;
  text-align: center;
}

.listBrdcrmb li.lastitem strong {
  background-position: right -850px;
  margin-right: -11px;
}

.listBrdcrmb li.over {
  background-position: 0 -50px;
}

.listBrdcrmb li.over strong {
  background-position: right -800px;
  color: #af4882;
}

.listBrdcrmb li.over strong span {
  color: #fff;
  background-position: 0 -239px;
}

.listBrdcrmb li.lastitem.over strong {
  background-position: right -850px;
}

.listBrdcrmb li.chkd strong {
  color: #77b800;
}

.listBrdcrmb li.chkd strong span {
  background-position: 0 -189px;
}

.listBrdcrmb li.chkd.lastli strong {
  background-position: right -700px;
}

.filetypes {
  display: inline-block;
  font-size: 30px;
}

.tblGrid.tblCGrid thead td, .tblGrid td.col1 {
  color: #555 !important;
}

.tblGrid td {
  font-weight: bold;
}

.tblGrid.tblCGrid td, .tblGrid.tblCGrid thead td {
  text-align: right;
}

.tblGrid.tblCGrid tbody td {
  border-right: 8px solid #fff;
}

.tblGrid.tblCGrid thead td {
  font-weight: 600;
}

.tblGrid.tblCGrid td.col1 {
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}

.tblGrid.tblCGrid tbody td {
  padding-left: 2px;
  padding-right: 2px;
}

.tblGrid.tblCGrid.tblCGrid-Full td {
  text-align: left;
}

#content .tblGrid.tblCGrid tbody td h3 {
  margin: 25px 0 5px;
}

.tblGrid td {
  font-size: 15px;
}

.tblGrid thead td {
  font-size: 20px;
}

.tblGrid td h3 small, .tblGrid thead td small {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  color: #666;
}

.calcbar {
  margin: 0;
  width: 880px;
  height: 40px;
  padding: 10px 40px;
  border-bottom: 1px solid;
}

.listAttr {
  margin: -40px 0 60px;
  padding: 15px 0;
  border-bottom: 1px solid #f1f1f1;
  height: 45px;
  background: #eee;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), color-stop(15%, #eee), color-stop(100%, #fff));
  background: -moz-linear-gradient(top, #ddd, #eee 15%, #fff 100%);
}

.listAttr li {
  float: left;
  margin: 0 15px 0 35px;
  min-width: 200px;
}

.listAttr li strong {
  font-size: 14px;
  font-weight: 600;
}

.tblsidebarlist {
  margin: 0 -10px;
}

.tblsidebarlist tr td {
  border-top: 1px solid #eee;
  vertical-align: middle;
  padding: 10px;
}

.tblsidebarlist tr td img {
  margin: 0;
}

.tblsidebar_list {
  margin: 0 -10px;
}

.tblsidebar_list li {
  border-top: 1px solid #eee;
  display: block;
  height: auto;
  margin-bottom: 10px;
  padding: 15px 10px 10px;
}

.tblsidebar_list li img {
  float: left;
  margin: -5px 20px 0 0;
}

.tblMain th.flagth {
  position: relative;
}

.tblMain th.flagth div {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: -10px 0 -10px -10px;
  padding: 5px 0 6px;
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  width: 147px;
  background: white;
}

.tblMain th.flagth div:before {
  content: '\e62a';
  position: absolute;
  top: 16px;
  right: 40px;
}

.tblMain th.flagth div img {
  margin-bottom: 6px;
}

.tblMain th.flagth ul, .tblMain th.flagth ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tblMain th.flagth ul li {
  display: none;
}

.tblMain th.flagth ul li.over {
  display: block;
}

.tblMain th.flagth ul.over li, .tblMain th.flagth ul:hover li {
  display: block;
  border-bottom: 1px solid #eee;
}

.tblMain th.flagth ul li a {
  display: block;
  padding: 4px 0;
}

.tblMain th.flagth ul li a strong {
  color: #555 !important;
}

.tblMain th.flagth ul:hover li.over a {
  background-color: #f7f7f7;
}

.tblMain th.flagth ul:hover li a:hover, .tblMain th.flagth ul a:hover, .tblMain th.flagth ul a.over {
  background-color: #f3f3f3;
}

.shippingTblCss tr:hover td, .tblMain.shippingTblCss tr.colourline:hover td,
.shippingTblCss tr:hover td.hover, .tblMain.shippingTblCss td.hover {
  background-color: #fffaa4 !important;
}

.shippingTblCss tr:hover td:hover, .tblMain.shippingTblCss tr.colourline:hover td:hover {
  background-color: #ffef82 !important;
}

.myhead {
  font-size: 18px;
  position: absolute;
  top: 40px;
  left: 40px;
}

.myhead h1, .myhead h4 {
  font-weight: normal;
  font-size: 46px !important;
  color: #fff;
  margin-bottom: 12px;
}

.myhead h1 span, .myhead h1 small, .myhead h4 span, .myhead h4 small {
  display: inline-block;
  padding: 8px 14px;
  background-color: rgba(15, 36, 50, 0.5);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.myhead h1 span, .myhead h4 span {
  padding: 18px 14px 16px 14px;
}

.myhead h1 small, .myhead h4 small {
  font-size: 24px;
  text-transform: none;
}

.myhead div, .myhead strong, .myhead a {
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.myhead a:hover, .myhead a:focus {
  text-decoration: none;
  border-bottom: 1px solid #fff;
}

.myhead div {
  padding: 10px;
  display: inline-block;
  background-color: rgba(15, 36, 50, 0.2);
}

.header-title-txt {
  position: absolute;
  top: 40px;
  left: 40px;
}

.header-title-txt h4 {
  font-size: 48px;
  padding: 30px 15px;
  color: #fff;
}

.header-title-txt small, .header-title-txt a {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 6px 12px;
  margin-left: 6px;
}

.header-title-txt a {
  float: right;
  margin-right: -20px;
  margin-top: -6px;
  padding-left: 9px;
}


.htxt-main small {
  background-color: #923b6b;
}

.htxt-main h4 {
  background-color: #af4882;
}

.htxt-main a {
  background-color: #cc589d;
}

.htxt-schilder small {
  background-color: #ae1c01;
}

.htxt-schilder h4 {
  background-color: #d73011;
}

.htxt-schilder a {
  background-color: #f6451c;
}

.htxt-planen small {
  background-color: #6f9f11;
}

.htxt-planen h4 {
  background-color: #88be15;
}

.htxt-planen a {
  background-color: #a4da1a;
}

.htxt-fahnen small {
  background-color: #00847a;
}

.htxt-fahnen h4 {
  background-color: #04ac9f;
}

.htxt-fahnen a {
  background-color: #1ccfc1;
}

.htxt-plakate small {
  background-color: #e46a0b;
}

.htxt-plakate h4 {
  background-color: #f37f0d;
}

.htxt-plakate a {
  background-color: #fca211;
}

.htxt-displays small {
  background-color: #6f359b;
}

.htxt-displays h4 {
  background-color: #844bb0;
}

.htxt-displays a {
  background-color: #dac9e7;
}


.htxt-fotodruck small {
  background-color: #bb058d;
}

.htxt-fotodruck h4 {
  background-color: #f207b0;
}

.htxt-fotodruck a {
  background-color: #fe58d4;
}

.header-title-txt a:hover, .header-title-txt a:focus {
  background-color: #555;
  color: #fff;
  text-decoration: none;
}

.newsfeed {
  position: relative;
  padding: 12px 20px 20px;
  background-color: #fff;
}

.newsfeed h6 {
  display: inline-block;
  margin-bottom: -5px;
}

.newsfeed hr {
  margin: 15px 0;
}

.newsfeed em {
  font-style: normal;
}

.newsfeed img.newsimg {
  margin: 0 -20px 12px;
}

.newsfeed .chkList {
  margin-bottom: 12px;
}

.newsfeed .chkList li {
  margin-bottom: 0;
}

.newsfeed .txtflag {
  margin: 0 0 12px -25px;
  font-size: 14px;
  font-weight: normal;
}

.newsfeed .navlist {
  margin-top: 20px;
  width: 200px;
}

.newsfeed .navlist li {
  display: block;
  height: 72px;
}

.newsfeed .navlist li.double {
  height: 144px;
}

.newsfeed .navlist li a {
  position: relative;
  display: block;
}

.newsfeed .navlist li a:after {
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  content: "";
  border-top: 1px solid #ddd;
  height: 1px;
  width: 100%;
  z-index: 1;
}

.newsfeed .navlist li a span {
  position: relative;
  z-index: 2;
  display: inline-block;
  background: #fff;
  padding-right: 10px;
}

.notes-infos {
  position: relative;
  padding-top: 70px;
  background-image: url(/images/notes.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  min-height: 430px;
}

.notes-infos .closing {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 960px;
  height: 40px;
  margin: 0;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(100%, #fff));
  background: -moz-linear-gradient(top, transparent, #fff 100%);
}

.notes-list {
  margin-left: 68px;
}

.notes-list ul {
  margin-bottom: 24px;
}

.notes-list li {
  margin-top: 12px;
}

.notes-cnt {
  width: 456px;
  padding: 0 40px 0 30px;
  font-size: 13px;
}

.notes-cnt input, .notes-cnt textarea {
  margin-bottom: 10px;
}

.cnt-collapsed {
  display: none;
}

#individP {
  display: block;
  position: relative;
  float: none;
  padding-left: 150px;
  margin-bottom: 20px;
}

#individP b {
  font-weight: normal;
}

#individP span {
  padding: 3px 0 0;
}

#individP span:after {
  position: absolute;
  right: 0;
}

#individP:before, #individP:after {
  content: "";
  position: absolute;
  height: 9px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0px;
  width: 140px;
  margin-right: 10px;
}

#individP:after {
  left: auto;
  right: 10px;
  width: 50px;
}

#individP span:after {
  color: rgba(0, 0, 0, 0.5);
}

#individP.overing {
  color: #666;
}

#individP.overing:after {
  width: 60px;
}

#vorteile {
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 320px;
}

#vorteile li {
  display: block;
  margin-top: 2px;
  margin-bottom: 0;
  color: #fff;
}

#vorteile li:before {
  display: inline-block;
  padding: 12px 0 12px 10px;
  color: #fff;
}

.calc_right .pinfos {
  height: 63px;
}

.breadcrumble {
  position: relative;
  top: 0;
  z-index: 100;
  width: 880px;
  border-bottom: 1px solid #ddd;
  background-color: #f5f5f5;
  padding: 0 40px;
  overflow: hidden;
}

.breadcrumble:before {
  float: left;
  display: block;
  content: "";
  margin-top: 8px;
  margin-left: -60px;
  width: 59px;
  height: 46px;
  background-repeat: no-repeat;
  background-position: 0 0;
  opacity: 0;
}

.breadcrumble.isfixed {
  position: fixed;
}

.breadcrumble.isfixed:before {
  position: fixed;
  -webkit-animation: showlogo 1s forwards;
  animation: showlogo 1s forwards;
}

.breadcrumble.isfixed ul {
  -webkit-animation: movenav 1s forwards;
  animation: movenav 1s forwards;
}

.breadcrumble.focusout:before {
  -webkit-animation: showlogo 1s forwards reverse;
  animation: showlogo 1s forwards reverse;
}

.breadcrumble.focusout ul {
  -webkit-animation: movenav 1s forwards reverse;
  animation: movenav 1s forwards reverse;
}

.breadcrumble li {
  display: inline-block;
  margin-right: 20px;
}

#content .breadcrumble ul li:not(.lastitem) a {
  display: block;
  padding: 20px 0 18px;
  color: #666;
  border-bottom: 2px solid transparent;
}

#content .breadcrumble ul li.lastitem {
  float: right;
}

#content .breadcrumble ul li.lastitem a {
  margin-top: 18px;
  color: #666;
}

@-webkit-keyframes showlogo {
  from {
    opacity: 0;
    margin-left: -60px;
  }
  to {
    opacity: 1;
    margin-left: 0;
  }
}

@keyframes showlogo {
  from {
    opacity: 0;
    margin-left: -60px;
  }
  to {
    opacity: 1;
    margin-left: 0;
  }
}

@-webkit-keyframes movenav {
  from {
    margin-left: 0;
  }
  to {
    margin-left: 80px;
  }
}

@keyframes movenav {
  from {
    margin-left: 0;
  }
  to {
    margin-left: 80px;
  }
}

#faq {
  background-color: #f6f6f6;
  margin-top: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#faq > img {
  padding: 0;
  margin: 0 20px 0 0;
}

#faq .formular {
  margin-top: -5px;
}

#faq .formular input, #faq .formular textarea {
  margin-bottom: 10px;
}

#faq .is-inner-faq {
  display: none;
}

.pros {
  position: relative;
  background-color: #fff;
  margin-top: -132px;
  z-index: 100;
}

.cols.pros {
  margin-right: 10px;
  width: 284px;
}

.pros li {
  position: relative;
  padding: 12px 20px;
  border-bottom: 1px solid #e5e5e5;
}

.pros li strong {
  font-weight: normal;
}

.pros li p {
  display: none;
  margin: 12px 0 6px;
}

.pros li.active {
  background-color: #f1f1f1;
}

.pros li.active p {
  display: block;
}

.pros li:not(.active):hover {
  cursor: pointer;
}

.pros li:after {
  position: absolute;
  content: "\e65b";
  top: 15px;
  right: 10px;
}

.pros li:hover:after, .pros li:focus:after, .pros li.active:after {
  content: '\e62a';
}

.zoid {
  text-align: left;
}

.zoid .closer {
  position: absolute;
  top: -5px;
  right: 24px;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  background: #fff;
}

.zoid .closer:before {
  display: block;
  font-size: 12px;
  padding: 10px 0 0 9px;
}

.zoid .closer:hover {
  color: #555;
  cursor: pointer;
}

/** initial setup **/
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nano > .nano-content:focus {
  outline: thin dotted;
}

.nano > .nano-content::-webkit-scrollbar {
  display: none;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

.nano > .nano-pane {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

.tblMain.tblMini td {
  padding: 5px 10px;
}

.minicalc {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 10px 15px;
  margin: 30px 0 10px;
  background: #f8f8f8;
}

.minicalc p {
  min-height: 0 !important;
  padding: 0;
  margin: -33px 0 5px;
}

.minicalc .btnsmall {
  margin: 0 12px 0 0 !important;
  padding: 5px !important;
  line-height: 0 !important;
}

.minicalc:before {
  display: inline-block;
  content: attr(data-amount);
  font-size: 11px;
  color: #858585;
  margin: 0 0 10px -8px;
  border: 1px solid #e7e7e7;
  border-bottom-color: #f8f8f8;
  background: #f8f8f8;
  padding: 0 8px;
  position: relative;
  top: -33px;
}

#yhq {
  position: fixed;
  bottom: 0;
  right: 30px;
}

.trustedbadge {
  display: block;
  width: 100%;
  height: 90px;
  border: 1px solid #e7e7e7;
  text-align: left;
}

.trustedbadge:hover {
  text-decoration: none;
}

.trustedbadge .tsinner {
  padding: 10px 10px 0;
  margin-bottom: 10px;
}

.trustedbadge .tsinner .tstext {
  display: inline-block;
  line-height: 18px;
  margin-left: 10px;
  padding: 5px 0 5px 10px;
  border-left: 1px solid #e7e7e7;
  font-size: 16px;
}

.trustedbadge .tsinner .tstext p {
  margin-bottom: 5px;
}

.trustedbadge .tsinner .tstext em {
  font-size: 13px;
}

.trustedbadge .tsinner img {
  max-height: 55px;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.trustedbadge .badgefoot {
  position: relative;
  display: block;
  width: 100%;
  height: 15.38462px;
  background: #ffdc0f;
}

.trustedbadge .badgefoot:before {
  content: '';
  border-color: transparent #fff transparent transparent;
  border-width: 0px 10px 10px 0px;
  border-style: solid;
  position: absolute;
  right: 25px;
  top: 0;
}

a.paycols {
  display: block;
  position: relative;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  background: #fff;
  margin-top: -1px;
  color: #666;
  cursor: pointer;
  font-size: 12px;
  padding: 0 8px;
}

a.paycols .itemRow {
  min-height: 32px;
  padding: 18px 0 13px;
}

a.paycols .descriptionRow {
  display: none;
  margin-bottom: 12px;
  font-size: 11px;
  line-height: 16.5px;
}

a.paycols .iiicnt {
  float: left;
  min-width: 125px;
}

a.paycols .iiicnt img {
  margin: 0;
  max-height: 25px;
  float: left;
}

a.paycols .checkmark {
  display: none;
  position: absolute;
  top: 16px;
  right: 8px;
  background-image: url(https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png);
  background-repeat: no-repeat;
  height: 18px;
  width: 23px;
}

a.paycols:hover, a.paycols.over {
  background: transparent;
  text-decoration: none;
}

a.paycols.over {
  font-weight: bold;
}

a.paycols.over .descriptionRow {
  display: block;
  font-weight: normal;
}

a.paycols.over .checkmark {
  display: block;
}

#ppplus {
  float: right;
  width: 49%;
  margin-bottom: -26px;
}

#ppplus iframe {
  margin: -26px 0;
}

.discountinfoppplus {
  display: none;
  line-height: 67px;
  pointer-events: none;
}

.colourSets li {
  width: 23%;
  display: inline-block;
  margin: 0 2% 2% 0;
}

.colourSets li .colourfield {
  height: 25px;
  overflow: hidden;
}

.colourSets li .colourfield img {
  max-width: 100%;
}

.colourSets li .colourname span {
  display: inline-block;
}


.cookieinfo {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.4);
}

    .cookieinfo .inner {
        background: white;
        width: calc(100% - 50px);
        max-width: 500px;
        margin: 0 auto;
        text-align: left;
        padding: 25px;
    }

        .cookieinfo .inner p:last-of-type {
            margin-bottom: 25px;
        }



#help {
  position: fixed;
  z-index: 1001;
  bottom: 0;
  right: 0;
  width: 960px;
  max-width: 960px;
  pointer-events: none;
  margin-right: 10px;
}

#help input[type="search"] {
  background-size: 16px;
  background-position: 10px 50%;
  padding-left: 35px;
}

#help a {
  color: #555;
}

#help a:hover {
  text-decoration: none !important;
}

#help a small {
  text-decoration: underline;
  color: #777;
}

#help a small:hover {
  text-decoration: none;
}

#help #service-team {
  position: absolute;
  bottom: 42px;
  left: 20px;
  display: none;
}

#help.isbottom:not(.collapsed) #service-team {
  display: block;
}

#help .inner {
  position: relative;
  width: 40%;
  pointer-events: all;
  float: right;
}

#help h6, #help .h6 {
  display: inline-block;
  color: #777;
}

#help .title {
  position: absolute;
  top: -42px;
  left: 0;
  z-index: 100;
  display: block;
  height: 54px;
  line-height: 42px;
  width: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #ffba00;
}

#help .title > a {
  display: block;
  color: black !important;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

#help .title .close {
  float: right;
  display: block;
  height: 54px;
  width: 42px;
  cursor: pointer;
  text-align: center;
  border-top-right-radius: 3px;
  background-color: rgba(0, 0, 0, 0.1);
  background-size: 20px;
  background-position: 11px 11px;
}

#help .title .close:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

#help .title:hover > a, #help .title:focus > a {
  color: white !important;
}

#help .title:hover .close, #help .title:focus .close {
  background-color: rgba(0, 0, 0, 0.2);
}

#help .crumble {
  display: none;
  padding: 0 0 0 20px;
}

#help .crumble ul {
  float: left;
  margin: 0;
  list-style: none;
}

#help .crumble ul li {
  display: inline-block;
  margin-right: 6px;
  line-height: 42px;
}

#help .crumble ul li:not(:first-child):before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  content: '';
  /*@include i-drop('right', rgba(0,0,0,.3));*/
  background-position: 0 3px;
}

#help .crumble ul li a {
  color: rgba(255, 255, 255, 0.8);
}

#help .content {
  position: relative;
  z-index: 500;
  background: white;
  height: 0;
  /*@include shadow-global();*/
  /*@include transition(height 0.2s linear 0s);*/
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
  width: 100%;
  text-align: left;
}

#help .content p {
  text-align: center;
}

#help .content .row .col-50 {
  box-sizing: border-box;
  float: left;
  width: 46%;
}

#help .content .row .col-50:last-child {
  margin-left: 8%;
}

#help .content .row .col-50 .open-zammad-chat {
  margin-right: 10px;
}

#help .content .cnt {
  width: 300%;
  max-width: 300%;
  margin-left: 0;
  /*@include transition(margin-left .2s ease-in-out 0s);*/
}

#help .content .cnt .cols {
  position: relative;
  float: left;
  width: 33.33333%;
  height: 500px;
  padding: 20px 20px 0;
  margin: 0;
  box-sizing: border-box;
}

#help .content .cnt .cols article {
  max-height: 500px;
  overflow: hidden;
  overflow-y: scroll;
  margin: -20px -20px 0;
  padding: 20px;
}

#help .content ul {
  list-style: none;
  margin: 0;
}

#help .content ul li {
  border-top: 1px solid #e7e7e7;
  padding: 3px 0;
}

#help .content ul li:first-child {
  border-top: 0;
}

#help.lvl-1 .inner .cnt {
  margin-left: 0;
}

#help.lvl1 .inner .cnt {
  margin-left: 0%;
}

#help.lvl2 .inner .cnt {
  margin-left: -100%;
}

#help.lvl3 .inner .cnt {
  margin-left: -200%;
}

#help.lvl3 .inner .cnt article {
  max-height: 458px;
}

#help .contact {
  position: absolute;
  left: 0;
  bottom: -6px;
  padding: 0;
  margin: 0 20px;
  box-sizing: border-box;
  text-align: center;
}

#help .contact span[class^="icon-"] {
  margin-right: 8px;
}

#help .contact img {
  position: relative;
  margin: 20px auto -25px;
}

#help .contact .col-50 {
  text-align: left;
}

#help .contact hr {
  margin: 5px 0 12px 0;
}

#help.collapsed .title {
  cursor: s-resize;
  color: white !important;
}

#help.collapsed .title > a {
  display: none;
}

#help.collapsed .crumble {
  display: block;
}

#help.collapsed .content {
  height: 500px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#help.collapsed .contact {
  bottom: 0;
}

@media only screen and (max-width: 1600px) {
  #service-team {
    display: none !important;
  }
  /*#footer .footing2 .foot {
        padding-bottom: 60px;
    }*/
}

@media only screen and (max-width: 1060px) {
  #footer .footing2 .foot {
    padding-bottom: 60px;
  }
}

@font-face {
  font-family: 'icomoon';
  src: url("/App_Basics/fonts/icomoon.eot");
  src: url("/App_Basics/fonts/icomoon.eot") format("embedded-opentype"), url("/App_Basics/fonts/icomoon.woff") format("woff"), url("/App_Basics/fonts/icomoon.ttf") format("truetype"), url("/App_Basics/fonts/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before, .arrowToTop:before,
.arrowlink:before, .trustedBox ul li:before, .is_pig:before, .chkList li:before, .checklisten ul li:before, #individP span, #stdformate:before,
.pros li:after, .header-title-txt a:before, .zoid .closer, .ranks, .chkproduction:before, #insurance:focus .chkproduction:before,
ul.loptions li:hover .chkproduction:before, ul.loptions li:focus .chkproduction:before, .over .chkproduction:before, #insurance:hover .chkproduction:before,
.pdficon:before, .filetypes, .uploadifive-queue-item .close a.icons.icon_delete:before, .divCoupon .iChecked:before, .lnkCheckbox span:before,
.calcmodule ul.clklist li:before, #navigation ul.nav li.lastitem a:before, .foot .floatleft .btnNewsletter:before, .tblMain th.flagth div:before,
#navigation ul.nav li .subnav ul.calcbtnn a:before, #help .title .close:before,
.tblGrid.tbl-tech a[href*=".pdf"]::before, .tblGrid.tbl-tech a[href*=".indd.zip"]::before
{
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mid[class^="icon-"]:before, .icon-mid[class*=" icon-"]:before {
  font-size: 1.2em;
}

.icon-big[class^="icon-"]:before, .icon-big[class*=" icon-"]:before {
  font-size: 1.5em;
}

.iconlink:hover {
  text-decoration: none;
}

li[class^="icon-"], li[class*=" icon-"] {
  list-style: none;
}

.icon-lnks {
  padding-left: 10px;
}

.zoid .closer:before {
  content: "\e754";
}

#help .title .close:before {
  content: "\e754";
  font-size: 16px;
  height: 42px;
  line-height: 42px;
  display: block;
}

#stdformate:before {
  content: "\e9d3";
}

#individP span:before {
  content: "\e7be\00a0";
}

#individP span:after {
  content: "\e65b";
}

#individP.overing span:after {
  content: "\e62a";
}

.arrowToTop:before {
  content: "\e679";
}

.arrowToTop:hover:before {
  content: "\e678";
}

.chkproduction:before, .lnkCheckbox span:before {
  content: "\e90c";
}

.chkproduction:hover:before, .chkproduction:focus:before, ul.loptions li:hover .chkproduction:before, ul.loptions li:focus .chkproduction:before,
.over .chkproduction:before, #insurance:hover .chkproduction:before, #insurance:focus .chkproduction:before, .lnkCheckbox.checked span:before {
  content: "\e910";
}

.trustedBox ul li:before, .chkList li:before, .checklisten ul li:before {
  content: "\e73c\00a0";
}

.checklisten ul li.false:before {
  content: "\e73c\00a0\00a0";
  font-size: 0.8em;
  color: #D73011;
}

.divCoupon .iChecked:before {
  content: '\e73c';
}

.filetypes:before, .pdficon:before {
  content: '\e90d';
  color: #d73011;
}

.filetypes.indd:before {
  content: "\e909";
  color: #af4882;
}

.btnAction:hover .pdficon:before, .btnAction:focus .pdficon:before {
  color: white;
}

.is_pig:before {
  content: "\e201";
}

.arrowlink:before, .header-title-txt a:before {
  content: "\e65b";
}

.icon-images:before {
  content: "\e916";
}

.icon-lamp7:before {
  content: "\e914";
}

.icon-star-empty:before {
  content: "\e900";
}

.icon-star-half:before {
  content: "\e901";
}

.icon-star-full:before {
  content: "\e902";
}

.icon-pig:before {
  content: "\e201";
}

.icon-arrow-down:before {
  content: "\e62a";
}

.icon-arrow-right:before {
  content: "\e65b";
}

.icon-arrow-left:before {
  content: "\e65d";
}

.icon-arrow-up:before {
  content: "\e65e";
}

.icon-arrow-up-circle:before {
  content: "\e678";
}

.icon-arrow-up-circle-line:before {
  content: "\e679";
}

.icon-attachment:before {
  content: "\e68c";
}

.icon-checkmark:before {
  content: "\e73c";
}

.icon-circle:before {
  content: "\e745";
}

.icon-minus:before {
  content: "\e90e";
}

.icon-checkbox-unchecked:before {
  content: "\e90c";
}

.icon-checkbox-checked:before {
  content: "\e910";
}

.icon-minus-circle:before {
  content: "\e911";
}

.icon-close:before {
  content: "\e90f";
}

.icon-close2:before {
  content: "\e754";
}

.icon-file-check:before {
  content: "\e7ec";
}

.icon-file-ai:before {
  content: "\e903";
}

.icon-file-cdr:before {
  content: "\e904";
}

.icon-file-csv:before {
  content: "\e905";
}

.icon-file-design:before {
  content: "\e906";
}

.icon-file-eps:before {
  content: "\e907";
}

.icon-file-gif:before {
  content: "\e908";
}

.icon-file-indd:before {
  content: "\e909";
}

.icon-file-jpg:before {
  content: "\e90b";
}

.icon-file-pdf:before {
  content: "\e90d";
}

.icon-cart:before {
  content: "\e90a";
}

.icon-phone:before {
  content: "\e912";
}

.icon-thumbs-up3:before {
  content: "\e913";
}

.icon-clipboard:before {
  content: "\e74b";
}

.icon-clipboard4:before {
  content: "\e74b";
}

.icon-eye:before {
  content: "\e74d";
}

.icon-clock2:before {
  content: "\e74d";
}

.icon-credit:before {
  content: "\e784";
}

.icon-credit2:before {
  content: "\e784";
}

.icon-equalizer:before {
  content: "\e7be";
}

.icon-factory:before {
  content: "\e7dc";
}

.icon-shipping-box:before {
  content: "\e915";
}

.icon-bubble:before {
  content: "\e919";
}

.icon-pencil:before {
  content: "\e969";
}

.icon-ruler:before {
  content: "\e9d3";
}

.icon-stack:before {
  content: "\ea22";
}

.icon-stack3:before {
  content: "\ea22";
}

.icon-tag:before {
  content: "\ea65";
}

.icon-truck:before {
  content: "\ea8a";
}

/*  z-index */
.errMsg, .errorClose, #cartmini_details, #cartmini, #toppart {
  z-index: 5010 !important;
}

.updateContainer {
  z-index: 5005 !important;
}

.updateLayer, .layerTrans {
  z-index: 5000 !important;
}

#tooltip, .tooltip, .customTooltip {
  z-index: 3000 !important;
}

#toppart, .tabList li div, .header .actionpart, .header .actionlabel {
  z-index: 15 !important;
}

.tsLogo {
  z-index: 9 !important;
}

.plusL, #navigation ul.nav li:hover .contacts {
  z-index: 8 !important;
}

.pPart, .cInfoBox, .cnt #tooltips, .cntMusterTabs.cntMore {
  z-index: 7 !important;
}

#navigation li, #navigation li a, #logo, .lnkHead, .cntAngebote h4, .header.start .cntAnimate a, .divMore, .cntMusterTabs .lnkTab {
  z-index: 6 !important;
}

#head, .header.start .cntAnimate img, .cntAnimate, .cntMusterTabs .lnkAdd2Cart, .cntAngebote img, #navigation ul.nav li:hover .subnav {
  z-index: 5 !important;
}

#content, .header.start .cntAnimate .inner {
  z-index: 4 !important;
}

/* Color */
body, .tblGrid th a, .aight, .lnkInline.over, #contact_box ul a:hover,
.cntSubnav li a, h2, .listCalc li a, .colCalc label, .changeList li a, .listProcess li.over, .infoList li a:hover, .tabList li a.over,
.tblMain .tfoot td a.iconLnk.iconInfo, .cornerPrices.lastitem .boxPrices,
#cartmini small, #hellopart a, #navigation ul li.lastitem div.contacts .persons a:hover,
#navigation ul li.lastitem div.contacts .box_contact a:hover, .tblMain td.minList abbr, #content .flagginglist a, .infobar.benefits {
  color: #666;
}

h3, h4, h5, a:hover, a.over, strong, abbr, input, textarea, select, ul a, #navigation a strong,
#footer a, #footer h4, #content ul a:hover, #content ul a.over,
.btnAction, .btnAction a,
.cntMustercalc a, .cntMustercalc a:hover strong, .cntMustercalc a small strong, #content .cntMusterTabs ul li a.lnkAdd2Cart, .cntMusterTabs a:hover strong, .cntMusterTabs a small,
.cntMusterTabs a small strong, .boxMaterial .tabList li a.over, a:hover .arrowlink, a:hover .arrowlink:before, .listInfobox li div, .listInfobox h2, #content a.iconLnk:hover,
#content .listCalc a, #content .cntOptions a, .bigList, #content .descStatus li a, .aight:hover, .header.start .cntAnimate .cntOv p,
.boxPrices, #content .dotlist li a, #cartmini strong, #footer .trustedBox strong em, .tblCnt th, .headNav li.over a,
#content .bigdisplays .calcmodule .math li a {
  color: #555;
}

p.einleitung {
  color: #444;
}

em, .cntOptions ul li, del, #navigation ul.nav li, .tblMain .lnkAction, .text-secondary {
  color: #858585;
}

#navigation li:hover a, #navigation li.over a,
#content .listCalc li:hover a, #content .listCalc li a.over, .listCalc li h3, .listInfobox li, .lblerrs,
.btnAction:hover, .btnAction a:hover, .lnkHide, .lnkHide:hover, .lnkHide, #cartmini sup span, #cartmini sub span, .divCoupon .btnAction,
.pPart h2, .cntAngebote h4 a, .wrapCalc .lblInfo strong, .lblInfoBox strong, .cntExtras .lblInfo.err strong, label.txtLblInfo.err .inner strong, .cols .zoomFancy span, .header.start .cntAnimate .cntOv a.lblLnk strong,
#footer .trustedBox .btnAction:hover, #footer .trustedBox .btnAction:focus, .btnAction.btnAddPrice {
  color: #fff;
}

.colAngebote h2 a, #content .listCalc a:hover, #content .listCalc a.over, .listCalc li a.btnInherit, .breadcrumb li a.over, .lnkBorder:hover,
.cntSubnav li a sup, a.btnAction:hover, a.btnAction:focus, .pHeadline h1 {
  color: #fff !important;
}

.listCalc em, .colCalc, .listProcess li {
  color: #ababab;
}

/* grün */
.tblMain tr.checked td, .tblMain tr.checked td strong, .divCoupon.checked {
  color: #6f9f11;
}

.over[class^="icon-"]:before, .over[class*=" icon-"]:before, .trustedBox ul li:before, .checklisten ul li:before {
  color: #88be15;
}

/* gelb */
.rate_div [class^="icon-"]:before, .rate_div [class*=" icon-"]:before {
  color: #ffdc0f;
  font-size: 16px;
  margin-right: 5px;
}

.txtField:placeholder-shown {
  font-style: italic;
}

/* Background */
body, .lnkMoreAction:hover, .txtField[disabled] {
  background-color: #eee;
}

.cntSubnav, .colourline td, td.colourline, th.colourline, .boxExtra, .wrapperPtd, #ob_nav li.over a,
.firstCol, .colBox, .colHistory .line, .colBox fieldset h2, .colBox fieldset h3, .listCalc li, .colSidebar, .wrapDruckdaten, .cntMustercalc,
#navigation ul.nav li ul li a:hover, .cntMusterTabs .lnkAdd2Cart, .cntMusterTabs a.lnkTab.over, .cntMusterTabs a.lnkTab:hover, .cntAngebote a.lnkImage, .arrowlink.fixLnk,
.wrapCalc .icons.iconStdFormat.disabled, .iconStdFormat.disabled
.divCoupon {
  background-color: #f8f8f8 !important;
}

.header, .header.big {
  background-color: #f0f0f0 !important;
}

fieldset.boxed, .lnkMoreAction, .divCoupon, .tabList li a.over, .tabList li a:hover, .tblGrid.tblCGrid thead td, .tabList.whitening li a {
  background-color: #f8f8f8;
}

html, #tooltip, .tooltip, .txtField, fieldset h2, fieldset h3, .tblCnt .colourline td, .tblMain td, .listCalc li div,
.listInfobox ol li, .cntOptions.hover, body.startseite .tabList li ul, .wrapCalc .icons.iconStdFormat,
.shadow, .tabList.ksList li, #tooltips, .header.start .cntAnimate .cntOv .lblLnk strong,
.cntMusterTabs, .updateContainer.msgneut, .updateContainer.shadow.msgneut, .footing2, .headNav, .subnav,
.tabList.whitening li a.over, .tabList.whitening li a:hover {
  background-color: #fff;
}

.header.noneStyled {
  background-color: #fff !important;
}

.txtField.txtError, .txtError, .infoBox, .cntYellow, .cntTooltip, .colHistory .line.cntYellow, .cartnotice {
    background-color: #F6E9F0 !important;
}

 .listCalc li.headline h3, .cols .zoomFancy:hover span, .header.start .cntAnimate .cntOv a.lblLnk:hover strong,
#cartmini sup span {
    background-color: #555;
}

#cartmini sub span {
  background-color: #888;
}

.cntSubnav li a:hover sup, .cntSubnav li a.over sup {
  background-color: #555 !important;
}

.boxSubnav, .tblMain th, .listProcess {
  background-color: #eee;
}

.icon_x {
  background-color: #ababab;
}

.tblMain tr.checked td {
  background-color: #f7fde8 !important;
}

.tblMain tr.checked td input {
  background-color: #e3efc8 !important;
}

.layerTrans {
  background-color: #2e2e2e;
}

.updateContainer, .updateContainer.shadow, .cInfoBox, #tooltip {
  background-color: #fffaa4;
}

.header.calc, .calcbar {
  background-color: #f5f5f5 !important;
}

.divCoupon.checked {
  background-color: #f1fade;
}

#navigation ul.nav li .subnav ul.calcbtnn {
  background-color: #e9e9e9;
}

.shadow {
  border: 1px solid #ddd;
  margin-bottom: 28px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.btnAddPrice.shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.header.start .cntAnimate .cntOv .lblLnk strong {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.lnkCalcUpdate {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

fieldset input:focus, fieldset textarea:focus, fieldset select:focus {
  box-shadow: 0 0 4px #00a0e0;
  -moz-box-shadow: 0 0 4px #00a0e0;
  -webkit-box-shadow: 0 0 4px #00a0e0;
}

.footing2 {
  -moz-box-shadow: 5px 5px 90px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 5px 5px 90px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 90px rgba(0, 0, 0, 0.3);
}

.headNav {
  -moz-box-shadow: 0 5px 14px -5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 14px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 14px -5px rgba(0, 0, 0, 0.2);
}

.header.start .wrapAnimate .shadowcut {
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
}

.chgCountry li a, .loptions_left ul.iconsl li a img, .notclkbl a img {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}

.tsLogo:hover, .filetypes:hover, .filetypes:focus {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.dotlist li a.over, .dotlist li a:hover, .chgCountry li.over a, .chgCountry li a:hover, .chgCountry li a:focus,
.loptions_left ul.iconsl li a.over img, .loptions_left ul.iconsl li a:hover img, .loptions_left ul.iconsl li a:focus img,
.notclkbl a.over img, .notclkbl li a:hover img, .notclkbl a:focus img {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

/* Border */
.cols hr, .header, fieldset, fieldset.boxed, .cntSubnav li, .tblMain td, .tblMain th, .footList1 li ul, .tblGrid tr.tfoot td, .tabList, .tabList li, .divColourTheme,
#ob_nav, .moreText, .cols.boxExtra, .tblGrid th, .tblGrid, .tblGrid.tblCGrid, .tblGrid.tblCGrid td, .tblGrid.tblCGrid thead td,
.tblCnt, .tblCnt th, .tblCnt td, .tblImg td, #cartmini, ul.loptions, ul.loptions li, .divCoupon, .tblMain.tblTtip {
  border-color: #e7e7e7;
}

fieldset.boxed {
  border-color: #e7e7e7 !important;
}

.header.start, .cntautor img {
  border-color: #eee !important;
}

#navigation ul.nav li .subnav, .cnt, .txtField, .col, .cols, .header, abbr, .colBox, .colSidebar, .listCalc li,
.colHistory, .wrapDruckdaten, .cntMustercalc, .paymentMethods, .colHistory .line, .colCalc input, .tblMain th, .cntSubnav, .headNav,
.tblUl_line, .wrapperPtd, .cntTooltip, .listProcess, .cntMusterTabs .lnkTab,
.cntMusterTabs .lnkAdd2Cart, .cntOptions, .colStart, .colInfoStart.centerCnt, .arrowlink.fixLnk,
#footer hr, .wrapCalc .icons.iconStdFormat, .wrapCalc .icons.iconStdFormat.disabled:hover, .imgPos.countrys,
#tooltips .imgC, .trustedBox,
#cartmini_details .wrapping_details, #navigation ul li.lastitem ul.listcontacts li, .calcbar, #navigation ul.nav li .subnav ul.calcbtnn,
hr {
  border-color: #ddd;
}

.txtField {
  border-right-color: #f0f0f0;
  border-bottom-color: #f0f0f0;
}

.txtField.txtError, .txtError, .infoBox {
    border-color: #E7C8DA;
}

.txtField.txtError {
    border-right-color: #EFDAE6;
    border-bottom-color: #EFDAE6;
}

.listCalc li:hover a span, .listCalc li a.over span, .boxMaterial .tabList li.noneBordered {
  border-color: #fff;
}

.footList2 li a, .boxPrices hr, .cornerPrices.lastitem .boxPrices strong span {
  border-color: #ababab;
}

.tblMain tr.checked td input {
  border-color: #c1d792;
  border-right-color: #d5e5b2;
  border-bottom-color: #d5e5b2;
}

.add2Cart {
  border-color: #f8f8f8;
}

.updateContainer, .cartnotice, .cInfoBox, #tooltip {
  border-color: #f5ef88;
}

.header.start .cntAnimate .cntOv .btnAction {
  border-color: #aaa;
}

.cntMusterTabs a.lnkTab.over, .cntMusterTabs a.lnkTab:hover {
  border-bottom-color: #f8f8f8;
}

.cntOptions {
  border-right-color: #eee;
  border-left-color: #eee;
}

.tabList li a.over, .tabList li a:hover {
  border-color: #f8f8f8;
}

.calcmodule input.txtError {
  border-color: #a6a6a6;
}

.btnAction, .listBrdcrmb li strong {
  text-shadow: 1px 1px rgba(255, 255, 255, 0.4);
}

.btnAction:hover, .btnAction:focus, .listBrdcrmb li.over strong span, .divCoupon .btnAction, .btnAction.btnAddPrice {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
}

a.btnAction, .btnAction a, input.btnAction, .btnAddCt, #navigation ul.nav li .subnav ul.calcbtnn a:before {
  background-color: #ffba00;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd700), color-stop(55%, #ffba00), color-stop(100%, #ffa000));
  background: -moz-linear-gradient(top, #ffd700, #ffba00 55%, #ffa000 100%);
}

.btnAction.secRange, .btnAction.secRange a {
  background: #ddd;
}

/* Images */
body {
  background-image: url(/images/back_top.gif);
}

.loading {
  background-image: url(/images/loading_trans.gif);
}

.updateLayer .loading {
  background-image: url(/images/loading.gif);
}

.listCalc li.headline {
  background-image: url(/images/corner_calc.gif);
}

.cornerPrices.lastitem {
  background-image: url(/images/corner_prices.gif);
}

.btnAddCt strong {
  background-image: url(/images/icons/btns_cart.png);
}

.lnkHide {
  background-image: url(/images/icons/close_white.gif);
}

.cInfoBox span {
  background-image: url(/images/icons/infobox_icon.gif);
}

.cntMusterTabs .lnkAdd2Cart, .mylnkAdd2Cart {
  background-image: url(/images/icons/calcbuttons.png) !important;
}

.wrapCalc .lblInfo, .lblInfoBox, .cntExtras .lblInfo, .diverror, label.txtLblInfo .inner {
  background-image: url(/images/calc_infoarrow.gif);
}

.calc_right .lblInfoBox {
  background-image: url(/images/calc_infoarrow_right.gif);
}

#cartmini {
  background-image: url(/images/icons/wkorb.png);
}

#cartmini sup, #cartmini sub {
  background-image: url(/images/wkorb_corner.gif);
}

.wrap_colBoxes {
  background-image: url(/images/colBoxes_back.gif);
}

/* Navigation */
#navigation li.lastitem.over a, #navigation li.lastitem:hover a {
  color: #af4882;
}

#navigation li.lastitem ul li a:hover, #navigation li.lastitem ul li a.over {
  color: #af4882 !important;
}

#navigation li.mainnav_werbeschilder.over, #navigation li.mainnav_werbeschilder:hover {
  background-image: url(/images/werbeschilder/corner_prices.gif);
}

#navigation li.mainnav_werbeschilder.over a, #navigation li.mainnav_werbeschilder:hover a, .subnav.ulsubcat1 .ulcat li, #navigation li.mainnav_werbeschilder .subnav a.new:after {
  background-color: #d73011;
}

#navigation li.mainnav_werbeschilder ul li a:hover, #navigation li.mainnav_werbeschilder ul li a.over, #navigation li.mainnav_werbeschilder ul.calcbtnn li a strong,
#navigation li.mainnav_werbeschilder ul li a:hover strong {
  color: #d73011 !important;
}

#navigation li.mainnav_werbeschilder ul.calcbtnn {
  background: url(/images/werbeschilder/subnav.jpg) no-repeat right top;
}

.subnav.ulsubcat1 .closing {
  background-color: #ae1c01;
}

#navigation ul.nav li.mainnav_werbeschilder .subnav ul.calcbtnn a:hover:before {
  background: #d73011;
}

#navigation ul.nav li.mainnav_werbeschilder .subnav ul.calcbtnn a:hover
, #navigation ul.nav li.mainnav_werbeschilder .subnav ul.calcbtnn a:focus
#navigation ul.nav li.mainnav_werbeschilder .subnav ul.calcbtnn li a:hover
, #navigation ul.nav li.mainnav_werbeschilder .subnav ul.calcbtnn li a:focus {
  background-position: 0 -182px !important;
}

#navigation ul.nav li.mainnav_werbeschilder .subnav, #navigation ul.nav li.mainnav_werbeschilder .subnav ul.calcbtnn,
#navigation ul.nav li.mainnav_werbeplane .subnav, #navigation ul.nav li.mainnav_werbeplane .subnav ul.calcbtnn,
#navigation ul.nav li.mainnav_klebefolie .subnav, #navigation ul.nav li.mainnav_klebefolie .subnav ul.calcbtnn {
    width: 650px;
}

#navigation li.mainnav_werbeplane.over, #navigation li.mainnav_werbeplane:hover {
  background-image: url(/images/werbeplane/corner_prices.gif);
}

#navigation li.mainnav_werbeplane.over a, #navigation li.mainnav_werbeplane:hover a, .subnav.ulsubcat2 .ulcat li, #navigation li.mainnav_werbeplane .subnav a.new:after {
  background-color: #88be15;
}

#navigation li.mainnav_werbeplane ul li a:hover, #navigation li.mainnav_werbeplane ul li a.over, #navigation li.mainnav_werbeplane ul.calcbtnn li a strong,
#navigation li.mainnav_werbeplane ul li a:hover strong {
  color: #88be15 !important;
}

#navigation li.mainnav_werbeplane ul.calcbtnn {
  background: url(/images/werbeplane/subnav.jpg) no-repeat right top;
}

.subnav.ulsubcat2 .closing {
  background-color: #6f9f11;
}

#navigation ul.nav li.mainnav_werbeplane .subnav ul.calcbtnn a:hover:before {
  background: #88be15;
}

#navigation ul.nav li.mainnav_werbeplane .subnav ul.calcbtnn a:hover
, #navigation ul.nav li.mainnav_werbeplane .subnav ul.calcbtnn a:focus
#navigation ul.nav li.mainnav_werbeplane .subnav ul.calcbtnn li a:hover
, #navigation ul.nav li.mainnav_werbeplane .subnav ul.calcbtnn li a:focus {
  background-position: 0 -282px !important;
}

#navigation li.mainnav_fahnen.over, #navigation li.mainnav_fahnen:hover {
  background-image: url(/images/fahnen/corner_prices.gif);
}

#navigation li.mainnav_fahnen.over a, #navigation li.mainnav_fahnen:hover a, .subnav.ulsubcat2 .ulcat li, #navigation li.mainnav_fahnen .subnav a.new:after {
  background-color: #04ac9f;
}

#navigation li.mainnav_fahnen ul li a:hover, #navigation li.mainnav_fahnen ul li a.over, #navigation li.mainnav_fahnen ul.calcbtnn li a strong,
#navigation li.mainnav_fahnen ul li a:hover strong {
  color: #04ac9f !important;
}

#navigation li.mainnav_fahnen ul.calcbtnn {
  background: url(/images/fahnen/subnav.jpg) no-repeat right top;
}

.subnav.ulsubcat2 .closing {
  background-color: #00847a;
}

#navigation ul.nav li.mainnav_fahnen .subnav ul.calcbtnn a:hover:before {
  background: #04ac9f;
}

#navigation ul.nav li.mainnav_fahnen .subnav ul.calcbtnn a:hover
, #navigation ul.nav li.mainnav_fahnen .subnav ul.calcbtnn a:focus
#navigation ul.nav li.mainnav_fahnen .subnav ul.calcbtnn li a:hover
, #navigation ul.nav li.mainnav_fahnen .subnav ul.calcbtnn li a:focus {
  background-position: 0 -282px !important;
}

#navigation li.mainnav_plakate.over, #navigation li.mainnav_plakate:hover {
  background-image: url(/images/plakate/corner_prices.gif);
}

#navigation li.mainnav_plakate.over a, #navigation li.mainnav_plakate:hover a, .subnav.ulsubcat3 .ulcat li, #navigation li.mainnav_plakate .subnav a.new:after {
  background-color: #f37f0d;
}

#navigation li.mainnav_plakate ul li a:hover, #navigation li.mainnav_plakate ul li a.over, #navigation li.mainnav_plakate ul.calcbtnn li a strong,
#navigation li.mainnav_plakate ul li a:hover strong {
  color: #f37f0d !important;
}

#navigation li.mainnav_plakate ul.calcbtnn {
  background: url(/images/plakate/subnav.jpg) no-repeat right top;
}

.subnav.ulsubcat3 .closing {
  background-color: #e46a0b;
}

#navigation ul.nav li.mainnav_plakate .subnav ul.calcbtnn a:hover:before {
  background: #f37f0d;
}

#navigation ul.nav li.mainnav_plakate .subnav ul.calcbtnn a:hover
, #navigation ul.nav li.mainnav_plakate .subnav ul.calcbtnn a:focus
#navigation ul.nav li.mainnav_plakate .subnav ul.calcbtnn li a:hover
, #navigation ul.nav li.mainnav_plakate .subnav ul.calcbtnn li a:focus {
  background-position: 0 -482px !important;
}

#navigation li.mainnav_klebefolie.over, #navigation li.mainnav_klebefolie:hover {
  background-image: url(/images/klebefolie/corner_prices.gif);
}

#navigation li.mainnav_klebefolie.over a, #navigation li.mainnav_klebefolie:hover a, .subnav.ulsubcat4 .ulcat li, #navigation li.mainnav_klebefolie .subnav a.new:after {
  background-color: #24b1d4;
}

#navigation li.mainnav_klebefolie ul li a:hover, #navigation li.mainnav_klebefolie ul li a.over, #navigation li.mainnav_klebefolie ul.calcbtnn li a strong,
#navigation li.mainnav_klebefolie ul li a:hover strong {
  color: #24b1d4 !important;
}

#navigation li.mainnav_klebefolie ul.calcbtnn {
  background: url(/images/klebefolie/subnav.jpg) no-repeat right top;
}

.subnav.ulsubcat4 .closing {
  background-color: #1b8baf;
}

#navigation ul.nav li.mainnav_klebefolie .subnav ul.calcbtnn a:hover:before {
  background: #24b1d4;
}

#navigation ul.nav li.mainnav_klebefolie .subnav ul.calcbtnn a:hover
, #navigation ul.nav li.mainnav_klebefolie .subnav ul.calcbtnn a:focus
#navigation ul.nav li.mainnav_klebefolie .subnav ul.calcbtnn li a:hover
, #navigation ul.nav li.mainnav_klebefolie .subnav ul.calcbtnn li a:focus {
  background-position: 0 -582px !important;
}

#navigation li.mainnav_displays.over, #navigation li.mainnav_displays:hover {
  background-image: url(/images/displays/corner_prices.gif);
}

#navigation li.mainnav_displays.over a, #navigation li.mainnav_displays:hover a, .subnav.ulsubcat10 .ulcat li, #navigation li.mainnav_displays .subnav a.new:after {
  background-color: #844bb0;
}

#navigation li.mainnav_displays ul li a:hover, #navigation li.mainnav_displays ul li a.over, #navigation li.mainnav_displays ul.calcbtnn li a strong,
#navigation li.mainnav_displays ul li a:hover strong {
  color: #844bb0 !important;
}

#navigation li.mainnav_displays ul.calcbtnn {
  background: url(/images/displays/subnav.jpg) no-repeat right top;
}

.subnav.ulsubcat10 .closing {
  background-color: #6f359b;
}

#navigation ul.nav li.mainnav_displays .subnav ul.calcbtnn a:hover:before {
  background: #844bb0;
}

#navigation ul.nav li.mainnav_displays .subnav ul.calcbtnn a:hover
, #navigation ul.nav li.mainnav_displays .subnav ul.calcbtnn a:focus
#navigation ul.nav li.mainnav_displays .subnav ul.calcbtnn li a:hover
, #navigation ul.nav li.mainnav_displays .subnav ul.calcbtnn li a:focus {
  background-position: 0 -382px !important;
}



#navigation li.mainnav_fotodruck.over, #navigation li.mainnav_fotodruck:hover {
  background-image: url(/images/fotodruck/corner_prices.gif);
}

#navigation li.mainnav_fotodruck.over a, #navigation li.mainnav_fotodruck:hover a, .subnav.ulsubcat10 .ulcat li, #navigation li.mainnav_fotodruck .subnav a.new:after {
  background-color: #f207b0;
}

#navigation li.mainnav_fotodruck ul li a:hover, #navigation li.mainnav_fotodruck ul li a.over, #navigation li.mainnav_fotodruck ul.calcbtnn li a strong,
#navigation li.mainnav_fotodruck ul li a:hover strong {
  color: #f207b0 !important;
}

#navigation li.mainnav_fotodruck ul.calcbtnn {
  background: url(/images/fotodruck/subnav.jpg) no-repeat right top;
}

.subnav.ulsubcat15 .closing {
  background-color: #ae1c01;
}

#navigation ul.nav li.mainnav_fotodruck .subnav ul.calcbtnn a:hover:before {
  background: #f207b0;
}

#navigation ul.nav li.mainnav_fotodruck .subnav ul.calcbtnn a:hover
, #navigation ul.nav li.mainnav_fotodruck .subnav ul.calcbtnn a:focus
#navigation ul.nav li.mainnav_fotodruck .subnav ul.calcbtnn li a:hover
, #navigation ul.nav li.mainnav_fotodruck .subnav ul.calcbtnn li a:focus {
  background-position: 0 -382px !important;
}


#navigation ul.nav li.mainnav_fotodruck .subnav, #navigation ul.nav li.mainnav_fotodruck .subnav {
    left: auto;
    right: 0;
}





#navigation li.mainnav_textildruck.over, #navigation li.mainnav_textildruck:hover {
  background-image: url(/images/textildruck/corner_prices.gif);
}

  #navigation li.mainnav_textildruck.over a, #navigation li.mainnav_textildruck:hover a, .subnav.ulsubcat10 .ulcat li, #navigation li.mainnav_textildruck .subnav a.new:after {
      background-color: #0e549e;
  }

#navigation li.mainnav_textildruck ul li a:hover, #navigation li.mainnav_textildruck ul li a.over, #navigation li.mainnav_textildruck ul.calcbtnn li a strong,
#navigation li.mainnav_textildruck ul li a:hover strong {
  color: #0e549e !important;
}

#navigation li.mainnav_textildruck ul.calcbtnn {
  background: url(/images/textildruck/subnav.jpg) no-repeat right top;
}

.subnav.ulsubcat10 .closing {
  background-color: #06396f;
}

#navigation ul.nav li.mainnav_textildruck .subnav ul.calcbtnn a:hover:before {
  background: #0e549e;
}

#navigation ul.nav li.mainnav_textildruck .subnav ul.calcbtnn a:hover, #navigation ul.nav li.mainnav_textildruck .subnav ul.calcbtnn a:focus
#navigation ul.nav li.mainnav_textildruck .subnav ul.calcbtnn li a:hover, #navigation ul.nav li.mainnav_textildruck .subnav ul.calcbtnn li a:focus {
  background-position: 0 -382px !important;
}


#navigation ul.nav li.mainnav_textildruck .subnav, #navigation ul.nav li.mainnav_textildruck .subnav {
  left: auto;
  right: 0;
}




#navigation li.prelast.over, #navigation li.prelast:hover {
  background-image: url(/images/main/corner_prices.gif);
}

#navigation li.prelast.over a, #navigation li.prelast:hover a, .subnav.ulsubcat10 .ulcat li {
  background-color: #af4882;
}

#navigation li.prelast ul li a:hover, #navigation li.prelast ul li a.over, #navigation li.prelast ul.calcbtnn li a strong,
#navigation li.prelast ul li a:hover strong {
  color: #af4882 !important;
}

.subnav.ulsubcat10 .closing {
  background-color: #af4882;
}

#navigation li:hover ul li a, #navigation li.over ul li a, #navigation li ul li a {
  color: #666 !important;
}

#vorteile li {
  background-color: rgba(255, 255, 255, 0.9);
  color: #444;
}

#vorteile li, #vorteile li:before {
  color: #444;
}

.addfontsize h2 {
  margin-bottom: 24px;
}

.addfontsize h3 {
  margin-bottom: 12px;
}

.addfontsize h4 {
  margin-bottom: 6px;
}

.addfontsize .header h2 {
  margin-bottom: 6px;
}

.addfontsize .header h3 {
  margin-bottom: 0px;
}

.mobileos.subnav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  border: 0;
  padding: 120px 0 20px;
  text-align: left;
}

.mobileos.subnav ul {
  margin-bottom: 30px;
  float: none !important;
}

.mobileos.subnav .floatleft {
  display: block;
  float: none !important;
}

.mobileos.subnav li {
  display: block;
  border-bottom: 1px solid #ddd;
  line-height: 60px;
}

.mobileos.subnav li a, .mobileos.subnav li strong {
  display: block;
  padding: 20px 30px;
  font-size: 30px !important;
  color: #555 !important;
}

.mobileos.subnav li a strong {
  padding: 0;
}

.mobileos .calcbtnn {
  font-family: Arial, Verdana, Tahoma !important;
}

.mobileos ul.ulcat {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 4;
}

.mobileos ul.ulcat li {
  line-height: 90px;
}

.mobileos ul.ulcat li a {
  padding-bottom: 28px;
  font-weight: bold;
  font-size: 42px !important;
  width: 100%;
  color: #fff !important;
}

.mobileos ul.ulcat li a:after {
  content: ' in der Übersicht';
}

.mobileos.contacts {
  position: absolute;
  z-index: 9000;
  text-align: left;
  background-color: #fff;
  width: 100%;
  font-size: 30px !important;
  line-height: 60px;
}

.mobileos.contacts .box_faq, .mobileos.contacts .side {
  float: none;
  width: 100%;
}

.mobileos.contacts .box_faq {
  margin-bottom: 30px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.mobileos.contacts .box_faq ul {
  margin-left: 0;
}

.mobileos.contacts h3 {
  font-size: 42px !important;
  margin-bottom: 24px !important;
}

.mobileos.contacts small {
  font-size: 24px !important;
  line-height: 30px !important;
  margin-bottom: 24px;
}

.mobileos.contacts .side hr {
  margin: 30px 0;
  width: 100%;
}

.mobileos.contacts .box_contact p {
  margin-top: 18px;
}

.mobileos.contacts .box_contact {
  padding: 36px 30px;
}

.mobileos.contacts .ibox {
  display: none;
}

.mobileos.contacts h3, .mobileos.contacts h3 a, .mobileos.contacts .side a {
  color: #af4882 !important;
}

.mobileos.subnav .closing, .mobileos.contacts a.closing {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  font-weight: bold;
  color: #fff;
  font-size: 60px !important;
  padding: 44px 43px 54px 44px !important;
  z-index: 5;
}

.mobileos.contacts a.closing {
  background-color: #af4882 !important;
}

@font-face {
  font-family: 'klavika';
  src: url("/App_Basics/fonts/KlavikaBasic-Regular.eot");
  src: url("/App_Basics/fonts/KlavikaBasic-Regular.eot?#iefix") format("embedded-opentype"), url("/App_Basics/fonts/KlavikaBasic-Regular.otf") format("opentype"), url("/App_Basics/fonts/KlavikaBasic-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'klavika';
  src: url("/App_Basics/fonts/KlavikaBasic-Medium.eot");
  src: url("/App_Basics/fonts/KlavikaBasic-Medium.eot?#iefix") format("embedded-opentype"), url("/App_Basics/fonts/KlavikaBasic-Medium.otf") format("opentype"), url("/App_Basics/fonts/KlavikaBasic-Medium.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

body, input, select, textarea, h1, h2, h3, h4, h5, h6, .einleitung h3, .tblGrid td.col1, #navigation .subnav, #navigation .contacts, .infobar.benefits {
  font-family: Arial, Verdana, Tahoma;
}

h1, h2, h3, h4, h5, h6, .infobar, .btnAction.btnAddPrice, .listAttr ul li strong, .tblGrid thead td, .col25_2.padRight.secRange.lastitem .tabList li, #navigation, .calcbtnn,
.header.start.small, .zlnks, .itslbl, .breadcrumble li:not(.lastitem) a, #stdformate div:before, .newsfeed .navlist, .pros li > strong, .header-title-txt, #navigation ul.nav li .subnav a.new:after {
  font-family: 'klavika';
}

.boxMaterial h3 small, .zlnks {
  font-weight: 600;
}

.plusL::before {
  font-size: 22px;
}

#content h3 {
  font-size: 20px;
}

fieldset legend, .actionclick, .col fieldset.boxed .arrowlink, .listAttr ul li strong, #content .wrapDruckdaten h3, .newsfeed .navlist {
  font-size: 18px;
}

#navigation, .header.start .cntAnimate .cntOv p, .txteinleitung, #content .colHistory h3, .breadcrumble li:not(.lastitem) a, .intro, .pros li > strong {
  font-size: 17px;
}

.mathpt.rpt a, .calcmodule abbr, .actionclick li li span,.boxMaterial.cols33_2 h3 small {
  font-size: 16px;
}

label span, .bigList, .tabList, .math, .header.start .cntText,
.tfoot strong, .atrList, .pSubline, .changeList, .listInfobox, .cntOptions, .header span.subline, .btnAction,
#tooltip h3, .pdfbox, .einleitung h3, p.einleitung, .tblGrid td, #navigation .subnav .calcbtnn,
.shppngcrt .tfoot .labeling strong, .shppngcrt .tfoot .maths strong, .zlnks, .cntAngebote .intro {
  font-size: 15px;
}

h6, .schat a, .header .layerboxhead, .msgneut a.pdflinks, .listBrdcrmb, .boxMaterial h3 small, .calcmodule strong, #vorteile ul.chkList li:before, #faq label {
  font-size: 14px;
}

body, input, textarea, select, label, .boxMaterial .tabList, .col25_2.padRight.secRange.lastitem .tabList, .boxPrices strong, #navigation ul ul,
.cartnotice ul li strong, .tabList li ul, .tabList.ksList, .tblMain .tfoot ul strong, .btnAction.btnsmall,
.shppngcrt .tfoot strong, .header-title-txt small, .tabList, .mathptss {
  font-size: 13px;
}

.tfoot .mathptss {
  font-size: 13px;
}

.header.start .cntAnimate .cntOv .lblLnk, .trustedBox,
.tblGrid.tblCGrid .btnAction, #cartmini_details, #cartmini_details .btnAction, #cartmini_details .arrowlink,
#hellopart, #navigation ul.nav div, #footer .foots, .wrapCalc label small, #stdformate div:before {
  font-size: 12px;
}

sup, .tblMain th, small, .cntMath, .boxPrices em, .tblMain tbody td em, .smallLnk, .descStatus, .cntNotice, .cInfoBox
.breadcrumb li, .breadcrumb li strong, .boxPrices small strong, #tooltip table, .tooltip table, .lnkMoreAction,
.cntMustercalc em, .lblerrs, #footer .foot, #navigation ul.nav li.lastitem ul li ul li a, .topmsg, .tblCnt th, .tblMain td .icnsmorespace .arrowlink {
  font-size: 11px;
}

#footer small, #cartmini sup, #cartmini sub {
  font-size: 10px;
}

h1, h2, .addfontsize h2 {
  font-size: 30px;
}

.cntContent h2, .spclcnt h2 {
  font-size: 24px;
}

.addfontsize h3, .col_materialue h2 {
  font-size: 22px;
}

h3, .cntAngebote h4, .addfontsize h4, #footer .col .btnAction, .spclcnt h2 small {
  font-size: 18px;
}

.addfontsize {
  font-size: 14px;
}

#footer h5, .addfontsize .einleitung {
  font-size: 16px;
}

.cntContent .addfontsize h2, .addfontsize h2 {
  font-size: 30px;
}

#content .addfontsize h3, .cntContent .addfontsize h3, .addfontsize h3 {
  font-size: 24px;
}

.cntContent .addfontsize h4, .addfontsize h4 {
  font-size: 18px;
}

.addfontsize {
  font-size: 14px;
}

.listCalc li.headline h3 {
  line-height: 45px;
}

#navigation li a, .changeList li a, .headNav li, .listProcess, .cntOptions {
  line-height: 38px;
}

.tabList li, .loading {
  line-height: 36px;
}

h1, .listCalc li, .listCalc li a, .listCalc li span, .colAngebote h2, .lblLeft, .btnAction, .btnAction a, .tblMain .tfoot td {
  line-height: 34px;
}

h2 {
  line-height: 35px;
}

h3, .cntSubnav li a, .spclcnt h2, .intro {
  line-height: 28px;
}

fieldset legend, #foot, .tblMain tr.tfClass td, .colHistory .line div.floatright, .listCalc li a.btnInherit, .listInfobox,
.tblGrid.tblCGrid .btnAction, #cartmini_details .btnAction, #cartmini_details .arrowlink, .btnAction.btnsmall, .txteinleitung, #footer .col .btnAction {
  line-height: 26px;
}

#navigation, h3 label, label span, .colCalc, .colCalc label, .boxPrices strong, .tabList, .math, .cntSubnav li.firstitem, .header.start .cntText,
.tfoot strong, .atrList, .pSubline, .changeList, .listCalc li .cntExtras .cntChkRad label, .listCalc li .cntExtras .cntChkRad1 label,
.listCalc .cntChkRadRow label {
  line-height: 24px;
}

body, input, textarea, select, label .boxMaterial .tabList, .cntMusterTabs a.lnkTab, .bigList, .tblMain .tfoot td .trustedBox,
ul.loptions, ul.loptions strong, .tblMain .tfoot td .cartInfo, .divCoupon, .footList1 {
  line-height: 22px;
}

#navigation li ul li a, .faqlist li a, .cartnotice ul li, .tabList li ul li {
  line-height: 20px;
}

small, .cInfoBox, .plusL, .tblMain tbody em, #footer .trustedBox, .pros li p {
  line-height: 18px;
}

input.btnAction, .btnAction input, .cntMath {
  line-height: 16px;
}

.footList2 li, #cartmini sup span, #cartmini sub span {
  line-height: 14px;
}

fieldset label span {
  line-height: 8px !important;
}

.loptions_left ul.iconsl li {
  line-height: 26px;
}

.cntAngebote h4 a {
  line-height: 34px;
}

.col_materialue .col .txtpt {
  line-height: 20px;
}

.col_materialue .col ul li {
  line-height: 34px;
}

.col_materialue .col h2 a, .col_materialue .col h2 span {
  line-height: 34px;
}

.passinfo .ibar div {
  line-height: 10px;
}

.topmsg {
  line-height: 22px;
}

.listBrdcrmb li, .listBrdcrmb li strong {
  line-height: 44px;
}




#contact_box {
  position: absolute;
  z-index: 1002;
  top: 50px;
  left: 0;
  background: white;
  padding: 10px 0 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  line-height: 25px;
}
#contact_box > div {
  height: 100%;
  overflow-x: hidden;
  padding: 0 25px;
}


#contact_box a:hover {
  text-decoration: underline;
}


#contact_box li {
  padding: 10px 25px 10px 0;
  border-bottom: 1px solid #e7e7e7;
}
#contact_box li a ~ br {
  display: none;
}

#contact_box ul {
  margin-bottom: 10px;
}

#contact_box h3 {
  margin-bottom: 5px;
}

#contact_box p {
  line-height: 20px;
  margin-bottom: 5px
}

#contact_box div > a:first-of-type {
  float: right;
}
#contact_box div > a:first-of-type span {
  display: none;
}
#contact_box div > a:first-of-type:after {
  content: 'x';
  display: block;
}


@media all and (max-width: 800px) {
  #contact_box{
    z-index: 1010;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 65px);
    padding-top: 50px;
  }
  #contact_box > div {
    overflow-y: visible;
    padding-bottom: 75px;
    height: calc(100% - 75px);
  }

  #contact_box li a ~ br {
    display: block
  }

  #contact_box div > a:first-of-type {
    float: none;
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw - 50px);  
    padding: 10px 25px;
    background: #eee;
    text-align: right;
  }
  #contact_box div > a:first-of-type span {
    display: block;
  }
  #contact_box div > a:first-of-type:after {
    content: none;
  }  
}


.col.col100_2.padBoth .boxMaterial.smallThumbs .cols.col20 {
  margin-right: 0 !important;
}

.boxMaterial.smallThumbs .cols.col20 .plusL {
  right: 10px;
  bottom: 13px;
  padding-right: 0;
}
.boxMaterial.smallThumbs .cols.col20 .plusL::before {
  display: inline-block;
    line-height: 15px;
    top: 1px;
    position: relative;
}



.tbl_comparison {
  width: 100%;
  border-right: 1px solid #d5d5d5;
  margin-bottom: 40px;
}
.tbl_comparison thead th {
  position: relative;
  height: 150px;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  border-top: 1px solid #d5d5d5;
}
.tbl_comparison td {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
  vertical-align: middle;
}

.tbl_comparison thead th div {
  position: absolute;
  display:inline-block;
  bottom: -10px;
  white-space: nowrap;
  -webkit-transform-origin: -5px 0;
  -moz-transform-origin: -5px 0;
  -o-transform-origin: -5px 0;
  transform-origin: -5px 0;
  -ms-transform-origin: 0 0;
  -webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
  margin-left: -5px;

  //span { display: block; height:100%; }
}

.tbl_comparison th, .tbl_comparison td {
  border-left: 1px solid #d5d5d5;
}



/*.tbl_comparison th:first-child, .tbl_comparison td:first-child {
  border-left: 0;
}*/
.tbl_comparison thead th:first-child, .tbl_comparison td:first-child {
  text-align: right;
  width: 23%;
  padding-right: 2%;
  font-weight: bold;
  vertical-align: top;
}

.tbl_comparison td:first-child small {
  font-weight: normal;
}


.tbl_comparison tr:hover td, .tbl_comparison tr.colourline:hover td,
.tbl_comparison tr:hover td.hover, .tbl_comparison td.hover,.tbl_comparison tr:hover th.hover, .tbl_comparison th.hover
{ background-color: #eee !important; }

.tbl_comparison tr:hover td:hover, .tbl_comparison tr.colourline:hover td:hover { background-color: #ddd !important; }

.tbl_comparison th.hover:first-child,.tbl_comparison th:hover:first-child,.tbl_comparison tr:hover th:first-child { background-color: transparent !important; }
.tbl_comparison thead th:first-child { border-top: 0; border-left: 0; }
.tbl_comparison tfoot th:first-child { border-bottom: 0; border-left: 0; }

.tbl_comparison tfoot th {
  text-align: center;
  padding: 15px 0;
  font-weight: normal;
  border-bottom: 1px solid #d5d5d5;
}

.tbl_comparison .iii {
margin-right: -3px;
}


#MyCustomTrustbadge {
  position: fixed;
  /* bottom: 0;
  z-index: 5000; */
}




.hexcodes { margin-top: 20px; float: right;}

.hexcodes li {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  border: 2px solid white;
  margin: 5px 0 0 5px;
  border-radius: 100%;
  box-shadow: 0 2px 2px rgba(0,0,0,.2);
  cursor: pointer;
  transition: all .2s linear 0s;
}

.hexcodes li:not(.over):hover {
  box-shadow: 0 4px 4px rgba(0,0,0,.4);
}

.hexcodes li span {
  display: none;
}

.hexcodes li.over {
  cursor: default;
  border-color: transparent;
}



.header .hexcodes {
  float: none;
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  max-width: 450px;
  margin-bottom: 0;
}


#layout-container .col.col25_4 {
  height: 205px;
  width: 205px;
  padding: 0;
  margin: 20px 20px 0 0;
  border: 0;
}


#layout-container::after {
  content: '';
  clear: both;
  line-height: 0;
  font-size: 0;
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}

#layout-container .col > div {
  position: relative;
}

#layout-container .col > div:empty {
  border: 5px solid #fff;
  background-color: #eee;
  height: 195px;
  width: 195px;
}

#layout-container .col > div .plusL {
  position: absolute;
  bottom: 15px;
  right: 10px;
  display: block;
  z-index: 5;
  background: white;
  text-decoration: none;
  height: 18px;
}


#layout-container .col img {
  float: none;
  max-width:calc(100% - 10px);
  margin:0;
  border: 5px solid white;
}
#layout-container .col img:not(.over) {
  cursor: pointer;
}

#layout-container .col img.over,
#layout-container .col img:hover {
  box-shadow: 0 0 15px rgba(0,0,0,.3);
}

#layout-container .col img.over {
  border-color: transparent;
}

#layout-container .layout-container-inner {
  height: 225px;
}


#layout-container .page-switcher {
  float: left;
  margin-top: 10px;
}
#layout-container .page-switcher li {
  display: inline-block;
}

#layout-container .page-switcher li:not(:first-child) {
  margin-left: 5px;
}
#layout-container .page-switcher li a {
  display: block;
  width: 25px;
  height: 25px;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  text-align: center;
  line-height: 25px;
}
#layout-container .page-switcher li a.over {
  color: white;
}



.tblGrid.tbl-tech {
  width: 860px;
}
.tblGrid.tbl-tech tbody + tbody {
  border-top: 2px solid #eee;
}

.tblGrid.tbl-tech tbody th,
.tblGrid.tbl-tech tbody td {
  color: #666;
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.tblGrid.tbl-tech tbody th {
  color: #858585;
  font-weight: bold;
}


.tblGrid.tbl-tech tbody td:first-child {
  padding-left: 0;
}
.tblGrid.tbl-tech tbody td:last-child {
  padding-right: 0;
}

/* .tblGrid.tbl-tech tbody td:last-child {
  border-right: 0;
} */

.tblGrid.tbl-tech tbody:not(:first-child) tr:first-child td {
  padding-top: 15px;
}
.tblGrid.tbl-tech tbody:not(:last-child) tr:last-child td {
  padding-bottom: 15px;
  border-bottom: 0;
}

.tblGrid.tbl-tech a:hover, .tblGrid.tbl-tech a:focus {
  text-decoration: none;
}

.tblGrid.tbl-tech a[href*=".pdf"]::before {
  content: '\e90d';
  margin-right: 5px;
}
.tblGrid.tbl-tech a[href*=".indd.zip"]::before {
  content: '\e909';
  margin-right: 5px;
}


.tblGrid.tbl-tech-displays {
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
}

.tblGrid.tbl-tech-displays th,
.tblGrid.tbl-tech-displays td {
  border-left: 1px solid #eee;
}