#content {
    border: 1px solid red;
    height: 5em;
    padding: 4px; /* adjust to taste */
    overflow: hidden    
}


.info {color:#ffffff; background:#669900; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}


.h2_fon {
FONT-SIZE: 15px;
COLOR: #990000;
 FONT-WEIGHT: bold;
display: inline;
} 

.h2_no {
FONT-SIZE: 15px;
COLOR: #6f6f6f;
 FONT-WEIGHT: bold;
display: inline;
} 

.h2_fon A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:15px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.h2_fon A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:15px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.h2_fon  A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:15px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.h2_fon  A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:15px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}




#oikeabanneri {
  position: fixed;
  top: 0;
  right: 0;
}


   .button{
                padding:2px 5px 2px 5px;
                text-decoration: none;
                display: inline-block;
                -moz-border-radius: 4px;
                -webkit-border-radius: 10px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                border-bottom: 1px solid rgba(0,0,0,0.25);
                font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
                outline:none;
                position:relative;
                font-size: 12px;
                margin:10px;
                background:transparent url(buttonover.png) repeat-x top left;
                white-space:nowrap;
            }
            .button:hover{
                background-color: #777;
            }
            .button:active{
                top: 1px;
                left:1px;
            }
            .shadow{
                background-color: #a3a3a3;
                border: 2px solid #777;
                color: #FFF;
                font-weight:bold;
                text-shadow: 0 1px 1px rgba(0,0,0,0.8);
            }
            .engraved{
                background: #666;
                border: 2px solid #777;
                color: #000;
                text-shadow: 0px 1px 1px #fff;
                font-weight: bold;
            }
            .glow{
                color: #fff;
                background: #888;
                border: 2px solid #777;
                text-shadow: 1px 1px 6px #fff;
            }
            .white{
                color: #fff;
                background: #fff;
                text-shadow: 1px 1px 4px #000;
                border: 2px solid #f0f0f0;
                font-family: "Arial";
                font-weight:bold;
                text-transform:uppercase;
                letter-spacing:-1px;
            }
            .white:hover{
                background-color:#f1f1f1;
            }
            .red{
                background-color: #B00000;
                border: 1px solid #7F0000;
                color: #FFF;
                text-shadow: 1px 1px 4px #000;
                font-family: "Palatino Linotype";
            }
            .red:hover{
                background-color:#800000;
            }

            .lightblue{
                background-color: #7FB0F0;
                color: #FFF;
                text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                font-weight:100;
            }
            .lightblue:hover{
                background-color:#7FA0C0;
            }
            .olive{
                background-color: #B0E000;
                border: 1px outset #D0E000;
                color: #FFF;
                font-style:italic;
                text-shadow: 0 2px 1px rgba(0,0,0,0.2);
            }
            .olive:hover{
                background-color: #90A000;
            }
            .orange{
                background-color: #FFCC00;
                border: 1px outset #F2FF00;
                color: #FFF;
                font-family:Helvetica;
                font-weight:bold;
            }
            .orange:hover{
                background-color: #FF8000;
            }
            .pink{
                background-color: #C0107F;
                border: 1px outset #70107F;
                color: #FFF;
                font-family:"Georgia";
                font-weight:bold;
            }
            .pink:hover{
                background-color: #F0107F;
            }
            .pink:active{
                border: 1px inset #70107F;
            }
            .sea{
                background-color: #20807F;
                color: #FFF;
            }
            .sea:hover{
                background-color: #60807F;
            }
            .rose{
                background-color: #F07FD0;
                color: #FFF;
                font-family: "Palatino Linotype";
                font-style: italic;
                letter-spacing:-1px;
                text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
            }
            .rose:hover{
                background-color: #B07FA0;
            }
            .black{
                background-color: #000;
                background-image:url(buttonover2.png);
                color: #FFF;
                letter-spacing:-1px;
                text-shadow: 0 2px 1px rgba(0,0,0,0.2);
            }
            .black:hover{
                background-color: #777;
            }

            .sand{
                background-color: #FFF090;
                background-image:url(buttonover2.png);
                color: #fff;
                letter-spacing: 3px;
                text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
            }
            .sand:hover{
                background-color: #F0C07F;
            }

            .violet{
                background-color: #9400D3;
                background-image:url(buttonover2.png);
                color: #777;
                font-family:"Arial Black";
                text-shadow: 0px 1px 1px #fff;
            }
            .violet:hover{
                background-color: #8A2BE2;
            }

            .green{
                background-color: #32CD32;
                background-image:url(buttonover2.png);
                color: #fff;
                font-family:"Century Gothic";
                text-transform:uppercase;
                font-style:italic;
                text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
            }
            .green:hover{
                background-color: #2F4F4F;
            }
            .darkblue{
                background-color: #00008B;
                background-image:url(buttonover2.png);
                color: #fff;
                font-family:"Impact";
                text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
            }
            .darkblue:hover{
                background-color: #191970;
            }
            .sunset{
                background-color: #FF6347;
                background-image:url(buttonover2.png);
                color: #777;
                font-family:"Palatino Linotype";
                text-transform:uppercase;
                text-shadow: 0px 1px 1px #fff;
            }
            .sunset:hover{
                background-color: #FF7F50;
            }
            .choco{
                background-color: #D2691E;
                background-image:url(buttonover2.png);
                color: #fff;
                font-family:"Gill Sans";
                text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
            }
            .choco:hover{
                background-color: #D2B48C;
            }
            .cadet{
                background-color: #5F9EA0;
                background-image:url(buttonover2.png);
                color: #fff;
                font-family: "Arial Narrow";
                text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
            }
            .cadet:hover{
                background-color: #008080;
            }
            .aqua{
                background-color: #00FFFF;
                background-image:url(buttonover2.png);
                color: #fff;
                font-family: "Tahoma";
                text-shadow: 1px 1px 4px #000;
            }
            .aqua:hover{
                background-color: #00FFCC;
            }




