.isot_etukirjaimet {}
.tiivis {}

@media screen {
	body {
		background-color: #FFFFFF;
		margin: 10;
		font-family: Arial, Helvetica, sans-serif;
		color: #333333;
	}
	
	p {
		margin: 2px 0px 8px 0px;
	}
	
	.isot_etukirjaimet {
		margin-left: 10px;
	}
	
	.isot_etukirjaimet:first-letter {
		font-size: 120%;
		font-weight: bold;
	}
	
	.isot_etukirjaimet:first-line {
		
	}
	
	.tiivis {
		margin-bottom: -15px;
	}
	
	h1 {
		font-family: Verdana, Arial;
		font-size: 110%;
		padding: 0px;
		margin-bottom: 12px;
		color: #FF8C00;
		
	}

	h2 {
		font-family: Verdana, Arial;
		font-size: 110%;
		margin-bottom: 6px;
		color: #333333;
	}
	h3 {
		font-family: Verdana, Arial;
		font-size: 90%;
		font-weight: bold;
		margin-bottom: 6px;
		color: #333333;
	}
	
	
	td {
		font-size: 90%;
		vertical-align: top;
	}

	
	td.ylakuva {
		padding-bottom: 5px;
	}
	
	td.topmenu {
		width: 440px;
		background-color: #006AAD;
		color: #FFFFFF;
		padding-top: 5px;
		padding-bottom: 0px;
		padding-left: 0px;
		text-align: center;
	}
	td.topmenu2 {
		width: 170px;
		background-color: #006AAD;
		color: #FFFFFF;
		padding-top: 5px;
		padding-bottom: 0px;
		padding-left: 10px;
		text-align: left;
	}
	td.topmenu3 {
		width: 170px;
		background-color: #006AAD;
		font-size: 70%;
		color: #FFFFFF;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-right: 10px;
		text-align: right;
	}
	
	td.maincol {
		width: 470px;
		padding-left: 10px;
		padding-right: 10px;
		height: 100%;
	}
	
	
	td.rightcol {
		height: 100%;
		padding: 0px;
	}
	
	td.leftcol {
		width: 160px;
		border: 1px solid #999999;
		padding: 0px;
	}
	
	td.left-header {
		font-size: 100%;
		color: #FFFFFF;
		font-weight: bold;
		background-color: #999999;
		padding: 2px 5px;
	}
	
	td.bottom {
		padding: 0px;
		text-align: center;
		font-size: 60%;
		color: #C0C0C0;
		vertical-align: bottom;
		margin: 0px;
	}
	
	td.topmenu a, td.topmenu2 a {
		font-family: Verdana, Arial;
		color: white;
		text-decoration: none;
		font-weight : bold;
	}
	
	td.topmenu a:hover, td.topmenu2 a:hover {
		font-family: Verdana, Arial;
		color: white;
		text-decoration: underline;
		font-weight : bold;
	}
	
	td.leftcol a {
		font-family: Verdana, Arial;
		font-size: 90%;
		color: #006AAD;
		text-decoration: none;
	}
	
	td.leftcol a:hover {
		font-family: Verdana, Arial;
		font-size: 90%;
		color: #006AAD;
		text-decoration: underline;
	}
	
	a {
		color: #006AAD;
		text-decoration: none;
	}
	
	a:hover {
		color: #006AAD;
		text-decoration: underline;
	}

}

@media print{
	body {font-family: Arial, Helvetica, sans-serif;}
	p, td {font-size: 14px;}
	h1, h2, h3 {font-size: 16px; font-weight : bold;}
	td.ylakuva	{display: none;}
	td.topmenu, td.topmenu2, td.topmenu3	{display: none;}
	td.leftcol	{display: none;}
	td.rightcol	{display: none;}
}