body {
      font-family: 'Titillium Web', sans-serif;
      font-size: 16px;
      line-height: 1.5;
      background: #000;
      color: #0E0D0D;
  }

video, embed, object {
	width: 100%;
	max-width: 1024px; /* ei kasvata kuvan määriteltyä maksimikokoa */
	
	/*
	height: 100%;
	max-height: 100%; 
	*/
	/* ei kasvata kuvan määriteltyä maksimikokoa */
}



P,UL,TD {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #000;
	/*word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;*/
}



TD.boksiotsikko {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #fff;
	text-align: left;
	//background-color : #fff;
	}
        
TD.kuvasto {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #fff;
	text-align: left;
        height: 30px;
	}
	
TD.ikoni {
/*background-size: 100px;*/
background-repeat: no-repeat;
background-position : center;
}

TD.ikoni2 {
background-size: 100px;
background-repeat: no-repeat;
background-position : center;
border: 3px solid #fff;
}

	

H1 {
	font-family: 'Mukta', sans-serif;
        /*font-family: 'Titillium Web', sans-serif;*/
	font-size: 30px;
	font-weight: 800; 
	color: #242424;
	margin-top : 10px;
	margin-bottom : 10px;
	//word-spacing: normal;
	text-align: left;
	//letter-spacing: 0;
	//line-height: 1.3em;
	}
        
/*H1.header {
	font-family: 'Titillium Web', sans-serif;
	font-size: 40px;
	font-weight: 400; 
	color: #fff;
	}
*/
        
h1.header {
      font-size: 90px;
      /*font-family: 'Titillium Web', sans-serif;*/
      font-family: 'Mukta', sans-serif;
      color: #fff;
      margin-bottom: 0px;
      margin-top: 0px;
      font-weight: 800;
      //word-spacing: normal;
	text-align: center;
	//letter-spacing: 0;
	//line-height: 1.3em;
}
  
H2 {
	font-family: 'Mukta', sans-serif;
        //font-family: 'Titillium Web', sans-serif;
	font-size: 20px;
	font-weight: 800; 
	color: #242424;
	margin-top : 10px;
	margin-bottom : 10px;
	//word-spacing: normal;
	text-align: left;
	//letter-spacing: 0;
	//line-height: 1.3em;
	}






	
	
A:link.paanavi, A:visited.paanavi, A:hover.paanavi {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #fff;
	text-decoration: none;
	}

A:hover.paanavi {
	color: #C10000;
	}
		

A:link.sivunavi, A:visited.sivunavi, A:hover.sivunavi {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #000;
	text-decoration: none;
	}

A:hover.sivunavi {
	color: #C10000;
	}

A:link.sivunavi_a, A:visited.sivunavi_a, A:hover.sivunavi_a {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #C10000;
	text-decoration: none;
	}

	
A:link.sivunavi2, A:visited.sivunavi2, A:hover.sivunavi2 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 14px;
	font-weight: 400; 
	color: #000;
	text-decoration: none;
	}

A:hover.sivunavi2 {
	color: #C10000;
	}
	
	
A:link.sivunavi_ala, A:visited.sivunavi_ala, A:hover.sivunavi_ala {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #000;
	text-decoration: none;
	}

A:hover.sivunavi_ala {
	color: #C10000;
	}
	

A:link, A:visited, A:hover {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #C10000;
	text-decoration: none;
	}

A:hover {
	color: #242424;
	}	

A:link.ajankohtaista, A:visited.ajankohtaista, A:hover.ajankohtaista {font-family: 'calibri','arial',"helvetica";
	      font-size: 12pt;
	      color: #242424;
	      text-decoration: none}


A:hover.ajankohtaista {font-family: 'calibri','arial',"helvetica";
	      color: #C10000;
        }	
	

FONT.otsikko {
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #000;
	text-decoration: none;
	}
        
FONT.header {
	font-family: 'Titillium Web', sans-serif;
	font-size: 50px;
	font-weight: 400; 
	color: #fff;
	text-decoration: none;
	}

FONT.pvm {
	font-family: 'Titillium Web', sans-serif;
	font-size: 12px;
	font-weight: 400; 
	color: #888888;
	text-decoration: none;
	}
	
FONT.footer {
	font-family: 'calibri','arial',"helvetica";
	font-size: 10pt;
	color: #fff;
	text-decoration: none;
	}

