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

html  {
SCROLLBAR-FACE-COLOR: #ffffff; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #97a3a7; 
	SCROLLBAR-3DLIGHT-COLOR: #97a3a7; 
	SCROLLBAR-ARROW-COLOR: #97a3a7; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
		text-align:left;
  overflow-x: hidden; 
  		width:100%;
} 

html,body { 
  min-height: 100%; 
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
} 

body {
background-color:#fff;
font-family: 'Droid Sans', Arial, sans-serif !important;
font-size:0.8em;
	color: #000000;
	text-align:left;
 min-height: fixed;
		width:100%;
		min-width:100%;
		background-image:url(kuvat/gfx/logobg.png);
		background-position:top left;
		background-repeat:no-repeat;
}



/* OTSIKOT */

h1 {
	font-size: 110%;
	color:#876344;
 padding:0px;
	margin: 0px 0px 20px 0px;
	font-weight:normal;
	letter-spacing:0.1em;
	text-transform:lowercase;
	font-variant:small-caps;
}

h1 a {	 color: #876344; text-decoration:none;}
h1 a:visited {	color: #876344; text-decoration:none;}
h1 a:hover {	color: #876344; text-decoration:none;}
h1 a:active {	color: #876344; text-decoration:none;}




h2 {
	font-size: 110%;	
	color: #852340;
	padding:0px;
	margin: 0px 0px 10px 0px;
		font-weight:normal;
	letter-spacing:0.1em;
}



h2 a {	 color:#876344; text-decoration:none;}
h2 a:visited {	color: #876344; text-decoration:none;}
h2 a:hover {	color: #876344; text-decoration:none;}
h2 a:active {	color: #876344; text-decoration:none;}

h2 img {border:0px;}

h3 {
	font-family: 'Fjalla One', sans-serif;
	font-size: 150%;
	color:#000;
			padding:0px;
	margin: 30px 0px 20px 0px;
			font-weight:bold;
		letter-spacing:0em;
		text-transform:uppercase;
		width:100%;
		text-align:center;
}

h4 {
	font-size: 110%;
	color:#ababad;
			padding:0px;
	margin: 0px 0px 0px 0px;
}

h5 {
	font-size: 100%;
	color:#ababad;
				padding:0px;
	margin: -10px 0px 0px 0px;
	font-weight:normal;
}

h6 {
	font-size: 100%;
	color:#ababad;
				padding:0px;
	margin: 30px 0px -10px 0px;
}
 
 


 /* PERUSLINKIT */
a { color: #000000; text-decoration:underline;}
a:visited {	color: #000000; text-decoration:underline;}
a:hover {	color: #000000; text-decoration:none;}
a:active {	color: #000000; text-decoration:underline;}

img {border:0px; background:none; background-image:none;}
img a:link, img a:visited, img a:hover,  img a:active   {border:0px; background:none; background-image:none;}


.nobg {border:0px; background:none; background-image:none;}

#navi2 a {	 color: #666666; text-decoration:none;}
#navi2 a:visited {	color: #666666; text-decoration:none;}
#navi2 a:hover {	color: #666666; text-decoration:none;}
#navi2 a:active {	color: #666666; text-decoration:none;}

/* TEKSTIT */

p {padding:0px 0px 0px 0px; 
margin: 20px 0px 20px 0px;}

blockquote {padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px;}



/* KASVILISTAN MÄÄRITYS */
dt {margin:2em 0 0.3em 0;
padding:0;}
dd {margin:0 3em 0 1em;
padding:0;}

#listaus strong {font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:0.1em;
	font-weight:bold;
	font-size:120%;}
 
	
#listaus dt em {font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:0.1em;
	font-weight:normal;
	font-size:100%;}
	
#listaus dd em {font-family:"Times New Roman", Times, serif;
	text-transform:none;
	font-variant:normal;
	letter-spacing:0.1em;
		font-size:100%;
		font-weight:bold;
	}
	
#listaus .kielet   {color:#999999;
font-weight:normal;
font-style:italic;
font-family:"Times New Roman", Times, serif;
	text-transform:none;
	font-variant:normal;
	letter-spacing:0.1em;
		font-size:100%;
	}
	
#listaus .more strong em {font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:0.1em;
	font-weight:normal;
	font-size:100%;}
 
	
	

/* leipis */

#leipis p {padding:0px 0px 0px 0px; 
margin: 1em 2em 1em 0; 
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:150%;
}

#leipis dd {
color:#000000;
}
#leipis td {
color:#000000;
}

#leipis a:link, #leipis a:visited, #leipis a:hover, #leipis a:active { color: #000000; text-decoration:none;  padding: 0 0 0 14px; background: url("kuvat/gfx/link.png") no-repeat top left;}

#leipis a img, #leipis a:visited img, #leipis a:hover img, #leipis a:active img { color: #000000; text-decoration:underline; border:1px solid #000000;}

#leipis ul {padding: 0 0 0 0.5em; margin: 0;}
#leipis ol {padding: 0 0 0 0.5em; margin: 0;}
#leipis li { list-style-type:decimal; list-style-position:inside; padding: 0 0 0 0.5em; margin: 0 0 1em 0;}


#leipis h1 {
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 160%;
	color:#852340;
 padding:0px;
	margin: 5px 0px 25px 0px;
	font-weight:normal;
	letter-spacing:0.2em;
	text-transform:capitalize;
	font-variant:normal;
	text-align:center;
}

#leipis h2 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 110%;	
	color: #777777;
	padding:0px;
	margin: -20px 0px 25px 0px;
		font-weight:bold;
	letter-spacing:0.3em;
	text-transform:lowercase;
	font-variant:small-caps;
	text-align:center;
}

#leipis h3 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 110%;	
	color: #333333;
	padding:0px;
	margin: 35px 0px 8px 0px;
		font-weight:bold;
	letter-spacing:0.3em;
	text-transform:lowercase;
	font-variant:small-caps;
		text-align:center;
}

#leipis h4 {
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;	
	color:#886666;
	padding:0px;
	margin: 40px 0px 8px 0px;
		font-weight:bold;
	letter-spacing:0.3em;
	text-transform:capitalize;
	font-variant:normal;
	text-align:center;
}

