html, body {
/*	background-color: #FFFF99;
	background-color: #FF8000;*/
        background-image: url(kuvat/001.jpg);
	
/*	background-repeat: repeat;*/
	background-attachment: fixed;

	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

#all{	width: 850px;
	margin:  auto;
	
	font-size: 12px;}

#ykuvat{margin-top:25px;
	width:800px;
	height:105px;}

#yla{	float:right;
	}

#keskelle {
	width:850px;clear: both;
	}	

#tyh{	clear:both;}

#runo{	
	margin-top: 20px;
	margin-left: 50px;
		float:left;
	display:block;
	width: 250px;
	min-height:500px; }

#sisalto{
		float:left;
	display:block;
	margin-left:40px;
	margin-top: 20px;
	padding-top:1em;
        padding-right:2em;
        padding-bottom:2em;
        padding-left:3em;
	width: 450px;
	
}

#valikko{
	margin-top:25px;
        padding-right:2em;   
        padding-left:1em;
	width: 750px;
		margin-left:75px;
	}

#button {

	vertical-align: middle; /* Pitää tekstin keskellä pystysuunnassa. */
	text-align: center; /* Pitää tekstin keskellä sivusuunnassa. */
	text-decoration: none; /* Poistaa normaalisti vakiona olevan alleviivauksen. */
	display: table-cell; /* Pitää taustakuvan näkyvissä oikein. */
	/*text-shadow:  #000000 1px 1px 3px;*/
	font-family: arial;
	font-size: 15px;
	color: black;
	width:95px;
	
}

#button:hover {
	background: url('kuvat/button.jpg');  /* Buttonin hover kuva eli kuva joka näytetään silloin kun hiiren osoitin on buttonin päällä. Huom! -43px on buttonin korkeus..  */
}

#button.current {
	background: url('kuvat/button.jpg'); /* Buttonin current kuva eli kuva joka näkyy auki olevan sivun kohdalla. Huom! kato html tiedosto tarkempiin tietoihin tästä. */
}



a:visited{ 
      font-style: none;    
}
a:active {
      font-weight: none;
}
.nroLista{
	list-style:decimal;