@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open_sans_300-webfont.eot');
    src: url('../fonts/open_sans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans_300-webfont.woff') format('woff'),
         url('../fonts/open_sans_300-webfont.ttf') format('truetype'),
         url('../fonts/open_sans_300-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open_sans_300italic-webfont.eot');
    src: url('../fonts/open_sans_300italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans_300italic-webfont.woff') format('woff'),
         url('../fonts/open_sans_300italic-webfont.ttf') format('truetype'),
         url('../fonts/open_sans_300italic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open_sans_regular-webfont.eot');
    src: url('../fonts/open_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans_regular-webfont.woff') format('woff'),
         url('../fonts/open_sans_regular-webfont.ttf') format('truetype'),
         url('../fonts/open_sans_regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open_sans_italic-webfont.eot');
    src: url('../fonts/open_sans_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans_italic-webfont.woff') format('woff'),
         url('../fonts/open_sans_italic-webfont.ttf') format('truetype'),
         url('../fonts/open_sans_italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/open_sans_700-webfont.eot');
    src: url('../fonts/open_sans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans_700-webfont.woff') format('woff'),
         url('../fonts/open_sans_700-webfont.ttf') format('truetype'),
         url('../fonts/open_sans_700-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
  font-family: "PTSansNarrowRegular";
    src: url('../fonts/pt_sans-narrow-web-regular-webfont.eot');
    src: url('../fonts/pt_sans-narrow-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-narrow-web-regular-webfont.woff') format('woff'),
         url('../fonts/pt_sans-narrow-web-regular-webfont.otf') format('otf'),
         url('../fonts/pt_sans-narrow-web-regular-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-narrow-web-regular-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "PTSansNarrowBold";
    src: url('../fonts/pt_sans-narrow-web-bold-webfont.eot');
    src: url('../fonts/pt_sans-narrow-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-narrow-web-bold-webfont.woff') format('woff'),
         url('../fonts/pt_sans-narrow-web-bold-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-narrow-web-bold-webfont.svg#PTSansNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "PTSansRegular";
    src: url('../fonts/pt_sans-web-regular-webfont.eot');
    src: url('../fonts/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-web-regular-webfont.woff') format('woff'),
         url('../fonts/pt_sans-web-regular-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-web-regular-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "PTSansItalic";
    src: url('../fonts/pt_sans-web-italic-webfont.eot');
    src: url('../fonts/pt_sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-web-italic-webfont.woff') format('woff'),
         url('../fonts/pt_sans-web-italic-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-web-italic-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "PTSansBold";
    src: url('../fonts/pt_sans-web-bold-webfont.eot');
    src: url('../fonts/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-web-bold-webfont.woff') format('woff'),
         url('../fonts/pt_sans-web-bold-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-web-bold-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

fieldset,img {
  border: 0;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
  margin: 0;
  padding: 0;
  border: 0;
}

a img,:link img,:visited img {
  border: none;
}

h1, h2 ,h1 a {
  color: #666666;
  font-weight: normal;
}

h2 a {
  color: #0096DB;
}

#ytChannel #container {
  border: none;
}

#ilike {
  width: 180px;
  position: absolute;
  top: 133px;
  right: -1px;
}

#subid162 {
  z-index: 1000;
}

.csc-frame-rulerAfter {
  border-bottom: solid 1px #DDD;
}

.borderAfter {
  border-bottom: solid 2px #DDD;
  margin: 45px 0 25px 7px;
  width: 960px;
}

.blueBG {
  background-color: #0096db;
  margin: 30px 0 25px 7px;
  width: 944px;
  padding: 10px 0 3px 15px;
  border-bottom: solid 1px #0084c2;
  border-bottom-width: 7px;
}

#content .contentFrameHeader {
  background: url(../img/frame_top.png) top left no-repeat;
  padding-top: 11px;
  margin-bottom: -7px;
}

#content .contentFrameHeadercontent {
  background: url(../img/frame_side.png) top left repeat-y;
  padding: 20px 60px 15px 37px;
}

#content .flatImgShdw img {
  box-shadow: 5px 4px 0px 0px rgba(1,1,1,0.1);
}

#content .flatImgShdw img:hover {
  box-shadow: 0px 0px 0px 5px rgba(0,150,219,1);
}
#content p.csc-subheader {
  font-size: 15px;
}

#content {
  margin-top: 0px;
  margin-right: -20px;
}


#content .infoFloatText ul {
  margin-left: 0px;
}

#content .csc-header h1, #productDetails .infoFloat h1, .contentFrameContent h1 {
  font-size: 30px;
  line-height: 30px;
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
  color: #444;
}

#productDetails .infoFloat h2, .csc-header h2, .csc-default h2 {
  color: #666666;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 21px;
  line-height: 28px;
}

#productDetails .infoFloat h2 {
  margin-bottom: 5px;
}

h3, .productTeaser h4 {
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
}

.productTeaser h3, .productTeaser .longname {
  margin-bottom: 5px;
}

.productTeaser .artno {
  font-size: 12px;
  margin-bottom: 3px;
}

.productTeaser h4, #compareList h4.cmp {
  font-size: 15px;
  line-height: 15px;
  color: #666666;
  text-transform: uppercase;
  text-align: left;
}

.productTeaser h4 a, #compareList h4.cmp a {
  color: #666666;
}

.productTeaser h3 a,#compareList h3.cmp a {
  color: #000;
}

img.listImage {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
  color: #666;
  outline: 0;
  -moz-outline: 0;
}

.clear {
  float: none;
  clear: both;
}

body {
  border: 0px;
  border-collapse: separate;
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  text-align: center;
  line-height: 20px;
  font-size: 15px;
  background: #f5f5f5 url('../img/bg.png') repeat-x;
  color: #666;
  z-index: 1;
 }

.addInfoText > p.bodytext, .addInfoText > .indent p.bodytext {
 margin-bottom: 15px;
  color: #666;
}

.addInfoText > p.bodytext:last-of-type {
  margin-bottom: 0px;
}

p.align-right {
  margin-bottom: 15px;
  text-align: right;
}

p.align-right a {
  color: #0096db;
}

.bodytext a {
  color: #0096DB;
}

#breadcrumb {
  font-size: 11px;
}

#centered {
  text-align: center;
  padding: 0px 0px 0px;
  z-index: 1;
}

#breadcrumb {
  position: absolute;
  top: 136px;
  left: 20px;
}

#breadcrumb img {
  padding: 0px 5px;
}

#breadcrumb span {
  color: #949494;
  padding-right: 10px;
}

#main {
  position: relative;
  text-align: left;
  width: 980px;
  margin: 0 auto;
}

#head {
  height: 130px;
  position: relative;
  z-index: 500;
}

#logo {
  width: 206px;
  height: 51px;
  position: absolute;
  top: 13px;
  left: 10px;
}

