/*

 *  Yleiset tyylit

 *

 ************************************/



body, textarea, input, select {

  font-family: Arial, sans-serif;

  font-size: 100%;

}



body {

  font-size: 90%;

  padding: 0px;

  margin: 0px 0px 5px 0px;

}



form {

  display: inline;

  padding: 0px;

  margin: 0px;

}



hr {

  border: 0px;

  height: 1px;

}



textarea {

  overflow: auto;

  overflow-x: hidden;

}


del {
    text-decoration: none;
}

/*

 *  Yleiset linkkiasetukset

 *

 ************************************/

a img {

  border: 0px;

}



a {

  text-decoration: none;

  color: #001741;

}



a:hover, #murupolku a:hover {

  color: #2774D4;

  text-decoration: underline;  

}



a.linkki {

  text-decoration: underline;

}



a:visited { 

  color: #550055;

}



/*

Link, Visited, Hover, Focus, Active.

*/





/*

 *  Sisällön yleiset

 *

 ************************************/

#artikkeli, #hakusisalto, #sisalto {

  margin-left: 265px;

  margin-right: 240px;  

  padding:0;


  border-left:1px solid #C6BDB5; 


  padding-left:10px;
  

}



/*

 *  Ylalinkit

 *

 ************************************/



#ylaosa {

  margin-top: 0px;

  margin-left: 30px;

  margin-right: 30px;

}



#ylaosa ul {

  float: right;

  margin: 0px;

  padding: 0px;

  margin-top: 7px;

  font-size: 90%;

}



#ylaosa ul li {

  display: inline;

  padding-left: 0.8em;

  padding-right: 0.4em;

  background-image: url(/sovellukset/tk/img2/bullet.gif);

  background-repeat: no-repeat;

  background-position: 0px 50%;  

}



#ylaosa ul li.eka {

  background-image: none;

}







/*

 *  Sivuston tunnisteet

 *

 ************************************/





#tunnisteet {

  clear: both;

} 



#duologo {

  width: 120px;

  height: 30px;

}



#tunniste {  

  margin-left: 30px;
  
  margin-right: 60px;

  height: 50px;

  background-color: #185AAD;  

  background-image: url(/sovellukset/tk/img2/ylatausta2.gif);

  background-repeat: no-repeat;

  background-position: top center;

}



#dslogo {

  height: 75px;

  width:194px;

  float:right;

}



#logo1 {
  position: absolute;
  top: 29px;
  right: 350px;
  background-color: #FFFFFF;  
  padding-left:15px;
  padding-right:5px;  
  padding-top:15px;
  padding-bottom:17px;  
}

#logo2 {
  position: absolute;
  top: 29px;
  right: 155px;
  background-color: #FFFFFF;  
  padding-left:10px;
  padding-right:5px;    
  padding-top:5px;
  padding-bottom:7px;  
  
}

#logo3 {
  position: absolute;
  top: 29px;
  right: 45px;  
  background-color: #FFFFFF;  
  padding-left:10px;
  padding-right:5px;    
  padding-top:20px;
  padding-bottom:22px;  
}




#logo4 {

  position: absolute;

  top: 50px;

  right: 10px;  

  /*text-align: right;  */

  height: 77px;

  background-color: #FFFFFF;  

}



/*

 * 

 *  Reunat

 *

 *

 ************************************/



#vasy, #vasa, #oika, #oiky  {

  background-repeat: no-repeat;

  position: absolute;

  width: 30px;

}





#vasy, #oiky {

  height: 50px;

}



#vasy, #vasa {

  left: 0px;

}



#oiky, #oika {

  right: 210px;

}



#vasy {

  background-image: url(/sovellukset/tk/img2/ttk_ylapalkki_v.gif);

  background-position: top;

}



#oiky {

  background-image: url(/sovellukset/tk/img2/ylapalkki_o.gif);

  background-position: top;

}



#vasa, #oika  {

  background-image: url(/sovellukset/tk/img2/ttk_ylapalkki_a.gif);

  background-position: bottom;

}









/*

 *  Murupolku

 *

 ************************************/



#murupolku, #vasa, #oika {

  line-height: 2em;

  height: 2em;

  font-size: 90%;

}



#murupolku {

  margin-left: 30px;

  margin-right: 60px;

  padding-right: 30px;

  background-color: #EBE8D9;

  background-image: url(/sovellukset/tk/img2/viiva.gif);

  background-repeat: repeat-x;

  background-position: bottom;

}



#murupolku a {

  color: #1C5397;

}



/*

 *  Hakupalkki

 *

 ************************************/



#hakupalkki {

  position: absolute;

  right: 30px;

  width: 250px;

  text-align: right;

}



#hakupalkki form {

  position: relative;

  top: -5px;

}



#hakupalkki #haku {

  width: 170px;

  font-weight: bold;

}







/*

 *  Alaviite

 *

 ************************************/



