html, body, #wrapperi{
height:100%;
}
#table_wrapperi {
position: relative;
height: 100%;
background-color: white;
}
body { margin: 0; padding: 0; background-image:url(../img/bg.gif); font-family: Arial, sans-serif; color: #666; font-size: 12px;}
A { font-family: Tahoma, Verdana; font-size: 12px; color: #3399FF; text-decoration: none; }
A:visited { font-family: Tahoma, Verdana; font-size: 12px; color: #3399FF; text-decoration: none; }
A:hover { font-family: Tahoma, Verdana; font-size: 12px; color: #3399FF; text-decoration: underline; }
A:active { font-family: Tahoma, Verdana; font-size: 12px; color: #3399FF; text-decoration: none; }
td { font-family: Tahoma, Verdana; font-size: 11px; color: #000000; empty-cells:show; }
a.mL, a.mL:visited, a.mL:active, a.mL:hover { font-size: 11px; font-weight: bold; color: #3E5C03; padding: 3px 10px 10px 10px; vertical-align: top;}
a.mLA, a.mLA:visited, a.mLA:active, a.mLA:hover { font-size: 11px; font-weight: bold; color: #FFFFFF; border-bottom: 4px solid #0088EE; padding: 3px 10px 5px 10px; vertical-align: top;}
a.mLs, a.mLs:visited, a.mLs:hover, a.mLs:active { font-size: 11px; color: #3E5C03; padding: 3px 10px;}
a.mLsA, a.mLsA:visited, a.mLsA:hover, a.mLsA:active { font-size: 11px; color: #3E5C03; border-bottom: 4px solid #0088EE; padding: 3px 10px;}
a.sL, a.sL:visited, a.sL:hover, a.sL:active { font-size: 11px; font-weight: bold; color:#45596D; }
a.sLA, a.sLA:visited, a.sLA:hover, a.sLA:active { font-size: 11px; font-weight: bold; color:#39F; }
a.ssL, a.ssL:visited, a.ssL:hover, a.ssL:active { font-size: 11px; color:#45596D; }
a.ssLA, a.ssLA:visited, a.ssLA:hover, a.ssLA:active { font-size: 11px; color:#39F; }
a.fL, a.fL:visited, a.fL:hover, a.fL:active { font-size: 10px; font-weight: normal; color: #39F;}
a.hL, a.hL:visited, a.hL:active, a.hL:hover { font-size: 11px; font-weight: bold; color: #5E5F5C; }
.sitemap_first { text-indent: 10px; font-weight: bold; background-color: #ECF9FF; width: 100%; line-height: 16px; padding: 3px;}
a.sitemap_1, a.sitemap_1:visited, a.sitemap_1:hover, a.sitemap_1:active {padding: 5px; line-height: 16px; }
a.sitemap_2, a.sitemap_2:visited, a.sitemap_2:hover, a.sitemap_2:active { padding: 5px; line-height: 16px; }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #447DA6; font-weight: normal; margin: 0; }
h3 { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #464343; font-weight: bold; }
td.teaser { background-image:url(../img/teaser_bg.gif); background-repeat: no-repeat; height: 38px; width: 257px; padding-left: 5px;}
.teaserheader { font-family: Tahoma, sans-serif; color: #fff; font-size: 11px; font-weight: bold;}
td.teaser a, td.teaser a:visited, td.teaser a:hover, td.teaser a:active { font-family: Arial, sans-serif; color: #AFE5FB; font-size: 11px; font-weight: normal; }
td.teasercontainer_left {border-right:1px solid #e4e4e4;border-top:1px solid #e4e4e4; padding:10px 9px; vertical-align:top; empty-cells:hide;}
td.teasercontainer_right {border-top:1px solid #e4e4e4; padding:10px 9px;vertical-align:top; empty-cells:hide;}
/* Sivupalkit */
table.navi {background-image:url(../img/navi_bg.gif); background-repeat: no-repeat; height: 36px; width: 759px; padding: 0 10px;}
td.vasentausta {width: 100px; background-image:url("../img/bg_left_shadow.jpg"); background-repeat: repeat-y;}
td.oikeatausta {width: 100px; background-image:url("../img/bg_right_shadow.jpg"); background-repeat: repeat-y;}
td.main {padding: 0 20px 0 20px; }
td.alanaviheader {background-image:url(../img/alanavi_header_bg.gif); background-repeat: no-repeat; height: 37px; width: 201px; font-family: Tahoma, Verdana; font-size: 12px; color: #fff; font-weight: bold; text-indent: 10px;}
td.alanavisisalto { border-top: 1px solid #fff; }
td.newsheader {background-image:url(../img/news_header_bg.gif); background-repeat: no-repeat; height: 37px; width: 201px; font-family: Tahoma, Verdana; font-size: 12px; color: #fff; font-weight: bold; text-indent: 10px;}
.newsdate { font-family: Arial, sans-serf; font-size: 13px; font-weight:bold; color: #4b6700; }
a.newsheadline, a.newsheadline:visited, a.newsheadline:hover, a.newsheadline:active { font-family: "Trebuchet MS", Arial, sans-serf; font-size: 11px; color: #464343; font-weight: bold; }
.newsbody { font-family: "Trebuchet MS", Arial, sans-serf; font-size: 11px; color: #464343; }
td.etusivuheader {background-image:url(../img/esityslista_header.jpg); background-repeat: no-repeat; font-family: Tahoma, Verdana; font-size: 12px; color: #464343; font-weight: bold; text-indent: 10px; height: 25px; width: 201px;}
td.etusivubody a, td.etusivubody a:visited, td.etusivubody a:hover, td.etusivubody a:active {font-family: Tahoma, Verdana; font-size: 11px; color: #464343; text-indent: 10px;}
/* Lomakkeet */
td.search_top {background-image:url(../img/search_bg.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; color: #464343; vertical-align: middle; padding-top: 20px;}
form { margin: 0; }
input.srch { background-color: #FFF; width: 230px; font-family: Arial, Helvetica; font-size: 11px; height:20px; font-weight: normal;}
.searchL { color: #39F; font-size: 11px; padding: 4px 35px 5px 15px; background-image:url(../img/button.gif); background-repeat: no-repeat;}
a.wButton, a.wButton:visited, a.wButton:hover, a.wButton:active { padding:5px 15px; background:url(../img/button_wider.jpg) no-repeat; text-decoration: none; font-size: 10px; text-align: center; font-weight: bold; border:0; vertical-align: middle;}
a.wButton:visited, a.wButton:hover, a.wButton:active: { padding:5px 15px; background:url(../img/button_wider.jpg) no-repeat; text-decoration: none; font-size: 10px; text-align: center; font-weight: bold; border:0; vertical-align: middle;}
a.nButton, a.nButton:visited, a.nButton:hover, a.nButton:active { padding:5px 40px 5px 15px; background:url(../img/button.gif) no-repeat; text-decoration: none; font-size: 10px; text-align: center; font-weight: bold; width: 71px; }
input.nButton { background:url(../img/button.gif) no-repeat; text-decoration: none; font-size: 10px; text-align: center; font-weight: bold; width: 71px; height: 20px; color: #39F; border:0; vertical-align: middle;}
input.wButton { background:url(../img/button_wider.jpg) no-repeat; text-decoration: none; font-size: 10px; text-align: center; font-weight: bold; width: 104px; height: 20px; color: #39F; border:0; vertical-align: middle;}
td.formlabel, .formlabel { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #464343; padding-right: 30px; }
input.forminput, textarea.forminput, select.forminput { width: 250px; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #464343; border: 1px solid #ccc; }
input.forminput_narrow { width: 150px; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #464343; border: 1px solid #ccc;}
input.forminput_narrowest { width: 50px; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #464343; border: 1px solid #ccc;}
.forminfo { font-family: Arial, sans-serif; font-size: 11px; color: #666666; line-height: 16px;}
input.formButton { border:0; height: 38px; width: 133px; background:url(../img/button_register.jpg) no-repeat; text-decoration: none; font-size: 10px; text-align: center; font-weight: bold; color: #666666;}
td.footerheader{background-image:url(../img/header_bottom.jpg); background-repeat: repeat-x; height: 50px;}
td.footer{ padding: 5px; 20px; font-family: Tahoma, Verdana; font-size: 10px; color: #505050;}
td.footer a, td.footer a:visited, td.footer a:hover, td.footer a:active {font-size: 10px;}
/* Events */
td.offDay { height:19px; font-family:Tahoma,verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#cccccc; vertical-align:top; text-align:right; }
td.regDay { height:19px; font-family:Tahoma,verdana,Arial,Helvetica,sans-serif; font-size:11px; color:black; vertical-align:top; text-align:right; }
td.weekEnd { height:19px; font-family:Tahoma,verdana,Arial,Helvetica,sans-serif; font-size:11px; background:#dddddd; color:#999999; vertical-align:top; text-align:right; }
td.linkDay { height:19px; font-family:Tahoma,verdana,Arial,Helvetica,sans-serif; font-size:11px; background:#ffee00; color:#d15d06; vertical-align:top; text-align:right; }
td.linkThisDay { height:17px; font-family:Tahoma,verdana,Arial,Helvetica,sans-serif; font-size:11px; background:#ffee00; color:#d15d06; color:#d15d06; vertical-align:top; text-align:right; border-right:solid #d15d06 2px; border-bottom:solid #d15d06 2px; }
td.thisDay { height:17px; font-family:Tahoma,verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#d15d06; vertical-align:top; text-align:right; border-right:solid #d15d06 2px; border-bottom:solid #d15d06 2px; }
td.deco { background:#A9B662; color:#006633; vertical-align:top; font-size:10px; text-align:right; }
td.decoTop { border-bottom:solid #006633 1px; background:#A9B662; color:#006633; vertical-align:top; font-size:10px; text-align:right; width: 18px; }
td.decoLeft { border-right:solid #006633 1px; background:#A9B662; color:#006633; vertical-align:top; font-size:10px; text-align:center; width: 18px; }
td.decoBig { background:#A9B662; border-bottom:solid #006633 1px; color:white; vertical-align:top; font-size:12px; }
td.decoBottom { border-top:solid #006633 1px; color:#006633; vertical-align:top; font-size:10px; text-align:center; }
/* SMS */
td.fieldTitle { width:130px; font-family:Arial,verdana; font-size:11px; font-weight:500; }
td.tit { font-size:10pt; font-weight:600; text-transform:uppercase; }
td.stitle { font-size:8pt; padding:2px; padding-left:4pt; font-weight:600; }
INPUT.widthMax { border:solid #999999 1px; width:260px; height:20px; line-height:13px; font-family:verdana; font-size:10px; }
TEXTAREA.widthMax { border:solid #999999 1px; width:260px; height:100px; line-height:13px; font-family:verdana; font-size:10px; }
SELECT.widthMax { border:solid #999999 1px; width:260px; height:100px; line-height:10px; font-family:verdana; font-size:10px; }
/* Forum */
A.esityslista { font-family: Tahoma, sans-serif; font-size: 11px; color:#464343; }
A.esityslista:visited { font-family: Tahoma, sans-serif; font-size: 11px; color:#464343; }
A.esityslista:hover { font-family: Tahoma, sans-serif; font-size: 11px; color:#464343; }
A.esityslista:active { font-family: Tahoma, sans-serif; font-size: 11px; color:#464343; }
A.footerlinkki { font-size:10px; }
A.footerlinkki:visited { font-size:10px; }
A.footerlinkki:hover { font-size:10px; }
A.footerlinkki:active { font-size:10px; }
A.harmaalinkki { font-size: 12px; color:#45596D; text-decoration: underline; }
A.harmaalinkki:visited { font-size: 12px; color:#45596D;text-decoration: underline; }
A.harmaalinkki:hover { font-size: 12px; color:#45596D;text-decoration: underline; }
A.harmaalinkki:active { font-size: 12px; color:#45596D;text-decoration: underline; }
A.teaserlinkki { font-family: Arial, sans-serif; color: #AFE5FB; font-size: 11px; font-weight: normal; }
A.teaserlinkki:visited { font-family: Arial, sans-serif; color: #AFE5FB; font-size: 11px; font-weight: normal; }
A.teaserlinkki:hover { font-family: Arial, sans-serif; color: #AFE5FB; font-size: 11px; font-weight: normal; }
A.teaserlinkki:active { font-family: Arial, sans-serif; color: #AFE5FB; font-size: 11px; font-weight: normal; }
FONT.AlaOtsikko { font-family: Verdana, sans-serif; font-weight: bold; font-size: 12px; color: #464343; padding: 20px 0 10px 0; }
FONT.eleipis { font-family: Arial, sans-serif; font-size: 14px; color: #464343; }
FONT.etusivuotsikko { font-family: Arial, sans-serif; font-size: 18px; color: #434646; }
FONT.Huomio { }
FONT.Kappale { }
FONT.Otsikkoharmaa { }
FONT.paaotsikko { font-face: Arial, sans-serif; font-size:18px; color: #447DA6; padding: 10px 0; }