/*-----------------------------
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;
	}


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


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

.leipuri a:link {
	color: #C441AB;
	text-decoration: none;
}
.leipuri a:visited {
	color: #C441AB;
	text-decoration: none;
}
.leipuri a:hover {
	color: #292929;
	text-decoration: none;
}



.otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #292929;
	margin-top:-4px;
	margin-bottom:15px;
}



.alaotsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #292929;
	padding: 1px 0px 4px 0px;

}

.alaotsikko a:link {
	color: #292929;
	text-decoration: none;
}
.alaotsikko a:visited {
	color: #292929;
	text-decoration: none;
}
.alaotsikko a:hover {
	color: #C441AB;
	text-decoration: none;
}



.pieni {
	color: #292929;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin-top:0;
	margin-bottom:15px;
}
.pieni a:link {
	color: #292929;
	text-decoration: none;
}
.pieni a:visited {
	color: #292929;
	text-decoration: none;
}
.pieni a:hover {
	color: #C441AB;
	text-decoration: none;
}



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



p.viiva{
border-top: 1px dotted #292929;
border-bottom: 0px dotted #292929;
border-color: 292929;
line-height: 13px;
padding: 4px 3px 4px 3px;
margin-bottom:0px;
margin-top:0px;
}



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



.vari {
	color: #292929;
}

.vari a:link {
	color: #C441AB;
	text-decoration: none;
}
.vari a:visited {
	color: #C441AB;
	text-decoration: none;
}
.vari a:hover {
	color: #292929;
	text-decoration: none;
}


.puna {
	color: #ffffff;
	font-size: 9px;
	background-color: #C441AB;
	padding: 1px 1px 0px 1px;
}


.viher {
	color: #ffffff;
	font-size: 9px;
	background-color: #63c7cb;
	padding: 1px 1px 0px 1px;
}


.puna2 {
	color: #C441AB;
}


.yliviivaus {
	text-decoration: line-through;
	}


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 25px 0px ;
}

div#ajankohtaista {
    padding: 25px 0px 25px 0px ;
    margin: 0px;
    border-top: 0px dotted #292929;
}


div#kohteet {
    padding: 25px 0px 25px 0px ;
    margin: 0px;
    border-top: 0px dotted #292929;
}

div#opaskartta {
    padding: 25px 0px 25px 0px ;
    margin: 0px;
    border-top: 0px dotted #292929;
}

div#footer {
    padding: 25px 0px 0px 0px ;
    margin: 0px;
    border-top: 0px dotted #292929;

}

div#linkit {
    padding: 0px 0px 0px 0px ;
    margin: 0px 0px 10px 0px ;
    border-top: 0px dotted #292929;

}


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

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

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




.thumb {
	margin: 0px 10px 10px 0px;
	float: left;
}

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

.thumb:active {
	background-color: #C441AB;
}