body {
    background: #dedede url(/img/background.gif) repeat-y fixed 0 0;
    color: #333;
    font: normal 12px verdana, arial, helvetica, sans-serif;
    margin: 15px;
    padding: 0;
}

a, a:active, a:link, a:visited {
    color: #0294cd;
}
a:hover {
    color: #00f;
}
#yritysopas a {
    color: #333;
    text-decoration: none;
} 

#container {
    width: 925px;
}
#nav {
    float: left;
    width: 155px;
}
#content {
    float: left;
    margin-left: 14px;
    width: 742px;
}
#onecol {
    float: left;
    margin-left: 15px;
    width: 185px;
}
#twocol {
    float: left;
    width: 343px;
}
#threecol {
    float: left;
    width: 543px;
}
#right {
    float: left;
    margin-left: 14px;
    width: 185px;
}
#footer {
    background: url(/img/spacer_black.gif) repeat-x top;
    margin-top: 15px;
    padding: 10px 5px 10px 5px;
}
#footer a {
    color: #333;
}

#inner, .commentsbox {
    margin: 27px 20px 27px 20px;
}
.commentsbox {
    margin-top: 0;
}
.commentsbox .date {
    margin-bottom: 10px;
}

#bannerIso {
    border: 1px solid #999;
    margin: 0 0 15px 0;
    padding: 6px 0 6px 0;
    text-align: center;
    width: 740px;
}
#bannerKeski {
    border: 1px solid #999;
    margin: 0 0 15px 0;
    padding: 21px 0 21px 0;
    text-align: center;
    width: 342px;
}
#bannerSuurtaulu {
    /* border: 1px solid #999; */
    margin: 15px 0 15px 0;
    padding: 21px 0 21px 0;
    text-align: center;
    width: 183px;
}

form {
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}

a:active, a:hover {
    color: #66c;
}
a.more {
    font-weight: bold;
}

h1 {
    background: url("/img/re_logo_2010.gif") no-repeat 0 0;
    font-size: 1px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
}
h1 a {
    background: url("/img/re_logo_2010.gif") no-repeat 0 0;
    display: block;
    height: 104px;
    margin-bottom: 15px;
    outline: none;
    text-decoration: none;
    width: 155px;
}
h1 a:hover {
    text-decoration: none;
}

h2 {
    font-size: 1px;
    height: 20px;
    margin: 0 0 13px 0;
    padding: 0;
    text-indent: -9999px;
}
h3 {
    font: bold 16px georgia, serif;
    margin: 10px 0 15px 0;
    padding: 0;
}
h4 {
    font: bold 13px georgia, serif;
    margin: 5px 0 5px 0;
    padding: 0;
}
h3.i {
    font: bold 14px georgia, serif;
}
h3.i-big {
    font: bold 23px/28px georgia, serif;
}
h3.i a, h3.i a:active, h3.i a:link, h3.i a:visited {
    color: #333;
    text-decoration: none;
}
h3.i-big a, h3.i-big a:active, h3.i-big a:link, h3.i-big a:visited {
    color: #333;
    text-decoration: none;
}
h3.forumtitle {
    margin: 15px 0 0 0;
}
h3.forumtitle a, h3.forumtitle a:active, h3.forumtitle a:link, h3.forumtitle a:visited {
    color: #333;
    text-decoration: none;
}

.nostokuva {
    background-color: #fff;
    float: right;
    margin-top: 1px;
    padding: 9px 0 10px 0;
    text-align: right;
    width: 280px;
}
.nostot h3 {
    background: url(/img/spacer_black.gif) repeat-x top;
    padding-top: 8px;
    margin: 0;
}
.nostot h3.i-big {
    background: none;
    border-top: 1px solid #999;
    margin: 0 0 8px 0;
}
.nostot h3.i {
    margin: 10px 0 0 0;
}
.nostot p {
    margin: 0;
    padding: 5px 0 0 0;
}

