meter div.meter-frame {
    height: 10px;
    width: 100%;
    padding: 2px;
    border: 0;
    background-color: white;
    background: #DFDDDD;
    background: -moz-linear-gradient(top, #DFDDDD 0, #D5D4D4 65%, #ccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DFDDDD), color-stop(65%, #D5D4D4), color-stop(100%, #ccc));
    background: -webkit-linear-gradient(top, #DFDDDD 0, #D5D4D4 65%, #ccc 100%);
    background: -o-linear-gradient(top, #DFDDDD 0, #D5D4D4 65%, #ccc 100%);
    background: -ms-linear-gradient(top, #DFDDDD 0, #D5D4D4 65%, #ccc 100%);
    background: linear-gradient(to bottom, #DFDDDD 0, #D5D4D4 65%, #ccc 100%)
}

meter div.meter-bar {
    height: .9em;
    border: 0;
    background-color: #009900;
    background: #009900;
    background: -moz-linear-gradient(top, #009900 0, lime 35%, #030 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009900), color-stop(35%, lime), color-stop(100%, #030));
    background: -webkit-linear-gradient(top, #009900 0, lime 35%, #030 100%);
    background: -o-linear-gradient(top, #009900 0, lime 35%, #030 100%);
    background: -ms-linear-gradient(top, #009900 0, lime 35%, #030 100%);
    background: linear-gradient(to bottom, #009900 0, lime 35%, #030 100%)
}

meter div.meter-bar.meter-low {
    border: 0;
    background-color: #F00;
    background: #990000;
    background: -moz-linear-gradient(top, #990000 0, red 35%, #300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #990000), color-stop(35%, red), color-stop(100%, #300));
    background: -webkit-linear-gradient(top, #990000 0, red 35%, #300 100%);
    background: -o-linear-gradient(top, #990000 0, red 35%, #300 100%);
    background: -ms-linear-gradient(top, #990000 0, red 35%, #300 100%);
    background: linear-gradient(to bottom, #990000 0, red 35%, #300 100%)
}

meter div.meter-bar.meter-high {
    border: 0;
    background-color: #009900;
    background: #009900;
    background: -moz-linear-gradient(top, #009900 0, lime 35%, #030 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009900), color-stop(35%, lime), color-stop(100%, #030));
    background: -webkit-linear-gradient(top, #009900 0, lime 35%, #030 100%);
    background: -o-linear-gradient(top, #009900 0, lime 35%, #030 100%);
    background: -ms-linear-gradient(top, #009900 0, lime 35%, #030 100%);
    background: linear-gradient(to bottom, #009900 0, lime 35%, #030 100%)
}

meter div.meter-bar.meter-optimal {
    border: 0;
    background-color: #FF0;
    background: #cc0;
    background: -moz-linear-gradient(top, #cc0 0, yellow 35%, #330 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cc0), color-stop(35%, yellow), color-stop(100%, #330));
    background: -webkit-linear-gradient(top, #cc0 0, yellow 35%, #330 100%);
    background: -o-linear-gradient(top, #cc0 0, yellow 35%, #330 100%);
    background: -ms-linear-gradient(top, #cc0 0, yellow 35%, #330 100%);
    background: linear-gradient(to bottom, #cc0 0, yellow 35%, #330 100%)
}

@font-face {
    font-family: dejavu_sans;
    src: url(/css/fonts/dejavu_sans/DejaVuSans-webfont.eot);
    src: url(/css/fonts/dejavu_sans/DejaVuSans-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/dejavu_sans/DejaVuSans-webfont.woff) format('woff'), url(/css/fonts/dejavu_sans/DejaVuSans-webfont.ttf) format('truetype'), url(/css/fonts/dejavu_sans/DejaVuSans-webfont.svg#dejavu_sansbook) format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: dejavu_sans;
    src: url(/css/fonts/dejavu_sans/DejaVuSans-Bold-webfont.eot);
    src: url(/css/fonts/dejavu_sans/DejaVuSans-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/dejavu_sans/DejaVuSans-Bold-webfont.woff) format('woff'), url(/css/fonts/dejavu_sans/DejaVuSans-Bold-webfont.ttf) format('truetype'), url(/css/fonts/dejavu_sans/DejaVuSans-Bold-webfont.svg#dejavu_sansbold) format('svg');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: dejavu_sans;
    src: url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.eot);
    src: url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.woff) format('woff'), url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.ttf) format('truetype'), url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.svg#dejavu_sansoblique) format('svg');
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: dejavu_sans;
    src: url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.eot);
    src: url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.woff) format('woff'), url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.ttf) format('truetype'), url(/css/fonts/dejavu_sans/DejaVuSans-Oblique-webfont.svg#dejavu_sansoblique) format('svg');
    font-weight: normal;
    font-style: oblique
}

@font-face {
    font-family: dejavu_sans;
    src: url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.eot);
    src: url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.woff) format('woff'), url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.ttf) format('truetype'), url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.svg#dejavu_sansbold_oblique) format('svg');
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: dejavu_sans;
    src: url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.eot);
    src: url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.woff) format('woff'), url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.ttf) format('truetype'), url(/css/fonts/dejavu_sans/DejaVuSans-BoldOblique-webfont.svg#dejavu_sansbold_oblique) format('svg');
    font-weight: bold;
    font-style: oblique
}

@font-face {
    font-family: liberation_sans;
    src: url(/css/fonts/liberation_sans/LiberationSans-Regular-webfont.eot);
    src: url(/css/fonts/liberation_sans/LiberationSans-Regular-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/liberation_sans/LiberationSans-Regular-webfont.woff) format('woff'), url(/css/fonts/liberation_sans/LiberationSans-Regular-webfont.ttf) format('truetype'), url(/css/fonts/liberation_sans/LiberationSans-Regular-webfont.svg#liberation_sansregular) format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: liberation_sans;
    src: url(/css/fonts/liberation_sans/LiberationSans-Bold-webfont.eot);
    src: url(/css/fonts/liberation_sans/LiberationSans-Bold-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/liberation_sans/LiberationSans-Bold-webfont.woff) format('woff'), url(/css/fonts/liberation_sans/LiberationSans-Bold-webfont.ttf) format('truetype'), url(/css/fonts/liberation_sans/LiberationSans-Bold-webfont.svg#liberation_sansbold) format('svg');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: liberation_sans;
    src: url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.eot);
    src: url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.woff) format('woff'), url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.ttf) format('truetype'), url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.svg#liberation_sansitalic) format('svg');
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: liberation_sans;
    src: url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.eot);
    src: url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.woff) format('woff'), url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.ttf) format('truetype'), url(/css/fonts/liberation_sans/LiberationSans-Italic-webfont.svg#liberation_sansitalic) format('svg');
    font-weight: normal;
    font-style: oblique
}

@font-face {
    font-family: liberation_sans;
    src: url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.eot);
    src: url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.woff) format('woff'), url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.ttf) format('truetype'), url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.svg#liberation_sansbold_italic) format('svg');
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: liberation_sans;
    src: url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.eot);
    src: url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.eot?#iefix) format('embedded-opentype'), url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.woff) format('woff'), url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.ttf) format('truetype'), url(/css/fonts/liberation_sans/LiberationSans-BoldItalic-webfont.svg#liberation_sansbold_italic) format('svg');
    font-weight: bold;
    font-style: oblique
}

.productthumb {
    position: relative
}

.productthumboverlay {
    width: 100%;
    height: calc(100% - 3px);
    position: absolute;
    top: -1px;
    left: 0;
    background: none no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product32 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/32.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product32:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/32h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product31 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/31.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product31:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/31h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product30 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/30.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product30:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/30h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product29 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/29.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product29:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/29h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product28 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/28.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product28:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/28h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product27 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/27.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product27:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/27h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product26 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/26.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product26:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/26h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product25 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/25.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product25:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/25h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product24 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/24.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product24:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/24h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product23 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/23.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product23:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/23h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product22 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/22.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product22:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/22h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product21 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/21.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product21:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/21h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product20 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/20.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product20:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/20h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product19 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/19.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product19:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/19h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product18 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/18.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product18:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/18h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product17 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/17.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product17:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/17h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product16 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/16.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product16:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/16h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product15 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/15.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product15:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/15h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product14 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/14.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product14:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/14h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product13 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/13.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product13:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/13h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product12 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/12.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product12:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/12h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product11 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/11.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product11:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/11h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product10 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/10.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product10:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/10h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product9 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/9.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product9:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/9h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product8 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/8.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product8:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/8h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product7 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/7.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product7:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/7h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product6 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/6.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product6:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/6h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product5 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/5.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product5:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/5h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product4 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/4.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product4:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/4h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product3 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/3.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product3:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/3h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product2 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/2.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product2:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/2h.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product1 {
    background: rgba(0, 0, 0, 0) url(/img/producthover/1.png) no-repeat scroll center center;
    background-size: contain
}

.productthumboverlay.product1:hover {
    background: rgba(0, 0, 0, 0) url(/img/producthover/1h.png) no-repeat scroll center center;
    background-size: contain
}

.clear_both {
    clear: both
}

.float_left {
    float: left
}

.float_right {
    float: right
}

.display_none {
    display: none
}

.page {
    line-height: 1.0em
}

.contentbox {
    background-color: #fff;
    border: 1px solid #e0ded9;
    border-radius: 5px;
    color: #666;
    font-size: 12px;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    text-align: left;
    margin-bottom: 3%
}

.contentbox a {
    color: inherit;
    text-decoration: none
}

.infobox {
    background-color: #f3f3f3;
    border: 1px solid #e0ded9;
    border-radius: 5px;
    color: #666;
    font-size: 12px;
    line-height: 1.3em;
    margin: 5px;
    padding: 5px;
    text-align: left;
    margin-top: 0
}

.contentbox .header {
    color: #7d7d7d;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 5px 5px 10px
}

.contentbox .header.colored {
    background-color: #ebebeb
}

.contentbox .content {
    padding: 5px 10px 5px 10px
}

.contentbox .filter_radio {
    float: left;
    width: 120px;
    padding: 5px
}

.contentbox .filter_radio_wide {
    float: left;
    padding: 5px
}

.contentbox select.only_one[disabled] {
    display: none
}

.contentbox .imageMoveButton,
.contentbox .imageMoveRange {
    margin: 10px auto;
    text-align: center
}

.contentbox .imageMoveButton button {
    cursor: pointer;
    background: none;
    border: 0;
    color: #d5c297
}

.contentbox .imageMoveButton button:hover {
    opacity: .5
}

button#switchSizes {
    margin: 0;
    padding: 0;
    text-align: center
}

button#switchSizes {
    cursor: pointer;
    background: none;
    border: 0;
    color: #AAA57E
}

button#switchSizes:hover {
    color: #585242
}

button#switchSizes[disabled] {
    cursor: no-drop;
    color: silver
}

button#switchSizes[disabled]:hover {
    color: silver
}

.parentheight button {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

label.teilung_radio {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    height: 25px
}

input.teilung_radio[type=radio] {
    display: none
}

label.teilung_radio:before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 25px;
    margin-right: 15px;
    margin-top: 15px;
    position: absolute;
    left: 0;
    bottom: 0
}

label.teilung_radio.wide:before {
    width: 70px
}

.selected_teilung div {
    width: 35px
}

.selected_teilung div.selected_teilung_wide {
    width: 70px
}

select[name=fixedsize][disabled] {
    display: none
}

input.teilung_radio[type=radio]#teilung_x1x1+label.teilung_radio:before,
.teilung_x1x1 {
    background: url(/img/teilung/teilung.png)no-repeat scroll 0 0
}

input.teilung_radio[type=radio]#teilung_x2x1+label.teilung_radio:before,
.teilung_x2x1 {
    background: url(/img/teilung/teilung.png)no-repeat scroll -35px 0
}

input.teilung_radio[type=radio]#teilung_x3x1+label.teilung_radio:before,
.teilung_x3x1 {
    background: url(/img/teilung/teilung.png)no-repeat scroll -70px 0
}

input.teilung_radio[type=radio]#teilung_x4x1+label.teilung_radio:before,
.teilung_x4x1 {
    background: url(/img/teilung/teilung.png)no-repeat scroll -105px 0
}

input.teilung_radio[type=radio]#teilung_x2x2+label.teilung_radio:before,
.teilung_x2x2 {
    background: url(/img/teilung/teilung.png)no-repeat scroll -35px -25px
}

input.teilung_radio[type=radio]#teilung_x1x3+label.teilung_radio:before,
.teilung_x1x3 {
    background: url(/img/teilung/teilung.png)no-repeat scroll 0 -50px
}

input.teilung_radio[type=radio]#teilung_x6x3+label.teilung_radio:before,
.teilung_x6x3 {
    background: url(/img/teilung/teilung.png)no-repeat scroll -175px -50px
}

input.teilung_radio[type=radio]#teilung_x1x5+label.teilung_radio:before,
.teilung_x1x5 {
    background: url(/img/teilung/teilung.png)no-repeat scroll 0 -100px
}

input.teilung_radio[type=radio]#teilung_x3x5+label.teilung_radio:before,
.teilung_x3x5 {
    background: url(/img/teilung/teilung.png)no-repeat scroll -70px -100px
}

input.teilung_radio[type=radio]#teilung_x5x5+label.teilung_radio:before,
.teilung_x5x5 {
    background: url(/img/teilung/teilung.png)no-repeat scroll -140px -100px
}

input.teilung_radio[type=radio]#teilung_x3x6+label.teilung_radio:before,
.teilung_x3x6 {
    background: url(/img/teilung/teilung.png)no-repeat scroll -70px -125px
}

input.teilung_radio[type=radio]#teilung_x1x7+label.teilung_radio:before,
.teilung_x1x7 {
    background: url(/img/teilung/teilung.png)no-repeat scroll 0 -150px
}

input.teilung_radio[type=radio]:checked+label.teilung_radio:before {
    opacity: .2
}

#auswahl_teilung {
    height: 26px;
    overflow: hidden
}

#auswahl_teilung_parent:hover #auswahl_teilung {
    height: auto
}

label.kformat_radio {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 51px;
    margin-right: 10px;
    font-size: 13px;
    height: 60px
}

input.kformat_radio[type=radio] {
    display: none
}

label.kformat_radio:before {
    content: '';
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    opacity: 1.0
}

input.kformat_radio[type=radio]#kformat_12x1+label.kformat_radio:before {
    background: url(/img_products/posterkalender/order_12x1.png) center no-repeat
}

input.kformat_radio[type=radio]#kformat_1x12+label.kformat_radio:before {
    background: url(/img_products/posterkalender/order_1x12.png) center no-repeat
}

input.kformat_radio[type=radio]#kformat_2x6+label.kformat_radio:before {
    background: url(/img_products/posterkalender/order_2x6.png) center no-repeat
}

input.kformat_radio[type=radio]#kformat_6x2+label.kformat_radio:before {
    background: url(/img_products/posterkalender/order_6x2.png) center no-repeat
}

