/* ------------------------------- */
/* RESET Elements
/* ------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}body {
    background-color: #ECECEC;
    font-family: Roboto,ui-sans-serif,system-ui,sans-serif;
}
a {
    text-decoration: none;
}
li {
    margin-top: 4px;
}
ul {
    margin-left: 2px;
    margin-bottom: 4px;
    list-style-position: outside;
    list-style-type:none;
}
h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
}
h4 {
    font-size: 14px;
    margin-bottom: 4px;
}
h5 {
    font-size: 11px;
    margin-bottom: 2px;
}
h6 {
    font-size: 10px;
    margin-bottom: 2px;
}
p {
    margin-bottom: 4px;
}
.button_w {
    background-image: url(/_css/_pix/btn_weiter.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 87px;
    height: 35px;
    display: block;
    text-indent: -9998px;
    margin-left: -3px;
}
.button_w:hover {
    background-position:0 -35px;
}
.button_b {
    background-image: url(/_css/_pix/btn_zurueck.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 96px;
    height: 35px;
    display: block;
    text-indent: -9998px;
    margin-left: -3px;
}
.button_b:hover {
    background-position:0 -35px;

}
.button_e {
    background-image: url(/_css/_pix/btn_beispiele.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 96px;
    height: 35px;
    display: block;
    text-indent: -9998px;
    margin-left: -3px;
}
.button_e:hover {
    background-position:0 -35px;
}
.button_d {
    background-image: url(/_css/_pix/btn_details.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 112px;
    height: 44px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_d:hover {
    background-position:0 -44px;
}

.button_v {
    background-image: url(/_css/_pix/btn_video.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 150px;
    height: 62px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_v:hover {
    background-position:0 -62px;
}

.button_zoom {
    background-image: url(/_css/_pix/btn_zoom.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 161px;
    height: 44px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_zoom:hover {
    background-position:0 -45px;
}
.button_info {
    background-image: url(/_css/_pix/btn_produktinfo.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 161px;
    height: 44px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_info:hover {
    background-position:0 -45px;
}

.button_materialinfo {
    background-image: url(/_css/_pix/btn_materialinfo.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 161px;
    height: 44px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_materialinfo:hover {
    background-position:0 -45px;
}

.button_clipping {
    background-image: url(/_css/_pix/btn_clipping.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 161px;
    height: 44px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_clipping:hover {
    background-position:0 -45px;
}
.button_clipping_inactive {
    background-image: url(/_css/_pix/btn_clipping_inactive.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 161px;
    height: 44px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_clipping_inactive:hover {
    background-position:0 -45px;
}

.button_i {
    background-image: url(/_css/_pix/btn_i.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 27px;
    height: 27px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_i:hover {
    background-position:0 -27px;
}
.button_gest {
    background-image: url(/_css/_pix/btn_gestalten.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 220px;
    height: 45px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_gest:hover {
    background-position:0 -45px;
}
.button_big_gest {
    background-image: url(/_css/_pix/btn_gestalten_big.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 243px;
    height: 53px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_big_gest:hover {
    background-position:0 -53px;
}
.button_big_kalender {
    background-image: url(/_css/_pix/btn_zudenkalendern_big.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 243px;
    height: 53px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_big_kalender:hover {
    background-position:0 -53px;
}
.button_small_gest {
    background-image: url(/_css/_pix/btn_gestalten_small.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 140px;
    height: 31px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_small_gest:hover {
    background-position:0 -31px;
}
.button_ausw {
    background-image: url(/_css/_pix/btn_auswaehlen.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 164px;
    height: 47px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_ausw:hover {
    background-position:0 -47px;
}
.button_testen {
    background-image: url(/_css/_pix/btn_testen.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 151px;
    height: 35px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_testen:hover {
    background-position:0 -35px;
}
.button_testen_down {
    background-image: url(/_css/_pix/btn_testen_down.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 183px;
    height: 35px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_testen_down:hover {
    background-position:0 -35px;
}
.button_ausw_small {
    background-image: url(/_css/_pix/btn_auswaehlen_small.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 145px;
    height: 21px;
    display: block;
    text-indent: -9998px;
    margin-left: 0px;
}
.button_ausw_small:hover {
    background-position:0 -22px;
}
.button_wide {
    background-image: url(/_css/_pix/btn_themenwelt.png);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    width: 507px;
    height: 43px;
    display: block;
    text-align:center;
}
.button_wide:hover {
    background-position:0px -43px;
}
.button_narrow {
    background-image: url(/_css/_pix/btn_narrow.png);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    width: 126px;
    height: 34px;
    display: block;
    text-align:left;
}
.button_narrow:hover {
    background-position:0px -34px;
}
.button_sound_play {
    background-image: url(/_css/_pix/btn_sound.png);
    background-position: -100px 0px;
    background-repeat:no-repeat;
    width: 100px;
    height: 39px;
    display: block;
    text-indent: -9998px;
    text-align:left;
}
.button_sound_play:hover {
    background-position: -100px -40px;
}
.button_sound_stop {
    background-image: url(/_css/_pix/btn_sound.png);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    width: 100px;
    height: 39px;
    display: block;
    text-indent: -9998px;
    text-align:left;
}
.button_sound_stop:hover {
    background-position:0px -40px;
}
.button_shop {
    background-image: url(/_css/_pix/btn_zumshop.png);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    width: 245px;
    height: 51px;
    display: block;
    text-indent: -9998px;
    text-align:left;
}
.button_shop:hover {
    background-position:0px -52px;
}
.button_big_blank {
    background-image: url(/_css/_pix/btn_big_blank.png);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    width: 208px;
    height: 48px;
    display: block;
    text-align:left;
}
.button_big_blank:hover {
    background-position:0px -48px;
}
.locr_button_shop {
    background-image: url(/_css/10000/_pix/10000_btn_zumshop.png);
    background-position: 0px 0px;
    background-repeat:no-repeat;
    width: 245px;
    height: 51px;
    display: block;
    text-indent: -9998px;
    text-align:left;
}
.locr_button_shop:hover {
    background-position:0px -52px;
}

.button_small_blank {
    background-image: url(/_css/_pix/btn_small_blank.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 107px;
    height: 35px;
    display: block;
    margin-left: -3px;
}
.button_small_blank:hover {
    background-position:0 -35px;
}

.button_blue_gest {
    background-image: url(/_css/_pix/btn_blue_gest.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 118px;
    height: 34px;
    display: block;
    text-indent: -9998px;
    margin-left: -3px;
}
.button_blue_gest:hover {
    background-position:0 -33px;
}

.button_basket {
    background-image: url(/_css/_pix/btn_basket.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 136px;
    height: 32px;
    display: block;
    text-indent: -9998px;
}
.button_basket:hover {
    background-position:0 -32px;
}

.button_ansehen {
    background-image: url(/_css/_pix/btn_jetzt_ansehen.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 155px;
    height: 40px;
    display: block;
    text-indent: -9998px;
}
.button_ansehen:hover {
    background-position:0 -40px;
}

.button_ansehen_large {
    background-image: url(/_css/_pix/btn_jetzt_ansehen_large.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 222px;
    height: 41px;
    display: block;
    text-indent: -9998px;
}
.button_ansehen_large:hover {
    background-position:0 -41px;
}

.button_gestalten {
    background-image: url(/_css/_pix/btn_gestalten_med.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 145px;
    height: 40px;
    display: block;
    text-indent: -9998px;
}
.button_gestalten:hover {
    background-position:0 -40px;
}

.button_hochladen {
    background-image: url(/_css/_pix/btn_hochladen.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 210px;
    height: 40px;
    display: block;
    text-indent: -9998px;
}
.button_hochladen:hover {
    background-position:0 -40px;
}

.button_materialinformationen {
    background-image: url(/_css/_pix/btn_materialinformationen.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 210px;
    height: 40px;
    display: block;
    text-indent: -9998px;
}
.button_materialinformationen:hover {
    background-position:0 -40px;
}

.button_material_aendern {
    background-image: url(/_css/_pix/btn_material_aendern.png);
    background-position: top left;
    background-repeat:no-repeat;
    width: 106px;
    height: 26px;
    display: block;
    text-indent: -9998px;
}
.button_material_aendern:hover {
    background-position:0 -26px;
}

#ppLoader {
    background:#ececec;
    position:absolute;
    z-index:10001;
    text-align:center;
}

#ppLoader span {
    border: solid #999 2px;
    background: #FFF url(/_pub/shared/pix/loader66x66.gif) no-repeat center 15px;
    min-width: 70px;
    margin: 15px;
    padding: 95px 15px 15px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
}
.grey {	color: #333333; }
.greylight { color: #666666; }
.white { color: #FFFFFF; }
.blue { color: #0069b3; }
.black { color: #000000; }
.orange { color: #d76814; }
.greyblue {	color: #637583; }
.darkblue {	color: #062C58; }

.floatblackmed { color: #000000;  font-size:12px; line-height:14px;}
.floatgreymed { color: #333333;  font-size:12px; line-height:14px;}
.floatredmed { color: #CC0000;  font-size:12px; line-height:14px;}
.floatgreymedlight { color: #666666;  font-size:12px; line-height:14px;}
.floatwhitemed { color: #FFFFFF;  font-size:12px; line-height:14px;}
.floatgreybluemed { color: #637583;  font-size:12px; line-height:14px;}
.floatdarkbluemed { color: #062C58;  font-size:12px; line-height:14px;}
.floatpinkmed { color: #ef319c;  font-size:12px; line-height:14px;}

.floatgrey { color: #333333;  font-size:13px; line-height:15px;}
.floatgreylight { color: #666666;  font-size:13px; line-height:15px;}
.floatwhite { color: #FFFFFF;  font-size:13px; line-height:15px;}
.floatblue {  color: #0069b3;  font-size:13px; line-height:15px;}
.floatorange { color: #d76814;  font-size:13px; line-height:15px;}
.floatgreyblue { color: #637583;  font-size:13px; line-height:15px;}
.floatgreyblue { color: #637583;  font-size:13px; line-height:15px;}
.floatdarkblue { color: #062C58;  font-size:13px; line-height:15px;}

.floatgreysmall { color: #333333;  font-size:10px; line-height:12px;}
.floatgreysmalllight { color: #666666;  font-size:10px; line-height:12px;}
.floatwhitesmall { color: #FFFFFF; font-size:10px; line-height:12px; }
.floatbluesmall {  color: #0069b3;  font-size:10px; line-height:12px;}
.floatorangesmall { color: #d76814;  font-size:10px; line-height:12px;}
.floatgreybluesmall { color: #637583;  font-size:10px; line-height:12px;}
.floatdarkbluesmall { color: #062C58;  font-size:10px; line-height:12px;}
.floatredsmall { color: #CC0000;  font-size:10px; line-height:12px;}

.floatwhitemedium { color: #FFFFFF; font-size:11px; line-height:13px;}
.floatgreymedium { color: #333333;  font-size:11px; line-height:13px;}
.floatgreymediumlight { color: #666666;  font-size:11px; line-height:13px;}
.floatwhitemedium { color: #FFFFFF; font-size:11px; line-height:13px;}
.floatbluemedium {  color: #0069b3;  font-size:11px; line-height:13px;}
.floatorangemedium { color: #d76814;  font-size:11px; line-height:13px;}
.floatgreybluemedium { color: #637583;  font-size:11px; line-height:13px;}
.floatdarkbluemedium { color: #062C58;  font-size:11px; line-height:13px;}

.floatgreyH4 { color: #333333;  font-size:14px; font-weight:bold;}
.floatgreyH5 { color: #333333;  font-size:11px; font-weight:bold;}
#nav {
  width: 192px;
  margin: 2px 0 0 0;
  min-height: 300px;
  float: left; }
  #nav img,
  #nav a {
    display: block; }
  #nav #nav-themen {
    margin: 0 4px 6px 4px;
    width: 184px; }
    #nav #nav-themen > ul {
      overflow: hidden;
      margin: 0;
      width: 184px;
      position: relative;
      -moz-box-shadow: 0 0 5px #666;
      -webkit-box-shadow: 0 0 5px #666;
      box-shadow: 0 0 5px #666;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px; }
      #nav #nav-themen > ul > li {
        position: relative;
        width: 184px;
        margin: 0 0 1px 0;
        display: block;
        float: left; }
        #nav #nav-themen > ul > li > .headline {
          text-align: center;
          font-size: 12px;
          font-weight: 700;
          display: block;
          padding: 7px 10px 4px 10px;
          line-height: 26px; }
        #nav #nav-themen > ul > li.arrow, #nav #nav-themen > ul > li.open {
          background-image: url(/_pub/index/nav_themen_arrow.png);
          background-repeat: no-repeat; }
        #nav #nav-themen > ul > li.arrow {
          background-position: 170px -20px; }
        #nav #nav-themen > ul > li.selected > a {
          background-color: rgba(255, 255, 255, 0.3); }
        #nav #nav-themen > ul > li.open {
          background-position: 170px 2px; }
          #nav #nav-themen > ul > li.open > a {
            background-color: transparent; }
          #nav #nav-themen > ul > li.open:hover a {
            background-color: transparent; }
          #nav #nav-themen > ul > li.open > ul {
            display: block; }
        #nav #nav-themen > ul > li.control > a {
          background-color: rgba(255, 255, 255, 0.3); }
        #nav #nav-themen > ul > li > a {
          line-height: 17px;
          font-size: 12px;
          font-weight: 700;
          padding: 5px 10px 5px 8px; }
          #nav #nav-themen > ul > li > a:hover {
            text-decoration: underline; }
        #nav #nav-themen > ul > li:last-child {
          -webkit-border-radius: 0 0 5px 5px;
          -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
          margin: 0; }
        #nav #nav-themen > ul > li:first-child {
          -webkit-border-radius: 5px 5px 0 0;
          -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0; }
        #nav #nav-themen > ul > li:hover > a {
          background-color: rgba(255, 255, 255, 0.3); }
        #nav #nav-themen > ul > li > ul {
          display: none;
          margin: 0; }
          #nav #nav-themen > ul > li > ul > li {
            margin: 0;
            padding: 2px 0 2px 15px;
            background-color: rgba(255, 255, 255, 0.3); }
            #nav #nav-themen > ul > li > ul > li:first-child {
              padding-top: 7px; }
            #nav #nav-themen > ul > li > ul > li:last-child {
              padding-bottom: 7px; }
            #nav #nav-themen > ul > li > ul > li > a {
              font-size: 12px;
              margin: 0;
              padding: 3px; }
              #nav #nav-themen > ul > li > ul > li > a:hover {
                text-decoration: underline; }
            #nav #nav-themen > ul > li > ul > li.selected > a {
              font-weight: bold;
              text-decoration: underline; }
  #nav #fadeNav {
    position: absolute;
    background-image: url(/_pub/index/nav_themen_arrow.png);
    background-repeat: no-repeat;
    background-position: 3px -20px;
    z-index: 99999;
    margin-top: 0;
    padding: 0;
    margin-left: 170px;
    -moz-box-shadow: 0 0 5px #666;
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ececec; }
    #nav #fadeNav .overflow {
      float: left;
      height: 27px;
      width: 10px;
      margin-left: -7px;
      border-top-width: 1px;
      border-top-style: solid;
      border-top-color: #ececec;
      margin-top: -1px; }
      #nav #fadeNav .overflow > div {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.3); }
    #nav #fadeNav > ul {
      margin: 0;
      padding: 0; }
      #nav #fadeNav > ul > li {
        margin: 0;
        padding: 3px 20px 3px 24px;
        background-color: rgba(255, 255, 255, 0.3); }
        #nav #fadeNav > ul > li > a {
          font-size: 12px;
          margin: 0;
          padding: 3px; }
          #nav #fadeNav > ul > li > a:hover {
            text-decoration: underline; }
        #nav #fadeNav > ul > li:first-child {
          padding-top: 5px; }
        #nav #fadeNav > ul > li:last-child {
          padding-bottom: 5px; }
  #nav .social-buttons {
    width: 184px;
    height: 64px;
    background: url(/_pub/index/bg_socialbar.jpg) no-repeat;
    padding: 4px 4px 6px; }
    #nav .social-buttons a {
      width: 40px;
      height: 40px;
      background-color: #ffffff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -moz-box-shadow: 0 0 5px #666;
      -webkit-box-shadow: 0 0 5px #666;
      box-shadow: 0 0 5px #666;
      float: left;
      display: block;
      margin: 12px 26px;
      text-align: center; }
      #nav .social-buttons a:hover {
        opacity: 0.7; }
    #nav .social-buttons .facebook svg {
      color: #3b5998;
      fill: #3b5998; }
    #nav .social-buttons .google-plus svg {
      color: #dd4b39;
      fill: #dd4b39; }

/*# sourceMappingURL=pp_navigation.css.map */
#wrap {
     margin: 10px auto 100px;
     overflow: hidden;
     width: 954px;
     min-height: 400px;
}

