#kg_Af{background-color:#0000FE}
#kg_Am{background-color:#0077ff}
#kg_AsAw{background-color:#46a9fa}
#kg_BWh{background-color:#fe0000}
#kg_BWk{background-color:#fe9695}
#kg_BSh{background-color:#f5a301}
#kg_BSk{background-color:#ffdb63;color:#999;text-shadow: 0 0 black;}
#kg_Csa{background-color:#ffff00;color:#999;text-shadow: 0 0 black;}
#kg_Csb{background-color:#c6c700}
#kg_Csc{background-color:#969600}
#kg_Cwa{background-color:#96ff96;color:#999;text-shadow: 0 0 black;}
#kg_Cwb{background-color:#63c764}
#kg_Cwc{background-color:#329633}
#kg_Cfa{background-color:#c6ff4e;color:#999;text-shadow: 0 0 black;}
#kg_Cfb{background-color:#66ff33;color:#999;text-shadow: 0 0 black;}
#kg_Cfc{background-color:#33c701}
#kg_Dsa{background-color:#ff00fe}
#kg_Dsb{background-color:#c600c7}
#kg_Dsc{background-color:#963295}
#kg_Dsd{background-color:#966495}
#kg_Dwa{background-color:#abb1ff}
#kg_Dwb{background-color:#5a77db}
#kg_Dwc{background-color:#4c51b5}
#kg_Dwd{background-color:#320087}
#kg_Dfa{background-color:#00ffff;color:#666;text-shadow: 0 0 black;}
#kg_Dfb{background-color:#38c7ff}
#kg_Dfc{background-color:#007e7d}
#kg_Dfd{background-color:#00455e}
#kg_ET{background-color:#b2b2b2}
#kg_EF{background-color:#686868}              
.koppen-legend li {
  /* text-shadow: -1px 0 #aaa, 0 1px #aaa, 1px 0 #aaa, 0 -1px #aaa; */
  /* padding: 5px; */
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  color: white;
  text-align: center;
  text-shadow: 0px 0px #ffffff;
  margin: 0 auto;
}              
.koppen-legend ul{list-style-type:none;padding:5px;}
.koppen-legend td {border:0;}
.koppen-legend div{
  position: relative;
  cursor: pointer;
  font-size: 14px;
}
.koppen-legend div:hover:before {
  position: absolute;
  content: attr(data-title);
  left: 100%;
  z-index: 3;
  background: black;
  color: #fff;
  text-shadow: 0 0 #fff;
  text-align: left;
  padding: 0 15px;
  margin-left: 5px;
  width: auto;
  white-space: nowrap;
}
.koppen-legend div:hover:after {
  content: " ";
  position: absolute;
  left: 100%;
  z-index: 3;
  margin-top: 10px;
  border: 5px solid black;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-left: -5px;
  height: 0;
}
.koppen-legend {
  width: 100%;
  table-layout: fixed;
}