input.kformat_radio[type=radio]#kformat_4x3+label.kformat_radio:before {
    background: url(/img_products/posterkalender/order_4x3.png) center no-repeat
}

input.kformat_radio[type=radio]#kformat_3x4+label.kformat_radio:before {
    background: url(/img_products/posterkalender/order_3x4.png) center no-repeat
}

input.kformat_radio[type=radio]:checked+label.kformat_radio:before {
    opacity: .4
}

label.paper_radio {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 55px;
    margin-right: 20px;
    font-size: 13px;
    height: 70px
}

input.paper_radio[type=radio] {
    display: none
}

label.paper_radio:before {
    content: '';
    display: inline-block;
    width: 68px;
    height: 68px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    opacity: 1.0
}

input.paper_radio[type=radio]#paper_matt+label.paper_radio:before {
    background: url(/img/papier_matt.gif) center no-repeat
}

input.paper_radio[type=radio]#paper_satin+label.paper_radio:before {
    background: url(/img/papier_satin.gif) center no-repeat
}

input.paper_radio[type=radio]#paper_nature+label.paper_radio:before {
    background: url(/img/papier_nature.gif) center no-repeat
}

input.paper_radio[type=radio]:checked+label.paper_radio:before {
    opacity: .4
}

label.spiegel_radio {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    height: 75px
}

