/* @override http://www.skatefactoryshop.de/layout/cyt/style/body-sf.css */

/* @override http://www.skatefactoryshop.de/layout/cyt/style/body-sf.css */

/* @override http://www.skatefactoryshop.de/layout/cyt/style/body-sf.css */

/* @override http://www.skatefactoryshop.de/layout/cyt/style/body-sf.css */

/* @override http://www.skatefactoryshop.de/layout/cyt/style/body-sf.css */

/* @override http://www.skatefactoryshop.de/layout/cyt/style/body-sf.css */

/* @override http://www.skatefactoryshop.de/layout/cyt/style/body-sf.css */

/* @override http://skate.plenty-test.de/layout/cyt/style/body-sf.css */

/* @override http://skate.plenty-test.de/layout/cyt/style/body-sf.css */

@charset "UTF-8";

/* CSS Document */

/* @group NAVIGATION */

.sf-menu, .sf-menu * {
  list-style: none;
  margin: 0;
  padding: 0
}

.sf-menu {
  float: left;
  position: relative;
  z-index: 9999;
}

.sf-sub-indicator {
  display: none;
}

.sf-menu li {
  position: relative;
  float: left;
  padding-right: 2px;
  /*text-transform: lowercase!important;*/
}

.sf-menu li:hover,
.sf-menu li:hover div,
.sf-menu li:hover ul,
.sf-menu li:hover li,
.sf-menu li:hover a {
  visibility: inherit
}

.sf-menu > li > a {
  float: left;
  height: 25px;
  line-height: 25px;
}

.sf-menu li ul {
  position: absolute;
  top: 44px;
  left: 0;

  width: auto;
  background: rgb(255,255,255) url(../img/bg-sful.png) no-repeat 10px 0;
  background: rgba(255,255,255,.9) url(../img/bg-sful.png) no-repeat 10px 0;
  border: 6px solid rgb(0,0,0);
}

.sf-menu ul ul ul {
  display: none!important;
}

.sf-menu li ul li {
  float: left;
  padding: 0 1%;
  text-align: left;
}

.sf-menu li ul li a {
  background: none!important;
  font-weight: normal;
  font-family: Arial;
  color: #444!important;
}

.sf-menu li ul li a:hover {
  color: red!important;
}

.sf-menu li ul li a {
  float: left;
  width: 100%;
  line-height: 13px;
  font-size: 13px;
  text-align: left;
  color: #444!important;
}

.hn-tabs .menu_level2 a {
  padding: 5px 10px;
  width: 120px!important;
  height: 15px!important;
  margin-bottom: 5px;
  font-size: 13px;
  color: #444!important;
  visibility:hidden;
}

.sf-menu ul .menu_level2 {
  padding: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  visibility:hidden;
}
.hn-tabs .menu_level2 a:hover {
 visibility:visible;
}

.sf-menu ul .menu_level2:hover {
 visibility:visible;
}
.sf-menu li .level2:hover {
 visibility:visible;
 }

.sf-menu #plentycat_94 a {
  background: url(/layout/cyt/img/hn-tab3.png);
  width: 94px;
  height: 31px;
  float: left;
  margin-left: 0;
  margin-right: -1px;
}

.sf-menu #plentycat_21-0-0-0-0-0 a:hover {
  background-position: 0 -46px;
}

.sf-menu #plentycat_75 a {
  background: url(/layout/cyt/img/hn-tab7.png);
  width: 75px;
  height: 31px;
  float: left;
}

.sf-menu #plentycat_22-0-0-0-0-0 a:hover {
  background-position: 0 -46px;
}

.sf-menu #plentycat_121 a {
  background: url(/layout/cyt/img/hn-tab6.png);
  width: 121px;
  height: 31px;
  float: left;

}

.sf-menu #plentycat_23-0-0-0-0-0 a:hover {
  background-position: 0 -46px;
}

.sf-menu #plentycat_86 a {
  background: url(/layout/cyt/img/hn-tab2.png);
  width: 86px;
  height: 31px;
  float: left;
  margin-left: -1px;
  margin-right: 1px;
}

.sf-menu #plentycat_170 a {
  background: url(/layout/cyt/img/hn-tab11.png);
  width: 180px;
  height: 31px;
  float: left;
  margin-left: -1px;
  margin-right: 1px;
}

.sf-menu #plentycat_27-0-0-0-0-0 a:hover {
  background-position: 0 -46px;
}

.sf-menu #plentycat_67 a {
  background: url(/layout/cyt/img/hn-tab4.png);
  width: 67px;
  height: 31px;
  float: left;
  margin-left: -1px;
  margin-right: 0px;
}

.sf-menu #plentycat_65-0-0-0-0-0 a:hover {
  background-position: 0 -46px;
}

/* @end */

/* @group allgemein */

/* Gelb: #feed00 */

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial;
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;

    background: url(/layout/cyt/img/background.jpg) center 22px no-repeat #000;
}

body{ -webkit-background-size: 2195px 2479px;}


a {
    text-decoration: none;
    outline: none;
    font-size: 13px;
    font-family: Arial;
    line-height: 16px;
}

li {

    list-style: none;
}

img {
    border: none
}

.clear {
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/* @end */

#bild31, #bild32, #bild33, #bild34, #bild35, #bild36, #bild37 {
	display: none;
}
#bild30, #pic1, #pic2, #pic3, #pic4, #pic5, #pic6, #pic7, #pic8 {

}

/* @group MAINLAYOUT */

.trennlinie {
    float: left;
    width: 960px;
    height: 20px;
    background: url(/layout/cyt/img/trennlinie.gif) center center no-repeat transparent;
}

.center-main {
    float: left;
    width: 100%;
    margin-top: 195px;
}

.center-head {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: ;
}

#main-area {
    width: 960px;
    text-align: left;
    position: relative;
}

#main-area.startpage {
  /* margin-top: 181px;*/
    position: relative;
}

.hl-headertop {
    width: 960px;
    padding: 0;
    margin-left: 50%;
    left: -480px;
    position: absolute;
    top: -32px;
}

.hl-headertop .hl-breadcrumb {
    padding-left: 20px;
    height: 20px;
}

.hl-headertop a {
    color: #fff!important;
    font-size: 11px!important;
}

.hl-headertop a:hover {
    color: #feed00!important;
}

.hl-headertop .hl-bc-back {
    display: none;
}

a.snippet {
    float: left;
    font-size: 11px;
    margin-top: 10px;
    margin-left: 30px;
    margin-right: 10px;
}

/* @group kopfbereich */

#head-area {
    width: 960px;
    position: relative;
    margin-top: 22px;
    text-align: left;
    height: 181px;
}

/* @group kleiner header */

.headsmall ul {
    width: 930px;
   height: 21px;
    margin-left: -480px;
    left: 50%;
    position: absolute;
    z-index: 2;
    top: 0;
}

.headsmall {
    background: #181818;
  height: 21px; 
    border-bottom: 1px solid black;
}

.headsmall a {
    color: #7f7f7f!important;
    font-size: 11px;
    line-height: 20px;
}

.headsmall span a {
    color: #fff!important;
    text-transform: uppercase;
}

.headsmall span a:hover {
    color: #feed00!important;
}

.headsmall a:hover {
    color: #fff!important;
}

.headsmall li {
    float: right;
    padding: 0 10px;
    border-right: 1px solid #333333;
}

.headsmall li:first-child {
    border-right: none;
    padding-right: 0;
}

/* @end */

/* @group groĆ?er header */

.headbig {
    width: 960px;
   height: 74px;
    position: relative;
}

.headbig h1 a {
    background: url(/layout/cyt/img/logo.png);
    text-indent: -5000px;
    width: 379px;
   height: 74px;
    position: absolute;
    top: 0;
    left: 3px;
}

.trusted {
    position: absolute;
    background: url(../img/trusted-shops.png);
    height: 43px;
    width: 43px;
    right: 10px;
    top: 17px;
    display: none;
}

