/*VÄRIT
Harmaa: color:rgb(81,93,83);
WinNova: color:rgb(121,170,56);
Nuoret: color:rgb(125,24,122);
Aikuiset: color:rgb(192,0,118);
Työelämä: color:rgb(196,55,49);
*/

body{
font-family: Arial, Helvetica, sans-serif;
background-image:url(kuvat/tausta.gif);
background-repeat:repeat;
margin:0px;
padding:0px;
text-align:left;
vertical-align:top;
/*font-size:12px;*/
font-size:75%;
line-height:1.4;
color:rgb(81,93,83);
}

center{
height:100%;
}

table{
margin:0px;
padding:0px;
border-collapse:collapse;
}

td{
margin:0px;
padding:0px;
text-align:left;
vertical-align:top;
font-family: Arial, Helvetica, sans-serif;
line-height:1.4;
}

h1{
font-family: Arial, Helvetica, sans-serif;
/*font-size:30px;*/
font-size:250%;
line-height:1.2;
color:rgb(125,24,122);
font-weight:bold;
margin-bottom:0px;
padding-bottom:10px;
}

h2{
/*font-size:14px;*/
font-size:100%;
line-height:1.2;
}

p{
font-family: Arial, Helvetica, sans-serif;
line-height:1.4;
color:rgb(81,93,83);
}

a{
color:rgb(81,93,83);
}

img{
border:none;
}

#wrapper, #sivupohja{
width:940px;
}
#sivupohja{
background-color:#FFFFFF;
}
#ylapalkki{
width:940px;
height:116px;
background-color:#FFFFFF;
padding-left:24px;
}
#ylavasen{
width:546px;
}
#ylaoikea{
width:385px;
padding-right:24px;
padding-top:24px;
text-align:right
}
#hakukentta{
height:12px;
width:140px;
font-size:11px;
margin-right:4px;
}
#ylalinkit2{
padding-right:24px;
text-align:right;
}
.ylalinkki{
margin-right:12px;
}
.ylalinkki2{
margin-left:12px;
}
.ylakuva{
margin-right:6px;
}
#ylalinkkitekstit{
text-align:right;
padding-right:38px;
padding-top:4px;
font-size:90%;
line-height:12px;
/*font-size:11px;*/
}
#ylalinkkitekstit a{
text-decoration:none;
}
#ylalinkkitekstit a:hover{
text-decoration:underline;
}
#valipalkki{
height:6px;
background-image:url(kuvat/tausta.gif);
background-repeat:repeat;
}
#ykkostason_linkit{
width:940px;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding:12px 12px 12px 24px;
}
#ykkostason_linkit a{
color:rgb(125,24,122);
text-decoration:none;
}
#ykkostason_linkit a:hover{
text-decoration:underline;
}
#sisaltoalue{
width:664px;
background-color:#FFFFFF;
padding:0px 12px 24px 24px;
}
#sisalto{
width:664px;
}
#ylaviiva_pitka{
height:6px;
width:440px;
background-color:rgb(125,24,122);
margin-bottom:12px;
}
#ylaviiva_lyhyt{
height:6px;
width:212px;
background-color:rgb(125,24,122);
margin-bottom:12px;
}
#vasenpalkki{
width:212px;
padding-right:12px;
}
#vasen_valikko{
width:212px;
}
#vasen_valikko td{
font-size:90%;
line-height:normal;
}
.kakkostaso, .kakkostaso2{padding:7px 2px 7px 14px;font-weight:bold;line-height:11px;}
.kakkostaso2{background-image:url(kuvat/nuolialas_nuoret.gif);background-position:0px 5px;background-repeat:no-repeat;}
.kakkostaso a, .kakkostaso2 a{text-decoration:none;}
.kakkostaso a:hover, .kakkostaso2 a:hover{color:rgb(125,24,122);}

.kolmostaso, .kolmostaso2{padding:5px 2px 5px 14px;line-height:11px;}
.kolmostaso2{background-image:url(kuvat/nuolialas_nuoret.gif);background-position:0px 4px;background-repeat:no-repeat;}
.kolmostaso a, .kolmostaso2 a{text-decoration:none;}
.kolmostaso a:hover, .kolmostaso2 a:hover{color:rgb(125,24,122);}

.nelostaso, .nelostaso2{padding:5px 2px 5px 28px;line-height:11px;}
.nelostaso2{background-image:url(kuvat/nuolialas_nuoret.gif);background-position:14px 4px;background-repeat:no-repeat;}
.nelostaso a, .nelostaso2 a{text-decoration:none;}
.nelostaso a:hover, .nelostaso2 a:hover{color:rgb(125,24,122);}

