body
{
background-image:url(images/ristikko.jpg);
background-repeat:repeat;
margin: 0;
padding: 0;
}

a
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#0D3F92;
font-size:80%;
}

a:hover
{
color: #F49500;
text-decoration:underline;
}

.page
{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
margin-left: 10%;
}


.navi
{
background-image: url(images/versio4_04.gif);
vertical-align: bottom;
margin:0;
padding:0;
}

.info
{
background-image: url(images/versio4_05.gif);
background-color: white;
color: white;
text-align: right;
vertical-align: bottom;
font-size: 15px;
font-weight: bold;
margin:0;
padding:0;
padding-right: 4px;
padding-bottom: 22px;
}

.upcoming
{
width: 200px; 
float:right;
margin-right: 30 px;
border-bottom: solid 1px black;
font-size: 90%;
}

.upcoming H1
{
padding:2px;
margin: 0 0 .5em 0;
background-color: #F5BF57;
font-size: 8pt;
}

.upcoming a
{
font-size: 80%;
}

.upcoming p
{
margin: 0 0 0.5em 0;
padding: 0 4px 0 4px;
}
.text
{
width: 400px;
padding-left: 50px;
}

H1
{
margin-top: 0;
padding: 0;
font-size:10pt;
}

H2
{
margin-top: 0;
padding: 0;
font-size:8pt;
}
.mennyt
{
color:silver;
}

.cont
{
background-color: white;
padding: 20px;
/*background-image:url(images/harmonikka.gif);*/
background-repeat:no-repeat;
background-position:right bottom;
min-height:400px;
}

.navi UL
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 100px;
	padding-bottom: 3px;
}
.navi UL LI
{ 
	display: inline;
}

.navi UL LI a
{
	font-size: 80%;
}

.lang
{
background-image: url(images/versio4_01.gif);
text-align: right;
padding:0;
}

.lang UL
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-right: .5em;
}
.lang UL LI
{
	display: inline;
	margin: 0; padding: 0;
	font-size: 7pt;
}

.copy
{
background-color:#88A4CC;
font-size: 80%;
text-align: center;
}