#alaviite {

  clear: both;

  margin-left: 30px;

  margin-right: 30px;

  margin-top: 10px;

  padding-top: 10px;

  border-top: 1px solid #C6BDB5;

  text-align: center;

  color: #1C5397;

  font-size: 80%;

}







/*

 *  Tulostusnappula

 *

 ************************************/



#tulostus {

  text-align:right;

  margin-right: 4ex;

  margin-top:5px;

  margin-bottom:5px;

}

  

#tulostus #kansi {

  width: 90px;

  border: 1px solid #C0BEB0;   

  margin-right: 5px;

}





/*

 *  Sisältösivu

 *

 ************************************/



#sivu {

  margin: 1.5ex 10px 0px 18px;

  line-height: 125%;  

}





/*

 *  Hakutulokset

 *

 ************************************/



div.hakuotsikko {

  padding: 5px;

  border-bottom: 1px solid #C0BEB0;

  background-color: #F7F7F0;

  margin-right: 5px;

  margin-bottom:20px;

}



 

div.hakutulos {

  margin-top: 1ex;

  padding-left:2ex;

  font-size:120%;

}



div.tarkeys {

    padding-left:1ex;

    font-size:120%;

    font-weight:500;

    color:#000000;

    padding-top:1ex;

    

}



div.hakutulos a {

  font-weight: normal;

  text-decoration: none;

  color: #1C5397;

}



div.hakutulos a:hover {  

  text-decoration: underline;  

}



div.hakuurl {

  color: green;

  font-size: 90%;

}



div.hakuseli {

  font-size: 90%;

}





div.navihakutulos {

  background-image: url(/sovellukset/tk/img2/bullet.gif);

  background-repeat: no-repeat;

  background-position: 0px 0.35em;

  clear: both;

  margin-left: 3.5ex;

  padding-left: 1.5ex;  

}



div.navihakutulos .valittu {

  font-weight: bold;

  color: #001741;

}


div.navihakutulos_sisennetty {
  background-image: url(/sovellukset/tk/img2/bullet2.gif);
  background-repeat: no-repeat;
  background-position: 0px -0.20em;
  clear: both;
  margin-left: 5.5ex;
  padding-left: 2.0ex;  
}

div.navilinkki a span {

  font-size: 90%;

}





/*

 *  Hakutulosten lkm ja siirrot

 *

 ************************************/

 

#hakusivut {

  margin-top: 2ex;

  text-align: center;  

}



#hakusivut a, div#hakusivut span {

  padding-left: 0.5ex;

  padding-right: 0.5ex;

}



#hakusivut a {

  text-decoration: underline;

}



#hakusivut {

  font-size: 120%;

}



#hakusivut span {

  font-weight: bold;

} 





/*

 *  Hakulaatikko

 *

 ************************************/

 

#hakulaatikko {

  margin-top: 2ex;

  margin-right: 5px;  

  padding: 2ex;

  border-top: 1px solid #C0BEB0;

  background-color: #F7F7F0;

  text-align: center;

}



input#alahaku {

  border: 1px solid #7F9DB9;

  height: 1.5em;

  width: 200px;

}





/*

 *  Osumalaatikko

 *

 ************************************/

 

#tulospalkki {

  float: left;

  /*position: absolute;*/

  right: 20px;

  width: 185px;

}



#lisatiedot {

  position: absolute;

  right: 20px;

  width: 230px;

}







/*

 *  Teosten teksti ja kuva

 *

 ************************************/



#teoskuvaus {

  margin-right: 160px;

}



#teoskuvaus img {

  position: absolute;

  right: 20px;

  border: 1px solid #C0BEB0; 

}



#teoskuva {

  position: absolute;

  right: 20px;

  width: 180px;

}







#teoskuva img {

  border: 1px solid #C0BEB0; 

}



#teoskuvaus img.khlogo, #teoskuvaus img.duodecim, #teoskuva img.khlogo, #teoskuva img.duodecim {

  border: 0px; 

}





/*

 *  Vaalea laatikko

 *

 ************************************/

 

div.laatikko {

  font-size: 90%;

  border: 1px solid #C0BEB0;

  background-color: #F1EFE5;

  background-image: url(/sovellukset/tk/img2/navitausta.gif);

}



div.laatikkoyla, div.laatikkoala {

  font-size: 2px;

  width: 12px;

  height: 12px;

  position: relative;

}



div.laatikkoyla {

  float: left;

  top: -1px;

  left: -1px;

  background-image: url(/sovellukset/tk/img2/pyor_vaal_yv.gif);

}



div.laatikkoala {

  float: right;

  top: 1px;

  left: 1px;

  background-image: url(/sovellukset/tk/img2/pyor_vaal_ao.gif);

}



div.laatikkosis {

  padding: 6px;

  padding-bottom: 0px;

}



div.laatikkosis h1, div.uutiset h1, #navi h1, #hakukentta h1, #hakusisalto h1, #tulospalkki h1 {

  font-size: 100%;

  font-weight: bold;

  margin: 0px;

  padding: 0px;

  margin-bottom: 2px;

  margin-left: 0px;

}



