/* CSS Document */

/* generated by csscreator.com */ 
html, body{
	padding:0;
	text-align:center;
	font-family: Georgia, Garamond, Times;
	font-size: 13px;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/tapettivih.gif);
	background-repeat: repeat;

	
} 

h1 {
  color:#77787b;
  font-size: 20px;
  font-family: Georgia, Garamond, Times;
  font-weight: bold;
  line-height: 23px;

  }
  
  h2 {
  color:#000;
  font-size: 16px;
  font-family: Georgia, Garamond, Times;
  font-weight: bold;
  }
#yla{
	height:50px;
	
} 

#pagewidth{
	width:959px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;


} 
#pagewidth3{

	background-image: url(images/lintu2.gif);
	background-repeat:no-repeat;

background-position: bottom left;


} 

#pagewidth2{

	background-image: url(images/maincoli.gif);


} 






#header1{
	position:relative;
	height:200px;
	width:959px;
	background-image: url(images/headeri1.gif);
} 
 
#header{
	position:relative;
	height:200px;
	width:959px;
	background-image: url(images/headeri.gif);
} 

#header2{
	position:relative;
	height:200px;
	width:959px;
	background-image: url(images/headeri2.gif);
}
#header3{
	position:relative;
	height:200px;
	width:959px;
	background-image: url(images/headeri3.gif);
	
}
#header4{
	position:relative;
	height:200px;
	width:959px;
	background-image: url(images/headeri4.gif);
} 

#header5{
	position:relative;
	height:200px;
	width:959px;
	background-image: url(images/headeri5.gif);
}

#header6{
	position:relative;
	height:200px;
	width:959px;
	background-image: url(images/headeri6.gif);
}

#header7{
	position:relative;
	height:200px;
	width:959px;
	background-image: url(images/headeri7.gif);
}

#trans2{
	width:138px;
    top:150px;

} 
#leftcol{
	float:left;
	width:150px;
	height:auto;


	
} 
 
 #menu{
	float:left;
	position:relative;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
 }

 #menu2{
	float:left;
	top:26px;
	position:relative;
	padding-left: 228px;
	padding-bottom: 10px;
	font-size: 14px;
	font-family: Georgia, Garamond, Times;
	font-weight: bold;
	font-style: italic;
	color: #77787b;
 }
 
 #ala{
 float:left;
 position:relative;
 top:16px;
 padding-left: 248px;
 	font-size: 14px;
	font-family: Georgia, Garamond, Times;
	font-style: italic;
	color: #77787b;
 }
 
  #ala3{
 float:left;
 position:relative;
 top:16px;
 padding-left: 430px;
 	font-size: 14px;
	font-family: Georgia, Garamond, Times;
	font-style: italic;
	color: #77787b;
 }
 
  a.ala{
	padding-right: 20px;
	color: #77787b;
	text-decoration: none;
 }
 
  a.ala:hover{
	text-decoration: underline;
 }
   a.ala2{
	padding-right: 20px;
	color: #000;
	font-weight:bold;
	text-decoration: none;
 }
 a.ala2:hover{
	text-decoration: underline;
 }
 
   #sivuinfo2{
	float:left;
	position:relative;
	padding-left: 25px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 20px;
	font-size: 11px;
	line-height: 16px;
	font-family: Georgia, Garamond, Times;
	font-weight: bold;
	font-style: italic;
	color: #464647;
	width: 170px;
 }
 
  #sivuinfo{
	float:left;
	position:relative;
	padding-left: 25px;
	padding-top: 55px;
	padding-right: 30px;
	padding-bottom: 20px;
	font-size: 11px;
	line-height: 16px;
	font-family: Georgia, Garamond, Times;
	font-weight: bold;
	font-style: italic;
	color: #464647;
	width: 170px;
 }
 
    #sivulinkit2{
	float:left;
	position:relative;
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	font-size: 12px;
	line-height: 13px;
	font-family: Georgia, Garamond, Times;
	font-weight: normal;
	color: #464647;
	width: 210px;
 }
 
  
   #sivulinkit3{
	float:left;
	position:relative;
	padding-left: 0px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0px;
	font-size: 12px;
	line-height: 13px;
	font-family: Georgia, Garamond, Times;
	font-weight: normal;
	color: #464647;
	width: 210px;
 }
 
   #sivulinkit{
	float:left;
	position:relative;
	padding-left: 0px;
	padding-top: 55px;
	padding-right: 30px;
	padding-bottom: 0px;
	font-size: 12px;
	line-height: 13px;
	font-family: Georgia, Garamond, Times;
	font-weight: normal;
	color: #464647;
	width: 210px;
 }
   a.sivulinkit{
	color: #77787b;
	text-decoration: none;
 }
    a.sivulinkit2{
	color: #000;
	text-decoration: none;
 }
 
  a.sivulinkit:hover{
	text-decoration: underline;
 }
 
   #otsikko3{
	float:left;
	position:relative;
	padding-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	line-height: 13px;
	font-family: Georgia, Garamond, Times;
	font-weight: regular;
	color: #464647;
	
 }
 
  #otsikko{
	float:left;
	position:relative;
	padding-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	line-height: 13px;
	font-family: Georgia, Garamond, Times;
	font-weight: bold;
	color: #464647;
	
 }
 
   #otsikko2{
	float:left;
	position:relative;
	padding-left: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	line-height: 13px;
	font-family: Georgia, Garamond, Times;
	font-weight: bold;
	color: #464647;
	
 }
 
  ul.sarjat {list-style-type: none;
 list-style-position: outside;
 line-height:15px;
 padding-left: 27px;
 }

 
 ul.none {list-style-type: disc;
 list-style-position: outside;
 line-height:15px;
 }
  li.none2 {list-style-type: disc;
 list-style-position: outside;
 line-height:15px;
 }
  a.leipis{
	color: #58a;
	font-weight: bold;
	text-decoration: none;
 }
 
  a.leipis:hover{
	text-decoration: underline;
	font-weight: bold;
 }
 
   a.sivulinkki{
	color: #77787b;
	text-decoration: none;
 }
 
  a.sivulinkki:hover{
	text-decoration: underline;
 }
 
 a.kayttis{
	padding-right: 11px;
	color: #77787b;
	text-decoration: none;
 }
 
  a.kayttis:hover{
	text-decoration: underline;
 }
 
  a.kayttis2{
  padding-right: 11px;
	color: #000000;
	text-decoration: none;
 }
 
  a.kayttis2:hover{
	text-decoration: underline;
 }
 


