body {


	margin: 0px auto;
	text-align: center;
	min-width: 960px;
	padding: 0px;
	background: #fff;
	
	



	
}



.tausta_ndx {
	width: 1050px;
	height: 600px;
	margin: 25px auto 0px auto;
	text-align: left;
	padding: 0px;

	background: #f2e7c6 url(gfx/ndx_tausta.jpg) no-repeat center top;

border: solid 1px #000;
}

.tausta {
	width: 1050px;
	height: auto;
	margin: 25px auto 0px auto;
	text-align: left;
	padding: 0px;
	background: #f2e7c6;
border: solid 1px #000;
}


.tausta2 {
	width: 809px;
	height: 665px;
	margin: 30px auto 0px auto;
	text-align: left;
	padding: 0px;
	background: transparent url(gfx/txt_tausta.gif) repeat-y left top;

}

.header {
	width: 1050px;
	height: 159px;
	background: #fff url(gfx/header.jpg) no-repeat left bottom;
	margin: 0px 0px 0px 0px;
	padding: 0px;
float:left;


}



.valikko {
	width: 1050px;
	height: 55px;
	background: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
float:left;

}


.img01 {
	width: 799px;
	height: 190px;
	background: transparent url(gfx/img01.jpg) no-repeat left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
float:left;


}


.txt {
	width: 1050px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	background: transparent url(gfx/vasen2.jpg) no-repeat left bottom;

position: relative;

}



.vasen {
	width: 200px;
	height: 446px;
	float: left;
	background: transparent url(gfx/vasen1.jpg) no-repeat left top;
	margin: 0px 0px 0px 40px;
	padding: 0px;

display:inline;
}


.viitta {
	width: 150px;
	height: 300px;
	float: left;
	background: transparent url(gfx/viitta.jpg) no-repeat left top;
	margin: 0px 0px 0px 0px;
	padding: 0px;
display:block;
display:inline;
}

.main_ndx {
	width: 500px;
	height: auto;
	float: left;
	background: transparent;
	margin: 100px 0px 0px 260px;
	padding: 0px 0px 0px 0px;
display:inline;

}
.main {
	width: 730px;
	height: auto;
	float: left;
	background: #fbf8ee;
	margin: 0px 0px 10px 0px;
	padding: 30px 15px 0px 15px;

display:inline;
}
.main_txt {
	width: 400px;
	height: auto;
	float: left;
	background: #fbf8ee;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 15px;

display:inline;
}

.right {
	width: 200px;
	height: auto;
	float: left;
	background: transparent url(gfx/.jpg) no-repeat left top;
	margin: 0px 0px 0px 10px;
	padding: 0px;
display:block;

}

.footer {
	width:1050px;
	height: 39px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: transparent url(gfx/footer.jpg) no-repeat left bottom;
text-align:right;

	font: 11px verdana;
	color: #b6a47a;
	clear:both;
}


div.footer p {
		font: 11px verdana;
	color: #b6a47a;
		padding: 0px 10px 0px 0px;
}





.ul_sub_menu {

	list-style-type: none;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
width:240px;
}


.li_sub{
	font: bold 12px arial;
	margin: 0px 0px 1px 0px;
	padding: 0px 8px 5px 8px;
	background: #632626; 
}





.ul_sub {

	list-style-type: none;
	margin: 30px 0px 0px 235px;
	padding: 0px 0px 0px 0px;
	float:left;
display:inline;

}

.ul_ajankohtaista {

	list-style-type: none;
	margin: 32px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float:left;


}

.li_ajankohtaista{

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	width:220px;;

}



.li_close{

	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background: transparent;

display: inline;

}
.li_close_r{

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: transparent url(gfx/.gif) repeat-x left top;

display: inline;

}


.li_open{

	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background: transparent url(gfx/.gif) repeat-x left top;
	border-right: solid 1px #fff;
display: inline;

}


.ul_matka {

	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;

}



.matka_sub{

margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
background: transparent;

}



.hieronta{
width:145px;
height:41px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(gfx/n_hieronta.gif) no-repeat left top;
display:block;
text-indent:-9009px;
}

.satulan_sovitus{
width:145px;
height:41px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(gfx/n_satulan_sovitus.gif) no-repeat left top;
display:block;
text-indent:-9009px;
}

.ohjeita{
width:145px;
height:41px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(gfx/n_ohjeita.gif) no-repeat left top;
display:block;
text-indent:-9009px;
}

.ratsastajalle{
width:145px;
height:41px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(gfx/n_ratsastajalle.gif) no-repeat left top;
display:block;
text-indent:-9009px;
}

.kotiin{
width:145px;
height:41px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent url(gfx/n_kotiin.gif) no-repeat left top;
display:block;
text-indent:-9009px;
}


ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0px 10px 10px 30px;
	padding: 0px 0px 0px 0px;

}

ol {

	list-style-position: outside;
	margin: 0px 10px 10px 30px;
	padding: 0px 0px 0px 0px;

}


li {
	font: 12px arial;
	color: #686868;
	letter-spacing: 1px;
line-height: 14pt;
}







/* valikko tyylit loppuu */




/* linkit */

a:link, a:active, a:visited  {
	font: 11px arial;
	color: #a04431;
	letter-spacing: 1px;



	text-decoration: underline;
	
}

a:hover {
	font: 11px arial;
	color: #000;
	letter-spacing: 1px;

	text-decoration: underline;

}







a.menu:link, a.menu:active, a.menu:visited  {

	font: bold 11px arial;
	color: #a04431;
	letter-spacing: 1px;
	text-decoration: none;
text-transform:uppercase
}

a.menu:hover {

	font: bold 11px arial;
	color: #a04431;

	text-decoration: underline;
	letter-spacing: 1px;
text-transform:uppercase
}



