html, body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: 0px;
    border-spacing: 0px;
    font-size: 12px;
    font-family: Arial;
    height: 100%;
    background: #166a12 url(../kuvat/body_background.jpg) repeat-x;
}
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }

.small { font-size: small; }
.x-small { font-size: x-small; }

.bold {font-weight: bold; }
a:link { color: #000000; font-weight: bold; text-decoration: underline; }
a:hover { color: #000000; font-weight: bold; text-decoration: underline; }
a:visited { color: #000000; }

td.articleImage { width: 280px; padding: 3px; }
input.textfield, textarea, select { font-family: Arial; font-size: 12px; border: 1px solid #318428; padding-left: 3px; padding-right: 3px; }
select { padding: 0px; }
input.day, input.month { width: 18px; }
input.hours, input.mins, input.secs { width: 18px; }
input.year { width: 30px; }
input.header { width: 250px; }
input.name { width: 250px; }
input.birthplace { width: 250px; }
input.email { width: 250px; }
input.height, input weight { width: 50px; }
input.fileimage { width: 250px; }
input.error, textarea.error, select.error { border: 2px solid red; }
input.button { font-family: Arial; font-size: 12px; font-weight: bold; background-color: #318428; color: #FFFFFF; border: 1px gray solid; height: 20px; padding-top: 1px; }
input.smallbutton { font-family: Arial; font-size: 11px; font-weight: bold; background-color: #318428; color: #FFFFFF; border: 1px gray solid; height: 18px; }
div.errorMessages { border: 1px solid red; padding: 6px; color: red; }

.white  { color: #FFFFFF; }
.black  { color: #000000; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
img { border: 0px; }
td.mainFrame { background: transparent url(../kuvat/main_table_bg.jpg) repeat-y; }
td.mainContent { vertical-align: top; }
td.topLeft { background: transparent url(../kuvat/main_table_left_bg.jpg) repeat-y; vertical-align: top;}
td.topRight { background: transparent url(../kuvat/main_table_right_bg.jpg) repeat-y; vertical-align: top; }
td.topCenter { color: white; padding-left: 20px; font-weight: bold; background: transparent url(../kuvat/main_table_top_center.jpg) repeat-x; }
td.bottomCenter { background: transparent url(../kuvat/main_table_bottom_center.jpg) repeat-x; }
td.url { font-weight: bold; color: white; padding: 12px 6px 12px 6px; }
td.sponsors { vertical-align: top; padding-top: 38px; }
td.sponsors img { margin-bottom: 2px; }
div.bannerTop { height: 82px; text-align: right; color: white; padding: 14px 12px 0px 0px; background: transparent url(../kuvat/banner.jpg) no-repeat; }
div.bannerTop a, div.bannerTop a:visited { color: white; }
td.mainContent { background-color: white; }
table.mainMenu { border-bottom: 2px #04340d solid; }
table.mainMenu td { border-bottom: 3px #018428 solid; }
table.mainMenu td.admin { text-align: right; }
a.menuItem { padding: 0px 8px 0px 8px; font-weight: bold; text-decoration: none; }
a:hover.menuItem { text-decoration: underline; }
div.heading { height: 20px; vertical-align: middle; color: #FFFFFF; font-weight: bold; padding: 4px 0px 0px 8px; }
div.darkGreen { background: transparent url(../kuvat/heading_dark_green_292.gif) no-repeat; }
div.lightGreen { background: transparent url(../kuvat/heading_light_green_292.gif) no-repeat; }
div.nextMatch { background: transparent url(../kuvat/nxt_match_bg.gif) repeat-x; text-align: center; }
div.whosHot { background: transparent url(../kuvat/heading_whos_hot.gif) no-repeat; }

span.heading { font-family: impact; font-size: large; }
span.articleDate { font-size: x-small; }
div.abstract  { padding: 8px; }
table.top5 { margin: 0px 2px 0px 2px; }
table.top5 td { height: 22px; }
table.top5 td.row0, table.top5 td.row2, table.top5 td.row4 {
  background: transparent url(../kuvat/top5_table_row_bg.gif) repeat-x;
}
table.whosHot { margin: 6px; }
table.whosHot th, table.whosHot td { text-align: left; }
table.diagramm { background: transparent url(../kuvat/table_diagramm_bg.jpg) no-repeat; }
table.diagramm td { vertical-align: bottom; padding-bottom: 2px; }
table.contacts td { padding: 2px; border-bottom: 1px gray solid; }
table.contacts th { text-align: left; padding: 2px; }
div.greenBox { background-color: #318428; padding: 12px; color: white; }
div.greenBox  div.heading  { font-size: large; text-align: left; color: white; padding-bottom: 12px; }
div.greenBox  a, div.greenBox  a:visited  { color: white; font-weight: normal; }
div.latestArticles { background-color: #318428; padding: 12px; color: white; }
div.latestArticles  div.heading  { font-size: large; text-align: left; color: white; padding-bottom: 12px; }
div.latestArticles  a, div.latestArticles  a:visited  { color: white; font-weight: normal; }
table.registration { border: 1px black solid; }
table.registration td, table.registration th { padding: 6px; }
table.registration th { text-align: left; background-color: gray; }

table.user td { height: 24px; }
input.email, input.birthplace { width: 250px; }
input.height, input.weight { width: 40px; }

table.players th { background-color: #318428; text-align: left; color: #FFFFFF; padding: 4px 4px 4px 8px; }
table.player th { background-color: #318428; text-align: left; color: #FFFFFF; padding: 4px 4px 4px 8px; }

table.games th { background-color: #318428; font-size: 11px; font-weight: bold; padding: 3px; }
span.comment {font-weight: normal; color: #666666;}