#inner h3 {
    font: normal 20px georgia, serif;
}
#inner h3.hdl {
    font-size: 24px;
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
}
#inner .blogentry {
    border-bottom: 1px solid #999;
    padding: 10px 0 15px 0;
    margin-bottom: 15px;
}
#inner .blogentry h3 {
    margin: 15px 0 15px 0;
}
#inner .blogentry h3 a {
    color: #333;
    text-decoration: none;
}
.author,
.meta {
    margin-top: 15px;
}
.caption {
    font: normal 13px georgia, serif;
    margin-top: 15px;
}
.comments {
    margin: 15px 0 15px 0;
}
#commentbox {
    border: 1px solid #999;
    margin: 15px 0 15px 0;
    padding: 10px;
}
.commentmeta {
    margin-bottom: 5px;
}
.comment {
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.yritys {
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.yritys .link {
    float: left;
}
.yritys .link a {
    color: #333;
    font: normal 18px georgia, serif;
    text-decoration: none;
}
.yritys .image {
    float: right;
}

.yritysopas-info {
    border-bottom: 1px solid #999;
}
.yritysopas-info .logo {
    float: right;
}

.uutinen, .kommentti {
    border-bottom: 1px solid #999;
    padding: 10px 0 15px 0;
    margin-bottom: 15px;
}

.thread {
    border-bottom: 1px solid #999;
    margin-bottom: 15px;
    padding-bottom: 15px;  
}

.text img {
    margin: 5px;
}

#uutiskirje-prev {
    margin-top: 5px;
}

#threecol h2 {
    width: 543px;
}
#twocol h2 {
    width: 343px;
}
#onecol h2 {
    width: 185px;
}
#nav h2 {
    width: 155px;
}

#blogi .entry {
    margin-bottom: 10px;
}
#blogi .divider {
    background: url(/img/spacer_black.gif) repeat-x top;
    height: 10px;
}

.pager {
    color: #666;
    margin: 10px 0 10px 0;
}

#yritysopas h2, #repro h2 {
    width: 158px;
}
#repro h2 a {
    background: url(/img/o_i_repro.gif) no-repeat 0 0;
    display: block;
    margin: 0;
    outline: none;
    text-decoration: none;
    height: 22px;
    width: 75px;
}
#yritysopas h2 a {
    background: url(/img/o_i_yritysopas.gif) no-repeat 0 0;
    display: block;
    margin: 0;
    outline: none;
    text-decoration: none;
    height: 22px;
    width: 158px;
}
#blogi h2 a {
    background: url(/img/o_i_blogi.gif) no-repeat 0 0;
    margin: 0 0 8px 0;
    display: block;
    outline: none;
    text-decoration: none;
    height: 20px;
}
#blogi h2, #keskustelu h2, #liukuhihna h2 {
    margin: 0 0 8px 0;
}
#keskustelu h2 a {
    background: url(/img/o_i_keskustelu.gif) no-repeat 0 0;
    display: block;
    outline: none;
    text-decoration: none;
    height: 20px;
}
#liukuhihna h2 a {
    background: url(/img/o_i_liukuhihna.gif) no-repeat 0 0;
    margin: 0 0 8px 0;
    display: block;
    outline: none;
    text-decoration: none;
    height: 20px;
}

h2#re {
    background: url(/img/o_re.gif) no-repeat 0 0;
}
h2#uutiset {
    background: url(/img/o_uutiset.gif) no-repeat 0 0;
}
h2#kommentit {
    background: url(/img/o_kommentit.gif) no-repeat 0 0;
}
h2#kommentoi {
    background: url(/img/o_kommentoi.gif) no-repeat 0 0;
}
h2#liukuhihna {
    background: url(/img/o_liukuhihna.gif) no-repeat 0 0;
}
h2#research {
    background: url(/img/o_research.gif) no-repeat 0 0;
}
h2#blogi {
    background: url(/img/o_blogi.gif) no-repeat 0 0;
}
h2#kolumnit {
    background: url(/img/o_kolumnit.gif) no-repeat 0 0;
}
h2#haku {
    background: url(/img/o_haku.gif) no-repeat 0 0;
}
h2#keskustelu {
    background: url(/img/o_keskustelu.gif) no-repeat 0 0;
}
h2#tiedotteet {
    background: url(/img/o_tiedotteet.gif) no-repeat 0 0;
}
h2#inout {
    background: url(/img/o_inout.gif) no-repeat 0 0;
}
h2#yritysopas {
    background: url(/img/o_yritysopas.gif) no-repeat 0 0;
}

#liukuhihna ul, #liukuhihna ul li,
#repro ul, #repro ul li,
#keskustelu ul, #keskustelu ul li,
#inner ul, #inner ul li {
    list-style-type: none;
    margin: 0 0 8px 0;
    padding: 0;
}
#liukuhihna ul li,
#repro ul li,
#keskustelu ul li,
#inner ul li {
    margin: 0;
    padding: 5px 0 5px 0;
}
#liukuhihna ul li,
#repro ul li,
#keskustelu ul li {
    padding: 3px 0 3px 0;
}
#repro ul {
    margin-top: 7px;
}