.trusted:hover {
    opacity: 0.8;
}

.hb-elements {
    position: absolute;
    left: 450px;
    top: 22px;
}

.hb-elements a:hover {
    opacity: 0.8;
}

.hb-elements a {
    float: left;
}

.hb-elements .em1 {
    background: url(/layout/cyt/img/hs-e1.png) no-repeat;
    width: 172px;
    height: 36px;
    text-indent: -5000px;
    margin-top: -2px;
}

.hb-elements .em2 {
    background: url(/layout/cyt/img/hs-e2_new.png) no-repeat;
    width: 169px;
    height: 35px;
    text-indent: -5000px;
}

.hb-elements .em3 {
    background: url(/layout/cyt/img/hs-e3.png);
    width: 139px;
    height: 39px;
    text-indent: -5000px;
}

/* @end */

/* @group kopfnavigation */

/* @group tabs */

.hn-tabs {
    width: 950px;
    height: 46px;
  margin-top: -5px;
    position: relative;
    display: none;
}

.hn-tabs a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 25px;
    padding-top: 15px;
    color: #fff;
    text-align: center;

    float: left;
}

.hn-tabs a:hover {
    color: #feed00;
    -webkit-transition: color 0.5s ease-in;
-moz-transition: color 0.5s ease-in;
-o-transition: color 0.5s ease-in;
transition: color 0.5s ease-in;
}

.hn-tabs a.tab1 {
    background: url(/layout/cyt/img/hn-tab1.png);
    width: 94px!important;
    height: 31px!important;
    float: left;
    margin-left: 0;
    margin-right: 0px;
    cursor: pointer;
    position: relative;
}

.hn-tabs a.tab1:hover {
    background-position: 0 -46px;
    cursor: pointer;
}

.hn-tabs a.tab2 {
    background: url(/layout/cyt/img/hn-tab2.png);
    width: 86px;
    height: 31px;
    float: left;
    margin-left: 0;
    margin-right: 4px;
}

.hn-tabs a.tab2:hover {
    background-position: 0 -46px;
}

.hn-tabs a.tab3 {
    background: url(/layout/cyt/img/hn-tab3.png);
    width: 94px;
    height: 31px;
    float: left;
    margin-left: 0;
    margin-right: 1px;
}

.hn-tabs a.tab3:hover {
    background-position: 0 -46px;
}

.hn-tabs a.tab4 {
    background: url(/layout/cyt/img/hn-tab4.png);
    width: 67px;
    height: 31px;
    float: left;
    margin-left: 0;
    margin-right: 3px;
}

.hn-tabs a.tab4:hover {
    background-position: 0 -46px;
}

.hn-tabs a.tab5 {
    background: url(/layout/cyt/img/hn-tab5.png);
    width: 94px;
    height: 31px;
    float: left;
    margin-left: 0;
    margin-right: 3px;
}

.hn-tabs a.tab5:hover {
    background-position: 0 -46px;
}

.hn-tabs a.tab6 {
    background: url(/layout/cyt/img/hn-tab6.png);
    width: 121px;
    height: 31px;
    float: left;
    margin-left: 0;
    margin-right: 3px;
}

.hn-tabs a.tab6:hover {
    background-position: 0 -46px;
}

.hn-tabs a.tab7 {
    background: url(/layout/cyt/img/hn-tab7.png);
    width: 75px;
    height: 31px;
    float: left;
    margin-left: 0;
    margin-right: 3px;
}

.hn-tabs a.tab7:hover {
    background-position: 0 -46px;
}

.hn-tabs a.tab8 {
    background: url(/layout/cyt/img/hn-tab8.png);
    width: 93px;
    height: 31px;
    float: left;
    margin-right: 2px;
}

.hn-tabs a.tab8:hover {
    background-position: 0 -46px;
}

.hn-tabs a.tab9 {
    background: url(/layout/cyt/img/hn-tab9.png);
    width: 83px;
    height: 31px;
    float: left;
    margin-left: -2px;
    margin-right: 1px;
}

.hn-tabs a.tab9:hover {
    background-position: 0 -46px;
}

.hn-tabs a.tab10 {
    background: url(/layout/cyt/img/hn-tab9.png);
    width: 83px;
    height: 31px;
    float: left;
    margin-left: -2px;
}

.hn-tabs a.tab10:hover {
    background-position: 0 -46px;
}


.hn-end {
    width: 951px;
    height: 11px;
    position: absolute;
    background: url(/layout/cyt/img/hn-end.png);
    top: 46px;
    left: 0;
}

.hn-tabs a.level1active_link {
    color: #feed00!important;
    background-position: 0 -46px!important;
}

.tab_content ul {
    margin-bottom: 10px
}

/* @end */

.headnavi {
    width: 952px;
    height: 61px;
    position: absolute;
    top: 120px;
    left: 5px;
}

.headnavi.hn-order ul ul {
    display: none;
}

/* @end */

/* @group suche und warenkorb */

.headsearch {
    width: 950px;
    height: 53px;
    background: url(/layout/cyt/img/background-search.png);
    position: absolute;
    top: 157px;
    left: 6px;
}

#sinput {
    font-style: italic;
    background: transparent;
    border: none;
    height: 20px;
    width: 480px;
    color: #fff;
    opacity: 0.65;
    font-size: 14px;
    float: left;
    margin-left: 55px;
}

#sbutton {
    float: right;
    width: 45px;
    background: none;
    border: none;
    height: 20px;
}

#sbutton:hover {
    cursor: pointer;
}

.search-input {
    width: 590px;
    position: absolute;
    left: 60px;
    top: 18px;
}

.shoppingcart a {
    position: absolute;
    left: 750px;
    top: 19px;
    color: #fff;
    font-size: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    text-decoration: underline;
    width: 180px;
    height: 20px;
}

.shoppingcart p {
    position: absolute;
    left: 750px;
    top: 19px;
    color: #fff;
    font-size: 19px;
    font-family: 'Open Sans Condensed', sans-serif;
    text-decoration: none;
    width: 180px;
    height: 20px;
}

.shoppingcart a:hover {
    text-decoration: none;
    color: #feed00
}

.versand-icon {
    width: 178px;
    height: 54px;
    background: url(../img/versand.png);
    position: absolute;
    right: -165px;
    top: -37px;
}

/* @end

 */

/* @end */

/* @group #footer-area */

#footer-area {
    width: 100%;
    height: 390px;
    background: url(/layout/cyt/img/background-footer.png);
    float: left;
    margin-top: 20px;
    text-align: left;
  
    position: relative;
}

.fa-container {
    width: 960px;
    position: absolute;
    margin-left: -480px;
    left: 50%;

    top: 0;
}

.fa-newsletter {
    background: url(/layout/cyt/img/background-newsletter.png) no-repeat 0 0;
    width: 443px;
    height: 130px;
    position: relative;
    float: left;
    margin-left: 30px;
    padding-top: 49px;
}

.fa-newsletter form {
    width: 300px;
    margin-left: 35px;
    margin-top: 17px;
    height: 26px;
    margin-bottom: 10px;
}

input.fa-input {
    height: 25px;
    width: 250px;
    border: none;
    background: transparent;
    color: #666;
    font-size: 19px;
    font-family: 'Open Sans Condensed', sans-serif;
}

input.fa-input:hover {
    color: #000;
}

input#fa-button {
    border: none;
    background: transparent;
    width: 127px;
    position: absolute;
    top: 95px;
    height: 82px;
    left: 300px;
}

input#fa-button:hover {
    cursor: pointer;
}

.fa-newsletter p {
    color: #aaa;
    font-size: 11px;
    margin-left: 33px;
    line-height: 16px;
}

.fa-facebook-container {
    position: absolute;
    right: 20px;
    width: 437px;
    height: 166px;
    padding-top: 13px;
    background: url(/layout/cyt/img/background-facebook.png) 0 0 no-repeat;
    top: 0;
}