#lang {
  width: 116px;
  position: absolute;
  top: 0px;
  right: 10px;
  border: 1px solid #ccc;
  border-top: 0px;
  background: url('../img/langback.png') bottom  left no-repeat #f5f5f5;
  display: block;
  z-index: 1;
  font-family: PTSansRegular;
  font-size: 14px;
}

#loginInfo {
  position: absolute;
  right: 10px;
  top: 40px;
  font-size: 11px;
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  display: block;
  text-align: right;
}

#loginInfo .blue, #loginInfo a {
  color: #0096DB;
}

#loginInfo a:hover {
  text-decoration: underline;
}

ul#language_switch {;
}

#login .leftFloat, #mailform .leftFloat {
  width: 400px;
  float: left;
}

#login, #newsForm {
  margin-left: 40px;
  margin-top: 20px;
}

#login p {
  margin-bottom: 13px;
}

#login .submit, #mailform .submit {
  width: 77px;
  height: 38px;
  background: url('../img/login.png');
  float: right;
  margin-right: 43px;
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
  text-align: center;
  cursor: pointer;
}

#mailform .submit {
  float: right;
  margin-right: 101px;
  margin-top: -10px;
}

#login .submit:hover, #login a, #mailform .submit:hover {
  color: #0094d0;
}

.quickcart {
  position: absolute;
  top: 0px;
  right: -174px;
  width: 154px;
  height: 29px;
  color: #fff;
  background: #5f6165 url('../img/cartdark.gif') no-repeat 11px 5px;
}

#reload {
  background: #fff url('../img/reload.png') no-repeat;
  width: 25px;
  height: 24px;
  position: absolute;
  right: 99px;
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  cursor: pointer;
}

.indent {
  margin-left: 30px;
}

.csc-frame-indent {
  margin-left: 40px;
}

.grey {
  background: #F2F2F2;
}

.agb {
  float: left;
  width: 570px;
  margin-top: 25px;
  padding: 20px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 15px;
  margin-top: 10px;
}

.agb a {
  color: #0094d0;
}

.agb a:hover, #login a:hover {
  text-decoration: underline;
}

#cartMsg a {
  color: #fff;
}

.quickcart a.btn {
  color: #fff;
  font-size: 12px;
  padding-top: 6px;
  padding-left: 30px;
  display: block;
  width: 124px;
  height: 25px;
}

#lang li {
  list-style-type: none;
  display: block;
}

#lang li a {
  padding-left: 9px;
  padding-top: 7px;
  display: block;
  height: 21px;
}

#lang li.active a {
  background: url('../img/langarr.png') 100px 10px no-repeat;
}

#lang img {
  margin-right: 10px;
  margin-top: 1px;
}

#search {
  position: absolute;
  top: 88px;
  right: 10px;
  width: 200px;
  height: 24px;
  background: url('../img/searchbox.png') no-repeat top left;
}

#search input {
  background: transparent;
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  color: #666;
  outline: none;
}

#indexedsearchbox input.searchbox-sword {
  margin-left: 4px;
  margin-top: 6px;
  width: 171px;
  display: block;
  float: left;
}

#search input#slg {
  height: 17px;
  width: 17px;
  display: block;
  float: right;
  margin-right: 8px;
  margin-top: 4px;
}

.downloadSearchForm {
  margin-bottom: 25px;
}

.downloadSearchForm .searchbox .searchsubmit {
  margin-left: 6px;
  margin-top: 3px;
}

#mainmenu {
  position: absolute;
  top: 85px;
  left: 10px;
  z-index: 1000;
}

.ui-menu .ui-menu-item {
  background: #eee;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  text-align: left;
  border-bottom: 1px solid #fff;
}

.ui-menu .ui-menu-item:last-of-type {
  border-bottom: none;
}

.ui-menu li.ui-menu-item:hover {
  background-color: #eee;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  text-align: left;
  border-bottom: 1px solid #fff;
}

.ui-menu a.ui-state-hover {
  background: #0096db;
  color: #fff;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  text-align: left;
  border: 1px solid #fff;
}

ul.ui-autocomplete {
  border: 0px;
  background-color: #fff;
}

#mood {
  position: relative;
  z-index: 1;
  padding-left: 10px;
  padding-top: 6px;
  margin-left: -3px;
  width: 980px;
}

#mood.Small {
  background: url('../img/mood_shadow2.png') no-repeat 0 229px;
  height: 300px;
}

#mood.Big {
  background: url('../img/mood_shadow2.png') no-repeat 0 348px;
  height: 412px;
}

#mood div.csc-textpic div.csc-textpic-single-image img {
  margin-bottom: 0px;
}

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
  border: 0px solid #fff;
  padding: 8px;
  box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.3);
}

/* Randabstand */
.csc-textpic-border .csc-textpic-text {
  margin-left: 18px;
}

#contentWrap {
  padding-left: 3px;
  margin-bottom: 20px;
  margin-top: 27px;
}

.newsListContainer {
  display: block;
  margin-right: -30px;
}

.newsListTitle h1 {
  font-family: "PTSansItalic", Tahoma, Helvetica, sans-serif;
  font-size: 17px;
  margin-bottom: 20px;
  margin-left: 8px;
}

.newsItemTitle {
  margin-bottom: 5px;
}

.newsList .newsItemHead img {
  float: left;
  margin-right: 5px;
}

.newsList .newsItemHead h1, .newsList .newsItemHead h1 a, .newsList .newsItemHead h1 {
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
  font-size: 19px;
  line-height: 21px;
  padding-top: 2px;
}

.newsListContainer h1 a:hover, h2 a:hover, p.bodytext a:hover, #breadcrumb a:hover, .teaser h1 a:hover, a.back:hover, #footer .imprint a:hover, p.align-right a:hover, #LME_maplinks a:hover, #startPageLeftContainer h1 a:hover, #startPageRightContainer h1 a:hover {
  color: #0096db;
  background: url('../img/dots.png') 0px 80% repeat-x;
  display: inline;
}

a.back {
  color: #0096db;
}

.pageBack {
  margin-bottom: -20px;
}

.pageBack a.back {
  color: #0096db;
}

#breadcrumb a:hover, #lang a:hover span {
  background: url('../img/dots.png') 0px 85% repeat-x;
  color: #0096db;
}

.newsList .newsItemHead h2 ,.newsList .newsItemHead h2 a {
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

.teaser h1 {
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
  margin-bottom: 6px;
  font-size: 19px;
  padding-left: 4px;
}

.teaser .text {
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  padding-left: 4px;
}

.teaser, .newsList .newsItem {
  margin-bottom: 50px;
  width: 300px;
  height: 340px;
  overflow: hidden;
  float: left;
  line-height: 18px;
  margin-right: 30px;
  margin-left: 8px;
}

.newsList {
  height: 125px;
}

.newsList .newsItem {
  height: auto;
}

.teaser   img {
  margin-bottom: 18px;
}

.teaser.teaser1_3 {
  width: 300px;
  margin-right: 22px;
}

.teaser.teaser2_3 {
  width: 620px;
}

.contentFrameContent .teaser.teaser1_3, .contentFrameContent .newsList .newsItem {
  width: 280px;
  overflow: visible;
  margin-right: 23px;
  margin-left: 0px;
}

.contentFrameContent .newsItem {
  margin-bottom: 0px;
}

.contentFrameContent .teaser.teaser2_3 {
  width: 600px;
}

#footer {
  background: url('../img/footer.png') repeat-x top left #0E0E0E;
  width: 100%;
  min-width: 1000px;
  height: 390px;
  bottom: 0px;
}

