body{
	color: #190f73; /*"color: red;"teksti värv*/
	background-color: #F0FFFF; /*taust*/
}
html{
	background-color: #F0FFFF; /*taust*/
    width: 100%;
    height: 100%;
}
table{
    margin-top: 2%;
}
h1#tabelid{
	position: absolute;
	top: 0px;
	left: 100px;
}
table#lihtne{/*kasutame table id=lihtne*/
	 border: 2pt solid #190f73;
	 width: 20%;
	 text-align: center;
	 position: absolute;
	 top: 50px;
	 left: 100px;
}
td{
	border: 1pt solid #cc7a1a;
}
table#keeruline1{/*kasutame table id=lihtne*/
	 border: 2pt solid #190f73;
	 width: 20%;
	 text-align: center;
	 position: absolute;
	 top: 50px;
	 left: 540px;
}
table#keeruline2{/*kasutame table id=lihtne*/
	 border: 2pt solid #190f73;
	 width: 20%;
	 text-align: center;
	 position: absolute;
	 top: 50px;
	 left: 980px;
}
table#keeruline3{/*kasutame table id=lihtne*/
    position: absolute;
	width: 500px;
	height: 370px;
	border: 2pt solid #190f73;
	width: 20%;
    text-align: center;
	position: absolute;
	top: 150px;
    left: 1300px;
}
#cell1{
	color: #F0F8FF;
	background-color: #331f66;
}
#cell2{
	background-color: #cc7a1a;
}
#cell3{
	background-color: #F0FFFF;
}
#cell4{
	background-color: #F0F8FF;
}
#cell5{
	color: #F0F8FF;
	background-color: #190f73;
}
#cell6{
	color: #F0F8FF;
	background-color: #995c3d;
}
#cell7{
	color: #F0F8FF;
	background-color: #e68a0f;
}
#cell8{
	color: #F0F8FF;
	background-color: #f29108;
}
#cell9{
	color: #F0F8FF;
	background-color: #4c2e6b;
}

/*-----Eesti lipp-----*/

table#eesti{
    position: absolute;
	width: 330px;
	height: 210px;
	border: 1pt solid grey;
    left: 500px;
    top: 300px;
	border-spacing: 0px;
}
h1#lippeesti{
	position: absolute;
	top: 230px;
	left: 500px;
}
#eesti tr:nth-child(1) td:nth-child(1){ /*1.rida*/
	background-color: #0072CE;
	border: 0pt;
}
#eesti tr:nth-child(2) td:nth-child(1){ /*1.rida*/
	background-color: black;
	border: 0pt;
}
#eesti tr:nth-child(3) td:nth-child(1){ /*1.rida*/
	background-color: white;
	border: 0pt;
}

/*-----Sveits lipp-----*/
table#sveits{
    position: absolute;
	width: 330px;
	height: 330px;
	border: 1pt solid grey;
	border-spacing: 0px;
    left: 100px;
    top: 700px;
}
#sveits td{
	border: 0pt;
}
h1#lippsveits{
	position: absolute;
	top: 630px;
	left: 100px;
}
/*1.rida ja 5.rida*/
#sveits tr:nth-child(1),
#sveits tr:nth-child(5){
	background-color: #D52B1E;
	width: 300px;
}
/*2.rida ja 4.rida*/
#sveits tr:nth-child(2) td:nth-child(1),
#sveits tr:nth-child(2) td:nth-child(3),
#sveits tr:nth-child(4) td:nth-child(1),
#sveits tr:nth-child(4) td:nth-child(3){
	background-color: #D52B1E;
	width: 132px;
}
#sveits tr:nth-child(2) td:nth-child(2),
#sveits tr:nth-child(4) td:nth-child(2){
	background-color: white;
	width: 70px;
}

/*3.rida*/
#sveits tr:nth-child(3) td:nth-child(1),
#sveits tr:nth-child(3) td:nth-child(3),
#sveits tr:nth-child(3) td:nth-child(5){
	background-color: #D52B1E;
	width: 55px;
}

