@font-face {
    font-family: 'HamburgSymbols';
    src: url("/proxy/fonts/HamburgSymbols.eot");
    src: url("/proxy/fonts/HamburgSymbols.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
em { font-family: HamburgSymbols, sans-serif; font-style:normal; font-size: larger; }

.house_sym {
    font-size: 15px;
    font-family: HamburgSymbols;
}

.house_deg {
    font-size: 10px;
    font-family: Arial;
    font-weight: bold;
}

.house_min {
    font-size: 9px;
    font-family: Arial;
}

.obj_sym {
    font-size: 17px;
    font-family: HamburgSymbols;
}

/*.obj_sym:hover {*/
/*    font-size: 25px;*/
/*}*/


.obj_deg {
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
}

.obj_min {
    font-size: 10px;
    font-family: Arial;
}

.middle_sym {
    font-size: 13px;
    font-family: HamburgSymbols;
}

.rx_sym {
    font-size: 12px;
    font-family: HamburgSymbols;
    fill: red;
}

.asp_sym {
    font-family: HamburgSymbols;
    font-size: 10px;
}

.deg {
    font-size: 11px;
    font-family: Arial;
}

.min {
    font-size: 10px;
    font-family: Arial;
}

.tiny {
    font-size: 9px;
    font-family: "Arial";
}

.asp_grid_sym {
    font-family: HamburgSymbols;
    font-size: 22px;
    text-anchor: middle;
}

.asp_grid_digit {
    font-family: Arial;
    font-size: 10px;
    text-anchor: middle;
}

.fire {
    fill: red;
    color: red;
}

.earth {
    fill: brown;
    color: brown;
}

.air {
    fill: blue;
    color: blue;
}

.water {
    fill: #008000;
    color: #008000;
}