.fa-facebook {
    width: 390px;
    height: 161px!important;
    overflow: hidden;
    margin-left: 17px;
    border: none;
    padding-left: -1px!important;
    margin-top: -10px!important;
}

.fb-like-box {
    border: none;
    margin-top: -1px!important;
    margin-left: -1px!important;
}

.fa-logo-header {
    float: left;
    width: 960px;
    height: 34px;
    background: url(/layout/cyt/img/logo-small.png) 26px top no-repeat;
    padding-left: ;
    margin-top: 25px;
    margin-bottom: 15px;
}

.fa-footer-list {
    float: left;
}

.fa-listzero {
    float: left;
    padding-left: 45px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    width: 915px;
}

.fa-listone {
    float: left;
    padding-left: 45px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    width: 915px;
}

.fa-listone ul {
    float: left;
    margin-right: 20px;
    line-height: 10px;
    width: 130px;
}

.fa-listone.second ul {
    float: left;
    margin-right: 20px;
    line-height: 10px;
    width: auto!important;
}

.fa-listone ul ul {
    float: left;
    margin-top: 15px;
}

.fa-listone a {
    color: #ccc;
    text-transform: none;
    font-size: 11px;
    display: block;
}

.fa-listone a:hover {
    color: #fff;
}

.fa-listone li {
    list-style: none;
    border-bottom: 1px solid #444;
    padding-bottom: 5px;
    margin-bottom: 4px;
}

.fa-listone li li {
    list-style: none;
    border-bottom: none;
    padding-bottom: 0;
    display: block;
}

.second {
    margin-top: 60px;
}

.third {
    margin-bottom: 40px;
}

.third ul {
    width: 230px!important;
}

.third ul:last-child {
    width: 375px!important;
    height: 193px;
    overflow: hidden;
}

.second ul li {
    float: left!important;
    width: 130px!important;
    border-bottom: none!important;
    margin-right: 20px;
}

.second ul li a {
    border-bottom: 1px solid #444;
    font-size: 12px;
    text-transform: capitalize!important;
    color: #fff;
}

.second ul li a:hover {
    color: #ccc
}

.second ul li li a {
    border-bottom: none!important;
    font-size: 11px;
    text-transform: none;
    !important; color: #ccc;
}

.second ul li li a:hover {
    color: #fff;
}

.second li li {
    float: none
}

.second li li li {
    display: none;
}

.fa-listone.second {
    float: left;
    margin-bottom: 20px;
}

.fa-listone.third li li {

}

.fa-hinweis {
    float: left;
    width: 918px;
    height: 30px;
    color: #aaa;
    font-size: 11px;
    padding-left: 42px;
    margin-bottom: 80px;
}

.fa-hinweis a {
    color: #fff;
    font-size: 11px;
}

.fa-hinweis a:hover {
    text-decoration: underline;
}

.social-icon {
    position: fixed;
    right: 0px;
    top: 200px;
    width: 35px;
    height: 161px;
    opacity: 0.8;
    z-index: 5;
    background: url(/layout/cyt/img/background-footer.png) 1px -5px;
    padding: 10px;
    transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}

.social-icon:hover {
	opacity: 1;
}

.social-icon a {
	text-align: center;
	opacity: 0.8;
	transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
}

.social-icon a:hover {
	opacity: 1;
}

.social-icon img {
	margin-bottom: 10px;
}

.fb-icon:hover {
    opacity: 1;
}

ul.menu_level3 {
    display: none;
}

/* @end */

/* @end */

/* @group STARTSEITE */

.upagain {
    margin-top: -22px;
}

/* @group marken-bereich */

.brand-area {
    width: 950px;
    height: 108px;
    float: left;
    background: url(/layout/cyt/img/background-brands.png);
    margin-left: 4px;
    margin-bottom: 20px;
    position: relative;
}

.brand-area h1 {
    color: #fff;
    font-family: 'Covered By Your Grace', cursive;
    font-size: 20px;
    text-align: center;
    padding-top: 13px;
    position: absolute;
    width: 200px;
    -moz-transform: rotate(-3deg);
    -moz-transform: skewx(-3deg) translatex(150px);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    top: 0;
    left: 0;
}

#logoscroll table {
    margin-top: 45px;
}

/* @end */

/* @group shortcuts */

.shortcut-area {
    width: 951px;
    float: left;
    height: 178px;
    background: transparent url(/layout/cyt/img/background-shortcuts.png) no-repeat top center;
    margin-left: 5px;
    text-align: left;
}

.shortcut-area div {
    position: relative;
    width: 237px;
    float: left;
}

.shortcut-area .sc-image {
    float: left;
    margin-top: 13px;
    margin-left: 5px;
    opacity: 0.90;
    width: 110px;
}

.shortcut-area .sc-text {
    float: right;
    width: 80px;
    top: 20px;
    color: #fff;
    margin-right: 15px;
    position: absolute;
    right: 10px;
    height: 120px;
}

.sc-text p {
    position: absolute;
    bottom: 0;
    left: 0;
}

a.sc-ue {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #c8c8c8;
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    left: -120px;
    top: 0;
    width: 85px;
    height: 140px;
    padding-left: 115px;
}

.shortcut-area div:hover .sc-image {
    opacity: 1;
    -moz-transform: rotate(2deg);
    -moz-transform: skewx(2deg) translatex(150px);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
}

.shortcut-area div:hover a {
    color: #feed00;
}

.sc-item2 .sc-image {
    margin-left: 6px;
}

.sc-item3 .sc-image {
    margin-left: 10px;
}

.sc-item4 .sc-image {
    margin-left: 14px;
}

.sc-small {
    font-size: 10px;
    line-height: 20px;
}

.sc-price {
    font-size: 20px;
}

.sc-item3 .sc-text {
    margin-right: 10px;
}

.sc-item4 .sc-text {
    margin-right: 5px;
}

/* @end */

/* @group slider */

.slider-area {
    width: 656px;
    height: 325px;
    padding: 7px!important;
    background: #fff!important;
    position: relative;
    float: left;
    z-index: 1;
    margin-left: 7px;
    margin-top: 1px;
}

.slider-area a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    color: white;
}

.slider-area a:hover {
    color: #feed00;
}

/* @end */

/* @group teaser neben slider */

.teaser-area {
    float: right;
    width: 280px;
    height: 348px;
}

.teaser1 {
    float: left;
    width: 277px;
    height: 171px;
    background-image: url(/layout/cyt/img/background-teaser.png);
    position: relative;
}

.teaser2 {
    float: left;
    width: 279px;
    height: 177px;
    background-image: url(/layout/cyt/img/background-teaser2.png);
    position: relative;
}

.ta-image1 {
    margin-top: 7px;
    margin-left: 6px;
    float: left;
}

.ta-image2 {
    margin-top: 14px;
    margin-left: 7px;
    float: left;
}

.ta-text {
    float: right;
    width: 120px;
    color: white;
    margin-top: 20px;
    margin-right: 20px;
}

.ta-text .ta-ue {
    font-size: 14px;
    color: #c8c8c8;
}

.ta-text .ta-small {
    font-size: 11px;
    color: #fff;
    line-height: 11px;
}

.ta-text .ta-price {
    font-size: 22px;
    color: #fff;
    line-height: 30px;
}

.ta-text p {
    margin-bottom: 10px;
    line-height: 20px;
}

a.ta-button1 {
    font-family: 'Covered By Your Grace', cursive;
    font-size: 18px;
    color: #000;
    background: url(/layout/cyt/img/teaser-button1.png) no-repeat 40px 123px;
    width: 203px;
    position: absolute;
    left: 0;
    top: 0;
    width: 277px;
    height: 21px;
    padding-top: 140px;
    text-align: center;
}

a.ta-button1:hover {
    background-position: -237px 123px;
}

.teaser1 img {
    opacity: 0.9;
}