.highlightit img{
border: 1px solid #ccc;
}

.highlightit:hover img{
border: 1px solid red;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.h2_fon {
FONT-SIZE: 15px;
COLOR: #990000;
 FONT-WEIGHT: bold;
display: inline;
} 

.h2_no {
FONT-SIZE: 15px;
COLOR: #6f6f6f;
 FONT-WEIGHT: bold;
display: inline;
} 

.h2_fon A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:15px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.h2_fon A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:15px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.h2_fon  A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:15px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.h2_fon  A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:15px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}




<!-- 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:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma; color:#000000; }
H4              { font-size: 1.3em; margin: .2em 0 ;font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma; color:#000000; }
H3              { font-size: 1.0em; margin: .2em 0 ;font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma; color:#000000; }
H2              { font-size: 0.8em; margin: .2em 0; font-weight: 400; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma }
p              { font-size: 0.9em; margin: .2em 0; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma }
.h2 {color:#000000; text-decoration:none; FONT-WEIGHT: none; font-size:16px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.H3 {color:#000000; text-decoration:none; font-size:18px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px;  PADDING-TOP: 6px;  MARGIN-TOP: 2em; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.polku {color:#000000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.polku A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.polku A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.polku A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.polku A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

.tyyli22 A:hover {color:red; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyli22 {color:#000000; text-decoration:none; font-size:10px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

.button1 {color:#000000; text-decoration:none; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.button1 A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.button1 A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.button1 A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.button1 A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}


.tyyli {color:#000000; text-decoration:none; font-size:14px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyli A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyli A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyli A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyli A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyliotsikot {color:#969696; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyliotsikot A:link {color:#990000; FONT-WEIGHT: none; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyliotsikot A:active {color:#990000; FONT-WEIGHT: none; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyliotsikot A:visited {color:#990000; FONT-WEIGHT: none; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyliotsikot A:hover {color:red; FONT-WEIGHT: none; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyliuusi {color:#000000; text-decoration:none; font-size:12px;      font-family:Garamond,Perpetua,trebuchet ms, verdana, arial, tahoma;}
.tyyliuusi A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px;      font-family:Garamond,Perpetua,trebuchet ms, verdana, arial, tahoma;}
.tyyliuusi A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px;      font-family:Garamond,Perpetua,trebuchet ms, verdana, arial, tahoma;}
.tyyliuusi A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px;      font-family:Garamond,Perpetua,trebuchet ms, verdana, arial, tahoma;}
.tyyliuusi A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px;      font-family:Garamond,Perpetua,trebuchet ms, verdana, arial, tahoma;}
.tyyli3 {color:#000000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyli3 A:link {color:#990000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyli3 A:active {color:#990000; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyli3 A:visited {color:#990000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.tyyli3 A:hover {color:red; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
em {font:bold italic 10px verdana; color:#737373; background:#e6e6e6}

/* 2. Esittelyt ----------------------------------------------- */
.esittelynavi {color:#000000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.esittelynavi A:link {color:#990000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.esittelynavi A:active {color:#990000; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.esittelynavi A:visited {color:#990000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.esittelynavi A:hover {color:red; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

b.hakemisto {text-transform: uppercase; FONT-WEIGHT: bold; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.hakemisto {color:#000000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.hakemisto A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.hakemisto A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.hakemisto A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.hakemisto A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

/* kokeilut 6.5.2011----------------------------------------------- */

p.palkki {text-transform: uppercase; font-size: 10px; font-weight: bold; display: inline-block; padding: 3px 7px 3px 7px; background: #cc0000; -moz-border-radius: 3px;  border-radius: 3px; -webkit-border-radius: 3px;}

p.palkki {text-transform: uppercase; font-size: 12px; font-weight: bold; display: inline-block; padding: 3px 7px 3px 7px; background: #cc0000; -moz-border-radius: 3px;  border-radius: 3px; -webkit-border-radius: 3px;}
p.palkki A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size: 12px;  font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
p.palkki A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size: 12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
p.palkki A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size: 12px;  font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
p.palkki A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size: 12px;  font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

.ie7 p.palkki {zoom: 1; display: inline;}

.blockheading h2 {color: #fff; background: #e3a600; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 7px 10px 7px 10px; display: inline-block; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px;}
.ie7 .blockheading h2 {zoom: 1; display: inline;}


.boxdiv2011 {
	color:#595959; text-decoration:none; font-size:80%; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma;
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #aaa 1px solid; MARGIN-TOP: 0em; PADDING-LEFT: 6px; BACKGROUND: url(2011/ravintolat2011.png) #eeeeee repeat-x; background-position:bottom left; MARGIN-BOTTOM: 3px; BORDER-LEFT: #aaa 1px solid; COLOR: #333; PADDING-TOP: 4px; PADDING-BOTTOM: 6px; BORDER-BOTTOM: #ccc 1px solid 
}

.mainospalkki {
	color:#fdfdfd; text-decoration:none; font-size:80%; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma;
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #aaa 1px solid; MARGIN-TOP: 0em; PADDING-LEFT: 6px; BACKGROUND: url(2011/ravintolat2011.png) #ffffff repeat-x; background-position:bottom left; MARGIN-BOTTOM: 3px; BORDER-LEFT: #aaa 1px solid; COLOR: #333; PADDING-TOP: 4px; PADDING-BOTTOM: 6px; BORDER-BOTTOM: #ccc 1px solid 
}


/* kokeilut 6.5.2011----------------------------------------------- */


.hakemisto_kuvaus {color:#000000; text-decoration:none; font-size:80%; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.hakemisto_kuvaus A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:80%; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.hakemisto_kuvaus A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:80%; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.hakemisto_kuvaus A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:80%; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.hakemisto_kuvaus A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:80%; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

b.paivays {color:#000000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
b.paivays A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
b.paivays A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
b.paivays A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
b.paivays A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}


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

/* 3. Poiminnot ----------------------------------------------- */
.poiminto {color:#3b3b3b; text-decoration:none; font-size:80%; LETTER-SPACING: 0,5px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.poiminto A:link {color:#3b3b3b; FONT-WEIGHT: none; text-decoration:none; font-size:-1; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.poiminto A:active {color:#3b3b3b; FONT-WEIGHT: none; text-decoration:none; font-size:-1; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.poiminto A:visited {color:#3b3b3b; FONT-WEIGHT: none; text-decoration:none; font-size:-1; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.poiminto A:hover {color:#3b3b3b; FONT-WEIGHT: none; text-decoration:underline; font-size:-1; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}


.isotekstiotsikko {color:#ffffff; text-decoration:none; font-size:17px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isotekstiotsikko A:link {color:#ffffff; text-decoration:none; font-size:17px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isotekstiotsikko A:active {color:#ffffff; text-decoration:none; font-size:17px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isotekstiotsikko A:visited {color:#ffffff; text-decoration:none; font-size:17px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isotekstiotsikko A:hover {color:#ffffff; text-decoration:none; font-size:17px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isoteksti {color:#000000; text-decoration:none; font-size:18px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isotekstipun {color:#990000; text-decoration:none; font-size:18px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isoteksti A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:18px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isoteksti A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:18px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isoteksti A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:18px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.isoteksti A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:18px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

.esittelyt {color:#000000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.esittelyt A:link {color:#990000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.esittelyt A:active {color:#990000; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.esittelyt A:visited {color:#990000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.esittelyt A:hover {color:red; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.mikro {color:#000000; text-decoration:none; font-size:9px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.mikrov {color:#ffffff; text-decoration:none; font-size:9px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.mikro A:link {color:#990000; text-decoration:none; font-size:9px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.mikro A:visited {color:#990000; text-decoration:none; font-size:9px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.mikro A:active {color:#990000; text-decoration:none; font-size:9px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.mikro A:hover {color:#990000; text-decoration:none; font-size:9px; font-family:Garamond,Perpetua,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;
}


.iso { 	
text-transform: uppercase; 
}


.kalenteri td:first-child EM { font-weight : bold }
.kalenteri {color:#000000; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.kalenteri A:link {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.kalenteri A:active {color:#990000; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.kalenteri A:visited {color:#990000; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.kalenteri A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}


.jouluinfo {color:#ffffff; background:#cc3300; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.info_helsinki {color:#ffffff; background:#339933; text-decoration:none; font-size:13px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.info {color:#ffffff; background:#669900; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.info A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.info A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.info A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.info A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}


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

/* 6. Tulostus ----------------------------------------------- */


/* 8. Navi ----------------------------------------------- */
.navi {color:#ffffff; text-decoration:none; font-size:10px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navi A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navi A:active {color:#33cc00; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navi A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

.navi2 A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navi2 A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navi2 A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navi2 A:hover {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

.navi22 {color:#ffffff; FONT-WEIGHT: bold; font-size:10px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navi22 A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navi22 A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navi22 A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}


.naviohut {color:#ffffff; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.naviohut A:link {color:#ffffff; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.naviohut A:active {color:#ffffff; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.naviohut A:visited {color:#ffffff; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.naviohut A:hover {color:#ffffff; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}

.naviohut A:link {color:#ffffff; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.naviohut A:active {color:#ffffff; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.naviohut A:visited {color:#ffffff; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.naviohut A:hover {color:red; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navia {color:#ffffff; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navia A:link {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navia A:active {color:#ffffff; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navia A:visited {color:#ffffff; FONT-WEIGHT: bold; text-decoration:none; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}
.navia A:hover {color:red; FONT-WEIGHT: bold; text-decoration:underline; font-size:12px; font-family:Garamond,Perpetua,trebuchet ms, arial, verdana, tahoma}