/* 
    Document   : style
    Created on : 18-may-2013
    Author     : Verhorst
    Description:
    CUSTOMER-version - for customers (maatwerk).
*/

/* SV: Kleuren EnergieIndex versus Energielabel */
div.ei_container {
   height: 30px;
   width: 260px;
   /*border: 1px solid #aaa;*/
   padding: 0;
}
.energieKleurApp {
   background-color: #006e23;
}
.energieKleurAp {
   background-color: #0b7e33;
}
.energieKleurA {
   background-color: #1b8e43;
}
.energieKleurB {
   background-color: #4aa847;
}
.energieKleurC {
   background-color: #9dba3a;
}
.energieKleurD {
   background-color: #faec0d;
}
.energieKleurE {
   background-color: #eb9d21;
}
.energieKleurF {
   background-color: #ed6527;
}
.energieKleurG {
   background-color: #db372d;
}
.labelLeft {
   height: 25px;
   width : 5px;
   float: left;
   -webkit-border-radius: 5px 0 0 5px;
   border-radius: 5px 0 0 5px;
   float: left;
}
.labelRight {
   height: 25px;
   width : 5px;
   float: right;
   -webkit-border-radius: 0 5px 5px 0;
   border-radius: 0 5px 5px 0;
   float: left;
}
.labelMid {
   height: 23px;
   width: 27px;
   padding: 2px 0 0 0;
   color: #fff;
   text-shadow: 1px 1px 2px #777;
   font-family: arial, sanserif;
   font-size: 20px;
   text-align: center;
   float: left;
}
.midPlus {
   font-size: 12px;
}
.label_shadow {
   -webkit-box-shadow: 0 0 4px 3px #555;
   box-shadow: 0 0 4px 3px #555;
   text-shadow: 2px 2px 2px #262626;   
}