.teaser1:hover img {
    opacity: 1;
    -moz-transform: rotate(-2deg);
    -moz-transform: skewx(-2deg) translatex(150px);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
}

a.ta-button2 {
    font-family: 'Covered By Your Grace', cursive;
    font-size: 18px;
    color: #000;
    background: url(/layout/cyt/img/teaser-button2.png) no-repeat 65px 123px;
    width: 203px;
    position: absolute;
    left: 0;
    top: 0;
    width: 277px;
    height: 21px;
    padding-top: 140px;
    text-align: center;
    margin-top: 7px;
}

a.ta-button2:hover {
    background-position: -212px 124px;
}

.teaser2 img {
    opacity: 0.9;
}

.teaser2:hover img {
    opacity: 1;
    -moz-transform: rotate(-2deg);
    -moz-transform: skewx(-2deg) translatex(150px);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
}

/* @end */

/* @group tabs */

.tab-area {
    float: left;
    width: 950px;
    padding-left: 5px;
    position: relative;
}

.allproducts {
    position: absolute;
    right: 25px;
    top: 10px;
    color: #fff;
    text-decoration: underline;
}

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

ul.tabs {
    width: 950px;
    height: 37px;
    padding-left: 8px;
}

ul.tabs li {
    float: left;
}

.tabs a {
    float: left;
    height: 32px;
    width: 185px;
    background: url(/layout/cyt/img/button-tab.png) 0 -37px no-repeat;
    color: #9c9c9c;
    padding-top: 5px;
    text-align: center;
    margin-left: -3px;
    font-family: 'Covered By Your Grace', cursive;
    font-size: 20px;
}

.tabs a:hover, .tabs-b a:hover {
    background-position: 0 0;
    color: #fff;
}

.tabs .active a, .tabs-b .active a {
    background-position: 0 0;
    color: #fff;
}

.tab_container {
    width: 960px;
    margin-top: 5px;
    padding-bottom: 20px;
}

.startpage .tab-area .tab_container {
	
}

.tab-item {
    width: 151px;
    height: 344px;
    float: left;
    margin-right: 9px;
    position: relative;
    background: url(/layout/cyt/img/background-tabs-b.png) repeat-y 0 0;
    margin-bottom: 20px;
}

.tab-item:hover h1 {
    color: #feed00;
}

.tab-image {
    width: 132px;
    height: 200px;
    float: left;
    margin-top: 19px;
    margin-left: 9px;
}

.tab-image td {
    width: 132px;
    height: 200px;
    text-align: center;
}

.tab-image img {
    max-width: 130px;
    max-height: 195px;
}

.tab-producer {
    position: absolute;
    width: 132px;
    height: 30px;
    background: transparent;
    z-index: 1;
    display: none;
}

.tab-image .tab-producer td {
    width: 132px;
    height: 30px;
    text-align: center;
}

.tab-image .tab-producer img {
    max-width: 100px;
    padding-top: 0px;
    max-height: 30px;
}

.tab-text {
    width: 120px;
    height: 76px;
    float: left;
    position: absolute;
    bottom: 20px;
    left: 15px;
    color: white;
}

.tab-text h1 {
    font-size: 11px;
    text-transform: uppercase;
    color: white;
    display: block;
    font-weight: normal;
    overflow: hidden;
    height: 26px;
    line-height: 13px;
}

.tab-cat {
    font-size: 11px;
    margin-bottom: 10px!important;
}

.tab-uvp {
    font-size: 11px;
    color: #aaa;
}

.tab-price {
    font-size: 20px;
    margin-bottom: 5px!important;
}

.tab-price.tpreduced {
	color: red;
}

.tab-text p {
    margin: 0;
}

a.tabb5 {
    margin-left: 5px!important;
}

a.tabb6 {
    margin-left: 5px!important;
}

ul.tabs-b li {
    float: left;
}

/* @end */

/* @end */

/* @group TREFFERLISTE */

/* @group right */

.hitlist {
    position: relative;
    width: 960px;
    top: 0;
}

.hl-right {
    width: 750px;
    background: #fff;
    float: right;
    margin-right: 3px;
}

.hl-header {
    float: left;
    position: relative;
}

.hl-breadcrumb {
    padding-left: 40px;
    height: 35px;
    padding-top: 10px;
}

.hl-breadcrumb a {
    float: left;
    font-size: 11px;
    color: #666;
    padding-right: 10px;
}

.hl-breadcrumb li {
    float: left;
}

.hl-breadcrumb a:hover {
    color: #000;
}

.hl-breadcrumb a:hover {
    color: #000;
}

.hl-cat-title {
    float: left;
}

.hl-searchresult p {
    position: absolute;
    color: #999;
    bottom: 0;
    left: 40px;
}

.hl-cat-title h1 {
    padding-left: 40px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: -1px;
    height: 40px;
    display: block;
    float: left;
    width: 711px;
}

.hl-cat-catimage {
    margin-left: 7px;
    float: left;
    height: 160px;
}

.hl-filter {
    padding-left: 40px;
    width: 710px;
    position: absolute;
    top: 85px;
    left: 0;
    z-index: 5;
}

.articleorder {
	float: right;
	margin-right: 8px;
}

p.reset_filter a {
	color: #999;
	margin-top: 4px;
	float: left;
	font-size: 12px;
	text-transform: uppercase;
}

p.reset_filter a:hover {
	color: black;
}

/* @group seiten-navigation */

.hl-page-navigation {
    float: left;
    height: 21px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 5px -20px 5px;
    width: 740px;
    padding-top: 5px;
    margin-top: 40px;
}

.hl-header.bottom .hl-page-navigation {
    float: left;
    height: 21px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 5px 10px 5px;
    width: 740px;
    padding-top: 5px;
}

.ff01_pagenav {
    width: 100%;
    text-align: center;
}

.hl-page-navigation div {
    display: inline;
}

.articlePages {
    margin: 0 20px;
}

.articlePages a {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    background: url(/layout/cyt/img/background-pagenav.png) no-repeat right center;
    padding-right: 10px;
    padding-left: 4px;
}

.articlePages a:last-child {
    background: none;
}

.articlePages a:hover {
    color: red;
}

.articlePages .articlePages_activeLink {
    color: red;
    font-weight: bold;
}

.ff01_BrowsePreviousButton {
    color: #666;
    font-size: 11px;
    text-decoration: underline;
}

a .ff01_BrowseNextButton {
    color: #666;
    font-size: 11px;
    text-decoration: underline;
}

.ff01_BrowsePreviousButton:hover, .ff01_BrowseNextButton:hover {
    text-decoration: none;
    color: #000;
}

/* @end */

/* @group elemente */

.hl-container {
    float: left;
    width: 750px;
    margin-top: 50px;
    z-index: 0;
}

.hl-row {
    float: left;
    background: url(/layout/cyt/img/background-item-row.png) no-repeat;
    margin-left: 6px;
    margin-bottom: 10px;
}

.hlc-item {
    float: left;
    width: 176px;
    height: 337px;
    margin-right: 10px;
    position: relative;
}

