body {
    background-color: #e7e9e7;
    color:#102010;
}
.taulu {
	border: 15px solid gray;
	padding: 25px;
	border-color: "gray";
	margin: 20px;
	
}
.taulutiedK
{
	font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:1.1em;
	font-weight:normal; 
	color:#000022;
	background-color:#EAC66C;
	Width:20%;
}

.tauluK {
   float: left;
   margin: 2px;
  margin-bottom: 20px;
   margin-right: 10px;
   padding: 10px;
   width: 250px;
   height: 405px;
   border: 4px double gray ;
   border-radius: 15px;
	background-color:#ffffff;
    font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:2.0em;
	font-weight:normal; 
	color:#000022;
	box-shadow: 0 0 8px 8px #FFD700;
}   

.tauluH {
   float: left;
   margin: 2px;
   margin-right: 10px;
  margin-bottom: 20px;
   padding: 10px;
   width: 250px;
   height: 405px;
   border: 4px double gray ;
   border-radius: 15px;
	
	background-color:#ffffff;
    font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:2.0em;
	font-weight:normal; 
	color:#000022;
	box-shadow: 0 0  8px 8px #b8aEa8;
}   

.tauluP {
   float: left;
   margin: 2px;
  margin-bottom: 20px;
   margin-right: 10px;
   padding: 10px;
   width: 250px;
   height: 405px;
   border: 4px double gray ;
   border-radius: 15px;
	background-color:#ffffff;
    font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:2.0em;
	font-weight:normal; 
	color:#000022;
	box-shadow: 0px 0px 8px 8px #C88770;
	
}   
.tauluPP {
   float: left;
   margin: 2px;
  margin-bottom: 20px;
   margin-right: 10px;
   padding: 10px;
   width: 250px;
   height: 405px;
   border: 4px double gray ;
   border-radius: 15px;
	background-color:#ffffff;
    font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:2.0em;
	font-weight:normal; 
	color:#000022;
	box-shadow: 0px 0px 8px 8px #C88770;
	opacity:0.4;
}   

.tauluN {
   float: left;
   margin: 2px;
   margin-right: 10px;
  margin-bottom: 20px;
   padding: 10px;
   width: 250px;
   height: 405px;
   border: 4px double gray ;
   border-radius: 15px;
   background-color:#ffffff;
    font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:2.0em;
	font-weight:normal; 
	color:#000022;
	
}   
.tauluU {
   float: left;
   margin: 2px;
   margin-right: 10px;
  margin-bottom: 20px;
   padding: 10px;
   width: 250px;
   height: 405px;
   border: 4px double gray ;
   border-radius: 15px;
   background-color:#c80000;
    font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:2.0em;
	font-weight:normal; 
	color:#000022;
 
}   
.tauluPud {
   float: left;
   margin: 2px;
   margin-right: 10px;
  margin-bottom: 20px;
   padding: 10px;
   width: 250px;
   height: 405px;
   border: 4px double gray ;
   border-radius: 15px;
   background-color:#ffffff;
    font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:2.0em;
	font-weight:normal; 
	color:#000022;
 opacity:0.3;
}   


.tulos {
	font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:1.8em;
	font-weight:normal; 
	color:#1B62B6;
	padding: 10px;
	
}
.ShootOff {
	font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:5em;
	font-weight:bold; 
	color:#c80000;
	padding: 10px;
	text-align:center;
}

div.TNsarja
{
	font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	background-color:#D6DCE5;
	color:#1B62B6;
	font-size:2.4em;
	font-weight:normal; 
	text-align: center;
	border:6px double #1B6296;
	padding:2px 12px; 
	float:middle;
	clear:left;
	width:350px;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 150px;
    height:27px;
	border-radius:6px;
	box-shadow: 10px 10px 5px #aaaaaa;
	
}

.logo
{
	font-family: "Arial Narrow","Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size:3.1em;
	font-weight:normal; 
	color:#777777;
	background-color:#bbbbbb;
	border-radius: 10px;
	border-color: #a9bf90;
	border: 4px solid #a1a1a1;
	position: relative;
    top: 0px;
    width: 95%;
    height: 50px;
    padding: 0px 0px 10px 20px;
    
}
img.top {
    vertical-align: text-top;
}

img.bottom {
    vertical-align: text-bottom;
}
img.middle {
    vertical-align: middle;
}