#hnegyzet div
{
    width:80px;
    overflow:hidden;
    font-family: "Georgia";
    font-size: 12px;
    text-align: center;
}

#hnegyzetMaszk div
{
    width:80px;
}

#hnegyzet div.innerDiv, #hnegyzetMaszk div.innerDiv
{
    width: 80px;
    height: 70px;
}


b.rtop b, b.rbottom b
{
 display:block;
 height: 1px;
 overflow: hidden;
}

b.rtop, b.rbottom
{
 display:block;
 background: #e2edca
}

b.r1
{
 margin: 0 5px
}
b.r2
{
 margin: 0 3px
}
b.r3
{
 margin: 0 2px
}

b.rtop b.r4, b.rbottom b.r4
{
 margin: 0 1px; height: 2px
}


.c1r1
{
 background-color: #390;
 color: #e2edca;
}

.c1r1 b.rtop b, .c1r1 b.rbottom b
{
 background-color: #390;
}

.c2r1
{
 background-color: #3C0;
 color: #e2edca;
}

.c2r1 b.rtop b, .c2r1 b.rbottom b
{
 background-color: #3C0;
}

.c3r1
{
 background-color: #9C0;
 color: #e2edca;
}

.c3r1 b.rtop b, .c3r1 b.rbottom b
{
 background-color: #9C0;
}

.c4r1
{
 background-color: #FC0;
 color: #000;
}

.c4r1 b.rtop b, .c4r1 b.rbottom b
{
  background-color: #FC0; 
}



.c1r2
{
 background-color: #6C9;
 color: #e2edca;
}

.c1r2 b.rtop b, .c1r2 b.rbottom b
{
 background-color: #6C9;
}


.c2r2
{
 background-color: #696;  
 color: #e2edca;
}

.c2r2 b.rtop b, .c2r2 b.rbottom b
{
 background-color: #696;
}


.c3r2
{
 background-color: #C96;  
 color: #e2edca;
}

.c3r2 b.rtop b, .c3r2 b.rbottom b
{
 background-color: #C96;
}

.c4r2
{
 background-color: #F96;    
 color: #e2edca;
}

.c4r2 b.rtop b, .c4r2 b.rbottom b
{
 background-color: #F96;
}


.c1r3
{
 background-color: #069;    
 color: #e2edca;
}

.c1r3 b.rtop b, .c1r3 b.rbottom b
{
 background-color: #069;
}

.c2r3
{
 background-color: #699;   
 color: #e2edca;
}

.c2r3 b.rtop b, .c2r3 b.rbottom b
{
 background-color: #699
}

.c3r3
{
 background-color: #C60;    
 color: #e2edca;
}

.c3r3 b.rtop b, .c3r3 b.rbottom b
{
 background-color: #C60;
}

.c4r3
{
 background-color: #F60;    
 color: #e2edca;
}

.c4r3 b.rtop b, .c4r3 b.rbottom b
{
 background-color: #F60;
}



.c1r4
{
 background-color: #03C;    
 color: #e2edca;
}

.c1r4 b.rtop b, .c1r4 b.rbottom b
{
 background-color: #03C;
}


.c2r4
{
 background-color: #93C;   
 color: #e2edca;
}

.c2r4 b.rtop b, .c2r4 b.rbottom b
{
 background-color: #93C;
}


.c3r4
{
 background-color: #C39;  
 color: #e2edca;
}

.c3r4 b.rtop b, .c3r4 b.rbottom b
{
 background-color: #C39;
}

.c4r4
{
 background-color: #900;    
 color: #e2edca;
}

.c4r4 b.rtop b, .c4r4 b.rbottom b
{
 background-color: #900;
}

.gray
{
 background-color: #CCC;
}

.gray b.rtop b, .gray b.rbottom b
{
 background-color: #CCC;
}

.lightgray
{
 background-color: #EEE;
}

.lightgray b.rtop b, .lightgray b.rbottom b
{
 background-color: #EEE;
}


#hn1
{
 position: absolute;
 left: 20px;
 top:10px;
 z-index: 500;
}

#hn2
{
 position: absolute;
 left: 110px;
 top: 10px;
 z-index: 500;
}

#hn3
{
 position: absolute;
 left: 200px;
 top: 10px;
 z-index: 500;
}

#hn4
{
 position: absolute;
 left: 290px;
 top: 10px;
 z-index: 500;
}

#hn5
{
 position: absolute;
 left: 20px;
 top: 100px;
 z-index: 500;
}

#hn6
{
 position: absolute;
 left: 110px;
 top:100px;
 z-index: 500;
}

#hn7
{
 position: absolute;
 left: 200px;
 top: 100px;
 z-index: 500;
}

#hn8
{
 position: absolute;
 left: 290px;
 top: 100px;
 z-index: 500;
}

#hn9
{
 position: absolute;
 left: 20px;
 top: 190px;
 z-index: 500;
}

#hn10
{
 position: absolute;
 left: 110px;
 top: 190px;
 z-index: 500;
}

#hn11
{
 position: absolute;
 left: 200px;
 top: 190px;
 z-index: 500;
}

#hn12
{
 position: absolute;
 left: 290px;
 top: 190px;
 z-index: 500;
}

#hn13
{
 position: absolute;
 left: 20px;
 top: 280px;
 z-index: 500;
}

#hn14
{
 position: absolute;
 left: 110px;
 top: 280px;
 z-index: 500;
}

#hn15
{
 position: absolute;
 left: 200px;
 top: 280px;
 z-index: 500;
}

#hn16
{
 position: absolute;
 left: 290px;
 top: 280px;
 z-index: 500;
}

#hn1M
{
 position: absolute;
 left: 20px;
 top:10px;
 z-index: 5;
}

#hn2M
{
 position: absolute;
 left: 110px;
 top: 10px;
 z-index: 5;
}

#hn3M
{
 position: absolute;
 left: 200px;
 top: 10px;
 z-index: 5;
}

#hn4M
{
 position: absolute;
 left: 290px;
 top: 10px;
 z-index: 5;
}

#hn5M
{
 position: absolute;
 left: 20px;
 top: 100px;
 z-index: 5;
}

#hn6M
{
 position: absolute;
 left: 110px;
 top:100px;
 z-index: 5;
}

#hn7M
{
 position: absolute;
 left: 200px;
 top: 100px;
 z-index: 5;
}

#hn8M
{
 position: absolute;
 left: 290px;
 top: 100px;
 z-index: 5;
}

#hn9M
{
 position: absolute;
 left: 20px;
 top: 190px;
 z-index: 5;
}

#hn10M
{
 position: absolute;
 left: 110px;
 top: 190px;
 z-index: 5;
}

#hn11M
{
 position: absolute;
 left: 200px;
 top: 190px;
 z-index: 5;
}

#hn12M
{
 position: absolute;
 left: 290px;
 top: 190px;
 z-index: 5;
}

#hn13M
{
 position: absolute;
 left: 20px;
 top: 280px;
 z-index: 5;
}

#hn14M
{
 position: absolute;
 left: 110px;
 top: 280px;
 z-index: 5;
}

#hn15M
{
 position: absolute;
 left: 200px;
 top: 280px;
 z-index: 5;
}

#hn16M
{
 position: absolute;
 left: 290px;
 top: 280px;
 z-index: 5;
}