a:link {text-decoration: none; color: #0275ca;}
a:visited {text-decoration: none; color: #0276ca;}
a:active {text-decoration: none;}
a:hover {text-decoration: none; color: #f0a730;}

body{padding: 10px; background: url(taustaj.png); background-color:#ffffff;
    font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif}
h1,h2,p,h3{margin: 0 10px}
b.slogan{margin-left:15px; float:left;
}
h1{font-size: 22px;color: #0275ca; font-family: "Monotype Corsiva",Castellar, Engravers MT; padding-top: 0.5em}
h2{font-size: 20px;color: #98ddf4}
h3{font-size: 20px;color: #0275ca; font-family: "Monotype Corsiva",Castellar, Engravers MT; padding-top: 0.5em}

h4{font-size: 35px;color: #0275ca;  font-family: "Monotype Corsiva",Castellar, Engravers MT; display: inline;}
h5{font-size: 18px;color: #f0a730;  font-family: "Monotype Corsiva",Castellar, Engravers MT; display: inline;}
h6{font-size: 35px;color: #c0c0c0;  font-family: "Monotype Corsiva",Castellar, Engravers MT; display: inline;}
i.orange{color: #f0a730; background-image:url('news.png'); padding-left: 12px; background-repeat:no-repeat; font: 100.01% "Trebuchet MS",Verdana; font-weight:bold}
b.orange{color: #f0a730;}
.fo{margin: 0 10px}
.small_head{font-size: 13px; color: #0275ca; padding-top: 0.5em; font-weight: bold}
#formi{font-size: 12px; color: #000000; width: 500px; padding-top: 0.5em; margin: 0 10px}
p{padding-bottom:1em}
h2{padding-top: 0.3em}
.former{border: 1px solid #0275ca;
				float:right;margin-left:10px;}
#table{width: 800px; background-image:url(taustabb2.png); padding: 10px;  margin-left: auto; margin-right: auto ;
border-color:#F0A730;
border-width:2px;
border-style:outset solid;
}
.footer{width: 800px; margin-top: 2px; padding: 0; margin-left: auto; margin-right: auto ;}
#blue{width: 180px; background: #ffffff;}
#sleft{width: 190px; background: #ffffff; float: left;}
#sright{width: 610px; background: #ffffff; float: right;}
#blue2{width: 180px; background: #ffffff; padding-top: 0.5em}
#downbar{width: 790px; background: #ffffff; padding-top: 0.2em;}
#context{width: 600px; background: #ffffff;}
#upbar{width: 790px;  padding-bottom: 0.5em}
	.box{
				
		border: 1px solid #0275ca;
		background: url(taustabb.png);
		font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 14px;
		color: #012B4B;
		
	}
	
		b.message{
				
		border: 1px solid #ede096;
		background: #f3ebbb;
		font-family: verdana;
		font-size: 13px;
		margin: 5px 5px 5px 5px;
		padding: 5px 5px 5px 5px;
	}
			.submit{
				
		border: 1px dotted #ffffff;
		font-weight: bold;
		background: #0275ca;
		color: #ffffff;
		font-family: verdana;
		font-size: 13px;
		margin: 1px 1px 1px 1px;
		padding: 1px 1px 1px 1px;
	}
	.box_down{
				border: 1px solid #0275ca;
		font-size: 13px; color: #000000; background: url(tausta_ala.png); font-family: "Trebuchet MS",Verdana,Arial,sans-serif; text-align: center; margin-left: auto;
    margin-right: auto;

	}
		.up_box{
				
		border: 1px solid #0275ca;
		background: url(up_bar.png);
		font-family: verdana;
		font-size: 13px;
	}
	
	b.b_left{
		color: #000000;
		font-family: verdana;
		font-size: 10px;
border: 1px dotted #ffffff;
}	
	#tablet {height: 22px; border: 1px solid #0275ca; margin: 0 10px;}
	#tabletbg {background: #0275ca; height: 22px; border: 1px dotted #0275ca; margin: 0 10px; }
	#tablet b.td{display:block;  border-left: 1px dotted #0275ca; font-size: 12px; width: 200px; padding: 0.5em 0.5em 0 0.5em; float:left;}	
		#tablet b.td2{display:block;  border-left: 1px dotted #0275ca; font-size: 12px; width: 100px; padding: 0.5em 0.5em 0 0.5em; float:left;}	
		#tablet b.td3{display:block;  border-left: 1px dotted #0275ca; border-right: 1px dotted #0275ca; font-size: 12px; width: 100px; padding: 0.5em 0.5em 0 0.5em; float:left;}	
		
		#tabletbg b.td{display:block;  border-left: 1px dotted #0275ca; font-size: 12px; color: #ffffff; width: 200px; padding: 0.5em 0.5em 0 0.5em; float:left;}	
		#tabletbg b.td2{display:block;  border-left: 1px dotted #0275ca; font-size: 12px; color: #ffffff; width: 100px; padding: 0.5em 0.5em 0 0.5em; float:left;}	
		#tabletbg b.td3{display:block;  border-left: 1px dotted #0275ca; border-right: 1px dotted #0275ca; color: #ffffff; font-size: 12px; width: 100px; padding: 0.5em 0.5em 0 0.5em; float:left;}	
		
		
		b.kuva {float:right;margin-left:10px;


}	
i.kuvateksti{
		z-index: 1;
		position:fixed;
		font-family: verdana;
		font-style: italic;
		font-size: 6px;
		}

	.scroller {
	
padding: 8px;
}
	
.paginationstyle{ /*Style for demo pagination divs*/
width: 150px;
text-align: center;
padding: 1px 0;
margin: 5px 0;
}




.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{

}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/

}
			b.kuva_left {float:left; }
	
	
	.head{font-size: 20px; color: #ffffff; background: url(tausta_yla.png); font-family: "Monotype Corsiva",Castellar, Engravers MT; padding-left: 0.5em}
	
b.rtop, b.rbottom{display:block;background: #FFF }
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #0275ca}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

b.otop, b.obottom{display:block;background: #FFF }
b.otop b, b.obottom b{display:block;height: 1px; overflow: hidden; background: #f0a730}
b.o1{margin: 0 5px}
b.o2{margin: 0 3px}
b.o3{margin: 0 2px}
b.otop b.o4, b.obottom b.o4{margin: 0 1px;height: 2px}

#customers
{

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:450px;
border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:13px;
border:1px solid #0275ca;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:15px;

padding-top:3px;
padding-bottom:2px;
background-color:#0275ca;
color:#fff;
}
#customers tr.vali td 
{
font-size:13px;

padding-top:2px;
padding-bottom:2px;
background-color:#0275ca;
color:#fff;
}
#customers tr.alt td 
{
font-size:13px;

background-color:#e9e9e9;

}

#list8 { margin-left: -31px; margin-top: -9px; margin-right: auto ;}
#list8 ul { list-style:none; }
#list8 ul li { font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
		font-size: 14px; }
#list8 ul li a {display:block; width:150px; height:17px; background-color:#ffffff; border-left:0px solid #f0a730; border-right:0px solid #0275ca; padding-left:0px;
  text-decoration:right; back}
#list8 ul li a:hover {  -moz-transform:rotate(-3deg); -moz-box-shadow:10px 10px 20px #000000;
  -webkit-transform:rotate(-3deg); -webkit-box-shadow:10px 10px 20px #000000;
  transform:rotate(-3deg); box-shadow:10px 10px 20px #000000; }
 #list8  ol {list-style-type: none; margin-left: -30px;}



.Clear {
	margin: 0;
	padding: 0;
	clear: both;
}

#slides {
display:inline;
  width: 617px;
  height: 68px;
float: right;
margin: 0;
	padding: 0;
}

#slider {
display:inline;
  width: 500px;
  height: 300px;
float: right;
margin: 0;
	padding: 0;
}