/*#nav {*/
     /*float: left;*/
     /*margin: 0 8px 0 0;*/
     /*min-height: 300px;*/
     /*width: 184px;*/
/*}*/

#content {
     margin: 0 auto;
     overflow: hidden;
	 padding-left:8px;
     width: 754px;
}


#wrap #content .headline h2 {
	height:12px;
	padding:13px 0 13px 0;
	line-height:12px;
	text-align:center;
	font-size:12px;
	font-weight:700;
	color:#ebebeb;
}

#wrap #content .headline h2.dark-blue {
	width:754px;
	background:url(/_doorway/themendoorway/_pix/landing_header_bg.jpg) no-repeat left top;
}
#wrap #content .headline h2.love {
	width:754px;
	background:url(/_doorway/themendoorway/_pix/landing_header_valentin_bg.jpg) no-repeat left top;
}
#wrap #content .headline h2.green {
	width:754px;
	background:url(/_doorway/themendoorway/_pix/landing_header_wm_bg.jpg) no-repeat left top;
}

#wrap #content .headline h2.dark-blue-mid {
	width:505px;
	background:url(/_doorway/themendoorway/_pix/landing_header_bg_middle.jpg) no-repeat left top;
}

#content .td-product, #content .td-product-aktion {
    margin: 0;
    width: 752px;
    overflow: hidden;
}

