/*
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.4em; margin: .2em 0 ;font-family:Arial; color:#9f9f9f; }
H2              { font-size: 0.8em; margin: .2em 0; font-weight: 400; font-family:Arial }
p              { font-size: 0.8em; margin: .2em 0; font-family:Arial }
.h2 {color:#000000; text-decoration:none; FONT-WEIGHT: none; font-size:16px; font-family:Arial}
.H3 {color:#000000; text-decoration:none; font-size:18px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px;  PADDING-TOP: 6px;  MARGIN-TOP: 2em; font-family:Arial}
.polku {color:#000000; text-decoration:none; font-size:11px; font-family:Arial}
.polku A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.polku A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.polku A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.polku A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}

.tyyli22 A:hover {color:red; text-decoration:underline; font-size:11px; font-family:Arial}
.tyyli22 {color:#000000; text-decoration:none; font-size:10px; font-family:Arial}

.tyyli {color:#000000; text-decoration:none; font-size:12px; font-family:Arial}
.tyyli A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.tyyli A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.tyyli A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.tyyli A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.tyyli3 {color:#000000; text-decoration:none; font-size:11px; font-family:Arial}
.tyyli3 A:link {color:#990000; text-decoration:none; font-size:11px; font-family:Arial}
.tyyli3 A:active {color:#990000; text-decoration:underline; font-size:11px; font-family:Arial}
.tyyli3 A:visited {color:#990000; text-decoration:none; font-size:11px; font-family:Arial}
.tyyli3 A:hover {color:red; text-decoration:underline; font-size:11px; font-family:Arial}
em {font:bold italic 10px Arial; color:#737373; background:#e6e6e6}

/* 2. Esittelyt ----------------------------------------------- */
.esittelynavi {color:#000000; text-decoration:none; font-size:11px; font-family:Arial}
.esittelynavi A:link {color:#990000; text-decoration:none; font-size:11px; font-family:Arial}
.esittelynavi A:active {color:#990000; text-decoration:underline; font-size:11px; font-family:Arial}
.esittelynavi A:visited {color:#990000; text-decoration:none; font-size:11px; font-family:Arial}
.esittelynavi A:hover {color:red; text-decoration:underline; font-size:11px; font-family:Arial}

.hakemisto {color:#000000; text-decoration:none; font-size:11px; font-family:Arial}
.hakemisto A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.hakemisto A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.hakemisto A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.hakemisto A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}

.hakemisto_kuvaus {color:#000000; text-decoration:none; font-size:70%; font-family:Arial}
.hakemisto_kuvaus A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:80%; font-family:Arial}
.hakemisto_kuvaus A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:80%; font-family:Arial}
.hakemisto_kuvaus A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:80%; font-family:Arial}
.hakemisto_kuvaus A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:80%; font-family:Arial}

b.paivays {color:#000000; text-decoration:none; font-size:11px; font-family:Arial}
b.paivays A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
b.paivays A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
b.paivays A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
b.paivays A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}


/* 3. Artikkelit ----------------------------------------------- */
.artikkeli {color:#000000; text-decoration:none; font-size:80%; LETTER-SPACING: 0,5px; font-family:Arial}
.artikkeli A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:-1; font-family:Arial}
.artikkeli A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:-1; font-family:Arial}
.artikkeli A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:-1; font-family:Arial}
.artikkeli A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:-1; font-family:Arial}


