@font-face{
    /*
    font-family:"Linux Libertine Display G";
    src: url(LinLibertine_DR_G.ttf);*/
    font-family:LiberationSans;
    src: url("LibarationSans-Regular.ttf");
}
body{
    font-family:LiberationSans;/*,"Arial Unicode",Arial, Humanist, sans;*/
    /*background-color:#c9d2dc;*/
}
#ylin{
    height:100%;
    overflow:hidden;
}
.banner{
    width:100%;
    height:100pt;
    vertical-align:middle;
    background-color:#b36bfa;/* #befc03;*/
    overflow:visible;
}
.taulukko{
    width:80%;
    display:block;
}
.rivi{
    display:table-row;
}
.solu{
    display:table-cell;
    vertical-align:middle;
    width:50%;
    font-size:1.3em;
}
#main{
    color:white;
    width:100%;
    height:100%;
    /*height:80%;*/
    overflow:scroll;
    background-image:url("../kuvat/bg4.jpg");
}
#sivuotsikko{
    width:100%;
    background-color:#b36bfa;
}
#kirjan_nimi{
    width:100%;
    text-align:center;
    font-size:2em;
    font-weight:bold;
    /*text-transfrom:capitalize;*/
    font-variant:small-caps;
}
.pikku-otsikko{
    font-weight:bold;
    font-size:1.6em;
    font-variant:small-caps;
}
.ylaotsikko{
    display:table-cell;
    width: 1%;
    height:100%;
    vertical-align:middle;
    font-size:1.5em;
    text-align:center;
}
#logo{
    overflow:visible;
    font-size:1.2em;
}
.ylaotsikko > a{
    height:100%;
    display:inline;
    vertical-align:middle;
}
#alalaita > .ylaotsikko:first-of-type{
    float:left;
}
#alalaita > .ylaotsikko{
    float:right;
    width:initial;
}

.al_linkki, .al_valikko{
    display:none;
}
/*.ylaotsikko:hover > .al_linkki{
    display:table-row;
}
.ylaotsikko:hover .al_valikko{
    display:table-row;
}*/
.al_valikko:hover > .al_linkki{
    display:table-row;
}
.selain{
    width:100%;
    text-align:center;
    height:2%;
    font-size:15pt;
}
.selain:hover{
    cursor:pointer;
}

.alkutekijat{
    font-size:small;
    font-weight:bold;
}
.paakentta{
    float:left;
    /*width:40%;*/
}
#sivubanneri{
    width:20%;
    overflow-x:hidden;
}
.sivu{
    display:none;
}
.sno{
    height:3%;
    text-align:right;
    font-size:smaller;
}
.column{
    width:50%;
    float:left;
}

[onClick]{
    cursor:pointer;
    font-style: italic;
}

/*Tähän alle tulee vielä ne tekstin muotoilut*/

.add_a{
    font-size:small;
    vertical-align:super;
}
.add_b{
    font-size:small;
    vertical-align:sub;
}
.del{
    text-decoration:line-through;
}

.underline{
    text-decoration:underline;
}
.unclear{
    /*color:orange;*/
}
.note{
    display:none;
}
.resp{
    display:none;
    font-size:smaller;
}
.note:hover .resp{
    display:inline;
}


/*div {
    float:none;
}
body{
    font-family:"Linux Libertine",Helvetica, Humanist, serif;
}


.column{

    float:left;
    display: table-cell;
    width: 50%;
    height: 100%;
}
.sivu{
    height:80%;
    overflow:auto;
    float:none;
    display:none;
    
}
.main > div{
    display: table-row;
}
.main{
    height:100%;
}
#sisalto{
    display:table-cell;
}
.sno{
    text-align:right;
    font-size:small;
    float:right;
}
.paakentta{
    
    float:left;
    height:100%;
    overflow:auto;
    display:table-cell;
    width:50%;
    background-color:#c9d2dc;
}

img{
    height:100%;
}

.al_valikko{
    /*display: none;*//*
    display: table-row;
    visibility: hidden;
    float: none;
}
.ylaotsikko:hover > * {
    visibility:visible;
}
.ylaotsikko{
    display: table-cell;
    width: 20%;
}
.al_linkki{
    /*    display: none;
 */ /*
    display: table-row;   
    visibility: hidden;
    float: none;
}
/*.banner > div{
    float:left;
}*//*
.sponsori{
    float:right;
}
#main{
    height:100%;
    width:100%;
}
.banner {
    /*float:none;*//*
    width:100%;
    height:100%;
    background-color:#c9d2dc;    
}
.note{
    visibility:hidden;
}
#teksti{
    overflow:auto;
    float:left;
    height:100%;
}*/