#footer .footer_menu, #footer .newsletter, #footer .finisher {
  margin: 0 auto;
  text-align: left;
  width: 968px;
  padding-left: 20px;
  display: block;
}

#footer .social a {
  margin-top: -7px;
  width: 29px;
  height: 28px;
  float: left;
  display: block;
  margin-right: 5px;
}

#footer .notice {
  width: 300px;
  float: left;
}

#footer .imprint {
  width: 300px;
  float: right;
  text-align: right;
  margin-right: 20px;
}

#footer .fItem {
  width: 190px;
  float: left;
}

#footer .fItem a, #footer .newsletter a {
  color: #fff;
  display: block;
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  font-size: 13px;
}

#footer .fItem h2 a, #footer .newsletter a h2 {
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
  font-size: 19px;
  color: #e6e6e6;
}

#footer .fItem h2 span a {
  color: #999999;
  display: inline;
}

#footer .fItem h2 span a:hover {
  color: #0096db;
  background: none;
}

#footer .fItem a {
  line-height: 16px;
}

#footer .footwrap {
  height: 330px;
  display: block;
  padding-top: 20px;
}

#footer h2 {
  margin-bottom: 4px;
}

#footer .finisher {
  margin-top: 13px;
  color: #666;
}

#footer .fItem a:hover, #footer .newsletter a:hover h2, #footer .newsletter a:hover {
  color: #0096db;
}

#footer .newsletter {
  margin-top: 15px;
}

#footer .newsletter  p {
  width: 350px;
  color: #fff;
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  margin-top: 5px;
  line-height: 15px;
}

#footer img {
  float: left;
  margin-right: 10px;
}

.moodCarousel {
  height: 382px;
  overflow: hidden;
  z-index: 1;
}

#mood.Small .moodCarousel {
  height: 262px;
}

.moodCarouselControls {
  position: absolute;
  bottom: 8px;
  z-index: 10;
  display: none;
  width: 960px;
  text-align: center;
  overflow: hidden;
  line-height: 25px;
}

#mood.Small .moodCarouselControls {
  bottom: 18px;
}

.moodCarouselControls a {
  background: url('../img/s_off.png') no-repeat;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  display: inline-block;
}

.moodCarouselControls a.activeSlide, .moodCarouselControls a:hover {
  background: url('../img/s_on.png') no-repeat;
  overflow: hidden;
}

#mood #next, #mood #prev {
  width: 17px;
  height: 42px;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  text-indent: -9999px;
  display: none;
}

#mood #prev {
  background: url('../img/s_prev.png') no-repeat;
  left: 22px;
}

#mood #next {
  background: url('../img/s_next.png') no-repeat;
  right: 30px;
}

#mood.Big #prev, #mood.Big #next {
  top: 177px;
}

#mood.Small #prev ,#mood.Small #next {
  top: 113px;
}

.carouselWrap {
  background: url('../img/slide_shadow.png') 2px top no-repeat;
  height: 298px;
  margin-left: -3px;
  padding: 10px;
  position: relative;
}

.carouselWrap h1 {
  font-family: "PTSansItalic", Tahoma, Helvetica, sans-serif;
  margin-left: 14px;
  margin-top: 12px;
  font-size: 19px;
}

.carouselWrap .cPrev, .carouselWrap .cNext {
  position: absolute;
  top: 130px;
  width: 18px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  text-indent: -1000px;
  display: none;
}

.carouselWrap .cPrev {
  left: 30px;
  background: url('../img/cleft.png') no-repeat;
}

.carouselWrap .cNext {
  right: 50px;
  background: url('../img/cright.png') no-repeat;
}

.carouselWrap .cItem {
  width: 180px;
  height: 225px;
  text-align: center;
}

.carouselWrap .cItem  a {
  display: block;
}

.csc-textpic-right img, .csc-textpic-intext-right img {
  margin-right: 5px;
}

.leftCol, .rightCol {
  float: left;
  width: 50%;
}

.leftCol p {
  padding-right: 15px;
}

.carouselWrap .cItem h2 {
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 19px;
  padding: 0 15px;
  line-height: 22px;
  margin-top: 10px;
}

.carouselWrap .jcarousel-container {
  width: 900px;
  margin-left: 30px;
  margin-top: 17px;
}

.hometabs {
  background: url('../img/tab_back.jpg') no-repeat;
  margin-bottom: 20px;
  position: relative;
  height: 260px;
}

.hometabs a:hover {
  color: #0096db;
}

.hometabs .tabmenu {
  height: 46px;
}

.hometabs .tabmenu li {
  display: inline-block;
  padding: 14px 20px;
  font-size: 14px;
}

.hometabs .tabs {
  position: absolute;
  padding-left: 13px;
}

.hometabs .tabs .float {
  float: left;
  width: 228px;
  margin-right: 13px;
  background: url('../img/tab_stripe.jpg') right 18px  no-repeat;
  padding-bottom: 20px;
}

.hometabs .tabs .float.last {
  background: none;
}

.hometabs .tabs .float .title {
  position: relative;
  margin-top: 18px;
}

.hometabs .tabs .title a.image, .hometabs .tabs .title a.text {
  position: absolute;
}

.hometabs .tabs .title a.text {
  padding-left: 65px;
  padding-top: 15px;
  font-size: 14px;
 /* font-weight:bold;*/;
}

.hometabs .tabs .float ul {
  margin-top: 80px;
  list-style-image: url(../img/li.gif);
  margin-left: 30px;
}

.hometabs .tabs .float ul  li {
  line-height: 20px;
}

.contentFrame {
  width: 980px;
  background: url(../img/frame_top.png) top left no-repeat;
  display: block;
  padding-top: 11px;
}

#productDetails {
  margin-top: 27px;
}

#productDetails .contentFrame {
  margin-bottom: 25px;
}

#productDetails .contentFrameContent {
  width: 910px;
  margin-bottom: 0px;
  -webkit-border-top-left-radius: 4px;
 /* Webkit */ /* Webkit */ /* Webkit */
  -webkit-border-bottom-right-radius: 0px;
 /* Webkit */
  -moz-border-top-left-radius: 4px;
 /* Firefox */
  -moz-border-top-right-radius: 4px;
 /* Firefox */
  -moz-border-bottom-left-radius: 0px;
 /* Firefox */
  -moz-border-bottom-right-radius: 0px;
 /* Firefox */ /* Standard */ /* Standard */ /* Standard */ /* Standard */ /* WebKit */
  background: url(../img/frame_side.png) top left repeat-y;
}