#leipis h5 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 120%;	
	color: #886666;
	padding:0px;
	margin: 30px 0px 5px 0px;
		font-weight:bold;
	letter-spacing:0.3em;
	text-transform:lowercase;
	font-variant:small-caps;
		text-align:center;
}

#leipis h6 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 110%;	
	color: #333333;
	padding:0px;
	margin: 30px 0px 10px 0px;
		font-weight:bold;
	letter-spacing:0.3em;
	text-transform:lowercase;
	font-variant:small-caps;
}
 
 
 

/* ETUSIVUMÄÄRITTEET pieni nuoli linkin edessä */
#etusivu a:link, #etusivu a:visited, #etusivu a:hover, #etusivu a:active {color: #000000; text-decoration:none; font-weight:bold; padding: 0 0 0 14px; background: url("kuvat/gfx/link.png") no-repeat top left;} 

/* ETUSIVUN KUVIIN PITÄISI SAADA ALLE MARGINIA */
#etusivu img, #etu-box0 img, #etu-box1 img, #etu-box2 img, #etu-box3 img, #etu-box4 img, #etu-box5 img {padding:0px;
margin:0px 0px 10px 0px;
border:0px;
background:none;
background-image:none;
}

/* ETUSIVUMÄÄRITTEET etusivulla pitäisi saada nuolikuva pois - miten? */
#etusivu img a:link  {border:0px; background:none; background-image:none;} 
#etusivu img a:visited  {border:0px; background:none; background-image:none;} 
#etusivu img a:hover  {border:0px; background:none; background-image:none;}  
#etusivu img a:active  {border:0px; background:none; background-image:none;}

.margin10 {margin:0; padding:0; border:0px; background:none; background-image:none;}


.floater p {padding:0px 0px 0px 0px; 
margin: 10px 0px 10px 0px;
color:#666666;
font-size:100%;}
 

.floater h1 {
font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 130%;	
	color: #852340;
	padding:0px;
	margin: 30px 0px 10px 0px;
		font-weight:bold;
	letter-spacing:0.3em;
	text-transform:capitalize;
	font-variant:normal;
}

#leipis .ingressi  {padding:0; 
margin:1em 0 2em 0;
font-weight:normal;
font-style:normal;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:0.1em;
	text-align:center; 
	font-size:120%;
 }
 
 .ingressi {padding:0; 
margin:1em 0 2em 0;
font-weight:normal;
font-style:normal;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:0.1em;
	text-align:center; 
	font-size:100%;
 }
 
 .kielet  {padding:0; 
margin: 1em 0;
}

.kielet b, .kielet strong {font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-variant:small-caps;
	letter-spacing:0.1em;
	font-weight:normal;
	font-size:120%;}
	