FONT.punainen {
	      color: #C10000;}

FONT.keltainen {
	      color: #f0ad4e;}

FONT.vihrea {
	      color: #5cb85c;}
	   

		  

		  

A:link.valkoinen {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #ffffff;
	      text-decoration: none}

A:visited.valkoinen {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #ffffff;
	      text-decoration: none}

A:hover.valkoinen {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #292828;
	      text-decoration: none}
		  


		  
		  	    
A:link.tuotteet {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #C10000;
	      text-decoration: none}

A:visited.tuotteet {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #808080;
	      text-decoration: none}

A:hover.tuotteet {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #808080;
	      text-decoration: none}
		  

		  
A:link.teksti {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: red;
	      text-decoration: none}

A:visited.teksti {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: grey;
	      text-decoration: none}
		  
A:hover.teksti {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: orange;
	      text-decoration: none}
		  
A:link.toteutus {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #f5f5f5;
	      text-decoration: none}

A:visited.toteutus {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #f5f5f5;
	      text-decoration: none}
		  
A:hover.toteutus {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: orange;
	      text-decoration: none}
		  
A:link.nuoli {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: orange;
	      text-decoration: none}

A:visited.nuoli {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: orange;
	      text-decoration: none}
		  
A:hover.nuoli {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: red;
	      text-decoration: none}
		  

A:link.footer {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #F0F0EF;
	      text-decoration: none}

A:visited.footer {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #F0F0EF;
	      text-decoration: none}

A:hover.footer {font-family: 'calibri','arial',"helvetica";
	      font-size: 10pt;
	      color: #C10000;
	      text-decoration: none}
		  
		  
		  
		  
		  
textarea.database { 
left: 0; 
top: 0; 
position: absolute;
visibility: hidden;
}

INPUT.kysely{
	font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 26px;
        //height: 30px;
}

.hakukentta {  
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 26px;
                 
}

.hakukentta500 {
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 26px;
	width: 500px;
}

.hakukentta300 {
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 26px;
	width: 300px;
}

.hakukentta400 {  
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 26px;
	//width: 400px;
        width: 400px;
}

.hakukentta2 {
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 26px;
	width: 50px;
}

.hakukentta3 {
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 26px;
	width: 50px;
}

.tekstikentta {
	font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 150px;
	width: 480px;
}

.tekstikentta500 {
	font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 150px;
	width: 500px;
}

.tekstikentta300 {
	font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 150px;
	width: 300px;
}

.tekstikentta400 {
	font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
	height: 150px;
	width: 400px;
}

.hakukenttabu {color: #597897;
		  height: 16px;
		  width: 100px;
		  border: 1px solid #587890;
}

.dropdown { 
           font-family: 'Titillium Web', sans-serif;
           font-size: 14px;
           border-3dlight-color: rgb(0,0,255);
           border-arrow-color: rgb(255,255,255);
           border-base-color: rgb(0,0,153);
           border-darkshadow-color: rgb(0,0,153);
           border-face-color: rgb(0,0,153);
           border-highlight-color:rgb(0,0,153);
           border-shadow-color: rgb(0,0,0) 
}


/*<a href="#" class="button2">codecanyon</a>*/



.button2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fa9551;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fa9551;
	box-shadow:inset 0px 1px 0px 0px #fa9551;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe8a05), color-stop(1, #f46506));
	background:-moz-linear-gradient(top, #fe8a05 5%, #f46506 100%);
	background:-webkit-linear-gradient(top, #fe8a05 5%, #f46506 100%);
	background:-o-linear-gradient(top, #fe8a05 5%, #f46506 100%);
	background:-ms-linear-gradient(top, #fe8a05 5%, #f46506 100%);
	background:linear-gradient(to bottom, #fe8a05 5%, #f46506 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8a05', endColorstr='#f46506',GradientType=0);
	background-color:#fe8a05;
	border:1px solid #da5903;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 400;
	height:30px;
        /*padding:6px 12px;*/
	text-decoration:none;
}
.button2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f46506), color-stop(1, #fe8a05));
	background:-moz-linear-gradient(top, #f46506 5%, #fe8a05 100%);
	background:-webkit-linear-gradient(top, #f46506 5%, #fe8a05 100%);
	background:-o-linear-gradient(top, #f46506 5%, #fe8a05 100%);
	background:-ms-linear-gradient(top, #f46506 5%, #fe8a05 100%);
	background:linear-gradient(to bottom, #f46506 5%, #fe8a05 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f46506', endColorstr='#fe8a05',GradientType=0);
	background-color:#f46506;
}
.button2:active {
	position:relative;
	top:1px;
}

.button3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fa9551;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fa9551;
	box-shadow:inset 0px 1px 0px 0px #fa9551;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe8a05), color-stop(1, #f46506));
	background:-moz-linear-gradient(top, #fe8a05 5%, #f46506 100%);
	background:-webkit-linear-gradient(top, #fe8a05 5%, #f46506 100%);
	background:-o-linear-gradient(top, #fe8a05 5%, #f46506 100%);
	background:-ms-linear-gradient(top, #fe8a05 5%, #f46506 100%);
	background:linear-gradient(to bottom, #fe8a05 5%, #f46506 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8a05', endColorstr='#f46506',GradientType=0);
	background-color:#fe8a05;
	border:1px solid #da5903;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-size: 13px;
	font-weight: 400;
	height:20px;
        /*padding:6px 12px;*/
	text-decoration:none;
}
.button3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f46506), color-stop(1, #fe8a05));
	background:-moz-linear-gradient(top, #f46506 5%, #fe8a05 100%);
	background:-webkit-linear-gradient(top, #f46506 5%, #fe8a05 100%);
	background:-o-linear-gradient(top, #f46506 5%, #fe8a05 100%);
	background:-ms-linear-gradient(top, #f46506 5%, #fe8a05 100%);
	background:linear-gradient(to bottom, #f46506 5%, #fe8a05 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f46506', endColorstr='#fe8a05',GradientType=0);
	background-color:#f46506;
}
.button3:active {
	position:relative;
	top:1px;
}


/*
INPUT.button2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #e80000) );
	background:-moz-linear-gradient( center top, #ededed 5%, #e80000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#e80000');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#1c071c;
	font-family:arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
INPUT.button2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e80000), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #e80000 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e80000', endColorstr='#ededed');
	background-color:#e80000;
}INPUT.button2:active {
	position:relative;
	top:1px;
}
*/
/* This button was generated using CSSButtonGenerator.com */




/*
INPUT.button2{
	font-family: 'calibri','arial',"helvetica";
	font-size: 10pt;
	font-weight: bold;
	color: black;
	background: #F0F0F0;
	border-left : 1px solid #5C5B5B;
	border-right : 1px solid #5C5B5B;
	border-top : 1px solid #5C5B5B;
	border-bottom : 1px solid #5C5B5B;
}
*/