#productDetails .contentFrameContent.recommendedProducts {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#productInfoTabs .contentFrameContent {
  -webkit-border-top-left-radius: 0px;
 /* Webkit */
  -webkit-border-top-right-radius: 0px;
 /* Webkit */
  -webkit-border-bottom-left-radius: 4px;
 /* Webkit */
  -webkit-border-bottom-right-radius: 4px;
 /* Webkit */
  -moz-border-top-left-radius: 0px;
 /* Firefox */
  -moz-border-top-right-radius: 0px;
 /* Firefox */
  -moz-border-bottom-left-radius: 4px;
 /* Firefox */
  -moz-border-bottom-right-radius: 4px;
 /* Firefox */
  border-top-left-radius: 0px;
 /* Standard */
  border-top-right-radius: 0px;
 /* Standard */
  border-bottom-left-radius: 4px;
 /* Standard */
  border-bottom-right-radius: 4px;
 /* Standard */;
}

.productListHead {
  padding-top: 15px;
  background: url(../img/frame_side.png) top left repeat-y;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 15px;
}

#productFinderList .productListHead {
  margin-top: 0px;
}

.productListFrame {
  background: url(../img/frame_top.png) top left no-repeat;
  display: block;
  padding-top: 11px;
  -webkit-border-radius: 4px;
 /* Webkit */
  -webkit-border-radius: 4px;
 /* Webkit */
  -moz-border-radius: 4px;
 /* Firefox */
  -moz-border-radius: 4px;
 /* Firefox */
  border-radius: 4px;
 /* Standard */
  border-radius: 4px;
 /* Standard */
  ;
 overflow: hidden;
}

#productFinderList .productListFrame, #productFinderCompare .productListFrame {
  margin-left: 5px;
  -moz-border-top-right-radius: 0px;
 /* Firefox */
  -moz-border-bottom-right-radius: 0px;
 /* Firefox */ /* Standard */ /* Standard */
  width: 742px;
}

.contentFrame .noResult {
  float: left;
  width: 635px;
  padding: 20px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 15px;
}

.contentFrameBottom, .productListFrameBottom {
  display: block;
  background: url('../img/frame_bottom.png') left top  no-repeat;
  height: 11px;
  width: 980px;
}

.productListFrame .contentFrameBottom {
  width: 980px;
}

#productInfoTabs {
  background-color: transparent;
  width: 960px;
  border: 0 !important;
  padding: 0 !important;
  -webkit-border-radius: 4px;
 /* Webkit */
  -moz-border-radius: 4px;
 /* Firefox */
  border-radius: 4px;
 /* Standard */
  margin-top: -25px;
}

.contentFrameContent {
  padding-left: 30px !important;
  padding-top: 20px !important;
  padding-right: 40px !important;
  padding-bottom: 30px !important;
  border: 0 !important;
  background: url(../img/frame_side.png) top left repeat-y;
}

.productListContent {
  position: relative;
  padding: 37px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 24px;
  z-index: 1;
  background: url(../img/frame_side.png) top left repeat-y;
}

.frameMenuWrap {
  background: url(../img/frame_side.png) top left repeat-y;
  width: 980px;
}

.frameMenuWrap .frameMenuShw {
  width: 960px;
}

ul.frameMenu {
  background: url('../img/framemenu_back.png') left top  repeat-x !important;
  height: 45px;
  left: 7px;
  position: relative;
  top: -5px;
  margin-right: 20px;
}

#productDetails ul.frameMenu li {
  margin-right: -3px;
}

#productDetails .infoFloat {
  float: left;
  width: 440px;
}

#productDetails .infoFloatText {
  margin-bottom: 95px;
}

#productDetails .infoFloat li, .addInfoText li, .csc-textpic ul li, .contentFrameContent ul li, #startPageLeftContainer ul li, #startPageRightContainer ul li {
  list-style-type: none;
  background: url('../img/li.png') 0px 6px no-repeat;
  padding-left: 9px;
  margin-left: 4px;
  color: #666;
  line-height: 21px;
}

.contentFrameContent li a {
  text-decoration: none;
  color: #0096db;
}

.contentFrameContent li a:hover {
  text-decoration: none;
  background: url('../img/dots.png') 0px 80% repeat-x;
  color: #0096db;
}

#productDetails .imageFloat {
  float: right;
  width: 430px;
}

#addToCartBtn {
  background: url('../img/formAddToCart.png') left top no-repeat;
  width: 148px;
  height: 38px;
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
  padding-left: 20px;
  cursor: pointer;
}

#checkoutForm  #addToCartBtn ,#createOrderForm #addToCartBtn {
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  float: right;
  margin-top: 30px;
}

#addToCartBtn:hover {
  color: #0096DB;
}

#productDetails .infoFloat p {
  color: #333;
  font-size: 15px;
  margin-bottom: 15px;
}

.variations {
  position: absolute;
  bottom: 17px;
  left: 0px;
  width: 440px;
}

.variationIcon {
  width: 48px;
  height: 58px;
  border: 1px solid #999;
  margin-right: 2px;
  margin-top: 5px;
  float: left;
  display: block;
  line-height: 13px;
  font-size: 12px;
  text-align: center;
  color: #fff;
}

.variationIcon.active ,.variationIcon:hover {
  background: #00a0df;
  border: 1px solid #00a0df;
}

.variationIcon.active  .variationIconTitle, .variationIcon:hover .variationIconTitle {
  background: #00a0df;
}

.variationIconTitle {
  padding-top: 4px;
  background: #999;
  height: 27px;
  display: block;
}

.variationIconFeature {
  display: block;
  padding-top: 2px;
  background: #fff;
  padding-left: 6px;
  padding-right: 5px;
  color: #666;
  height: 25px;
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
}

.frameMenuWrap .ui-corner-all {
  -webkit-border-radius: 0 !important;
 /* Webkit */
  -moz-border-radius: 0 !important;
 /* Firefox */
  border-radius: 0 !important;
 /* Standard */;
}

ul.frameMenu li {
  list-style-type: none;
  display: inline-block;
  background: none;
  margin-left: 0px;
}

ul.frameMenu {
  padding: 0px !important;
  border: 0 !important;
}

ul.frameMenu li, ul.frameMenu li a {
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 17px;
  color: #999;
  display: inline-block;
  padding: 0px !important;
  border: 0 !important;
}

#productDetails ul.frameMenu li,#productDetails  ul.frameMenu li a {
  background: transparent !important;
}

#productDetails  ul.frameMenu li a:hover,  #productDetails  ul.frameMenu li.ui-state-active a {
  background: url('../img/frame_akt.png')  left top repeat-x   !important;
}

#productDetails ul.frameMenu, #productDetails ul.frameMenu li {
  top: 0px !important;
}

ul.frameMenu li a  span {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
  display: block;
  height: 30px;
}

ul.frameMenu li a  span.navbg.first {
  padding-left: 30px;
}

ul.frameMenu li a:hover ,ul.frameMenu li a.active {
  background: url('../img/frame_akt.png')  left top repeat-x;
}

