.tyyli {color:#363636; text-decoration:none; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}


.tyyli222 {color:#363636; text-decoration:none; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli222 A:link {color:#000000; FONT-WEIGHT: bold; text-decoration:none; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli222 A:active {color:#000000; FONT-WEIGHT: bold; text-decoration:underline; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli222 A:visited {color:#000000; FONT-WEIGHT: bold; text-decoration:none; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli222 A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}

.navia {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:13px; font-family:trebuchet ms, arial, verdana, tahoma}
.navia A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:13px; font-family:trebuchet ms, arial, verdana, tahoma}
.navia A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:13px; font-family:trebuchet ms, arial, verdana, tahoma}
.navia A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:13px; font-family:trebuchet ms, arial, verdana, tahoma}
.navia A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:13px; font-family:trebuchet ms, arial, verdana, tahoma}

.navia2 {color:#ffffff; text-decoration:none; font-size:11px; font-family:arial}
.navia2 A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:arial}
.navia2 A:active {color:#ffffff; text-decoration:underline; font-size:11px; font-family:arial}
.navia2 A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:arial}
.navia2 A:hover {color:red; text-decoration:underline; font-size:11px; font-family:arial}


.navi {color:#ffffff; text-decoration:none; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.navi A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.navi A:active {color:#33cc00; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.navi A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}



.otsikkoTable { 
font-size: 0.3em; 
font-family:trebuchet ms, arial, verdana, tahoma
}


.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #3a3a3a;
text-decoration: none; 
color: #cc3300;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #3a3a3a;
color: #363636;
background-color: #363636;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid #3a3a3a;
background-color: #339900;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 0px solid #3a3a3a;
color: #3a3a3a;
}

