.alles {
    color: #424242;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background-color: #ccc
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: top;
    color: #424242
}

.clear {
    clear: both
}

.hg-topnavi {
    background-image: url(hg-topnavi.png);
    height: 47px;
    z-index: 2;
    position: relative
}

.Stil46 {
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-style: italic;
    padding-top: 6px;
    background-color: #333;
    height: 24px;
    vertical-align: middle
}

.hg-topnavi .topnavi {
    width: 900px;
    margin: 0 auto;
    text-align: right
}

.hg-topnavi .topnavi img {
    margin: 6px 0 6px 10px
}

.header {
    width: 900px;
    margin: -17px auto 0 auto;
    background-color: #fff;
    padding: 15px 15px 10px 15px
}

.whatsapp-container {
    position: absolute;
    z-index: 9999;
}

.whatsapp-container > .icon {
    position: fixed;
    top: 276px;
}
.whatsapp-container > .icon > img {
    position: relative;
    left: -60px;
    float: left;
    cursor: pointer;
}

.whatsapp-container > .icon .message {
    position: absolute;
    width: 250px;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 0px 10px #999;
    z-index: 9999;
    display: none;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    border: 2px solid #2ab200;
}

.whatsapp-container > .icon .message:after, .whatsapp-container > .icon .message:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.whatsapp-container > .icon .message:after {
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}
.whatsapp-container > .icon .message:before {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #2ab200;
    border-width: 13px;
    margin-top: -13px;
}


.whatsapp-container > .icon .message > strong {
    font-size: 20px;
}

.sub-nav {
    width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 10px 15px
}

.sub-nav .suche {
    float: left
}

.sub-nav .categories {
    float: left;
    width: 685px
}

.navi {
    width: 900px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 15px
}

.bg-navi {
    background-color: #556068
}

.navi ul {
    margin: 0;
    padding: 0
}

.navi li {
    float: left;
    list-style: none;
    background-color: #556068;
    padding: 10px 0
}

.navi a.link {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 11px 18px;
    text-decoration: none
}

.navi a.link:hover {
    color: #556068;
    background-color: #ccc
}

.navi li.sale {
    background-color: #b20000;
    padding: 10px 0;
    float: right
}

.navi .sale a.link {
    color: #fff
}

.navi .sale a.link:hover {
    color: #556068;
    background-color: #ccc
}

.navi li.active {
    background-color: #e4d9cc
}

.navi li.active a {
    color: #b20000
}

.content-box {
    width: 900px;
    margin: 0 auto;
    padding: 20px 15px 60px 15px;
    background-color: #fff
}

.content-box .links {
    float: left;
    width: 215px
}

.suche {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    width: 213px;
    height: 39px;
    background-color: #fafafa
}

#searchfield {
    background-color: transparent
}

.suchfeld {
    width: 147px;
    color: #ccc;
    background-color: transparent;
    border: 0;
    padding: 11px 0 11px 10px;
    float: left;
    margin-top: 0
}

.lupe {
    float: left;
    padding: 6px 9px;
    border: 0;
    background: transparent
}

#enavload {
    background-color: #eee
}

#enavload ul {
    padding: 0;
    margin: 0;
    display: table;
    width: 100%
}

#enavload li {
    list-style-type: none;
    padding: 8px 10px;
    display: table-cell;
    width: 20%;
    text-align: center
}

#enavload li a {
    font-size: 14px;
    padding: 5px 0px;
    display: inline-block;
}

#enavload li:hover {
    background-color: #ccc
}

#enavload span {
    font-size: 18px;
    font-weight: 700
}

#enavload ul.lev2 span {
    font-size: 15px !important;
    font-weight: 700
}

#enavload a {
    color: #556068;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none
}

#enavload a:hover {
    color: #b20000
}

#enavload ul ul {
    display: none
}

#enavload ul.lev2 {
    background-color: #fff;
    padding: 10px 5px
}

#enavload ul.lev2 a {
    color: #556068;
    font-size: 15px
}

#enavload ul.lev2 a:hover {
    color: #b20000
}

#gallery-holder {
    width: 813px !important;
    border: 1px solid #cecece;
    margin-left: 0 !important;
    float: left;
}

#gallery-image img {
    max-width: 728px
}

ul.thumbnails {
    margin-left: 0;
    margin-top: 0;
    width: 85px !important;
    float: left;
}

.thumbnails li {
    width: 75px;
    border: 0;
    margin: 0 0 5px 10px !important;
    padding: 0;
    height: 75px
}

.thumbnails li img {
    max-width: 73px;
    max-height: 73px;
    border: 1px solid #cecece
}

.reiter {
    margin-left: 227px
}

.beschreibung {
    border: 1px solid #e1dfda;
    padding: 30px 35px;
    font-size: 16px;
    margin-top: 35px
}

.beschreibung h1 {
    font-weight: 600;
    font-size: 26px;
    margin-top: 0
}

.weiteres {
    font-size: 26px;
    padding: 15px 0
}

.galerie {
    border: 1px solid #e1dfda;
    padding: 10px 5px
}

