/*Ignosion tyyli*/ 

html, body{ 

 margin:0; 

 padding:0; 

 text-align:left; 
 
 background-color: #fff6dd;

} 

 

#pagewidth{ 

 width:100%; 
 
 background: #fff url(graphics/bg_main.jpg) no-repeat; 

 text-align:left;  

 margin: 0; 

 margin-right:auto;
 
 /*background: url(graphics/bg_kuvio.gif) no-repeat;*/ 
 
} 

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  HEADER*/

#header{

 position:relative; 

 height:200px; 

  /*background-color:#635C56;*/ 

 width:100%;

} 

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  LANGUAGE*/

#language_selection
	{
	float: left;
	margin: 0 0 0 875px;
	padding:0 0 7px 0;
	}

	#language_selection a
	{
		font: normal 12px Verdana, Geneva, Arial, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		color: #696969;
		padding: 0 ;
	}
		
	#language_selection a:hover
	{
		text-decoration: none;
		padding: 00 0;
		color: #000;
	}
	
	#language_selection a:active
	{
		color: #fff;
		background-color: #696969;
	}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  MAIN NAVIGATION*/

#mainnav strong
	{
	font: normal 12px Verdana, Geneva, Arial, sans-serif;
	color: #000;
	}
	
	#mainnav ul
	{
		margin: 20px 0 20px 0;
		padding: 0;
		list-style-type: none;
		border: 0;
	}
	
	
	#mainnav li
	{
		display: inline;
		padding: 0;
	}
	
	#mainnav li a
	{
		font: normal 12px Verdana, Geneva, Arial, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		color: #696969;
		padding: 0 15px 0 0;
	}
		
	#mainnav li a:hover
	{
		text-decoration: none;
		padding: 0 15px 0 0;
		color: #000;
	}
	
	#mainnav li a:active
	{
		color: #fff;
		background-color: #696969;
	}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  VASEN PALSTA*/ 

#leftcol{

 width:40px; 

 float:left; 

 position:relative; 

 /*background-color:#631600;
 
 border: 1px solid #999; */

 }


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  KESKI- JA OIKEA PALSTA*/

#twocols{

 width:960px; 

 float:left; 

 position:relative;

  }

 

#rightcol{

 width:330px; 

 float:right; 
 
  background: #fff6dd url(graphics/bg_rightcolumn.gif) repeat-x;  

 position:relative; 
 
 margin: 0 15px 10px 0 ;
 
 padding: 0;

 }
 
 .oikeanosto{

 width:330px; 

 float:right; 
 
  background: #fff6dd url(graphics/bg_rightcolumn.gif) repeat-x;  

 position:relative; 
 
 margin: 0 15px 10px 0 ;
 
 padding: 0;

 }
 
 #oikeasisalto{
 position:relative; 
 margin: 10px;
 padding: 0;

 }

 .oikeanosto_text{
 position:relative; 
 margin: 10px;
 padding: 0;

 }
 
 #oikeasisalto ul
	{
		list-style-type: none;
		font: normal 1em Arial, Geneva, sans-serif; 
 		color: #262626;
	}
 #oikeasisalto li
	{
		margin: 5px 0 0 0;
	}
 
 #oikeasisalto dl
	{
		font: normal 0.825em Verdana, Helvetica, sans-serif; 
 		color: #696969;
	}
	
	 #oikeasisalto strong
	{
		font: bold 0.825em Verdana, Helvetica, sans-serif; 
 		color: #262626;
	}
	
	#oikeasisalto dt 
	{
	margin: 5px 0 5px 0;
	}
	
	/* CONTACT FORM - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 #cont_form
	{
		background-color: #fff6dd;
		margin: 0;
		padding: 0;
	}

 #cont_form dl
	{
		font: normal 0.825em Verdana, Helvetica, sans-serif; 
 		color: #696969;
	}
	
	 #cont_form strong
	{
		font: bold 0.825em Verdana, Helvetica, sans-serif; 
 		color: #262626;
	}
	
	#cont_form dt 
	{
	margin: 5px 0 5px 0;
	}
	
		#cont_form dd 
	{
	margin: 0;
	padding: 0;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	color: #262626;
	}


#maincol
{
  background: #fff url(graphics/bg_middlecolumn.gif) repeat-x; 

 float: left; 

 display: inline; 

 position: relative; 

 width: 560px; 
 
 /*border: 7px solid #ef5b02;*/
 
 margin: 0 15px 15px 35px;

 }
 
 #keskisisalto{

 /*width:375px;*/ 

 position:relative; 

 /*background-color:#fff;*/
 
 margin: 10px;

 }
 
 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  LISTAT*/
 
 #keskisisalto dl 
	{
	margin: 10px 0 10px 10px;
	padding: 5px;
	}
	