#sveits tr:nth-child(3) td:nth-child(2),
#sveits tr:nth-child(3) td:nth-child(3),
#sveits tr:nth-child(3) td:nth-child(4){
	background-color: white;
	width: 70px;
}
/*---Prantsuse lipp---*/
h1#lipp{
	margin-top: 5%;
}
table#pran{
	position: absolute;
	top: 300px;
	left: 900px;
	width: 330px;
	height: 210px;
	border: 1pt solid grey;
	border-spacing: 0px;
}
#pran td{
	border: 0pt;
}
#pran tr:nth-child(1) td:nth-child(1){
	background-color: #0055A4;
	
}
#pran tr:nth-child(1) td:nth-child(2){
	background-color: white;
	
}
#pran tr:nth-child(1) td:nth-child(3){
	background-color: #EF4135;
	
}
h1#lipppran{
	position: absolute;
	top: 230px;
	left: 900px;
}
/*---Soome lipp---*/
table#soome{
	position: absolute;
	top: 700px;
	left: 900px;
	width: 330px;
	height: 210px;
	border: 1pt solid grey;
	border-spacing: 0px;
}
#soome td{
	border: 0pt;
}
h1#lippsoome{
	position: absolute;
	top: 630px;
	left: 900px;
}
#soome td{
	border: 0pt;
}
#soome tr:nth-child(1) td:nth-child(2),
#soome tr:nth-child(2) td:nth-child(2),
#soome tr:nth-child(3) td:nth-child(2),
#soome tr:nth-child(2) td:nth-child(1),
#soome tr:nth-child(2) td:nth-child(2),
#soome tr:nth-child(2) td:nth-child(3),
#soome tr:nth-child(2) td:nth-child(4){
	background-color: #002F6C;
    width: 45px;
    height: 45px;
	
}
#soome tr:nth-child(1) td:nth-child(1),
#soome tr:nth-child(1) td:nth-child(3),
#soome tr:nth-child(1) td:nth-child(4),
#soome tr:nth-child(3) td:nth-child(1),
#soome tr:nth-child(3) td:nth-child(3),
#soome tr:nth-child(3) td:nth-child(4){
    background-color: white;
    width: 70px;
    height: 70px;
}
/*---Rootsi lipp---*/
table#rootsi{
	position: absolute;
	top: 700px;
	left: 500px;
	width: 330px;
	height: 210px;
	border: 1pt solid grey;
	border-spacing: 0px;
}
#rootsi td{
	border: 0pt;
}
h1#lipprootsi{
	position: absolute;
	top: 630px;
	left: 500px;
}
#rootsi td{
	border: 0pt;
}
#rootsi tr:nth-child(1) td:nth-child(2),
#rootsi tr:nth-child(2) td:nth-child(2),
#rootsi tr:nth-child(3) td:nth-child(2),
#rootsi tr:nth-child(2) td:nth-child(1),
#rootsi tr:nth-child(2) td:nth-child(2),
#rootsi tr:nth-child(2) td:nth-child(3),
#rootsi tr:nth-child(2) td:nth-child(4){
	background-color: #FECC02;
    width: 45px;
    height: 45px;
	
}
#rootsi tr:nth-child(1) td:nth-child(1),
#rootsi tr:nth-child(1) td:nth-child(3),
#rootsi tr:nth-child(1) td:nth-child(4),
#rootsi tr:nth-child(3) td:nth-child(1),
#rootsi tr:nth-child(3) td:nth-child(3),
#rootsi tr:nth-child(3) td:nth-child(4){
	background-color: #006AA7;
    width: 70px;
    height: 70px;
}
/*---Kreeka lipp---*/
table#kreeka{
	position: absolute;
	top: 700px;
	left: 1300px;
	width: 330px;
	height: 210px;
	border: 1pt solid grey;
	border-spacing: 0px;
}
#kreeka td{
	border: 0pt;
}
h1#lippkreeka{
	position: absolute;
	top: 630px;
	left: 1300px;
}
#kreeka td{
	border: 0pt;
}
#kreeka tr:nth-child(1) td:nth-child(1),
#kreeka tr:nth-child(1) td:nth-child(3),
#kreeka tr:nth-child(2) td:nth-child(1),
#kreeka tr:nth-child(2) td:nth-child(3),
#kreeka tr:nth-child(5) td:nth-child(3),
#kreeka tr:nth-child(5) td:nth-child(1),
#kreeka tr:nth-child(4) td:nth-child(3),
#kreeka tr:nth-child(4) td:nth-child(1){
	background-color: #0D5EAF;
}
#kreeka tr:nth-child(1) td:nth-child(4),
#kreeka tr:nth-child(3) td:nth-child(2),
#kreeka tr:nth-child(5) td:nth-child(4){
	background-color: #0D5EAF;
}
#kreeka tr:nth-child(2) td:nth-child(4),
#kreeka tr:nth-child(4) td:nth-child(4){
	background-color: white;
	width: 200px;
	height: 20px;
}
#kreeka tr:nth-child(1) td:nth-child(2),
#kreeka tr:nth-child(2) td:nth-child(2),
#kreeka tr:nth-child(4) td:nth-child(2),
#kreeka tr:nth-child(5) td:nth-child(2){
	background-color: white;
	width: 25px;
	height: 20px;
}
#kreeka tr:nth-child(3) td:nth-child(1){
	background-color: white;
	width: 120px;
	height: 20px;
}
#kreeka tr:nth-child(6) td:nth-child(1),
#kreeka tr:nth-child(8) td:nth-child(1){
	background-color: white;
	height: 20px;
}
#kreeka tr:nth-child(7) td:nth-child(1),
#kreeka tr:nth-child(9) td:nth-child(1){
	background-color: #0D5EAF;
	width: 330px;
	height: 20px;
}

