#f-content .currentValues th.date
{
    width: 50px;
}
#f-content .currentValues th.name
{
    width: 150px;
}
#f-content .currentValues th.type
{
    width: 50px;
}
#f-content .currentValues th.amount
{
    width: 40px;
    text-align: center;
}

#f-content .currentValues td.date
{
    width: 50px;
    color: rgb(255,255,255);
    background-color: rgb(235,162,0);
}
#f-content .currentValues td.name
{
}
#f-content .currentValues td.type
{
    background-color: rgb(255,222,120);
}
#f-content .currentValues td.amount
{
    text-align: center;
    color: rgb(255,255,255);
    background-color: rgb(235,162,0);
}



#f-content .yearlyValues th.year
{
    width: 50px;
    text-align: center;
}
#f-content .yearlyValues th.pils
{
    width: 50px;
    text-align: right;
}
#f-content .yearlyValues th.dark
{
    width: 50px;
    text-align: right;
}
#f-content .yearlyValues th.bock
{
    width: 50px;
    text-align: right;
}
#f-content .yearlyValues th.total
{
    width: 50px;
    text-align: right;
}

#f-content .yearlyValues td.year
{
    text-align: center;
    color: rgb(255,255,255);
    background-color: rgb(235,162,0);
}
#f-content .yearlyValues td.pils
{
    text-align: right;
}
#f-content .yearlyValues td.dark
{
    text-align: right;
}
#f-content .yearlyValues td.bock
{
    text-align: right;
}
#f-content .yearlyValues td.total
{
    text-align: right;
    color: rgb(255,255,255);
    background-color: rgb(235,162,0);
}