#keskisisalto dt 
	{
	margin: 10px 0 0 5px;
	/*padding: 5px;*/
	line-height: 1.3em;
	font: bold 12px Verdana, Geneva, Arial, sans-serif;
	color: #262626; 
	}
	
	#keskisisalto dd 
	{
	margin-left: 55px;
	font: normal 12px Verdana, Geneva, Arial, sans-serif;
	color: #000;
	}
	
	 .korostus
	{
		list-style-type: none;
		font: normal 0.825em Verdana, Geneva, sans-serif; 
 		color: #262626;
	}
 	
 	.korostus li
	{
		margin: 5px 0 0 0;
	}
	
	.korostus strong
	
	{
		font: bold 0.825em Verdana, Geneva, sans-serif;
	}
 
 /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  YLOMAKE*/
 
 #ylomake
	{
	background: #eee;
	border-top: 1px dashed #696969;
	}
 
 #ylomake dl 
	{
	margin: 10px 0 10px 10px;
	padding: 5px;
	}
	
#ylomake dt 
	{
	margin: 10px 0 10px 5px;
	/*padding: 5px;*/
	line-height: 1.0em;
	font: normal 12px Verdana, Geneva, Arial, sans-serif;
	color: #262626; 
	}
	
	#ylomake dd 
	{
	margin: 0 0 0 55px;
	font: normal 10px Verdana, Geneva, Arial, sans-serif;
	color: #262626;
	}
	
	.lahetaviesti
	{
	margin: 0;
	padding: 3px 5px;
	width: 90px;
	color: #fff;
	background-color: #c49826;
	border: #825e00;
	}
 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  FOOTER*/

#footer{

/* height:30px;*/ 
 
 width: 100%; 

  background-color:#dddddd;
  
  float: left;
  
  font: normal 11px Arial, Geneva, sans-serif;
  
  /*padding: 10px 0 0 40px;*/
  
  color: #262626;  

 clear:both;

 }
 
 #footer_text{


  float: left;
  
  font: normal 11px Arial, Geneva, sans-serif;
  
  padding: 10px 0 10px 40px;*
  
  color: #262626;  

 }
 
 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  TYPOGRAFIA*/ 

 
  h1
  {
 font: normal 1.2em Verdana, Geneva, sans-serif; 
 letter-spacing: 1px;
 color: #262626;
 /*margin: 10px 0 3px 0;
 text-transform: uppercase;*/
  margin: 15px 0 7px 0;
 }
 
  #oikeasisalto h1
  {
 font: normal 1.0em Verdana, Geneva, sans-serif;
 letter-spacing: 2px;
 color: #616161;
 /*margin: 10px 0 3px 0;*/
 text-transform: uppercase;
  margin: 15px 0 10px 0;
 }
 
 
 h2
  {
  font: bold 14px Verdana, Geneva, sans-serif;
 color: #606060;
 /*margin: 10px 0 3px 0;*/
 margin: 15px 0 5px 0;
 padding: 5px 0 5px 30px;
 background: #fff6dd url(graphics/bg_rightheader.jpg) no-repeat; 
 }
 
  #maincol h2
  {
  font: bold 14px Verdana, Geneva, sans-serif;
 color: #606060;
 /*margin: 10px 0 3px 0;*/
 margin: 15px 0 5px 0;
 padding: 5px 0 5px 30px;
 background: #ffffff url(graphics/bg_rightheader.jpg) no-repeat; 
 }
 
  h3
  {
  font: bold 14px Verdana, Geneva, sans-serif;
 border-top: 1px solid #d9d9d9; 
 /*letter-spacing: 2px;*/
 color: #606060;
 /*margin: 10px 0 3px 0;*/
 padding-top: 15px;
 margin: 15px 0 10px 0;
 }
 
   h4
  {
  font: bold 13px Arial, Helvetica, Geneva, sans-serif;
 	color: #000;
 /*margin: 10px 0 3px 0;*/
 padding: 2px 0 1px 0;
 margin: 5px 0 3px 0;
 }
 
 p 
 
 {
 font: normal 0.9em Arial, Helvetica, sans-serif; 
 color: #000;
 margin: 4px 0 7px 0;
 line-height: 1.2em;
 } 
 
  a {
		font: bold 12px Arial, Geneva, sans-serif; 
		text-decoration: none;
		color: #c48d00;
		}
 a:hover
	{
		color: #262626;
		text-decoration: none;
	}
	
a:active
	{
		color: #000;
		text-decoration: none;
	}
	
	/*a:visited
	{
		color: #c48d00;
		text-decoration: none;
	}*/
 
 /*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  ELEMENTIT*/ 
 
  .ignosionlogo
  {
float: left;
margin: 107px 0 0 81px;
padding: 0;
 }
 
   .slogan
  {
float: right;
margin: 45px 25px 0 0;
padding: 0;
 }
 
 .esittely
 {
float: left;
display: block;
margin: 10px 15px 10px 0;
padding: 0;
 }
 
  .ihmiset
 {
float: left;
width: 500px;
display: block;
margin: 5px 15px 5px 0;
padding: 0;
 }
 
  .nosto
 {
margin: 15px 0 15px 10px;
padding: 0;
 }
 
 

 /* *** Float containers fix */ 

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.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;} 



/*hide the right column when printing*/ 

#rightcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}