#content .td-product img, .td-product-double img, .td-product-split img, .td-product-double-split img, .td-product-aktion img {
    display:block;  
}

#content .td-product a {
    /*width:376px;*/
    float:left;
    display:block;
    position:relative;
}

#content .td-product-split {
	float:left;
    width:376px;
	position:relative;
	display:block;
}

#content .td-product .td-product-double {
    width:752px;
    float:left;
    display:block;
    position:relative;
}
#content .td-product-aktion, #content .td-product-aktion a {
    /*float:left;*/
    display:block;
    position:relative;
}
#content .td-product-double-split {
    width:752px;
    float:left;
    display:block;
    position:relative;
}

#content .td-product h3, .td-product span, .td-product b, #content .td-product-aktion h3, .td-product-aktion span, .td-product-aktion b {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}
#content .td-product-aktion .price, #content .td-product-aktion .price b {
    color: #2f3d4b;
    font-weight: bold;
    font-size: 18px;
}
#content .td-product-aktion .price {
    position: absolute;
}

#content .td-product h3, #content .td-product-aktion h3 {
    margin: 16px 0 0 17px;
    position: absolute;
}

#content .td-product span {
    font-size: 17px;
    left: 17px;
    bottom: 23px;
    position: absolute;
}
#content .td-product-aktion .gsNumber {
    color: #2f3d4b;
    font-size: 17px;
    left: 17px;
    position: absolute;
    top: 60px;
    line-height: 61px;
    height: 61px;
    vertical-align: top;
    z-index: 9998;
    cursor: default;
}