.hlc-item:hover h2 {
    color: #feed00;
    -webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

.hlc-item:hover .hlci-product img {
    opacity: 1;
}

.hlc-item table {
    width: 162px;
}

.hlci-logo {
    position: absolute;
    top: 25px;
    left: 8px;
}

.hlci-product {
    position: absolute;
    top: 30px;
    left: 8px;
}

.hlci-logo img {
    max-width: 122px;
}

.hlci-product img {
    max-width: 150px;
    max-height: 180px;
    -webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

.hlci-text {
    position: absolute;
    top: 240px;
    left: 20px;
    width: 140px;
    color: #fff;
}

.hlci-text a {
	color: white;
}

.hlci-text h2 {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 16px!important;
    height: 28px!important;
    padding-bottom: 5px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

.hlci-text p {
    font-size: 18px;
    margin-top: 0;
    padding-top: 10px;
    float: left;
}

p.hlci-reducedb {
    background: #eb0000;
    margin-top: 7px;
    padding: 3px;
    float: left;
    margin-right: 50px;
}

p.hlci-reducedc {
    background: #eb0000;
    margin-top: 7px;
    padding: 3px;
    float: left;
    margin-right: 20px;
}

p.hlci-uvp {
    font-size: 11px;
    margin-top: 3px;
    color: #ddd;
    border: none;
    padding: 0;
    float: left;
}

p.hlci-uvp span {
    text-decoration: line-through;
}

.hlci-reduced {
    width: 66px;
    height: 101px;
    background: url(/layout/cyt/img/reduced.png);
    position: absolute;
    margin-left: -20px;
    margin-top: -10px;
    top: 0;
    left: 0;
}

.ppr-ls-item .hlci-reduced {
    margin-top: -25px;
    margin-left: -30px;
}

/* @end */

/* @end */

/* @group left */

/* @group kategorien */

.hl-left {
    width: 190px;
    float: left;
    margin-left: 8px;
    color: #eee;
}

.hll-navigation {
    background: white;
    padding-bottom: 30px;
}

.hl-left h3 {
    font-size: 14px;
    text-transform: uppercase;
    width: 160px;
    padding: 17px 0 28px 30px;
    color: #333;
    display: none;
}

.hll-navigation li {
    display: none;
}

.hll-navigation.sale {
    
}

li.level1active {
    display: block!important;
}

li.level1active li {
    display: block!important;
}

.hll-navigation li a {
    border-bottom: none;
    margin: 0 10px;
    display: block;
    text-transform: uppercase;
    padding: 28px 0 8px 22px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}

.hll-navigation li li a {
    border-bottom: none;
    margin: 0 10px;
    display: block;
    text-transform: uppercase;
    padding: 8px 0 8px 22px;
    color: #666;
    font-size: 13px;
    background: url(/layout/cyt/img/background-cat-li.png) no-repeat 150px 0px!important;
    border-bottom: 1px solid #dbdbdb;
    font-weight: normal;
}

.hll-navigation li li li a {
    border-bottom: none;
    margin: 0 10px;
    display: block;
    text-transform: capitalize;
    padding: 8px 0 2px 32px;
    color: #666;
    font-size: 13px;
    background: none!important;
}

.hll-navigation li.level1active a li {
    color: #333;
    background: url(/layout/cyt/img/background-cat-li.png) no-repeat 150px -33px!important;
}

.hll-navigation ul ul {
    margin-bottom: 0!important;
    margin-top: 0!important;
    background: none;
    display: none;
}

.hll-navigation .level1active ul {
    margin-bottom: 20px;
    margin-top: 10px;
    background: none;
    display: block;
}

.hll-navigation li li a.level2active_link {
    background: url(/layout/cyt/img/background-cat-li.png) no-repeat 150px -33px!important;
    color: black;
}

.hll-navigation li li a:hover {
    background: url(/layout/cyt/img/background-cat-li.png) no-repeat 150px -53px!important;
    color: red;
}

.hll-navigation li li li a:hover {
    background: none!important;
    color: red;
}

.hll-navigation .level3 a {
    display: none;
}

.hll-navigation .level2active .level3 a {
    display: block;
    margin-bottom: 0!important;
}

.hll-navigation .level2active li:last-child {
    margin-bottom: 20px;
}


/* @end */

/* @group zuletzt gesehen */

.hll-header {
    width: 190px;
    height: 51px;
    background: url(/layout/cyt/img/background-lastseen.png);
    float: left;
}

.hll-lastseen {
    background: url(/layout/cyt/img/background-hitlist.png);
    width: 163px;
    float: left;
    padding: 20px 0 10px 27px;
}

.ls-item {
    width: 137px;
    float: left;
    margin-bottom: 10px;
    height: 295px;
    background: url(../img/bg-lastseen.png) 0 0 no-repeat;
    position: relative;
}

.ls-item td {
    
}

.ls-item a {
    display: block;
}

.ls-item img {
    max-width: 127px;
    max-height: 191px;
}

.ls-item p {
    width: 110px;
    float: left;
    color: #fff;
    text-align: left;
    font-size: 18px;
    margin-left: 20px;
    position: absolute;
    bottom: 12px;
}

.ls-item h4 {
    width: 110px;
    float: left;
    color: #fff;
    text-align: left;
    font-size: 12px;
    margin-left: 20px;
    height: 28px;
    line-height: 14px;
    margin-bottom: 5px;
    overflow: hidden;
    position: absolute;
    bottom: 30px;
}

.ls-item:hover {
    
}

.ls-item:hover p {
    color: #feed00;
}

/* @end */

/* @end

*/

/* @end

*/

/* @group PRODUKTSEITE */

/* @group Tell a friend */

#TellAFriend {
    width: 280px;
    position: absolute!important;
    top: 32px;
    left: 13px;
}

#TellAFriend .box_gray2 {
    width: 280px!important;
    text-align: left;
    background: #ececec!important;
    color: white;
    border: 6px solid #424240!important;
    padding: 2px!important;
}

#TellAFriend .box_gray2 input {
	background: black!important;
    color: white!important;
    width: 100px;
    height: 30px;
    cursor: pointer;
    margin-top: 0;
    padding: 0!important;
    font-family: 'Covered By Your Grace', cursive;
    font-size: 18px!important;
    font-weight: normal;
    text-decoration: underline;
    border: none;
    text-transform: lowercase!important;
}

#TellAFriend .box_gray2 input:hover {
	text-decoration: none;
}

#TellAFriend #TellAFriend_Sender, #TellAFriend #TellAFriend_Name, #TellAFriend #TellAFriend_Mail, #TellAFriend #TellAFriend_Message, #TellAFriend #Captchar {
    margin-bottom: 10px!important;
    width: 85%!important;
    border: 0!important;
    height: 18px!important;
    padding: 5px!important;
    font-style: italic!important;
    color: #5a5a5a!important;
    padding-left: 15px!important;
    font-size: 11px!important;
    background: white!important;
    font-family: Arial;
    text-decoration: none;
    cursor: text;
    text-transform: none!important;
}

#TellAFriend .box_gray2 div {
    color: #fff;
    font-style: italic;
    color: #5a5a5a;
    font-size: 11px;
}

#TellAFriend .box_gray2 .small.grey {
    font-size: 10px;
}

#TellAFriend .box_gray2 div div img {
    margin-right: 10px;
}

#TellAFriend .box_gray2 .code_image {
    margin-right: 0!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100px;
}

    
#TellAFriend input[type=submit] {
    height: 30px!important;
    font-size: 16px;
    text-transform: uppercase;
    color: #feed00;
    font-style: normal;    
    background: none;
    border-bottom: none;
    margin-left: -20px;
}

#TellAFriend input[type=submit]:hover {
    color: white;
    cursor: pointer;
}

/* @end */

.productpage {
    position: relative;
    width: 960px;
    margin-top: -25px;
}

#PlentyOrder .productpage {
    position: relative;
    width: 960px;
    margin-top: 0px;
}

.productpage .hl-breadcrumb {
    padding-left: 30px;
    height: 23px;
    padding-top: 4px!important;
    float: left;
    width: 920px;
}

.productpage .hl-breadcrumb a:hover {
    color: #feed00;
}

.productpage .hl-breadcrumb a {
    color: #fff;
}

.pp-content {
    float: left;
    width: 960px;
   /* min-height: 970px;*/
}

/* @group links */

.pp-left {
    background: #fff url(/layout/cyt/img/background-pp-left.gif) right top no-repeat;
    width: 937px;
    float: left;
    padding: 6px;
    margin-left: 7px;
    position: relative;
    height: auto;
    padding-bottom: 0;
}

/* @group oberer-teil */

#content-jqzoom {
    width: 263px;
    float: left;
    text-align: center;
    margin-left: 20px;
    margin-top: 20px;
}

#Zoomer2 {
    
}

