@charset "utf-8";
/* CSS Document */

body {
background-color: #82afc2;
margin: 0; 
font-family: 'PT Sans', sans-serif;
font-size:13px;
color:#22281f;
line-height: 1.8; 
}



a {
color: #744f39;
text-decoration: none;	
}

a:hover {
color: #babe97;
text-decoration: none;	
}



h1 {
font-family: Palatino;  
font-size: 28px;
font-weight: 610;
font-style: italic;
color: #528499;
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
letter-spacing: 1px;
text-decoration:underline;
}

h2 {
font-family: Palatino;  
font-size: 20px;
font-weight: 610;
font-style: italic;
color: #528499;
text-align: left;
margin-top: 10px;
margin-bottom: 2px;
padding-left:30px;
letter-spacing: 1px;
}



#tyhjyys {
width: 100px;
height: 200px;
margin-left:auto;
margin-right:auto;
margin-top:90px;
}




#otsikko {
width:900px;
margin-left:auto;
margin-right:auto;
text-align:center;
}



#kokolaatikko {
background-color: #c5e1ed;
padding: 10px;

padding-right:30px;
width: 850px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border-radius:25px;
border: 1px solid #829da9;
}

#kokolaatikko2 {
padding: 10px;
width: 850px;
margin-left:auto;
margin-right:auto;
margin-top:20px;

}


#puolilaatikkov {
background-color: rgba(218,221,205,0.7);
padding: 10px;
float:left;
width: 450px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border-radius:25px;
border: 1px solid #798171;
}


#puolilaatikkoo {
background-color: rgba(218,221,205,0.7);
padding: 10px;
float:right;
width: 450px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border-radius:25px;
border: 1px solid #798171;
}

.tekstit {
width:820px;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
margin-top: 0px;
font-family: 'PT Sans', sans-serif;
margin-bottom:20px;
 }



#navi {
position: relative;
margin-top: -48px;
margin-left: 170px;
}
a.navilink1 {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/etusivu_zpsfc6b143f.png) no-repeat;
display: inline-block;
width: 184px;
position: relative;
height: 30px;
border-bottom: 0;
margin-top: 5px;
}
a.navilink1:hover {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/etusivu2_zps98b45657.png) no-repeat;
}
a.navilink2 {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/esittely_zpsfc1f85cd.png) no-repeat;
display: inline-block;
width: 180px;
position: relative;
height: 30px;
border-bottom: 0;
margin-top: 5px;
}
a.navilink2:hover {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/esittely2_zpsf1127d4f.png) no-repeat;
}
a.navilink3 {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/hevoset_zpsaa16a933.png) no-repeat;
display: inline-block;
width: 175px;
position: relative;
height: 30px;
border-bottom: 0;
margin-top: 5px;
}
a.navilink3:hover {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/hevoset2_zpsba63d104.png) no-repeat;
}
a.navilink4 {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/toiminta_zpsfd6b1959.png) no-repeat;
display: inline-block;
width: 125px;
position: relative;
height: 30px;
border-bottom: 0;
margin-top: 5px;
}
a.navilink4:hover {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/toiminta2_zps3fdd4dc7.png) no-repeat;
}



.laatikko {
background-color: rgba(135,142,117,0.2);
font-family:  Arial, sans-serif;
padding-top: 10px; 
padding-bottom: 10px; 
padding-right: 0px; 
padding-left: 30px; 
border: 1px #a4a1b4 dotted;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}




.hevoslista1 {
line-height:13pt;  

opacity: 1.0;
}


.hevoslistakuva {
text-align:left;
margin-right:8px;
border:0px solid #ffffff;  
padding:0px; 
-moz-border-radius: 5px; 
border-radius:5px; 
box-shadow: 1px 1px 3px #a9a18c;
}



.hevoslistakuva:hover{
opacity: 0.7;
border:0px solid #ffffff;  
padding:0px; 
text-align:center; 
-moz-border-radius: 5px; 
border-radius:5px; 
box-shadow: 1px 1px 3px #a9a18c;
}


a.linkki { 
color: #5b2c21;  
line-height: 38px; 
font-weight: bold; 
text-decoration: none; 
font-size: 13px; 
padding-top: 10px; 
}

a.linkki:hover { 
color: #c1c77c; 
text-decoration: italic; 
font-style: italic;}


#footer {
width: 900px;
margin-left: auto;
margin-right: auto;
}