/* generated by csscreator.com */ 
html, body{ 
 margin:0.3em; 
 padding:0; 
 text-align:center; 
 background-color: #E1F2FF;
 font-family: Arial, Helvetica, sans-serif;
} 

#wrapper{ 
 background-color: #FFFFFF;
 max-width:100%;
} 

#forumwrapper{ 
 padding-right: 1em;
 padding-left: 1em;
 align:center;
} 
 
#pagewidth{ 
 max-width:100%;
 width:47em; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 background-color:#6699CC; 
} 

	h1 {
		font-size:1.5em;
		color: #FFFFFF;
		margin:0; 
 		padding:0.8em; 

		}

 #navi {
 		align:center;
	 	width:47em; 
 		margin-top:0;  
	    background: #CCCCCC;
    	font-weight: bold;

		max-width:100%;
    }
    #navi a {
    	color: White;
    	text-decoration: none;
		font-size: 0.8em;	
    }
	
	    #navi p {
		font-size: 0.6em;	
    }
 
#leftcol{
 margin:0em; 
 padding:0; 
 width:10em; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 
 }

 
 p {
	 font-size: 0.8em;	
	}
	
	.pienempipaksu {font-size: smaller; font-weight: bold; }
	.pienempi {font-size: smaller; }
		
 h3 {
	 color:#225EBF;
	}
		
 h2 {
 	 font-size:1.3em;
	 color: #225EBF;
	  margin-top:1em; 
	}
	
#naviselected {
		font-size: smaller;
	}
 
#maincol{
 background-color: #FFFFFF;  
 padding-right: 1.5em;
 padding-left: 0.5em;
 float: right; 
 display:inline; 
 position: relative; 
 width:35em; 
 }
 
 #maincol2{
 background-color: #FFFFFF;  
 padding-right: 1.5em;
 padding-left: 0.5em;
 float: right; 
 display:inline; 
 position: relative; 
 width:45em; 
 }
 
 #tulostaulukko{
  padding-top:2em;  
  font-size: 0.8em;
  clear: both;
 }
 
 #custom-gen{
 font-size: smaller;
 list-style: none;
 margin-left: 1em;
 padding-left: 1em;

 }
 #custom-gen li
 {
 margin-top: 0.7em;
 margin-bottom: 0;
 }
 
  #custom-gen li:first-child { margin-top: 0; } 
 
 #custom-gen li:before {
 list-style: none;

	color: #222;
	}
	
p.image {
	float: right;
	font-size: 0.8em;
	text-align: center;
	color: #7d6340;
	padding: 1.25em 1.25em 0.25em 0.25em;
}
	
p.image img {
	display: block;
	border: 1px solid #7d6340;
}
 
.style7 {
font-weight: bold;
text-decoration: none;

}
		
.invisible {
visibility:hidden;
margin: 0.6em;
}

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

th {

}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 60px; /*position where enlarged image should offset horizontally */

}
 
.clearfix{display: inline-table;}

/* 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{display:none;} 
#navi{display:none;} 
h1{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

 /*forum styles*/