input.spiegel_radio[type=radio] {
    display: none
}

label.spiegel_radio:before {
    content: '';
    display: inline-block;
    width: 39px;
    height: 67px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px
}

input.spiegel_radio[type=radio]#spiegel_flip+label.spiegel_radio:before {
    background: url(/img/flipflop/flip.png) center no-repeat
}

input.spiegel_radio[type=radio]#spiegel_flop+label.spiegel_radio:before {
    background: url(/img/flipflop/flop.png) center no-repeat
}

input.spiegel_radio[type=radio]#spiegel_flipflop+label.spiegel_radio:before {
    background: url(/img/flipflop/flipflop.png) center no-repeat
}

input.spiegel_radio[type=radio]:checked+label.spiegel_radio:before {
    opacity: .2
}

input.spiegel_radio[type=radio]#spiegel_normal+label.spiegel_radio:before {
    background: url(/img/options/back.png) center no-repeat
}

input.spiegel_radio[type=radio]#spiegel_normal:checked+label.spiegel_radio:before {
    opacity: .0
}

input[name=dekoframe]:checked+label+br+label {
    color: black;
    font-weight: bold
}

input[name=dekoframe]:checked+label {
    color: black;
    font-weight: bold;
    opacity: .3
}

input[name=tapetensorte]:checked+label {
    color: black;
    font-weight: bold
}