div.laatikkosis h1 {

    font-size:120%;

    font-weight:500;

    margin-bottom:10px;

}



div.uutiset h1 {

    border-bottom: solid 1px #7F9DB9;

}



#navi h1, #hakusisalto h1, #tulospalkki h1 {

  margin-top: 5px;

}



#navi h1, #tulospalkki h1 {

    margin-left:1.5ex;

}    







/*

 *  Vasenpalkki

 *

 ************************************/



#vasen {

  float: left;

  width: 250px;

  background-color:#FFFFFF;  

  border:solid 0px #7F9DB9; 

  padding-bottom:5px;

} 





#navi {

  float: left;

  width: 250px;

  background-color:#EFEFEF;  

  border:solid 1px #7F9DB9; 

  padding-bottom:5px;

} 



#hakuosio {  

  font-size:100%;

  margin:0;


  padding:0;

  border: 1px solid #C0BEB0;

  margin-bottom:10px;

  background-color:#EFEFEF;  

}



#osumaosio {

    clear:both;

    margin-bottom:5px;

}



#osio {

  float:right;

  width: 250px; 

  border:solid 0px #7F9DB9;   

  margin:0;

  margin-bottom:0px;

  padding:0px;

  padding-bottom:5px;  

  padding-top:5px;    

} 



#osiolinkki {  

  float:left;

  padding-top:0;

  font-size: 100%;

  font-weight:normal;

  margin-bottom:0;

  margin-top:0px;

  color: #1E57A6;

  background-image: url(/sovellukset/tk/img2/bullet3.gif);


  background-repeat: no-repeat;


  background-position: 0ex 1.0ex;


  margin-left: 0;


  padding-left: 1.5ex; 


}



#osiolinkki a {

  color: #1E57A6;

}



#osiolinkki a:hover {  

  color: #185AAD;

  text-decoration:underline;  

}



#osiokuvaus {

  padding-left: 1.0ex;  

  padding-top:0;

  font-size: 90%;

  font-weight:normal;

  margin-bottom:5px;

  margin-top:2px;

  color: #000000;

}





div.hakutuloslinkki {  

  clear:both;

  vertical-align:top;

}



#naviotsikko {

    margin-top:5px;

    margin-bottom:5px;

    padding-left:0.5ex;

    font-size:100%;

    font-weight:bold; 

    border-bottom:solid 1px #EAEAEA;
    
}    



hr.hakulinkkivali {

  width: 95%;

  border-bottom: 2px solid #DFDDD1;

  padding-left:0.5ex;  

}





div.hakutuloslinkki .valittu {

  color: #001741;

  font-weight: bold;

}



div.hakutuloslinkki a span {

  font-size: 90%;

}



#osumaosio {

    clear:both;

    padding-top:7px;

}



#osumalinkki {

  float:left;

  background-image: url(/sovellukset/tk/img2/bullet.gif);

  background-repeat: no-repeat;

  background-position: 0px 0.75em;    

  padding-left: 1.5ex;   

  margin-left: 1.5ex;

  padding-left: 1.5ex;  

  font-size:90%;  

}



#osumasumma {

    float:right;        

    font-size:90%;

    margin-right:5px;

    color: #A0A0A0;

}



div.navilinkki {

  background-image: url(/sovellukset/tk/img2/bullet.gif);

  background-repeat: no-repeat;

  background-position: 0px 0.75em;

  clear: both;

  margin-left: 1.5ex;

  padding-left: 1.5ex;  

  font-size:90%;

}



div.teoslinkki {

  background-image: url(/sovellukset/tk/img2/bullet.gif);

  background-repeat: no-repeat;

  background-position: 0px 0.75em;

  margin-left: 1.5ex;

  padding-left: 1.5ex;  

  font-size:90%;

}





div.navilinkki_harva {

  background-image: url(/sovellukset/tk/img2/bullet.gif);

  background-repeat: no-repeat;

  background-position: 0px 0.75em;

  clear: both;

  margin-left: 1.5ex;

  padding-left: 1.5ex;

  padding-bottom: 5px;

}



div.naviteksti {

   margin-left: 1.5ex;    

}





#navilinkki2 {

    text-decoration:underline;

    color: #2774D4

}





div.navilinkki div.navilinkki_harva .valittu {

/*  xcolor: #1C5397; */

  color: #001741;

  font-weight: bold;

}



hr.navivali {

  width: 90%;

  border-bottom: 1px solid #DFDDD1;

}







/*

 *  Oikeapalkki

 *

 ************************************/



#oikeapalkki {

  float:right;

  width: 200px;

  height:100%; 

  margin:0px;


}





#mainos {    

    padding: 0px;

    border: solid 0px #C0BEB0;

    margin-bottom:10px;

}    





#termihaku { 

  margin: 0px;

  padding:0px;

  margin-top: 10px;

  margin-bottom: 10px;

  padding-bottom:10px;  

  background-color: #F1EFE5;

  border: 1px solid #C0BEB0; 

}