/*---Norra lipp---*/
table#norra{
	position: absolute;
	top: 300px;
	left: 100px;
	width: 330px;
	height: 210px;
	border: 1pt solid grey;
	border-spacing: 0px;
}
#norra td{
	border: 0pt;
}
h1#lippnorra{
	position: absolute;
	top: 230px;
	left: 100px;
}
#norra tr:nth-child(3){
    background-color: #00205B;
    height: 35px;

}
#norra tr:nth-child(1) td:nth-child(3){
    width: 35px;
    background-color: #00205B;
}
#norra tr:nth-child(2),
#norra tr:nth-child(4){
    height: 15px;
    background-color: white;

}
#norra tr:nth-child(2) td:nth-child(3),
#norra tr:nth-child(4) td:nth-child(3){
    height: 15px;
    background-color: #00205B;

}
#norra tr:nth-child(1) td:nth-child(2),
#norra tr:nth-child(1) td:nth-child(4){
    width: 15px;
    background-color: white;
}
#norra tr:nth-child(1) td:nth-child(1),
#norra tr:nth-child(5) td:nth-child(1){
    width: 70px;
    background-color: #BA0C2F;
}
#norra tr:nth-child(1) td:nth-child(5),
#norra tr:nth-child(5) td:nth-child(5){
    background-color: #BA0C2F;
}
#norra tr:nth-child(5) td:nth-child(3){
    width: 35px;
    background-color: #00205B;
}
#norra tr:nth-child(5) td:nth-child(2),
#norra tr:nth-child(5) td:nth-child(4){
    width: 15px;
    background-color: white;
}
nav{
	margin: 1%;
	text-align: center;
}

nav ul li {
	display: inline;
	margin: 10px; /*расстояние панели до всех объектов*/
	text-align: center;
	background-color: #F0F8FF;
	
}
nav a{
	font-variant: small-caps;
	letter-spacing: 0.1cm;
	text-decoration: none;
	font-family: 'Rubik', sans-serif;
    padding: 10px; /*расстояния текста от рамки*/
    border-right: 2pt solid #cc7a1a;
	border-left: 2pt solid #cc7a1a;
    transition-duration: 0.5s;
}
nav ul a:hover{
    border-right: 2pt solid #F0FFFF;
	border-left: 2pt solid #F0FFFF;
    border-bottom: 2pt solid #cc7a1a;
}
a:active, a:visited, a:link{
	color:#331f66;
	font-size:12pt;
	font-family: 'Rubik', sans-serif;
}