body {
background:url(tausta.jpg) no-repeat fixed top center #1d1d1d;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0; 
font-family: 'Noto Serif', serif;
font-size: 14px;
text-align: justify;
color: #727273;
line-height: 1.8; 

}


#palkki { 
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/navimustavalko_zps5b362149.jpg) repeat-x;
border-bottom: #464747;
border-bottom-style:double;
position: fixed;
width: 100%;
height: 65px;
top: 0;
}

#koko {
width: 850px;
margin: 0px auto;
margin-top: -17px;
}




a {
color:#9c9c9c;
text-decoration: none;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}

a:hover {
color:#eeeeee;
text-decoration: none;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}





h1 {
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/ulkoasuja/h27_zps258f567e.png) 15px 15px no-repeat;
font-size: 30px;
font-weight: 500;
color: #b6b6b5;
font-family: 'Source Serif Pro', serif;
text-align: center;
line-height: 2.5;
}


h2 {
font-size: 25px;
margin-bottom: 10px;
font-weight: 500;
color: #9b9b9b;
font-family: 'Source Serif Pro', serif;
text-align: center;

}

h3 {
font-size: 16px;
margin-bottom: 2px;
font-weight: 500;
color: #b4b4b4;
font-family: 'Source Serif Pro', serif;
text-align: left;
}





.navilinkki {
position: fixed;
top: 20px;
width:100%; 
height:62px;
margin:0px;
z-index:3;
}

.navilinkki ul {
margin:0px 0px 0px 0px; 
padding:0px; 
width: -webkit-fit-content;
width: -moz-fit-content;
 width: fit-content; margin: 0 auto;
line-height:45px;
 }
 
.navilinkki li {
list-style: none; 
float:left; 
margin:0px 60px;

} 

.navilinkki li a {
color:#818181;
font-family: 'Libre Baskerville', serif;
text-decoration:none;
text-transform: uppercase;
font-size:13px;
letter-spacing:2px;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}

.navilinkki li a:hover {
color:#fcfcfc;
font-family: 'Libre Baskerville', serif;
text-decoration:none;
text-transform: uppercase;
font-size:13px;
letter-spacing:2px;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}





.taulukko {
width:100%;
margin:0px auto 0px auto;
border-collapse:collapse;
border-top:1px solid #5d5d5e;
}

.taulukko td {
border-bottom:1px solid #5a5a5b;
}

.td1 {
background-image: url(http://i236.photobucket.com/albums/ff111/SeSSa95/tdharmaa_zps09e9720a.png);
padding:5px 8px;
font-size:13px;
color:#d8d8d8;
letter-spacing:2px;
}


.td2 {
padding:5px 8px;
font-size:13px;
background-image: url(http://i236.photobucket.com/albums/ff111/SeSSa95/ulkoasuja/td3_zps2170a3e4.png);

}


.td3 {
padding:5px 8px;
font-size:13px;
background-image: url(http://i236.photobucket.com/albums/ff111/SeSSa95/ulkoasuja/td3_zps2170a3e4.png);
}





#footer { 
background-color: #161617;
position: absolute;
border-top: #464747;
border-top-style:double;
width: 100%;
height: 95px;

}


#footerteksti{
font-family: verdana;
width: 600px;
font-size: 12px;
color: #4f5051;
margin: 0 auto;
}





.hevoslistakuva {
border:0px solid #000000;  
padding:0px; 
text-align:center; 
-moz-border-radius: 5px; 
border-radius:5px; 
box-shadow: 1px 1px 3px #4c4c3a;}



.hevoslista1 {
line-height:12pt;  

}




a.linkki {
font-family: 'Karma';
color: #b0afaf;  
line-height: 38px; 
font-weight: bold; 
text-transform: uppercase;
text-decoration: none; 
font-size: 14px }

a.linkki:hover  { 
color: #f2f1f1; 
text-decoration: none;}










.kehykset{
background: url(http://i236.photobucket.com/albums/ff111/SeSSa95/kehykset3_zps42230993.png);
padding: 7px;
margin: 7px;
border: 0px solid #ab9471;
box-shadow: 1px 1px 4px #62725b;}



.ema {
padding:5px 10px;
background-color: rgba(110,110,110,0.4);
}

.isa {
padding:5px 10px;
background-color: rgba(69,69,69,0.4);
}



#paivakirja {
overflow: auto; 
max-height: 530px;
margin-top: 5px;
padding: 0px 20px 0px 10px;
background-color: rgba(69,69,69,0.4);
}
















.lightbox {
	display: none;
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
}

.lightbox img {
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
border:25px solid #000;
}

.lightbox:target {
	outline: none;
	display: block;
}