/* Tekijä Mediakolmio Advertising. */
/**/
*{
	font-size: 1em; 
	font-family:"Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:1.4em;
}
body{
	
	font-size:76%;
	}	
a{padding:0;margin:0;}
.lihavointi{
	font-weight:bold;	
	
}
/******************************/
/*Päädivien määritykset*/
/******************************/

#tausta{
	text-align:center;
	
}

.eiflashia {
	padding-top: 40px;	
}

#header{
	width:770px;
	height:193px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#banneri{
	background:#ffffff;
	height:234px;
	width:770px;	
	margin-left:auto;
	margin-right:auto;
}

#banneri a{
	text-decoration: none;
}

strong {

	font-weight: bold;
}
#otsikko{
	
	margin:20px 0px 0px 0px; /* top right bottom left */	
	
}
#sisalto{
	
	width:688px;	
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-left:42px;
	padding-right:42px;
	margin-top:35px;
	margin-bottom:40px;
}

#sisalto p {
	margin: 0 0 10px 0;

}
.sisalto_lista{
	list-style-position:inside;
	list-style-type:circle;
	color:#5c4b48;
	padding:15px;
	
		
}
/******************************/
/*Sisäsivujen päädivien määritykset*/
/******************************/
#alavalikko{
	height:149px;
	width:770px;	
	margin-left:auto;
	margin-right:auto;
}
#alavalikko a{
	padding:0px;
	
}
#sisasivusisalto{
	
	width:688px;	
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-left:55px;
	padding-right:42px;
	margin-top:35px;
	margin-bottom:40px;
}
#sisasivusisalto h1{
	
	font-family:"ITC Goudy Sans","Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	padding: 0px 0px 0px 0px; /* top right bottom left */
	color: #e8520c;
	font-size:1.4em;
	font-style:italic;
	width:300px;
}
/******************************/
/*Headerin sisaiset elementit*/
/******************************/

.vasen_yla{

	width:385px;	
	float:left;
}
.oikea_yla{

	width:385px;
	float:right;	
}

#header .left-column{
	width:311px;	
	float:left;
}
#header .right-column{
	width:386px;
	margin: 0 40px 0 0;
	float:right;	
}



#etsi_box{
	margin:49px 0px 0px 40px; /* top right bottom left */
	padding:0px;
	color:#8f756e;
	font-style:italic;
}
#search{
	margin:49px 8px 0px 0px; /* top right bottom left */
	padding:0px;
	color:#8f756e;
	text-align: right;

	font-style:italic;
}

.nappi_nuoli_oikea{
	margin:0px 0px -7px 0px; /* top right bottom left */
	
}
.nappi_nuoli_oikea1{
	float:right;
	
}
.tekstikentta{
	width:201px;
	border:1px solid #dddcdd;
	
}

.tekstialue{
	margin:5px 0px 0px 0px;
	width:668px;
	height:142px;
	border:1px solid #dddcdd;
}




/******************************/
/*Päävalikon määritykset*/
/******************************/
#valikko{
	margin:45px 0px 0px 40px; /* top right bottom left */	

}
#main-menu{
	margin:42px 0px 0px 0px; /* top right bottom left */	

}
#main-menu a{
	display: block;
	float:left;
	margin: 0 22px 0 0;

}
#main-menu a.last{
	margin: 0 0px 0 0 !important;

}


.menu1 {
	width:43px;
	height:38px;
	padding-right:22px;
}
.menu2{
	width:34px;
	height:38px;
	padding-right:22px;
}
.menu3{
	width:51px;
	height:38px;
	padding-right:22px;
}
.menu4{
	width:76px;
	height:38px;
	padding-right:22px;
}
/******************************/
/*Sisallon sisaiset elementit*/
/******************************/

.vasen{
	width:321px;	
	float:left;
	min-height: 190px;
	height: auto !important;
	padding-left: 8px;
	height: 190px;
}
.vasen h1{
	width:220px;	

}
.oikea{	
	width:321px;
	float:right;
	min-height: 190px;
	height: auto !important;
	height: 190px;

}
.oikea table{
	
margin:20px 0 0 0;	

}
.oikeayht{
	
	width:299px;
	float:right;
	background:#f3f3f3;
	


}

