/*
#############################
 BannerExpress Icons
#############################
*/
.icon {
              background-color: transparent;
         background-image: url(../images/be_icons.png);
         background-repeat: no-repeat;
         width: inherit;
              height: inherit;
        background-size: 720px 431px;
         display: block;
}
.icon:hover {
         background-image: url(../images/be_icons_hover.png);
}

.icon.active {
         background-image: url(../images/be_icons_hover.png);
}

.icon.light:hover {
         background-image: url(../images/be_icons_light.png) !important;
}

.icon.nohover {
        background-image: url(../images/be_icons.png) !important;
}


a.active > .icon.light, .icon.light, .stats div:hover > .icon {
         background-image: url(../images/be_icons_light.png) !important;
}
a.active:hover > .icon.light {
         background-image: url(../images/be_icons_hover.png) !important;
}

/* Medium 72x72 */
.icon.big {
        background-size: 720px 360px;
         width: 72px;
         height: 72px;
}
.icon.big.logout { background-position: 0px 0px; }
.icon.big.config { background-position: -72px 0px; }
.icon.big.list { background-position: -144px 0px; }
.icon.big.cross { background-position: -216px 0px; }
.icon.big.check { background-position: -288px 0px; }
.icon.big.user { background-position: -360px 0px; }
.icon.big.password { background-position: -432px 0px; }
.icon.big.views { background-position: -504px 0px; }
.icon.big.cookie { background-position: -576px 0px; }
/*
.icon.big.deals { background-position: -648px 0px; } */

.icon.big.ok { background-position: 0px -72px; }
.icon.big.error { background-position: -72px -72px; }
.icon.big.info { background-position: -144px -72px; }
.icon.big.arrow_right { background-position: -216px -72px; }
.icon.big.arrow_left { background-position: -288px -72px; }
.icon.big.arrow_top { background-position: -360px -72px; }
.icon.big.arrow_bottom { background-position: -432px -72px; }
.icon.big.plus { background-position: -504px -72px; }
.icon.big.minus { background-position: -576px -72px; }

.icon.big.orders { background-position: 0px -144px; }
.icon.big.money { background-position: -72px -144px; }
.icon.big.discount { background-position: -144px -144px; }
.icon.big.firstorder { background-position: -216px -144px; }
.icon.big.lastorder { background-position: -288px -144px; }
.icon.big.invoice { background-position: -360px -144px; }
.icon.big.pdf { background-position: -432px -144px; }

.icon.big.download { background-position: 0px -216px; }
.icon.big.upload { background-position: -72px -216px; }

.icon.big.heart { background-position: 0px -288px; }
.icon.big.hi { background-position: -72px -288px; }
.icon.big.star { background-position: -144px -288px; }
.icon.big.star2 { background-position: -216px -288px; }
.icon.big.wk { background-position: -288px -288px; }
.icon.big.phone { background-position: -360px -288px; }
.icon.big.mail { background-position: -432px -288px; }


/* Medium 40x40 */
.icon.medium {
        background-size: 400px 200px;
         width: 40px;
         height: 40px;
}
.icon.medium.logout { background-position: 0px 0px; }
.icon.medium.config { background-position: -40px 0px; }
.icon.medium.list { background-position: -80px 0px; }
.icon.medium.cross { background-position: -120px 0px; }
.icon.medium.check { background-position: -160px 0px; }
.icon.medium.user { background-position: -200px 0px; }
.icon.medium.password { background-position: -240px 0px; }
.icon.medium.views { background-position: -280px 0px; }
.icon.medium.cookie { background-position: -320px 0px; }

.icon.medium.ok { background-position: 0px -40px; }
.icon.medium.error { background-position: -40px -40px; }
.icon.medium.info { background-position: -80px -40px; }
.icon.medium.arrow_right { background-position: -120px -40px; }
.icon.medium.arrow_left { background-position: -160px -40px; }
.icon.medium.arrow_top { background-position: -200px -40px; }
.icon.medium.arrow_bottom { background-position: -240px -40px; }
.icon.medium.plus { background-position: -280px -40px; }
.icon.medium.minus { background-position: -320px -40px; }

