<!-- testi -->
 .somediv{ width: 580px; clear: left; }  
 .somediv .floatbox{ float: left; width: 310px; }  
 * html .somediv p{ /* IE 3px jog hack*/ height: 1%; }  
 .somediv p{ margin-top: 0; margin-left: 156px; }  
<!-- testi -->
.columns {
	float: left;
	position: relative;
	width: 102%; /* +2% to hide margin-right for last column */
	overflow: hidden;
	}
.columns .column {
	margin-right: 2%;
	float: left;
	overflow: hidden;
	}
	* html .columns .column { word-wrap: break-word; }
	.columns-3 .column { width: 31.3%; }
.columns .column table {
	width: 100%;
	}
/*
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.5em; margin: .2em 0 ;font-family:verdana; color:#000000; }
H3              { font-size: 1.0em; margin: .2em 0 ;font-family:verdana; color:#000000; }
H2              { font-size: 0.8em; margin: .2em 0; font-weight: 400; font-family:verdana }
p              { font-size: 0.9em; margin: .2em 0; font-family:verdana }
.h2 {color:#000000; text-decoration:none; FONT-WEIGHT: none; font-size:16px; font-family:verdana}
.H3 {color:#000000; text-decoration:none; font-size:18px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px;  PADDING-TOP: 6px;  MARGIN-TOP: 2em; font-family:verdana}
.polku {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
.polku A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.polku A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.polku A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.polku A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}

.tyyli22 A:hover {color:red; text-decoration:underline; font-size:11px; font-family:verdana}
.tyyli22 {color:#000000; text-decoration:none; font-size:10px; font-family:verdana}

.tyyli {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
.tyyli A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.tyyli A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.tyyli A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.tyyli A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.tyyliotsikot {color:#969696; text-decoration:none; font-size:11px; font-family:verdana}
.tyyliotsikot A:link {color:#990000; FONT-WEIGHT: none; text-decoration:none; font-size:11px; font-family:verdana}
.tyyliotsikot A:active {color:#990000; FONT-WEIGHT: none; text-decoration:underline; font-size:11px; font-family:verdana}
.tyyliotsikot A:visited {color:#990000; FONT-WEIGHT: none; text-decoration:none; font-size:11px; font-family:verdana}
.tyyliotsikot A:hover {color:red; FONT-WEIGHT: none; text-decoration:underline; font-size:11px; font-family:verdana}
.tyyliuusi {color:#000000; text-decoration:none; font-size:11px;      font-family:trebuchet ms, verdana, arial, tahoma;}
.tyyliuusi A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px;      font-family:trebuchet ms, verdana, arial, tahoma;}
.tyyliuusi A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px;      font-family:trebuchet ms, verdana, arial, tahoma;}
.tyyliuusi A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px;      font-family:trebuchet ms, verdana, arial, tahoma;}
.tyyliuusi A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px;      font-family:trebuchet ms, verdana, arial, tahoma;}
.tyyli3 {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
.tyyli3 A:link {color:#990000; text-decoration:none; font-size:11px; font-family:verdana}
.tyyli3 A:active {color:#990000; text-decoration:underline; font-size:11px; font-family:verdana}
.tyyli3 A:visited {color:#990000; text-decoration:none; font-size:11px; font-family:verdana}
.tyyli3 A:hover {color:red; text-decoration:underline; font-size:11px; font-family:verdana}
em {font:bold italic 10px verdana; color:#737373; background:#e6e6e6}

/* 2. Esittelyt ----------------------------------------------- */
.esittelynavi {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
.esittelynavi A:link {color:#990000; text-decoration:none; font-size:11px; font-family:verdana}
.esittelynavi A:active {color:#990000; text-decoration:underline; font-size:11px; font-family:verdana}
.esittelynavi A:visited {color:#990000; text-decoration:none; font-size:11px; font-family:verdana}
.esittelynavi A:hover {color:red; text-decoration:underline; font-size:11px; font-family:verdana}

b.hakemisto {text-transform: uppercase; FONT-WEIGHT: bold; font-size:12px; font-family:trebuchet ms, arial, verdana, tahoma}
.hakemisto {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
.hakemisto A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.hakemisto A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.hakemisto A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.hakemisto A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}

.hakemisto_kuvaus {color:#000000; text-decoration:none; font-size:70%; font-family:verdana}
.hakemisto_kuvaus A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:80%; font-family:verdana}
.hakemisto_kuvaus A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:80%; font-family:verdana}
.hakemisto_kuvaus A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:80%; font-family:verdana}
.hakemisto_kuvaus A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:80%; font-family:verdana}

b.paivays {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
b.paivays A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
b.paivays A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
b.paivays A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
b.paivays A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}


/* 3. Artikkelit ----------------------------------------------- */
.artikkeli {color:#000000; text-decoration:none; font-size:80%; LETTER-SPACING: 0,5px; font-family:verdana}
.artikkeli A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:-1; font-family:verdana}
.artikkeli A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:-1; font-family:verdana}
.artikkeli A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:-1; font-family:verdana}
.artikkeli A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:-1; font-family:verdana}


