@charset "utf-8";
/* CSS Document */

html, body {
height : 100%;
}

html {
background : #fff url(falundafa-tausta.jpg) repeat;
text-decoration : none;
}

body {
text-align : center;
font : 76%/160% Tahoma, Verdana, Arial, sans-serif;
margin : 1;
}

.sc {
font-weight : normal;
font-style : normal;
font-variant : small-caps;
text-transform : lowercase;
}

em.i {
font-weight : normal;
font-style : italic;
font-variant : normal;
}

em.red {
font-weight : normal;
font-style : normal;
font-variant : normal;
color : #800;
}

h1 {
background : url(sitelogo.jpg) no-repeat;
font : 200% Georgia, "Times New Roman", Times, serif;
font-style : italic;
text-indent : -9999px;
width : 800px;
height : 154px;
margin : 0 auto;
background-position : top;
}

/* valikon kuvien esilataaminen */

.piilo {
display : none;
}

/* sivuston perusrakenne */

div.raamit {
background : url(mountains1.jpg);
background-position : top;
width : 800px;
text-align : left;
letter-spacing : 0.02em;
line-height : 1.6em;
margin : 0 auto;
border-bottom : 5px;
border-bottom-style : solid;
border-bottom-color : #ddd;
}

div.sisalto {
width : 795px;
border-right : 5px;
border-right-style : solid;
border-right-color : #eee;
}

/* eri alasivujen korkeudet (näistä riippuu paljonko näkyy vuoria ja metsää) */

div.raamit.etusivu, div.sisalto.etusivu {
height : 110em;
}

/* vasemman reunan valikon muotoilut */

div.menu {
background : url(nappulat/palkintausta.jpg);
width : 190px;
height : 1010px;
text-indent : -9999px;
float : left;
}

div.menu li {
float : left;
}

div.teksti, div.teksti_liikesarjat {
/* background : url() no-repeat;
background-position : bottom;
width : 604px;
height : 47.5em;
text-align : left;
float : right;
padding : 0 0 0 0; */
margin-top : 0.9em;
width : 75%;
text-align : left;
float : right;
position : relative;
}

div.teksti_liikesarjat {
margin : 0;
width : 380px;
float : left;
}

h3.liikesarjat {
float : left;
width : 380px;
}

div.teksti h2 {
margin : 0 1em;
text-indent : 0;
padding : 1.5em 0 1em 0.5em;
font : 130% Georgia, "Times New Roman", Times, serif;
font-style : bold;
color : #700;
}

div.teksti h3 {
margin : 0 1em;
text-indent : 0;
padding : 1.5em 0 0 1em;
font : 100% Tahoma, Verdana, Arial, sans-serif;
font-style : normal;
font-weight : bold;
}

div.teksti a { text-decoration : none; }
div.teksti a:link, div.teksti a:visited { color: #800; }
div.teksti a:hover { background : #CCC; }
div.teksti a:active { background : #AAA; }

div.teksti div.kuvasarja a:hover, div.teksti div.kuvasarja a:active {
background : none;
}

ul {
list-style-type : none;
margin : 0;
padding : 0;
}

ul.faq {
line-height : 1.7em;
margin : 0 1em;
padding : .5em 0 1em 1em;
}

ul.faq a:link, ul.faq a:visited {
color : #042;
}

/* erilaiset kuvat */

img {
padding : 4px;
border-width : 1px;
border-color : #ADA;
border-style : solid;
background-color: #EFE;
}

img.oikea {
float : right;
border : 0;
padding : 0;
margin : 1em 2em 0 0.7em;
}

img.vasen {
float : left;
border : 0;
padding : 0;
margin : 1em 2em 0 0.7em;
}

img.inline2 {
padding : 0;
border : none;
background : none;
width : 3em;
height : 1em;
}

div.kuvasarja {
width : 100%;
position : relative;
margin : 1em 0 1em 0;
text-align : center;
z-index : 10;
}

img.mestari, div.kuvasarja img {
border-width : 1px;
border-color : #555;
padding : 2px;
margin : 0 0.3em 0 0.3em;
}

img.mestari, div.kuvasarja img.isokuva {
padding : 0;
border-style : outset;
border-color : #555;
border-width : 4px;
}

div.kuvasarja img.isokuva {
position : absolute;
left : -9999px;
}

div.kuvasarja a:hover img.isokuva {
top: 100px; left: 27px;
z-index : 20;
}

p {
position : relative;
margin : 0 1em;
padding : .5em 0 1em 1em;
}

p.kysymys {
font-weight : normal;
font-style : normal;
font-variant : normal;
color : #666;
}

div.menu a { text-decoration : none; display : block; width : 190px; height : 70px;}

a, a:hover, a:visited, a:active {
   border : none;
   outline : none;
}

/* Valikon nappulat */

#paasivu {
  background : url(nappulat/paasivu.jpg) no-repeat;
}
#paasivu_valittu {
  background : url(nappulat/paasivu_valittu.jpg) no-repeat;
}
#paasivu:hover {
  background : url(nappulat/paasivu-hover.jpg) no-repeat;
}