#content .td-product-aktion .gsNumber b {
    color: #2f3d4b;
    font-size: 52px;
    z-index: 9998;
    cursor: text;
}

#content .td-product-aktion .gsInfo {
    color: #2f3d4b;
    font-size: 12px;
    left: 17px;
    position: absolute;
    top: 135px;
    line-height: 14px;
}

#content .td-product-aktion .aktionInfo {
    color: #2f3d4b;
    font-size: 13px;
    left: 17px;
    position: absolute;
    top: 70px;
    line-height: 17px;
}

#content .td-product b, #content .td-product-aktion b {
    font-size: 22px;
}

#content .td-product-double h3, .td-product-double span, .td-product-double b {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
}

#content .td-product-double h3 {
    margin: 18px 0 0 17px;
    position: absolute;
}

#content .td-product-double span {
    font-size: 17px;
    left: 17px;
    bottom: 20px;
    position: absolute;
}

#content .td-product-double b {
    font-size: 22px;
}

#content .td-product-double .ppbtn {
	right:24px;
    bottom: 18px;
    position: absolute;
}
#content .td-product-double-split h3, .td-product-double-split span, .td-product-double-split b {
    color: #2f3d4b;
    font-weight: bold;
}

#content .td-product-double-split h3 {
    margin: 19px 0 0 19px;
    position: absolute;
    font-size: 26px;
}

#content .td-product-double-split h4 {
    margin: 49px 0 0 21px;
    position: absolute;
    font-size:13px;
    line-height: 15px;
    color:#577ca2;
}
#content .td-product-double-split span {
    font-size: 17px;
    left: 21px;
    bottom: 17px;
    position: absolute;
}

#content .td-product-double-split b {
    font-size: 22px;
}

#content .td-product-double-split .ppbtn {
	right:24px;
    bottom: 18px;
    position: absolute;
}

#content .td-product-split h3 {
    margin: 18px 0 0 17px;
    position: absolute;	
	font-size:25px;
	color:#2f3d4b;
}

#content .td-product-split h4 {
    margin: 45px 0 0 19px;
    position: absolute;	
	font-size:13px;
	line-height: 15px;
	color:#577ca2;
}

#content .td-product-split span {
    font-size: 22px;
	color:#2f3d4b;
    left: 20px;
    bottom: 20px;
    position: absolute;
}

#content .td-product-split b {
	color:#2f3d4b;
    font-size: 30px;
}

#content .td-product-split .ppbtn {
	right:24px;
    bottom: 18px;
    position: absolute;
}

#content .td-product-search {
	position:relative;
}

#content .td-product-search span {
	background:#E8F1FA;
	color:#2e3f49;
    font-size: 20px;
    left: 9px;
    bottom: 33px;
    position: absolute;
	display:block;
	padding: 2px 8px 2px 10px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#content .td-product-search span b {
    font-size: 30px;
}

div.pagination ul.pagination
{
    min-height: 20px;
    padding: 0;
    margin-right: 24px;
    float: right;
}