#termihaku h1 {    

    color: #000000;

    font-size:120%;    

    padding:0;

    padding-left:3px;

    padding-top:3px;        

    margin:0;

    

}



 

/*

 *  Selaus palstoineeen

 *

 ************************************/



div.palstavasen {

  float: left;

  width: 45%;

}



div.palstaoikea {

  float: left;

  width: 45%;

  border-left: 1px solid #C0BEB0;

}





div.selaus ul {

  margin-left: 2ex;

  margin-right: 2ex;

  padding-left: 1em;

}

    

div.selaus ul ul {

  margin-left: 0px;

  padding-left: 1em;

}



div.selaus ul {

  color: #1E57A6;

}



div.selaus li.alaotsikko {

  list-style-type: disc;

  font-style: italic;

  margin-left: -1ex

  /* font-weight: bold; */

}

  

div.selaus li.oksa {

  list-style-type: disc;

}



div.selaus li.artikkeli {

  list-style-type: circle;

}



/*

 *  Etusivun yleiset

 *

 ************************************/

 

#etusivu2 {

  margin-left: 265px; 

  margin-right:30px;

}





/*

 *

 *   Etusivun infoteksti

 *

 *******************************/



#etuinfo {  

  float:left;

  width: 510px;

  margin:0px;

  margin-bottom:10px;

}



/*

 *

 *   Etusivun uutiset

 *

 *******************************/



.uutiset {

  margin-bottom:15px;

  padding-top:6px;

}





div.uutislinkki {

  background-image: url(/sovellukset/tk/img2/bullet.gif);

  background-repeat: no-repeat;

  background-position: 0.5ex 2.0ex;  

  margin-left: 0;

  padding-left: 1.5ex;
  
  padding-top:1.0ex;

  font-size:100%;

  line-height:120%;

}



#palstav {  

  float:left;

  width: 250px;  

  margin:0px;

  margin-bottom:10px;

}



#palstao {

  float:right;

  width: 240px;  

  margin:0px;

  margin-bottom:10px;    

}



/*

 *

 *   Etusivun palaute

 *

 *******************************/





#etupalaute {

  background-color: #F1EFE5;

  float: right;

  width: 290px;

}



#etupalaute div.palaute {

  padding: 1ex;

  padding-bottom: 0ex;

}



#etupalaute label {

  float: left;

  text-align: left;

  padding-right: 5px;

  position: relative;

  top: -1px;

  width: 11ex;

}



#etupalaute br {

  clear: left;

}



#etupalaute textarea {

  width: 40ex;

  margin-bottom: 4px;

}



#etupalaute input {

  width: 28ex;

}



#etupalaute input.submit {

  width: 20ex;

  margin-top: 0.5ex;

  margin-left: 12ex;

}





/*

 *

 *   Etusivun kuva

 *

 *******************************/

 

#etusivukuva {

  float: right;

  border: 1px solid #C0BEB0;

  background-image: url(/sovellukset/tk/img2/vitruvian.jpg);

  background-repeat: no-repeat;

  background-position: 50% 10%;

  width: 200px;

  height: 145px;

  /*height: expression(Math.max(80, etuinfo.offsetHeight - 2)); */

  /* height: expression(Math.max(80, uutiset.offsetHeight - 2));  */

}









/*

 *

 *   Kirjojen kannet etusivulla

 *

 *******************************/



#kirjat {

  float: left;

  background-color: #1F5BA9;

  width: 540px;

  margin-top: 10px;

  margin-bottom: 10px;

  border: 1px solid #1A4380;

  padding-bottom: 15px;

  

  background-image: url(/sovellukset/tk/img2/kirjatausta.gif);

  background-repeat: no-repeat;

  background-position: 150% 60%;

}



#kirjat div.kirjavali {

  float: left;

  width: 12px;

}



#kirjat div.kansikuva {

  float: left;

  margin: 25px 8px 25px 8px;

}



#kirjat div.kansikuva div, #kirjat div.kansikuva img  {

  width: 100px;

}



#kirjat div.kansikuva div {

  text-align: left;

  margin-top: 5px;

}



#kirjat div.kansikuva img {

  height: 140px;

  border: 1px solid #1A4380;

}



#kirjat div.kansikuva b {

  display: block;

}



#kirjat a {

  color: #ffffff;

  text-decoration: none;

}



#kirjat a:hover {

  text-decoration: underline;

}



#kirjat div.laatikkoyla {

  background-image: url(/sovellukset/tk/img2/pyor_sini_yv.gif);

}





#kirjat2 {

  float: left;

  background-color: #1F5BA9;

  width: 245px;

  margin-top: 0px;

  margin-bottom:10px;

  margin-right: 10px;

  border: 1px solid #1A4380;

  padding-bottom: 15px;  

  background-image: url(/sovellukset/tk/img2/kirjatausta.gif);

  background-repeat: no-repeat;

  background-position: 150% 10%;

}



