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



/* ------------rakenne---------------- */
body {
     margin: 0;
     padding: 0;
     font-family: "Georgia", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 16px;
	 background-image:url(tausta_vihrea.jpg);
	 background-repeat: repeat-x;
	 background-color: #267F01;
}


th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;
	padding:.5em;*/
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/*--------divit-----------------*/

div#tarina_center {
     width: 600px;
     float: left;
     margin: 10px 0 30px 10px;
	
}

div#tarina_left {
     text-align: left;
     width: 174px;
     float: left;	 
}

div#tarina_right {
     text-align: left;    
     float: right;	 
}
#top {
}

/* rakenne: 
   wrapper
     header
	   mainnavi
	 tarina_body
	   tarina_left
	      mainnavi
	   tarina_center
	   tarina_right
	 footer
*/

div#wrapper {
     width: 840px;	 
     margin: 30px auto;	     
	 border-right: 1px solid #999999;
	 border-left: 1px solid #999999;
	 background-color:#FFFFFF;
     /* background: url(../images/tarina__06.jpg) no-repeat bottom white; */
}

div#header {
	 
     width: 100%;
     clear: both;
     height: 150px;
	 border-top: 1px solid #999999;

	 /*background-image:url(./headback.png);
	 background-repeat:repeat-x;*/
	 background-color:#009900;
     color: white;
}

div#footer {
     width: 100%;
     clear: both;
     height: 75px;
     margin: 0;
	 padding-top: 3px;
	 font-size:12px;
	 background-color:#FFFFFF;
	 border-top:4px solid #009900;
}
div#footer_linkit {	
	width: 70%;
	float: left;
	text-align: center;
	vertical-align: middle;
	}

div#footer_osoite {
	width: 28%;
	float: left;
	text-align: right;
	vertical-align:bottom;
	line-height: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

div#mainnavi {
     padding: 10px 10px 10px 20px;
     font-size: 18px;
}
div#otsikko
{
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCFFCC;
	}
	
div#otsikko2
{
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCFFCC;
	}
div#nobottom a:hover 
{ 
	border-bottom:none; 
}
.tarina_body {
     width: 100%;
     float: left;
	 clear:none;
	 background-color:#FFFFFF;
}

/* ------------tekstit---------------- */

h1 {
	font-size: 32px;
}
h2 {
	font-size: 20px; 
}
h3 {
	font-size: 18px;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}

.active {
     font-weight: bold;
}


.clear {
     clear: both;
}

dl {
	margin: 10px 5px 5px 20px;
	padding: 0;
}
ul#vasennavi {
     margin: 3px 3px 3px 3px;
     padding: 0;
}
li {
     margin: 3px 3px 3px 3px;
     padding: 0;
}

ul ul li {
	 margin: 0 0 3px 10px;
     padding: 0;
	 font-size: 12px;
}
#vasennavi, #oikeanavi {
	 font-family:Arial, Helvetica, sans-serif;
     list-style: none;
     margin: 5px 10px 0 5px;
     font-size: 14px;
	 font-weight: bold;
}
/*
#tarina_left li {
     margin: 0 0 3px 0;
     display: block;
     width: 100%;
     border: 0px;
     line-height: 100%;

}*/

#vasennavi li:hover {
	 background-color:#99CC99;
}
/* mihin vaikuttaa? */
#vasennavi .eiback li:hover {
	background-color:#99CC99; /* FF0000 */
}

/* aktiivinen navinappi */
#vasennavi .where, #vasennavi .where a {     
     background-color:#33CC33;/*#CC66FF;*/
     color: white;
}
#oikeanavi li {
     margin: 0 0 4px 0;
}



#vasennavi a {
     color: white; /*black;*/
     display: block;
     padding: 3px 4px;
     /*	padding: 2px 3px 2px 3px;
     */text-decoration: none;
	 
	 /* vasen navi perus napin väri */
	 background-color:#009900;
}
/* hover väri navissa */

#vasennavi a:hover {
	 background-color:#99CC99;/*#66CC33;*/
     display: block;
     color: white;
     text-decoration: none;
     border: 0px;
}
#header h1 {
     margin: 0 0 0 50px;
     padding: 40px 0 0 0;
     font-size: 36px;
}



#header h1 a {
     color: white;
     text-decoration: none;
}
#mainnavi a:link, #mainnavi a:visited {
   /*  color: white; */
	 color:#CCFFCC;
     font-weight: bold;
     border: 0px;
     text-decoration: none;
	 font-size:18px;
}

#mainnavi a:hover {
     border-bottom: 2px dotted white;
}
#nobottom a:hover { border-bottom:none; }
/* ylänavigaation valittu itemi */
#valittu a:link, #valittu a:visited {
   /*  color: white; */
	 color: black;
     font-weight: bold;
     border: 0px;
     text-decoration: none;
	 font-size:24px;
}

.tarina_center h2 {
     margin: 0;
     padding: 0;
     font-size: 1.2em;
     text-transform: uppercase;
}
.pikkukuva {
     border: 1px dashed #8C8B8B;
}



.red {
     color: red;
}



.varitausta_laatikko {
     background-color: #DCDADA;
     border: 1px solid gray;
     padding: 7px;
}



.small {
     font-size: .9em;
     color: gray;
}
.left {
     float: left;
text-align: left;
}

.right {
float: right;
text-align: right;
}

.left a:link, .right a:link, .left a:visited, .right a:visited {
     text-decoration: none;
}
/* ei reunoja kuvilla, etenkään kuvalinkeillä*/
img { border: none; } 

	
/* COLLAPSING ITEMS */

/* IE:TÄ VARTEN SÄÄTÖ JOTTA HOVER KURSORI NÄKYY COLLAPSE-LINKIN PÄÄLLÄ */
.expand 
{
        h: expression(onmouseover=new Function("this.style.cursor='pointer'; this.style.color='#3CB371';"),
                       onmouseout=new Function("this.style.color='black';"));
}

a:hover {
     color: #3CB371;
	 cursor: pointer;
}

/*linki :*/
.expand {  
     text-decoration: none;
	 font-size:16px;
	 font-weight:normal;
	 background-color:#CCFF99;
}

#tyoskentely, #aiheeseen, #aloitus, #tulkinta, #lopetus, #ystavyys2, #tavat, #ystavyys, #valinnat, #ruokailu, #nukku,#kiusaaminen,#teemaharjoitukset,#pikkuharjoitukset,#festarit,#luokkabileet,#roskis,#nuokkari,#esso,#ensbileet,#ysib,#muisti1,#muisti2,#tarvikel,#lamharjoitukset,#rooharjoitukset,#nakharjoitukset,#impharjoitukset
 {
border:1px solid #ccc;
background-color:#CCFF99;
padding:10px;
}

#taulu
 {
font-size:12px;
}


/* TOOLTIPIN TYYLI */

.omaTooltip
{
	background-color: #A0A0FF;
	color: black;
	padding: 0px;
	border: 1px solid black;
	
}
.omaTooltip_body
{
	padding: 5px;
	font-size: 10px;
	text-align: left;
}
.omaTooltip_caption
{
	background-color:#339933;
	color: #FFFFFF;
	font-style: none;
	font-weight: bold;
	font-size: 10px;
}
.einay
{
visibility:hidden;
height:1px;
}