#twocols{
 width:749px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:5px; 
 float:right; 
 position:relative;

 }
 
  #teksti1{
	float: left;
	display:inline;
	position: relative;
	padding-top: 20px;
	padding-left: 38px;
	padding-right:10px;
	width: 458px;
	padding-bottom: 20px;
	text-align:justify;
 }
 #teksti4{
	float: left;
	display:inline;
	position: relative;
	padding-top: 20px;
	padding-left: 38px;
	padding-right:10px;
	width: 458px;
	height: 360px;
	padding-bottom: 20px;

 }
 
 #teksti{
	float: left;
	display:inline;
	position: relative;
	padding-top: 20px;
	padding-left: 38px;
	padding-right:10px;
	width: 458px;
	padding-bottom: 20px;

 }
 
  #teksti2{
	float: right;
	position: relative;
	width: 160px;
	text-align: left;
	z-index: 3;
	padding-bottom: 10px;
	border-color: #FFCC99;
	padding-left: 5px;
	
 }
   #teksti3{
	float: left;
	position: relative;
	width: 160px;
	text-align: left;
	z-index: 3;
	padding-right: 5px;
	border-color: #FFCC99;
	
 }
 
   .kuva2{
	display:inline;
	position: relative;
	padding-right: 10px;
	padding-bottom: 10px;
 }
 
  #kuva{
    float: left;
	width:277px;
	display:inline;
	position: relative;
	padding-top: 20px;
	
 }
 
    #muistot2{
    float: left;
	width:150px;
	display:inline;
	position: relative;
	padding-top: 70px;
	padding-left: 65px;
	font-size: 11px;
	line-height: 16px;
	font-family: Georgia, Garamond, Times;
	font-weight: bold;
	font-style: italic;
	color: #464647;
	line-height: 17px;
	
 }
 
   #muistot{
    float: left;
	width:170px;
	display:inline;
	position: relative;
	padding-top: 65px;
	padding-left: 40px;
	font-size: 15px;
	font-family: Georgia, Garamond, Times;
	font-weight: bold;
	font-style: italic;
	color: #aeaeaf;
	line-height: 22px;
	
 }
   #pensseli{
    float: right;
	width:215px;
	display:inline;
	position: relative;
	height:44px;
	background-image: url(images/penseli.gif);
	
 }
 
   .kuvateksti{
	font-family: Georgia, Garamond, Times;
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 30px;
 }
    .muistoteksti{


 }
 
 a.footerlinkki{
	padding-right: 20px;
	padding-left: 20px;
	color: #77787b;
	text-decoration: none;
 }
 
  a.footerlinkki:hover{
	text-decoration: underline;
 }
 
 #footerteksti{

	clear:both;
	padding-top: 48px;
	font-size:11px;
	


 } 
 
#footer{
width:959px;

	margin-left:auto;
	margin-right:auto;
	

	height:119px;
	clear:both;
	background-image: url(images/footerix.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #77787b;

 } 


 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{
	background-image: url(images/left.jpg);
	display: inline;
	height: inherit;
} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}