#kirjat2 h1 {

    margin-bottom:10px;

}



#kirjat2 h2 {

    color: #ffffff;

    font-size:100%;

    font-weight:600;    

    margin-bottom:5px;

}



#kirjat2 div.selaus {

  background-image: url(/sovellukset/tk/img2/bullet2.gif);

  background-repeat: no-repeat;

  background-position: 0px 0.75em;    

  padding-left: 1.5ex;

}



#kirjat2 div.kirjavali {

  float: left;

  width: 12px;

}



#kirjat2 div.kansikuva {

  float: left;

  margin-left: 10px;

  margin-right: 5px;

  margin-bottom: 10px;

}



#kirjat2 div.kansikuva #kirjat2 div.kansikuva img  {

  width: 100px;

}



#kirjat2 div.kansikuva div {

  text-align: left;

  margin-top: 5px;

}





#kirjat2 div.kansikuva img {

  height: 140px;

  border: 1px solid #1A4380;

}



/*

#kirjat2 div.kansikuva b {

  display: block;

}

*/



#kirjat2 a {

  color: #ffffff;

  text-decoration: none;

}



#kirjat2 a:hover {

  text-decoration: underline;

}



#kirjat2 div.laatikkoyla {

  background-image: url(/sovellukset/tk/img2/pyor_sini_yv.gif);

}





/*

 *

 *   Termi

 *

 *******************************



#termi {

  background-color: #F1EFE5;

  float: left;

  width: 280px;

}



#termi p {

  margin: 0px;

  padding: 0px;

}



*/





/*

 *

 *   Info

 *

 *******************************/



#kodinfo {

  background-color: #F1EFE5;

  float: right;

  width: 260px;

}

/*

  background-image: url(/sovellukset/tk/img2/dseura.gif);

  background-position: 100% 90%;

  background-repeat: no-repeat;

*/







#kodinfo img {

  float: left;

  margin: 4px 4px 0px 0px;

}



#kodinfo a {

  color: #1E57A6;

}



#kodinfo a:hover {

  color: #2774D4;

}



/*

 *

 *  Yleiset lomaketyylit 

 *

 *************************************/

 div.lomake { 

   margin: 3ex;

   line-height: 200%;

}



.lomake label {  

  text-align: left;

  padding-right: 5px;

  top: -1px;

  width: 12ex;

}



.lomake input.submit {

  margin-left: 10ex;

  margin-top: 1ex;

}



.lomake div.virhe {    

    color:#FF0000;

    font-weight:600;

    padding:3px;

    padding-left:0px;

    margin:5px;

    margin-left:0px;

}



.lomake #kentta {

    margin-bottom: 10px;

}



.lomake div.painikkeet {

    margin: 20px;

    text-align:center;

}



.lomake a.frm_linkki {

    color:#000000;

    padding-right: 20px;

    font-size:90%;

    text-decoration:underline;    

}

/*

 *  Palautelomake

 *

 ************************************/



#palaute {

  width: 65ex;

  margin-left: auto;

  margin-right: auto;

} 





#palauteinfo {

  color: #990000;

} 



/*

 *  Rekisteröintilomake

 *

 ************************************/



#rekisterointi {

  width: 80ex;

  margin-left: auto;

  margin-right: auto;

} 

 

/*

 *  Sisäänkirjautumislomake

 *

 ************************************/



#login {

  width: 60ex;

  margin-left: auto;

  margin-right: auto;

} 



/*

 *  Artikkelinarviointilomake

 *

 ************************************/



#arviointi {

  width: 90%;

  padding:10px;

  margin:0;  

  margin-top:10px;

  border: solid 1px #C0BEB0;

  line-height:90%;

  background-color:#DCDCDC;

} 



#arviointi h1 {

    font-size:110%;

    margin:0;

    padding:0;    

    margin-bottom:5px;    

    margin-top:5px;    

}    



#arviointi div {

    font-size:100%;

    margin:0;

    padding:0;

}    

/*

 *  Hakukentta

 *

 ************************************/

#hakukentta {     

     margin-top: 5px;

     margin-bottom: 10px;

     margin-left:5px;     

 }





#hakukentta h1 {

    color:#000000;

    margin-left:0px;

    font-size:100%;    
    
    font-weight: normal;

}









/*

 *  Headeri ja footeri

 *

 ************************************/



#artikkeli .header {

  color: #1E57A6;

  font-weight: bold;

  font-size: 90%;

} 



#artikkeli #footer {

  font-size: 90%;
  
  border-top: 1px solid #C6BDB5;
  
  padding-top:0.5em;

} 



#artikkeli div.footer hr {

  width: 90%;

  border-bottom: 1px solid #C6BDB5;

  text-align: left;

}





/*

 *

 *    Sisällysluettelo

 *

 **************************/





#artikkeli div.sisallys {

  font-size: 95%;

  width: 70%;

  border-top: 1px solid #1E57A6;

  border-bottom: 1px solid #1E57A6;

  margin: 2ex 0ex 2ex 0ex;

  padding: 1ex 0ex 2ex 0ex;

}