.isotekstiotsikko {color:#ffffff; text-decoration:none; font-size:17px; font-family:verdana}
.isotekstiotsikko A:link {color:#ffffff; text-decoration:none; font-size:17px; font-family:verdana}
.isotekstiotsikko A:active {color:#ffffff; text-decoration:none; font-size:17px; font-family:verdana}
.isotekstiotsikko A:visited {color:#ffffff; text-decoration:none; font-size:17px; font-family:verdana}
.isotekstiotsikko A:hover {color:#ffffff; text-decoration:none; font-size:17px; font-family:verdana}
.isoteksti {color:#000000; text-decoration:none; font-size:18px; font-family:verdana}
.isotekstipun {color:#990000; text-decoration:none; font-size:18px; font-family:verdana}
.isoteksti A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:18px; font-family:verdana}
.isoteksti A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:18px; font-family:verdana}
.isoteksti A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:18px; font-family:verdana}
.isoteksti A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:18px; font-family:verdana}

.esittelyt {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
.esittelyt A:link {color:#990000; text-decoration:none; font-size:11px; font-family:verdana}
.esittelyt A:active {color:#990000; text-decoration:underline; font-size:11px; font-family:verdana}
.esittelyt A:visited {color:#990000; text-decoration:none; font-size:11px; font-family:verdana}
.esittelyt A:hover {color:red; text-decoration:underline; font-size:11px; font-family:verdana}
.mikro {color:#000000; text-decoration:none; font-size:9px; font-family:verdana}
.mikrov {color:#ffffff; text-decoration:none; font-size:9px; font-family:verdana}
.mikro A:link {color:#990000; text-decoration:none; font-size:9px; font-family:verdana}
.mikro A:visited {color:#990000; text-decoration:none; font-size:9px; font-family:verdana}
.mikro A:active {color:#990000; text-decoration:none; font-size:9px; font-family:verdana}
.mikro A:hover {color:#990000; text-decoration:none; font-size:9px; font-family:verdana}
.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;
}


.iso { 	
text-transform: uppercase; 
}


.kalenteri td:first-child EM { font-weight : bold }
.kalenteri {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
.kalenteri A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.kalenteri A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.kalenteri A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.kalenteri A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}


.jouluinfo {color:#ffffff; background:#cc3300; text-decoration:none; font-size:11px; font-family:verdana}
.info {color:#ffffff; background:#669900; text-decoration:none; font-size:11px; font-family:verdana}
.info A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.info A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.info A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.info A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}


.siniinfo {color:#ffffff; background:#000075; text-decoration:none; font-size:15px; 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/huviopas2004/navi2004/tausta_navi.gif) #eeeeee repeat-x; MARGIN-BOTTOM: 0em; 
}


.tyyli2 {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
.tyyli2 A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.tyyli2 A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.tyyli2 A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.tyyli2 A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.keski {background: red;} 
.otsikot {color:#ffffff; FONT-WEIGHT: bold; font-size:12px; font-family:verdana}
.klubi {color:#f9e6eb; font-size:10px; font-family:verdana}
.klubi A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}
.klubi A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.klubi A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}
.klubi A:hover {color:red; text-decoration:underline; font-size:11px; font-family:verdana}
/* 4. Kokeilut  ----------------------------------------------- */
.navibox {
	color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana; 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 Verdana; color:black; background:silver}
.kartta {color:#000000; text-decoration:none; font-size:11px; font-family:verdana}
.kartta A:link {color:#990000; text-decoration:none; font-size:11px; font-family:verdana}
.kartta A:active {color:#990000; text-decoration:underline; font-size:11px; font-family:verdana}
.kartta A:visited {color:#990000; text-decoration:none; font-size:11px; font-family:verdana}
.kartta A:hover {color:red; text-decoration:underline; font-size:11px; font-family:verdana}

/* 6. Tulostus ----------------------------------------------- */


/* 8. Navi ----------------------------------------------- */
.navi {color:#ffffff; text-decoration:none; font-size:10px; font-family:verdana}
.navi A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.navi A:active {color:#33cc00; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.navi A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}

.navi2 A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.navi2 A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.navi2 A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.navi2 A:hover {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}

.navi22 {color:#ffffff; FONT-WEIGHT: bold; font-size:10px; font-family:verdana}
.navi22 A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.navi22 A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.navi22 A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}


.naviohut {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}
.naviohut A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}
.naviohut A:active {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}
.naviohut A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}
.naviohut A:hover {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}

.naviohut A:link {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}
.naviohut A:active {color:#ffffff; text-decoration:underline; font-size:11px; font-family:verdana}
.naviohut A:visited {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}
.naviohut A:hover {color:red; text-decoration:underline; font-size:11px; font-family:verdana}
.navia {color:#ffffff; text-decoration:none; font-size:11px; font-family:verdana}
.navia A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.navia A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}
.navia A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:11px; font-family:verdana}
.navia A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:11px; font-family:verdana}