/*********************************************
                  PERUSJUTUT
**********************************************/

html {
height: 100%;
}


body {
background: #09320c url(tausta5.png) repeat;
text-align: justify;
margin: 0;
font-family: 'Roboto Slab', serif;
font-size: 13.5px;
line-height:23px;
color:#abaa92;
height: 100%;
text-shadow: 1px 1px #000;
}

#sisalto {
height: auto !important;
min-height:100%;
height: 100%;
width: 1000px;
margin: 0 auto;
margin-top: 25px;
}



/*********************************************
                KAIKKI LINKIT
**********************************************/


/* LINKKIPALKKI */


#linkit {
float:left;
padding:0;
margin:0;
width: 100%;
background:#1a1c1a;
height: 44px;
list-style:none;
font-family: 'Slabo 27px', serif;
letter-spacing:1px;
margin-top: 9px;
margin-bottom: 9px;
border: 1px solid #4d4d25;
}


#linkit li {
float:left;
padding: 0;
width: 25%;
}


#linkit li a {
color:#bebc65;
display:block;
text-align:center;
padding: 12px 0 0 0;
height: 32px;
font-size: 16px;
text-decoration:none;
border-right: 1px solid #474724;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}


#linkit li a:hover {
color:#f2f2d9;
background-color:#20241e;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}






/* MUUT LINKIT */






a {
text-decoration: none; 
color:#8c814e;
-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 {
text-decoration: none; 
color:#c7c4b0;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}




/*********************************************
                SISALTORAKENNE
**********************************************/




/*OTSAKE*/





#otsikko {
height:300px;
width: 100%;
overflow:auto;
background:url(sherwood.png) no-repeat #fff;
background-size: 100%;
border: 1px solid #4d4d25;
}


#kuva {
height:70px;
width: 100%;
overflow:auto;
margin-top: 20px;
border-top: 1px solid #4a4a24;
border-bottom: 1px solid #4a4a24;
background:url(otsake1.png) no-repeat #fff;
box-shadow: 0px 0px 5px #577040;
}









/* RAKENNE */



#tekstit {
padding: 10px 30px 30px 30px;
clear:both;
background-color:rgba(26,28,26,0.7);
border: 1px solid #4d4d25;
}

#copyt {
text-align:right;
font-size:13px;
color:#817f67;
background-color:#1a1c1a;
border: 1px solid #4d4d25;
margin-top: 15px;
padding: 5px 20px 5px 0;
line-height: 0.7em;
margin-bottom: 15px;
font-family: 'Roboto Slab', serif;
}







/* PAASIVUT */




#vasen {
width: 25%;
float: left;
}


#oikea{
width: 75%;
float: left;
}





/* ETUSIVU */



.kehykset1{
background: #595b1b;
padding: 1px;
margin-bottom: 10px;
margin-top: 20px;
box-shadow: 1px 1px 4px #000;
height:auto;
width:190px;}


.taulukko {
width:100%;
margin:0px auto 0px auto;
border-collapse:collapse;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border-top:1px solid #868061;
border-bottom:1px solid #868061;
margin-top: 20px;
}


.td3 {
padding:5px 8px;
font-size:13px;
background-color:rgba(60,74,55,0.3);
}






/* OTSIKOT */


h1 {
font-size:34px;
font-family: 'Tangerine', cursive;
color:#aead71;
margin-bottom: 5px;
margin-top:30px;
}

h2 {
font-size:18px;
font-family: 'Crimson Text', serif;
color:#aead71;
margin-top: 30px;
}


h3 {
font-size:20px;
font-family: 'Crimson Text', serif;
color:#aead71;
}


h4 {
font-size:30px;
font-family: 'Tangerine', cursive;
color:#aead71;
margin-bottom: 20px;
margin-top:20px;
}







/*********************************************
                HEVOSSIVUT
**********************************************/





/*PERUSTIEDOT*/


.perustiedot {
text-align:left;
color:#abaa92;
font-family: 'Roboto Slab', serif;
font-size: 13.5px;
border-collapse:collapse;
vertical-align:middle;
border-top:2px solid #9a8c42;
border-bottom:2px solid #9a8c42;
width:100%;
box-shadow: 1px 1px 4px #000;
}

.perustiedot td {
border-bottom:1px solid #4f4b35;
padding:4px 3px;
padding-left: 20px;
background-color:rgba(60,74,55,0.3);
}

.kys {
padding:1px 7px;
font-size:13px;
  font-weight: bold;
width:20%;
}

.vast {
padding:4px 8px;
font-size:13px;
width:30%;
}







/*PALKINNOT*/



#palkinnot {
text-align:left;
font-size: 12px;
border-collapse:collapse;
border-top:2px solid #9a8c42;
border-bottom:2px solid #9a8c42;
width:100%;
box-shadow: 1px 1px 4px #000;
background-color:rgba(60,74,55,0.3);
}

#palkinnot p {
padding: 0 20px 0 20px;
}







/*SUKU JA JALKELAISET*/


#sukutaulu {
margin-top: 40px;
width:100%;
border-spacing: 0;
line-height:22px;
}

.td3hevo {
background-color:#9a8c42;
height: 1px;
}

.suku {
width:33%;
letter-spacing: 0px;
font-size: 13px;
padding-left: 20px;
line-height: 1.4; 
padding-top:10px;
padding-bottom:10px;
border-bottom: 1px solid #4f4b35;
border-left: 1px solid #4f4b35;
background-color:rgba(60,74,55,0.3);
}