.pagination li.nextpage{
font-weight: bold;
border: 0px solid #3a3a3a;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}


.curlycontainer{
border: 0px solid #b8b8b8;
margin-bottom: 0em;
float:right;
width:312px;
}

.curlycontainer .innerdiv{
BACKGROUND: #ffffff repeat-x;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15	px 5px;
}


/*
------------------------------------------------------
	BACKGROUNDS
------------------------------------------------------
*/

.bgpunainen{background:#cc3300;}
.bgvihrea{background:#669900;}
.bgmusta{background:			#363636;}

/*
------------------------------------------------------
	BACKGROUNDS
------------------------------------------------------
*/


#popitmenu{
position: absolute;
background-color: white;
border:6px #cc3333;
font: normal 12px trebuchet ms, arial, verdana, tahoma;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #e0e0e0;
}




/*
1. Perus
2. Esittelyt
3. Artikkelit
4. Kokeilut
5. Taulukot
6. Tulostus
7. Kartta
8. Navi
*/
BODY {
	margin-top: 0px; margin-right: 0px; margin-left: 0px
}

/* 1. Perus ----------------------------------------------- */
H1              { font-size: 1.3em; margin: .2em 0 ;font-family:trebuchet ms, arial, verdana, tahoma; color:#363636; }
H3              { font-size: 1.2em; margin: .2em 0 ;font-family:trebuchet ms, arial, verdana, tahoma; color:#ffffff; }
H2              { font-size: 0.7em; margin: .2em 0; font-family:trebuchet ms, arial, verdana, tahoma }
p              { font-size: 0.9em; margin: .2em 0; font-family:trebuchet ms, arial, verdana, tahoma }
.H3 {color:#363636; text-decoration:none; font-size:18px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px;  PADDING-TOP: 6px;  MARGIN-TOP: 2em; font-family:trebuchet ms, arial, verdana, tahoma}
.polku {color:#363636; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma; line-height: 20px}
.polku A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.polku A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.polku A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.polku A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}

.tyyli22 A:hover {color:red; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli22 {color:#363636; text-decoration:none; font-size:10px; font-family:trebuchet ms, arial, verdana, tahoma}



.tyyliharmaa {color:#8f8f8f; text-decoration:none; font-size:14px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyliharmaa A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyliharmaa A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyliharmaa A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyliharmaa A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}

.tyyliotsikot {color:#969696; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyliotsikot A:link {color:#f26334; FONT-WEIGHT: none; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyliotsikot A:active {color:#f26334; FONT-WEIGHT: none; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyliotsikot A:visited {color:#f26334; FONT-WEIGHT: none; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyliotsikot A:hover {color:red; FONT-WEIGHT: none; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyliuusi {color:#363636; text-decoration:none; font-size:11px;      font-family:trebuchet ms, trebuchet ms, arial, verdana, tahoma, arial, tahoma;}
.tyyliuusi A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px;      font-family:trebuchet ms, trebuchet ms, arial, verdana, tahoma, arial, tahoma;}
.tyyliuusi A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px;      font-family:trebuchet ms, trebuchet ms, arial, verdana, tahoma, arial, tahoma;}
.tyyliuusi A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px;      font-family:trebuchet ms, trebuchet ms, arial, verdana, tahoma, arial, tahoma;}
.tyyliuusi A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px;      font-family:trebuchet ms, trebuchet ms, arial, verdana, tahoma, arial, tahoma;}
.tyyli3 {color:#363636; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli3 A:link {color:#f26334; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli3 A:active {color:#f26334; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli3 A:visited {color:#f26334; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli3 A:hover {color:red; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
em {font:bold italic 10px trebuchet ms, arial, verdana, tahoma; color:#737373; background:#e6e6e6}

/* 2. Esittelyt ----------------------------------------------- */
.esittelynavi {color:#363636; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.esittelynavi A:link {color:#f26334; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.esittelynavi A:active {color:#f26334; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.esittelynavi A:visited {color:#f26334; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.esittelynavi A:hover {color:red; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}

.hakemisto {color:#363636; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.hakemisto A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.hakemisto A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.hakemisto A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.hakemisto A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}

.hakemisto_kuvaus {width:600; color:#363636; text-decoration:none; font-size:70%; font-family:trebuchet ms, arial, verdana, tahoma; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #aaa 0px solid; MARGIN-TOP: 0em; PADDING-LEFT: 6px; BACKGROUND: url(huviopas/esittelytausta.gif) #eeeeee repeat-x; MARGIN-BOTTOM: 1px; BORDER-LEFT: #aaa 0px solid; COLOR: #333; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid }
.hakemisto_kuvaus A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:80%; font-family:trebuchet ms, arial, verdana, tahoma}
.hakemisto_kuvaus A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:80%; font-family:trebuchet ms, arial, verdana, tahoma}
.hakemisto_kuvaus A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:80%; font-family:trebuchet ms, arial, verdana, tahoma}
.hakemisto_kuvaus A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:80%; font-family:trebuchet ms, arial, verdana, tahoma}
b.hakemisto {text-transform: uppercase; FONT-WEIGHT: bold; font-size:12px; font-family:trebuchet ms, arial, verdana, tahoma}


b.paivays {color:#363636; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
b.paivays A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
b.paivays A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
b.paivays A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
b.paivays A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}


/* 3. Artikkelit ----------------------------------------------- */
.artikkeli {color:#363636; text-decoration:none; font-size:80%; LETTER-SPACING: 0,5px; font-family:trebuchet ms, arial, verdana, tahoma}
.artikkeli A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:-1; font-family:trebuchet ms, arial, verdana, tahoma}
.artikkeli A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:-1; font-family:trebuchet ms, arial, verdana, tahoma}
.artikkeli A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:-1; font-family:trebuchet ms, arial, verdana, tahoma}
.artikkeli A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:-1; font-family:trebuchet ms, arial, verdana, tahoma}


.isotekstiotsikko {color:#ffffff; text-decoration:none; font-size:17px; font-family:trebuchet ms, arial, verdana, tahoma}
.isotekstiotsikko A:link {color:#ffffff; text-decoration:none; font-size:17px; font-family:trebuchet ms, arial, verdana, tahoma}
.isotekstiotsikko A:active {color:#ffffff; text-decoration:none; font-size:17px; font-family:trebuchet ms, arial, verdana, tahoma}
.isotekstiotsikko A:visited {color:#ffffff; text-decoration:none; font-size:17px; font-family:trebuchet ms, arial, verdana, tahoma}
.isotekstiotsikko A:hover {color:#ffffff; text-decoration:none; font-size:17px; font-family:trebuchet ms, arial, verdana, tahoma}
.isoteksti {color:#274b21; text-decoration:none; font-size: 1.5em; font-family:trebuchet ms, arial, verdana, tahoma}
.isotekstipun {color:#f26334; text-decoration:none; font-size:18px; font-family:trebuchet ms, arial, verdana, tahoma}
.isoteksti A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:18px; font-family:trebuchet ms, arial, verdana, tahoma}
.isoteksti A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:18px; font-family:trebuchet ms, arial, verdana, tahoma}
.isoteksti A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:18px; font-family:trebuchet ms, arial, verdana, tahoma}
.isoteksti A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:18px; font-family:trebuchet ms, arial, verdana, tahoma}

.esittelyt {color:#363636; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.esittelyt A:link {color:#f26334; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.esittelyt A:active {color:#f26334; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.esittelyt A:visited {color:#f26334; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.esittelyt A:hover {color:red; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.mikro {color:#363636; text-decoration:none; font-size:9px; font-family:trebuchet ms, arial, verdana, tahoma}
.mikrov {color:#ffffff; text-decoration:none; font-size:9px; font-family:trebuchet ms, arial, verdana, tahoma}
.mikro A:link {color:#f26334; text-decoration:none; font-size:9px; font-family:trebuchet ms, arial, verdana, tahoma}
.mikro A:visited {color:#f26334; text-decoration:none; font-size:9px; font-family:trebuchet ms, arial, verdana, tahoma}
.mikro A:active {color:#f26334; text-decoration:none; font-size:9px; font-family:trebuchet ms, arial, verdana, tahoma}
.mikro A:hover {color:#f26334; text-decoration:none; font-size:9px; font-family:trebuchet ms, arial, verdana, tahoma}
.otsikko-pieni {FONT-WEIGHT: bold;}

/* 2. Kokeilut ----------------------------------------------- */
tbody th {
	font-weight: bold;
	text-transform: lowercase;
	text-align: left;
	vertical-align: top;
	background: #cc3300;
	color: #ffffff;
	font-size: 100% !important;
}

.index tbody th {
	font-weight: bold;
	text-transform: lowercase;
	text-align: left;
	vertical-align: top;
	background: #999999;
	color: #ffffff;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 70% !important;
}

.kalenteri td:first-child EM { font-weight : bold }
.kalenteri {color:#363636; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.kalenteri A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.kalenteri A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.kalenteri A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.kalenteri A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}


.jouluinfo {color:#ffffff; background:#cc3300; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.info {color:#ffffff; background:#669900; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}

.boxdiv_kuvat {
	align: right; width: 300px; BORDER-RIGHT: #ffffff 1px dotted; PADDING-RIGHT: 6px; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 0em; PADDING-LEFT: 6px; MARGIN-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px dotted; PADDING-TOP: 0px; BORDER-BOTTOM: #cc3300 6px solid 
}
.box_artikkelit {
	width: 600px; BORDER-RIGHT: #ffffff 1px dotted; PADDING-RIGHT: 6px; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 0em; PADDING-LEFT: 6px; MARGIN-BOTTOM: 3px; BORDER-LEFT: #ffffff 1px dotted; PADDING-TOP: 0px; BORDER-BOTTOM: #cc3300 6px solid 
}
.boxdiv2 {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #aaa 1px solid; MARGIN-TOP: 0em; PADDING-LEFT: 6px; BACKGROUND: url(huviopas/esittelytausta.gif) #eeeeee repeat-x; MARGIN-BOTTOM: 3px; BORDER-LEFT: #aaa 1px solid; COLOR: #333; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid 
}
.boxdivs {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #aaa 0px solid; MARGIN-TOP: 0em; PADDING-LEFT: 6px; BACKGROUND: url(kuvat/esittelytausta.gif) #eeeeee repeat-x; MARGIN-BOTTOM: 0px; BORDER-LEFT: #aaa 1px solid; COLOR: #333; PADDING-TOP: 3px; PADDING-BOTTOM: 3px; BORDER-BOTTOM: #ccc 1px solid
}
.boxdivs1 {
	PADDING-RIGHT: 6px; MARGIN-TOP: 0em; PADDING-LEFT: 6px; MARGIN-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-BOTTOM: 3px; 
}
.boxdiv {
	BORDER-RIGHT: #ebebeb 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #ebebeb 1px solid; MARGIN-TOP: 0em; PADDING-LEFT: 6px; BACKGROUND: #ffffff repeat-x; MARGIN-BOTTOM: 3px; BORDER-LEFT: #ebebeb 1px solid; COLOR: #ebebeb; PADDING-TOP: 0px; BORDER-BOTTOM: #ebebeb 1px solid
}

.boxdiv3 {
	BORDER: #ccc 1px solid; PADDING: 0px; MARGIN-TOP: 0em; BACKGROUND: url(kuvat/huviopas2004/navi2004/tausta_navi.gif) #eeeeee repeat-x; MARGIN-BOTTOM: 0em; 
}


.tyyli2 {color:#363636; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli2 A:link {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli2 A:active {color:#f26334; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli2 A:visited {color:#f26334; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.tyyli2 A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.keski {background: red;} 
.otsikot {color:#ffffff; FONT-WEIGHT: bold; font-size:12px; font-family:trebuchet ms, arial, verdana, tahoma}
.klubi {color:#f9e6eb; font-size:10px; font-family:trebuchet ms, arial, verdana, tahoma}
.klubi A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.klubi A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.klubi A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.klubi A:hover {color:red; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
/* 4. Kokeilut  ----------------------------------------------- */
.navibox {
	color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma; BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #aaa 1px solid; MARGIN-TOP: 1em; PADDING-LEFT: 6px; BACKGROUND: url(kuvat/esittelytausta.gif) #cc3300 repeat-x; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 6px; BORDER-LEFT: #aaa 1px solid; COLOR: #333; PADDING-TOP: 6px; BORDER-BOTTOM: #ccc 1px solid
}

acronym {cursor:help; border-style:none; border-width:1px;}
abbr {cursor:help; border-style:dotted; border-width:1px;}

.myhover a:hover{color:red}

.bgtext {font:bold 11px trebuchet ms, arial, verdana, tahoma; color:black; background:silver}
.kartta {color:#363636; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.kartta A:link {color:#f26334; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.kartta A:active {color:#f26334; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.kartta A:visited {color:#f26334; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.kartta A:hover {color:red; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}



/* 8. Navi ----------------------------------------------- */

.navi2 A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.navi2 A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.navi2 A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.navi2 A:hover {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}

.navi22 {color:#ffffff; FONT-WEIGHT: bold; font-size:10px; font-family:trebuchet ms, arial, verdana, tahoma}
.navi22 A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.navi22 A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.navi22 A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}


.naviohut {color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.naviohut A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.naviohut A:active {color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.naviohut A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.naviohut A:hover {color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}

.naviohut A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.naviohut A:active {color:#ffffff; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.naviohut A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}
.naviohut A:hover {color:red; text-decoration:underline; font-size:11px; font-family:trebuchet ms, arial, verdana, tahoma}