.icon.medium.orders { background-position: 0px -80px; }
.icon.medium.money { background-position: -40px -80px; }
.icon.medium.discount { background-position: -80px -80px; }
.icon.medium.firstorder { background-position: -120px -80px; }
.icon.medium.lastorder { background-position: -160px -80px; }
.icon.medium.invoice { background-position: -200px -80px; }
.icon.medium.pdf { background-position: -240px -80px; }

.icon.medium.download { background-position: 0px -120px; }
.icon.medium.upload { background-position: -40px -120px; }

.icon.medium.heart { background-position: 0px -160px; }
.icon.medium.hi { background-position: -40px -160px; }
.icon.medium.star { background-position: -80px -160px; }
.icon.medium.star2 { background-position: -120px -160px; }
.icon.medium.wk { background-position: -160px -160px; }
.icon.medium.phone { background-position: -200px -160px; }
.icon.medium.mail { background-position: -240px -160px; }


/* Small 30x30 */
.icon.small {
        background-size: 300px 150px;
         width: 30px;
         height: 30px;
}
.icon.small.logout { background-position: 0px 0px; }
.icon.small.config { background-position: -30px 0px; }
.icon.small.list { background-position: -60px 0px; }
.icon.small.cross { background-position: -90px 0px; }
.icon.small.check { background-position: -120px 0px; }
.icon.small.user { background-position: -150px 0px; }
.icon.small.password { background-position: -180px 0px; }
.icon.small.views { background-position: -210px 0px; }
.icon.small.cookie { background-position: -240px 0px; }

.icon.small.ok { background-position: 0px -30px; }
.icon.small.error { background-position: -30px -30px; }
.icon.small.info { background-position: -60px -30px; }
.icon.small.arrow_right { background-position: -90px -30px; }
.icon.small.arrow_left { background-position: -120px -30px; }
.icon.small.arrow_top { background-position: -150px -30px; }
.icon.small.arrow_bottom { background-position: -180px -30px; }
.icon.small.plus { background-position: -210px -30px; }
.icon.small.minus { background-position: -240px -30px; }

.icon.small.orders { background-position: 0px -60px; }
.icon.small.money { background-position: -30px -60px; }
.icon.small.discount { background-position: -60px -60px; }
.icon.small.firstorder { background-position: -90px -60px; }
.icon.small.lastorder { background-position: -120px -60px; }
.icon.small.invoice { background-position: -150px -60px; }
.icon.small.pdf { background-position: -180px -60px; }

.icon.small.download { background-position: 0px -90px; }
.icon.small.upload { background-position: -30px -90px; }

.icon.small.heart { background-position: 0px -120px; }
.icon.small.hi { background-position: -30px -120px; }
.icon.small.star { background-position: -60px -120px; }
.icon.small.star2 { background-position: -90px -120px; }
.icon.small.wk { background-position: -120px -120px; }
.icon.small.phone { background-position: -150px -120px; }
.icon.small.mail { background-position: -180px -120px; }

/* Mini 10x10 */
.icon.mini {
        background-size: 200px 100px;
         width: 20px;
         height: 20px;
}
.icon.mini.logout { background-position: 0px 0px; }
.icon.mini.config { background-position: -20px 0px; }
.icon.mini.list { background-position: -40px 0px; }
.icon.mini.cross { background-position: -60px 0px; }
.icon.mini.check { background-position: -80px 0px; }
.icon.mini.user { background-position: -100px 0px; }
.icon.mini.password { background-position: -120px 0px; }
.icon.mini.views { background-position: -140px 0px; }
.icon.mini.cookie { background-position: -160px 0px; }

.icon.mini.ok { background-position: 0px -20px; }
.icon.mini.error { background-position: -20px -20px; }
.icon.mini.info { background-position: -40px -20px; }
.icon.mini.arrow_right { background-position: -60px -20px; }
.icon.mini.arrow_left { background-position: -80px -20px; }
.icon.mini.arrow_top { background-position: -100px -20px; }
.icon.mini.arrow_bottom { background-position: -120px -20px; }
.icon.mini.plus { background-position: -140px -20px; }
.icon.mini.minus { background-position: -160px -20px; }

.icon.mini.orders { background-position: 0px -40px; }
.icon.mini.money { background-position: -20px -40px; }
.icon.mini.discount { background-position: -40px -40px; }
.icon.mini.firstorder { background-position: -60px -40px; }
.icon.mini.lastorder { background-position: -80px -40px; }
.icon.mini.invoice { background-position: -100px -40px; }
.icon.mini.pdf { background-position: -120px -40px; }

