/* tyyli.css -osioon määrittelin ne asiat, jotka ilmenevät iframen 'sisällä' */

/* Body -osiossa määritin taustakuvan toistuvaksi, fontit, sekä tekstialueen leveyden (jotta sivut näkyvät IE:llä samoin kuin muilla). */
body {	
	background-image: url('tausta.jpg');
	background-repeat: repeat-y;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	line-height:18px;
	width: 950px;

}
/* Palkki -osioon määrittelin palkkiosan (eli väriltään tummemman kohdan, johon tulee kuvia yms.) mm. leveyden ja sijainnin taustakuvan mukaiseksi. */
.palkki {
	position:absolute;
	top:20px;
	left: 752px;
	width: 220px;
	margin: 0px;
	padding: 0px;

}
/* tekstit -osiossa asettelin teksin niin, että se mahtuu taustan valkoiselle osiolle. */
.tekstit{
	position:absolute;
	top:30px;
	left:30px;
	width:670px;
	margin: 0px;
	padding: 0px;

}
.tekstit3{
	position:absolute;
	top:30px;
	left:100px;
	width:670px;
	margin: 0px;
	padding: 0px;

}
.tekstit4{
	position:absolute;
	top:240px;
	left:280px;
	width:390px;
	margin: 0px;
	padding: 0px;
	font-style: italic;

}
/* Tässä osiossa taas määrittelin hevosten luonnetekstit samoille kohdille. */
.tekstit2{
	position:absolute;
	top:310px;
	left:20px;
	width:650px;
	margin: 0px;
	padding: 0px;
	font-style: italic;

}
/* Kuvat joille haluan pienet sinisävyiset kehykset */
.kuvat {
	border:1px solid #464b4f;

}
/* Kuvat jotka haluan asetella 'tekstin sisällä' vasempaan reunaan, niin että oikealle jää vähän tyhjää tilaa, eli teksti ei ole kuvassa kiinni */
.kuvat2 {
	float: left;
	margin-right: 10px;
}

.kuvat3 {
	float: left;
	margin-right: 10px;
	border:5px solid #a2aa70;
}


/* Linkkien värin yms määrittelyt (mm. lihavoitu, kun hiiren laittaa linkin päälle on se alleviivattu jne.. */
A:ACTIVE { text-decoration: none;  color : #000000;  font-weight: bold;  }
A:VISITED  {  text-decoration: none; color : #000000;  font-weight: bold;  }
A:HOVER { text-decoration: underline;  color : #737c39;  font-weight: bold;  }
A:LINK { text-decoration: none;  color : #000000;  font-weight: bold;  }


/* Yksityisten sivun määrittelin kahdella divillä, jotta kuvat ovat hyvässä järjestyksessä. Tässä oikean puolen kuvat.. */
.yksityiset2 {
	position:absolute; 
	left: 380px; 
	top:66px; 
	width:300px;
	margin: 0px;
	padding: 0px;
}
/* ..ja tässä vasemman puolen kuvat. */
.yksityiset {
	position:absolute; 
	left: 30px;  
	top:30px; 
	width:300px;
	margin: 0px;
	padding: 0px;
}
/* Tässä määrittelin tekstien sijainnin muut hevoset -kohtaan. */
.muut {
	position:absolute; 
	left: 30px;  
	top:30px; 
	width:680px;
	margin: 0px;
	padding: 0px;
}

/* Tässä määrittelin etusivulla olevan epurin logon(mikä on linkitettynä epurin sivulle) sijainnin. (ei mm. kehyksiä jne..) */
.logo {
	position:absolute; 
	left: 775px;  
	top:370px; 
	margin: 0px;
	padding: 0px;	
	border:0px;
}
/* Tässä taas määrittelin etusivulla olevan SRL:n logon sijainnin. (oikeassa reunassa, kuvan oikeassa reunassa pieni tila) */
.srl {
	float: right;
	margin-right: 20px;

}
.palkkikuva {
	position:absolute; 
	left: 732px;  
	top:20px; 
}

.otsikko {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 10pt;
	color: #a2aa70;
	font-weight: bold;
  	letter-spacing: 3px;
}
.joulu {
	position:absolute; 
	left: 745px;  
	top:300px; 
	margin: 0px;
	padding: 0px;	
	border:0px;
}