/* Tyylit_OID Dynamite */




body		{display: block;
		width: 100%;
		height: auto;
		background-color: #cfcfcf;
/*		background-color: #6666cc; */
/*		background-color: #ccccff; */
		}
	

.header 	{width: 870px;
		height: 42px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		vertical-align: bottom;
		color: #ccccff;
		background-color: #6666cc; 
		border: dotted;
		border-color: #ffffff;
		border-top-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 0px;
		}
	
.headerX 	{width: 870px;
		height: 42px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		vertical-align: bottom;
		color: #ccccff;
		background-color: #339933; 
		border: dotted;
		border-color: #ffffff;
		border-top-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 0px;
		}
	
.main 		{width: 700px;
		height: 400px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		background-color: #ffffff;
		background-image: url(clematis1.jpg);
		background-repeat: no-repeat;
		padding: 0px;
		border-style: inset;
		border-color: #99ccff;
		border-width: 3px;
		}

.mainF 		{width: 700px;
		height: 400px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		background-color: #ffffff;
		background-image: url(blue090714.jpg);
		background-repeat: no-repeat;
		padding: 0px;
		border-style: inset;
		border-color: #99ccff;
		border-width: 3px;
		}

.main2 		{width: 700px;
		height: 400px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		background-color: #ffffff;
		padding: 0px;
		border-style: inset;
		border-color: #99ccff;
		border-width: 3px;
		}

.suku 		{width: 700px;
		height: 400px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		background-color: #ffffff;
		background-image: url(suku1.jpg);
		background-repeat: no-repeat;
		padding: 0px;
		border-style: inset;
		border-color: #99ccff;
		border-width: 3px;
		}

.sidebar 	{width: 150px;
		font-family: "Verdana", "Arial", Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: #6666cc;
		border: dotted;
		border-color: #ffffff;
		border-top-width: 0px;
		border-left-width: 0px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		}
.sidebarX 	{width: 150px;
		font-family: "Verdana", "Arial", Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: #339933;
		border: dotted;
		border-color: #ffffff;
		border-top-width: 0px;
		border-left-width: 0px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		}
.rside	 	{width: 20px;
		font-family: "Verdana", "Arial", Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: #6666cc;
		border: dotted;
		border-color: #ffffff;
		border-top-width: 0px;
		border-left-width: 1px;
		border-right-width: 0px;
		border-bottom-width: 1px;
		}
.rsideX	 	{width: 20px;
		font-family: "Verdana", "Arial", Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		background-color: #339933;
		border: dotted;
		border-color: #ffffff;
		border-top-width: 0px;
		border-left-width: 1px;
		border-right-width: 0px;
		border-bottom-width: 1px;
		}	
.footer 	{width: 600px;
		height: 42px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: center;
		vertical-align: top;
		color: #ddeeff;
		background-color: #6666cc;
		margin-top: 5px;
		border: dotted;
		border-color: #ffffff;
		border-top-width: 0px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 1px;
		}
.footerX	{width: 600px;
		height: 42px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: center;
		vertical-align: top;
		color: #ddeeff;
		background-color: #339933;
		margin-top: 5px;
		border: dotted;
		border-color: #ffffff;
		border-top-width: 0px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 1px;
		}



h1		{font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 24px;
		margin-bottom: 0px;
		margin-left: 10px;
		margin-right: 10px;
		color: #ccccff;
		background-color: transparent;
		}
		
h2		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		margin-top: 0px;
		margin-bottom: 3px;
		margin-left: 30px;
		text-align: left;
		color: #336699;
		background-color: transparent;
		}
		
h3		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 10px;
		color: #003366;
		background-color: transparent;
		}
		
p.addr		{display: block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		vertical-align: top;
		color: #ccccff;
		background-color: transparent;
		margin-top: 1px;
		margin-left: 10px;
		padding-left: 0px;
		padding-right: 10px;
		padding-bottom: 3px;
		}



p.mainhline	{display: block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 26px;
		font-weight: bold;
		font-style: italic;
		text-align: left;
		padding-left: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
		color: #336699;
		background-color: #ccccff;
		}

p.valiots	{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding-left: 10px;
		padding-top: 5px;
		margin-left: 0px;
		margin-right: 0px;
		color: #003366;
		background-image: url(valiotsback.gif);
		background-repeat: repeat-y;
		background-color: transparent;
		text-align: left;
		}

p		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-left: 30px;
		margin-right: 5px;
		text-align: left;
		color: #003366;
		background-color: transparent;
		}
		
.sis1		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding-left: 100px;
		margin-right: 5px;
		text-align: left;
		color: #003366;
		background-color: transparent;
		}
		
.sisb		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		padding-left: 100px;
		margin-right: 5px;
		text-align: left;
		color: #336699;
		background-color: transparent;
		}
		
p.xxx		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-left: 30px;
		margin-right: 5px;
		text-align: left;
		color: #003366;
		background-color: transparent;
		}
		
p.otsv		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		font-style: italic;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 3px;
		margin-top: 0px;
		text-align: left;
		color: #ffffff;
		background-color: transparent;
		}
		
td		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
		vertical-align: top;
		}
		