.vitostaso, .vitostaso2{padding:5px 2px 5px 42px;line-height:11px;}
.vitostaso2{background-image:url(kuvat/nuolialas_nuoret.gif);background-position:28px 4px;background-repeat:no-repeat;}
.vitostaso a, .vitostaso2 a{text-decoration:none;}
.vitostaso a:hover, .vitostaso2 a:hover{color:rgb(125,24,122);}

.kutostaso, .kutostaso2{padding:5px 2px 5px 56px;line-height:11px;}
.kutostaso2{background-image:url(kuvat/nuolialas_nuoret.gif);background-position:42px 4px;background-repeat:no-repeat;}
.kutostaso a, .kutostaso2 a{text-decoration:none;}
.kutostaso a:hover, .kutostaso2 a:hover{color:rgb(125,24,122);}

#content{
width:440px;
}
#content a:hover{
color:rgb(125,24,122);
}
#ajankohtaista{
width:212px;
padding-right:12px;
}
#ajankohtaista a{
color:rgb(125,24,122);
text-decoration:none;
}
#ajankohtaista a:hover{
text-decoration:underline;
}
.uutinen{
margin-top:10px;
padding-left:4px;
padding-right:4px;
}
#oikeapalkki{
width:240px;
background-color:#FFFFFF;
padding:0px 24px 0px 0px;
/*font-size:11px;*/
font-size:90%;
}
#oikeapalkki p{
line-height:1.3;
}
#murupolku_alaosa{
font-family: Arial, Helvetica, sans-serif;
padding:0px 12px 12px 0px;
margin-bottom:10px;
vertical-align:top;
/*font-size:11px;*/
font-size:90%;
}
#murupolkunuoli{
float:left;
margin-top:10px;
margin-right:8px;
}
#murupolku_alaosa a{
text-decoration:none;
}
#murupolku_alaosa a:hover{
text-decoration:underline;
}
#banneripalsta_alaosa{
width:700px;
background-color:#FFFFFF;
padding-left:24px;
}
#banneripalsta_alaosa img{
margin-bottom:6px;
margin-top:0px;
}
#alaviiva_pitka{
height:6px;
width:664px;
background-color:rgb(86,93,85);
margin-bottom:12px;
}
#alaviiva_lyhyt{
height:6px;
width:216px;
background-color:rgb(86,93,85);
margin-bottom:12px;
}
#yhteystiedot{
width:664px;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
/*font-size:11px;*/
font-size:95%;
padding:6px 12px 24px 0px;
}
#yhteystiedot_linkki{
width:240px;
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
/*font-size:11px;*/
font-size:95%;
padding-top:6px;
}
#yhteystiedot_linkki a{
text-decoration:none;
}
#yhteystiedot_linkki a:hover{
text-decoration:underline;
}
#winnova_logo{
margin-top:28px;
margin-bottom:24px;
}
.empty{
background-color:#FFFFFF;
}
.active_page{
color:rgb(125,24,122);
}
a.active_page:hover{
color:rgb(125,24,122);
text-decoration:underline
}
span.hakusana{
/*background-color:rgb(241,184,240);*/
background-color:#edc9ff;
}

/*uudet*/
html, body{
height:100%;
width:100%;
}
#wrapper, #sivupohja{
height:100%;
}
#tayttoalue{
background-color:#ffffff;
}
#ykkostason_linkit{
height:12px;
}
#murupolku_alaosa{
height:20px;
}
#yhteystiedot{
height:10px;
}
#banneripalsta_alaosa{
height:0px;
}
.empty{
height:1px;
}
#content{
height:100px;
margin-top:0px;
padding-top:0px;
}
h1{
padding-top:0px;
margin-top:0px;
}
#hakukentta{
height:16px;
padding:0px;
}
#ylalinkkitekstit{
margin-right:25px;
}
#ylaoikea table{
margin-left:24px;
}
#ylaoikea table td{
vertical-align:middle;
}
#ylaviiva_pitka, #ylaviiva_lyhyt{
margin-bottom:20px;
}
#alaviiva_pitka{
}
#alaviiva_lyhyt{
}
#sivun_alaosa{
vertical-align:bottom;
height:100px;
padding-left:24px;
}
.nuortenlinkit A {
COLOR: #ffffff;
TEXT-DECORATION: none;
}
.nuortenlinkit A:hover {
COLOR: #ffffff;
TEXT-DECORATION: underline;
}
#murupolku_mobiili {
    display:none;
}

/* Survey styles */

.surveyTable{
margin-top:10px;
border-bottom:solid 1px #DBDBDB;
border-left:solid 1px #DBDBDB;
border-right:solid 1px #DBDBDB;
}
.surveyHeaderTd{
background-color:rgb(125,24,122);
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding:2px 0px 2px 0px;
}
.SurveyContentTd{
padding:15px 10px 10px 10px;
}
.SurveyContentTd a{
text-decoration:none;
}
.surveyHr{
color: #fff; border: 1px dotted #C3C3C3;
border-style: none none dotted;
}
.surveyTotal{
}