div.pagination ul.pagination:last-child {
    margin-top: -4px;
}

div.pagination ul.pagination li
{
    border: 0 none;
    float: left;
    height: 21px;
    margin: 0 2px;
    padding-top: 2px;
    text-align: center;
    width: 22px;
}
div.pagination ul.pagination a,div.pagination ul.pagination span
{
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}
div.pagination ul.pagination a
{
    color: #233342;
    display: inline-block;
    height: 100%;
    width: 100%;
    margin:0;
}
div.pagination ul.pagination span
{
    color: #ececec;
}

div.pagination ul.pagination li.rounded
{
    background-clip: padding-box;
    border-radius: 5px;
    khtml-border-radius: 5px;
    moz-background-clip: padding;
    moz-border-radius: 5px;
    webkit-background-clip: padding-box;
    webkit-border-radius: 5px;
}
div.pagination ul.pagination li.rounded span
{
    color: #ffffff;
    cursor: pointer;
}

div.pagination ul.pagination li.active
{
    background-color: #233342;
}
div.pagination ul.pagination li.inactive
{
    background-color: #A1B5CF;
}
div.pagination ul.pagination li.prev a,div.pagination ul.pagination li.active a,div.pagination ul.pagination li.next a
{
    color: #fff;
}
div.pagination ul.pagination li.prev,div.pagination ul.pagination li.next,div.pagination ul.pagination span.prev,div.pagination ul.pagination span.next
{
    width: 90px;
}
[class^="icon-s"],[class*=" icon-s"]
{
    background-image: url("/_doorway/_pix/icons.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 2px;
    vertical-align: text-top;
    width: 14px;
}
.icon-s-prev
{
    background-position: 0 0;
}
.icon-s-next
{
    background-position: -24px 0;
}
.icon-s-first
{
    background-position: -48px 0;
}
.icon-s-last
{
    background-position: -72px 0;
}
#content .td-product-split-new {
    float:left;
    width:376px;
    height:408px;
    position:relative;
    display:block;
}

#content .td-product-split-large-new {
    width: 752px;
    height:288px;
}

#content .td-product-split-new a:first-child {
    display: block;
    position: relative;
    height: 408px;
    width:376px;
}

#content .td-product-split-large-new a:first-child {
    display: block;
    position: relative;
    height: 288px;
    width:752px;
}

#content .td-product-split-new img {
    top: 0;
    position: absolute;
    z-index: -9999;
}

#content .td-product-split-new h3 {
    padding: 18px 0 0 17px;
    margin:0;
    position: relative;
    font-size:25px;
    color:#2f3d4b;
}

#content .td-product-split-new h4 {
    margin: 5px 0 0 18px;
    position: relative;
    font-size:13px;
    line-height: 15px;
    color:#577ca2;
}

#content .td-product-split-new span {
    font-size: 22px;
    color:#2f3d4b;
    left: 20px;
    bottom: 20px;
    position: absolute;
}

#content .td-product-split-new b {
    color:#2f3d4b;
    font-size: 30px;
}

#content .td-product-split-new .ppbtn {
    right:24px;
    bottom: 18px;
    position: absolute;
}

#content .shipping-info {
    font-size: 11px;
    margin: 5px;
    text-align: right;
}

/*

	--- EXAMPLE ---

														 34px    27px    42px
														  ▼      ▼       ▼
	Klasse für Farbe & Höhe:	{yellow | blue | grey}-{normal | small | large}

	Klasse für Breite: 			btnw-{ 50 | 75 | 100 | 150 | 200 | 250 | 300 | 400 | 500 }


	<a href="#" class="ppbtn yellow-normal btnw-150"><em>Anmelden</em></a>

	<a href="#" class="ppbtn blue-large btnw-300"><em>Jetzt gestalten!</em></a>

*/


a.ppbtn {
	background-image: url(/_pub/header/tools.png);
	display: inline-block;
	max-width:534px;
	padding-left: 8px;
}

a.ppbtn em {
	background-image: url(/_pub/header/tools.png);
	display: block;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	text-shadow: 2px 2px 4px #fff;
	padding-right: 8px;
	margin-right: -8px;
	overflow: hidden;
	cursor: pointer;
}

/* Normale Buttons */

