@charset "iso-8859-1";

body {
font-family: Tahoma, sans-serif;
background:#525252;
background-image:url(bodybg.jpg) ;
background-attachment:fixed;
font-size:13px;
text-align:center;
color:black;
}

.lauta {
text-align:left;
border:solid 8px #EDEDED;
padding:0;
background:#EDEDED;
width:900px;
margin:1% auto 1% auto;
}

.teksti img {
float:right;
margin:0px 0 5px 15px;
padding:2px;
border:solid 1px black;
}

#menu  { margin-top:0; margin-left:0; }
#menu li { float:left; background:transparent url(navtab_right.gif) top right no-repeat; list-style-type:none;}
#menu li a { background:url(navtab_left.gif) top left no-repeat; display:block; padding:5px 15px;  color:#ffffff; text-decoration:none; }
#menu li a:hover { text-decoration:underline;  }



#otsikko a {
text-decoration:none;
color:black;
}

#otsikko a:hover {color:red;}
#otsikko a:visited {color:black}

#otsikko p {
color:black;
}

p { 
text-align:justify;
font-family: Georgia, Times, sans-serif;
line-height:1.4em;
}

li { 
font-family: Georgia, Times, sans-serif;
line-height:1.4em;
}


h1 {
font-size: 2em;
 font-family: Georgia, serif;
 line-height: 1.3em;
 font-weight: bold;
 letter-spacing: 1px;
 word-spacing: 1px;
 font-stretch: wider;
 border-bottom:solid black 2px;
}

h2 {
font-size: 2em;
 font-family: Georgia, serif;
 text-align: justify;
 line-height: 1.3em;
 font-weight: bold;
 letter-spacing: 1px;
 word-spacing: 1px;
 font-stretch: wider;
 direction: tlr;
 border-bottom:solid black 2px;
}

h3, caption  { 
font-size: 1.2em;
 font-family: Georgia, serif;
 background-color: #DDDDDD;
 text-align: justify;
 line-height: 1.3em;
 font-weight: bold;
 font-variant: small-caps;
 text-indent: 1.0em;
 letter-spacing: 1px;
 border-bottom:solid black 1px;
 }

caption  { 
font-size: 16px;
 font-family: Georgia, serif;
 background-color: #DDDDDD;
 text-align: justify;
 line-height: 21px;
 height:21px;
 font-weight: bold;
 font-variant: small-caps;
 text-indent: 1.0em;
 letter-spacing: 1px;
 border-bottom:solid black 1px;
width:100%;
margin-bottom:1em;
 }


 h4 {
font-size: 1.1em;
 font-family: Georgia, serif;
 margin-bottom:0.5em;
 }


h5 {
font-size: 1.1em;
 font-family: Georgia, serif;
 margin:0em;
padding:0;
font-weight:bold;
 }
 
#pikkukuva {
float:right;
margin-left:7px;
margin-bottom:5px;
}
#subvalikko {
list-style:none;
margin-left:0;
padding-left:0;
}

.dialogi {
list-style:none;
}

.vasen {
float:left;
margin:40px 20px 10px 10px;
position:absolute;
padding-left:0;
width:200px;
}


.vasenruutu {
overflow:hidden;
margin-top:10px; 
padding:15px;
font-size:15px;
max-width:200px;
_width:200px;
border-bottom:solid 15px #808080;
border-top:solid 15px #808080;
}

.ikkuna {
width:250px;
margin-top:1em;
padding:1em;
background-color:white;
text-align:right;
border:solid black 1px;
}

 #footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#footer ul {
display:block;
font-weight:bold;
padding:0;
text-align:left;
}


#footer ul li{
display:inline;
font-weight:bold;
padding: 2px 7px 2px 3px;
text-align:center;
}


#radio {
margin-top:1em;
background-color: #ddd; 
padding:1em;
}


.mainos {
text-align:center;
width:170px;
overflow:hidden;
background-color:#EFEFEF;
margin-bottom:1em;
}

.mainos_vasen {
text-align:center;
width:130px;
overflow:hidden;
background-color:#EFEFEF
margin-bottom:1em;
}

#mainos {
margin-bottom:1em;
text-align:center;
float:right;
width:170px;
overflow:hidden;
background-color:#EFEFEF
}


.teksti {
width:620px;
min-height:500px;
margin:10px 20px 10px 0;
float:right;
padding:0;
}

iframe  {
background-color:transparent;  }

.taulu {
margin-left:1em; 
width:280px; 
border:solid thin; 
}

.sanasto {
margin:0;

}

.sanasto td {
margin:1%;
padding-right:50px;
}

.fraasit tr {
border-bottom:solid 1px black;}

.uutiset_class {
margin:0;
height:50px;
}

#otsikko {
margin:0;
padding:0;
background: #417FBA;
height:130;
z-index:3;
background-image:url(tausta.jpg);
background-attachment:absolute;
color:black;
}

#otsikko img {
margin-top:5px;
margin-left:5px;
}

#otsikko p {
color:#0000EE; font-weight:bold; font-size:17px; margin:45px 0 0  20px;; font-family:arial; letter-spacing:2px;
}



#otsikko h1 { 
display:none;
font-family: "Tahoma";
font-size: 22px;
font-weight: bold;
color: black;
padding:1.2em;
margin:0;
<!-- background: white url(../img/lunta_v.jpg) no-repeat; -->
border:0;
 }


#otsikko h1 a { 
color: black;
padding:0.2em 0.4em 0.2em 0.4em;
margin:0;
border:solid 3px #808080;
background: white;
 }


#valikko2{
 border-bottom: 1px solid #808080;}
 
#valikko2 li
{
list-style: none;
padding: 0.25em;
border-top: 1px solid gray;
}

td {
padding:0.5em;
}

.fraasit td:first-child {
font-weight:bold;
}

.fraasit td {
border-bottom:dotted 1px black;}


.sanalista {
width:468px;
}

.sanalista td:first-child {
font-weight:bold;
}

.sanalista td {
border-bottom:dotted 1px black;}

.sanalista tr {
border-bottom:solid 1px black;}






#valikko2 A:link{color:#2D3100; text-decoration:none;}
#valikko2 A:visited{color: #2D3100;  text-decoration:none}
#valikko2 A:active{color: red;  text-decoration:underline }
#valikko2 li:hover{color: red; background:#ddd; text-decoration:none }



	.chosen
	{
	background:yellow;
	}
	
	.right
	{background:lime;}
	
	.wrong
	{background:red;}

.varit td  { 
padding:5px;
border:white solid 5px; } 

}
.sounds {
width:400px;

}

.sounds td {
border-bottom:solid 1px #808080;
}