.Kutu0, .Kutu1, .Kutu2, .Kutu3, .Kutu4, .Kutu5, .Kutu6
{
    padding: 5px;
    margin: 5px;
}

.Kutu0
{
    border: 1px solid #808080;
    color: #333333;
    background-color: #FFFFFF;
}

.Kutu0:hover
{
    border: 1px solid #808080;
    color: #000000;
    background-color: #C0C0C0;
}

.Kutu1
{
    background-color: #CCCCCC;
    border: 1px solid #999999;
}

.Kutu1:hover
{
    background-color: #969696;
    border: 1px solid #646464;
    color: #FFFFFF;
}

.Kutu2
{
    background-color: #3399FF;
    border: 1px solid #336699;
    color: #FFFFFF;
}

.Kutu2:hover
{
    background-color: #002B55;
    border: 1px solid #0E1C29;
    color: #FFFFFF;
}

.Kutu3
{
    background-color: #CCFF99;
    border: 1px solid #FF9853;
    color: #FF6600;
}

.Kutu3:hover
{
    background-color: #254A00;
    border: 1px solid #8C3800;
    color: #FFFFFF;
}

.Kutu4
{
    background-color: #FFCCFF;
    border: 1px solid #FF40FF;
    color: #CC0066;
}

.Kutu4:hover
{
    background-color: #D900D9;
    border: 1px solid #3C003C;
    color: #FFFFFF;
}

.Kutu5
{
    background-color: #5EFFAE;
    border: 1px solid #00954A;
    color: #00552B;
}

.Kutu5:hover
{
    background-color: #005329;
    border: 1px solid #00331A;
    color: #FFFFFF;
}

.Kutu6
{
    background-color: #CC0000;
    border: 1px solid #FF0000;
    color: #FFFFFF;
}

.Kutu6:hover
{
    background-color: #990000;
    border: 1px solid #FF0000;
    color: #FFFFFF;
}