/* LUETTELOTYYLIT */

#luettelo{
width:440px;
}
#luettelo td{
padding:5px;
padding-left:10px;
font-size:90%;
}
#luettelo td a{
text-decoration:none;
}
#luettelo td a:hover{
text-decoration:underline;
color:rgb(86,93,85);
}
#luettelo_otsikkonimi, #luettelo_otsikkopaikkakunta, #luettelo_otsikkoalkamisaika, #luettelo_otsikkoinfo{
background-color:rgb(125,24,122);
height:20px;
color:#ffffff;
font-weight:bold;
}
#luettelo_otsikkonimi a, #luettelo_otsikkopaikkakunta a, #luettelo_otsikkoalkamisaika a{
color:#ffffff;
}
#luettelo #luettelo_otsikkonimi a:hover, #luettelo #luettelo_otsikkopaikkakunta a:hover, #luettelo #luettelo_otsikkoalkamisaika a:hover{
text-decoration:underline;
color:#ffffff;
}
#luettelo_otsikkonimi{
width:200px;
}
.luettelo_valkoinen{
background-color:#ffffff;
}
.luettelo_harmaa{
background-color:#ededed;
}
#luettelo_sivunro{
padding-top:10px;
word-spacing:3px;
}
#luettelo_sivunro a{
text-decoration:none;
}
.active_luettelo{
color:rgb(125,24,122);
font-weight:bold;
}

/* KURSSIKORTTITYYLIT */

#kurssikortti{
width:440px;
}
#kurssikortti td{
padding:5px;
font-size:95%;
text-align:center;
vertical-align:middle;
height:0px;
line-height:1;
}
#kurssikortti a{
text-decoration:none;
}
#kurssikortti_sisalto a{
text-decoration:underline;
}
#kurssikortti a:hover{
text-decoration:underline;
color:rgb(125,24,122);
}
#kurssikortti_otsikkopalkki{
background-image:url(kuvat/tuotekortti_tausta_nuoret.gif);
background-repeat:no-repeat;
background-position:top left;
line-height:1.2;
}
#kurssikortti_otsikko{
width:420px;
}
#kurssikortti #kurssikortti_nimi{
font-size:120%;
color:#ffffff;
font-weight:bold;
padding-left:5px;
width:240px;
text-align:left;
line-height:1.2;
}
#kurssikortti #kurssikortti_kurssinro{
color:#ffffff;
text-align:right;
line-height:1.2;
}
#kurssikortti .kurssikortti_kenoviiva{
padding:0px;
height:0px;
}
#kurssikortti .kurssikortti_kenoviiva img{
float:left;
margin:0px;
padding:0px;
}
.vasenreunaviiva{
border-left:1px solid #d0d0d0;
}
.oikeareunaviiva{
border-right:1px solid #d0d0d0;
}
#kurssikortti #kurssikortti_sisalto{
border:1px solid #d0d0d0;
padding-top:20px;
padding-bottom:20px;
padding-left:10px;
text-align:left;
line-height:1.2;
}
.active_kurssikortti{
color:rgb(125,24,122);
font-weight:bold;
height:0px;
padding:0px;
line-height:1.2;
}
#tulostus_sisalto{
display:none;
}
#tulostus_sisalto2{
display:none;
}
#tulostus_sisalto3{
display:none;
}
#tulostus_sisalto4{
display:none;
}
#tulostus_header{
display:none;
}
#tulostus_footer{
display:none;
}
.mobiili{
text-decoration:none;
}

/* KOULUTUSTARJONTAHAKUTYYLIT */

#koulutustarjonta_hakuikkuna{
border:1px solid #d0d0d0;
width:440px;
}
#koulutustarjonta_hakuikkuna td{
padding:10px;
}
#koulutustarjonta_hakuikkuna #koulutustarjonta_tutkintosarake{
/*border-right:1px dotted #d0d0d0;
padding-right:20px;
width:175px;*/
padding-left:20px;
}
#koulutustarjonta_hakuikkuna #koulutustarjonta_muusarake{
padding-left:20px;
}
#koulutustarjonta_tutkintosarake h2, #koulutustarjonta_muusarake h2{
color:rgb(125,24,122);
font-size:110%;
}
#koulutustarjonta_tutkintosarake select{
width:170px;
}
#koulutustarjonta_muusarake select, #koulutustarjonta_muusarake #sanahaku{
width:170px;
}
#normaaliweblinkki{
display:none;
}
#bannerit{
margin-bottom:12px;
}
#tulostuskuvake
{
width:100%;
float:left;
margin-top:12px;
}