BODY {
	background-color : #161616;
	background-image: url(images/tausta.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position : top;
	scrollbar-3dlight-color: rgb(211,211,211);
        scrollbar-arrow-color: rgb(208,152,16);
        scrollbar-base-color: rgb(255,255,255);
        scrollbar-darkshadow-color: rgb(211,211,211);
        scrollbar-face-color: rgb(255,255,255);
        scrollbar-highlight-color:rgb(255,255,255);
        scrollbar-shadow-color: rgb(255,255,255)
}

td.header {
	font-size: 10pt;
	color: #fff;
}

td.footer {
	font-size: 10pt;
        /*min-height: 440px;*/

	color: #fff;
        background-color: #232323;
	/*background-image: url(images/footertausta.jpg);*/
	background-repeat: no-repeat;

}







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

img.paakuva {
    display: block;
    margin: auto;
}


P,UL,TD {
	font-family: 'calibri','arial',"helvetica";
	font-size: 14px;
	color: #242424;
	/*word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;*/
}



TD.paakuva {
        height: 300px;
        vertical-align: top;
}


TD.boksiotsikko {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	font-weight: 400; 
	color: #fff;
	text-align: left;
	background-color : #9f0c0c;
        padding: 0 0 0 0;
        border: 0px;
	}

        
TD.ikoni {
/*background-size: 100px;*/
background-repeat: no-repeat;
background-position : center;
}


TD.ikoni2 {
background-size: 100px;
background-repeat: no-repeat;
background-position : center;
}
	

H1 {
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 400; 
	color: #9f0c0c;
	margin-top : 0px;
	margin-bottom : 0px;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	}

H2 {
	font-family: 'calibri','arial',"helvetica";
	font-size: 20px;
	font-weight: 400; 
	color: #242424;
	margin-top : 10px;
	margin-bottom : 10px;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.3em;
	}






        
        
        
        
		  

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: #d65611;
	      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: #d65611;
	      text-decoration: none}


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

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

        
        
A:link, A:visited, A:hover {
	font-family: 'calibri','arial',"helvetica";
	font-size: 14px;
	color: #9f0c0c;
	text-decoration: none;
	}

A:hover {
	color: #242424;
	}
        
        
A:link.sivunavi, A:visited.sivunavi, A:hover.sivunavi {
	font-family: 'calibri','arial',"helvetica";
	font-size: 18px;
	font-weight: 400; 
	color: #000;
	text-decoration: none;
	}
/*		
A:link.sivunavi, A:visited.sivunavi, A:hover.sivunavi {
	font-family: 'calibri','arial',"helvetica";
	font-size: 14px;
	font-weight: 400; 
	color: #000;
	text-decoration: none;
	}
*/
A:hover.sivunavi {
	color: #9f0c0c;
	}

A:link.sivunavi_a, A:visited.sivunavi_a, A:hover.sivunavi_a {
	font-family: 'calibri','arial',"helvetica";
	font-size: 14px;
	font-weight: 400; 
	color: #9f0c0c;
	text-decoration: none;
	}

	
A:link.sivunavi2, A:visited.sivunavi2, A:hover.sivunavi2 {
	font-family: 'calibri','arial',"helvetica";
	font-size: 14px;
	font-weight: 400; 
	color: #000;
	text-decoration: none;
	}

A:hover.sivunavi2 {
	color: #9f0c0c;
	}
	
	
A:link.sivunavi_ala, A:visited.sivunavi_ala, A:hover.sivunavi_ala {
	font-family: 'calibri','arial',"helvetica";
	font-size: 14px;
	font-weight: 400; 
	color: #000;
	text-decoration: none;
	}

A:hover.sivunavi_ala {
	color: #9f0c0c;
	}
	

	

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: #d65611;
        }	
	
FONT.ajankohtaista {
            font-family: 'calibri','arial',"helvetica";
	    font-size: 12pt;
	    text-decoration: none;
            color: #d65611; 
        }
	
FONT.otsikko {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 400; 
	color: #000;
	text-decoration: none;
	}

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




FONT.lappu {
	font-family: 'Shadows Into Light', 'georgia', Arial;
	font-size: 14pt;
	color: #8a2035}

FONT.lappu2 {
	font-family: 'Shadows Into Light', 'georgia', Arial;
	font-size: 16pt;
	color: #242424}
	

	
FONT.otsikko2 {
	font-family: 'georgia','times new roman', Arial;
	font-size: 14pt;
	color: #DD8608}




	
FONT.otsikko16 {
	font-family: 'calibri','arial',"helvetica";
	font-size: 16pt;
	font-weight : bold;
	color: #242424;}

FONT.otsikko14 {
	font-family: 'calibri','arial',"helvetica";
	font-size: 14pt;
	font-weight : bold;
	color: #242424;}
	
	
TD.otsikko {font-family: 'georgia','times new roman',"helvetica";
	 font-size: 14pt;
	 color: black}

TD.valkoinen {font-family: 'georgia','times new roman',"helvetica";
	 font-size: 10pt;
	 color: #fff}
	 
TD.punainen {font-family: 'georgia','times new roman';
	font-size: 14pt;
	color: #DD8608;
	height: 30px;
	}
	 
	
	
TD.navi {
	font-size: 10pt;
	color: #ffffff;}	
	


FONT.otsikko10 {font-family: 'georgia','times new roman',"helvetica";
	 font-size: 10pt;
	 color: black}
	   

		  

		  
		  
		  
		  
		  
textarea.database { 
left: 0; 
top: 0; 
position: absolute;
visibility: hidden;
}
		  
.hakukentta {font-family: 'calibri','arial',"helvetica";
		  font-size: 10pt;
		  height: 22px;
		  width: 150px;
}

.hakukentta500 {font-family: 'calibri','arial',"helvetica";
		  font-size: 10pt;
		  height: 22px;
		  width: 500px;
}


.hakukentta400 {font-family: 'calibri','arial',"helvetica";
		  font-size: 10pt;
		  height: 22px;
		  width: 400px;
}

.hakukentta300 {font-family: 'calibri','arial',"helvetica";
		  font-size: 10pt;
		  height: 22px;
		  width: 300px;
}

.hakukentta2 {font-family: 'calibri','arial',"helvetica";
		  font-size: 10pt;
		  height: 22px;
		  width: 50px;
}

.tekstikentta {
	font-family: 'calibri','arial',"helvetica";
	font-size: 10pt;
	height: 150px;
	width: 480px;
}

.tekstikentta500 {
	font-family: 'calibri','arial',"helvetica";
	font-size: 10pt;
	height: 150px;
	width: 500px;
}

.tekstikentta400 {
	font-family: 'calibri','arial',"helvetica";
	font-size: 10pt;
	height: 150px;
	width: 400px;
}

.tekstikentta300 {
	font-family: 'calibri','arial',"helvetica";
	font-size: 10pt;
	height: 150px;
	width: 300px;
}

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

.dropdown { font-family: 'calibri','arial',"helvetica";
		  font-size: 10pt;
		  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) 
}

.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: 'Oswald', 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: 'Oswald', 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.button3{
	font-family: 'calibri','arial',"helvetica";
	font-size: 10pt;
	font-weight: bold;
	color: #707070;
	background: #EAE0D1;
	border-left : 1px solid #707070;
	border-right : 1px solid #707070;
	border-top : 1px solid #707070;
	border-bottom : 1px solid #707070;
}