/* CSS Document */

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

	
} 

h4 {
	font-size: 36px;
	font-family: Georgia, Garamond, Times;
	font-style: italic;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	color: #e69e06;

}

h8 {
	font-size: 14px;
	font-family: Georgia, Garamond, Times;
	line-height: 17px;
	margin: 0px;
	padding: 13px 0px 30px 0px;
	color: #ae1f65;
	font-weight: bold;
	font-style:italic;

}

h7 {
	font-size: 14px;
	font-family: Georgia, Garamond, Times;
	line-height: 17px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #8c3b08;
	font-weight: bold;

}
h5 {
	font-size: 14px;
	font-family: Georgia, Garamond, Times;
	line-height: 17px;
	margin: 0px;
	padding: 13px 0px 15px 0px;
	color: #ae1f65;
	font-weight: bold;
	font-style:italic;
}

h6 {
	font-size: 12px;
	font-family: Georgia, Garamond, Times;
	line-height: 12px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #8c3b08;

}

h1 {
	font-size: 18px;
	font-family: Georgia, Garamond, Times;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #8c3b08;

}

h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 0px solid #3da6d4;
	color: #8c3b08;
}

h3 {
	font-size: 14px;
	font-family: Georgia, Garamond, Times;
	line-height: 17px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #8c3b08;
	font-weight: bold;
}


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


} 

#pagewidth2{

	background-image: url(images/maincoli2.gif);
	margin: 0px;
	padding: 0px;


} 







 
#header{
	position:relative;
	height:279px;
	width:959px;
	background-image: url(images/header2.gif);
	background-repeat: no-repeat;
} 


#logo {
visibility:hidden;
}

#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:175px;
	position:relative;
	font-size: 13px;
	font-family: Georgia, Garamond, Times;
	font-weight: bold;
	color: #8c3b08;
	padding: 0px 0px 0px 190px;
	
	text-align: left;

 }
 

 
  #sivuinfo{
	float:left;
	position:relative;
	padding-left: 5px;
	margin-left: 15px;
	margin-right: 10px;
	padding-top: 15px;
	padding-right: 26px;
	padding-bottom: 15px;
	font-size: 11px;
	line-height: 15px;
	font-family: Georgia, Garamond, Times;
	font-weight: bold;
	color: #8c3b08;
	width: 135px;
	background-color: #f5e7c6;
 }
 
    #sivulinkit2{
	float:left;
	position:relative;
	padding-left: 35px;
	padding-top: 55px;
	padding-right: 30px;
	padding-bottom: 20px;
	font-size: 11px;
	line-height: 17px;
	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: 20px;
	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.sivulinkit:hover{
	text-decoration: underline;
 }
 
 
 ul.none {list-style-type: decimal;
 color:#000;
 list-style-position: outside;
 line-height:16px;
 }
  li.none2 {list-style-type: disc;
 
 list-style-position: outside;
 line-height:16px;
 }
 
 li
{
padding-bottom:4px;
}
  a.leipis{
	color: #58a;
	font-weight: bold;
	text-decoration: none;
 }
 
  a.leipis:hover{
	text-decoration: underline;
	font-weight: bold;
 }
 
    a.sivulinkki2{
	color: #77787b;
	text-decoration: none;
	font-size:10px;
 }
 
  a.sivulinkki2:hover{
	text-decoration: underline;
	font-size:10px;
 }
 
   a.sivulinkki{
	color: #77787b;
	text-decoration: none;
 }
 
  a.sivulinkki:hover{
	text-decoration: underline;
 }
 
 a.kayttis{
	padding-right: 17px;
	padding-left: 17px;
	color: #8c3b08;
	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: 10px;
	padding-left: 15px;
	padding-right:10px;
	width: 520px;
	padding-bottom: 0px;
	text-align:left;
 }
 
 #teksti{
	float: left;
	display:inline;
	position: relative;
	padding-top: 10px;
	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;
	
 }
 
 
    #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;
	
	
 }
 
 a.footerlinkki{
	color: #faf2df;
	font-size: 11px;
	margin-right: 30px;
	margin-left: 10px;
	text-decoration: none;
 }
 
  a.footerlinkki:hover{
	text-decoration: underline;
 }
 
 #footerteksti{

	clear:both;
	padding-top: 25px;
	
	


 } 
 
#footer{
width:959px;

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

	height:161px;
	clear:both;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	text-align: center;
	color: #faf2df;

 } 
 


a:link.navilink, a:visited.navilink {
color: #8c3b08;
font-family: Georgia, Garamond, Times;
font-size: 13px;
text-decoration: none;
font-weight: bold;

}

a:hover.navilink {
color: #8c3b08;
font-family: Georgia, Garamond, Times;
font-size: 13px;
text-decoration: underline;
font-weight: bold;
}



 
 /* *** 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;}
}