#artikkeli ul.sisallys {

  margin: 0px 0px 0px 1ex;

}



#artikkeli ul.sisallys li {

  list-style-image: none;

  list-style-type: none;

  margin-top: 0px;

  margin-left: 0.5ex;

  padding-left: 1.5ex;



  background-image: url(/sovellukset/tk/img2/bullet.gif);

  background-repeat: no-repeat;

  background-position: 0px 50%;

}



#artikkeli hr.sisallysviiva  {

  width: 90%;

  border-bottom: 1px solid #1E57A6;

  text-align: left;

}





#artikkeli a.sisallys:visited {

  color: #001741;

}









/*

 *    Leipäteksti

 *

 ************************************/



#artikkeli p {

  margin-top: 0px;

}



#artikkeli p.abstrakti {

  font-weight: bold;

  color: #1E57A6;

  margin-top: 2ex;

  margin-bottom: 2ex;

  padding: 2ex;

  border: 1px solid #EBE8D9;

  background-color: #F9F8F1;

  line-height: 150%;  

}


#artikkeli div.box, #artikkeli pre {

  margin-top: 2ex;

  margin-bottom: 2ex;

  padding: 2ex;

  border: 1px solid #EBE8D9;

  background-color: #F9F8F1;

  line-height: 150%;

}



#artikkeli div.box p {

  margin: 0px;

}


#artikkeli #identity {
    color:#00318C;    
    margin-bottom:5px;
}
    

#artikkeli .toc {
    margin-top:2ex;
    margin-bottom: 2ex;
    padding:1ex 0 0;
    border-top: 1px solid #1E57A6;
    border-bottom: 1px solid #1E57A6;
    width:70%;
}

/*

 *  Taulukot

 *

 ************************************/





#artikkeli table.taulukko { 

  margin-top: 2ex;

  margin-bottom: 2ex;

  border: 1px solid #C0BEB0;

  width: 98%;

}



#artikkeli caption {

  text-align: left;

}



#artikkeli tr {

  font-size: 85%;

}



#artikkeli thead, #artikkeli tr.header, #artikkeli th {

  background-color: #1E57A6;

  color: #ffffff;

}



#artikkeli tr.odd {

  background-color: #F8F7EF;

}



#artikkeli tr.even {

  background-color: #EBE8D8;

}



#artikkeli tfoot td, #artikkeli tr.footer td {

  border-top: 1px solid #EBE8D8;

  background-color: #F8F7EF;

}



#artikkeli td, #artikkeli th {

  vertical-align: top;

}



#artikkeli th {

  text-align: left;

}



#artikkeli td b {

  color: #000000;

}



#artikkeli td ul, #artikkeli td ol {

  margin: 0px;

  margin-left: 3ex;

  padding: 0px;

}







/*

 *  Otsikot

 *

 ************************************/

 

h1, #artikkeli h2, #artikkeli h3, #artikkeli h4 {

  color: #1E57A6;

  font-family: "Trebuchet MS", Arial, sans-serif;

  margin-top: 1ex;

  margin-bottom: 1ex;    

}



h1 {

  font-size: 150%;

  font-weight: normal;

  line-height: 120%;

}



#artikkeli h2 {

  font-weight: normal;

  font-size: 125%;

}



#artikkeli h3 {

  font-size: 110%;

}



#artikkeli h4 {

  font-size: 90%;

}







/*

 *

 *    Inline-elementit

 *

 **************************/



#artikkeli sup, #artikkeli sub {

  font-size: x-small;

}



#artikkeli b {

  color: #1E57A6;

}







/*

 *

 *    Listat

 *

 **************************/



#artikkeli ul, #artikkeli ol {

  margin: 0px;
  
  margin-bottom:2ex;

  padding: 0px;

  margin-left: 3ex;

}



#artikkeli ul.nobullet li {

  list-style-image: none;

  list-style-type: none;

}


/*

 *

 *    Numeroidut listat

 *

 **************************/



#artikkeli ol.decimal {

  list-style-type: decimal;

}



#artikkeli ol.upper-alpha {

  list-style-type: upper-alpha;

}



#artikkeli ol.lower-alpha {

  list-style-type: lower-alpha;

}



#artikkeli ol.lower-roman {

  list-style-type: lower-roman;

}



#artikkeli ol.upper-roman {

  list-style-type: upper-roman;

}







/*

 *

 *       Linkit

 * 

 **************************/

a.article, a.non_indexed, a.table, a.evidence, a.internet, a.cochrane_abstract, a.cochrane_review, a.reference, a.audio, a.image, a.program, a.footnote, a.extra, a.object, a.inline_figure {

  font-size: 100%;

  font-weight: normal;
  
  text-decoration: none;

  padding: 0px 4px 0px 3px;

  background-image: none;

  background-color: #FFFFFF;
  color: #000000;
  
 
}