.suku2 {
width:33%;
letter-spacing: 0px;
font-size: 13px;
padding-left: 20px;
line-height: 1.4; 
padding-top:10px;
padding-bottom:10px;
background-color:rgba(60,74,55,0.3);
border-left: 1px solid #4f4b35;
}

.suku:nth-last-child(1), .suku2:nth-last-child(1) {
border-right: 1px solid #4f4b35;
}


.jalkelaiset {
font-size:13px;
width:100%;
margin-left:0px;
border-top:1px solid #4f4b35;
background-color:rgba(60,74,55,0.3);
border-bottom: 3px solid #9a8c42;
border-collapse: collapse; 
margin-bottom: 40px;
}

.jalkelaiset2 {
font-size:13px;
width:100%;
margin-left:0px;
border-top:3px solid #9a8c42;
background-color:rgba(60,74,55,0.3);
border-bottom: 3px solid #9a8c42;
border-collapse: collapse; 
margin-bottom: 40px;
}

tr.border_bottom2 td {
padding:8px 9px;
border-bottom: 1px solid #3d3f2a;
text-align: left;
}



tr.border_bottom td {
padding:8px 9px;
border-bottom: 1px solid #3d3f2a;
text-align: left;
}







/*PAIVAKIRJA*/


#paivakirja {
width:100%;
float:left; 
margin-top: 10px; 
border-spacing: 0;
border-top:2px solid #9a8c42;
border-bottom:2px solid #9a8c42;
background-color:rgba(60,74,55,0.3);
}

#paivakirja p{
text-shadow: 1px 1px #000;
padding:10px 20px;
}






/*HEVOSKUVAT*/



#kuvat {
text-align:center;
width:100%;
margin:0px 0 0px;
margin-top: 40px;
}


.kehyksethevo{
margin: 8px;
margin-bottom: 0px;
margin-top: -8px;
border: 2px solid #9a8c42;
box-shadow: 1px 1px 4px #000;
height:180px;
width:auto;}


.kehyksethevo2{
margin: 8px;
margin-bottom: 0px;
margin-top: -8px;
border: 2px solid #9a8c42;
box-shadow: 1px 1px 4px #000;
height:220px;
width:auto;}

.kehyksethevo3{
margin: 8px;
margin-bottom: 0px;
margin-top: -8px;
border: 2px solid #9a8c42;
box-shadow: 1px 1px 4px #000;
height:230px;
width:auto;}






.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, .lightbox img2, .lightbox img3, .lightbox img4, .lightbox img5, .lightbox img6 {
max-width: 90%;
max-height: 80%;
margin-top: 2%;
border:10px solid #9a8c42;
}

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





/*MUUT*/



hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(130, 122, 80, 0.75), rgba(0, 0, 0, 0));
margin-top: 40px;
margin-bottom: 40px;
}













.tabs {
    width: 100%;
margin-top: 20px;
  
}




.tabs ul {
    margin:0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:0;
}

.tabs ul li {
    text-align:center;
    display:inline-block;
    list-style:none;
    width: 25%;
   border-top: 1px solid #9a8c42;
background-color:rgba(60,74,55,0.3);
    color: #bcb58c;
    padding: 7px;
    font-weight:bold;
    margin-left: 5px;
    margin-right: 5px;

}

.tabs ul li.active {
    position:parent;
    background-color:rgba(60,74,55,0.9);
    color: #cec69a;
    bottom: -1px;

}

.tab-content {
font-size: 12px;
clear:both;
display:block;
width:100%;
height:auto;
background-color:rgba(60,74,55,0.3);
text-align: justify;
border-bottom: 1px solid #9a8c42;
border-top: 1px solid #9a8c42;
margin:0;
}

.content {
padding-left: 20px;
padding-right: 20px;
}




.tab-content.active {
    display: block;
}




.hevoslista {
width:100%;
line-height:20px;
font-size:12px;
border-collapse:separate;
}

.hevoslista td {
background-color:rgba(53,67,48,0.9);
border-right:1px solid #374732;
padding-left: 10px;
transition: background-color 0.5s ease;
}


.hevoslista td:hover {
background-color:rgba(60,74,55,0.3);

}


.hevoslista tr:last-of-type td {
border-bottom:none;
}


.lista {
width:33%;
list-style:none;
padding: 20px 0 20px 0;
border-bottom:1px solid #374732;
}



.listavika {
width:33%;
list-style:none;
padding: 20px 0 20px 0;
}







.kuva {
border: 3px solid #aaa170; 
box-shadow: 1px 1px 7px #4a4734;
margin-right:15px;
margin-top:0px;
width:105px;
height:105px;
 -moz-border-radius:10px; 
 border-radius: 80px 80px 80px 80px;
}


.hevoslista a {
position:absolute;
font-size:15px;
line-height: 10px;
font-family: 'Old Standard TT', serif;
color:#aead71;
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;

}

.hevoslista a:hover {
color:#c7c4b0;
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;
}


h6 {

padding-bottom : 10px; 
margin-bottom: 0px;
margin-top: 40px; 
font-size: 23px;
font-weight: 500;
color: #b5aa6b;
font-family: 'Old Standard TT', serif;
text-align: center;
line-height: 1.5;
}