#repro, div#yritysopas {
    background: url(/img/bg_185_999.gif) repeat-y;
    border-top: 1px solid #999;
    padding: 9px 9px 0 9px;
}
#readme, #repro {
    border-bottom: none;
}
#repro ul {
    margin-bottom: 0;
    padding-bottom: 5px;
}
#repro-bottom {
    background: url(/img/repro_bottom.gif) no-repeat;
    height: 8px;
    width: 185px;
}
#readme {
    background: url(/img/bg_343_999.gif) repeat-y;
    border-top: 1px solid #999;
    margin-top: 20px;
    padding: 9px 9px 0 9px;
}
#readme p {
    margin: 0;
    padding-bottom: 4px;
}
#readme-bottom {
    background: url(/img/readme_bottom.gif) no-repeat;
    height: 8px;
    width: 343px;
}
div#yritysopas {
    border-bottom: none;
    padding-bottom: 5px;
}
#yritysopas #viikon {
    display: block;
    margin-bottom: 9px;
    text-align: center;
}
#yritysopas-bottom {
    background: url(/img/yritysopas_bottom.gif) no-repeat;
    margin-bottom: 15px;
    height: 8px;
    width: 185px;
}
#partners {
    font-size: 10px;
    margin-top: 25px;
    text-align: center;
    width: 185px;
}
#partners span {
    font-size: 12px;
}

#right ul, #right ul li,
#nav ul, #nav ul li {
    list-style-type: none;
    margin: 0 0 8px 0;
    padding: 0;
}
#right ul li {
    background: url(/img/spacer_black.gif) repeat-x bottom;
    margin: 0;
    padding: 5px 0 8px 0;
}
#right ul.clean, #right ul.clean li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#right ul.clean {
    margin: 0 0 8px 0;
}
#right ul.clean a {
    color: #333;
}
#right ul li.clean {
    background: none;
}
#right ul li span {
    display: block;
}
#right h2 {
    margin: 0 0 8px 0;
    width: 185px;
}
h2#r-uutiset a {
    background: url("/img/vier_uut.gif") no-repeat 0 0;
    display: block;
    outline: none;
    text-decoration: none;
    height: 20px;
}
h2#r-rekry {
    background: url(/img/o_r_rekry.gif) no-repeat 0 0;
}
h2#r-inout a {
    background: url(/img/o_r_inout.gif) no-repeat 0 0;
    display: block;
    outline: none;
    text-decoration: none;
    height: 20px;
}
h2#r-tiedotteet a {
    background: url(/img/o_r_tiedotteet.gif) no-repeat 0 0;
    display: block;
    outline: none;
    text-decoration: none;
    height: 20px;
}
h2#r-kerromeille {
    background: url(/img/o_r_kerromeille.gif) no-repeat 0 0;
}
h2#r-julkaisetiedote {
    background: url(/img/o_r_julkaisetiedote.gif) no-repeat 0 0;
}
h2#r-sektoricom a {
    background: url(/img/o_r_sektoricom.gif) no-repeat 0 0;
    display: block;
    outline: none;
    text-decoration: none;
    height: 17px;
    width: 81px;
}
h2#r-3viimeisinta {
    background: url(/img/o_r_3viimeisinta.gif) no-repeat 0 0;
}
h2#r-10viimeisinta {
    background: url(/img/o_r_10viimeisinta.gif) no-repeat 0 0;
}
h2#r-arkisto {
    background: url(/img/o_r_arkisto.gif) no-repeat 0 0;
}
h2#r-ilmoitatyo {
    background: url(/img/o_r_ilmoitatyo.gif) no-repeat 0 0;
}
h2#r-muutartikkelit {
    background: url(/img/o_r_muutartikkelit.gif) no-repeat 0 0;
}
h2#r-sameauthor {
    background: url(/img/o_r_sameauthor.gif) no-repeat 0 0;
}
h2#r-blogaajat {
    background: url(/img/o_r_blogaajat.gif) no-repeat 0 0;
}
h2#r-yritykset {
    background: url(/img/o_r_yritykset.gif) no-repeat 0 0;
}
h2#r-osaamisalueet {
    background: url(/img/o_r_osaamisalueet.gif) no-repeat 0 0;
}
h2#r-related {
    background: url(/img/o_r_related.gif) no-repeat 0 0;
}
h2#r-osallistu {
    background: url(/img/o_r_osallistu.gif) no-repeat 0 0;
}