#content-jqzoom table {
	height: 400px!important;
	width: 243px;
}

.jqzoom img {
    width: 243px;
    height: 367px
}

.mz-thumbs a {
    float: left;
    line-height: 0;
    width: 65px;
    height: 100px;
    margin-right: 2px;
    margin-bottom: 5px;
}

.mz-thumbs .Active img {
    opacity: 1;
    max-width: 65px;
    max-height: 190px;
}

.mz-thumbs img {
    opacity: 0.5;
    max-width: 65px;
    max-height: 100px!important;
}

.mz-thumbs img:hover {
    opacity: 1!important;
}

.mz-thumbs {
    float: left;
    width: 280px;
    margin-top: 15px;
    margin-left: -10px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    padding-top: 3px;
}

.ppl-container {
    width: 385px;
    float: right;
    right: 21px;
    margin-top: 10px;
    position: relative;
}

.ppl-producer-logo {
    float: left;
    width: 385px;
}

.ppl-producer-logo a {
    color: #aaa;
    font-size: 11px;
    text-transform: uppercase;
}

.ppl-producer-logo img {
    max-width: 120px;
    max-height: 65px;
}

.ppl-producer-logo a:hover {
    opacity: 0.7;
}

.ppl-title h1 {
    font-size: 20px!important;
    margin: 15px 0;
    float: left;
    width: 385px;
    line-height: 26px;
    overflow: hidden;
    font-weight: bold;
    color: #333333;
}

.ppl-critics {
    float: left;
    font-size: 11px;
    color: #333!important;
    margin-right: 30px;
}

.ppl-marke {
    float: left;
    font-size: 11px;
    color: #333!important;
}

.ppl-description {
    margin: 15px 0;
    float: left;
    width: 385px;
}

.ppl-description p {
    font-size: 12px;
    color: #333;
    margin-bottom: 10px;
    line-height: 20px;
}

.ppl-description ul {
    margin-bottom: 10px;
    background: #ddd;
    padding: 5px 5px 5px 10px;
    border: 1px dashed #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 3px 5px -2px #999;
    -webkit-box-shadow: 0px 3px 5px -2px #999;
    box-shadow: 0px 3px 5px -2px #999;
}

.ppl-description li {
    list-style: disc outside;
    line-height: 17px;
    color: #333;
    font-size: 12px;
    margin-left: 15px;
}

.ppl-articlenr-shipment {
    float: left;
    width: 385px;
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    margin-left: -15px;
    padding-left: 15px;
    margin-bottom: 20px;
}

.ppl-articlenr-shipment p {
    padding: 5px 0;
    color: #666;
}

.ppl-articlenr-shipment p.left {
    float: left;
    display: block;
}

.ppl-articlenr-shipment p.right {
    float: right;
    display: block;
    margin-right: 3px;
}

p.ppl-reduced {
    position: absolute;
    background: url(/layout/cyt/img/background-reduced.png);
    height: 51px;
    width: 99px;
    text-indent: -5000px;
    right: -30px;
    top: 0px;
    z-index: 10;
}

.ppl-attributes {
    float: left;
    width: 385px;
    position: relative;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 20px;
}

.ppl-attributes span {
    font-size: 16px;
    float: left;
    position: absolute;
    right: 0;
    bottom: 10px;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    color: #333;
    font-family: 'Covered By Your Grace', cursive;
    margin-bottom: 5px;
}

.ppl-attributes p {
    font-weight: bold;
    color: #333;
}

td.ArticleAttrTd_0 {
    padding-right: 10px;
    padding-top: 5px;
    width: 200px;
}

.select2Buttons {
	position: relative!important;
	margin: 20px 0 0 0px!important;
	padding: 0!important;
	float: left;
}

.ppl-cart-button {
    float: left;
    width: 194px;
    background: #feed00 url(/layout/cyt/img/cart-button.png) no-repeat 0 10px;
    height: 40px;
    padding-top: 10px;
    text-indent: -4000em;
}

.ppl-cart-button img {
    float: left;
}

.ppl-cart-button:hover {
    background-position: 0 -40px;
}

.ppl-cart-button input {
    width: 180px;
    height: 40px;
    float: right;
    border: none;
    background: none;
    text-indent: -4000em!important;
    cursor: pointer;
}

.ppl-bewertung {
    float: left;
    position: relative;
    margin-top: 32px;
    width: 100%;
}

.ppl-bewertung img {
    
}

.ppl-bewertung p {
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    background: url(/layout/cyt/img/ausverkauft.png) 0 0 no-repeat;
    text-indent: -5000em;
    height: 24px;
    width: 172px;
    float: left;
}

.ppl-bewertung ul {
    float: left;
}

a.pplb-alle {
    width: 76px;
    height: 11px;
    background: url(/layout/cyt/img/ppl-alle-anzeigen.png) 0 0 no-repeat;
    float: left;
    text-indent: -5000px;
    margin-right: 20px;
}

.pplb-tell_a_friend {
    float: left;
    width: 157px;
    height: 13px;
    background: url(/layout/cyt/img/ppl-weiterempfehlen.png) 0 0 no-repeat;
    margin-right: 300px;
    margin-bottom: 5px;
}

.pplb-tell_a_friend:hover {
	background-position: 0 -13px!important;
	cursor: pointer;
}

.pplb-merken {
    float: left;
    width: 120px;
    height: 13px;
    margin-right: 280px;
    background: url(/layout/cyt/img/ppl-adwz.png) 0 0 no-repeat;
    margin-bottom: 20px;
}

.pplb-merken:hover {
	background: url(/layout/cyt/img/ppl-adwz.png) 0 -13px no-repeat;
}

/* @end */

/* @group tabs */

.ppl-tabs {
    background: #fff;
    width: 937px;
    float: left;
    padding: 7px 6px 6px 6px;
    margin-left: 7px;
}

.ppl-tabs-two {
    background: #fff;
    width: 738px;
    float: left;
    padding: 1px 6px 6px 6px;
    margin-left: 7px;
}

.ppl-tabs .tabs a, .ppl-tabs-two .tabs-b a {
    float: left;
    height: 32px;
    width: 185px;
    background: url(/layout/cyt/img/button-tab2.png) 0 -37px no-repeat;
    color: #9c9c9c;
    padding-top: 5px;
    text-align: center;
    margin-left: -3px;
    font-size: 16px;
}

.ppl-tabs .tabs .active a, .ppl-tabs-two .tabs-b .active a {
    background-position: 0 0;
    color: #fff;
}

.ppl-tabs .tabs a:hover, .ppl-tabs-two .tabs-b a:hover {
    background-position: 0 0;
    color: #fff;
}

.pplt-container {
    background: #eaeaea;
    float: left;
}

.ppl-tabs-two .pplt-container {
    background: #eaeaea;
    height: 385px;
    float: left;
}

.pplt-container .tab_container, .pplt-container .tab_container-b {
    background: none;
    width: 937px!important;
    float: left;
}

.pplt-container .tabs a, .pplt-container .tabs-b a {
    color: #fff;
    margin-right: -20px;
    font-family: 'Covered By Your Grace', cursive;
    font-size: 17px;
}

.pplt-container ul.tabs, .pplt-container ul.tabs-b {
    width: 736px;
    margin-left: -7px;
}

.pplt-container .tab_content {
    padding-left: 30px;
    padding-right: 20px;
    font-size: 12px;
    margin-top: 20px;
    width: 937px;
    overflow: auto;
}

.pplt-container .tab_content-b {
    padding-left: 50px;
    padding-right: 0;
    font-size: 12px;
    margin-top: 20px;
    width: 730px;
    float: left;
}

#tab2.tab_content img {
    max-width: 130px;
}

.pplt-container .tab_content p {
    margin-bottom: 10px;
    color: #666;
}

.pplt-container .tab_content a {
    color: #000;
}

.pplt-container .tab_content a:hover {
    color: #000;
    text-decoration: underline;
}