ul.frameMenu li a.active span, #productDetails  ul.frameMenu li.ui-state-active a span {
  color: #0096DB;
  background: url('../img/frame_arrow.png')  center bottom  no-repeat !important;
}

#productDetails ul.frameMenu li a.active span {
  background: none !important;
}

ul.frameMenu li a:hover span {
  color: #0096DB;
}

#gallery li {
  display: block;
  list-style-type: none;
  float: left;
  margin-left: 10px;
  width: 55px;
  height: 55px;
  background: transparent;
  padding: 0px;
}

.shopInfoBox {
  float: left;
  /* width: 500px; */
  line-height: 35px;
  height: 100px;
  margin-top: 6px;
}

.shopInfoBox .price {
  font-size: 38px;
  color: #333;
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
  width: 200px;
  height: 60px;
  text-align: right;
  background: url('../img/pricebox.png') left top no-repeat;
  padding-top: 22px;
  padding-right: 20px;
  display: block;
  margin-left: -23px;
  float: left;
}

.shopInfoBox .inquiry {
  font-size: 15px;
  line-height: 17px;
  width: 160px;
  float: right;
  padding: 0 25px;
}
/* geändert 23.11.2012
.shopInfoBox .inquiry  a{
font-weight:normal;
font-size:13px;
  font-family:"PTSansNarrowRegular";
}
*/

#productInfoTabs h2 ,h2.smallBlack {
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 21px;
  color: #333;
  margin-bottom: 5px;
  line-height: 25px;
}

.addInfo.left, .addInfo.right {
  margin-bottom: 25px;
}

.addInfo.left:last-of-type, .addInfo.right:last-of-type {
  margin-bottom: 0px;
}

.addInfo .addInfoText {
  padding-top: 5px;
}

.addInfoText ul {
  list-style-position: inside;
}

.addInfoText li {
  list-style-position: inside;
}

.addInfo.left img, .addInfo.left iframe {
  float: left;
  margin-right: 20px;
}

.addInfo.right img, .addInfo.right iframe {
  float: right;
  margin-left: 20px;
}

.specBlock {
  display: block;
  color: #333;
  margin-bottom: 25px;
  background-color: #f8f8f8;
}

.specBlock .specBlockLine {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.specBlock .specBlockLine p {
  margin-bottom: 0px;
}

.specBlock .specBlockLine ul li {
  line-height: 25px;
  background: url('../img/li.png') 0px 8px no-repeat;
}

.specBlock .specBlockLabel {
  width: 212px;
  text-align: left;
  display: block;
  float: left;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
}

.specBlock .specBlockValue {
  width: 665px;
  text-align: left;
  display: block;
  float: right;
  padding-top: 8px;
  padding-bottom: 8px;
}

.specBlockValue .item {
  display: block;
  float: left;
  text-align: center;
  width: 70px;
}

.specBlock .blue:nth-of-type(odd) {
  background: #eeeeee;
  display: block;
}

.specBlock .blue .missingNth {
  background: #eeeeee;
  display: block;
}

ul.downloads li {
  background: none;
  margin: 0;
  display: block;
  padding: 8px;
  padding-top: 12px;
  padding-left: 10px;
}

ul.downloads li.blue {
  background: #eeeeee;
}

ul.downloads  a.download {
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
}

ul.downloads  a.download:hover span.col1 {
  text-decoration: underline !important;
}

ul.downloads  a.download span.col1 {
  color: #0096DB;
}
 
/* TABS */

.ui-corner-all, .ui-corner-top, .ui-corner-bottom, .ui-corner-right, .ui-corner-br ,.ui-corner-left, .ui-corner-bl {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.ui-widget-content {
  background-color: transparent !important;
}

#productInfoTabs.ui-widget-content {
  background: none !important;
}

#productDetails .ui-widget {
  font-family: "PTSansRegular" !important;
  font-size: 13px !important;
}

ul.downloads {
  background-color: #f8f8f8;
  margin-top: 5px;
  margin-bottom: 20px;
}

ul.downloads .cols {
  float: left;
}

ul.downloads .col0 {
  width: 100px;
}

ul.downloads .col0 img {
  border: 2px solid #fff;
  margin-top: 2px;
  margin-bottom: 2px;
}

ul.downloads .col1 {
  width: 245px;
}

ul.downloads .col2 {
  width: 65px;
}

ul.downloads .col3 {
  width: 60px;
}

ul.downloads .col4 {
  width: 55px;
}

ul.downloads .col5 {
  width: 420px;
}

.productTeaser {
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 420px;
  width: 186px;
  float: left;
  margin-right: 23px;
  margin-bottom: 20px;
  padding: 10px;
  line-height: 13px;
  position: relative;
  background-color: #fff;
  z-index: 1;
}

/*
 * ProductTeaser mit Schattierung 
 .productTeaser {
  border:1px solid #e6e6e6;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 display:block;
 height:420px;
 width:186px;
 float:left;
 margin-right:24px;
 margin-bottom:20px;
 padding:10px ;
 line-height:13px;
 position: relative;
 background-color: #fff;
 -webkit-box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.3);
 box-shadow: 1px 1px 7px -1px rgba(0, 0, 0, 0.3);
}
 
.productTeaser:after{
position: absolute;
width: 40%;
height: 10px;
content: ' ';
right: 6px;
bottom: 6px;
background: transparent;
-webkit-transform: skew(-5deg) rotate(5deg);
-moz-transform: skew(-5deg) rotate(5deg);
-ms-transform: skew(-5deg) rotate(5deg);
-o-transform: skew(-5deg) rotate(5deg);
transform: skew(-5deg) rotate(5deg);
-webkit-box-shadow: 0 6px 9px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 6px 9px rgba(0, 0, 0, 0.6);
box-shadow: 0 6px px rgba(0, 0, 0, 0.6);
z-index: -1; 
}
*/

/*  
 * New und Top Label
 */

.tnLabels {
  position: absolute;
  margin-top: 0px;
  top: 0px;
  height: 38px;
}

.productTeaser .labelBorder {
  position: relative;
  background: url('../img/new_top_label.png') no-repeat top left;
  height: 56px;
  width: 6px;
  top: -10px;
  display: none;
}

.productTeaser .newLabel, .productTeaser .topLabel {
  position: relative;
  background-image: url('../img/new_top_label.png');
  background-repeat: no-repeat;
  height: 36px;
  width: 24px;
  left: 196px;
  display: none;
  top: 6px;
  margin-bottom: -5px;
}

.productTeaser .newLabel {
  background-position: -90px 0;
}

.productTeaser .topLabel {
  background-position: -30px 0;
  z-index: -1;
}

.productTeaser.search {
  height: 265px;
}

.productTeaser.active {
  border: 1px solid #0096DB;
}

.productTeaser p {
  margin-bottom: 5px;
  display: block;
  color: #666;
  font-size: 11px;
}

.productTeaser h3, .productTeaser h4 {
  display: block;
}

