body, td, font {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: xx-small;
    scrollbar-face-color: #CCCCCC;
    scrollbar-shadow-color: #0D65A0; 
    scrollbar-highlight-color: #CCCCCC;
    scrollbar-3dlight-color: #0D65A0; 
    scrollbar-darkshadow-color: #CCCCCC;
    scrollbar-track-color: #F0F0F0; 
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-base-color: #CCCCCC;
}

p {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: xx-small;
    margin-top: 10px;
    margin-bottom: 10px
}

form{
    display:inline
}

input, textarea {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; 
    border: 1px #000000 solid; 
}

input.noborder {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; 
    margin-top: -2px;
    margin-bottom: -2px;
    border: 0px; 
}

/* ----------Vakio linkkityyli-------------*/

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

/* ----------Valikon linkkityyli-------------*/

A.valikko:link          { color: #FFFFFF;text-decoration: none}
A.valikko:hover         { color: #FFFFFF;text-decoration: none}
A.valikko:visited           { color: #FFFFFF;text-decoration: none}
A.valikko:visited:hover     { color: #FFFFFF;text-decoration: none}

A.valikkoMusta:link         { color: #000000;text-decoration: none}
A.valikkoMusta:hover            { color: #000000;text-decoration: none}
A.valikkoMusta:visited          { color: #000000;text-decoration: none}
A.valikkoMusta:visited:hover        { color: #000000;text-decoration: none}


/* ----------dropdown linkkityyli-------------*/

A.drop:link         { color: #003366;text-decoration: none; font-size: 10px; font-family: Verdana, Arial}
A.drop:hover            { color: #003366;text-decoration: none; font-size: 10px; font-family: Verdana, Arial background:transparent url("valikko/tausta2.gif"); }
A.drop:visited          { color: #003366;text-decoration: none; font-size: 10px; font-family: Verdana, Arial}
A.drop:visited:hover        { color: #003366;text-decoration: none; font-size: 10px; font-family: Verdana, Arial background:transparent url("valikko/tausta2.gif"); }

/* ----------Otsikkotyylit-------------*/

H1, H5 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: x-small;
    font-weight: bold;
    color:#000000; 
}
H2{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    color:#666666

}
H3{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    font-weight: bold;
    color:#666666       
}
H4{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color:#666666       
}

.etusivuotsikko{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold;
    color:#A82E0F}

/* ----------Linkkilistatyyli-------------*/

#linkkilista li {  list-style-type: none; list-style-position: outside; margin-top: 0px; margin-bottom: 1px; background-image: url('../images/bg_linkkilista.gif'); padding-left: 25px; padding-bottom: 4px; padding-top: 4px }

#linkkilista ul {  padding-left: 0px; margin-right: 5px; margin-left: 0px}
    
/* ----------YleisiŠ tyylejŠ-------------*/

/* -----------EtsikenttŠ------------*/

.searchInput {  
    font-size: 10px;
    position: relative;
    color: #666666;
    width:145px; 
}

/* ----------Polun tyylit-------------*/

.path                   { color: #999999;text-decoration: none;}
A.path:link             { color: #999999;text-decoration: none;}
A.path:hover            { color: #000000;text-decoration: none;}
A.path:visited          { color: #999999;text-decoration: none;}
A.path:visited:hover    { color: #000000;text-decoration: none;}


/* ----------Palaute-------------*/

.palauteKentta{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size:10px;
    width:250px; 
    border:1px solid #999   
}


.mainTable {  border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}


.menu { 
    color: #FFFFFF; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; font-style: normal; font-weight: bold
} 

.menuMusta { 
    color: #000000; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; font-style: normal; font-weight: normal
} 

.valkoinenTeksti {  color: #FFFFFF; font-size: 9px}

.mustaTeksti {  color: #000000; font-size: 10px}

ul {  
    margin-top: 5px; 
    margin-right: 5px; 
    margin-bottom: 5px; 
    margin-left: 11px;
    padding-left: 11px;
    list-style-type: square; 
    list-style-position: outside
}

.dropDown{ position:absolute;z-index:1;background-color:#CCCCCC;visibility:hidden; border: 1px #000000 }

.menuObj                { cursor:hand}
A.menuObj:link          { color: #000000;text-decoration: none;}
A.menuObj:hover         { color: #000000;text-decoration: none;}
A.menuObj:visited       { color: #000000;text-decoration: none;}
A.menuObj:visited:hover { color: #000000;text-decoration: none;}


/* ----------OMAT TYYLIT-------------*/
/*----------------------------- NUORET ALKAA ---------------------------------*/
.nuoret_p {
border-left: thin dotted #478FE0;
height: 580px;
width: 350px;
vertical-align: top;
margin: 0;
padding: 0;
padding-left: 1em;
padding-right: 1em;
font-size: 12px;
}

.nuoret_p p {
font-size: 12px;
}

.nuoret_nav_solu {
border-left: thin dotted #478FE0;
vertical-align: top;
margin: 0;
padding: 0;
height: 30px;
}

.nuoret_nav{
cursor: pointer;
list-style-type: none;
font-size: 1.2em;
font-weight: bold;
color: black;
}

.nuoret_nav a {
text-decoration: none;
}

.nuoret_nav a:hover {
color: #478FE0;
}

.nuoret_nav li {
valign: top;
float: left;
padding-right: 1em;
}

.nuoret_nav li:hover {
color: #478FE0;
}

.linkki_lista {
padding-left: 10em;
list-style-type: none;
font-weight: bold;
}

.linkki_lista li {
float: left;
padding-right: 1em;
}

.linkki_lista li a {
text-decoration: none;
}

.linkki_lista li a:hover {
color: #125191;
}


.nuoret_news_taulukko {
border: none;
color: black;
}

.nuoret_news_taulukko th {
border: none;
color: black;
text-align: left;
font-size: 10px;
padding: 0;
margin: 0;
padding-top: 1em;
}

.nuoret_news_taulukko td {
border: thin dotted #478FE0;
padding: 0.5em;
margin: 0;
font-size: 12px;
}

.nuoret_news_taulukko td h2 {
padding: 0;
margin: 0;
font-size: 12px;
}

/*---------------------------- NUORET LOPPUU ---------------------------------*/

/*----------------------------- LAPSET ALKAA ---------------------------------*/
.lapset_p {
border-left: thin dotted #478FE0;
height: 580px;
width: 350px;
vertical-align: top;
text-align: left;
margin: 0;
padding: 0;
padding-left: 1em;
padding-right: 1em;
}

.lapset_p p {
font-size: 12px;
}

.lapset_p img {
padding: 0;
margin: 0;
margin-left: 3em;
}

.lapset_p h1 {
text-align: center;
font-weight: bold;
font-size: 1.2em;
color: #478FE0;
}

.lapset_nav_solu {
border-left: thin dotted #478FE0;
vertical-align: top;
margin: 0;
padding: 0;
height: 30px;
}

.lapset_nav{
width: 60%;
margin: 0;
padding: 0;
margin-left: auto;
margin-right: auto;
cursor: pointer;
list-style-type: none;
font-size: 14px;
font-weight: bold;
color: black;
}

.lapset_nav li {
valign: top;
float: left;
margin: 0;
padding: 0;
margin-left: 1em;
}

.lapset_nav li:hover {
color: #478FE0;
}

.linkki_lista {
padding-left: 10em;
list-style-type: none;
font-weight: bold;
}

.linkki_lista li {
float: left;
padding-right: 1em;
}

.linkki_lista li a {
text-decoration: none;
}

.linkki_lista li a:hover {
color: #125191;
}
/*---------------------------- LAPSET LOPPUU ---------------------------------*/
/*---------- SEURAAVA ON KÄYTÖSSÄ LAPSILLA JA NUORILLA -----------------------*/
.valittu {
color: #478FE0;
font-style: oblique;
}

/*---------------------------- ETUSIVU ALKAA ---------------------------------*/
.etusivu_vOhjelma {
font-size: 1.0em;
width: 25%;
border-left: thin dotted #478FE0;
margin: 0;
padding: 0;
padding-left: 1em;
}

.vOhjelma_p {
font-size: 10px;
margin: 0;
padding: 0;
}

.vOhjelma_h1 {
text-align: center;
font-size: 16px;
margin: 0;
padding: 0;
}

.vOhjelma_h2 {
font-size: 12px;
font-style: italic;
text-align: center;
font-weight: normal;
margin: 0;
padding: 0;
}

.vOhjelma_h3 {
font-size: 11px;
text-decoration: underline;
font-weight: normal;
color: black;
margin: 0;
padding: 0;
padding-top: 1em;
}

.etusivu_kuva {
vertical-align: top;
margin: 0;
padding: 0;
}

.etusivu_kuva img {
margin: 0;
padding: 0;
}

.etusivuInfo {
margin: 0;
margin-right: 1em;
padding: 0;
padding-left: 0.5em;
padding-right: 0.5em;
border: thin dotted #478FE0;
}

.etusivuInfo img {
margin: 0;
padding: 0;
padding-left: 1em;
border: none;
width: 150px;
}

.etusivuInfo a {
padding: 0;
margin: 0;
font-size: 12px;
}

/*---------------------------- ETUSIVU LOPPUU --------------------------------*/

/*---------------------------- OHJELMA ALKAA ---------------------------------*/
.ohjelma_kuukausi {
width: 75%;
}

.ohjelma_viikko {
width: 25%;
border-left: thin dotted #478FE0;
padding-left: 1em;
vertical-align: top;
}

.kOhjelma_kuukausi {
text-align: center;
font-size: 1.8em;
margin: 0;
padding: 0;
}

.kOhjelma_viikko {
font-size: 1.2em;
margin: 0;
padding: 0;
padding-top: 1em;
margin-left: 1em;
}

.kOhjelma_viikko_box {
border: thin dotted #478FE0;
font-size: 1.1em;
margin: 0;
padding: 0;
margin-right: 1em;
margin-left: 1em;
}
/*---------------------------- OHJELMA LOPPUU --------------------------------*/

/*------------------------ YHTEYSTIEDOT ALKAA --------------------------------*/
.yhtTiedot_vasen {
border-right: thin dotted #478FE0;
width: 25%;
margin: 0;
padding: 0;
padding-left: 0.5em;
padding-right: 0.5em;
}

.yhtTiedot_vasen img {
margin: 0;
padding: 0;
margin-top: 1em;
}

.yhtTiedot_vasen h2 {
margin: 0;
padding: 0;
}

.yhtTiedot_oikea {
width: 75%;
}

.yhtTiedot_koko_kolmenKopla {
margin: 0;
padding: 0;
text-align: center;
}

.yhtTiedot_kolmenKopla {
width: 33%;
float: left;
margin: 0;
padding: 0;
}

.yhtTiedot_kolmenKopla p {
font-size: 1.1em;
}

.yhtTiedot_muut {
float: left;
margin: 0;
padding: 0;
padding-top: 2em;
padding-left: 2em;
font-size: 1.1em;
}

.yhtTiedot_muut ul {
list-style-type: none;
}

.yhtTiedot_muut h2{
padding: 0;
margin: 0;
}

.banneri {
font-size: 3.5em;
color: #478FE0;
font-weight: bold;
}

.nuoretKuva {
padding: 1em;
margin: 0;
}
/*------------------------ YHTEYSTIEDOT LOPPUU -------------------------------*/

/*----------------------- YHTEYDENOTTO ALKAA ---------------------------------*/
.viestiFieldset {
height: 250px;
border: none;
margin-top: 5px;
margin-right: 5px;
}

.palautteenTyyppi {
padding-left: 16px;
padding-top: 1px;
}

.viestiFieldset input{
margin-bottom: 3px;
border: none;
}

.viestiFieldset textarea{
border: thin solid black;
margin: 0;
margin-left: 1em;
width: 300px;
padding: 0;
padding-right: 1em;
}

.radioLabel {
width: 18em;
float: left;
}

#yhtOttoVasen {
float: left;
width: 350px;
height: 100%;
border-right: thin dotted #478FE0;
margin: 0;
padding: 0;
margin-left: 10px;
}

#yhtOttoOikea {
height: 100%;
border: none;
margin: 0;
padding: 0;
}

.yhtTiedotFieldset {
height: 250px;
border: none;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 20px;
}

.lomakeTiedot {
float: left;
width: 85px;
padding: 0;
margin: 0;
}

.lahetaButton {
margin: 0;
padding: 0;
margin-top: 80px;
text-align: left;
}
/*----------------------- YHTEYDENOTTO LOPPUU --------------------------------*/

/*-------------------------- KIRPPU ALKAA ------------------------------------*/
.kirppu {
width: 100%;
}

.kirppuVasen {
border-right: thin dotted #478FE0;
width: 15%;
margin: 0;
padding: 1em;
vertical-align: top;
}

.kirppuVasen img {
margin: 0;
padding: 0;
}

.kirppuVasen h2 {
margin: 0;
padding: 0;
padding-top: 1em;
font-size: 11px;
}

.kirppuVasen table {
margin: 0;
padding: 0;
}

.kirppuVasen table td {
margin: 0;
padding: 0;
padding-right: 0.7em;
font-size: 10px;
}

.kirppuOikea {
width: 85%;
margin: 0;
padding: 0;
padding-left: 1em;
}

.kirppuOikeaYla {
width: 100%;
height: 146px;
margin: 0;
padding: 0;
padding-top: 1em;
margin-bottom: 3em;
}

.kirppuOikeaYla img {
margin: 0;
padding: 0;
padding-right: 2em;
float: right;
}

.kirppuOikeaYla p {
margin: 0;
padding: 0;
padding-top: 1.5em;
padding-left: 1em;
font-size: 10px;
width: 391px;
}

.kirppuOikeaKeski {
width: 100%;
height: 146px;
margin: 0;
padding: 0;
margin-bottom: 3em;
}

.kirppuOikeaKeskiKuva {
width: 194px;
float: left;
}

.kirppuOikeaKeskiTeksti {
margin-left: 200px;
}

.kirppuOikeaKeski p {
margin: 0;
padding: 0;
padding-top: 2em;
padding-left: 1em;
font-size: 10px;
text-align: left;
width: 391px;
}

.kirppuOikeaKeski img {
margin: 0;
padding: 0;
float: left;
}

.kirppuOikeaAla {
width: 100%;
height: 146px;
margin: 0;
padding: 0;
padding-bottom: 1em;
}

.kirppuOikeaAla img {
margin: 0;
padding: 0;
padding-right: 2em;
float: right;
}

.kirppuOikeaAla p {
margin: 0;
padding: 0;
padding-top: 3em;
padding-left: 1em;
font-size: 10px;
width: 391px;
}
/*------------------------- KIRPPU LOPPUU ------------------------------------*/
/*------------------------- NAISET ALKAA  ------------------------------------*/
.naisetOikeaYla {
border-left: thin dotted #478FE0;
margin: 0;
padding: 0;
padding-left: 1em;
padding-top: 1em;
padding-right: 1em;
height: 200px;
vertical-align: top;
text-align: left;
}

.naisetOikeaYla h1 {
text-align: center;
font-size: 2em;
}

.naisetOikeaYla p {
font-size: 12px;
}

.naisetAla {
border-left: thin dotted #478FE0;
height: 390px;
margin: 0;
padding: 0;
text-align: right;
vertical-align: top;
font-size: 12px;
}

.naisetAla h2 {
font-size: 12px;
margin: 0;
padding: 0;
}

.naisetAla ul {
list-style-type: none;
margin: 0;
padding: 0;
}
/*------------------------- NAISET LOPPUU ------------------------------------*/
/*------------------------- VAKIOT ALKAA ------------------------------------*/
.vakiot {
width: 100%;
padding: 0;
margin: 0;
font-size: 14px;
text-align: center;
border: none;
}

.vakiot_tapahtuma {
border: 2px dotted #478FE0;
padding: 0;
margin: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
font-size: 12px;
width: 50%;
text-align: center;
}

.vakiot h1 {
padding: 0;
margin: 0;
margin-top: 0.5em;
margin-bottom: 1em;
color: #478FE0;
font-size: 14px;
}

.vakiot h2 {
padding: 0;
margin: 0;
font-size: 12px;
}
/*------------------------- VAKIOT LOPPUU ------------------------------------*/
/*------------------------- TYOMUODOT ALKAA ------------------------------------*/
.tyomuodot p {
padding: 0;
margin: 1.5em;
margin-bottom: 0;
font-size: 12px;
text-align: left;
}

.tyomuodot ul {
font-size: 12px;
text-align: center;
padding: 0;
margin: 0;
margin-left: auto;
margin-right: auto;
width: 90%;
}

.tyomuodot li {
margin-top: 1em;
margin-bottom: 0.1em;
border: thin dotted #478FE0;
padding: 1em;
padding-top: 4px;
float: left;
list-style-type: none;
}

/*------------------------- TYOMUODOT LOPPUU ------------------------------------*/
#testi {
color: red;
font-size: 2em;
}

#testi:hover {
color: black;
font-size: 3em;

}