img,div  { behavior: url(/include/iepngfix.htc) }

table#navi a {padding-right: 5px}
A:link {
	color : #336600;
	font-family: Verdana, Arial;

	font-weight: bold;
	text-decoration: none; 
}


A:hover {
font-family: Verdana, Arial;

color: #336600;
font-weight: bold;
text-decoration: none; 


}


A:visited {
	color : #336600;
	font-family: Verdana, Arial;

	font-weight: bold;
	text-decoration: none; 

}


A.linkki {
	color : #336600;
	font-family: Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
}


A.linkki:hover {
font-family: Verdana, Arial;
font-size: 8pt;
color: #336600;
font-weight: bold;
text-decoration: underline;


}


A.linkki:visited {
	color : #336600;
	font-family: Verdana, Arial;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;


}


A.valkoinen { 
	font-family: Verdana, Arial; 
	font-size: 8pt; 
	font-weight: none; 
	text-decoration: none; 
	font-weight: bold; 
	color: #FFFFFF
}

A.valkoinen:hover { 
	font-family: Verdana, Arial; 
	font-size: 8pt; 
	font-weight: none; 
	text-decoration: none; 
	font-weight: bold; 
	color: #FFFFFF
}


A.valkoinen:visited { 
	font-family: Verdana, Arial; 
	font-size: 8pt; 
	font-weight: none; 
	text-decoration: none; 
	font-weight: bold; 
	color: #FFFFFF
}

A.otsikko { 
font-family: Verdana, Arial; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none; }

A.otsikko:visited { 
font-family: Verdana, Arial; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none; }

A.otsikko:hover { 
font-family: Verdana, Arial; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none; }


TD { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: none; 
text-decoration: none; 
line-height: 16px; }


TD.valkoinenlaatikko {
font-family: Verdana, Arial;
font-size: 7pt;
background-color: #FFFFFF;
font-weight: bold; 
border: 1px solid black;
color: #000000
}


TD.keltainenlaatikko {
font-family: Verdana, Arial;
font-size: 7pt;
background-color: #F9F19B;
font-weight: bold; 
border: 1px solid black;
color: #000000
}



TD.omasivuyla {
font-family: Verdana, Arial;
font-size: 7pt;
background-color: #FFFFFF;
font-weight: bold; 
color: #000000;
border-left: thin solid black;
border-right: thin solid black;
border-top: thin solid black;
border-bottom: none;
}


TD.omasivuala {
font-family: Verdana, Arial;
font-size: 7pt;
background-color: #FFFFFF;
font-weight: bold; 
color: #000000;
border-left: thin solid black;
border-right: thin solid black;
border-bottom: thin solid black;
border-top: none;
}

TD.omasivukeski {
font-family: Verdana, Arial;
font-size: 7pt;
background-color: #FFFFFF;
font-weight: bold; 
color: #000000;
border-left: thin solid black;
border-right: thin solid black;
border-bottom: none;
border-top: none;
padding: 0px 0px 0px 0px;
}



TD.otsikkopalkki {
height: 15;
padding: 5px 5px 5px 5px;
font-family: Verdana, Arial;
background-color: #336600;
font-weight: bold;
border: 1px solid black;
font-size: 8pt; 
color: #FFFFFF
}
#etusivu img.reunus {border: 1px solid #6F8959;}

INPUT.valkoinen        {background-color: #FFFFFF; border-color: #000000; font-family: Verdana, Arial; font-size: 8pt; color: #FFFFFF; }
INPUT        {background-color: #FFFFFF; border-color: #000000; font-family: Verdana, Arial; font-size: 8pt; color: #000000; }
BUTTON {background-color: #FFFFFF; border-color: #000000; cursor:hand; font-size: 9pt; font-family: Verdana, Arial; font-weight: bold; color: #000000; }
TEXTAREA      {background-color: #FFFFF; border-color: #000000; font-family: Verdana, Arial; font-size: 8pt; color: #000000;}
SELECT        {background-color: #FFFFFF; border-color: #000000; font-family: Verdana, Arial; font-size: 8pt; color: #000000;}

.nappi {background-color: #FFFFFF; border-color: #000000; cursor:hand; font-size: 9pt; font-family: Verdana, Arial; font-weight: bold; color: #000000; }
.otsikko { font-family: Verdana, Arial; font-size: 12pt; font-weight: bold; text-decoration: none; }
.isootsikko { font-family: Verdana, Arial; font-size: 13pt; font-weight: bold; text-decoration: none; }
.perus { font-family: Verdana, Arial; font-size: 10pt; font-weight: none; text-decoration: none; }
.ingressi { font-family: Verdana, Arial; font-size: 10pt; font-weight: bold; text-decoration: none; }
.pienin { font-family: Verdana, Arial; font-size:7pt; font-weight: bold; color: #000000; }
.pikku { font-family: Verdana, Arial; font-size:8pt; color: #000000; }
.pieni { font-family: Verdana, Arial; font-size:8pt; font-weight: bold; color: #000000; }
.kuvalinkki { border: 1px solid black; }

.viivalla { border-bottom: 1px dashed black; }
.virhe {color: #AA0000; font-weight: bold; }
hr.vihrea {color: #9CCE63; background-color: #9CCE63; height: 3px; border: 0px; margin-top: 2em; margin-bottom: 2em;}
.floatright{
	float: right;
	margin: 0 0 10px 10px;
	clear: right;
}


/* #######################
   Suurentuvat kuvat
   ####################### */
ul.pikkukuvat, ul.pikkukuvat li { display: block; margin: 0; padding: 0; list-style: none; }
ul.pikkukuvat li {
	float: left;
	margin-right: 5px;
	border: 1px solid #999999; 
	padding: 2px;
}
ul.pikkukuvat a {
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
ul.pikkukuvat a img {
	float: left;
	position: absolute;
	border: none;
}
/* koko_150 = ~300px originaalikuvat 150px pikkukuvina */
ul.pikkukuvat a.koko_150 {
	width: 150px;
	height: 150px;
	line-height: 150px;
}
ul.pikkukuvat a.koko_150 img {
	top: -25px;
	left: -75px;
}
ul.pikkukuvat a img.ikoni{
	top: 0px;
	left: 0px;
	z-index: 2;
}
ul.pikkukuvat a:hover {
	cursor: default;
	overflow: visible;
	z-index: 999;
	border: none;
}
ul.pikkukuvat a:hover img {
	border: 1px solid #999999;
	background: #ffffff;
	padding: 2px;
}
ul.pikkukuvat a:hover img.ikoni {
	visibility: hidden;
}
ul.pikkukuvat:after, li.pikkukuvat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