.cartIcon {
  background: url('../img/cartIcon.png') left top no-repeat;
  height: 38px;
  width: 50px;
  display: block;
  overflow: hidden;
  text-indent: -1000px;
  float: right;
  margin-top: 6px;
}

.priceBox h2 {
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: normal;
  color: #000;
  margin-top: 9px;
  margin-left: 10px;
  margin-bottom: 0;
  line-height: 21px;
}

#productFinderList .priceBox {
  line-height: 11px;
}

#productFinderList .compareBox {
  position: absolute;
  bottom: 7px;
  left: 10px;
}

.shopBox {
  font-family: 'PTSansNarrowRegular', Tahoma, Helvetica, sans-serif;
  position: absolute;
  bottom: 28px;
  left: 10px;
}

#productFinderList a.cmpBtn {
  font-size: 11px;
  background: url('../img/bcarrow.png') left 4px no-repeat;
  padding-left: 10px;
}

.productCount {
  float: left;
  width: 200px;
  margin-left: 38px;
  margin-bottom: 10px;
}

#compareList .productCount {
  margin-left: 0px;
  width: 80%;
  margin-bottom: 10px;
  font-size: 19px;
}

.productCount .pagecount {
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
  color: #0096DB;
}

.teaserGroup {
  margin-bottom: 10px;
  width: 930px;
  background: transparent;
}

.productTeaser a.serviceLink {
  font-size: 10px;
  color: #0096DB;
}

.productTeaser a.detailLink {
  font-size: 11px;
  color: #0096DB;
  position: absolute;
  bottom: 84px;
  left: 10px;
}

.productTeaser.search  a.detailLink {
  bottom: 10px;
}

.productTeaser a.serviceLink:hover, .productTeaser  a.detailLink:hover {
  text-decoration: underline;
}

.productTeaser .priceBox {
  width: 149px;
  font-size: 10px;
  float: left;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  background: url('../img/priceBoxSmall.png') no-repeat top left;
  margin-left: -10px;
  height: 53px;
}

.productTeaser .priceBox div {
  margin-left: 10px;
  margin-top: 0;
}

#gallery {
  float: right;
  margin-top: 15px;
}

#gallery img {
  border: 1px solid #ccc;
}

#gallery a:hover img, #gallery a.active img {
  border: 1px solid #0096DB;
}

#mainImage {
  height: 430px;
  position: relative;
}

#productFinder {
  float: left;
  margin-right: 14px;
  width: 176px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
}

#productFinder h2 {
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
}

#productFinder p {
  margin-bottom: 10px;
}

#productFinder h3 {
  margin-bottom: 5px;
}

h3.slide {
  background: url('../img/fdown.png') 0px 4px no-repeat;
  padding-left: 10px;
}

#productFinder .ui-slider-handle {
  background: url('../img/slide_left.png') 0px 0px no-repeat;
  border: 0px none !important;
  width: 14px;
  height: 22px;
  margin-top: -5px;
  margin-left: -14px;
}

#productFinder .ui-slider-handle:last-child {
  background: url('../img/slide_right.png') 0px 0px no-repeat;
  margin-left: 0px;
}

#productFinder .ui-slider-range {
  background: #0096DB;
  height: 2px;
}

#productFinder .ui-slider {
  border: 0px none;
  background: url('../img/slide_back.png') repeat-x !important;
  height: 8px;
  margin: 10px;
}

#productFinder p, .resetFilter, .featureItem, #pricel, #priceh, #capacityl, #hdbigh, #hdbigl, #hdsmalll, #hdsmallh, #wattl, #watth, #capacityh, #hddcounth, #hddcountl, #productFinder label, a.compareNow, #compareList a.cmp, #compareList table, a.continueBtn, a.checkoutBtn {
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  color: #000;
}

#productFinder h3 , h3.slide, h4.hl {
  font-size: 17px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-weight: normal;
}

#pricel, #priceh, #capacityl, #capacityh, #hddcountl, #hddcounth, #wattl, #hdbigl, #hdsmalll, #watth, #hdbigh, #hdsmallh {
  color: #0096DB;
  font-size: 12px;
}

#pricel, #capacityl, #hddcountl, #wattl, #hdbigl, #hdsmalll {
  width: 30px;
  float: left;
}

#priceh,#capacityh,#hddcounth,#watth,#hdbigh,#hdsmallh {
  width: 40px;
  float: right;
  text-align: right;
  margin-right: 5px;
}

.resetFilter {
  margin-left: 5px;
}

.finderFeatures .featureItem {
/**float:left;
width:80px;**/;
}

.finderFeatures {
  margin-left: 5px;
}

#productFinder hr.trenner {
  background: url('../img/trenner.png') 0px 20px no-repeat;
  display: block;
  line-height: 1px;
  height: 40px;
  border: 0px none;
  margin: 0px;
  width: 100%;
  clear: left;
}

.divider hr, hr {
  height: 1px;
  margin: 2em 0;
  border: none;
  background: #ddd;
  background-image: -webkit-gradient(
linear,
left bottom,
right bottom,
color-stop(0, rgb(255,255,255)),
color-stop(0.1, rgb(221,221,221)),
color-stop(0.9, rgb(221,221,221)),
color-stop(1, rgb(255,255,255)));
  background-image: -moz-linear-gradient(
left center,
rgb(255,255,255) 0%,
rgb(221,221,221) 10%,
rgb(221,221,221) 90%,
rgb(255,255,255) 100%);
}

#productFinderList, #productFinderCompare {
  float: left;
  width: 738px;
  position: relative;
}

#cartSubmit {
  float: left;
  width: 150px;
  margin-top: 8px;
}

#productFinder .resetFilter ,  .continueBtn,  a.checkoutBtn {
  background: url('../img/reset_filter.png') left top no-repeat;
  height: 27px;
  width: 110px;
  display: block;
  padding-top: 11px;
  padding-left: 40px;
}

.continueBtn {
  background: url('../img/continue.png') left top no-repeat;
  padding-top: 13px;
  width: 113px;
  height: 30px;
  padding-left: 55px;
  float: left;
  margin-top: 30px;
}

a.checkoutBtn {
  background: url('../img/checkout.png') left top no-repeat;
  width: 124px;
  padding-top: 13px;
  height: 30px;
  padding-left: 50px;
  float: right;
  margin-top: 30px;
}

#amount {
  width: 22px;
  padding-left: 26px;
  height: 36px;
  background: url('../img/formAmount.png') no-repeat left top;
  float: left;
  margin-left: 3px;
  margin-top: 9px;
  margin-right: 5px;
}

.buyBox {
  float: left;
  width: 210px;
}

#productDetails .shopInfoBox .buyBox p {
  font-size: 13px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  text-align: right;
  display: block;
  margin-right: 7px;
}

#productDetails .shopInfoBox .buyBox p a,a.compareNow:hover,a.resetFilter:hover, #compareList a.cmp:hover, a.cmpBtn:hover ,a.checkoutBtn:hover,a.continueBtn:hover,
span.zoom:hover {
  color: #0096DB;
}

