html { height: 100%; margin-bottom: 1px; }

.iconlist
{
list-style: none;
margin: 0;
padding: 0;
}

li.shp
{
background-image: url(img/bullets.jpg);
background-repeat: no-repeat;
background-position: 0 80%;
padding: 3px 0 2px 14px;
margin: .2em 0;
}



li.vuosi
{
background-image: url(img/oikea.png);
background-repeat: no-repeat;
background-position: 0 60%;
padding: 3px 0 2px 14px;
margin: .2em 0;
}


body
{
 	background: url("img/tausta.gif");
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 20px;
	color: #666666;
	font-family: verdana, geneva, lucida, arial, helvetica, sans-serif;
	font-size: 13px;
}





/* koko sisällön leveys ja korkeus ylareunasta */
#runko 
{
	margin-left: auto;
	margin-right: auto;
	width: 1240px;
	margin-top: 40px;
}

#logo 
{
	background: url("img/logo.gif");
	height: 170px;			/* logon kuvan leveys */
	border: 3px solid #FFFFFF;
	text-align: center;
}

.logo 
{
	margin-top: 53px; /* pisarat */
	margin-left: 56px; /* pisarat */
	text-align: left;
}



#sisalto 
{
	margin-left: auto;
	margin-right: auto;
	width: 1240px;
	margin-top: 0px;
}

#vasen
{
float: left;
width: 257px;

background: #FFFFFF; 
background-image: url(img/bg.gif);
background-repeat: repeat-x;	/* toistetaan vaakatasossa mutta ei pystytasossa */

margin-top: 0px;
padding: 3px;
border: 10px solid #FFFFFF;
}


#oikea
{
float: left;
width: 257px;
background: #FFFFFF; 
background-image: url(img/bg.gif);
background-repeat: repeat-x;
margin-top: 0px;
padding: 3px;
border: 10px solid #FFFFFF;
}


#boxi
{
text-align: left;
margin-left: 5px;
padding: 2px;
color: #404040;		/* Vasemman ja oikean sarakkeen tekstien väri */
}


	
#v_valikko1 ul 
{
	list-style-type: none;
	margin: 2px;
	padding-left: 5px;
padding-bottom: 3px;
	margin-bottom: 2px;
}

#v_valikko1 ul li 
{
	display: block; 
	height: 30px;
	padding: 4px;
}

#v_valikko1 ul li a 
{
	display: block;
	height: 15px;
	font-family: arial, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #0E426C;
	text-decoration: none;
	padding: 5px 5px 13px 5px;
	line-height:115%;
border-bottom: 1px #CDCDCD;
border-bottom-style: dotted;
}

#v_valikko1 ul li a:hover 
{
	color: #000000; 
	padding: 5px 5px 13px 5px;
 	background: #F0F0F0;
}

	
#v_valikko2 ul 
{
	list-style-type: none;
	margin: 2px;
	padding-left: 5px;
padding-bottom: 3px;
	margin-bottom: 2px;
}

#v_valikko2 ul li 
{
	display: block;
	height: 15px;
	padding: 4px;
}

#v_valikko2 ul li a 
{
	display: block;
	height: 15px;
	font-family: arial, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #0E426C;
	text-decoration: none;
	padding: 0px 5px 5px 5px;
border-bottom: 1px #CDCDCD;
border-bottom-style: dotted;
}

#v_valikko2 ul li a:hover 
{
	color: #000000; 
	padding: 0px 5px 5px 5px;
}

#sisa
{
margin-left: 10px;
margin-right: 10px;
padding: 1px;
color: #404040;		/* Muiden tekstien väri paitsi oikean ja vasemman reunan */
}

#tekstit
{
padding: 7px 15px 2px 15px;
}


#keski
{
float: left;
border: 4px solid #FFFFFF;
width: 662px;
background: #FFFFFF;
margin-top: 0px;
/* margin-left: 2px; */
color: black;
text-align: left;
padding: 2px;
paddint-top: 0px;

/* border-left: 1px solid #E8E8E8; */
}

#footer
{
background: #F0F0F0;
padding: 1px 1px 1px 7px;
}

.quote
{
padding: 10px; 
color: #404040;		/* lainauksien tekstien väri */
font-style: verdana; 
border: 15px solid #F8F8F8;
}

/* Alaosa */
#alaosa { 
width: 1219px;
height: 69px;
border:1px solid #0E426C;
/* margin-top:-5px; */
background:#0E426C;
float:left;

padding: 10px 10px 10px 10px;
text-align: center;
/* font-size: 10px; */
/* font-family: Arial, Helvetica, sans-serif; */
color: #CDCDCD;
}

/* alaosan vasen puoli, jotta saadaan teksti vasemmalle */
#avasen{
width:50%;
float:left;
text-align:left;
}

/* alaosan oikea puoli, jotta saadaan teksti oikealle */
#aoikea{
width:50%;
float:right;
text-align:right;
}


p
{
	margin: 0; 
	margin-top: 10px;
	text-align: left;
}

/* Linkit */
a 
{ 
color: #0E426C;
text-decoration: none ;
}

a:hover
{ 
color: #336699; 
text-decoration: none ;
} 

h1 
{
font-size: 18px;
/* font-weight: bold; */
margin: 10px 2px 3px 0px;
color: #0E426C;
font-family: helvetica, geneva, verdana, arial, lucida, sans-serif;
padding: 20px 0px 0px 15px;
/* border-bottom: 2px solid #0E426C; */
/* background: #FFFFFF; */
background-image: url(img/bgh1.gif);
}

h2 
{
font-size: 14px;
font-weight: bold;
margin: 6px 2px 0px 0px;
color: #0E426C;
font-family: helvetica, geneva, verdana, arial, lucida, sans-serif;
border: 0px solid #FFFFFF;
background: #FFFFFF;
}

h3 
{
font-size: 14px;
font-weight: bold;
margin: 16px 2px 3px 2px;
margin-left: 107px;
color: #0E426C;
padding: 2px;
font-family: helvetica, geneva, verdana, arial, lucida, sans-serif;
border-bottom: 2px solid #0E426C;
background: #FFFFFF;
}

h4 
{
font-size: 12px;
font-weight: bold;
letter-spacing: 0.1em;
padding: 4px 5px 1px 9px;
margin: 5px 5px 3px 2px;
color: #FFFFFF;
font-family: verdana, helvetica, geneva,  arial, lucida, sans-serif;
border-bottom: 2px solid #0E426C;
background: #0E426C;
}

h5 
{
font-size: 18px;
font-weight: bold;
margin: 20px 0px 0px 5px;
color: #0E426C;
font-family: helvetica, geneva, verdana, arial, lucida, sans-serif;
padding: 0px 0px 0px 0px;
/* border-bottom: 2px solid #0E426C; */
/* background: #FFFFFF; */
/* background-image: url(img/bgh1.gif); */
}

h6 
{
font-size: 14px;
font-weight: bold;
margin: 10px 2px -8px 4px;
color: #0E426C;
font-family: helvetica, geneva, verdana, arial, lucida, sans-serif;
border: 0px solid #FFFFFF;
/* background: #F8F8F8; */
}