@charset "UTF-8";
/* CSS Document */

/*-----------------------------
RESET STYLES
-----------------------------*/

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
	}
body{
	font-size: 10px;
	}
ul, li, ol, dl, dd, dt{
	list-style:none;
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
	}
a img {
	border:none;
	outline:none;
}

/*-----------------------------
RESET STYLES
-----------------------------*/




.otsikko {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 27px;
	color: #000000;
	margin-top:0px;
	margin-bottom:20px;
}
.otsikko a:link {
	color: #000000;
	text-decoration: none;
}
.otsikko a:visited {
	color: #000000;
	text-decoration: none;
}
.otsikko a:hover {
	color: #24b6c5;
	text-decoration: none;
}


.nosto {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 19px;
	font-weight: normal;
	color: #000000;
	padding: 0px 0px 9px 0px;

}


.valikko {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 27px;
	color: #24b6c5;
	margin-top:-4px;
	margin-bottom:20px;
}
.valikko a:link {
	color: #000000;
	text-decoration: none;
}
.valikko a:visited {
	color: #000000;
	text-decoration: none;
}
.valikko a:hover {
	color: #24b6c5;
	text-decoration: none;
}


.alavalikko {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 27px;
	color: #24b6c5;
	margin-top:-4px;
	margin-bottom:20px;
}
.alavalikko a:link {
	color: #000000;
	text-decoration: none;
}
.alavalikko a:visited {
	color: #000000;
	text-decoration: none;
}
.alavalikko a:hover {
	color: #24b6c5;
	text-decoration: none;
}



.musta {
	color: #000000;
}



.alaotsikko {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #000000;
	padding: 0px 0px 7px 0px;

}
.alaotsikko a:link {
	color: #000000;
	text-decoration: none;
}
.alaotsikko a:visited {
	color: #000000;
	text-decoration: none;
}
.alaotsikko a:hover {
	color: #24b6c5;
	text-decoration: none;
}


.fancy {
	padding: 15px 3px 15px 3px;
	margin: 0px 0px 25px 0px;
	text-align:center;
	}

.viiva {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-color: 000000;
	}



.lista {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;

	padding: 4px 0px 5px 0px;
	margin: 0px 0px -1px 0px;
	text-align:left;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	border-color: 000000;
	}
	
.lista a:link {
	color:#000000;
}
.lista a:visited {
	color:#000000;
}
.lista a:hover {
	color:#24b6c5;
}
	
.lista_vali {
	margin: -10px 0px 20px 0px;
	}


.arvonta {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color:#24b6c5;
	line-height: 0px;
	float:right;
	margin-top: 10px;
}

.arvonta a:link {
	color:#24b6c5;
}
.arvonta a:visited {
	color:#24b6c5;
}
.arvonta a:hover {
	color:#24b6c5;
}


.arvonta2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color:#24b6c5;
	line-height: 0px;
	float:right;
	margin-top: 15px;
}


div#nappi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 0px;
	color:#FFFFFF;
	background-color:#000000;
	display: inline;
	float:right;
	margin-top: 17px;
}

div#nappi a:link {
	color:#FFFFFF;
	background-color:#2fc1d0;
	padding: 5px;

}
div#nappi a:visited {
	color:#FFFFFF;
	background-color:#2fc1d0;
	padding: 5px;

}
div#nappi a:hover {
	color:#FFFFFF;
	background-color:#333333;
	padding: 5px;

}


div#nappi2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 0px;
	display: inline;
	float:right;
	margin-top: 13px;
	color:#2fc1d0;
}

div#nappi2 a:link {
	color:#FFFFFF;
	background-color:#2fc1d0;
	padding: 5px;

}
div#nappi2 a:visited {
	color:#FFFFFF;
	background-color:#2fc1d0;
	padding: 5px;

}
div#nappi2 a:hover {
	color:#FFFFFF;
	background-color:#333333;
	padding: 5px;

}


.leipuri {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 19px;
	color: #000000;
	padding: 0px 0px 15px 0px;
}