.isotekstiotsikko {color:#ffffff; text-decoration:none; font-size:17px; font-family:Arial}
.isotekstiotsikko A:link {color:#ffffff; text-decoration:none; font-size:17px; font-family:Arial}
.isotekstiotsikko A:active {color:#ffffff; text-decoration:none; font-size:17px; font-family:Arial}
.isotekstiotsikko A:visited {color:#ffffff; text-decoration:none; font-size:17px; font-family:Arial}
.isotekstiotsikko A:hover {color:#ffffff; text-decoration:none; font-size:17px; font-family:Arial}
.isoteksti {color:#000000; text-decoration:none; font-size:18px; font-family:Arial}
.isotekstipun {color:#990000; text-decoration:none; font-size:18px; font-family:Arial}
.isoteksti A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:18px; font-family:Arial}
.isoteksti A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:18px; font-family:Arial}
.isoteksti A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:18px; font-family:Arial}
.isoteksti A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:18px; font-family:Arial}

.esittelyt {color:#000000; text-decoration:none; font-size:11px; font-family:Arial}
.esittelyt A:link {color:#990000; text-decoration:none; font-size:11px; font-family:Arial}
.esittelyt A:active {color:#990000; text-decoration:underline; font-size:11px; font-family:Arial}
.esittelyt A:visited {color:#990000; text-decoration:none; font-size:11px; font-family:Arial}
.esittelyt A:hover {color:red; text-decoration:underline; font-size:11px; font-family:Arial}
.mikro {color:#000000; text-decoration:none; font-size:9px; font-family:Arial}
.mikrov {color:#ffffff; text-decoration:none; font-size:9px; font-family:Arial}
.mikro A:link {color:#990000; text-decoration:none; font-size:9px; font-family:Arial}
.mikro A:visited {color:#990000; text-decoration:none; font-size:9px; font-family:Arial}
.mikro A:active {color:#990000; text-decoration:none; font-size:9px; font-family:Arial}
.mikro A:hover {color:#990000; text-decoration:none; font-size:9px; font-family:Arial}
.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;
}

.kalenteri td:first-child EM { font-weight : bold }
.kalenteri {color:#000000; text-decoration:none; font-size:11px; font-family:Arial}
.kalenteri A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.kalenteri A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.kalenteri A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.kalenteri A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}


.jouluinfo {color:#ffffff; background:#cc3300; text-decoration:none; font-size:11px; font-family:Arial}
.info {color:#ffffff; background:#89052A; text-decoration:none; font-size:11px; font-family:Arial}
.boxdiv2 {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #aaa 1px solid; MARGIN-TOP: 0em; PADDING-LEFT: 6px; BACKGROUND: url(kuvat/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/esittelytausta.gif) #eeeeee repeat-x; MARGIN-BOTTOM: 0em; 
}


.tyyli2 {color:#000000; text-decoration:none; font-size:11px; font-family:Arial}
.tyyli2 A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.tyyli2 A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.tyyli2 A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.tyyli2 A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.keski {background: red;} 
.otsikot {color:#ffffff; FONT-WEIGHT: bold; font-size:12px; font-family:Arial}
.klubi {color:#f9e6eb; font-size:10px; font-family:Arial}
.klubi A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}
.klubi A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.klubi A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}
.klubi A:hover {color:red; text-decoration:underline; font-size:11px; font-family:Arial}
/* 4. Kokeilut  ----------------------------------------------- */
.navibox {
	color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial; 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 Arial; color:black; background:silver}
.kartta {color:#000000; text-decoration:none; font-size:11px; font-family:Arial}
.kartta A:link {color:#990000; text-decoration:none; font-size:11px; font-family:Arial}
.kartta A:active {color:#990000; text-decoration:underline; font-size:11px; font-family:Arial}
.kartta A:visited {color:#990000; text-decoration:none; font-size:11px; font-family:Arial}
.kartta A:hover {color:red; text-decoration:underline; font-size:11px; font-family:Arial}

/* 6. Tulostus ----------------------------------------------- */
table { page-break-after: always }


/* 8. Navi ----------------------------------------------- */
.navi {color:#ffffff; text-decoration:none; font-size:10px; font-family:Arial}
.navi A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.navi A:active {color:#33cc00; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.navi A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}

.navi2 A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.navi2 A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.navi2 A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.navi2 A:hover {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}

.navi22 {color:#ffffff; FONT-WEIGHT: bold; font-size:10px; font-family:Arial}
.navi22 A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.navi22 A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.navi22 A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}


.naviohut {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}
.naviohut A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}
.naviohut A:active {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}
.naviohut A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}
.naviohut A:hover {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}

.naviohut A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}
.naviohut A:active {color:#ffffff; text-decoration:underline; font-size:11px; font-family:Arial}
.naviohut A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}
.naviohut A:hover {color:red; text-decoration:underline; font-size:11px; font-family:Arial}
.navia {color:#ffffff; text-decoration:none; font-size:11px; font-family:Arial}
.navia A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.navia A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}
.navia A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:Arial}
.navia A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:Arial}