body {


	margin: 0px auto;
	text-align: center;
	min-width: 960px;
	padding: 0px;
	background: #82b818 url(gfx/tausta_fade.jpg) repeat-x left top;
}







.tausta {
	width: 1000px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align: left;
	padding: 0px;
	background: #fff url(gfx/.jpg) repeat-x left bottom;
display:block;
}


.header {
	width: 1000px;
	height: 120px;
	background: #fff url(gfx/main_img.jpg) no-repeat right top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
float:left;
display:inline;
border-top: solid 5px #fff;
border-left: solid 5px #fff;
border-right: solid 5px #fff;
}

.header_index {
	width: 1000px;
	height: 250px;
	background: #fff url(gfx/index.jpg) no-repeat right top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
float:left;
display:inline;

border-top: solid 5px #fff;
border-left: solid 5px #fff;
border-right: solid 5px #fff;
}


.valikko {
	width: 1000px;
	height: 40px;
	background: #6d9c10 url(gfx/menu_fade.jpg) repeat-x left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
float:left;
display:inline;
border-left: solid 5px #fff;
border-right: solid 5px #fff;
border-top: solid 5px #fff;
}


.txt {
	width: 1000px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: #fff url(gfx/info_logo.jpg) no-repeat right bottom;


display:inline;

border-left: solid 5px #fff;
border-right: solid 5px #fff;
border-bottom: solid 5px #fff;
}

.txt_index {
	width: 1000px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: #fff url(gfx/.jpg) no-repeat right bottom;


display:inline;

border-left: solid 5px #fff;
border-right: solid 5px #fff;
border-bottom: solid 5px #fff;
}


.right {
	width: 160px;
	height: 200px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: transparent;


display:inline;
}


.left {
	width: 234px;
	height: auto;
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 0px 5px;

	background: #fff url(gfx/.jpg) no-repeat right top;
border: solid 1px #ddd;
display: block;

}

.main {
	width: 550px;
	height: auto;
	float: left;
	background: #fff;
	padding: 0px 15px 10px 15px;
}

.header_index_txt	{
width: 450px;
	height: 200px;
	float: left;
	background: #;
	margin:	0px 5px 5px 0px;	
	padding: 5px;

border: solid 0px #ddd;
}


.indx_box {

	width: 234px;
	height: 310px;
	float: left;
	background: #fff;
	margin:	0px 0px 5px 0px;	
	padding: 5px;
display: inline;
clear:left;
border: solid 1px #ddd;
}



.indx_box_r {

	width: 234px;
	height: 310px;
	float: left;
	background: #fff;
	margin:	0px 0px 0px 5px;	
	padding: 0px 0px 0px 0px;
	display: inline;
	border: solid 1px #ddd;
	padding: 5px;
}



.nfo {
	width: 245px;
	height: auto;
	float: right;
	margin: 12px 20px 0px 0px;
	padding: 0px 0px 0px 0px;

display: block;

}



.footer {

	width: 998px;
	height: 50px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: #f6f6f6 url(gfx/footer.gif) no-repeat right top;
display: block;
clear:both;
	border: solid 1px #ddd;

}








.ul_sub {

	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
display:inline;

}



.li_close{
	font: bold 12px verdana;
	margin: 0px 0px 0px 0px;
	padding: 13px 15px 13px 15px;
border-right: solid 2px #fff;
	background: transparent url(gfx/.gif) repeat-x left top;
display: inline-block;
line-height:41px;

}

.li_close{
display: inline;

}



.li_close_k{
	font: bold 12px verdana;
	margin: 0px 0px 0px 0px;
	padding: 13px 15px 13px 15px;
border-right: solid 2px #fff;
	background: transparent url(gfx/menu_fade_open_p.jpg) repeat-x left top;
display: inline-block;
line-height:41px;

}

.li_close_k{
display: inline;

}













.li_open{
	font: bold 12px verdana;
	margin: 0px 0px 0px 0px;
	padding: 13px 15px 13px 15px;
border-right: solid 2px #fff;
	background: transparent url(gfx/menu_fade_open_s.jpg) repeat-x left top;
display: inline-block;

line-height:41px;
}

.li_open{

display: inline;

}

ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 10px 10px 20px;
	padding: 0px 0px 0px 0px;

}




li {
	font: 12px verdana;
	color: #51626F;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;

			letter-spacing: 0px;
		word-spacing: normal;
line-height: 17px;
}




.ul_sub_menu {

	list-style-type: none;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
width:234px;
}


.li_sub{
	font: bold 12px arial;
	margin: 0px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	background: #eee; 
}

.li_sub_hdr{
	font: bold 12px arial;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 5px;
	background: #7fb515 url(gfx/menu_fade_open_v.jpg) repeat-x left top;
}

/* valikko tyylit loppuu */




