/********************table id=tabel1**************************/
table#tabel1{ /*html failis table id=tabel1*/
    width: 50%;
    height: 200px;
    text-align: center;
    border:1px solid black;
    border-collapse: collapse;
}
#tabel1td{
    width: 50%;
    text-align: center;
    border: 1px solid black;
}
#tabel1 tr:nth-child(1) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: #0ddf94;
}
#tabel1 tr:nth-child(1) td:nth-child(2) {
    /*1.rida 2.lahter*/
    background-color: #c80de6;
}
#tabel1 tr:nth-child(2) td:nth-child(1) {
    /*1.rida 3.lahter*/
    background-color: #ffc203;
}
#tabel1 tr:nth-child(2) td:nth-child(2) {
    /*1.rida 1.lahter*/
    background-color: #d30910;
}
/********************table id=tabel1**************************/
table#tabel2{ /*html failis table id=tabel1*/
    width: 30%;
    height: 100px;
    text-align: center;
    border:1px solid black;
    /* border-collapse: collapse;*/
}
#tabel2td{
    width: 50%;
    text-align: center;
    border: 1px solid black;
}
#tabel2 tr:nth-child(1) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: #0ddf94;
}
#tabel2 tr:nth-child(1) td:nth-child(2) {
    /*1.rida 2.lahter*/
    background-color: #c80de6;
}
#tabel2 tr:nth-child(2) td:nth-child(1) {
    /*1.rida 3.lahter*/
    background-color: #ffc203;
}
/********************table id=tabel3**************************/
table#tabel3{ /*html failis table id=tabel1*/
    width: 30%;
    height: 100px;
    text-align: center;
    border:1px solid black;
    /* border-collapse: collapse;*/
}
#tabel3td{
    width: 50%;
    text-align: center;
    border: 1px solid black;
}
#tabel3 tr:nth-child(1) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: #0ddf94;
}
#tabel3 tr:nth-child(1) td:nth-child(2) {
    /*1.rida 2.lahter*/
    background-color: #c80de6;
}
#tabel3 tr:nth-child(2) td:nth-child(1) {
    /*1.rida 3.lahter*/
    background-color: #ffc203;
}
/********************table id=tabel4**************************/
table#tabel4{ /*html failis table id=tabel1*/
    width: 30%;
    height: 100px;
    text-align: center;
    border:1px solid black;
    /* border-collapse: collapse;*/
}
#table4td{
    width: 50%;
    text-align: center;
    border: 1px solid black;
}
#tabel4 tr:nth-child(1) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: #0ddf94;
    width:33%
}
#tabel4 tr:nth-child(1) td:nth-child(2) {
    /*1.rida 2.lahter*/
    background-color: #c80de6;
    width:33%
}
#tabel4 tr:nth-child(1) td:nth-child(3) {
    /*1.rida 3.lahter*/
    background-color: #ffc203;
    width:33%
}
#tabel4 tr:nth-child(2) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: #0ddf94;
    width:33%
}
#tabel4 tr:nth-child(3) td:nth-child(1) {
    /*1.rida 2.lahter*/
    background-color: #c80de6;
    width:33%
}
#tabel4 tr:nth-child(3) td:nth-child(2) {
    /*1.rida 3.lahter*/
    background-color: #ffc203;
    width:33%
}
/*------------------------------------------*/
#eesti{
    width: 330px;
    height: 210px;
    border: 1px solid gray;
    border-collapse: collapse;
}
#eesti tr:nth-child(1){
    background-color: #0000ff;
    height: 70px;
}
#eesti tr:nth-child(2){
    background-color: black;
    height: 70px;
}
#eesti tr:nth-child(3){
    background-color: white;
    height: 70px;
}
#belgium{
    width: 330px;
    height: 210px;
    border: 1px solid gray;
    border-collapse: collapse;
}
#belgium tr:nth-child(1) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: black;
    width: 33%
}
#belgium tr:nth-child(1) td:nth-child(2) {
    /*1.rida 1.lahter*/
    background-color: orange;
    width: 33%
}
#belgium tr:nth-child(1) td:nth-child(3) {
    /*1.rida 1.lahter*/
    background-color: red;
    width: 33%
}
#finland{
    width: 330px;
    height: 210px;
    border: 1px solid gray;
    border-collapse: collapse;
}
#finland tr:nth-child(1) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: white;
    width: 25%;
    height: 40%
}
#finland tr:nth-child(1) td:nth-child(2) {
    /*1.rida 1.lahter*/
    background-color: blue;
    width: 15%;
    height: 40%
}
#finland tr:nth-child(1) td:nth-child(3) {
    /*1.rida 1.lahter*/
    background-color: white;
    width: 60%;
    height: 40%
}
#finland tr:nth-child(2) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: blue;
    height: 20%
}
#finland tr:nth-child(3) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: white;
    width: 25%;
    height: 40%
}
#finland tr:nth-child(3) td:nth-child(2) {
        /*1.rida 1.lahter*/
    background-color: blue;
    width: 15%;
    height: 40%
}
#finland tr:nth-child(3) td:nth-child(3) {
    /*1.rida 1.lahter*/
    background-color: white;
    width: 60%;
    height: 40%
}
#Swish{
    width: 330px;
    height: 210px;
    border: 1px solid gray;
    border-collapse: collapse;
}
#Swish tr:nth-child(1) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(1) td:nth-child(2) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(1) td:nth-child(3) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(1) td:nth-child(4) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(1) td:nth-child(5) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(2) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(2) td:nth-child(2) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(2) td:nth-child(3) {
    background-color: white;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(2) td:nth-child(4) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(2) td:nth-child(5) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(3) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(3) td:nth-child(2) {
    background-color: white;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(3) td:nth-child(3) {
    background-color: red;
    height: 20%;
    width: 20%
}

#Swish tr:nth-child(4) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(4) td:nth-child(2) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(4) td:nth-child(3) {
    background-color: white;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(4) td:nth-child(4) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(4) td:nth-child(5) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(5) td:nth-child(1) {
    /*1.rida 1.lahter*/
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(5) td:nth-child(2) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(5) td:nth-child(3) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(5) td:nth-child(4) {
    background-color: red;
    height: 20%;
    width: 20%
}
#Swish tr:nth-child(5) td:nth-child(5) {
    background-color: red;
    height: 20%;
    width: 20%
}

