/* 
--------------------------------------------------------------------------------------
Twin Systems Oy / Veera Brotherus 2004

Many Thanks to: 	www.csszengarden.com
			www.stopdesign.com

All the mistakes are my own.
-------------------------------------------------------------------------------------
 */


@media screen  {

body        { margin: 0; padding: 0;} 
	} 

@media print { #valikko { display: none; } }


/* Sivujen sisältö ja leipäteksti ----------------------------- */

/* Tämän lisääminen auttaa FireFox 1.5.0:aa näyttämään sivujen taustakuvat, 
mutta ei koko sivun korkeudelta vaan ainoastaan selaimen ikkunan korkuisena.
html{height: 100%;} */

html {
	margin: 0px;
	padding: 0px;
	}

body { 
	font-family: georgia, Arial, Helvetica, sans-serif;
	font-size : 90%; 
	color: #555753; 
	line-height: 1.5;
	}

body.index { 
	background: #fff url(images/tausta_oik.jpg) no-repeat bottom right; 
	}

body.palaute { 
	background: #fff url(images/tausta_oik.jpg) no-repeat bottom right; 
	}

body.yhteydet { 
	background: #fff url(images/asiakkaat_tausta.jpg) no-repeat bottom right; 
	}

body.asiakkaat { 
	background: #fff url(images/palvelut_tausta.jpg) no-repeat bottom right; 
	}

body.yritys { 
	background: #fff url(images/yritys_tausta_leikattu.jpg) no-repeat bottom right; 
	}

body.palvelut { 
	background: #fff url(images/maisema.jpg) no-repeat bottom right; 
	}

body.inari { 
	background: #fff url(images/nuotio_tausta.jpg) no-repeat bottom right; 
	}

body.villinki { 
	background: #fff url(images/joutsenet_tausta.jpg) no-repeat bottom right; 
	}

body.f1 { 
	background: #fff url(images/casino_tausta.jpg) no-repeat bottom right; 
	}

body.purjehdus { 
	background: #fff url(images/vene_tausta.jpg) no-repeat bottom right; 
	}


#kappale   { 
      width: 450px; 
	border-left: solid #c80f3f; 
	border-top: solid #c80f3f;
	border-width: 1px; 
	padding: 1em;
              }

 
#sisalto    { 
	position: relative; left: 5%; top:0%; 
      width: 75%;  
	color:#000020;	
              }

td.ensimmainen   { 
	border:1px solid #c80f3f;
	padding: 1em;
	font-size : 90%; 
	background:#fff;
              }

td.toinen   { 
	border-right: solid #c80f3f;
	border-top: solid #c80f3f;
	border-bottom: solid #c80f3f;
	padding: 1em;
	font-size : 90%; 
	background:#fff;
	border-width: 1px;
              }



/* Otsikot ----------------------------------- */

span.otsikko {display:none;} 


H1.index { background: transparent url(images/tt_small.gif) no-repeat top left;
	width: 214px; 
	height: 60px; 
	padding: 0;
	} 


H1 { background: transparent url(images/tt_puntilaconsulting.gif) no-repeat top left;
	width: 520px; 
	height: 60px; 
	margin-top:15pt;
	}

H2, H3	 { font-family:georgia, Helvetica, sans-serif;
	font-size : 110%; 
	font-weight: bold;
	margin: 0;
	line-height:normal; 
	padding:1em 0;
	clear:both; } 


/* Valikot ------------------------------------ */

#valikko    { 
            width: 100%; 
	font-size:85%;
	line-height:normal;
	border-width: 0px; 
      	float:left;
      	margin:0;
      	padding:0;
              }

    #valikko ul {
      margin:0;
      padding:0;
      list-style:none;
      }


    #valikko a {
      display:block;
      }


#valikko ul li {
  float:left;
  margin-left:0;
  margin-right:0.7em;	
  padding:0;
  line-height:normal;

  }


#valikko ul span {
  text-transform:uppercase;
  font-weight:bold;
  font-size:90%;
  white-space:nowrap;

  }


#valikko ul a:link, a:visited {
  border-bottom:1px dotted #656565;
 border-left-width:1px;
  color:#656565;
  text-decoration:none;
  }

#valikko ul a:visited {
  color:#cc9999;
  }

#valikko a:hover {
border-bottom: 1px solid #c80f3f;
color:#c80f3f;
text-decoration:none;
  }



/* palvelut-sivun lisäykset:  */

 #kappale a {
border-bottom: 1px dotted #656565;
color:#656565;
text-decoration:none;
  }


#kappale a:hover {
color:#c80f3f;
border-bottom: 1px solid #c80f3f;
text-decoration:none;
  }

#kappale span a {
color:#c80f3f;
border-bottom: 0px ;
text-decoration:none;
  }

#kappale span a:hover {
color:#c80f3f;
border-bottom: 0px ;
text-decoration:none;
  }

 
td.palvelut   { 
	border:0;
	padding: 1em;
	font-size : 100%; 
	color:#656565;
              }

/* liput */


span.lippu a{ 	border: 0;
	padding: 0;
	margin-top: 0.5em;
	margin-bottom: 0em;
	background:#fff;
	float:left;
	}  

/* Korostukset, sloganit ------------------------------------------  */

p.korostus {
	font-family:georgia, Helvetica, sans-serif;
	font-size : 110%; 
	font-weight: bold;
	
	 
	}

/* kuvat ------------------------------------------------------- */

img.normal	{ 
		border: 1px solid #555753;
	}

img.linkki	{ 
		border: 0;
	}

img.lippu	{ 
		border: 0;
	}