/* linkit */

a:link, a:active, a:visited  {
	font: bold 12px verdana;
	color: #009ce1;


	text-decoration: underline;
	
}

a:hover {
	font: bold 12px verdana;
	color: #009ce1;

	text-decoration: none;

}







a.menu:link, a.menu:active, a.menu:visited  {
	font: bold 12px arial;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;

}

a.menu:hover {
	font: bold  12px arial;
	color: #fff;
	text-decoration: underline;
	letter-spacing: 1px;

}


a.menu2:link, a.menu2:active, a.menu2:visited  {
	font: bold 12px arial;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;

}

a.menu2:hover {
	font: bold  12px arial;
	color: #fff;
	text-decoration: underline;
	letter-spacing: 1px;

}


a.menu3:link, a.menu3:active, a.menu3:visited  {
	font: bold 12px arial;
	color: #fff;
	letter-spacing: 1px;
	text-decoration: none;

}

a.menu3:hover {
	font: bold  12px arial;
	color: #fff;
	text-decoration: underline;
	letter-spacing: 1px;

}

a.menu_sub:link, a.menu_sub:active, a.menu_sub:visited  {
	font: bold 12px arial;
	color: #666;
	letter-spacing: 1px;
	text-decoration: none;

}

a.menu_sub:hover {
	font: bold  12px arial;
	color: #666;
	text-decoration: underline;
	letter-spacing: 1px;

}



a.menu_sub_opn:link, a.menu_sub_opn:active, a.menu_sub_opn:visited  {
	font: bold 12px arial;
	color: #61890f;
	letter-spacing: 1px;
	text-decoration: underline;

}

a.menu_sub_opn:hover {
	font: bold  12px arial;
	color: #61890f;
	text-decoration: underline;
	letter-spacing: 1px;

}









a.small:link, a.small:active, a.small:visited  {
	font:  11px arial;
	color: #d3d8db;
	letter-spacing: 1px;
	text-decoration: none;

}

a.small:hover {
	font: 11px arial;
	color: #d3d8db;
	text-decoration: underline;
	letter-spacing: 1px;

}





a.index:link, a.index:active, a.index:visited  {
	font: bold 14px verdana;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	background: transparent url(gfx/menu_fade.jpg) repeat-x left top;

			letter-spacing: 1px;
		word-spacing: normal;
	text-decoration: none;
}

a.index:hover {
	font: bold 14px verdana;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	background: transparent url(gfx/menu_fade.jpg) repeat-x left top;

			letter-spacing: 1px;
		word-spacing: normal;
	text-decoration: underline;
}


p {
	font: 12px verdana;
	color: #51626F;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
line-height: 18px;

}









h1 {
	font: 22px arial;
	color: #82b818;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

			letter-spacing: 0px;
		word-spacing: normal;
}


h2 {
	font: bold 15px arial;
	color: #82b818;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

			letter-spacing: 0px;
		word-spacing: normal;
}







h3 {
	font: 11px arial;
	color: #d3d8db;
	letter-spacing: 1px;
	text-decoration: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

h4 {
	font: bold 15px arial;
	color: #51626F;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

			letter-spacing: 0px;
		word-spacing: normal;
}
h5 {
	font: bold 11px arial;
	color: #5f1517;
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 0px;

			letter-spacing: 1px;
	text-transform: uppercase;	
}
h6 {
	font: bold 14px verdana;
	color: #fff;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	background: transparent url(gfx/menu_fade.jpg) repeat-x left top;

			letter-spacing: 1px;
		word-spacing: normal;
}




form {
	display: inline;
}
input {
	font: 11px arial;
	color: #000;
	background-color: #ddd;
	border: 1px solid #ccc;
}

.search {
	font: 11px arial;
	color: #61707c;
	background-color: #fff;
	border: 0px; 
	margin: 9px 0px 0px 10px;
	padding: 5px;
	width: 152px;
}



.kuva{
	margin: 0px 0px 0px 0px;
float: right;

}

.kuva2{
	margin: 15px 0px 20px 15px;
float: right;

}

.kuva3{

border:1px solid #ddd;
}

.logo{
	margin: 0px 0px 0px 0px;
float: left;
border:0;
}

.logo2{
	margin: 0px 90px 5px 5px;
float: right;
border:0px;
}

.img{

border:1px solid #ddd;

}

.img2{

border:1px solid #ddd;
padding: 5px;
}

.tunnus_table{
margin: 0px 0px 5px 0px;
border:1px solid #ddd;
border-collapse: collapse;
padding:5px;
width:542px;
	font: 12px verdana;
	color: #666;
}

.tunnus_td{
margin: 0px 0px 0px 0px;
border:1px solid #ddd;

padding:5px;

	font: 12px verdana;
	color: #666;
	vertical-align: top;
}