.hg-top {
    background-image: url(http://www.bilder-easybay.de/EBAY-DESIGN/hg-top.png);
    height: 48px;
    z-index: 2;
    position: relative;
    margin-top: -45px
}

.nachoben {
    width: 915px;
    margin: 0 auto;
    text-align: right;
    padding: 22px 15px 0 0
}

.hg-footer {
    background-color: #eee
}

.footer {
    width: 900px;
    margin: 0 auto;
    padding: 10px 15px;
    color: #4c4c4c
}

.footer h2 {
    font-size: 18px;
    font-weight: 700
}

.footer .klein {
    font-size: 11px
}

.footer a.link {
    text-decoration: none;
    color: #4c4c4c
}

.footer a.link:hover {
    color: #b20000
}

.kontakt {
    float: left;
    padding-right: 120px
}

.informationen {
    float: left;
    padding-right: 120px
}

.informationen a {
    display: block
}

.copy {
    font-size: 12px;
    border-top: 1px solid #fff;
    padding: 15px 0;
    margin-top: 15px
}

.copy .links {
    float: left;
    padding-right: 95px
}

.copy .mittig {
    float: left
}

.copy .rechts {
    float: right
}

.abstand {
    padding-right: 2px
}

#pl {
    padding: 10px;
    border: 1px solid #e1dfda;
    margin-left: 10px;
    float: left;
    width: 645px
}

.inhalt {
    padding: 0 5px
}

.inhalt a.link {
    color: #452c1d;
    text-decoration: none
}

.inhalt h3 {
    font-size: 26px
}

.muelltonne {
    float: left
}

.button {
    font: 15px Calibri, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
    text-decoration: none !important;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    cursor: pointer;
    padding: 15px auto;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-image: url('button_bg.png');
    background-position: bottom left, top right, 0 0, 0 0;
    background-clip: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 1px #fff inset;
    box-shadow: 0 0 1px #fff inset;
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s
}

.button:hover {
    background-position: top left;
    background-position: top left, bottom right, 0 0, 0 0
}

.button:active {
    bottom: -1px
}

.button.big {
    font-size: 30px
}

.button.medium {
    font-size: 18px
}

.button.small {
    font-size: 14px
}

.button.rounded {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em
}

.blue.button {
    color: #0f4b6d !important;
    border: 1px solid #84acc3 !important;
    background-color: #48b5f2;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(89, 208, 244, 1) 0, rgba(89, 208, 244, 0) 100px), -moz-linear-gradient(#4fbbf7, #3faeeb);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(89, 208, 244, 1)), to(rgba(89, 208, 244, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#4fbbf7), to(#3faeeb))
}

.blue.button:hover {
    background-color: #63c7fe;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(109, 217, 250, 1) 0, rgba(109, 217, 250, 0) 100px), -moz-linear-gradient(#63c7fe, #58bef7);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(109, 217, 250, 1)), to(rgba(109, 217, 250, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#63c7fe), to(#58bef7))
}

.green.button {
    color: #345903 !important;
    border: 1px solid #96a37b !important;
    background-color: #79be1e;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162, 211, 30, 1) 0, rgba(162, 211, 30, 0) 100px), -moz-linear-gradient(#82cc27, #74b317);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162, 211, 30, 1)), to(rgba(162, 211, 30, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#82cc27), to(#74b317))
}

.green.button:hover {
    background-color: #89d228;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183, 229, 45, 1) 0, rgba(183, 229, 45, 0) 100px), -moz-linear-gradient(#90de31, #7fc01e);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183, 229, 45, 1)), to(rgba(183, 229, 45, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#90de31), to(#7fc01e))
}

.orange.button {
    color: #693e0a !important;
    border: 1px solid #bea280 !important;
    background-color: #e38d27;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232, 189, 45, 1) 0, rgba(232, 189, 45, 0) 100px), -moz-linear-gradient(#f1982f, #d4821f);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232, 189, 45, 1)), to(rgba(232, 189, 45, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#f1982f), to(#d4821f))
}

.orange.button:hover {
    background-color: #ec9732;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241, 192, 52, 1) 0, rgba(241, 192, 52, 0) 100px), -moz-linear-gradient(#f9a746, #e18f2b);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241, 192, 52, 1)), to(rgba(241, 192, 52, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#f9a746), to(#e18f2b))
}

.gray.button {
    color: #525252 !important;
    border: 1px solid #a5a5a5 !important;
    background-color: #a9adb1;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197, 199, 202, 1) 0, rgba(197, 199, 202, 0) 100px), -moz-linear-gradient(#c5c7ca, #92989c);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197, 199, 202, 1)), to(rgba(197, 199, 202, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#c5c7ca), to(#92989c))
}

.gray.button:hover {
    background-color: #b6bbc0;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202, 205, 208, 1) 0, rgba(202, 205, 208, 0) 100px), -moz-linear-gradient(#d1d3d6, #9fa5a9);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202, 205, 208, 1)), to(rgba(202, 205, 208, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#d1d3d6), to(#9fa5a9))
}

.white.button {
    color: #525252 !important;
    border: 1px solid #a5a5a5 !important;
    background-color: #f6f6f6;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197, 199, 202, 1) 0, rgba(197, 199, 202, 0) 100px), -moz-linear-gradient(#c5c7ca, #92989c);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197, 199, 202, 1)), to(rgba(197, 199, 202, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#c5c7ca), to(#92989c))
}

.white.button:hover {
    background-color: #e2e2e2;
    background-image: url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(240, 255, 255, 1) 0, rgba(240, 250, 250, 0) 100px), -moz-linear-gradient(#f6f6f6, #eaeaea);
    background-image: url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202, 205, 208, 1)), to(rgba(202, 205, 208, 0))), -webkit-gradient(linear, 0% 0, 0% 100%, from(#d1d3d6), to(#9fa5a9))
}