A:link {text-decoration: underline; color: #485266;}
A:visited {text-decoration: underline; color: #485266;}
A:active {text-decoration: underline; color: #485266;}
A:hover {text-decoration: none; color: #000000;}

A.linkki {text-decoration: underline; color: #485266; cursor: pointer;}
A:visited.linkki {text-decoration: underline; color: #485266; cursor: pointer;}
A:active.linkki {text-decoration: underline; color: #485266; cursor: pointer;}
A:hover.linkki {text-decoration: underline; color: #000000; cursor: pointer;}

A.vetolinkki {text-decoration: none; color: #2b4665;}
A:visited.vetolinkki {text-decoration: none; color: #2b4665;}
A:active.vetolinkki {text-decoration: none; color: #2b4665;}
A:hover.vetolinkki {text-decoration: none; color: #2b4665;}

A.kotisivu {text-decoration: underline; color: #ffffff;}
A:visited.kotisivu {text-decoration: underline; color: #ffffff;}
A:active.kotisivu {text-decoration: underline; color: #ffffff;}
A:hover.kotisivu {text-decoration: none; color: #f7941d;}

A.oranssi_linkki {text-decoration: underline; color: #ffffff;}
A:visited.oranssi_linkki {text-decoration: underline; color: #ffffff;}
A:active.oranssi_linkki {text-decoration: underline; color: #ffffff;}
A:hover.oranssi_linkki {text-decoration: none; color: #f7941d;}

A.vihrea {text-decoration: underline; font-weight: normal; color: #739a08;}
A:visited.vihrea {text-decoration: underline; font-weight: normal; color: #739a08;}
A:active.vihrea {text-decoration: underline; font-weight: normal; color: #739a08;}
A:hover.vihrea {text-decoration: none; font-weight: normal; color: #1c2c40;}

A.vihrea2 {text-decoration: underline; font-weight: normal; color: #c9ef61; cursor: pointer;}
A:visited.vihrea2 {text-decoration: underline; font-weight: normal; color: #c9ef61; cursor: pointer;}
A:active.vihrea2 {text-decoration: underline; font-weight: normal; color: #c9ef61; cursor: pointer;}
A:hover.vihrea2 {text-decoration: none; font-weight: normal; color: #ffffff; cursor: pointer;}

A.otsikko_linkki {text-decoration: underline; color: #295c95;}
A:visited.otsikko_linkki {text-decoration: underline; color: #295c95;}
A:active.otsikko_linkki {text-decoration: underline; color: #295c95;}
A:hover.otsikko_linkki {text-decoration: none; color: 295c95;}

html, body {width: 100%; height: 100%; text-align: center; margin: 0px; padding: 0px; vertical-align: top;}
body {background: #dbdbdb url(/kuvat/tausta.gif); font-family: arial, verdana, Sans-Serif, Serif, "Times New Roman";  font-size: 12px; color: #ffffff;}

form {padding: 0px; margin: 0px; display: inline;}
img {border: 0px; padding: 0px; display: inline; margin: 0px;}
div {border: 0px solid #000000; vertical-align: top; text-align: left; margin: 0px; padding: 0px;}
table, td, iframe {border-collapse: collapse; margin: 0px; padding: 0px; border: 0px solid #000000; vertical-align: top;}

p {margin: 0px; padding: 0px;}
h1 {margin-top: 12px; margin-bottom: 12px; font-size: 14px; font-weight: bold; color: #295c95;}
h2 {margin-top: 12px; margin-bottom: 12px;  font-size: 12px; font-weight: bold; color: #ee7719;}

.yla_tausta {

width: 100%;
height: 100%;
background: url(/kuvat/yla_tausta.jpg) repeat-x;

}

.vaippa {

height: 100%;
width: 928px;
padding-left: 47px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
margin-top: 0px;
text-align: left;
background: url(/kuvat/yla.jpg) no-repeat;

}

.yla {

float: left;
clear: left;
width: 930px;
height: 175px;

}

.logo {

float: left;
clear: left;
height: 135px;
width: 930px;

}

.kirjautuminen {

float: right;
width: 299px;
padding-top: 11px;
padding-left: 11px;
margin-right: 6px;
margin-top: 8px;
display: inline;
height: 33px;
background: url(/kuvat/kirjautuminen_tausta.gif) no-repeat;

}

.input_kirjaudu_vasen {

float: left;
width: 5px;
height: 22px;
background: url(/kuvat/input_kirjaudu_vasen.gif) left no-repeat;

}

.input_kirjaudu_tausta {

float: left;
width: auto;
height: 17px;
padding-top: 5px;
background: url(/kuvat/input_kirjaudu_tausta.gif) repeat-x;

}

.input_kirjaudu_oikea {

float: left;
width: 5px;
height: 22px;
margin-right: 3px;
display: inline;
background: url(/kuvat/input_kirjaudu_oikea.gif) right no-repeat;

}

.input_text {

float: left;
width: 120px;
font-size: 10px;
font-family: arial;
margin: 0px;
padding: 0px;
border: 0px;
display: inline;
background-color: transparent;

}

.paavalikko {

float: left;
clear: left;
width: 913px;
height: 40px;
background: url(/kuvat/paavalikko_tausta.gif) 3px 0px no-repeat;

}

.paavalikko_vasen {

float: left;
width: 913px;
height: 40px;
background: url(/kuvat/paavalikko_vasen.gif) no-repeat;

}

.paavalikko_oikea {

float: left;
width: 859px;
padding-left: 54px;
height: 40px;
background: url(/kuvat/paavalikko_oikea.gif) right no-repeat;

}

.paavalikko_osio {

float: left;
width: 120px;
height: 40px;
cursor: pointer;

}

.paavalikko_keski {

float: left;
width: 59px;
height: 40px;
background: url(/kuvat/paavalikko_keski.gif) no-repeat;

}

.sisalto_yla {

float: left;
clear: left;
width: 911px;
margin-left: 2px;
display: inline;
background:  url(/kuvat/sisalto.gif) repeat-y;

}

.sisalto {

float: left;
display: inline;
width: 901px;
color: #1c2c40;
font-size: 12px;
font-family: arial;
background: url(/kuvat/sisalto_yla.gif) no-repeat;

}

.sisalto_ala {

float: left;
width: 900px;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 6px;
background: url(/kuvat/sisalto_ala.gif) bottom no-repeat;

}

.ala {

float: left;
clear: left;
width: 910px;
height: 31px;
font-size: 10px;
font-family: verdana;
text-align: center;
padding-top: 9px;
background: url(/kuvat/ala.gif) no-repeat;
margin-left: 3px;
display: inline;
color: #152a43;

}

.sisalto2 {

float: left;
clear: left;
width: 890px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
font-family: arial;

}

.lootat {

float: left;
clear: left;
margin-top: 5px;
display: inline;
width: 900px;

}

.lootat {

float: left;
clear: left;
margin-top: 10px;
display: inline;
width: 900px;

}

.laatikko {

float: left;
background: url(/kuvat/sis_otsikko_tausta.gif) repeat-x;
margin-right: 5px;
display: inline;

}

.loota_otsikko_oikea {

float: left;
background: url(/kuvat/sis_oranssi_palkki.gif) right top no-repeat;

}

.loota_otsikko {

font-family: verdana;
font-size: 12px;
color: #ffffff;
font-weight: normal;
margin: 0px;
padding: 0px;

}

.loota_otsikko_sisalto {

background: url(/kuvat/sis_otsikko_vasen.gif) no-repeat;
float: left;
clear: left;
height: 22px;
font-family: verdana;
font-size: 12px;
color: #ffffff;
padding-top: 8px;
padding-left: 10px;

}

.loota_sisalto {

float: left;
clear: left;
font-family: arial;
font-size: 12px;
color: #ffffff;
padding: 10px;
background: #5b5b5b url(/kuvat/oranssi_nuoli.gif) top right no-repeat;

}

.sis_otsikko_pohja {

float: left;
clear: left;
width: 430px;

}

.sis_otsikko_otsikko {

float: left;
clear: left;
padding-bottom: 20px;
font-size: 12px;
font-weight: bold;
color: #f7941d;
width: 430px;

}

.sis_otsikko_teksti {

float: left;
clear: left;
width: 430px;

}

.sis_otsikko_hinta {

float: left;
clear: left;
width: 430px;
padding-top: 10px;
text-align: right;

}

.vasen_palsta {

float: left;
width: 435px;

}

.oikea_palsta {

float: left;
clear: right;
width: 435px;
margin-left: 10px;
display: inline;

}

.domainit {

float: left;
clear: left;

}

.esitteet {

padding-top: 10px;
float: left;
clear: left;

}

.domain_nimi {

float: left;

}

.domain_hinta {

float: right;

}

.esite_hinta {

float: right;
clear: right;
width: auto;

}

.sivun_kuva {

float: right;
margin-left: 10px;
display: inline;
border: 1px solid #233952;

}

.hinta {

color: #739a08;

}

.hinta2 {

color: #a6e400;

}

.harmaa_kentta_vasen {

float: left;
height: 22px;
background: url(/kuvat/harmaa_kentta_vasen.gif) no-repeat;

}

.harmaa_kentta_oikea {

float: left;
height: 18px;
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
background: url(/kuvat/harmaa_kentta_oikea.gif) no-repeat right;

}

.harmaa_kentta_tausta {

float: left;
height: 22px;
background: url(/kuvat/harmaa_kentta_tausta.gif) repeat-x;

}

.kentan_nimi {

height: 20px;
padding-right: 5px;
padding-top: 2px;
font-size: 12px;
text-align: right;

}

.kentan_nimi_virhe {

height: 20px;
padding-right: 5px;
padding-top: 2px;
font-size: 12px;
text-align: right;
color: #f7941d;

}

.kentta {

padding-bottom: 5px;

}

.kentta_ohje {

padding-bottom: 10px;
padding-left: 5px;
font-size: 11px;

}

.submit_lomake {

height: 32px;

}

.submit_nappula {

cursor: pointer;

}

.toiminnot2 {

float: right;
margin-top: 8px;
margin-bottom: 8px;
margin-right: 6px;
display: inline;
width: 22px;
height: 33px;
padding-top: 11px;
padding-left: 11px;
padding-right: 11px;
background: url(/kuvat/toiminnot_tausta2.gif);

}

.kirjaudu_ulos {

float: left;

}

.kirjautunut_valikko {

float: right;
clear: right;
width: 745px;
padding-right: 17px;
height: 70px;

}

.oma_valikko {

float: left;
width: 124px;
height: 70px;
cursor: pointer;

}

.oranssi {

color: #f7941d;

}

.paaveto_valikko {

position: absolute;
top: 0px;
left: 0px;
width: 118px;
color: #2b4665;
font-family: arial;
font-size: 11px;
display: none;
cursor: pointer;

}

.veto1 {

float: left;
clear: left;
width: 118px;
height: 16px;
padding-top: 10px;
text-align: center;
background: url(/kuvat/valikko/veto1.gif) no-repeat;
cursor: pointer;

}

.veto1_a {

float: left;
clear: left;
width: 118px;
height: 16px;
padding-top: 10px;
text-align: center;
background: url(/kuvat/valikko/veto1_a.gif) no-repeat;
cursor: pointer;

}

.veto2 {

float: left;
clear: left;
width: 118px;
height: 16px;
padding-top: 4px;
text-align: center;
background: url(/kuvat/valikko/veto2.gif) no-repeat;
cursor: pointer;

}

.veto2_a {

float: left;
clear: left;
width: 118px;
height: 16px;
padding-top: 4px;
text-align: center;
background: url(/kuvat/valikko/veto2_a.gif) no-repeat;
cursor: pointer;

}

.veto3 {

float: left;
clear: left;
width: 118px;
height: 17px;
padding-top: 4px;
text-align: center;
background: url(/kuvat/valikko/veto3.gif) no-repeat;
cursor: pointer;

}

.veto3_a {

float: left;
clear: left;
width: 118px;
height: 17px;
padding-top: 4px;
text-align: center;
background: url(/kuvat/valikko/veto3_a.gif) no-repeat;
cursor: pointer;

}

.ulkoasu_vaihtoehto {

float: left;
width: 293px;
text-align: center;

}

.ulkoasu_kuva {

display: inline;
margin-bottom: 10px;
border: 1px solid #233952;

}

.osiot {

float: left;
width: 100px;

}

.kansio {

float: left;
margin-left: 26px;
display: inline;
width: 47px;
height: 90px;

}

.osiot_nimi {

float: left;
clear: left;
padding-top: 5px;
text-align: center;
width: 100px;

}

.a4 {

float: left;
margin-left: 5px;
padding-top: 12px;
display: inline;
width: 47px;
height: 65px;

}

.osio_toiminnot {

float: left;
text-align: right;
padding-top: 20px;
width: 147px;
height: 70px;

}

.osio_uusi_nimi {

float: left;
clear: left;
width: 200px;
padding-top: 5px;
height: 22px;

}

.input_osiot_vasen {

float: left;
width: 6px;
height: 22px;
background: url("/kuvat/input_osiot_vasen.gif") no-repeat;

}

.input_osiot_tausta {

float: left;
height: 19px;
padding-top: 3px;
background: url("/kuvat/input_osiot_tausta.gif") repeat-x;

}

.tallenna {

float: left;
width: 68px;
height: 22px;

}

.lisaa_kappale {

float: left;
width: 88px;
height: 22px;

}

.input_text_uusi_osio {

float: left;
width: 126px;
font-size: 12px;
font-family: arial;
margin: 0px;
padding: 0px;
border: 0px;
display: inline;
background-color: transparent;

}

.input_text_uusi_kappale {

float: left;
width: 106px;
font-size: 12px;
font-family: arial;
margin: 0px;
padding: 0px;
border: 0px;
display: inline;
background-color: transparent;

}

.muokattava_kappale {

margin: 0px;
padding: 0px;
font-size: 10px;
font-family: arial;
border: 0px;
background-color: transparent;
width: 455px;
height: 200px;
padding: 5px;
overflow: auto;
color: #000000;

}

.tekstikentta_yla {

float: left;
clear: left;
background: #ffffff url("/kuvat/tekstikentta_yla.gif") repeat-x;

}

.tekstikentta_ala {

float: left;
clear: left;
background: url("/kuvat/tekstikentta_ala.gif") bottom left repeat-x;

}

.tekstikentta_vasen {

float: left;
clear: left;
background: url("/kuvat/tekstikentta_vasen.gif") repeat-y;

}

.tekstikentta_oikea {

float: left;
clear: left;
background: url("/kuvat/tekstikentta_oikea.gif") top right repeat-y;

}

.vasen_yla_kulma {

float: left;
clear: left;
background: url("/kuvat/vasen_yla_kulma.gif") top left no-repeat;

}

.vasen_ala_kulma {

float: left;
clear: left;
background: url("/kuvat/vasen_ala_kulma.gif") bottom left no-repeat;

}

.oikea_yla_kulma {

float: left;
clear: left;
background: url("/kuvat/oikea_yla_kulma.gif") top right no-repeat;

}

.oikea_ala_kulma {

float: left;
clear: left;
background: url("/kuvat/oikea_ala_kulma.gif") bottom right no-repeat;

}

.osion_toiminnot {

position: absolute;
width: 100px;
top: 0px;
left: 0px;
background-color: #5b5b5b;
padding-left: 1px;
padding-right: 1px;
color: #485266;
font-size: 11px;

}

.osio_toiminto {

float: left;
clear: left;
background: url("/kuvat/osiotoiminto_p.gif") repeat-y;
width: 100px;
height: 16px;
margin-bottom: 1px;
display: inline;
margin-bottom: 1px;
padding-top: 2px;
cursor: pointer;
text-align: center;

}

.osio_toiminto_a {

float: left;
clear: left;
background-color: #ffffff;
width: 100px;
height: 16px;
margin-bottom: 1px;
display: inline;
margin-bottom: 1px;
padding-top: 2px;
cursor: pointer;
text-align: center;

}

.osio_toiminnot_valikko {

display: none;

}

.lisaa {

float: left;
display: inline;
margin-left: 3px;
cursor: pointer;

}

.nappula {

float: left;
display: inline;
margin-left: 3px;
cursor: pointer;

}

.lomake_tietoa {

background-color: #ffffff;
padding: 10px;
color: #ee7719;
margin-bottom: 10px;
display: inline;
float: left;
clear: left;
border: 1px solid #233952;
font-size: 12px;
font-weight: bold;

}

.referenssi_kuva {

border: 1px solid #233952;
width: 240px;
height: 180px;

}

.boxit {

float: left;
clear: left;
width: 900px;

}

.boxi_otsikko {

background: url(/kuvat/sis_otsikko_tausta.gif) repeat-x;
height: 30px;
font-family: verdana;
font-size: 12px;
color: #ffffff;


}

.boxi_sisalto {

font-size: 12px;
color: #ffffff;
background: #5b5b5b url(/kuvat/oranssi_nuoli.gif) top right no-repeat;

}

.boxi_vali {

width: 5px;

}

.boxi_otsikko_vasen {

background: url(/kuvat/sis_otsikko_vasen.gif) no-repeat;
float: left;
height: 30px;

}

.boxi_otsikko_oikea {

margin: 0px;
color: #ffffff;
font-weight: normal;
font-size: 12px;

background: url(/kuvat/sis_oranssi_palkki.gif) top right no-repeat;
float: left;
height: 22px;
padding-top: 8px;
padding-left: 10px;

}

.boxi-valikko {

background: url(/kuvat/sis_oranssi_palkki.gif) top right no-repeat;
float: left;
height: 30px;

}

.boxi-valikko-tausta {

float: left;
font-family: arial;
font-size: 11px;
cursor: pointer;

}

.boxi-valikko-vasen {

float: left;
height: 30px;
width: 3px;
background: url(/kuvat/boxi-valikko-vasen.gif) no-repeat;

}

.boxi-valikko-oikea {

float: left;
height: 30px;
width: 4px;
background: url(/kuvat/boxi-valikko-oikea.gif) no-repeat;

}

.boxi-valikko-tausta-p {

float: left;
padding-top: 8px;
padding-left: 2px;
padding-right: 2px;
height: 22px;
background: url(/kuvat/boxi-valikko-tausta-p.gif) top center repeat-x;

}

.boxi-valikko-tausta-a {

float: left;
padding-top: 8px;
padding-left: 2px;
padding-right: 2px;
height: 22px;
background: url(/kuvat/boxi-valikko-tausta-a.gif) top center repeat-x;

}

.boxi_sisalto_padding {

float: left;
clear: left;
padding: 10px;

}

.input_select {

float: left;
font-family: arial;
font-size: 12px;

}

.taulukko {

padding: 5px;
vertical-align: middle;

}

.kentan_nimi_vali {

float: left;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;

}

.tiedotteet_etusivu {

margin-top: 5px;
margin-bottom: 10px;
float: right;
width: 400px;
background: url(/kuvat/tiedote_tausta.png);

}

.tiedotteet_vaippa {

float: left;
width: 447px;
padding-bottom: 2px;
background: url(/kuvat/tiedotteet_ala.png) bottom left no-repeat;

}

.tiedotteet_yla {

float: left;
width: 447px;
padding-top: 2px;
background: url(/kuvat/tiedotteet_yla.png) no-repeat;

}

.tiedotteet_otsikko {

float: left;
width: 437px;
height: 32px;
font-family: verdana;
font-size: 12px;
color: #ffffff;
padding-top: 8px;
padding-left: 10px;
background: url(/kuvat/tiedotteet_otsikko.png) no-repeat;

}

.tiedotteet_sisalto {

float: left;
clear: left;
width: 409px;
background: url(/kuvat/tiedote_tausta.png) repeat-y;
padding-top: 3px;
padding-left: 19px;
padding-right: 19px;
padding-bottom: 15px;

}

.etusivun_tekstit {

float: left;
width: 438px;
padding-left: 5px;
padding-right: 10px;
padding-top: 5px;

}

.valinta {

float: left;
width: 22px;
height: 22px;
cursor: pointer;

}

.kotisivutila {

padding: 5px;

}

.kotisivutila_nimi {

vertical-align: middle;
padding: 4px;
text-align: right;
font-weight: bold;
border: 1px solid #5b5b5b;

}

.kotisivutila_arvo {

padding: 4px;
text-align: center;
border: 1px solid #5b5b5b;

}

.kotisivutila_otsikko {

padding: 5px;
text-align: center;
font-weight: bold;

}

.kotisivutila_nimi_valittu {

padding: 4px;
text-align: right;
font-weight: bold;
background-color: #ffffff;
color: #000000;
border: 1px solid #5b5b5b;

}

.kotisivutila_arvo_valittu {

padding: 4px;
text-align: center;
background-color: #ffffff;
color: #000000;
border: 1px solid #5b5b5b;

}

.kotisivutila_otsikko_valittu {

padding: 5px;
text-align: center;
font-weight: bold;
background-color: #ffffff;
color: #000000;

}

.yhteystiedot_kuva {

float: left;
width: 100px;
height: 100px;
margin-right: 10px;
border: 1px solid #233952;

}

.yhteystiedot_tiedot {

vertical-align: middle;

}

.favicon {

width: 16px;
height: 16px;

}

.mediat {

vertical-align: middle;
padding-left: 5px;
padding-bottom: 3px;

}