td.saa1		{background-image: url("http://cdn.fmi.fi/weather-observations/products/finland/finland-weather-observations-map.png");
		background-position: 0% 0%;
		background-repeat: no-repeat;
		}
		
td.saa2		{background-image: url("http://cdn.fmi.fi/weather-observations/products/finland/finland-max-temperature-observations-map.png");
		background-position: 0% 0%;
		background-repeat: no-repeat;
		}
		
td.saa3		{background-image: url("http://cdn.fmi.fi/weather-observations/products/finland/finland-min-temperature-observations-map.png");
		background-position: 0% 0%;
		background-repeat: no-repeat;
		}
		
td.saa4		{background-image: url("http://cdn.fmi.fi/weather-observations/products/finland/finland-precipitation-sum-observations-map.png");
		background-position: 0% 0%;
		background-repeat: no-repeat;
		}
		
td.saa5		{background-image: url("http://cdn.fmi.fi/weather-observations/products/finland/finland-snow-depth-observations-map.png");
		background-position: 0% 0%;
		background-repeat: no-repeat;
		}
		
td.video	{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		vertical-align: top;
		padding: 4px;
		background-color: #ffffff;
		}

td.video2	{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-align: center;
		vertical-align: top;
		padding: 0px;
		border: 0px;
		background-color: #ffffff;
		}

iframe		{text-align: center;
		}		

		
p.big		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 32px;
		font-weight: bold;
/*		font-style: italic; */
		margin-left: 200px;
		margin-right: 5px;
		margin-bottom: 0px;
		margin-top: 0px;
		text-align: left;
		color: #009966;
		background-color: transparent;
		}
		
sup		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8px;
		color: #003366;
		background-color: #ffffff;
		}
		




p.pieni		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin-left: 30px;
		margin-right: 30px;
		color: #003366;
		background-color: #ffffff;
		text-align: left;
		}
		
p.date		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		padding-top: 0px;
		padding-left: 5px;
		color: #003366;
		background-color: #cccccc;
		text-align: left;
		}
		
	
p.author	{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin-left: 30px;
		color: #990000;
		background-color: transparent;
		}
		

.adobe		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		padding-left: 5px;
		padding-right: 5px;
		color: #cc3333;
		background-color: #ffffff;
		text-align: left;
		}
		
		
ul		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-left: 30px;
		padding-left: 30px;
		margin-right: 10px;
		color: #003366;
		background-color: transparent; 
		text-align: left;
		}
		
		
ol		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin-left: 30px;
		margin-right: 10px;
		color: #003366;
		background-color: #ffffff;
		list-style-type: decimal;
		text-align: left;
		}

		
em		{font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #003366;
		background-color: transparent;
		text-align: left;
		}

		
a		{font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #003366;
		background-color: transparent;
		font-weight: bold;
		}

a:hover		{color: #cc0000;
		font-weight: bold;
		background-color: #ffffff;
		}
		
/* VALIKON LINKIT - ERITYISGRAFIIKKAS!!! */

a:link.vali	{display: block;
		float: right;
		font-size: 12px;
		color: #ffffff;		
		padding-bottom: 0px;
		background-color: #6666cc;
		padding-right: 5px;
		width: 140px;
		border: 2px;
		border-style: outset;
		border-color: #cccccc;
		text-align: left;
		}

a:link.val2	{display: block;
		float: right;
		font-size: 12px;
		color: #003366;		
		padding-bottom: 0px;
		background-color: #ccffcc;
		padding-right: 5px;
		width: 140px;
		border: 2px;
		border-style: outset;
		border-color: #cccccc;
		text-align: left;
		}

a:visited.vali	{display: block;
		float: right;
		font-size: 12px;
		color: #003366;
		background-color: #9999ff;
		padding-right: 5px;
		width: 140px;
		border: 2px;
		border-style: outset;
		border-color: #cccccc;
		text-align: left;
		}

a:visited.val2	{display: block;
		float: right;
		font-size: 12px;
		color: #333333;
		background-color: #6666ff;
		padding-right: 5px;
		width: 140px;
		border: 2px;
		border-style: outset;
		border-color: #cccccc;
		text-align: left;
		}

a:hover.vali	{display: block;
		float: right;
		font-size: 12px;
		color: #ffffff;
		background-color: #666666;
		padding-right: 5px;
		width: 140px;
		border: 2px;
		border-style: outset;
		border-color: #cccccc;
		text-align: left;
		}

a:hover.val3	{display: block;
		float: right;
		font-size: 12px;
		color: #006633;
		background-color: #999999;
		padding-right: 5px;
		width: 140px;
		border: 2px;
		border-style: outset;
		border-color: #cccccc;
		text-align: left;
		}

a:active.vali	{display: block;
		float: right;
		font-size: 12px;
		color: #333333;
		background-color: #ffffff;
		padding-right: 5px;
		width: 140px;
		border: 2px;
		border-style: inset;
		border-color: #cccccc;
		text-align: left;
		}

a:active.val2	{display: block;
		float: right;
		font-size: 12px;
		color: #333333;
		background-color: #ffffff;
		padding-right: 5px;
		width: 140px;
		border: 2px;
		border-style: inset;
		border-color: #cccccc;
		text-align: left;
		}
	
/* Ari Kannasmaa - 2004.03.14 */