a.yellow-normal { background-position: left -159px; }
a.yellow-normal em { color: #2f3d4b; font-size: 16px; line-height: 34px; background-position: right -159px; }
a.yellow-normal:hover { background-position: left -193px; }
a.yellow-normal:hover em { background-position: right -193px; }

a.blue-normal { background-position: left -227px; }
a.blue-normal em { color: #2f3d4a; font-size: 16px; line-height: 34px; background-position: right -227px; }
a.blue-normal:hover { background-position: left -261px; }
a.blue-normal:hover em { background-position: right -261px; }

a.grey-normal { background-position: left -295px; }
a.grey-normal em { color: #3a3b3d; font-size: 16px; line-height: 34px; background-position: right -295px; }
a.grey-normal:hover { background-position: left -329px; }
a.grey-normal:hover em { background-position: right -329px; }



/* Kleine Buttons */

a.yellow-small { background-position: left -363px; }
a.yellow-small em { color: #2f3d4b; font-size: 14px; line-height: 27px; background-position: right -363px; }
a.yellow-small:hover { background-position: left -390px; }
a.yellow-small:hover em { background-position: right -390px; }

a.grey-small { background-position: left -471px; }
a.grey-small em { color: #3a3b3d; font-size: 14px; line-height: 27px; background-position: right -471px; }
a.grey-small:hover { background-position: left -498px; }
a.grey-small:hover em { background-position: right -498px; }

a.blue-small { background-position: left -417px; }
a.blue-small em { color: #2f3d4a; font-size: 14px; line-height: 27px; background-position: right -417px; }
a.blue-small:hover { background-position: left -444px; }
a.blue-small:hover em { background-position: right -444px; }


/* Mini Buttons */

a.yellow-mini { background-position: left -363px; }
a.yellow-mini em { color: #2f3d4b; font-size: 11px; line-height: 20px; background-position: right -363px; }
a.yellow-mini:hover { background-position: left -390px; }
a.yellow-mini:hover em { background-position: right -390px; }

a.grey-mini { background-position: left -471px; }
a.grey-mini em { color: #3a3b3d; font-size: 11px; line-height: 20px; background-position: right -471px; }
a.grey-mini:hover { background-position: left -498px; }
a.grey-mini:hover em { background-position: right -498px; }

a.blue-mini { background-position: left -417px; }
a.blue-mini em { color: #2f3d4a; font-size: 11px; line-height: 20px; background-position: right -417px; }
a.blue-mini:hover { background-position: left -444px; }
a.blue-mini:hover em { background-position: right -444px; }


/* Große Buttons */

a.yellow-large { background-position: left -525px; }
a.yellow-large em { color: #2f3d4b; font-size: 18px; line-height: 42px; background-position: right -525px; }
a.yellow-large:hover { background-position: left -567px; }
a.yellow-large:hover em { background-position: right -567px; }

a.blue-large { background-position: left -609px; }
a.blue-large em { color: #2f3d4a; font-size: 18px; line-height: 42px; background-position: right -609px; }
a.blue-large:hover { background-position: left -651px; }
a.blue-large:hover em { background-position: right -651px; }

a.grey-large { background-position: left -693px; }
a.grey-large em { color: #3a3b3d; font-size: 18px; line-height: 42px; background-position: right -693px; }
a.grey-large:hover { background-position: left -735px; }
a.grey-large:hover em { background-position: right -735px; }



/* Zweizeilige Buttons */
a.ppbtn.yellow-normal.two-lines em,
a.ppbtn.grey-normal.two-lines em,
a.ppbtn.grey-normal.two-lines em {
    font-size: 12px;
    line-height: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
}

a.ppbtn.yellow-small.two-lines em,
a.ppbtn.blue-small.two-lines em,
a.ppbtn.grey-small.two-lines em {
    font-size: 10px;
    line-height: 11px;
    padding-top: 2px;
    padding-bottom: 3px;
}

a.ppbtn.yellow-large.two-lines em,
a.ppbtn.blue-large.two-lines em,
a.ppbtn.grey-large.two-lines em {
    font-size: 15px;
    line-height: 17px;
    padding-top: 5px;
    padding-bottom: 3px;
}






/* Breiten-Definition */

a.btnw-50  	{ width: 50px; }
a.btnw-75 	{ width: 75px; }
a.btnw-100 	{ width: 100px; }
a.btnw-125 	{ width: 125px; }
a.btnw-150 	{ width: 150px; }
a.btnw-175 	{ width: 175px; }
a.btnw-200 	{ width: 200px; }
a.btnw-250 	{ width: 250px; }
a.btnw-300 	{ width: 300px; }
a.btnw-400 	{ width: 400px; }
a.btnw-500 	{ width: 500px; }
a.btnw-spc em { padding-right: 16px; padding-left: 8px; }


a.ppbtn2 {
	background-clip: padding-box;
	background-color: #273444;
	border: 0;
	border-radius: 5px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	khtml-border-radius: 5px;
	line-height: 18px;
	margin-bottom: 0;
	moz-background-clip: padding;
	moz-border-radius: 5px;
	padding: 3px 6px 3px;
	text-align: center;
	vertical-align: middle;
	webkit-background-clip: padding-box;
	webkit-border-radius: 5px;
}
a.ppbtn2-bold {
	font-size: 15px;
	line-height: 20px;
	padding: 3px 20px 3px;
}
a.ppbtn2:hover,a.ppbtn2:active,a.ppbtn2.active,a.ppbtn2.disabled,a.ppbtn2[disabled] {
	background-color: #4874A1;
    color:#fff;
}
/* #wrap [class^="icon-s"],[class*=" icon-s"] */

#wrap .icon-s-prev,
#wrap .icon-s-next,
#wrap .icon-s-first,
#wrap .icon-s-last,
#wrap .icon-s-edit
{
	background-image: url("/_css/_pix/ppbtn-icons.png");
	background-position: 14px 13px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 13px;
	line-height: 13px;
	margin-top: 2px;
	vertical-align: text-top;
	width: 14px;
}
#wrap .icon-s-prev
{
	background-position: 0 0;
}
#wrap .icon-s-next
{
	background-position: -24px 0;
}
#wrap .icon-s-first
{
	background-position: -48px 0;
}
#wrap .icon-s-last
{
	background-position: -72px 0;
}
#wrap .icon-s-edit
{
	background-position: -96px 0;
}







/* Button : DEFAULT */

.pp-btn {
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	color: #2f3d4b;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	cursor: pointer;
	padding: 7px 10px;
	font-family: Roboto,ui-sans-serif,system-ui,sans-serif;
	text-decoration: none;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 2px solid #2f3d4b;

	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.pp-btn:hover {
	color: #2f3d4b;
	text-decoration: none;
	border-color: #2f3d4b;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 97%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(97%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 97%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 97%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 97%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 97%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}


/* Button : SIZES */

.pp-btn.btn-xs {
	font-size: 11px;
	line-height: 11px;
	padding: 3px 5px;
}

.pp-btn.btn-sm {
	font-size: 13px;
	line-height: 15px;
	padding: 5px 7px;
}

.pp-btn.btn-md {
	/* Default-Class: .pp-btn */
}

.pp-btn.btn-lg {
	font-size: 18px;
	line-height: 18px;
	padding: 10px 10px;
}

.pp-btn.btn-block {
	display: block;
	width: 100%;
}

/* Button : COLORS */

.pp-btn.btn-primary {
	background: rgba(255, 216, 143, 1);
	background: -moz-linear-gradient(top, rgba(255, 216, 143, 1) 0%, rgba(255, 216, 143, 1) 20%, rgba(255, 191, 41, 1) 80%, rgba(255, 191, 41, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 216, 143, 1)), color-stop(20%, rgba(255, 216, 143, 1)), color-stop(80%, rgba(255, 191, 41, 1)), color-stop(100%, rgba(255, 191, 41, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 216, 143, 1) 0%, rgba(255, 216, 143, 1) 20%, rgba(255, 191, 41, 1) 80%, rgba(255, 191, 41, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 216, 143, 1) 0%, rgba(255, 216, 143, 1) 20%, rgba(255, 191, 41, 1) 80%, rgba(255, 191, 41, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 216, 143, 1) 0%, rgba(255, 216, 143, 1) 20%, rgba(255, 191, 41, 1) 80%, rgba(255, 191, 41, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 216, 143, 1) 0%, rgba(255, 216, 143, 1) 20%, rgba(255, 191, 41, 1) 80%, rgba(255, 191, 41, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd88f', endColorstr='#ffbf29', GradientType=0);
	color: #2f3d4b;
	border-color: #2f3d4b;
}
.pp-btn.btn-primary:hover {
	background: rgba(255,232,189,1);
	background: -moz-linear-gradient(top, rgba(255,232,189,1) 0%, rgba(255,232,189,1) 20%, rgba(255,201,77,1) 80%, rgba(255,201,77,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,232,189,1)), color-stop(20%, rgba(255,232,189,1)), color-stop(80%, rgba(255,201,77,1)), color-stop(100%, rgba(255,201,77,1)));
	background: -webkit-linear-gradient(top, rgba(255,232,189,1) 0%, rgba(255,232,189,1) 20%, rgba(255,201,77,1) 80%, rgba(255,201,77,1) 100%);
	background: -o-linear-gradient(top, rgba(255,232,189,1) 0%, rgba(255,232,189,1) 20%, rgba(255,201,77,1) 80%, rgba(255,201,77,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,232,189,1) 0%, rgba(255,232,189,1) 20%, rgba(255,201,77,1) 80%, rgba(255,201,77,1) 100%);
	background: linear-gradient(to bottom, rgba(255,232,189,1) 0%, rgba(255,232,189,1) 20%, rgba(255,201,77,1) 80%, rgba(255,201,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8bd', endColorstr='#ffc94d', GradientType=0 );
    color: #2f3d4b;
    border-color: #2f3d4b;
}

.pp-btn.btn-success {
	background: rgba(11,219,0,1);
	background: -moz-linear-gradient(top, rgba(11,219,0,1) 0%, rgba(11,219,0,1) 20%, rgba(0,176,3,1) 80%, rgba(0,176,3,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(11,219,0,1)), color-stop(20%, rgba(11,219,0,1)), color-stop(80%, rgba(0,176,3,1)), color-stop(100%, rgba(0,176,3,1)));
	background: -webkit-linear-gradient(top, rgba(11,219,0,1) 0%, rgba(11,219,0,1) 20%, rgba(0,176,3,1) 80%, rgba(0,176,3,1) 100%);
	background: -o-linear-gradient(top, rgba(11,219,0,1) 0%, rgba(11,219,0,1) 20%, rgba(0,176,3,1) 80%, rgba(0,176,3,1) 100%);
	background: -ms-linear-gradient(top, rgba(11,219,0,1) 0%, rgba(11,219,0,1) 20%, rgba(0,176,3,1) 80%, rgba(0,176,3,1) 100%);
	background: linear-gradient(to bottom, rgba(11,219,0,1) 0%, rgba(11,219,0,1) 20%, rgba(0,176,3,1) 80%, rgba(0,176,3,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0bdb00', endColorstr='#00b003', GradientType=0 );
}
.pp-btn.btn-success:hover {
	background: rgba(12,245,0,1);
	background: -moz-linear-gradient(top, rgba(12,245,0,1) 0%, rgba(12,245,0,1) 20%, rgba(0,199,3,1) 80%, rgba(0,199,3,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,245,0,1)), color-stop(20%, rgba(12,245,0,1)), color-stop(80%, rgba(0,199,3,1)), color-stop(100%, rgba(0,199,3,1)));
	background: -webkit-linear-gradient(top, rgba(12,245,0,1) 0%, rgba(12,245,0,1) 20%, rgba(0,199,3,1) 80%, rgba(0,199,3,1) 100%);
	background: -o-linear-gradient(top, rgba(12,245,0,1) 0%, rgba(12,245,0,1) 20%, rgba(0,199,3,1) 80%, rgba(0,199,3,1) 100%);
	background: -ms-linear-gradient(top, rgba(12,245,0,1) 0%, rgba(12,245,0,1) 20%, rgba(0,199,3,1) 80%, rgba(0,199,3,1) 100%);
	background: linear-gradient(to bottom, rgba(12,245,0,1) 0%, rgba(12,245,0,1) 20%, rgba(0,199,3,1) 80%, rgba(0,199,3,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cf500', endColorstr='#00c703', GradientType=0 );
}

.pp-btn.btn-warning {
	background: rgba(255,204,102,1);
	background: -moz-linear-gradient(top, rgba(255,204,102,1) 0%, rgba(255,204,102,1) 20%, rgba(235,126,9,1) 80%, rgba(235,126,9,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,204,102,1)), color-stop(20%, rgba(255,204,102,1)), color-stop(80%, rgba(235,126,9,1)), color-stop(100%, rgba(235,126,9,1)));
	background: -webkit-linear-gradient(top, rgba(255,204,102,1) 0%, rgba(255,204,102,1) 20%, rgba(235,126,9,1) 80%, rgba(235,126,9,1) 100%);
	background: -o-linear-gradient(top, rgba(255,204,102,1) 0%, rgba(255,204,102,1) 20%, rgba(235,126,9,1) 80%, rgba(235,126,9,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,204,102,1) 0%, rgba(255,204,102,1) 20%, rgba(235,126,9,1) 80%, rgba(235,126,9,1) 100%);
	background: linear-gradient(to bottom, rgba(255,204,102,1) 0%, rgba(255,204,102,1) 20%, rgba(235,126,9,1) 80%, rgba(235,126,9,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66', endColorstr='#eb7e09', GradientType=0 );
}
.pp-btn.btn-warning:hover {
	background: rgba(255,218,143,1);
	background: -moz-linear-gradient(top, rgba(255,218,143,1) 0%, rgba(255,218,143,1) 20%, rgba(247,141,29,1) 80%, rgba(247,141,29,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,218,143,1)), color-stop(20%, rgba(255,218,143,1)), color-stop(80%, rgba(247,141,29,1)), color-stop(100%, rgba(247,141,29,1)));
	background: -webkit-linear-gradient(top, rgba(255,218,143,1) 0%, rgba(255,218,143,1) 20%, rgba(247,141,29,1) 80%, rgba(247,141,29,1) 100%);
	background: -o-linear-gradient(top, rgba(255,218,143,1) 0%, rgba(255,218,143,1) 20%, rgba(247,141,29,1) 80%, rgba(247,141,29,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,218,143,1) 0%, rgba(255,218,143,1) 20%, rgba(247,141,29,1) 80%, rgba(247,141,29,1) 100%);
	background: linear-gradient(to bottom, rgba(255,218,143,1) 0%, rgba(255,218,143,1) 20%, rgba(247,141,29,1) 80%, rgba(247,141,29,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffda8f', endColorstr='#f78d1d', GradientType=0 );
}

.pp-btn.btn-danger {
	background: rgba(255,145,145,1);
	background: -moz-linear-gradient(top, rgba(255,145,145,1) 0%, rgba(255,145,145,1) 20%, rgba(255,97,97,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,145,145,1)), color-stop(20%, rgba(255,145,145,1)), color-stop(100%, rgba(255,97,97,1)));
	background: -webkit-linear-gradient(top, rgba(255,145,145,1) 0%, rgba(255,145,145,1) 20%, rgba(255,97,97,1) 100%);
	background: -o-linear-gradient(top, rgba(255,145,145,1) 0%, rgba(255,145,145,1) 20%, rgba(255,97,97,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,145,145,1) 0%, rgba(255,145,145,1) 20%, rgba(255,97,97,1) 100%);
	background: linear-gradient(to bottom, rgba(255,145,145,1) 0%, rgba(255,145,145,1) 20%, rgba(255,97,97,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9191', endColorstr='#ff6161', GradientType=0 );
}
.pp-btn.btn-danger:hover {
	background: rgba(255,184,184,1);
	background: -moz-linear-gradient(top, rgba(255,184,184,1) 0%, rgba(255,184,184,1) 20%, rgba(255,133,133,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,184,184,1)), color-stop(20%, rgba(255,184,184,1)), color-stop(100%, rgba(255,133,133,1)));
	background: -webkit-linear-gradient(top, rgba(255,184,184,1) 0%, rgba(255,184,184,1) 20%, rgba(255,133,133,1) 100%);
	background: -o-linear-gradient(top, rgba(255,184,184,1) 0%, rgba(255,184,184,1) 20%, rgba(255,133,133,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,184,184,1) 0%, rgba(255,184,184,1) 20%, rgba(255,133,133,1) 100%);
	background: linear-gradient(to bottom, rgba(255,184,184,1) 0%, rgba(255,184,184,1) 20%, rgba(255,133,133,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb8b8', endColorstr='#ff8585', GradientType=0 );
}

.pp-btn.btn-info {
	background: rgba(245,251,255,1);
	background: -moz-linear-gradient(top, rgba(245,251,255,1) 0%, rgba(245,251,255,1) 20%, rgba(166,215,242,1) 80%, rgba(166,215,242,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,251,255,1)), color-stop(20%, rgba(245,251,255,1)), color-stop(80%, rgba(166,215,242,1)), color-stop(100%, rgba(166,215,242,1)));
	background: -webkit-linear-gradient(top, rgba(245,251,255,1) 0%, rgba(245,251,255,1) 20%, rgba(166,215,242,1) 80%, rgba(166,215,242,1) 100%);
	background: -o-linear-gradient(top, rgba(245,251,255,1) 0%, rgba(245,251,255,1) 20%, rgba(166,215,242,1) 80%, rgba(166,215,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,251,255,1) 0%, rgba(245,251,255,1) 20%, rgba(166,215,242,1) 80%, rgba(166,215,242,1) 100%);
	background: linear-gradient(to bottom, rgba(245,251,255,1) 0%, rgba(245,251,255,1) 20%, rgba(166,215,242,1) 80%, rgba(166,215,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbff', endColorstr='#a6d7f2', GradientType=0 );
}
.pp-btn.btn-info:hover {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(188,225,245,1) 80%, rgba(188,225,245,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(255,255,255,1)), color-stop(80%, rgba(188,225,245,1)), color-stop(100%, rgba(188,225,245,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(188,225,245,1) 80%, rgba(188,225,245,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(188,225,245,1) 80%, rgba(188,225,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(188,225,245,1) 80%, rgba(188,225,245,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(188,225,245,1) 80%, rgba(188,225,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bce1f5', GradientType=0 );
}

/* Button : MOBILE */

@media (max-device-width: 800px) {
	.pp-btn.mobile {
		font-size: 30px;
		line-height: 33px;
	}
}