.oikeayht h2{
	
margin-left:25px;
margin-top:20px;
margin-right:-25px;
}

div#newsletter-facebook {
	width:770px;
	margin: 0 auto;
	background-color: #e4e4e4;
	background-image: url('kuvat/newsletter-facebook-background.gif');
	background-repeat: repeat-x;
	padding-top: 0;
	padding-bottom: 10px;
}

div#newsletter {
	float: left;
	color: #5c4b48;
	padding-left: 42px;
}

div#newsletter input[type=text] {
	width: 184px;
}

div#newsletter input[type=image] {
	position: relative;
	top: 10px;
	left: 10px;
}

img#button-katso-lisatietoja {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

div#lisatietoja {
	width: 770px;
	text-align: left;
	padding-left: 42px;
	padding-top: 15px;
	color: #000000 !important;
}

img#button-facebook {
	margin-top: 6px;
	margin-left: 21px;
}

#footer{
	background:#fefefa;
	padding-left:42px;
	width:728px;
	padding-top:11px;	
	padding-bottom:11px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border-top:1px solid #ac8f89;
	border-bottom:1px solid #ac8f89;
}
#footer p{
	color:#ac8f89;
}
.logo{
	margin-top:52px;
	margin-left:52px;		
	margin-bottom:20px;
	
}

.viiva{
	margin-left:auto;
	margin-right:auto;
	background: url(kuvat/viiva.gif) no-repeat bottom left;
	padding-left:0px;
	padding-bottom:10px;
	width:770px;
	height:1px;
	text-align:left;
}
.viivateksti{
	padding-left:45px;

}

.harmaa_tausta_box{
	background:#f3f3f3;
	padding:13px;
	color:#5c4b48;
	 min-height: 60px;
 height: auto !important;
 height: 60px;
	

}
.harmaa_tausta_box p{
	padding:0;
	margin:0;
}
.harmaa_tausta_box_palvelut{
	background:#f3f3f3;

	color:#5c4b48;
}
.valkoinen_tausta_box{
	color:#5c4b48;

	padding:15px;
	
}
#ajo_ohjeet_box{
	font-size:0.93em;
	padding-top:13px;
	color:#5c4b48;
}

.kulma{
	background: url(kuvat/tausta_kulmapala.gif) no-repeat bottom right;
	
	padding:0 20px 20px 0px;
}
.vasen_ylakulma{
	background: url(kuvat/kulmapala_vasen_yla.gif) no-repeat top left;
}
.oikea_alakulma{
	background: url(kuvat/kulmapala_oikea_ala.gif) no-repeat bottom right;

}
.tasaus_oikealle{
	
	float:right;	
}
.tasaus_vasemmalle{
	float:left;
}
.kuva{
	padding-right:10px;
	padding-top:4px;
	float:left;
	
}
.tekstikuva{
	padding:20px 15px 0 15px;
	float:left;
	
}
.tekstikuva img{
	padding:5px;
	border:1px solid #f7c6aa;

	
}
.tekstikuvaoikea{
	padding:20px 15px 0 15px;
	float:right;
	
}
.tekstikuvaoikea img{
	padding:5px;
	border:1px solid #f7c6aa;

	
}
.uutiskuva{
	padding:18px 15px 0 15px;
	float:left;
	
}
.uutiskuva img{
	padding:5px;
	border:1px solid #f7c6aa;

	
}
.kuva1{

	margin-top:16px;
	margin-bottom:4px;
}
.kuva2{
	float:left;
	border:3px #d8d8d8 solid;
	margin-right:10px;
}

.hakasulku{
	
		color:#c0c0c2;
		font-size:0.9em;
		margin-top:5px;
		
}
.tahti{
	color: #e8520c;
	padding-top:5px;
		font-size:1.0em;
}
.lista{
	padding-left:25px;
		color:#5c4b48;
	}
