body { background-color: #e3e3e3; }
.body-text { color: #ffffff; }
#contentwrapper { background-color: #ffffff; color: #000000; }
.read-online { color: #ffffff; margin: 10px 0px; text-align: center; }
#bodywrapper { font-family: Arial, Verdana, sans-serif; font-size: 12px; text-align: center; background-color: #e3e3e3; color: #000000; }
#contentwrapper, #topbar, #footer { width: 636px; margin-left: auto; margin-right: auto; text-align: left; }
#topbar { padding-bottom: 3px; padding-top: 5px; }
.topbar-table { color: #ffffff; }
div, p, span, th, td { font-family: Arial, Verdana, sans-serif; font-size: 12px; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
h1 { font-family: Arial, Verdana, sans-serif; font-size: 20px; color: #000000; }
.h1-space { margin-left: 20px; margin-bottom: 15px; }
.date { font-size: 12px; font-style: italic; color: #707070; }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #000000; }
.column-title { background-color: transparent; }
a { color: #005bc1; text-decoration: underline; font-style: normal; }
a:hover { color: #d0572b; text-decoration: underline; font-style: normal; }
#topbar a { font-size: 12px; font-weight: bold; text-decoration: none; }
#topbar a:hover { text-decoration: none; }
.content-maintable { margin-top: 0px; }
.columnbox { margin: 20px; }
.column-separator { width: 1px; border-left-width: 1px; border-left-style: dotted; border-left-color: #cecece; }
.row-separator { border-top-width: 1px; border-top-style: dotted; border-top-color: #cecece; }
.row-separator-space { margin: 15px; }
.video-box { margin-top: 20px; }
.footer-img { padding-top: 20px; }
#footer { padding-top: 20px; padding-left: 0px; padding-right: 0px; text-align: center; color: #000000; }
.Otsikko1 { font-size: 135%; font-weight: bold; }
.Otsikko2 { font-size: 120%; font-weight: bold; }
.Otsikko3 { font-size: 110%; font-weight: bold; }