input[name=tapetensorte]:checked+label+br+label {
    border: 2px solid #ada882
}

input[name=rahmenart]:checked+label+br+label {
    color: black;
    font-weight: bold
}

input[name=rahmenart]:checked+label {
    border: 2px solid #ada882
}

input[name=papiersorte]:checked+label {
    color: black;
    font-weight: bold
}

input[name=papiersorte]:checked+label+br+label {
    border: 2px solid #ada882
}

.fluegel_2 {
    display: none
}

.imgprev:hover .overlay,
.overlay:hover {}

.searchwordtag {
    font-size: 12px;
    text-decoration: none;
    padding: 5px;
    color: #666
}

.searchwordtag:hover {
    color: #333
}

.searchwordtag.tag0 {
    font-size: 10px
}

.searchwordtag.tag1 {
    font-size: 13px
}

.searchwordtag.tag2 {
    font-size: 16px
}

.searchwordtag.tag3 {
    font-size: 19px
}

.searchwordtag.tag4 {
    font-size: 22px
}

.searchwordtag.tag5 {
    font-size: 25px
}

.productthumbimage1 {
    position: absolute;
    width: 70%;
    height: calc(60% - 3px);
    top: 10%;
    left: 20%
}

.productthumbimage2 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage3 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage4 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage5 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage6 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage7 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage8 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage9 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage10 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage13 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage14 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage15 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage16 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage17 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage18 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage19 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage20 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage21 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage22 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage23 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage26 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage27 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage28 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage29 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage30 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.productthumbimage32 {
    position: absolute;
    width: 100%;
    height: calc(85% - 3px);
    top: 0;
    left: 0
}

