body  {	background-color: #CCCCFF; }

table.layout
	{ 
	margin-top: 20px; margin-bottom: 20px;
	margin-left: auto; margin-right: auto;
	width: 90%;
	border-collapse: collapse;
	border: solid black 1px;
	}

td.reuna{
	width: 30px;
	background: url("http://personal.inet.fi/koti/parvelan_hevostila/kuvat/tausta_pieni.jpg");
	border: solid black 1px;
	}

td.sisalto{
	background-color: #ffffff; 
	font-family: Arial, Times New Roman;
	}

p.navi{border: #ffffff solid 10px; 
	 background-color: #CCCCFF;
	 border-style: double;
	 line-height: 2; 
	 text-align: center;
	 margin-top: 0;
	 padding-left: 3px; padding-right: 3px;
	 padding-top: 5px; padding-bottom: 5px;
	 font-weight: bold; }
	 
p.navi a {	/*background-color: #99ccff; background-image: url('kuvat/otsikkotausta2.gif'); background-repeat: no-repeat; width: 100px;*/
	 white-space: nowrap;
	 margin-left: 5px;
	 word-spacing: 2px;
	 }

p.alanavi {clear: both;
	 border: #CCCCFF solid 3px;
	 text-align: center;
	 line-height: 2;
	  }
p.alanavi a {
	 white-space: nowrap;
	 margin-left: 5px;
	 word-spacing: 2px;
	 }

a.linkki      { text-decoration: none;
		background-color: #ffffff;
		color: black; 
		white-space: nowrap;
		}

a.linkki:hover { background-color: #9999CC; }

a	{ color: #003399; }
a:hover	{ color: black; background-color: #ffffff; }

h2 {								/* text-align:center; */
	/*background-color: #99ccff;*/
	border-bottom: #CCCCFF solid 2px;
	color: black;
	font-family: Comic Sans MS, Tahoma, Arial;
	font-size: 90%;
	margin-left: 20px; margin-right: 20px; 
	}

h3 {	font-size: 90%; background-color: #9999CC; color: white; margin-left: 20px; margin-right: 20px; padding-left: 5px; margin-top: 30px;
	}

/*'border-style' Value: none | dotted | dashed | solid | double | groove | ridge | inset | outset */

img     { border: solid #666 1px; margin: 0;}
img.oik { float: right;
          margin: 6px 20px 6px 20px; /* top right bottom left*/ }
img.vas { float: left;
          margin: 6px 20px 6px; /* top right bottom left*/ }

div.kuvateksti { float: right; margin: 6px 20px 10px 10px;	font-weight: bold; font-size: smaller;}
div.kuvateksti_vas { float: left; margin: 6px 10px 6px 20px;	font-weight: bold; font-size: smaller;}
div.kuvateksti_kehys_oik { float: right; margin: 6px 20px 6px 20px; font-weight: bold; font-size: smaller;}

b.korostus { font-size: larger; }
hr	{ color: #CCCCFF; width: 90%; }

table.lomake
	{ height: 5%; }

.kehys	{ margin-top: 5px;
	 border: #6699cc solid 4px;
	 border-style: ridge;
	 padding: 5px 10px 5px 10px; /* top right bottom left*/
	 line-height: 1.5; 
	 font-size: 80%;	 

	 margin-left: 20px; margin-right: 20px; margin-bottom: 3px; 
}

img.kehystetty { 
	 border: #6699cc solid 6px;
	 border-style: ridge; }

img.kehysdouble {border: #6699cc double 5px; padding: 1px;}

table.suku {background-color: #6699cc; border: solid black 1px;}