body {
font-family: Verdana;
margin: 0px;
background-image: url('/pics/tausta2.jpg');
background-repeat: no-repeat;
}
#horizon {
	color: white;
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}
#kehys{
	background-color: transparent;
	margin-left: -400px;
	position: absolute;
	top: -275px;
	left: 50%;
	width: 800px;
	height: 550px;
	visibility: visible;
}  
#otsikko img{
  position: absolute;
  left: 60px;
	top: 0px;
	display: block;
}
#etukuva img{
  position: absolute;
  left: 90px;
	top: 80px;
	display: block;
}
#aurinko{
  position: absolute;
  left: 640px;
	top: 0px;
}
#kehys img{
  border: 0;
}
#fi{
  position: absolute;
	left: 20px;
	top: 110px;
  width: 80px;
	height: 80px;
	clear: none;
}
#en{
   position: absolute;
	left: 0px;
	top: 210px;
  width: 80px;
	height: 80px;
	clear: none;
}
#ru{
  position: absolute;
	left: 20px;
	top: 310px;
  width: 80px;
	height: 80px;
	clear: none;
}
#de{
  position: absolute;
	left: 115px;
	top: 385px;
  width: 80px;
	height: 80px;
	clear: none;
}
#fr{
  position: absolute;
	left: 240px;
	top: 425px;
  width: 80px;
	height: 80px;
	clear: none;
}
#it{
  position: absolute;
	left: 370px;
	top: 435px;
  width: 80px;
	height: 80px;
	clear: none;
}

#esp{
  position: absolute;
	left: 495px;
	top: 420px;
  width: 80px;
	height: 80px;
	clear: none;
	float: left;
}
#se{
  position: absolute;
	left: 600px;
	top: 375px;
  width: 80px;
	height: 80px;
	clear: none;
}
#est{
  position: absolute;
	left: 610px;
	top: 310px;
  width: 200px;
	height: 80px;
	clear: none;
}
#nl{
  position: absolute;
	left: 640px;
	top: 230px;
  width: 200px;
	height: 80px;
	clear: none;
}

a {color: #2B829F; 
text-decoration: none;
}

a:hover {color: #666666; 
td {
font-size: 11pt;
font-weight: bold;
}

th{
text-align: left;
}
h1 {
font-family: Verdana; 
color: #000000;
font-size: 15pt;
font-weight: bold;
padding: 0px 0px 5px  0px;
margin: 0px;
}
h2 {
font-family: Verdana; 
color: #000000;
font-size: 15pt;
padding: 0px 0px 5px  0px;
margin: 0px;
}
h3 {
font-family: Verdana; 
color: #000000;
font-size: 14pt;
padding: 0px 0px 5px  0px;
margin: 0px;
}
h4 {
font-family: Verdana; 
color: #000000;
font-size: 13pt;
padding: 0px 0px 5px  0px;
margin: 0px;
}
h5 {
font-family: Verdana; 
color: #000000;
font-size: 11pt;
padding: 0px 0px 5px  0px;
margin: 0px;
font-weight: bold;
}
h6 {
font-family: Verdana; 
color: #000000;
font-size: 10pt;
padding: 5px 0px 5px  0px;
margin: 0px;
font-weight: normal;
}
p {
font-family: Verdana; 
color: #000000;
font-size: 8pt;
padding: 0px 0px 5px  0px;
margin: 0px;
}

ul{
 list-style-type: square;
 padding: 0px;
 margin: 0px 5px 0px 30px;
 font-size: 10pt;
 color: #000000;
 font-family: Verdana;
}

#muotoilu
{

height: 99%;
width: 99%;
padding: 0px;
margin: 10px 0px 0px 10px;

}
#valikko
{
float: left;
width: 170px;
height: 90%;
background: #087431;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#vasen img
{
margin: 10px 25px 10px 25px;
}

#yla
{
background: #BAD7F5;
border-bottom: 3px solid #000000;
width: 100%;
height: 160px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;

}

#oikea
{
float: right;
height:203px;
width: 27px;
background: url("kuvat/oikea.gif");
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px;
}
#story
{
margin: 0px 27px 0px 170px;
padding: 0px 10px 0px 10px;
height: 90%;
padding: 10px;
background: #b5dfb4;
}

#story img{

margin: 10px 0px 0px 0px;
}





#ajankohtaista{
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 150px;
}
.ajankohtaista p{
	margin: 0px;
	padding: 0px 0px 0px 2px;
	background-color:#b5dfb4;
	border-bottom: 1px solid #cccccc;
}
.ajankohtaista h3{
	padding: 0px 0px 0px 2px;
	font-size: 10pt;
	font-weight: none;
	background-color: #098036;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	white-space: normal;
	letter-spacing: normal;
	margin: 0px;
	}


.ajankohtaista a{
	color:#336699;
	background-color:#b5dfb4;
	font-weight: bold;
}

#copy{

margin: 0px 0px 0px 0px;
padding: 5px;
border-top: 1px solid #E6EAEB;
}




/************ linkit styles **************/

#linkit{
	margin: 0px;
	width: 150px;
	padding: 0px 0px 0px 0px;

}

#linkit h3{

border-bottom: 1px solid #cccccc;
font: 8pt Arial,sans-serif;
color: #000000;
margin: 0px;
padding: 0px;
}

#linkit h1
{

padding: 10px 0px 2px 2px;
margin: 0px;
font: 10 pt Arial,sans-serif;
color: #ffffff;
font-weight: bold;
}

#linkit a:link, #linkit a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #00000;
	background: #4E4653;
	font-weight: bold;
	padding: 1px;
	margin: 0px;
	color: #FFFFFF;
}

#a:hover{
	border-top: 1px solid #cccccc;
	background-color: #b5dfb4;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

#linkit img {
margin: 10px 0px 2px 0px;
padding: 0px;
}