h1 {
	font-family:"ITC Goudy Sans","Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	padding: 0px 0px 3px 10px; /* top right bottom left */
	color: #e8520c;
	font-size:1.4em;
	font-style:italic;
	
}
h2 {
	font-family:"ITC Goudy Sans","Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	padding: 0px 0px 9px 0px; /* top right bottom left */
	color: #e8520c;
	font-size:1.4em;
	font-style:italic;
	width:300px;
}
h3 {
	font-family:"ITC Goudy Sans","Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	padding: 0px 0px 4px 0px; /* top right bottom left */
	color: #e8520c;
	font-size:1.1em;
	font-style:italic;

}
h4 {
	font-family:"ITC Goudy Sans","Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	color: #edc447;
	font-size:1.3em;
	font-style:italic;
	padding:0;
	margin:0;
	line-height:1.2;
}
h5{
	font-family:"ITC Goudy Sans","Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	color: #e8520c;
	font-size:1.4em;
	font-style:italic;
	margin:10px 0 10px 0;
	padding:0 0 0 10px;
	border-bottom:1px #f3f3f3 solid;
}
.box_otsikot{
	color: #ffffff;	
	font-family:"ITC Goudy Sans","Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	
	font-size:1.3em;
	font-style:italic;
	margin:-3px 0 0 0;
	display:block;
}




img{
	padding:0px;
	margin:0px;
	}
	
.pvm{
	font-size:1.0em;
	margin: -20px 11px 0px 0px; /* top right bottom left */
	float:right;
	color:#8f756e;
}
.nappi_kirjaudu{
	text-align: left; 
	margin: -17px 40px 0px 78px; /* top right bottom left */
	float:right;
	
}

.puhelinnumerot{
	margin-left:25px;
		padding-bottom:25px;
		
	
}
.puhelinnumerot li{
	
	padding:5px;
	padding-left:20px;
	padding-right:15px;	
	background:url(kuvat/nuoli_oikea.gif) no-repeat 0px 7px;
	list-style-type: none;
	color:#5c4b48;
	
}