.spinner {
    display: inline-block !important;
    position: relative !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    overflow: hidden !important
}

.spinner-input {
    width: 36px !important;
    margin-right: 13px !important;
    border: 0 !important;
    padding: 0 3px !important;
    height: 23px !important;
    line-height: 23px !important;
    border-right: 1px solid #dcdcdc !important;
    text-align: right !important
}

.spinner-button {
    text-decoration: none !important;
    position: absolute !important;
    right: 0 !important;
    background: #efefef !important;
    height: 11px !important;
    line-height: 11px !important;
    width: 13px !important;
    text-align: center !important;
    color: black !important
}

.spinner-up {
    top: 0 !important
}

.spinner-down {
    bottom: 0 !important;
    border-top: 1px solid #dcdcdc !important
}

.dragcursor-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: grab
}

.dragcursor-leftright {
    cursor: col-resize
}

.dragcursor-updown {
    cursor: row-resize
}

.range {
    width: 90%
}

.teilungRows.span_1_of_4:nth-child(4n+1) {
    clear: left;
    margin-left: 0
}

.teilungRows.span_1_of_3:nth-child(3n+1) {
    clear: left;
    margin-left: 0
}

@media only screen and (max-width:480px) {
    .teilungRows.span_1_of_4 {
        width: 23.8%
    }
    .teilungRows.span_1_of_3 {
        width: 32.26%
    }
    .teilungRows.col {
        margin: 1% 0 1% 1.6%
    }
}