.leipuri a:link {
	color: #24b6c5;
	text-decoration: none;
}
.leipuri a:visited {
	color: #24b6c5;
	text-decoration: none;
}
.leipuri a:hover {
	color: #000000;
	text-decoration: none;
}


.pieni {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin-top:0;
	margin-bottom:10px;
}
.pieni a:link {
	color: #000000;
	text-decoration: none;
}
.pieni a:visited {
	color: #000000;
	text-decoration: none;
}
.pieni a:hover {
	color: #24b6c5;
	text-decoration: none;
}


.ala {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding: 15px 0px 0px 0px;
}
.ala a:link {
	color: #24b6c5;
	text-decoration: none;
}
.ala a:visited {
	color: #24b6c5;
	text-decoration: none;
}
.ala a:hover {
	color: #000000;
	text-decoration: none;
}

.pv {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left:0px;
}

.ajankohtaista {
	margin-left:70px;
	margin-top:-16px;
}

div#viivalista {
    padding: 2px 0px 0px 0px ;
    margin-top: 0px;
	margin-bottom: -4px;
    border-top: 1px solid #000000;
	text-align:left;
}

div#viivalista2 {
    padding: 8px 0px 0px 0px ;
    margin-top: 0px;
	margin-bottom: 0px;
    border-top: 1px solid #000000;
	text-align:left;
}


.xtra {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	margin-bottom:22px;
	margin-left:70px;
}

.aika {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom:-19px;
	display: block;
	}

.kuvateksti {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-left: 0px;
	margin-top: 4px;
	margin-bottom:9px;
	display: block;
	}
	

.thumb {
	margin: 0px 0px 20px 0px;
}

.thumb:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.thumb:active {
	background-color: #24b6c5;
}

.thumb2 {
margin:0px 5px 5px 0px;
}

.harmaa {
	color: #000000;
}
.harmaa a:link {
	color: #a4a4a4;
	text-decoration: none;
}
.harmaa a:visited {
	color: #a4a4a4;
	text-decoration: none;
}
.harmaa a:hover {
	color: #000000;
	text-decoration: none;
}


.vari {
	color: #24b6c5;
}

.vari a:link {
	color: #000000;
	text-decoration: none;
}
.vari a:visited {
	color: #000000;
	text-decoration: none;
}
.vari a:hover {
	color: #24b6c5;
	text-decoration: none;
}

.puna {
	color: #ea5447;
}

div#outer {
    width: 900px;
    background-color: #FFFFFF;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: 0px;
}

div#main {
    margin-left: 0;
    margin-top: 0px;
    padding: 25px 0px 10px 0px ;
}

div#kohteet {
    margin-left: 0;
    margin-top: 0px;
    padding: 25px 0px 25px 0px ;
}

div#footer {
    padding: 25px 0px 0px 0px ;
    margin: 0px;
    border-top: 0px solid #000000;

}

div#linkit {
    padding: 0px 0px 0px 0px ;
    margin: -5px 0px 15px 0px ;
    border-top: 0px dotted #000000;

}

div#extra {
    margin-left: 0;
    margin-top: 0px;
    padding: 0px 0px 25px 0px ;
}

.right-element {
   float: right; 
   margin: -1px 0px 0px 0px;
}

.top-offset {
   float: top; 
   margin: 7px 0px 0px 0px;
}

.top-offset2 {
   float: top; 
   margin: 17px 0px 0px 0px;
}

.top-offset3 {
   margin: -30px 0px 0px 0px;
}

.top-offset4 {
   margin: -25px 0px 0px 0px;
   margin-bottom: -50px;
}

.yhteistyo {
   margin: 6px 30px 0px 10px;
}

.kartalla {
width: 22px;
height: 22px;
text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 19px;
	color: #000000;
	float:right;
	margin-top: -24px;
	padding:0px 0px 0px 0px;
	display:block;
}


.bg1:hover {
	background-color:#ea5447;
}

.bg2:hover {
	background-color:#24b6c5;
}

.bg3:hover {
	background-color:#dfde44;
}

.bg4:hover {
	background-color:#bbbbbb;
}

.yliviivaus {
	text-decoration: line-through;
	color: #000000;
	}