body  {   background : #FFFFFF url(osat2/tausta.jpg) repeat-y top left;
          margin : 0;
          padding : 0;
      
}

		/*logo ym. yläosassa. Myös kielivalikko:*/		

#ylaosa {	background: url(osat2/yla.jpg) no-repeat top left;
			margin: 10px 0 0 0;
			padding: 0;
			border:0;
			width: 778px;
			height: 84px;
		}
		
		/*Kielivalikko vasemmassa yläreunassa: */
		
	
#kielivalikko
		{
			padding-left: 0;
			margin-left: 0;
			margin-top: 0;
			border:0;
			width: 150px;
			font : 8pt "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:bold;
			color: #003366;
			background:none;
			text-align:left;
			margin:20px 0 0 110px;
			padding:18px 0 0 0;
		}

#kielivalikko li
		{
			list-style: none;
			margin: 0;
			padding: 0;
			border:0;
		}

#kielivalikko li a { 
			text-decoration: none;
			color: #000000; 
		}
		
#kielivalikko li a:hover { 
			text-decoration: none; 
			color: #666666;
		}
		

		
		/*valkoinen tausta tekstille (jossa keltainen reuna vasemmalla):*/
		
#tausta {	background: url(osat2/keski.jpg) repeat-y top left;
			margin: -20px 0 0 0;
			padding: 0;
			border:0;
			
			
		}
		
		/*Navigointivalikon tausta (tässä ei siis ole navigoinnin ominaisuuksia vaan pelkkä taustalaatikko):*/
		
#valikko {	background: none;
			margin:20px 0 0 0;
			padding:0;
			border:0;
			float:left;
	  	}
	  	
table.valikkotaulukko {
			table-layout:fixed;
			background: none;
			margin:0;
			padding:0;
			border:0;
			width:265px;			
		}
		
tr.laatikko {
			width:265px;
		}
		
td.valikko_yla {
			background: url(osat2/valikko_yla.jpg) no-repeat top left;
			margin: 0;
			padding: 0;
			border:0;
			width:265px;
			height: 37px;
		}
		
td.valikko_keski {
			background: url(osat2/valikko_keski.jpg) repeat-y top left;
			margin:0;
			padding: 0 0 0 50px;
			border:0;
			font : 10pt Georgia, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:normal;
			color: #003366;
			text-align:left;
			}
		
td.valikko_ala {
			background: url(osat2/valikko_ala.jpg) no-repeat top left;
			margin: 0;
			padding: 0;
			border:0;
			width:265px;
			height: 42px;
		}
		
		/*Navigointivalikko: */
		
#navlist
		{
			padding-left: 0;
			margin-left: 0;
			margin-top: 0;
			border-bottom: 0px solid gray;
			width: 165px;
		}

#navlist li
		{
			list-style: none;
			margin: 0;
			padding: 0.3em;
			border-top: 0px solid gray;
		}

#navlist li a { 
			text-decoration: none;
			color: #003399; 
		}
		
#navlist li a:hover { 
			text-decoration: none; 
			color: #CC9933;
		}
		

		/*Kuvituskuva vasemmalla alhaalla :*/
img.kuvitus	{
			border:0;
			margin:0;
			padding:0;
			width:265px;

			
		}
		
		/*Sivujen sisältö: */
		
img.slogan {
			border:0;
			margin:0;
			padding: 0 0 0 0px;
		}
			
#tekstit 	{
			background:none;
			border:none;
			margin: 20px 10px 0px 280px;
			width:430px;
		}	
		
		/*Fontit*/
		
h1		{	font : 10pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			color: #003366;
			font-weight:bold;
			background:none;
			text-align:left;
			margin: 13px 0 0 0;
			padding:0;	
	}
	
h2		{	font : 12pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:bold;
			color: #003366;
			background:none;
			text-align:left;
			margin:10px 0 10px 0;
			padding:0;	
	}
	
h3		{	font : 10pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:bold;
			color: #000000;
			background:none;
			text-align:left;
			margin:10px 0 10px 0;
			padding:0;	
	}
	
p		{	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:normal;
			color: #000000;
			background:none;
			text-align:left;
			margin:10px 0 20px 0;
			padding:0;	
			line-height: 13pt;
	}
	
p.paksu		{	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:bold;
			color: #000000;
			background:none;
			text-align:left;
			margin:10px 0 20px 0;
			padding:0;	
	}