.pplt-container .tab_content h2, .pplt-container .tab_content-b h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

/* @end */

/* @end */

/* @group rechts */

.ppl-pricebox {
    float: left;
    width: 199px;
    height: 249px;
    position: relative;
    background: url(/layout/cyt/img/bg-pricebox.png) left bottom no-repeat;
    margin-left: -9px;
    margin-top: 7px;
}

.ppr-teaser {
    float: left;
    margin-top: -15px;
}

p.ppl-price {
    background: white;
    font-size: 27px;
    padding-top: 20px;
    padding-left: 15px;
    color: black;
    width: 159px;
    text-align: right;
    float: left;
    height: 25px;
    padding-right: 20px;
    font-weight: bold;
    margin-top: 5px;
}

p.pppl-reduced {
    color: #eb0000;
}

p.ppl-mini {
    float: left;
    width: 174px;
    background: white;
    font-size: 11px;
    color: #999;
    text-align: right;
    padding-right: 20px;
}

.pplp-mini {
    font-size: 13px;
    font-weight: bold;
    color: #212020;
    float: left;
}

.ppl-versand {
    float: left;
    background: white;
    width: 159px;
    padding-left: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #212020;
    padding-right: 20px;
    padding-top: 10px;
}

.ppl-versand span {
    float: right;
    font-size: 11px;
    font-weight: normal;
    color: #666;
}

.ppl-amount {
    float: left;
    width: 159px;
    padding-top: 15px;
    padding-left: 15px;
    position: relative;
    background: white;
    padding-right: 20px;
}

.ppl-amount p {
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

.ppl-amount input, .ppl-amount select {


    border: 1px solid #ccc;

	width: 165px;
    margin-bottom: 20px;
    font-weight: bold;
    color: black!important;
    font-size: 12px;
}

.ppl-price-uvp {
    cursor: pointer;
    text-decoration: underline;
}

.ppl-price-uvp:hover {
    cursor: pointer;
    text-decoration: underline;
}

.tooltip {
    display: none;
    background: transparent url(/layout/cyt/img/black_arrow.png);
    font-size: 12px;
    height: 70px;
    width: 160px;
    padding: 25px;
    color: #fff;
    text-align: center;
}

p.ppl-mini a {
    font-size: 11px;
    line-height: 11px;
    height: 11px;
    width: 385px;
    font-weight: normal;
    color: #666;
    text-decoration: underline;
}

.pp-right {
    position: absolute;
    width: 190px;
    margin-right: 4px;
    right: 0;
    top: 30px;
}

.ppr-hl-cross {
    float: left;
    background: url(/layout/cyt/img/background-cross-selling.png);
    height: 52px;
    width: 191px;
    margin-left: -1px;
}

.ppr-ls-container {
    float: left;
    padding-bottom: 20px;
    position: relative;
}

.ppr-ls-bg {
    float: left;
}

.ppr-ls-item {
    width: 136px;
    background: url(../img/bg-item-ls.png) no-repeat 0 0;
    float: left;
    padding-right: 32px;
    height: 295px;
    position: relative;
}

.ppr-ls-item:last-child {
    padding-right: 0;
}

.looong .ppr-ls-item:last-child {
    padding-right: 32px;
}

.ppr-ls-item:hover h2 {
    color: #feed00!important;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}

.ppr-ls-item:hover img {
    opacity: 1;
}

.ppr-ls-logo {
    float: left;
    width: 135px;
    height: 25px;
    text-align: center;
    margin-top: 4px;
    display: none;
}

.ppr-ls-logo img {
    max-height: 24px;
    opacity: 0.8;
}

.ppr-ls-img {
    float: left;
}

.ppr-ls-img img {
    max-height: 136px;
    max-width: 204px;
}

.ppr-ls-text {
    float: left;
    width: 125px;
    margin-top: 28px;
    padding-left: 10px;
    margin-bottom: 0!important;
}

.ppr-ls-text h2 {
    font-size: 11px!important;
    font-weight: normal!important;
    line-height: 12px!important;
    text-transform: uppercase!important;
    overflow: hidden;
    height: 36px;
    color: #fff!important;
    margin-bottom: 5px!important;
    width: 120px;
}

.ppr-ls-price p {
    float: left;
    width: 125px;
    color: #fff;
    margin-top: 0px;
    font-size: 18px;
    padding-left: 10px;
}

p.pprls-red {
	background: #eb0000;
    padding: 3px;
    width: auto!important;
    float: left;
    margin-left: 10px;
}

#ask-question {
    float: left;
    width: 175px;
    height: 75px;
    background: url(../img/shortcuts-right2.png);
    font-family: 'Covered By Your Grace', cursive;
    font-size: 20px;
    color: #feed00;
    text-decoration: underline;
    padding-top: 12px;
    padding-left: 15px;
}

#ask-question:hover {
    background-position: 0 -87px;
    cursor: pointer;
    text-decoration: none;
}

/* @group frage */

.frage {
    width: 430px;
    height: auto;
    position: absolute;
    background: #ececec;
    border: 6px solid #424240;
    right: -9px;
    top: 340px;
    z-index: 50;
    display: none;
    padding-bottom: 20px;
}

.frage img {
    margin: 20px;
    margin-bottom: 10px;
    max-width: 100px;
    max-height: 65px;
    border: 0;
}

.frage p {
    font-size: 11px;
    color: #666;
    line-height: 16px;
    width: 360px;
    margin: 10px 20px 10px 20px;
}

.frage h4 {
    font-size: 18px;
    margin: 5px 20px;
    width: 380px;
    font-weight: bold;
    color: #444;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 5px;
    margin-right: 0;
}

.frage input {
    margin: 5px 20px 0 20px;
    width: 360px;
    border: 0;
    height: 18px;
    padding: 5px;
    font-style: italic;
    color: #5a5a5a;
    padding-left: 15px;
    font-size: 11px;
}

#fragebox {
    height: 100px;
    background: white;
    width: 348px;
    padding: 15px;
    margin: 5px 20px 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #999;
    -moz-box-shadow: inset 0 0 5px 5px #888;
    -webkit-box-shadow: inset 0 0 5px 5px#888;
    box-shadow: inset 0 0 5px -1px #888;
}

#send {
    background: black;
    color: white;
    width: 100px;
    height: 30px;
    cursor: pointer;
    margin-top: 0;
    padding: 0!important;
    font-family: 'Covered By Your Grace', cursive;
    font-size: 18px;
    font-weight: normal;
    text-decoration: underline;
}

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

#antwort {
    margin-left: 20px;
    margin-top: 20px;
    width: 300px;
}

textarea#frage {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    width: 100%;
    height: 100%;
    resize: none;
    font-size: 12px;
    font-style: italic;
    color: #5a5a5a;
    font-family: Arial;
}

textarea#frage:focus {
    border: none;
}

.close-question {
    width: 38px;
    height: 40px;
    background: url(../img/close.png);
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    border: 0;
}

/* @end */

/* @end */

/* @group scroller */

.cyt_hor_scrollable {
    float: left;
    position: relative;
    overflow: hidden;
    width: 640px;
    height: 300px;
    padding-top: 25px;
    margin-top: -25px;
}

.cyt_hor_scrollable .cyt_hor_items {
    width: 20000em;
    position: absolute;
    clear: both;
    height: 295px;
}

.cyt_hor_scrollable .cyt_hor_active {
    position: relative;
}

.cyt_hor_items .looong {
    float: left;
    width: 672px;
    height: 295px;
}

.looong div:last-child {
    padding-right: 0!important;
}

a.browse {
    display: block;
    cursor: pointer;
    margin-top: -207px;
}

a.right {
    background: url(../img/next.png) no-repeat top left;
    height: 96px;
    width: 76px;
    position: absolute;
    right: -87px;
    top: 290px;
}

a.left {
    background: url(../img/prev.png) no-repeat top left;
    height: 96px;
    width: 76px;
    position: absolute;
    left: -93px;
    top: 290px;

}