#lyhytesittely {
  background : url(nappulat/lyhytesittely.jpg) no-repeat;
}
#lyhytesittely_valittu {
  background : url(nappulat/lyhytesittely_valittu.jpg) no-repeat;
}
#lyhytesittely:hover {
  background : url(nappulat/lyhytesittely-hover.jpg) no-repeat;
}
  
#liikesarjat {
  background : url(nappulat/liikesarjat.jpg) no-repeat;
}
#liikesarjat_valittu {
  background : url(nappulat/liikesarjat_valittu.jpg) no-repeat;
}
#liikesarjat:hover {
  background : url(nappulat/liikesarjat-hover.jpg) no-repeat;
}

#kirjatjaluennot {
  background : url(nappulat/kirjatjaluennot.jpg) no-repeat;
}
#kirjatjaluennot_valittu {
  background : url(nappulat/kirjatjaluennot_valittu.jpg) no-repeat;
}
#kirjatjaluennot:hover {
  background : url(nappulat/kirjatjaluennot-hover.jpg) no-repeat;
}

#yleisiakysymyksia {
  background : url(nappulat/yleisiakysymyksia.jpg) no-repeat;
}
#yleisiakysymyksia_valittu {
  background : url(nappulat/yleisiakysymyksia_valittu.jpg) no-repeat;
}
#yleisiakysymyksia:hover {
  background : url(nappulat/yleisiakysymyksia-hover.jpg) no-repeat;
}
  
#harjoituspaikat {
  background : url(nappulat/harjoituspaikat.jpg) no-repeat;
}
#harjoituspaikat_valittu {
  background : url(nappulat/harjoituspaikat_valittu.jpg) no-repeat;
}
#harjoituspaikat:hover {
  background : url(nappulat/harjoituspaikat-hover.jpg) no-repeat;
}

#audiovideo {
  background : url(nappulat/audiovideo.jpg) no-repeat;
}
#audiovideo_valittu {
  background : url(nappulat/audiovideo_valittu.jpg) no-repeat;
}
#audiovideo:hover {
  background : url(nappulat/audiovideo-hover.jpg) no-repeat;
}
  
#MestariLiHongzhi {
  background : url(nappulat/MestariLiHongzhi.jpg) no-repeat;
}
#MestariLiHongzhi_valittu {
  background : url(nappulat/MestariLiHongzhi_valittu.jpg) no-repeat;
}
#MestariLiHongzhi:hover {
  background : url(nappulat/MestariLiHongzhi-hover.jpg) no-repeat;
}

#suomenfaluninfo {
  background : url(nappulat/suomenfaluninfo.jpg) no-repeat;
}
#suomenfaluninfo_valittu {
  background : url(nappulat/suomenfaluninfo_valittu.jpg) no-repeat;
}
#suomenfaluninfo:hover {
  background : url(nappulat/suomenfaluninfo-hover.jpg) no-repeat;
}
  
#clearharmony {
  background : url(nappulat/clearharmony.jpg) no-repeat;
}
#clearharmony_valittu {
  background : url(nappulat/clearharmony_valittu.jpg) no-repeat;
}
#clearharmony:hover {
  background : url(nappulat/clearharmony-hover.jpg) no-repeat;
}

/* Webmasterin allekirjoitus */

span#webmaster a {
margin : 3em;
float : right;
text-align : right;
text-decoration : none;
text : 60% Tahoma, Verdana, Arial, sans-serif;
color : #999;
}

/* Audio&video -sivun taulukot */

table {
border : 0;
position : relative;
margin : 0em 1em 0em 2em;
padding : 0.5em 0 0.5em 0;
width : 45em;
background-color : #EEE;
font-variant : small-caps;
}

caption {
margin : 1em 0 0 0;
padding : 0.3em 0 0.3em 0;
text-align : center;
background-color : #243;
color : #FFF;
}

tr {
margin : 0;
padding : 0;
}

td {
border : 0;
margin : 0;
padding : 1em;
background-color : #FFF;
}

td.linkki, td.harjoitus-a, td.harjoitus-b, td.harjoitus-b-mediatyyppi {
text-align : center;
}

td.linkki {
width : 6em;
}

td.tyhja {
background-color : #EEE;
}

td.harjoitus-a {
width : 9em;
}

td.harjoitus-b {
width : 15em;
}

td.harjoitus-b-mediatyyppi {
background-color : #CDC;
}

.huomautus, .pikkuteksti {
font-size : xx-small;
}

p.huomautus {
margin : 0 3em 0 2em;
text-align : right;
letter-spacing : 0.1em;
}

.foo {
/* null */
}