@media screen{
	body {
		font-family: Arial, Verdana, "Times New Roman", Times, serif;
		font-size:10pt;
		margin:0;
	}
	#bodybag {
		background-image: url(../img/soylentgreen/wallpaper.jpg);
		background-repeat:no-repeat;
		max-width:1024px;
		margin:auto;
	}
	#navi{
		font-family:Arial, Helvetica, sans-serif;
		background-image: url(../img/soylentgreen/navi_bg.jpg);
		background-repeat:repeat-y;
		width:277px;
		float:left;
	}
	a {
		color:#327846;
	}
	#navi a{
		color:white;
		text-transform:uppercase;	
		text-decoration:none;
		padding:0.5em 0;
		font-size:10pt;
	}
	#navi ul {
		list-style-type:none;
		padding:0;
		margin:0;
	}
	#navi li {
		padding:0;
		margin:0;
	}
	#content {
		float:left;
		width:509px;
		min-height:50em;
	}
	#info {
		background-image: url(../img/soylentgreen/info_bg.jpg);
		background-repeat:repeat-y;
		float:left;
		width:220px;
		overflow:hidden;
	}
	#info p{
		padding-left:3em;
		padding-right:3em;
	}
	#lainataulukko {
		border-collapse:collapse;
	}
	#lainataulukko td, #lainataulukko th{
		border:solid 1px silver;
		padding:1px 4px;
	}
	
	.petiterow td{
		font-size: 7pt;
		color:#CCCCCC
	}
	h3{
		color:#5abe50;
		font-weight:normal;
	}
	h2{
		color:#5abe50;
		font-weight:normal;
	}
	#alakuitti {
		background-color:#c0c0c0;
		text-align:center;
		margin:2em 30px;
		padding:0.1em;
/*		border-top:1px solid silver;*/
		color:#374146;
		font-size:9pt;
	}
	#mailto {
		font-size:8pt;
	}
}

@media print{
	h1, #navi, #sellout, #info, #alakuitti, .noprint{
		display:none;
	}
	
}