.tapetenRows.span_1_of_4:nth-child(4n+1) {
    clear: left;
    margin-left: 0
}

@media only screen and (max-width:480px) {
    .tapetenRows.span_1_of_4 {
        width: 32.26%;
        width: 49.2%
    }
    .tapetenRows.col {
        margin: 1% 0 1% 1.6%
    }
    .tapetenRows.span_1_of_4:nth-child(2n+1) {
        clear: left;
        margin-left: 0
    }
}

.schattenfugenRows.span_1_of_6:nth-child(6n+1) {
    clear: left;
    margin-left: 0
}

@media only screen and (max-width:480px) {
    .schattenfugenRows.span_1_of_4 {
        width: 32.26%;
        width: 49.2%
    }
    .schattenfugenRows.col {
        margin: 1% 0 1% 1.6%
    }
    .schattenfugenRows.span_1_of_6:nth-child(2n+1) {
        clear: left;
        margin-left: 0
    }
}

.productRows.span_1_of_8:nth-child(8n+1) {
    clear: left;
    margin-left: 0
}

@media only screen and (max-width:480px) {
    .productRows.span_1_of_4 {
        width: 49.2%
    }
    .productRows.col {
        margin: 1% 0 1% 1.6%
    }
    .productRows.span_1_of_4:nth-child(2n+1) {
        clear: left;
        margin-left: 0
    }
}

.rahmenRows.span_1_of_6:nth-child(6n+1) {
    clear: left;
    margin-left: 0
}

.paperRows.span_1_of_5:nth-child(5n+1) {
    clear: left;
    margin-left: 0
}

@media only screen and (max-width:480px) {
    .rahmenRows.span_1_of_4 {
        width: 49.2%
    }
    .rahmenRows.col {
        margin: 1% 0 1% 1.6%
    }
    .rahmenRows.span_1_of_4:nth-child(2n+1) {
        clear: left;
        margin-left: 0
    }
    .paperRows.span_1_of_4 {
        width: 49.2%
    }
    .paperRows.col {
        margin: 1% 0 1% 1.6%
    }
    .paperRows.span_1_of_4:nth-child(2n+1) {
        clear: left;
        margin-left: 0
    }
}

.searchcloud-btn {
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    border-radius: 0;
    cursor: pointer
}

.info-box-left {
    width: 83.06%;
    display: block;
    float: left;
    margin: 1% 0 1%
}

.info-box-right {
    width: 15.33%;
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%
}