.icon.mini.download { background-position: 0px -60px; }
.icon.mini.upload { background-position: -20px -60px; }

.icon.mini.heart { background-position: 0px -80px; }
.icon.mini.hi { background-position: -20px -80px; }
.icon.mini.star { background-position: -40px -80px; }
.icon.mini.star2 { background-position: -60px -80px; }
.icon.mini.wk { background-position: -80px -80px; }
.icon.mini.phone { background-position: -100px -80px; }
.icon.mini.mail { background-position: -120px -80px; }

/* micro 15x15 */
.icon.micro {
        background-size: 150px 75px;
         width: 15px;
         height: 15px;
}
.icon.micro.logout { background-position: 0px 0px; }
.icon.micro.config { background-position: -15px 0px; }
.icon.micro.list { background-position: -30px 0px; }
.icon.micro.cross { background-position: -45px 0px; }
.icon.micro.check { background-position: -60px 0px; }
.icon.micro.user { background-position: -75px 0px; }
.icon.micro.password { background-position: -90px 0px; }
.icon.micro.views { background-position: -105px 0px; }
.icon.micro.cookie { background-position: -120px 0px; }

.icon.micro.ok { background-position: 0px -15px; }
.icon.micro.error { background-position: -15px -15px; }
.icon.micro.info { background-position: -30px -15px; }
.icon.micro.arrow_right { background-position: -45px -15px; }
.icon.micro.arrow_left { background-position: -60px -15px; }
.icon.micro.arrow_top { background-position: -75px -15px; }
.icon.micro.arrow_bottom { background-position: -90px -15px; }
.icon.micro.plus { background-position: -105px -15px; }
.icon.micro.minus { background-position: -120px -15px; }

.icon.micro.orders { background-position: 0px -30px; }
.icon.micro.money { background-position: -15px -30px; }
.icon.micro.discount { background-position: -30px -30px; }
.icon.micro.firstorder { background-position: -45px -30px; }
.icon.micro.lastorder { background-position: -60px -30px; }
.icon.micro.invoice { background-position: -75px -30px; }
.icon.micro.pdf { background-position: -90px -30px; }

.icon.micro.download { background-position: 0px -45px; }
.icon.micro.upload { background-position: -15px -45px; }

.icon.micro.heart { background-position: 0px -60px; }
.icon.micro.hi { background-position: -15px -60px; }
.icon.micro.star { background-position: -30px -60px; }
.icon.micro.star2 { background-position: -45px -60px; }
.icon.micro.wk { background-position: -60px -60px; }
.icon.micro.phone { background-position: -75px -60px; }
.icon.micro.phone { background-position: -90px -60px; }

/* buttons */
input[type="button"].icon {
        border: 0px !important;
         cursor: pointer;
}

input[type="button"].icon.t50:hover, input[type="button"].icon.t25:hover, input[type="button"].icon.t75:hover {
         background-image: url(../images/be_icons.png);
}

/* transparenz */
.t75 {
        opacity: 0.75;
          filter: alpha(opacity=75);
}

.t50 {
        opacity: 0.5;
          filter: alpha(opacity=50);
}

.t25 {
        opacity: 0.25;
          filter: alpha(opacity=25);
}


/* Sterne */
.stars {
         background-color: transparent;
         background-image: url(../images/icon_star2.png);
         background-repeat: no-repeat;
         width: inherit;
              height: inherit;
        background-size: 72px 72px;
         display: block;
         width: 72px;
         height: 62px;
         text-align: center;

         font-weight: 400;
         font-size: 2.8em;
         color: #757575;
         padding-top: 10px;
}

.stars:hover {
         color: #ff5400;
         background-image: url(../images/icon_star2_hover.png);
}

.stars.medium {
        background-size: 38px 38px;
         width: 38px;
         height: 32px;

         font-size: 1.5em;
         padding-top: 5px;
}

.stars.small {
        background-size: 25px 25px;
         width: 25px;
         height: 25px;

         font-size: 0.85em;
         padding-top: 4px;
}

.stars.light {
         color: #FFFFFF;
         background-image: url(../images/icon_star_light.png);
}

.stars.light:hover {
         background-image: url(../images/icon_star_light_hover.png);
}