/* Peppina Lindforsin sivuston css-tyylitiedot */
/* (c) Inka Vilen 2006-2009 http://www.inkavilen.fi */
/* testiselaimet FireFox3/Win, IE8/Win, Opera9/Win, Safari4/Win */
  
/* Peruselementit */

body {
  font: 10pt/12pt;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #660033;
  background: #FFFFFF url(../tausta/tausta.jpg) no-repeat;
  }


/* Värit */

/* tekstiväri (hyvin tumma punainen): #660033
  tumma violetti (huomioväri): #663366
  punainen (linkki): #CC0000
  tumma harmaa (käyty linkki): #333333
  viininpunaiset (aktiivinen linkki): #990066

  käyttämättömät värit:
  violetinmusta: #330033
  punainen punainen: #990033
  tumma luumu: #660066
  */


/* Kappaletyylit */

  H1, H2, H3 {
  	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #660033;
	text-align: left;
	}
  H1 {
	font-size: 22pt;
	font-weight: normal;
	}
  H2 {
  	font-size: 16pt;
	font-weight: normal;
	}
  H3 {
  	font-size: 14pt;
	font-weight: bold;
	}
  H4 {
  	font-size: 12pt;
	font-weight: bold;
	}
  P {
  	font: 11pt/13pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	}
  P.kuva {
  	font: 8pt/10pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	}
  P.teksti {
  	font: 10pt/12pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	}

  .c {
	text-align: center;
	}
  .valkea {
	color: #FFFFFF;
	}
  .tekstivari {
	color: #660033;
	}
  .huom {
  	font-weight: bold;
	color: #663366;
	}
  .pois {
  	display: none;
	}

  li {
  	font: 11pt/13pt Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	}



  /* Taulukko */

  TD {
  	vertical-align: top;
  	font: 10pt/11pt Tahoma, Arial, Helvetica, sans-serif;
  	padding-bottom: 10;
	width: 25%;
	}
  TD.otsikko {
  	vertical-align: top;
  	font: 13pt/13pt Tahoma, Arial, Helvetica, sans-serif;
  	padding-top: 10;
  	padding-bottom: 4;
	}



  /* Linkit */

  A:link {
  	color: #CC0000;
	text-decoration: none;
	}
  A:visited {
  	color: #333333;
	text-decoration: none;
	}
  A:active {
  	color: #990066;
	text-decoration: none;
	}
  A:hover {
  	color: #990066;
  	background-color: transparent;
	}



  /* Blokit */

	#tausta {
	background: transparent;
	position: absolute;
	top: 0;
	left: 40px;
	width: 700px;
	height: 100%;
	padding: 0px;
	}

#menu {
  width: auto;
  padding: 0px;
  margin: 6px;
  }

#menu p {
  font: bold 8pt/11px Tahoma, Arial, Helvetica, sans-serif;
  text-align: center;
  vertical-align: center;
  }

	#palsta{
	width: auto;
	height: auto;
	padding: 20px 20px 15px 30px;
	margin: 6px 20px 20px 40px;
	background: #FFFFFF;
	border: 3px groove #660033;
	opacity: .85;
	filter: alpha(opacity=85);
	-moz-opacity: .85;
	}

#palsta p.menu {
  font: bold 8pt/11px Tahoma, Arial, Helvetica, sans-serif;
  text-align: center;
  vertical-align: center;
  }

#palsta img.mainos {
  margin: 10px 0px 10px 20px;
  border: 1;
  }


	#ylio {
	background: transparent url(../tausta/ylioteksti.gif) top left no-repeat;
  	margin-top: 0px;
	margin-bottom: 10px;
	height: 140px;
	}

	#ala {
  	margin-top: 10px;
	margin-bottom: 0px;
	height: 30px;
	}

#alaviite {
  margin-top: 4px;
  margin-bottom: 4px;
  }
#alaviite p {
  font: italic 8pt/10pt Tahoma, Arial, Helvetica, sans-serif;
  text-align: center;
  }

	#ala {
  	margin-top: 10px;
	margin-bottom: 0px;
	height: 30px;
	}


	#pystykuva { 
  	margin: 0px 10px 10px 20px;
	height: 300px;
	width: 190px;
	float: right;
	}

	#indexkuva { 
	margin: 0px 10px 10px 20px;
	height: 400px;
	width: 260px;
	float: right;
    opacity: 1.00;
    filter: alpha(opacity=100);
    -moz-opacity: 1.00;
	}