a.cyt_hor_disabled {
    visibility: hidden!important
}

a.right:hover,a.down:hover {
    background-position: 0 -96px
}

a.left:hover,a.up:hover {
    background-position: 0 -105px
}

/* @end */

/* @end */

/* @group MEIN KONTO
 */

#loginbox {
    position: absolute;
    top: 0px;
    left: 575px;
    background: rgba(232,232,232,0.95) url(../img/bg-login.png) no-repeat 15px 0;
    z-index: 4000;
    padding: 15px;
    border: 6px solid black;
    text-align: left;
    padding-top: 30px;
    display: none;
}

.lb-content {
    text-align: left;
    width: 270px;
}

.lb-content h3 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #1f1f1f;
    text-transform: uppercase;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 5px;
}

.lb-content input {
    height: 20px;
    width: 260px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    padding: 5px;
    margin-bottom: 5px;
    color: #5b5b5b;
    font-style: italic;
    font-size: 12px;
}

.lb-content p#button_next.s {
    background: black;
    color: #fff;
    width: 120px!important;
    text-align: center;
    padding-top: 8px;
    margin-top: 10px;
    float: left;
    cursor: pointer;
    font-family: 'Covered By Your Grace', cursive;
    font-size: 18px;
    font-weight: normal;
    text-decoration: underline;
}

.lb-content p#button_next.s:hover {
    text-decoration: none;
}

.mkonto-a {
    margin-top: 10px;
    width: 170px;
    height: 30px;
    margin-left: 140px;
}

.mkonto-a a {
    color: #666;
    font-size: 11px;
    line-height: 14px;
    text-decoration: underline;
}

.mkonto-a a:hover {
    text-decoration: none;
}

.new-acc p {
    margin-top: 30px;
    font-size: 12px;
    color: #666;
}

.new-acc a {
    color: #000;
    text-decoration: underline;
}

.new-acc a:hover {
    text-decoration: none;
}

.log-close {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../img/close.gif) no-repeat 0 0;
    text-indent: -5000em;
    cursor: pointer;
}

.log-close:hover {
    opacity: 0.5;
}

/* @end */

/* @group CHECKOUT und co */

#PlentyOrderPayPalExpressPanel {
    background: white;
    padding: 30px;
    width: 945px!important;
    margin-left: 7px;
    padding-bottom: 0;
    display: none;
}

.ff01_msg_ok, #PlentyMyAccount {
    background: white;
    padding: 30px;
    margin-left: 7px;
    width: 885px;
    font-size: 14px;
    margin-top: -24px;
    float: left;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#PlentyMyAccount a {
    color: #000;
}

#PlentyMyAccount input[type=text] {
    background: #ddd;
    padding: 5px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#PlentyMyAccount input[type=password] {
    background: #ddd;
    padding: 5px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.ff01_msg.ff01_msg_ok p {
    font-size: 30px!important;
    text-transform: uppercase;
    color: #feed00;
    background: #999;
    margin-bottom: 60px;
    line-height: 36px!important;
    text-align: center;
    padding: 10px 200px!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.ff01_msg.ff01_msg_ok p span {
    color: #000;
    font-size: 30px;
    font-weight: bold;
}

.plentyErrorBox {
    background: black;
    padding: 30px;
    margin-left: 7px;
    width: 885px;
    color: #feed00;
    font-size: 16px;
    margin-top: -25px;
    margin-bottom: 25px;
    text-align: center;
    line-height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,.5);
}

.multilang_flags {
    display: none;
}

.plentyErrorBoxTitle {
    display: none;
}

.weiter-einkaufen {
    float: left;
    margin-left: 230px;
    background: #666;
    cursor: pointer;
    width: 174px;
    height: 21px;
    color: #fff;
    padding-top: 5px;
    text-align: center;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.weiter-einkaufen:hover {
    opacity: 0.5;
}

.jetzt-bezahlen a {
    float: right;
    margin-right: 210px;
    background: #feed00;
    cursor: pointer;
    width: 269px;
    height: 40px;
    padding-top: 24px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
}

.jetzt-bezahlen:hover {
    background: #000;
    color: #feed00;
}

.jetzt-bezahlen:hover a {
    background: #000;
}

.jetzt-bezahlen a:hover {
    color: #feed00;
}

.paypalexpress {
    float: left;
    margin-top: 60px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    padding: 0 200px;
    width: 520px;
    color: #666;
}

.paypalexpress a {
    color: #000;
    font-weight: bold;
    font-size: 16px;
}

.afterbuy {
    margin-top: -25px!important;
}

.plentyMessageBox {
    margin-left: 8px;
    width: 909px;
    background: #000;
    text-align: center;
    color: #feed00;
    font-size: 20px;
    padding: 20px;
    background:rgba(0,0,0,.5);
    line-height: 26px;
margin-top:-20px;
margin-bottom:33px
}

.plentyMessageBoxTitle {
    display: none;
}

.customreg {
    margin-left: 8px;
    width: 848px;
    padding: 50px;
    background: #fff;
    margin-top: -25px;
    color: #fff!important;
}

.customreg h1 {
    color: #feed00;
    text-transform: uppercase;
    margin-bottom: 30px;
    background: #666;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.customreg table {
    color: #000!important;
}

.customreg input[type=text] {
    background: #666;
    padding: 10px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.plentyErrorBox strong {
    display: none;
}

.plenty_watchlist_table a {
	font-size: 24px!important;
	text-decoration: underline;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 400;
}

.plenty_watchlist_table a:hover {
	text-decoration: none;
}

.plenty_watchlist_table .colc {
	font-size: 26px;
	font-family: 'Open Sans Condensed', sans-serif;
}

.plenty_watchlist_table .colb {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	line-height: 25px;
	color: #666;
}

fieldset.plenty_watchlist {
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    border-color: #000;
    border:1px dashed;
}

fieldset.plenty_watchlist legend {
	background: #999;
	color: #feed00;
	padding: 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    border: 2px solid white;
}

/* @end */

/* @group CONTENTPAGES */

/* @group markenuebersicht */

.markenlogos {
  text-align: center;
  padding-left: 1px;
}

.markenlogos a {
  width: 150px;
  height: 130px;
  float: left;
  display: table-cell;
  vertical-align: middle!important;
  margin-bottom: 20px;
  margin-right: 1px;
  opacity: 1;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 16px!important;
  line-height: 20px;
  color: black;
}

.markenlogos a:hover {
  opacity: 0.8;
  transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    background: #ddd;
}

.markenlogos img {
  vertical-align: middle!important;
  display: table-cell;
  margin-bottom: 5px;
}

/* @end */

/* @group sale */

.my_sale .hl-filter img {
    display: none;
}

/* @end */

#print_and_save {
    display: none;
}

.contentpages {
    background: #fff;
    margin-top: -25px;
    margin-left: 8px;
    padding: 20px;
    width: 909px;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    .contentpages {
    background: #fff;
    margin-top: -12px;
    margin-left: 8px;
    padding: 20px;
    width: 909px;
}
 }

.contentpages h1 {
    color: #feed00;
    margin-bottom: 10px;
    background: #666;
    padding: 15px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 24px;
    font-family: 'Open Sans Condensed', sans-serif;
}

.contentpages h2 {
    color: #666;
    text-transform: none;
    margin: 30px 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 19px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
}

.contentpages p {
    color: #666;
    text-transform: none;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 18px;
    padding: 0 50px 0 20px;
}

.contentpages ul {
    margin: 0 0 20px 20px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #666;
    line-height: 20px;
}

.contentpages li {
    list-style-type: disc;
    list-style-position: inside;
}

.contentpages li li {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 20px;
}

.contentpages form { margin-left: 20px; color: #666; }
.contentpages td { padding: 0 0 10px 0 ;}
.contentpages input { padding: 5px 5px; float: left;}


/* @end */