a.article .text, a.non_indexed .text, a.table .text, a.evidence .text, a.internet .text, a.cochrane_abstract .text, a.cochrane_review .text, a.reference .text, a.audio .text, a.image .text, a.program .text, a.footnote .text, a.extra .text, a.object .text, a.inline_figure .text {


  font-size: 75%;

  font-weight: bold;
  
  text-decoration: none;

  letter-spacing: -0.05em;
  
  padding: 0px 4px 0px 3px;

  margin-left: 4px;

  background-image: none;


  color: #FFFFFF;
  
 

}

a.article .title, a.non_indexed .title, a.table .title, a.evidence .title, a.internet .title, a.cochrane_abstract .title, a.cochrane_review .title, a.reference .title, a.audio .title, a.image .title, a.program .title, a.footnote .title, a.extra .title, a.object .title, a.inline_figure .title {


  text-decoration: underline;
  
}


a.article:hover, a.non_indexed:hover, a.table:hover, a.evidence:hover, a.internet:hover, a.cochrane_abstract:hover, a.cochrane_review:hover, a.reference:hover, a.audio:hover, a.image:hover, a.program:hover, a.footnote:hover, a.extra:hover, a.object:hover, a.inline_figure:hover { 

  color: #00318C;

}



a.table:hover, a.image { 

  color: #000000;

}



a.article:visited, a.non_indexed:visited, a.table:visited, a.evidence:visited, a.internet:visited, a.cochrane_abstract:visited, a.cochrane_review:visited, a.reference:visited, a.audio:visited, a.image:visited, a.program:visited, a.footnote:visited, a.extra:visited, a.object:visited, a.inline_figure:visited { 

  text-decoration: underline;

  color: #000000;

}



a.table:visited, a.image { 

  color: #000000;

}





a.table .text {

  color: #000000;

  background-color: #ffcc66;

}



a.image .text {

  color: #000000;

  background-color: #dddddd;

}



a.article .text , a.non_indexed .text {

  background-color: #0099aa;

}



a.evidence .text {

  background-color: #cc0000;

}



a.internet .text, a.cochrane_abstract .text, a.cochrane_review .text {

  background-color: #3399cc;

}



a.reference .text {

  background-color: maroon;

}



a.audio .text {

  background-color: #003366;

}



a.program .text {

  background-color: #9900ff;

}



a.footnote .text, a.inline_figure .text, a.object .text {

  background-color: #336699;

}



a.extra .text {

  background-color: #CCAA00;

}



a.frm_linkki .text {

    color:#000000;

    padding-right: 30px;

    font-size:90%;

    text-decoration:underline;    

}



/*

 *

 *     Kuvat

 *

 **************************/



div.kuva {

  margin-top: 3ex;

  margin-bottom: 2ex;

}

/*

div.kuva img {

    width:95%;

}

*/

div.kuva div {

  margin-top: 1ex;

}





/*

 *  Formit

 *

 ************************************/

#formi {

    margin:10px;

    border:solid 1px #336699;

    background-image: url(/yhteiset/bglight.gif);

    padding-left: 20px;

    padding-right: 20px;    

    padding-bottom: 20px; 

    font-size:100%;

    width:450px;

}



#kentta {

    margin-bottom: 10px;

}



#formi label {

    color:#000000;

    font-weight:600;

    margin-bottom: 5px;

    font-size:90%;

}



#formi div.virhe {

    background-color:#FF0000;

    color:#FFFFFF;

    font-weight:600;

    padding:3px;

    margin:5px;

}







/*

 *  Tulostus

 *

 ************************************/



@media print {



#navi, #ylalinkit, #hakupalkki, #tulospalkki, #lisatietoja, #murupolku, div.sisallys, #teoskuva, #alaviite, #oikeapalkki, #termihaku {

  display: none;

}



#logo1, #logo2, #logo3,#vasen, #tulostus,#arviointi  {

  display: none;

}



#sivu, #artikkeli, #sisalto {

  margin-left: 0px;

  margin-right: 0px;

  width: 100%;

}


a.article, a.non_indexed, a.table, a.evidence, a.internet, a.cochrane_abstract, a.cochrane_review, a.reference, a.audio, a.image, a.program, a.footnote, a.extra, a.object, a.inline_figure {
    display: none;
}



#selaus {

  margin-left: 0px;

  margin-right: 0px;  

}





#ylaosa, #tunniste {

  margin-left: 0px;

  margin-right: 0px;

}



#tunniste {

  width: 100%;

  margin-bottom: 3ex;

}



#artikkeli div.header {

  margin-bottom: 3ex;

}



#alaviite {

  font-size: 70%;

}



div.sisallys {

  border-top: 1px solid #C6BDB5; 

}



table.taulukko { 

  width: 100%;

} 



#artikkeli p {

  margin-left: 1ex;

}



}

