body {
    background-image: url("kuvat/tausta.jpg") ;
    background-repeat: repeat;
    font-family: 'Trebuchet MS'; 
    font-size: 16px; 
    background-color: #cccccc;
}

ol.c 
{
    list-style-type: decimal;
}

.tooltip 
{
    position: relative;
    display: inline;
    background-color: LightGray;
}

.tooltip .tooltiptext 
{
    visibility: hidden;
    width: 400px; top: 100%; left: 0% ;
    background-color: white;
    color: Green;
    text-align: left;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext
{
    visibility: visible;
}

a:visited 
{
  color: "#800080";
  background-color: transparent;
  text-decoration: none;
}

ul 
{ 
  list-style-image: url('https://www.extime.fi/logot/favicon.ico') ;
}

ol.c 
{
  list-style-image: none ;
  list-style-type: decimal;
}

.fix 
{
    position: fixed;
    text-align:right;
    top: 0;
    right: 0;
    border: 1px solid #73AD21;
}

.white 
{	
	background-color:#000000;
	color: #ffffff; 
	font-family: Courier New; 
	font-size: 14px 
    line-height:16px;
}

.pikku 
{
	font-size: 12px 
}

.koro 
{ 	
	color: #BB22BB; 
	font-family: Trebuchet, Arial; 
	font-weight: bold 
}
.system 
{ 	
	color: black; 
    background-color:white;
	font-family: Sans Serif; 
	font-size: 12px 
}
.italo
{
	COLOR: #0000FF; 
	FONT-FAMILY: Trebuchet, Arial, Verdana, Helvetica; 
	font-style:italic 
}
.seli
{
	COLOR: #000000; 
	FONT-FAMILY: Trebuchet, Arial, Verdana, Helvetica; 
}
.data 
{
	COLOR: #000000; 
	FONT-FAMILY: Courier; 
	FONT-WEIGHT: bold 
}
.normal 
{
	COLOR: #000000; 
	FONT-FAMILY: Trebuchet, Arial; 
    text-decoration: none;
}
.menu 
{ 	
	color: #1111FF; 
	FONT-FAMILY: Trebuchet, Arial; 
	FONT-WEIGHT: bold ; 
	FONT-SIZE: 16px 
}
.vinkki
{
	color: White; 
    background-color: Green;
    FONT-WEIGHT: bold ; 
    FONT-SIZE: 18px 
}

.area   
{ 	
	color: #0022BB; 
	background-color:#F0648e;
	FONT-FAMILY: Trebuchet, Arial; 
	FONT-WEIGHT: bold ; 
	font-style:italic 
}
H1 
{ 	
	COLOR: #222222; 
	FONT-FAMILY: Trebuchet, Arial; 
	FONT-SIZE: 24px; 
	FONT-WEIGHT: bold 
}
H2 
{ 	
	COLOR: #333333; 
	FONT-FAMILY: Trebuchet, Arial; 
	FONT-SIZE: 20px; 
	FONT-WEIGHT: bold 
}
H3 
{ 	
	background-color:#d0e4fe;
	COLOR: #444444; 
	FONT-FAMILY: Trebuchet, Arial; 
	FONT-SIZE: 16px; 
	FONT-WEIGHT: bold 
}
.sluettelo
{
	background-color: #d0e4fe;
    background-image: linear-gradient(#d0e4fe, lightgreen);
	font-size: 16px ; 
}
.lainaus
{
	background-color:#ffffff;
	FONT-FAMILY: Courier; 
	border:3px solid green;
	font-size: 12px ; 
}
.turkoosi
{
	background-color:#00ffff;
	FONT-FAMILY: Courier; 
}
.keltainen
{
	background-color:yellow;
	FONT-FAMILY: Trebuchet MS; 
}
.uutta
{
	background-color:#d0848e;
	border:3px solid green;
}
.o1 
{ 
	background-color:#d0848e;
	FONT-FAMILY: Trebuchet, Arial; 
	FONT-SIZE: 20px ;
	FONT-WEIGHT: bold 
	border:3px solid green;
}
.o2 
{ 
	background-color:#d0848e;
	FONT-FAMILY: Courier; 
	FONT-SIZE: 20px ; 
	FONT-WEIGHT: bold 
	border:3px solid green;
}
TR.vasen   { font-family: Tahoma; font-size: 64px ; font-weigth: bold; }
vasen      { font-family: Tahoma; font-size: 64px ; font-weigth: bold; }
TR.PARITON 	{ background-color:#FFFFFF; font-size:14px; line-height:16px; padding-right: 0.5em}
TR.PARILLINEN { background-color:#e6e6FF; font-size:14px; line-height:16px; padding-right: 0.5em}
TR.SARJALUETTELO { color:#00248F; font-weight:bold; font-size:12px; line-height:18px; font-family:"Verdana"; }
TR.SARJA 	{ background-color:#e6e6FF; font-size:16px; line-height:16px; font-weight: bold; color:#00248F; font-family:"Lucida Sans"}
TR.SARJALUETTELO { background-color:White; font-size:16px; line-height:22px; color:#00248F; font-family:"Lucida Sans"}
TR.DNS     { background-color:#FFFF88; font-size:90%; font-size:12px; padding-right: 0.5em; }
TR.LPD 	{ background-color:#CCCCFF; font-size:14px; line-height:16px; padding-right: 0.5em}
TR.DSQ 	{ background-color:#FF8888; font-size:14px; line-height:16px; padding-right: 0.5em}
TR.DNF 	{ background-color:#88FF88; font-size:14px; line-height:16px; padding-right: 0.5em}
TR.ULK 	{ background-color:#22FF22; font-size:14px; line-height:16px; padding-right: 0.5em}
dt         { font-weigth: bold; font-size:18px; }
dd         { color:black; font-size:16px; }
dl         { font-weigth: bold; font-size:18px; }

.logo      { color:#FFFFFF; background-color:Green; text-align:center; font-size:10px; font-weight:bold; } 

table 	    { border-spacing:0px} 
table TR.PARITON:hover { background-color: #E80000; color: #fff }
table TR.PARILLINEN:hover { background-color: #E80000; color: #fff }
th, td      { padding: 4px ; }
th 	        { background-color:#e6e6FF; font-size:14px; line-height:16px; font-family:"Lucida Sans" } 
.PARITON 	{ background-color:#DDEEB5 }
.PARILLINEN 	{ background-color:#FFFFFF }
.DNS 	        { background-color:#FFFFCC }
.DSQ 	        { background-color:#FF8888 }
.DNF 	        { background-color:#88FF88 }
.SARJA	        { background-color:#e6e6FF; color:#00248F ; font-family:"Lucida Sans" }
.SARJALUETTELO  { background-color:white; color:#153b97 ; font-family:"Lucida Sans" }


@media (min-width: 576px) { .urhe { max-width: 540px; } }
@media (min-width: 768px) { .urhe { max-width: 720px; } }
@media (min-width: 992px) { .urhe { max-width: 960px; } }
@media (min-width: 1200px) { .urhe { max-width: 1140px; } }
@media (min-width: 1400px) { .urhe { max-width: 1320px; } }