.info-box-thumb {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.info-meter {
    width: 100%;
    height: 10px;
    margin: 5px auto
}

.icon-orange {
    color: orange
}

.color-green {
    color: green !important
}

.color-red {
    color: red
}

.size-best {
    color: #1daa52
}

.size-good {
    color: #35c96d
}

.size-bad {
    color: #ffb900;
    display: none
}

.text-line-through {
    text-decoration: line-through
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.detail-icon-question {
    margin-top: -2px;
    color: #666;
    border-color: #666
}

.detaillink-right {
    float: right;
    text-align: right
}

.spinner-menge {
    position: relative;
    bottom: -7px
}

label.musterdruck {
    float: right
}

label.musterdruck>small {
    display: inline-block;
    vertical-align: top;
    margin-top: 1px
}

.productRows {
    position: relative
}

.productRows figure {
    margin: 0;
    padding: 5px
}

.productRows figure .productthumb img {
    width: 101%;
    opacity: 0
}

.productRows figure .produktselect-type-text {
    color: #47412F
}

.productRows figure .produktselect-price-text {
    font-size: 11px;
    text-transform: lowercase;
    color: grey
}

.schattenfugenRows label span {
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 17px;
    width: 71px;
    height: 71px;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.productRows figure .productthumb div.bkimage,
.schattenfugenRows label span.bkimage {
    background: url(/dynimage/bigthumb/11822108.jpg) no-repeat scroll center center;
    background-size: cover
}

.papiersorte {
    position: relative;
    display: inline-block;
    width: 129px;
    height: 128px
}

.papiersorte_10 {
    background: url(/img/papier/10.jpg) no-repeat scroll center center;
    background-size: contain
}

.papiersorte_11 {
    background: url(/img/papier/11.jpg) no-repeat scroll center center;
    background-size: contain
}

.papiersorte_12 {
    background: url(/img/papier/12.jpg) no-repeat scroll center center;
    background-size: contain
}

.rahmensorte {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 88px
}

.rahmensorte_1 {
    background: url(/img/frames/1_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_3 {
    background: url(/img/frames/3_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_10 {
    background: url(/img/frames/10_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_12 {
    background: url(/img/frames/12_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_13 {
    background: url(/img/frames/13_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_15 {
    background: url(/img/frames/15_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_16 {
    background: url(/img/frames/16_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_17 {
    background: url(/img/frames/17_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_18 {
    background: url(/img/frames/18_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_19 {
    background: url(/img/frames/19_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.rahmensorte_20 {
    background: url(/img/frames/20_l.jpg) no-repeat scroll 0 0;
    background-size: 100% 100%
}

.schattenfugenRows {
    position: relative
}

.schattenfugenRows label.dekoframe {
    position: relative;
    display: inline-block;
    width: 88px;
    height: 88px
}

.dekoframe_dekoframe1 {
    background: url(/img/schmuckrahmen/dekoframe1.png) 0 0 no-repeat
}

.dekoframe_dekoframe2 {
    background: url(/img/schmuckrahmen/dekoframe2.png) 0 0 no-repeat
}

.dekoframe_dekoframe3 {
    background: url(/img/schmuckrahmen/dekoframe3.png) 0 0 no-repeat
}

.dekoframe_dekoframe4 {
    background: url(/img/schmuckrahmen/dekoframe4.png) 0 0 no-repeat
}

.dekoframe_dekoframe5 {
    background: url(/img/schmuckrahmen/dekoframe5.png) 0 0 no-repeat
}

.dekoframe_dekoframe6 {
    background: url(/img/schmuckrahmen/dekoframe6.png) 0 0 no-repeat
}

.dekoframe_dekoframe7 {
    background: url(/img/schmuckrahmen/dekoframe7.png) 0 0 no-repeat
}

.dekoframe_dekoframe8 {
    background: url(/img/schmuckrahmen/dekoframe8.png) 0 0 no-repeat
}

.dekoframe_dekoframe9 {
    background: url(/img/schmuckrahmen/dekoframe9.png) 0 0 no-repeat
}

.dekoframe_dekoframe10 {
    background: url(/img/schmuckrahmen/dekoframe10.png) 0 0 no-repeat
}

.dekoframe_dekoframe11 {
    background: url(/img/schmuckrahmen/dekoframe11.png) 0 0 no-repeat
}

@media only screen and (max-width:480px) {
    #schattenfugenbox .col.schattenfugenRows.span_1_of_6 {
        width: 15.33%
    }
    .schattenfugenRows.span_1_of_6:nth-child(2n+1) {
        clear: none;
        margin-left: 1%
    }
}

.background_image_11822108 {
    background: url(/dynimage/bigthumb/11822108.jpg)
}

span[name=formatsize][disabled] {
    display: none
}

#to_cart_button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 4px;
    text-align: center;
    vertical-align: middle;
    border: 0;
    background-color: #d5c297
}

#to_cart_button:hover,
#to_cart_button:focus {
    opacity: .5
}

.loading_in {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 999;
    background: rgba(235, 235, 235, .5);
    display: none;
    box-shadow: 0 0 0 10px rgba(235, 235, 235, .5)
}

.loading_in i {
    position: relative;
    top: 34%;
    color: #7d7d7d
}

/*.details_open{color:#d5c297!important;background:#fff!important}* /

#ProductpricePos {
    font-size: 2em
}

.contentbox div h4 {
    margin-top: 0;
    margin-bottom: 0
}

#Staffelpreis:empty {
    display: none
}

#Productdescription ul {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 8%
}

#freeselect>div.section.group>div>label {
    position: relative;
    top: -9px
}

#freeselect>div.section.group>div>small:nth-child(2),
#freeselect>div.section.group>div>small:nth-child(7) {
    position: relative;
    top: -9px;
    left: 3%
}

.div_imageMoveButton,
.div_bildinfos {
    margin: auto
}

.bildinfo_share span {
    width: 18%
}

#Productdescription>span>strong:nth-child(2) {
    font-size: medium
}

#Productdescription>small {
    white-space: nowrap
}

.input_radio_style input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    font-size: 1em;
    width: 100%
}

.input_radio_style input[type=radio] {
    width: auto;
    float: left;
    margin-right: .75em;
    background: transparent;
    border: 0
}

.input_radio_style input[type=radio]:checked,
.input_radio_style input[type=radio]:not(:checked) {
    background: transparent;
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0
}

.input_radio_style input[type=radio]+label {
    cursor: pointer
}

.input_radio_style input[type=radio]:checked+label::before,
.input_radio_style input[type=radio]:not(:checked)+label::before {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 4px;
    border: 1px solid #7d7d7d;
    background: white;
    margin-right: 2.3em;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.input_radio_style input[type=radio]:checked+label::before,
.input_radio_style input[type=radio]:not(:checked)+label::before {
    border-radius: 30px
}

.input_radio_style input[type=radio]:hover+label::before {
    background: #ebebeb;
    box-shadow: inset 0 0 0 2px white
}

.input_radio_style input[type=radio]:checked+label::before {
    background: #7d7d7d;
    box-shadow: inset 0 0 0 3px white
}

.input_checkbox_style input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    font-size: 1em;
    width: 100%
}

.input_checkbox_style input[type=checkbox] {
    width: auto;
    float: left;
    margin-right: .75em;
    background: transparent;
    border: 0
}

.input_checkbox_style input[type=checkbox]:checked,
.input_checkbox_style input[type=checkbox]:not(:checked) {
    background: transparent;
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0
}

.input_checkbox_style input[type=checkbox]+label {
    cursor: pointer
}

.input_checkbox_style input[type=checkbox]:checked+label::before,
.input_checkbox_style input[type=checkbox]:not(:checked)+label::before {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 4px;
    border: 1px solid #7d7d7d;
    background: white;
    margin-right: 1em;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.input_checkbox_style input[type=checkbox]:hover+label::before {
    background: #ebebeb;
    box-shadow: inset 0 0 0 2px white
}

.input_checkbox_style input[type=checkbox]:checked+label::before {
    background: #7d7d7d;
    box-shadow: inset 0 0 0 3px white
}