#nav ul#n, #nav ul#n li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav ul#n li {
    margin-bottom: 4px;
}
#nav ul#n li a {
    display: block;
    height: 20px;
    outline: none;
    text-decoration: none;
    text-indent: -9999px;
    width: 155px;
}
#nav ul#n li a:hover {
    background-position: 0 -20px;
}
li#n-research, li#n-research a {
    background: url(/img/nav/research.gif) no-repeat 0 0;
}
li#n-kolumnit, li#n-kolumnit a {
    background: url(/img/nav/kolumnit.gif) no-repeat 0 0;
}
li#n-uutiset, li#n-uutiset a {
    background: url(/img/nav/uutiset.gif) no-repeat 0 0;
}
li#n-tiedotteet, li#n-tiedotteet a {
    background: url(/img/nav/tiedotteet.gif) no-repeat 0 0;
}
li#n-inout, li#n-inout a {
    background: url(/img/nav/inout.gif) no-repeat 0 0;
    display: none;
}
li#n-liukuhihna, li#n-liukuhihna a {
    background: url(/img/nav/liukuhihna.gif) no-repeat 0 0;
}
li#n-keskustelu, li#n-keskustelu a {
    background: url(/img/nav/keskustelu.gif) no-repeat 0 0;
}
li#n-grandone, li#n-grandone a {
    background: url(/img/nav/grandone.gif) no-repeat 0 0;
}
li#n-repro, li#n-repro a {
    background: url(/img/nav/repro.gif) no-repeat 0 0;
}
li#n-yritysopas, li#n-yritysopas a {
    background: url(/img/nav/yritysopas.gif) no-repeat 0 0;
}
li#n-blogi, li#n-blogi a {
    background: url(/img/nav/blogi.gif) no-repeat 0 0;
}
li#n-lahetavinkki, li#n-lahetavinkki a {
    background: url(/img/nav/lahetavinkki.gif) no-repeat 0 0;
}
li#n-palaute, li#n-palaute a {
    background: url(/img/nav/palaute.gif) no-repeat 0 0;
}
li#n-toimitus, li#n-toimitus a {
    background: url(/img/nav/toimitus.gif) no-repeat 0 0;
}
li#n-yhteystiedot, li#n-yhteystiedot a {
    background: url(/img/nav/yhteystiedot.gif) no-repeat 0 0;
}
li#n-mediakortti, li#n-mediakortti a {
    background: url(/img/nav/mediakortti.gif) no-repeat 0 0;
}

.form-box {
    background-color: #666;
    height: 49px;
    margin-top: 10px;
    padding: 4px 0 0 6px;
}
.form-box input.text {
    font: normal 11px verdana, arial, helvetica, sans-serif;
    margin-right: 5px;
    padding: 2px;
    width: 110px;
}
.form-box input.button {
    height: 17px;
    vertical-align: middle;
    _margin-bottom: 7px; /* Ugly IE hack */
    width: 16px;
}
.form-box h2 {
    font-size: 1px;
    height: 11px;
    margin: 0 0 10px 0;
    padding: 0;
    text-indent: -9999px;
}
.form-box #haeresta {
    background: url(/img/nav/o_haeresta.gif) no-repeat 0 0;
    width: 75px;
}
.form-box #tilaauutiskirje {
    background: url(/img/nav/o_tilaauutiskirje.gif) no-repeat 0 0;
    width: 111px;
}
#uutiskirje-prev {
    margin-bottom: 10px;
}
.grandone {
    width: 155px;
}
.grandone h2 {
    background: url(/img/nav/o_grandone.gif) no-repeat 0 0;
    font-size: 1px;
    height: 21px;
    margin: 10px 0 0 0;
    padding: 0;
    text-indent: -9999px;
    width: 155px;
}
.grandone-in {
    border: 1px solid #999;
    border-top: none;
}

#sektori {
    border-top: 1px solid #999;
    padding-top: 10px;
}

#inner .content p {
    font: normal 12px/18px verdana, arial, helvetica, sans-serif;
}
#inner .text p, #inner .text td {
    font: normal 12px/18px verdana, arial, helvetica, sans-serif;
    margin: 10px 0 0 0;
}