.kielet i, .kielet em {font-family:"Times New Roman", Times, serif;
	text-transform:none;
	font-variant:normal;
	letter-spacing:0.1em;
		font-size:100%;
	}
	
  .indeksi {color:#990033;}
 

.huom,  {color:#FF0000; font-weight:bold;}
/* Kasvilinkit eivät muutu punaisiksi näillä koodeilla?
.huom a:link  {color:#990033;}
.huom a:visited   {color:#990033;}
.huom a:hover  {color:#990033;}
.huom a:active  {color:#990033;}
*/

.varoitus {color:#CC0000; }
.note {color:#666666; }

.lahteet,   {font-family:Verdana, Arial, Helvetica, sans-serif; color:#444444;	font-size:85%;	 	padding: 0px 0px 0px 0px;	margin: 0px 0px 5px 0px;}
.lahde {color:#990033; font-size:90%;}
.lahdeteos {color:#444444; font-style:normal; font-variant:small-caps; font-stretch:normal; }
  
.txt-iso {font-size:130%;}
.txt-pieni {font-size:90%;}

.katsomyos {}
 


/* KELLU ohje ja kuvatekstit */
.ohjekuva {float:left;
margin:0 0.5em 1em 0;
border:0px;
}
#leipis .kuvateksti  {color:#444444; font-style:normal; font-variant:normal; font-size:85%;  clear:both; margin:3em 0 0.5em 0; }

 
/* SPANNIT */

#spanni {font-family:arial;
font-size:85%; 
color:#999999; 
text-align:left; 
margin: 0.2em 0.5em 0.5em 1em;
padding:0;}

.floater-img {float:right; margin: 0 0 1em 1em; font-size:85% !important; text-align:center;}

#spanni .l110 {float:left;width:110px;}
.l160 {float:left;width:160px;}
.l210 {float:left;width:210px;}
.l260 {float:left;width:260px;}
.l290 {float:left;width:290px;}
.l310 {float:left;width:310px;}
.r110 {float:right;width:110px;}
.r160 {float:right;width:160px;}
.r210 {float:right;width:210px;}
.r260 {float:right;width:260px;}
.r290 {float:right;width:290px;}
.r310 {float:right;width:310px;}

#spanni img {border:0px;}

#spanni h1  {font-family:Georgia, "Times New Roman", Times, serif; color:#444444;	font-size:1.0em;	 letter-spacing:0.2em;	padding: 0;	margin: 1.5em 0 0.5em 0; font-weight:bold;}

#spanni p {padding: 0 0 0 0.5em; margin: 0.2em 0.2em 0.5em 0.5em; font-size:100%;}

#spanni ul {padding: 0 0 0 0.5em; margin: 0;}
#spanni ol {padding: 0 0 0 0.5em; margin: 0;}
#spanni li { list-style-type:decimal; list-style-position:inside; padding: 0 0 0 0.5em; margin: 0;}
  
.infospanni {float:right;
width:30%;
font-family:arial;
font-size:100%;
background-color:#fafaf2; 
color:#666666; text-align:left; 
margin: 0.5em; 
padding: 0.5em; 
}

#spanni p {margin:2em 0.2em 2em 0.4em;
 padding:0;}

.resepti {padding: 0.5em; margin: 0 0 0.5em 0.5em;}



  
 .sanastospanni {float:right;
width:30%;
font-family:arial;
font-size:90%; 
background-color:#fafaf2; 
color:#666666; 
text-align:left; 
margin: 3px;  
padding: 3px;}
.sanasto {padding: 0px0px; margin: 0px 0px 15px 0px;}
.sanasto h1 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#444444;	font-size:1.0em;	 letter-spacing:0.2em;	padding: 0px;	margin: 0px 0px 5px 0px;}
.sanasto ul {padding: 0px 0px 0px 5px; margin: 0px;}
.sanasto ol {padding: 0px 0px 0px 5px; margin: 0px;}
.sanasto li { list-style-type:disc; list-style-position:inside; padding: 0px; margin: 0px;} 
  
  .aika1 {color:#000066;}
.aika2 {color:#660000;}
.aika3 {color:#444444;}





 /* barometri */
 
 /* barometrin määreet  */
 
 #vasen {float:left;
width:50%;}
#oikea {float:right;
width:50%;}

#vasen-baro {float:left;
width:49%;
text-align:right;
border:0px;
background-color:none;
padding:2px 3px 0px 0px;
margin:0px;
}
#oikea-baro {float:right;
width:49%;
text-align:left;
border:0px;
background-color:none;
padding:2px 0px 0px 3px;
margin:0px;
}

#vasen-baro img { 
text-align:right;
padding:0px;
margin:0px;
height:10px;
}
#oikea-baro img { 
text-align:left;
padding:0px;
margin:0px;
height:10px;
}



/* barometrin määreet kolmijakoinen  */
#vasen-baro3 {float:left;
width:40%;
text-align:right;
border:0px;
background-color:none;
padding:2px 0px 0px 0px;
margin:0px;
}
#oikea-baro3 {float:right;
width:40%;
text-align:left;
border:0px;
background-color:none;
padding:2px 0px 0px 0px;
margin:0px;
}
#keski {float:left;
width:50px;
text-align:center;
border:1px;
background-color:none;
padding:2px 0px 0px 3px;
margin:0px;
}

#vasen-baro3 img { 
text-align:right;
padding:0px;
margin:0px;
height:6px;
}
#oikea-baro3 img { 
text-align:left;
padding:0px;
margin:0px;
height:6px;
}


.vasen50 {float:left;
width:50%;}
.oikea50 {float:right;
width:50%;}
 
#tyhja { 
text-align:center;
border:0px;
background-color:none;
padding:0px;
margin:-5px 0px 0px 0px;
clear:both;
}

.clear {
clear:both;
}


  /* TOOLTOP */
  
	#tooltip{
		background-color:#fefefe;
		border:1px solid #acacac;
		position:absolute;
		display:none;
		z-index:20000;
		padding:1px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
	#tooltipShadow{
	   background-color:#fefefe;
	   border:0px;
		position:absolute;
				display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}