html
{
	overflow-y: scroll;
}

.fckeditor_purkka
{
	z-index: 25;
}

body
{
	font: 14px Arial;
	color: #333333;
	height: 100%;
        padding: 0px;
        margin: 0px;
}

.body
{
    background-color: #000000;
    color: #333333;
}

table, td, p
{
	font: normal 14px Arial;
        color: #333333;
}

a,a:visited,a:active
{
	font: normal 14px Arial;
        color: #FFFFFF;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a.linkki,a:visited.linkki,a:active.linkki
{
	font: normal 14px Arial;
	color: #ffffff;
	text-decoration:none;
}

a:hover.linkki
{
    font: normal 14px Arial;
	color: #ffffff;
	text-decoration:underline;
}

a.linkki2,a:visited.linkki2,a:active.linkki2
{
	font: normal 14px Arial;
	color: #ffffff;
	text-decoration:underline;
}

a:hover.linkki2
{
    font: normal 14px Arial;
	color: #ffffff;
	text-decoration:underline;
}

a.uutis_linkki,a:visited.uutis_linkki,a:active.uutis_linkki
{
	font: normal 14px Arial;
	color: #ffffff;
	text-decoration:none;
}

a:hover.uutis_linkki, a.uutis_linkki2
{
    font: normal 14px Arial;
	color: #ffffff;
	text-decoration:underline;
}

h1
{
	font: 36px Arial;
	color: #E3E3E3;
        padding: 0px;
        margin: 0px;
        padding-bottom: 15px;
        padding-top: 0px;
}

h2
{
	font: bold 24px Arial;
    color: #333;
        padding: 8px 0px 12px 0px;
        margin: 0px;
}

h3,h4,h5,h6
{
	font: bold 14px Arial;
    color: #333;
        padding: 0px;
        margin: 0px;
        padding-bottom: 3px;
}

.parentnimi
{
    font: bold 50px Arial;
    color: #E3E3E3;
}
.relative { position: relative; }

.centerer
{
    width: 100%;
    text-align: center;
        padding: 0px;
        margin: 0px auto;
        z-index: 0;
}
      
.ylapalkki
{
    position: relative;
    top: 4px;
    width: 100%;
    height: 31px;
        margin-top: 0px;
        margin-bottom: 4px;
}

.valikko { height: 31px; }

.content
{
    text-align: center;
    overflow: visible;
    _height: 700px;
    min-height: 700px;
        padding: 0px;
        padding-bottom: 0px;
        margin: 0px auto;
}

.sivu_bg0{ background: url(img/etusivuntausta.jpg) no-repeat top center; }
.sivu_bg1{ background: url(img/sisatausta.jpg) no-repeat top center; }
.sivu_bg2{ background: url(img/uutistausta.jpg) no-repeat top center; } /* uutislista */

.etuteksti
{
    position: absolute;
    top: 4px;
    left: 380px;
    float: left;
    width: 594px;
    height: 526px;
    overflow: hidden;
    text-align: left;
    color: #FFFFFF;
        z-index: 1;
}
.etuteksti_ss { padding: 0px 0px 0px 0px; }

.vasen_kehys { float: left; }

.etusivukuva
{
    position: absolute;
    top: 4px;
    left: 38px;
    width: 311px;
    height: 266px;
    color: #FFFFFF;
    text-align: left;
    overflow: hidden;
}

.sivukuva
{
    position: absolute;
    top: 4px;
    left: 38px;
    width: 311px;
    height: 266px;
    background-repeat: no-repeat;
    overflow: hidden;
    border: 0px dotted #0FF;
}

.sivukuva_ss { padding: 0px 0px 0px 0px; }

.vasen_palsta
{
    clear: both;
    width: 200px;
    height: 130px;
    overflow: auto;
}

.lyly_pb
{
    position: absolute;
    top: 32px;
    right: 8px;
    z-index: 2;
}

.uutislista
{
    position: absolute;
    top: 280px;
    left: 38px;
}

.taso2_valikko
{
    position: absolute;
    top: 40px;
    left: 38px;
        z-index: 1;
}

.taso2_valikko_ots a, .taso2_valikko_ots a:hover { text-decoration: none; }
    
    .taso2_td
    {
        text-align: left;
            padding: 0px 0px 8px 30px;
    }
        .taso2_td a
        {
            font-weight: bold;
        }

    .uutisvali
    {
        padding: 0px 0px 12px 30px;
    }

    .uutisvali1
    {
        padding: 0px 0px 4px 20px;
    }

.textalue
{
    /* background: url(img/textausta_8.png) repeat; */
    background: url(img/textausta_70.png) repeat-y;
    position: absolute;
    top: 114px;
    left: 380px;
    width: 594px;
    height: 416px;
    overflow: auto;
    text-align: left;
    color: #333333;
        border: 1px solid #F00;
        z-index: 2;
}
.uutishidden { overflow: hidden; }

    .textalue_ss { padding: 8px 8px 8px 12px; }

        .alamargin
        {
            height: 71px;
            border: 1px solid #0F0;
        }

.textalue a, .textalue a:visited, .textalue a:active
{
    color: #0000FF;
    text-decoration: none;
}
.textalue a:hover
{
    color: #0000FF;
    text-decoration: underline;
}

a.uutis_linkki1,a:visited.uutis_linkki1,a:active.uutis_linkki1
{
	font: normal 14px Arial;
	color: #333333;
	text-decoration:none;
}

a:hover.uutis_linkki1
{
    font: normal 14px Arial;
	color: #333333;
	text-decoration:underline;
}

.alempivalikko_oikea
{
    position: relative;
    float: left;
    width: 348px;
    color: #2E3B55;
}
    .alempivalikko_oikea_ss { padding: 0px 10px 0px 8px; }

.sisaltoalue
{
    position: relative;
    top: 0px;
    width: 1000px;
    _height: 550px;
    min-height: 550px; /* 593 620 */
    margin: 0px auto;
}

.sisaltoalue_spacer1 { height: 553px; }

.sisaltoalue_taso2
{
    width: 800px;
    min-height: 518px;
    background-image: url(img/taso2_toisto.jpg);
    background-repeat: repeat-y;
}

.sisalto_ss { padding: 34px 0px 0px 36px; }

.sisaltoalue2
{
    float: left;
    width: 562px;
    border: 1px solid #F00;
}

.sisaltoalue2_ss { padding: 85px 0px 0px 24px; }

.galleria
{
    float: left;
    width: 540px;
    border: 0px solid #000;
}

.galleria_ss { padding: 30px 0px 0px 24px; }

.galleria_valikko
{
    float: left;
    width: 220px;
    overflow: auto;
        border: 0px solid #000;
}

.galleria_lisateksti
{
    float: left;
    width: 280px;
}

.galleria_lisateksti_ss { padding: 0px 8px 0px 8px; }

.galleriakuva { border: solid 1px #000; }

.galleriakuva_ss { padding: 0px 0px 15px 0px; }


.clearFloat { clear: both; }

.centerer2 { text-align: center; }

.logoalue
{
    width: 1000px;
    height: 41px;
    text-align: center;
    font: bold 16px Arial;
    font-variant: small-caps;
    color: #BBBBBB;
    overflow: hidden;
        margin: 0px auto;
}

.logoalue_ss { padding: 0px 0px 0px 0px; }

    .scrollingtext
    {
        position: relative;
        white-space: nowrap;
        color: #BBBBBB;
        font-weight: bold;
    }


.bottom_spacer { height: 10px; }

.alamenu
{
    position: absolute;
    padding-top: 7px;
    display: none;
    z-index: 10000;
}

.alamenu_taulu
{
    background-color: #000000;
    border: 1px solid #999;
    z-index: 10001;
}

.menuvali { border-bottom: solid 1px #000000; }

.menu_pad
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.suunnittelija { text-align: center; color: #AAA; padding-top: 8px; }

.menu_pad a.linkki, .menu_pad a:visited.linkki, .menu_pad a:active.linkki, .menu_pad a:hover.linkki,
.menu_pad a.linkki2, .menu_pad a:visited.linkki2, .menu_pad a:active.linkki2, .menu_pad a:hover.linkki2
{
    font-size: 12px;
}

.mk_button_bg
{
	position:absolute;
	background-color: #ffffff;
	border: dashed 1px #000;
	padding: 2px;
}

.mk_button_bg_v2
{
	position:absolute;
	background-color: #ffffff;
	border: dashed 1px #000;
	padding: 2px;
}

a.mk_button_link,a:visited.mk_button_link,a:active.mk_button_link
{
	font: bold 12px Arial;
	color: #000;
	text-decoration:none;
}

a:hover.mk_button_link
{
        font: bold 12px Arial;
	color: #000;
	text-decoration:underline;
}

a.mk_button_link_v2,a:visited.mk_button_link_v2,a:active.mk_button_link_v2
{
	font: bold 10px Arial;
	color: #000;
	text-decoration:none;
}

a:hover.mk_button_link_v2
{
    font: bold 10px Arial;
	color: #000;
	text-decoration: underline;
}

/*editori-alueen tyylit eri elementtien perusteella (erotellaan PAGE_TYPE -muuttujalla)*/
#editor_area2, #editor_area3, #editor_area4, #editor_area11,
#editor_area5, #editor_area7, #editor_area8, #editor_area9
{
    color: #333333;
    background-color: #727272;
}

#editor_area6, #editor_area11
{
    text-align: center;
}

#editor_area10, #editor_area13, #editor_area14
{
    color: #333333;
    background-color: #FFFFFF;
}

#editor_area13, #editor_area14{ text-align: center; }

#editor_area0, #editor_area1, #editor_area6, #editor_area12
{
    color: #333333;
    background-color: #FFFFFF;
}
#editor_area0 a, #editor_area0 a:visited, #editor_area0 a:active
{
    color: #0000FF;
    text-decoration: none;
}
#editor_area0 a:hover
{
    color: #0000FF;
    text-decoration: underline;
}

/* liScroll styles */

.tickercontainer
{
    /* the outer div with the black border */
    border: 0px solid #0F0;
    width: 1000px;
    height: 16px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.tickercontainer .mask
{
    /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    left: 22px;
    top: 0px;
    width: 954px;
    overflow: hidden;
}
ul.newsticker
{
    /* that's your list */
    position: relative;
    left: 800px;
    font: bold 14px Arial;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.newsticker li
{
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding: 0px 25px 0px 0px;
}
ul.newsticker a
{
    white-space: nowrap;
    padding: 0;
    color: #ffffff;
    font: bold 14px Arial;
    margin: 0;
}
ul.newsticker span { margin: 0 10px 0 0; }