/*

 *

 * Termien muotoilua

 *

 *************************************/

 #termi { 

    margin: 3px;      

    padding: 5px;        

    border: 0px solid #1A4380;     

 }

  

 

 #termi #h1 { 

   color: #1F5BA9;

   font-family: "Trebuchet MS", Arial, sans-serif;

   margin-top: 3px;;

   margin-bottom: 0;    

   font-size: 150%;

   font-weight: normal;

   line-height: 120%;



 }

 

 #termi #translation {

     font-weight:600;

 }

 

 #termi #attribute {

     font-style:italic;

 }

 

 #termi a {

     text-decoration:underline;

}

 



 

/*

 *  Uusia määrityksiä

 *

 ************************************/

div.kirjakansi {

   float: right;

 }



table.osioteoskuvaus {  

  border: solid 1px #EBE8D9;

  margin-bottom:10px;

  padding:5px;

  font-size: 100%; 

  width:100%; 

}



.osioteoskuvaus td,th {

    vertical-align:top;

}



.osioteoskuvaus h1 {

  font-size: 130%;

  font-weight: bold;

  margin:0px;

  vertical-align:top;

  padding:0;

  margin:0;

}





.osioteoskuvaus #linkki {

  font-size: 100%;

  font-weight: normal;

  margin:0px;

  text-decoration:underline;

}



.osioteoskuvaus img {

  float: right;

  width: 90px;

  border: 1px solid #C0BEB0;   

  margin: 5px;

  vertical-align:top;  

}



#osioteokset {    

    border-top:solid 1px #C0BEB0;

    border-bottom:solid 1px #C0BEB0;

    margin-bottom:5px;

    padding-top:3px;

    padding-bottom:5px;

    width:70%;

}

    



div#hakuteoskuvaus h1 {

  font-size: 150%;

  font-weight: normal;

  margin-top: 20px;

}





div#hakuteoskuvaus img {

  width: 90px;

  border: 1px solid #C0BEB0;   

  margin-right: 5px;

}



#kuvateksti {

    font-size:100%;

    text-decoration:underline;

    text-align:center;

}



div#hakuteoskuvaus img.khlogo {

  border: 0px;

}





div#tulospalkki span.lkm {

  position: inherit; 

  right: 2px;  

  font-size: smaller;

  cursor: pointer;

  text-align:right;

 

}



#tulospalkki {

  width: 220px;

}





div.hakutuloslinkki #nollaosuma {

  color: #AAAAAA;  

}





.bookmark {

    background: url(/sovellukset/tk/img2/star.png) no-repeat left;

    padding-left:20px;

    text-decoration: none;

}



.palaute {

    background: url(/sovellukset/tk/img2/pencil.png) no-repeat left;

    padding-left:17px;

    text-decoration: none;

}



.tulosta {

    background: url(/sovellukset/tk/img2/printer.png) no-repeat left;

    padding-left:17px;

    text-decoration: none;

}



#tulostus .toc2 {

    background: url(/sovellukset/tk/img2/article_text.png) no-repeat left;

    padding-left:17px;

    text-decoration: none;

}



.tilaus {

    background: url(/sovellukset/tk/img2/arrow_right_blue_round.png) no-repeat left;

    padding-left:17px;

    text-decoration: none;

}



/*


 *  Pikkukuvien tyylit


 *


 ************************************/








div.pikkukuva_alue { /* container, joka hoitaa rinnakkaisten kuvien float-rivityksen clearin */


  float: left;


  width: 100%;


  margin: 0.5em 0px 0.5em 0.5em;


}





div.pikkukuva_alue img.pikkukuva {


  width: 175px;


  margin: 0px 0px 0px 0px;


  float: right;


  border: none;


}





/* laatikko, jossa kuva ja sen otsikko */


div.pikkukuva_alue div.pikkukuva_kehys { 


  float: left;


  width: 320px;


  height: 120px; /* myös kuvan maksimikorjeus; jos arvo muuttuu, muista muuttaa myös rajaus-javascript */


  margin: 0px 0px 1em 50px;


  overflow: hidden;


  display: inline; /* IE6 tuplamarginaali-bugin korjaus */


}





/* kuvan otsikon tyyli */


div.pikkukuva_alue div.pikkukuva_teksti { 


  font-size: 90%;


  line-height: 125%;


  padding: 10px 0px 0px 0px;


}





div.pikkukuva_alue span.suurenna {


  font-size: 90%;


  text-decoration: underline;


  padding-right: 15px;


  


  background-image: url(/sovellukset/tk/img2/suurenna.gif);


  background-repeat: no-repeat;


  background-position: 100% 25%;


}





img.pikkukuva {


    width:100px;


    height:100px; 


}


table.etusivu {
    font-size:120%;
    margin:0;


    padding:0;


}





#etusivu_vasen {    


    float:left;


    width:49%;


    border-right: solid 1px #EAEAEA;


    vertical-align:top;


}



#etusivu_oikea {


     float:right;


     width:49%;    


    vertical-align:top;


}

   

.aside {
    background-color: #ECF0F4;
    padding:5px;
    margin-top:10px;
    margin-bottom:5px;
}