#productDetails .zoom {
  bottom: 0;
  background: url('../img/zoom.png') 0px 3px no-repeat;
  padding-left: 15px;
  font-size: 10px;
  position: absolute;
  right: 0;
  text-align: right;
}

#imageBlender,#ajaxLoader,#ajaxLoader2 {
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
}

#ajaxLoader, #ajaxLoader2 {
  background: transparent;
}

#ajaxLoader {
  position: absolute;
  top: 0px;
  left: 0px;
}

#cart #ajaxLoader {
  left: 150px;
}

#ajaxLoader img, #ajaxLoader2 img {
  position: absolute;
  top: 300px;
  left: 350px;
}

#ajaxLoader2 img {
  top: -200px;
  z-index: 1000;
}

.buttonText {
  position: relative;
  top: -20px;
  left: 0px;
}

.productPager a.act {
  color: #0096DB;
}

.productSorting {
  float: right;
  text-align: right;
  width: 250px;
  margin-right: 50px;
  margin-top: -3px;
  line-height: 25px;
}

#productFinderList .productListHead .productSorting {
  margin-right: 25px;
}

a.removeCompare {
  background: url('../img/remove.png') no-repeat;
  width: 16px;
  height: 17px;
  position: absolute;
  top: 5px;
  right: 5px;
  overflow: hidden;
  text-indent: -1000px;
}

#compareList a.removeCompare {
  position: relative;
  text-indent: -1000px;
}

#compareList  img {
  display: block;
}

a.compareNow {
  background: url('../img/compare.png') no-repeat;
  width: 118px;
  height: 29px;
  position: absolute;
  top: -18px;
  right: 30px;
  padding-right: 15px;
  padding-top: 13px;
}

#compareList table {
  font-size: 13px;
}

/* COMPARE */
#compareList a.cmp {
  width: 110px;
  height: 30px;
  display: block;
  padding-top: 12px;
  padding-left: 40px;
  margin-bottom: 15px;
}

#compareList a.cmpBack {
  background: url('../img/cmp_back.png') no-repeat left top;
}

#compareList a.cmpPrint {
  background: url('../img/cmp_print.png') no-repeat left top;
}

#compareList a.cmpSave {
  background: url('../img/cmp_save.png') no-repeat left top;
}

#compareList table,#compareList td {
  margin: 0;
  padding: 0;
  vertical-align: top;
}

#compareList {
  padding-right: 43px;
}

#compareList td.col {
  width: 222px;
}

#compareList td.control {
  width: 167px;
}

#compareList tr.first  td.col {
  border-top: 1px solid #E6E6E6;
  height: 220px;
}

#compareList td.equip  img {
  margin: auto;
}

#compareList td.equip  img.minus {
  padding-top: 6px;
}

#compareList td.col.equip {
  text-align: center;
}

#compareList  td.col {
  border-left: 1px solid #E6E6E6;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 18px;
  border-bottom: 1px solid #fff;
}

#compareList  td.col.odd {
  background: #eaeaea;
}

#compareList  td.col.even {
  background: #f2f2f2;
}

#compareList  td.col.last {
  border-right: 1px solid #E6E6E6;
}

#compareList tr.last td.col.equip {
  border-bottom: 1px solid #E6E6E6;
}

th.control {
  font-weight: normal;
}

h3.slide ,h4.hl {
  color: #666666;
  margin-top: 5px;
  margin-right: 5px;
}

#compareList h4.hl {
  font-size: 13px;
  text-align: right;
  display: block;
  margin-right: 20px;
}

#cart .cartItem {
  display: block;
  height: 120px;
  border-top: 1px solid #ccc;
  padding: 10px 0px;
}

.checkoutHeader {
  font-size: 15px;
  font-family: "PTSansBold", Tahoma, Helvetica, sans-serif;
  color: #bfbfbf;
}

.checkoutHeader  .active {
  font-size: 15px;
  font-family: "PTSansBold", Tahoma, Helvetica, sans-serif;
  font-weight: normal;
  color: #000;
}

.checkoutHeader {
  background: url('../img/line.png') repeat-x bottom;
  margin-left: -23px;
  margin-top: -16px;
  width: 920px;
  padding-bottom: 10px;
  padding-left: 40px;
  margin-bottom: 30px;
}

.checkoutHeader img,.checkoutHeader .text,.checkoutHeader .devider {
  float: left;
}

.checkoutHeader img,.checkoutHeader .text,.checkoutHeader .devider {
  margin-right: 15px;
}

.checkoutHeader .devider {
  margin: 10px 60px;
  margin-left: 45px;
}

.checkoutHeader .text {
  margin-top: 10px;
}

#cart .product {
  float: left;
  width: 430px;
}

#cart .amount {
  float: left;
  width: 160px;
}

#cart .price {
  float: left;
  width: 160px;
  text-align: right;
}

#cart .delete {
  float: left;
  width: 150px;
  text-align: center;
}

#cart .cartHeader ,#cart .cartItem .amountwrap {
  font-size: 15px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-weight: normal;
}

#cart .cartItem .price {
  margin-top: 45px;
}

#cart .cartItem .price .total,#cartSums .value.price {
  font-size: 24px;
  font-family: "PTSansNarrowBold", Tahoma, Helvetica, sans-serif;
  font-weight: normal;
  display: block;
}

#cart .cartItem .price .single {
  font-size: 15px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-weight: normal;
  display: block;
  color: #666666;
}

#cart .cartItem .product img {
  float: left;
}

#cart a.plus,#cart a.minus,#cart a.deleteBtn {
  background: url('../img/plus.png') no-repeat left top;
  display: block;
  height: 30px;
  width: 30px;
  overflow: hidden;
  text-indent: -1000px;
}

#cart a.deleteBtn {
  background: url('../img/delete.png') no-repeat left top;
  width: 24px;
  height: 25px;
  margin-top: 48px;
  margin-left: 64px;
}

#cart a.deleteBtn:hover {
  background: url('../img/deletea.png') no-repeat left top;
}

#cart a.minus {
  background: url('../img/minus.png') no-repeat left top;
}

#cart a.minus:hover {
  background: url('../img/minusa.png') no-repeat left top;
}

#cart a.plus:hover {
  background: url('../img/plusa.png') no-repeat left top;
}

#cart .cartItem .amount {
  margin-top: 30px;
}

#cart .amountwrap {
  width: 50px;
  float: left;
  height: 50px;
  margin-top: 22px;
}

#cartSums {
  border-top: 1px solid #CCCCCC;
}

#cartSums .label {
  float: left;
  width: 590px;
  text-align: right;
  padding: 20px 0px;
  font-size: 17px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
}

#cartSums .value {
  float: left;
  width: 160px;
  text-align: right;
  padding: 20px 0px;
  font-size: 17px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
}

#cartSums  .grey {
  background: #f2f2f2;
  display: block;
  width: 100%;
}

#cart .productTeaser {
  height: 90px;
  border: 0px none;
  margin-bottom: 0px;
}