p.kuvateksti	{	
			font : 7pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:normal;
			font-style:italic;
			color: #333333;
			background:none;
			text-align:left;
			margin:-10px 0 0px 90px;
			padding:0;	
		}
	
a.email {	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:normal;
			color: #003399;
			background:none;
			text-align:left;
			margin:10px 0 20px 0;
			padding:0;	
	}

a.email:hover 
		{	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:normal;
			color: #336699;
			background:none;
			text-align:left;
			margin:10px 0 20px 0;
			padding:0;	
	}
	
a.linkki {	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:normal;
			color: #003399;
			background:none;
			text-align:left;
			margin:10px 0 20px 0;
			padding:0;	
	}

a.linkki:hover 
		{	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:normal;
			color: #336699;
			background:none;
			text-align:left;
			margin:10px 0 20px 0;
			padding:0;	
	}
	
	
table.yhteystiedot {
			border:0;
		}
	
	
td.sarake1	{	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:bold;
			color: #000000;
			background:none;
			text-align:left;
			margin:10px 0 20px 0;
			padding:2px 5px 4px 0;
			border:0;
	}
	
td.sarake2	{	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:normal;
			color: #000000;
			background:none;
			text-align:left;
			margin:10px 0 20px 0;
			padding:2px 5px 4px 0;
			border:0;
	}
	
	
/*footer:*/
img.alareuna {
			border:0;
			padding:0;
			margin:0;
		}

#alaosa {	background : #FFFFFF url(osat2/tausta.jpg) repeat-y top left;
          	margin : 0;
          	padding : 0;      
}

a.web {font-family: Verdana, sans-serif;
color: #cccccc;
text-decoration:none;
font-size: 9px;
margin: 0 0 0 40px;
}

/*tulostusasetukset*/
	
@media print {
h1		{	font : 10pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			color: #003366;
			font-weight:bold;
			background:none;
			text-align:left;
			margin: 13px 0 0 -250px;
			padding:0;	
			voice-family : "\"}\"";
			voice-family : inherit;
			margin:10px 0 20px 0px;
			
	}
		}
@media print {	
h2		{	font : 12pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:bold;
			color: #003366;
			background:none;
			text-align:left;0;
			margin:10px 0 10px -250px;
			padding:0;	
			voice-family : "\"}\"";
			voice-family : inherit;
			margin:10px 0 20px 0px;
			
	}
		}
@media print {	
h3		{	font : 10pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:bold;
			color: #000000;
			background:none;
			text-align:left;
			margin:10px 0 10px -250px;
			padding:0;	
			voice-family : "\"}\"";
			voice-family : inherit;
			margin:10px 0 20px 0px;
			
	}
		}
@media print {	
p		{	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:normal;
			color: #000000;
			background:none;
			text-align:left;
			margin:10px 0 20px -250px;
			padding-right:30px;	
			line-height: 13pt;
			width:auto;
			position:relative;
			voice-family : "\"}\"";
			voice-family : inherit;
			margin:10px 0 20px 0px;
	}					
	}
	

@media print {	
p.paksu		{	font : 9pt Georgia, Times, "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
			font-weight:bold;
			color: #000000;
			background:none;
			text-align:left;
			margin:10px 0 20px -200px;
			
	}
		}
@media print {
p.kuvateksti	{	
			display:none;
			visibility:hidden;
		}
			}
	

		/*Kuvituskuva vasemmalla alhaalla :*/
@media print {
img.kuvitus	{
			display: none;
			visibility:hidden;
			
		}
			}
		
		/*Sivujen sisältö: */
@media print {		
img.slogan {
			display: none;
			visibility:hidden;
		}
			}
			
	
@media print { 
body {
			background: #ffffff;
					}
	}
					
@media print { 
#ylaosa {
			display: none;
					}
	}
			
@media print {		
#kielivalikko{
			display: none;
			
		}
			}
@media print { 
#valikko{
			display: none;
			
		}
	}
	
@media print { 
#navcontainer {
			display: none;
			
		}
	}
	
@media print { 
#navlist{
			display: none;
			
		}
	}

@media print { 
#navlist li {
			display: none;
			
		}
	}
	
@media print { 
#navlist li a {
			display: none;
			
		}
	}
	
@media print { 
#navlist li a:hover {
			display: none;
			
		}
	}
	
@media print { 
table, tr, td {
			margin-left: 5px;
			margin-right:5px;
		}
	}
	
@media print { 
img {
			display: none;
			
		}
	}
	

	