a:link { color: #e8520c; text-decoration: underline; padding: 2px; }
a:visited { color: #e8520c; text-decoration: underline; padding: 2px; }
a:hover { color: #e8520c; text-decoration: none;  padding: 2px; }

.pun { color: #e8520c; }

.teksti{	
	padding:7px 0 0px 10px !important;
	color:#5c4b48;	
}
.teksti_otsikko{	
	padding:10px 0 10px 10px;
	color:#5c4b48;
	font-size:1.2em;
	font-weight:bold;

}

.pieniteksti{
	
	color:#ac8f89;
	font-size:0.95em;
	}	
.jatka_lukemista{

	margin: 5px 10px 0px 0px; /* top right bottom left */
	float:right;
}	
	
.m3 {
	color: #cecece; 
	margin-left: auto; 
	margin-right: auto; 
	font-size: 0.95em; 
	width: 688px; 
	text-align: right; 
	padding-top:10px;
	padding-bottom: 20px;
	
}

.m3 a:link { color: #cecece; text-decoration: underline; }
.m3 a:visited { color: #cecece; text-decoration: underline; }
.m3 a:hover { color: #cecece; text-decoration: none; }
	
/******************************/
/*Clearfix*/
/******************************/
.clear { clear: both; }
.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 */




/*LOMAKKEET*/


.lomake{
	padding:30px  0 0 0;
	width:688px;	


}
legend {
	padding: 2px 2px 2px 2px;
	margin-left:3px;
	font-family:"ITC Goudy Sans","Trebuchet MS", Arial,Helvetica,Verdana,sans-serif;
	color: #e8520c;
	font-size:1.4em;
	font-style:italic;
  
  
  }
.lomaketausta {  width: 195px; margin-bottom: 15px; }
div.lomake_input { margin-top: 8px; }
div.lomake_input_eka { padding-top: 25px; margin-top: 0; }


fieldset {
	border:#d0d0d0 solid 1px;
	border-left: none;
	border-bottom: none;

	padding: 0 2px 0px 2px;
	margin: 0 4px 0px 2px;
}


input.lomake_teksti { width: 220px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #8f8f8f;
	color: #041b44; padding: 1px;
}
textarea.lomake_teksti { float: right; width: 580px;  height:100px; margin-right:11px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #8f8f8f;
	color: #041b44; padding: 1px;
}
label.lomake_teksti, label.muu { float:left; padding-right: 50px; font-weight: bold; line-height: 20px; color:#7f7f7f;}


.submit { float:right; margin:5px 18px 0 0;}



.haku{
	
		color:#5c4b48;
	text-align:justify;

}
.haku_otsikko{
	text-transform:capitalize;
	
	
}
.hakulinkki a{
	color:#d0d0d0;	
}
/******************************************/
/*Yritys*/
/******************************************/
.kuva_laatikko{
	background:#f3f3f3;
	margin-left:15px;
}
.kuva_laatikko img{
	margin:10px 10px 10px 10px;
	width:200px;
	height:119px;
}
.osoite{
	margin:0 0 20px 17px;
	padding:0 0 0 8px;
	list-style:none;
	color:#5c4b48;
	width:130px;
}
.vasemmalle{
	float:left;
	
}
.oikealle{
	float:right;
	
}
.yhteystiedot{	
	margin:5px 0 0 10px;
	font-size:1.0em;
	color:#5c4b48;;
	width:150px;
	font-weight:bold;
	font-style:normal;

}
.viiva_vasen{
	
	border-left:3px #d0d0d0 solid;
	
}

.t_harmaataustayla{
	width:160px;
	height:23px;
	background: url(kuvat/tharmboxyla.gif) no-repeat top left;
	padding:0;
	margin:0;
	
	
}
.t_harmaataustaala{
	width:160px;
	height:12px;
	background: url(kuvat/tharmboxala.gif) no-repeat top left;
	padding:0;
	margin:0;	
	
}
.t_harmaatausta{
	background:#2d2a2d;
	padding:0;
	margin:0;
	
}
.nuoliylosalas{
	background: url(kuvat/nuoliylosalas.gif) no-repeat top left;
	width:20px;
	height:104px;
}
.box_lista{
	list-style-position:inside;
	list-style-type:circle;
	
}
.box_otsikko{
	font-size:1.3em;
	
	display:block;
	
}
.box_alaotsikko{
	font-size:1.1em;

	display:block;
	
}
/*************************************************/
/*Yritys Kaavion vaalean harmaat laatikot*/
/*************************************************/
.yritysgraafi{
	width:770px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-align:left;
	padding-left:10px;

	
}
.harmaatausta{
	background:#dcd9d9;
	height:300px;
	font-size:0.95em;

}
.harmaataustapaaty{
	background:#dcd9d9;

	height:13px;
	
}
.vasenylakulma{
	background: url(kuvat/vasenylakulma.gif) no-repeat top left;
	width:11px;
	height:13px;
	
	}
.oikeaylakulma{
	background: url(kuvat/oikeaylakulma.gif) no-repeat top right;
	width:11px;
	height:13px;
	
	}
.vasenalakulma{
	background: url(kuvat/vasenalakulma.gif) no-repeat top left;
	width:11px;
	height:13px;
	
	}
.oikeaalakulma{
	background: url(kuvat/oikeaalakulma.gif) no-repeat top right;
	width:11px;
	height:13px;
}

.nuolioikea{
	background: url(kuvat/nuolioikea.gif) no-repeat top right;
	width:23px;
	height:20px;
	vertical-align: bottom;
}
.nuolivasen{
	background: url(kuvat/nuolivasen.gif) no-repeat top right;
	width:23px;
	height:20px;

}

/******************************************/
/*Laatikko*/
/******************************************/
.kulma_vasen_yla{
	background: url(kuvat/kulma_vasen_yla.gif) no-repeat top left;
	height:15px;
	width:91px;	
}
.kulma_vasen{
	background: url(kuvat/kulma_vasen.gif) no-repeat top left;
	height:96px;
	width:15px;	

}
.kulma_oikea_ala{
	background: url(kuvat/kulma_oikea_ala.gif) no-repeat bottom right;
	height:15px;
	width:91px;	
}
.kulma_oikea{
	background: url(kuvat/kulma_oikea.gif) no-repeat bottom right;
	height:96px;
	width:15px;
	
}
/******************************/
/*Palvelut*/
/******************************/
div.palvelut{
	padding: 10px 0px 10px 0px; /* top right bottom left */
	
}
div.palvelut p{
	color:#5c4b48;
	padding: 5px 0 5px 0; /* top right bottom left */
}
.nappi_lue{
	padding: 5px 0px 0px 0px; /* top right bottom left */
	float:right;
}
.palvelut_kuva{
	padding:0;
	margin:0;
	float:left;


}
.palvelut_kuva a{
	padding:0;
	margin:0;

}
.palvelut_kuva img{
	padding:0;
	margin:0 10px 0 0;
	width:52px;
	height:52px;
	border:2px solid #e8520c;
}
table.palvelut_laatikko{
	background:#f3f3f3;
	width:360px;
	vertical-align:top;
}
table.palvelut_laatikko a{
	padding:0;
	margin:0;
}
/******************************/
/*Yhteystiedot*/
/******************************/
table.yhteystiedot_laatikko{
	background:#f3f3f3;
	width:400px;
	height:162px;
	vertical-align:top;
}

/*Varayhteystiedot*/
.henkilon_tiedot{
		background:#e0e0e0;
		width:120px;
			border:2px solid #cfcece;
			margin:20px 0 10px 0;
		
		
	}
.henkilon_tiedot p{
	padding:5px 10px;
	border:1px solid #f3f3f3;
				border-top:none;
				text-align:center;
	}
.nimi{
		height:15px;
		color:#e8520c;
		background:#f3f3f3;
		
				border:1px solid #f3f3f3;
				border-bottom:none;
				text-align:center;
				font-size:0.9em;
	}
.vali{
	
	margin-left:17px;
	}
/******************/


div.henkilo{
	width:110px;
	height:147px;
	background:#f3f3f3;
	border:2px solid #cfcece;
	color:#e8520c;
	text-align:center;
	margin: 0 0 30px 0;
	font-size:0.9em;
}
div.henkilo_poissa{
	width:110px;
	height:147px;
	background:#f3f3f3;
	border:2px solid #cfcece;
	color:#e8520c;
	text-align:center;
	margin: 0 0 5px 0;
	font-size:0.9em;
}

div.henkilo a:link, div.henkilo_poissa a:link{
	margin:0;
	padding:0;
}
div.henkilo img, div.henkilo_poissa img{
	width:108px;
	height:127px;
	padding:1px;
	display:inline;
	float:left;
	margin-bottom:2px;
}
.clear{
	clear:both;
}

div#qTip {
	padding: 10px 15px 25px 15px;
	border: 1px solid #f5ccbe;
	display: none;
	background: #f3f3f3 url(kuvat/tahti.gif) no-repeat bottom center;
	color: #493a38;
	text-align: left;
	position: absolute;
	z-index: 1000;
}

p{	color:#5c4b48;}
	
.asiakastilaisuudet{	
	color:#5c4b48;
	text-align:justify;
	padding:15px;
	font-size:1.2em;
}
.yhteystiedototsikko{
	text-decoration:underline;
	
}
.tjohtajakuva{
	float:right;
	text-align:right;
	margin:10px 0 10px 10px;
}

/*****************/
/*Tekniset tiedot*/

.teknisettiedot table{
	
margin-left:10px;	
	
}
.teknisettiedot h3{
	
margin-top:15px;	
	
}


/* Esite / Brosyyri */

div.brochure {
	margin-top: 30px; 
	margin-left: 15px;
}

	div.brochure div.brochure-column-left {
		float: left;
	}
	
		div.brochure div.brochure-column-left img {
			border: none;
		}
	
	
	div.brochure div.brochure-column-right {
		float: left;
		margin-left: 23px;
		width: 440px;
	}
	
		div.brochure div.brochure-column-right p.brochure-title {
			color: #eb5520;
			font-size: 1.3em;
			font-style: italic;
		}
	
		div.brochure div.brochure-column-right div.brochure-download {
			margin-top: 10px;
		}
		
			div.brochure div.brochure-column-right div.brochure-download img {
				float: left;
			}
			
			div.brochure div.brochure-column-right div.brochure-download a {
				float: left;
				margin-left: 13px;
				margin-top: 15px;
			}