body { margin:0px; background-image:url("../graf/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; }

h1 { font-face: Arial, sans-serif; font-size:18px; color: #447DA6; padding: 10px 0; }
h2 { font-family: Verdana, sans-serif; font-weight: bold; font-size: 12px; color: #464343; padding: 20px 0 10px 0; }
h3 { font-family: Verdana, sans-serif; font-weight: bold; font-size: 12px; color: #464343; padding: 20px 0 10px 0; }

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("../graf/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("../graf/navi_bg.gif"); background-repeat: no-repeat; height: 36px; width: 759px; padding: 0 10px;}
td.vasentausta {width: 100px; background-image:url("../graf/bg_left_shadow.jpg"); background-repeat: repeat-y;}
td.oikeatausta {width: 100px; background-image:url("../graf/bg_right_shadow.jpg"); background-repeat: repeat-y;}
td.main {padding: 0 20px 0 20px;}
td.alanaviheader {background-image:url("../graf/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("../graf/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("../graf/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("../graf/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("../graf/button.gif"); background-repeat: no-repeat;}
a.wButton, a.wButton:visited, a.wButton:hover, a.wButton:active { padding:5px 15px; background:url("../graf/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("../graf/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("../graf/button.gif") no-repeat; text-decoration: none; font-size: 10px; text-align: center; font-weight: bold; width: 71px; }

input.nButton { background:url("../graf/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("../graf/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_narrower { width: 100px; 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("../graf/button_register.jpg") no-repeat; text-decoration: none; font-size: 10px; text-align: center; font-weight: bold; color: #666666;}

td.footerheader{background-image:url("../graf/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 */

tr.header td { padding: 2px; font-weight: bold; border: 1px solid grey; }  

table.event_info { width:100%; }
table.event_info td { vertical-align:top; color:#666666; font-size:11px; }
table.event_info td a { font-size:11px; }
table.event_info td.event_title { font-size:12px; font-weight:bold; }
table.event_enrolment { width:100%; margin-top:25px; }
table.event_enrolment td { vertical-align:top; color:#666666; font-size:11px; padding-bottom:2px; }
table.event_enrolment td a { font-size:11px; }
table.event_enrolment td.enrolment_title { font-size:12px; font-weight:bold; }
table.event_enrolment td input[type=text] { height:1em; font-size:11px; width:100%; }
table.event_enrolment td textarea { height:5em; font-size:11px; width:100%; font-family:Arial,Verdana; }

table.event_list_table { width:99%; margin-right:1%; }
table.event_list_table td { vertical-align:top; font-size:11px; padding-bottom:4px; border-width:0px 0px 0px 0px; border-bottom:1px solid #cccccc; }
table.event_list_table td a { font-size:11px; }
table.event_list_table tr.header td { vertical-align:bottom; border-bottom:2px solid black; }

input.maxWidth { width:300px; }
input.narrowWidth { width:150px; }
textarea.maxWidth { width:300px; height:150px; }