/* Tekijä Mediakolmio Advertising. */

/* ========================================
============== yleiset =====================
========================================= */
* {font-size: 1em; font-family: Times New Roman, Penumbra MM, "Penumbra", Times, Arial, Helvetica, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 0; line-height: 1.4em;}

body {
	backround-color: white;
	background: #ffffff;
	font-size: 76%;
	color: #000000;
	margin: 0; 
	padding: 0;
	text-align: center;
}

.clear {
	clear: both;
}
a:link { color: #424242; text-decoration: underline;}
a:visited { color: #424242; text-decoration: none;}
a:hover { color: #508ac3; text-decoration: none;}
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #508ac3;
	margin: 20px 10px 0px 0px; /* top right bottom left */
	font-family: Arial;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #508ac3;
	margin: 20px 10px 0px 0px; /* top right bottom left */
	font-family: Arial;
}
h3{
	font-size: 1.2em;
	color: #508ac3;
		margin: 0 10px 10px 5px; /* top right bottom left */
	font-family: Arial;
}
p { color: #000000; margin: 15px 10px 10px 0px; font-size: 1.15em;}

p.alarivi { margin-top: 0px; margin-right: 0px; font-size: 1em; }

.kuva{
	float:left;	
	border:1px solid #d0d0d0;
	margin:15px 15px 5px 0;
}
.kuva img{
	
	padding:2px;

}
.kuvaoikea{
	float:right;	
	border:1px solid #d0d0d0;
	margin:16px 8px 10px 15px;
}
.kuvaoikea img{
	
	padding:2px;

}
.kursivointi{
	font-weight:bold;
	padding:0;
	margin:0;	
	
}
/* koko sisallon keskitys */
.sisalto {
	margin: 0 auto; /* top right bottom left */
	margin-top: 20px;
	background: #ffffff;
	width: 680px;
	text-align: left;
}

#logo {  margin-right: 20px; }

#valikko { 
	float: right; 
	margin:40px 0 0 0;
}

#valikko a { margin-left: 15px; }



#valikko a.eka { margin-left: 0px; }

.tharmaa { background: #7f7f7f; width: 100%; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin-top: 10px; }

.tharmaa_left { width: 219px; border-right: 1px solid #ffffff; }	

.white { height: 10px; background: #ffffff; border-bottom: 1px solid #ffffff; line-height: 10px; }	
.vharmaa { height: 10px; background: #bfbfbf; border-bottom: 1px solid #ffffff; line-height: 10px; }	

.taloyhtio { margin: 20px 10px 10px 40px; }

.uutistable { background: url(images/raidoitus.gif) #dcdcdc no-repeat bottom right; border: 1px solid #aaaaaa; width: 195px; margin-bottom: 15px; }
.oikeatable { background: url(images/raidoitus.gif) #dcdcdc no-repeat bottom right; border: 1px solid #aaaaaa; width: 195px; margin:30px 0px 15px 0px; }


.oikeatable a:link{color:#424242;text-decoration:none;}
.oikeatable a:hover{color:#424242;text-decoration:underline;}

.taloyht_ots { background: #bfbfbf; padding: 8px 8px 8px 20px; border-bottom: 1px solid #ffffff; }
.oikeatable td{padding-top:5px;padding-bottom:5px;}
.otsikko { margin: 14px 0px 14px 14px; }

.oranssi { color: #fbbf00;}

.oikea { float: right; margin-right: 0px; }
.lue_tiedote{
	padding: 5px 0px 10px 0px;
}

.sisaltootsikko{
	display:block;
	color:#393939;
	font-weight:bold;
	margin:15px 0 -15px 0;
	font-family:arial;
}
hr{
	border-top:1px solid #e9eced;
	border-bottom:none;	
	border-left:none;
	border-right:none;	
	margin:20px 0 20px 0;
}
.nuoli{ margin: 0 5px 0 18px;}

/* hakulomake */

form#hakulomake { margin-top: 3px; margin-right: 18px; text-align: right; }
.hakulomake_hakunappi { margin-top: 0px; margin-left: 10px; margin-right: 5px; vertical-align: bottom;}
#hakulomake .text { width: 235px; border: 1px solid #cecece; height: 17px; }
.etsi { margin-right: 8px; font-weight: bold; color: #ffffff; text-transform: uppercase; }



/* sivunsuunnittelu ja toteutus: mediakolmio.fi */
.m3 {
	text-align: right;
	margin-top: 30px;
	margin-right: 10px;
	color: #cecece;
	padding-bottom: 10px;
}

.m3 a:link { color: #cecece; text-decoration: none;}
.m3 a:visited { color: #cecece; text-decoration: none;}
.m3 a:hover { color: #aaaaaa; text-decoration: none;}




/* taloyhtio.net uutisfeedin tyylimäärittelyt */

.uutiset {
	text-align: left;
	margin: 10px 15px 5px 10px;

}

.ti_uutiset {
	text-align: left;
	margin: 10px 15px 5px 20px;
	border-bottom:1px #ffffff solid;
}

.channel {
			font-size: 1em;
			color: #424242;
			text-align: left;
}
.channel a {
			color: #424242;
			text-decoration: none;
			text-align: left;
			font-weight: bold;
			font-style: italic;
			line-height: 1.3em;
}

.channel a:hover {
			color: #424242;
			text-decoration: underline;
}
.channel .header {
			padding: 4px 0px;
			font-size: small;
			font-weight: bold;
			text-align: left;
			
}
.channel .header a {
	text-align: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 15pt;
	font-weight: normal;
	margin-left: 0px;
	padding-bottom: 20px;
}

.channel .image {
			padding: 10px 0px;
			text-align: left;
			display: none;
}
.channel .description {
text-align: left;
}
.channel .items {
text-align: left;
}
.channel .item {
			vertical-align: top;
			text-align: left;
			padding-bottom: 10px;
			padding-left: 22px;
			background: url(images/nuoli_harmaa.gif) no-repeat top left;
}
.channel .item td {
			padding: 2px 4px 2px 0px;
			font-size: x-small;
			text-align: left;
}
.channel .item .itemDate {
	display: block;
}
.channel .item .itemTitle {
	display: block;
}
.channel .item .itemDesc {
	display: block;
}

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

/*Yhteystiedot*/

.henkilo{
		margin:10px 0 20px 0;
	float:left;

	background:#d0d0d0;	

	
}
.henkilo img{
	width:80px;
	height:100px;
	padding:2px;
	line-height:0;
	display:block;
}
.henkilon_nimi{
	color: #393939;
	font-weight: bold;
	padding:0 0 5px 20px;
	
}
.henkilotiedot{
	margin:0 0 20px 0;
	padding:0;
	float:left;
	width:230px;
		height:120px;
	color:#000000;	
	font-size:12px !important;
}

.henkilotiedot ul{
	padding:5px 0 0 10px;
	list-style-type:none;
	margin:0 0 0 10px;
	min-height:80px;
	border:1px solid #d0d0d0;
	border-left:none;
	border-bottom:none;
}
.henkilotiedot li{
	padding-left:0;
	margin-left:0;
}
.henkilotiedot span{
	padding-left:20px;
	margin-left:0;
	font-weight:bold;
	font-family:arial;
	color:#393939;
}
.yhteystiedot_titteli{
	margin-bottom:10px;
	font-style:italic;
}


.osoite{
		
	margin:0px 0px 20px 10px;
	float:left;
	width:322px;
	text-align:left;
		color:#000000;
}
.osoite span{
	padding-left:20px;
	margin-left:0;
	font-weight:bold;
	font-family:arial;
	color:#393939;
}
.osoite ul{
	padding:5px 0 0 10px;
	list-style-type:none;
	margin:0 0 0 10px;
	min-height:80px;
	border:1px solid #d0d0d0;
	border-left:none;
	border-bottom:none;
}
/*LOMAKKEET*/
.lomake{
	margin: 0px 0 0 0;
	width:330px;	
	background:#e4e4e4;
	background: url("images/fieldset_pohja.gif") repeat-y top right;
}
legend {
	padding: 2px 2px 2px 20px;
	margin-left:3px;
	color: #393939;
 	background: url("images/kiehkura.gif") no-repeat 0% 0%;
	font-weight: bold;
	font-family:arial;
  
  
  }
.lomaketausta {  width: 195px; margin-bottom: 15px; }
div.lomake_input { margin-top: 8px; }
div.lomake_input_eka { padding-top: 25px; margin-top: 0; }
.yhteystiedot_titteli{ padding-bottom:5px;}

fieldset {
	border:#d0d0d0 solid 1px;
	border-left: none;
	border-bottom: none;
	position:relative;
	padding: 0 0px 30px 2px;
	left:2px;

}
label.toimitus1,label.toimitus2{float:right; padding-right:32px; color:#000000; width:70px;}

input.lomake_teksti ,select.lomake_teksti{ float: right; width: 190px; margin-right: 10px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #8f8f8f;
	color: #000000; padding: 1px;
}

select.lomake_teksti { float: right; width: 194px;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #8f8f8f;
	color: #000000; padding: 1px;
}
textarea.lomake_teksti { float: right; width: 190px; margin-right: 10px; 
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #8f8f8f;
	color: #000000; padding: 1px;
}
label.lomake_teksti { padding-left: 23px; font-weight: bold; line-height: 20px; color:#000000;font-size:1.15em;}
label.lomake_teksti_vika { padding-left: 23px; font-weight: bold; line-height: 20px; color:#000000;}

.submit { float:right; width:66px; height:16px; margin-right:10px;}


.lomake_check{
  	float: right;
  	margin-right: 10px;

}


/*Tiedotteet*/
.tiedotteet{
	color:#000000;
	font-size:12px;
	padding:0 20px 0 0;
}



.tiedotteet strong{
	font-weight: bold;
}

/*Linkit sivun screenshottien reunat*/
.linkki{
	float:left;
	margin:10px;	
	
}
.linkki_tn{

	width:310px;
border:1px solid #bcbcbc;
}
.linkki_tn img{
	width:302px;
	height:170px;
	padding:4px 4px 4px 4px;

	
	
}
.linkki_tiedot{
	float:left;
	border:1px solid #990000;	
	
}
.linkki a{
	color:#508ac3;
	text-decoration:underline;

}
.linkki a:hover{
	color:#508ac3;
	text-decoration:none;

}
.tiedotteet div, p,span{
	font-size:1.15em;	
	padding: 0 10px 0 0;
}


/*Faq*/
.taulu{
	border:1px solid #e2e3e5;

}
.taulu td{
	padding:2px 4px;
	border:1px solid #e2e3e5;
}

.rivi{
	background:#f9fafb;	
}
.solu{
	background:#f9fafb;	
}


	.palvelut p{
	padding:10px 0;
	
	}