#cart .productTeaser a.detailLink {
  position: absolute;
  bottom: 0px;
}

.enterDataFloat {
  float: left;
  width: 440px;
}

.enterDataFloat h1 ,.addressFloat H1,#checkout H1 {
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 19px;
  margin-bottom: 20px;
}

.enterDataFloat label,#login label,#mailform label {
  width: 100px;
  text-align: right;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-top: 4px;
  font-size: 15px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
}

.enterDataFloat input.text, #login input.text, #mailform input.text, .searchbox input.searchword {
  width: 80px;
  border: 1px solid #ccc;
  float: left;
  width: 240px;
  background: #f8f8f8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 22px;
  margin-bottom: 20px;
  padding-left: 5px;
  font-size: 13px;
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  padding-top: 2px;
  height: 20px;
  -webkit-box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE;
 /* WebKit */
  -moz-box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE;
 /* Firefox */
  box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE;
 /* Standard */;
}

.searchSelect {
  padding: 2px 5px;
  padding-bottom: 4px;
}

.enterDataFloat input.text:focus, #login input.text:focus, #mailform input.text:focus, #mailform textarea.text:focus, #mailform select.select:focus, select.searchSelect:focus, .searchbox input.searchword:focus {
  outline: none;
  box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE, 0px 0px 1px 1px #0096db;
 /* WebKit */
  -webkit-box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE, 0px 0px 1px 1px #0096db;
 /* Firefox */
  -moz-box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE, 0px 0px 1px 1px #0096db;
 /* Standard */;
}

.infoBox {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #f8f8f8;
  padding: 20px;
  width: 760px;
}

textarea#msg {
  border: 1px solid #ccc;
  background: #f8f8f8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 641px;
  margin-bottom: 20px;
  padding-left: 5px;
  padding-top: 2px;
  -webkit-box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE;
 /* WebKit */
  -moz-box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE;
 /* Firefox */
  box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE;
 /* Standard */;
}

.csc-mailform-field .agb {
  float: left;
  width: 500px;
  padding: 0px;
  margin: 0px;
}

.enterDataFloat select.select, #mailform select.select, .searchSelect , #sort1 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 13px;
  font-family: "PTSansRegular", Tahoma, Helvetica, sans-serif;
  height: 24px;
  padding: 3px;
  background: #f8f8f8;
  -webkit-box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE;
 /* WebKit */
  -moz-box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE;
 /* Firefox */
  box-shadow: inset 0px 1px 5px -2px #999, inset 0px 0px 20px 0px #EEE;
 /* Standard */;
}

.enterDataFloat input.submitData {
  float: right;
}

.enterDataFloat .checkboxLabel {
  font-size: 15px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  width: 200px;
  float: left;
}

.enterDataFloat .checkbox {
  width: 15px;
  float: left;
  margin-right: 10px;
}

input.text.f3-form-error,.enterDataFloat .f3-form-error select.select ,#mailform .text.f3-form-error ,#mailform .select.f3-form-error {
  border: 1px dashed red;
}

#mailform .agb.f3-form-error {
  color: red;
}

#checkout .addressFloat {
  width: 240px;
  float: left;
}

#checkout .cartFloat {
  width: 610px;
  float: left;
}

.addressFloat .address {
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
  font-size: 15px;
  color: #000;
  margin-left: 10px;
  margin-bottom: 25px;
  width: 220px;
}

#checkout #cart .amount {
  width: 40px;
}

#checkout #cart .price {
  width: 120px;
}

#checkout #cartSums .label {
  width: 466px;
}

#checkout #cart .cartItem {
  height: 70px;
}

#checkout #cart .productTeaser {
  height: 50px;
}

#checkout #cart .cartItem .amount {
  margin-top: 6px;
}

#checkout #cart .cartItem .price {
  margin-top: 20px;
}

#checkout #cartSums .value {
  width: 123px;
}

#cartSums span.smallInfo ,#deliveryOptions {
  font-size: 13px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
}

#deliveryOptions {
  border: 1px solid #e2e9ef;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #666;
  margin-right: -17px;
  text-align: right;
  float: right;
}

#cartMsg {
  position: fixed;
  top: 40px;
  margin-left: -78px;
  background: #00A0DF;
  padding: 7px 10px;
  z-index: 100;
  white-space: nowrap;
  overflow: visible;
}

#cartMsg:before {
  position: absolute;
  content: '';
  bottom: 18px;
  width: 22px;
  height: 22px;
  -moz-transform: rotate(45deg) skewX(8deg) skewY(8deg);
  -webkit-transform: rotate(45deg) skewX(8deg) skewY(8deg);
  -o-transform: rotate(45deg) skewX(8deg) skewY(8deg);
  -ms-transform: rotate(45deg) skewX(8deg) skewY(8deg);
  transform: rotate(45deg) skewX(8deg) skewY(8deg);
  background-color: #00A0DF;
  z-index: -1;
  right: 20px;
}

.specBlock.customer .blue {
  background: #bdecff;
}

.specBlock.customer {
  background: #e5f8ff;
}

/* PLZ Map */
#plzMap {
  position: absolute;
  margin-left: 710px;
  margin-top: -90px;
}

.piro_html .caption {
  display: none;
}

#sort1 {
  float: right;
  margin-left: 5px;
  margin-right: 10px;
  font-family: "PTSansNarrowRegular", Tahoma, Helvetica, sans-serif;
}

/* Additional Styles Content Element */
.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}



/* CUSTOM CSS FANTEC – last update: 18.06.2021 (an)  */

/* Angebots Button highlighten */
/*
ul.menu li:last-child a {
  position: relative;
  background: #de091e;
  background: -moz-linear-gradient(top,  #de091e 0%, #a1121c 100%);
  background: -webkit-linear-gradient(top,  #de091e 0%,#a1121c 100%);
  background: linear-gradient(to bottom,  #de091e 0%,#a1121c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de091e', endColorstr='#a1121c',GradientType=0 );
  border-radius: 5px;
}

ul.menu li:last-child a:hover  {
  background: #a1121c;
  background: -moz-linear-gradient(top,  #a1121c 0%, #de091e 100%);
  background: -webkit-linear-gradient(top,  #a1121c 0%,#de091e 100%);
  background: linear-gradient(to bottom,  #a1121c 0%,#de091e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1121c', endColorstr='#de091e',GradientType=0 );
}

ul.menu li:last-child a span {
  color: #fff;
}

ul.menu li:last-child a span:hover,
ul.menu li:last-child a:hover span {
  background: none;
}
*/
/* Animation */
/*
ul.menu li:last-child a:after {
content: "";
  width: 95%;
  height: 88%;
  position: absolute;
  left: 3px;
  top: 2px;
  background-color: #de091e;
  box-shadow: 0 0 5px 0px #de091e;
  border-radius: 5px;
  z-index: -1;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  
  -webkit-animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);
  animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
*/

@-webkit-keyframes pulse {  
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  25% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  75% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  25% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }