body { font-family: Tahoma, Verdana, Arial; font-size: x-small; color: black; 
        padding: 0px; margin-left: 4px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }
body.Valikko { font-family: Tahoma, Verdana, Arial; font-size: x-small; color: black; 
        padding: 0px; margin: 0px; width: 830px; }

table.LayoutTaulukko { border-bottom: 1px dotted #336699; border-left: 1px dotted #336699; border-right: 1px dotted #336699; }
table.LayoutTaulukkoYla { border: 1px dotted #336699; }
table.Taulukko { }

/*tr.ParillinenRivi { background-color: #E4FFFF; }*/
tr.ParillinenRivi { background-color: #B9DFDF; }

td { font-family: Tahoma, Verdana, Arial; font-size: x-small; color: black; padding: 2px; }
td.OtsikkoSolu { background-image: url('sininen-uni.gif'); background-position: right bottom; background-repeat: no-repeat; 
        text-align: center; vertical-align: middle; background-color: #99CCCC; border-bottom: 1px dashed #336699; }
td.LogoSolu { background-color: #99CCCC; }
td.ValikkoSolu { text-align: center; vertical-align: top; border-top: 1px dashed #336699; }
td.VasenSolu { width: 300px; text-align: center; vertical-align: top; border-right: 1px dashed #336699; }
td.KeskiSolu { text-align: center; padding: 5px;}
td.OikeaSolu { width: 300px; text-align: center; vertical-align: top; border-left: 1px dashed #336699; }
td.Vasen50pctSolu { width: 50%; text-align: center; vertical-align: top; border-right: 1px dashed #336699; }
td.Oikea50pctSolu { width: 50%; text-align: center; vertical-align: top; border-left: 1px dashed #336699; }

thead td { font-weight: bold; }
th { font-weight: bold; text-align: left; }

h1 { font-size: 18px; font-weight: 700; }
h2 { font-size: 17px; font-weight: 700; }
h3 { font-size: 16px; font-weight: 900; }
h4 { font-size: 15px; font-weight: 900; }
h5 { font-size: 14px; font-weight: 700; }

div, p { font-family: Tahoma, Verdana, Arial; font-size: x-small; color: black; }
td.ValikkoSolu div { text-align: left; vertical-align: top; background-color: #99CCCC; }
td.ValikkoSolu div span{ text-align: left; vertical-align: top; background-color: #99CCCC; }
p.Valikko, div.Valikko { width: 159px; height: 100%; padding-left: 3px; }
.Otsikko { font-size: large; text-align: center; padding: 5px; }
.PerusValikko { text-align: left; background-color: #99CCCC; font-weight: 700; }
.LayoutOtsikko { text-align: center; background-color: #99CCCC; width: 100%; font-weight: 700; }
.Uutinen { text-align: left; }
.Paivitys { text-align: right; width: 100%; }
.Alatunniste { text-align: center; font-size: xx-small; color: black; }
.VasenKuva { text-align: center; display: inline; float: left; padding: 2px; }
.OikeaKuva { text-align: center; display: inline; float: right; padding: 2px; }
.ingressi { text-align: left; font-weight: bold; }
.Valiotsikko1, .Valiotsikko2 { text-align: left; margin-top: 2px; padding-left: 2px; background-color: #99CCCC; }
.Tapahtuma { text-align: left; display: none; }
.KorostettuBlokki { margin-left: 10px; }
.KirjainOtsikko { font-weight: 700; margin-left: 10px}
p.Koira:First-Line { font-weight: 700; }
div.Koira p.:First-Line { font-weight: 700; }

.OikeaValikko { 
/*right: 20px; top: 20px; border: 1px dotted #336699; width: 200px; height: 50px; float: right; */
position: fixed; float: right;
}

a, a:visited { text-decoration: none; color: #336699; }
a:hover, a:active { text-decoration: underline; color: #3366CC; }
a.ValittuSivu, a.ValittuSivu:visited { color: #3366CC; font-weight: 700; }
a.ValittuSivu:hover, a.ValittuSivu:active { text-decoration: underline; color: #3366CC; font-weight: 700; }

@media print {
        .Perus { width: 100%; } 
				.Levea { width: 100%; } 
        .OikeaValikko { display: none; }
}
@media screen {
        .Perus { width: 830px; height: 100%; vertical-align: top; 
        border-bottom: 1px dotted #336699; border-left: 1px dotted #336699; border-right: 1px dotted #336699; 
        padding-bottom: 24px; padding-left: 4px; } 
        .Perus table { border: 0px solid white; }
        .Levea { width: 992px; height: 100%; vertical-align: top; 
        border-bottom: 1px dotted #336699; border-left: 1px dotted #336699; border-right: 1px dotted #336699; 
        padding-bottom: 24px; padding-left: 4px; } 
				.Levea table { border: 0px solid white; }
}