@media screen{
	/** { line-height: 1.2; } Peek-a-boo IE! Oh joy, on niin kiva tukea bugista pötkylää */
	*{
		font-family:Arial, Helvetica, sans-serif;
	}
	#content {
/**/		max-width:1092px;
		min-width:800px;
		margin:0 auto;
	}
	#mainframe {
		margin:0 auto 4em;
	}
	#headstrip {
		background-image: url(web_yla.jpg);
		background-repeat: no-repeat;
		background-position:center -4px;
	}
	body{
		background-color:#fff;
		padding:0;
		margin:0;
	}
	#hrh{
		display:inline;
	}
	#content{
		background-image: url(web_wallpaper.jpg);
/*		background-repeat:repeat-y;*/
		font-size:10pt;
		background-position:center top;		
	}

	#whitespace{
		background:white;
	}
	#bread{
		clear:both;
		padding:2em;
		background:white;
	}

	#darkbread, .darkbread{
		color:white;
		padding:0 1.8em 2em;
		background:#454545;
		background-image:url(dark-bread-bg.png);
		font-size:9pt;
	}
	
	#darkbread h2{
		margin:0;
		padding:0;
		color: #ddc;
		font-size:x-large;
	}
	
	.darkbread dl, #darkbread dl{
		margin-top:0;
		padding-top:0;
	}
	
	.darkbread dl dt, .darkbread dl dd, #darkbread dl dt, #darkbread dl dd{
		padding:0;
		margin-left:1.5em;
	}	
	.darkbread dl dd,#darkbread dl dd{
		line-height:1.6;
	}	
	.darkbread dl dt, #darkbread dl dt{
		margin-top:2em;
		display:list-item;
		list-style-image: url(bullet.gif);
		font-weight:bold;
	}
	#mainframe #darkbread a:link {
		color:rgb(240,235,100);
	}
	h1 {
		margin:0 auto;
		padding:16px 0;
	}
	h2 {
		color:#666;
		margin-bottom:.5em;
		font-size:x-large;
	}
	h3 {
		color:#888;
		font-size:medium;
	}
	#mainframe table td {
/*		padding-left:32px;*/
		font-size:10pt;
/*		line-height:1.5;*/
		
	}
	#mainframe td, div#mainframe p{
		color:#404040;
	}
	#mainframe td a:link,#mainframe td a:visited{
		color:#00abbd;
	}
	#navi {	
		height:1em;
		background-color:#fff;
		font-weight:bold;
		padding:0.5em;
		margin:0 0 1em;
	}

	#navi ul{
		color:#fff;
		font-family:Arial;
		font-size:10px;
		margin:0px;
		padding:0px;
	}
	#navi li{
		float:left;
		display:block;
		padding:0 .8em;
		margin:0;
		border-right:#edec79 solid 2px;
	}

	#navi li a img {
		border:0;
	}
	
	#mainframe #navi a {
		color:#666;
		display:block;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	#navi li:hover ul, #navi .mouseover ul{
		display:block;
	}
	
	#navi ul ul{
		display:none;
		position:absolute;
		text-align:left;
		background-color:#fff;
		border:#FFF solid 1px;
		float:none;
		letter-spacing:normal;
		z-index:999;
	}
	
	#navi ul ul li{
		padding:.25em .5em;
		display:list-item;
		list-style-type:none;
		float:none;
	}

	
	th{
		text-align:left;
	}
	img[align="middle"] {
		vertical-align:-4px;
	}	
	samp {
		color:#ccc;
	}
	.tupas form{
		display:inline;
	}
	.tupas button{
		background-color:transparent;
		margin:0em 1.5em;
		border:none;
		height:80px;
		vertical-align:middle;
		cursor:pointer;
	}
	
	.tupas input {
		display:none;
	}
	table.lainataulukko td {
		padding:0.3em 0.7em;
	}
	.lainataulukko span{
		font-size:9px;
		color:#888;
	}
	#mainframe td  .lainataulukko thead td {
		color:#FFFFFF;
		background-color:#505050;
	}
	.lainataulukko tbody td {
		color:#FFFFFF;
		background-color:rgb(200,200,200);
	}
	.nrj td {
		padding-top:0.5em;
	}
	.lainaehdot table td {
		padding:0.4em;
	}
	.lainaehdot table p {
		margin:0;
	}
	.hideme {
		visibility:hidden;	
	}
}

@media handheld {
	#head h1 img {
		width:100px;
	}
	#bluebox {
		display:none;
	}
}

@media print {
	#content {
		max-width:16cm;
		margin:0 auto;
	}
	#darkbread, #bluebox, #navi, #yhteysbox, .hideprint {
		display:none;
	}
	body {
		font-size:.8em;
	}
}