a.menu_viitta:link, a.menu_viitta:active, a.menu_viitta:visited  {

width:145px;
height:41px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

		 display:block;
		 text-indent:-9009px;
}


a.menu_viitta:hover {

width:145px;
height:41px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

		 display:block;
		 text-indent:-9009px;
}






a.menu_sub:link, a.menu_sub:active, a.menu_sub:visited  {
	font:  12px arial;
	color: #850b15;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	text-decoration: none;

}


a.menu_sub:hover {
	font:  12px arial;
	color: #850b15;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: underline;

}











a.menu_taulu:link, a.menu_taulu:active, a.menu_taulu:visited  {

	font:  11px arial;
	color: #fff;
	letter-spacing: 0px;
	text-decoration: none;
text-transform:uppercase
}

a.menu_taulu:hover {

	font:  11px arial;
	color: #fff;

	text-decoration: underline;
	letter-spacing: 0px;
text-transform:uppercase
}



a.menu2:link, a.menu2:active, a.menu2:visited  {
	font: bold 11px arial;
	color: #b5a278;
	letter-spacing: 1px;
text-transform:uppercase;
	text-decoration: none;

}

a.menu2:hover {
	font: bold 11px arial;
	color: #b5a278;
	letter-spacing: 1px;
text-transform:uppercase;
	text-decoration: underline;

}








p {
	font: 11px arial;
	color: #565656;
	letter-spacing: 1px;
line-height: 13pt;
	margin: 0px 0px 10px 5px;
	padding: 0px 0px 0px 0px;
}









h1 {
	font: bold 14px arial;
	color: #850b15;
	letter-spacing: 1px;
line-height: 14pt;

	margin: 0px 0px 10px 5px;
	padding: 0px 0px 0px 0px;

text-transform: uppercase;

}


h2 {
	font: bold 12px arial;
	color: #fff;
	letter-spacing: 1px;
line-height: 14pt;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

}

h3 {
	font: 12px arial;
	color: #fff;
	letter-spacing: 1px;
line-height: 15pt;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

h4 {
	font: bold 12px arial;
	color: #565656;
	letter-spacing: 1px;
line-height: 14pt;

	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

}


h5 {
	font: 12px arial;
	color: #fff;
	letter-spacing: 1px;
text_align: center;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}




form {
	display: inline;
}
input {
	font: 11px arial;
	color: #000;
	background-color: #ddd;
	border: 1px solid #ccc;
}
textarea {
	font: 11px arial;
	color: #000;
	background-color: #ddd;
	border: 1px solid #ccc;
}

.logo {
	margin: 20px 0px 0px 30px;
	padding: 0px;
border: 0px;
float:left;

display: block;	
	
}

.osio_logo{
	margin: 10px 30px 0px 0px;
	padding: 0px;
border: 0px;
float:right;

display: block;	
	
}

.img {
	margin: 0px 10px 10px 10px;
	padding: 0px;
border: 2px solid #a04431;
float:right;
clear:right;
display: block;	
	
}

.img2 {
	margin: 0px 0px 5px 5px;
	padding: 5px;
border: 1px solid #ddd;
float:right;
	background: #fff;
display: block;	
	
}

.img3 {
	margin: 0px 10px 10px 10px;
	padding: 0px;
border: 2px solid #a04431;
float:left;

	
}

.img4 {
	margin: 150px 10px 10px 10px;
	padding: 0px;
border: 2px solid #a04431;


	
}


.liity{
margin: 0px 0px 5px 0px;
border:1px solid #ddd;
border-collapse: collapse;
padding:5px;
width:350px;
	font: 12px arial;
	color: #686868;
}

table {
margin: 0px 0px 5px 0px;
border:1px solid #ddd;
border-collapse: collapse;
padding:5px;
width:549px;
	font: 12px arial;
	color: #686868;
}



td{
margin: 0px 0px 0px 0px;
border:1px solid #ddd;

padding:5px;
vertical-align:top;
	font: 12px arial;
	color: #686868;
}
.img_ndx {
	margin: 10px 10px 10px 10px;
	padding: 0px;

border: 0px;

display: block;	
	
}


.ndx_box{
width: 200px;
	margin: 40px 10px 10px 30px;
	padding: 0px;
float:left;
text-align:center;
		background: transparent;
		display:inline;
}

.nosto1{
width: 180px;
	margin: 0px 10px 10px 10px;
	padding: 2px 0px 0px 0px ;
float:left;
		background: #f2e5bb;
	font: 11px arial;
	color: #565656;
	letter-spacing: 1px;
display: inline;	
}
.nosto2{
width: 180px;
	margin: 0px 10px 10px 10px;
	padding: 2px 0px 0px 0px ;
float:left;
		background: transparent;
	font: 11px arial;
	color: #565656;
	letter-spacing: 1px;
display: inline;	
}

.nosto {
	margin: 0px 4px 0px 2px;
	padding: 0px;

border: 0px;
float:left;
display: block;	
	
}

.ajankohtaista {
	width: 169px;
	height: auto;
	float: right;
	background: transparent;
	margin: 0px 10px 0px 0px;
	padding: 5px;



}

.toteutus{
visibility: hidden;
}

.naama{
	
	margin: 0px 5px 1px 0px;
	padding: 0px;
border: 1px solid #a04431;
vertical-align:middle;
}



.lappu {
	height: 125px;
	width: 220px;
	background: transparent url(gfx/lappu.gif) no-repeat left bottom;
z-index:1;
position: absolute;
right: 2px; 
bottom: 20px;
}


#fb-root	{
	text-align:center;
	width:400px;
	height:50px;
		margin: 10px auto 0px auto;
}
