html
{
	overflow-y: scroll;
}

.fckeditor_purkka
{
	z-index: 25;
}

body
{
	font: 16px "Times new Roman", Sans-Serif;
	color: #661104; /* 891A17 551104 9B0020 */
	height: 100%;
        padding: 0px;
        margin: 0px;
}

.body
{
    background: url(img/taustavari.png) #FFFFFF repeat-x;
    color: #661104; /* 891A17 9B0020 661104 */
}

table, td, p
{
	font: normal 16px "Times new Roman", Sans-Serif;
        color: #661104;
}

a,a:visited,a:active
{
	font: normal 14px "Times new Roman", Sans-Serif;
        color: #9B0020;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a.linkki,a:visited.linkki,a:active.linkki
{
	font: bold 14px "Times new Roman", Sans-Serif;
	color: #ffffff;
	text-decoration:none;
}

a:hover.linkki
{
        font: bold 14px "Times new Roman", Sans-Serif;
	color: #ffffff;
	text-decoration:underline;
}

a.linkki2,a:visited.linkki2,a:active.linkki2
{
	font: bold 14px "Times new Roman", Sans-Serif;
	color: #ffffff;
	text-decoration:underline;
}

a:hover.linkki2
{
        font: bold 14px "Times new Roman", Sans-Serif;
	color: #ffffff;
	text-decoration:underline;
}

a.uutis_linkki,a:visited.uutis_linkki,a:active.uutis_linkki
{
	font: bold 12px "Times new Roman", Sans-Serif;
	color: #9B0020;
	text-decoration:none;
}

a:hover.uutis_linkki
{
    font: bold 12px "Times new Roman", Sans-Serif;
	color: #9B0020;
	text-decoration:underline;
}

h1
{
	font: 36px "Times new Roman", Sans-Serif;
	color: #9B0020;
        padding: 0px;
        margin: 0px;
        padding-bottom: 15px;
        padding-top: 0px;
}

h2,h3,h4,h5,h6
{
	font: bold 14px "Times new Roman", Sans-Serif;
    color: #9B0020;
        padding: 0px;
        margin: 0px;
        padding-bottom: 3px;
}


.uutisia
{
	margin-bottom: 10px;
	font-size: 12px;
}

.uutisia b { color: #9B0020; }

.uutisia a,
.uutisia a:hover,
.uutisia a:active,
.uutisia a:visited
{
    color: #9B0020;
    font-weight: bold;
}


.relative { position: relative; }

.centerervarjo, .centerer, .content_bg
{
    width: 100%;
        padding: 0px;
        margin: 0px auto;
        z-index: 0;
}
    .centerervarjo { background: url(img/nuottitausta_varjo.png) no-repeat top center; }

        .content_bg
        {
            background: url(img/sisa_tausta_jatke.png) repeat-y top center;
                margin-top: 4px;
        }
            .centerer { background: url(img/nuottitausta.gif) no-repeat top center; }        

.ylapalkki
{
    position: relative;
    top: 3px;
    background-image: url(img/valikkotausta.png);
    width: 761px;
    height: 31px;
        margin-top: 0px;
        margin-bottom: 4px;
}

.valikko { height: 31px; }

.content
{
    background: url(img/sisaltohaive.png) no-repeat;
    position: relative;
    width: 832px;
    text-align: left;
    overflow: visible;
        padding: 0px;
        padding-bottom: 8px;
        margin: 0px auto;
}

.sivu_bg0{ background-image: url(img/etu_tausta_palkiton2.png); }
.sivu_bg1{ background-image: url(img/sisa_tausta_palkiton2.png); }

.sivu_bg0,.sivu_bg1 { margin-top: 0px; }

.sivu_bg0_sello
{
    position: absolute;
    top: 362px;
    left: 64px; /* isolle 73 */
    width: 168px;
    height: 189px;
    background: url(img/etu_tausta_sello2.png) no-repeat;
    overflow: hidden;
    z-index: 2;
}

.kielivalikko
{
    position: absolute;
    top: 26px;
    right: 19px;
    z-index: 1;
    /* left: 749px; */
}
.kielivalikko img { border: 0; }

.etusivuotsikko
{
    position: absolute;
    top: 222px;
    left: 290px;
    width: 400px;
    height: 52px;
    font-size: 42px;
    color: #505050;
    text-align: left;
    overflow: hidden;
}
.etusivuotsikko_ss { padding: 0px; }

.etuteksti
{
    position: absolute;
    top: 360px;
    left: 310px;
    width: 460px;
    height: 120px;
    text-align: left;
    overflow: hidden;
    color: #891A17; /* 7E0000 */
}
.etuteksti_ss { padding: 10px 10px 0px 10px; }
/*
.etuloota
{
    position: absolute;
    width: 202px;
    height: 26px;
    text-align: center;
    overflow: hidden;
    color: #FFFFFF;
        border: 0px solid #000000;
}*/
.etuloota
{
    background: url(img/etu_tausta3.png) no-repeat;
    position: absolute;
    width: 218px;
    height: 52px;
    text-align: center;
    overflow: hidden;
    color: #FFFFFF;
        border: 0px solid #000000;
}

.etuloota_ss { padding: 10px 18px 0px 0px; }

.etuloota3, .etuloota4 { top: 495px; } /* 506 */
.etuloota3 { left: 314px; }
.etuloota4 { left: 555px; }
.etuloota a, .etuloota a:visited, .etuloota a:active { color: #FFFFFF; font-size: 18px; }

.etusivukuva
{
    float: left;
    width: 223px;
    height: 384px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.vasen_kehys { float: left; }

.sivukuva
{
    float: left;
    width: 200px;
    height: 382px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.sivukuva_ss { padding: 0px 0px 0px 0px; }

.vasen_palsta
{
    clear: both;
    width: 200px;
    height: 130px;
    overflow: auto;
}

.sisaltoalue
{
    float: left;
    top: 120px;
    left: 260px;
    width: 800px;
}

.sisaltoalue_spacer { 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;
}

.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; }

.alapalkki
{
    background: url(img/taso1_alaosa.png) no-repeat;
    width: 821px;
    height: 41px;
    text-align: center;
    font: 16px "Times new Roman", Sans-Serif;
    color: #FFFFFF;
    overflow: hidden;
        margin: 0px auto;
}

.alapalkki_ss { padding: 7px 0px 0px 0px; }

.bottom_spacer { height: 10px; }

.alamenu
{
    position: absolute;
    padding-top: 7px;
    display: none;
    z-index: 10000;
}

.alamenu_taulu
{
    background-color: #000000;
    border: solid 1px #ffffff;
    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; }

.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 "Times new Roman", Sans-Serif;
	color: #000;
	text-decoration:none;
}

a:hover.mk_button_link
{
        font: bold 12px "Times new Roman", Sans-Serif;
	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 "Times new Roman", Sans-Serif;
	color: #000;
	text-decoration:none;
}

a:hover.mk_button_link_v2
{
    font: bold 10px "Times new Roman", Sans-Serif;
	color: #000;
	text-decoration: underline;
}

/*editori-alueen tyylit eri elementtien perusteella (erotellaan PAGE_TYPE -muuttujalla)*/
#editor_area3, #editor_area4, #editor_area11,
#editor_area5, #editor_area7, #editor_area8, #editor_area9
{
    color: #FFFFFF;
    background-color: #727272;
}

#editor_area11
{
    text-align: center;
}

#editor_area2, #editor_area10, #editor_area13, #editor_area14
{
    color: #661104;
    background-color: #FFFFFF;
}

#editor_area13, #editor_area14{ text-align: center; }

#editor_area0, #editor_area1, #editor_area6, #editor_area12
{
    color: #661104;
    background-color: #FFFFFF;
}
#editor_area15
{
    font-size: 40px;
    color: #505050;
}

