@import url(https://fonts.googleapis.com/css?family=Fauna+One|Lora:400,400italic,700italic|Duru+Sans|Alegreya|Arizonia|Playwrite+GB+S);

body {   
background: #000000 url('yritelma.png') fixed;
margin-top: 90px; margin-bottom: 80px; margin-left: 0px; margin-right: 0px;
font-family: Duru Sans;
color: #9719ef;
 font-size:24px;
line-height : 24px;}

A:link{color:#801f2c; text-decoration:none; cursor:pointer;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-ms-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;}
A:visited{color:#801f2c; text-decoration:none; cursor:pointer;
-webkit-transition: color 0.3s ease-in;
-moz-transition: color 0.3s ease-in;
-ms-transition: color 0.3s ease-in;
-o-transition: color 0.3s ease-in;
transition: color 0.3s ease-in;}
A:active{color:#450009; text-decoration:none; cursor:pointer;}
A:hover{color:#450009; text-decoration:none; cursor:pointer;}

hr {
 border-bottom: 1px dashed #868686; border-top: 0 none; border-left: 0 none; border-right: 0 none;
 background: 0 none; 
 height: 1px;
 margin: 20px 60px 20px 60px;}

h1 {
 font-family: 'Playwrite GB S'; font-size: 26px; font-weight: normal; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); color: #801f2c;
 letter-spacing : 0px; 
 line-height: 50px;
text-align: center;
 background: transparent;
 margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 18px;
 border-bottom: 1px dashed #808080;}

h2 {
 font-family: 'Lora'; font-size: 27px; color: #959595; font-weight: normal; font-style: italic;
 line-height: 22px;
 letter-spacing: 0px;
 margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px; 
 background: transparent;}

h3{
 font-family: 'Lora'; color: #0c434e; font-size: 35px; font-weight: normal; font-style: italic;
 line-height: 22px;
 letter-spacing: 0px; 
text-shadow: 1px 1px rgba(255, 255, 255, 0.4);
 background: transparent;
 margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 15px;}

h4{
 font-family: 'Playwrite GB S'; color: #000000; font-size: 28px; font-weight: normal;
 letter-spacing: 1px;
 background: transparent;
 margin-left: 0px; margin-right: 0px; margin-top: 3px; margin-bottom: 20px;
 line-height: 25px;}

.kuva{
 border:3px solid #ffffff;  
 padding:0px; 
 text-align:center; 
  -moz-border-radius:10px; 
 border-radius: 30px 10px 30px 10px;
 box-shadow: 1px 1px 6px #a9a18c;}

.galleria{ 
 padding:0px; 
 border:3px solid #ebdee7; 
 background-color: #ebdee7; 
 overflow: hidden; 
 box-shadow: 1px 1px 6px #a9a18c; 
  -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}

.galleria:hover{ 
  -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; opacity:0.6; filter:alpha(opacity=80); 
/* For IE8 and earlier */}

.gallery img {
    height: 100%;
}
.gallery a {
    display: inline-block;
    overflow: hidden;
    margin: 2px 2px;
}

.otsikko {
 padding: 0px;
 border: 0px solid #DADADA;
 display: block;
 margin:0 auto;}

#p {border-color: #ffffff; border-style: dotted; border-width: 0 0 1px 0; background-color : transparent;}
#ptr {}
#ptr:hover {background-color : rgba(255, 255, 255, .5);}



/* ---------------------------- SIVUT ----------------------------- */

.main { 
 width:1080px;
 overflow: hidden;
background-color : rgba(250, 250, 250, .6);
 margin: 0 auto;
 font-size:14pt;
color: #000000;
 padding:10px 0px 10px 0px;
border: 0px solid #000000;
-webkit-border-radius: 10px;
-webkit-border-top-right-radius: 60px;
-webkit-border-bottom-left-radius: 60px;
-moz-border-radius: 10px;
-moz-border-radius-topright: 60px;
-moz-border-radius-bottomleft: 60px;
border-radius: 10px;
border-top-right-radius: 60px;
border-bottom-left-radius: 60px;}


.sisalto2 { 
 width:1000px;
 background: transparent;
 line-height: 22pt;
 margin-left: 33px; margin-right: 0px; margin-top: 10px; margin-bottom: 0px;
 font-size:20px;
 padding:0px 0px 0px 0px;}

.indent {
  margin-left: 50px;}

.indent2 {
  margin-left: 100px;
 font-size:90%;}

.oikea { 
 width: 270px;
 float: right;
 background: transparent;
 margin-left: 0px;
 margin-right:30px;
 margin-top: 20px;
 margin-bottom: 20px;
 font-size:11pt;
 line-height : 25px;
 padding:0px 0px 0px 0px;}


.boksi { 
 background: transparent; 
 border: 0; 
 padding:0 10px 0 10px; 
 margin-bottom: 15px; 
 height:200px; 
 overflow:auto; 
 width:550;}

.teksti {
 line-height: 17pt;
 font-family: Duru Sans;
 font-size: 12pt; 
 margin:0 0 0 0px;}



/* ---------------------------- HEVOSET ----------------------------- */

.hevostable {
 background: #f0f0f0 url('test.png');
 margin: 30px auto 30px auto;
 line-height: 22pt;
 font-family: Duru Sans; font-size: 22px; 
 border-bottom:3px solid #f0f0f0; border-top:3px solid #f0f0f0; border-collapse:collapse;}


.profiili {
 height: 400px;
 border:3px solid #ffffff;
margin-left: 10px; margin-right: 10px; margin-top: 0px; margin-bottom: 5px;  
 padding:0px;}

#profiili {
  height: 400px;
 border:3px solid #ffffff;
margin-left: 10px; margin-right: 10px; margin-top: 0px; margin-bottom: 10px;  
 padding:0px; }

#profiili2 {
  height: 200px;
 border:3px solid #ffffff;
margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;  
 padding:0px; }



/* ---------------------------- SIMPLETABS ----------------------------- */


.simpleTabsNavigation li { list-style: none; display:inline;}
.simpleTabsNavigation li a { 
 text-align:center;
 margin: 0 auto; list-style:none; 
 padding: 10px 15px 10px 15px;
 font: 27px 'Lora', serif; font-style: italic; font-weight: bold; text-shadow: 1px 1px rgba(255, 255, 255, 0.4);  
 display: inline;
 backgroung: #f0f0f0;}
div.simpleTabs { margin:20px auto; margin-left:8px; width:100%;}
div.simpleTabsContent { display:none; background: #f0f0f0 url('tausta3.png');  border-bottom:2px solid #f0f0f0; border-left:2px solid #f0f0f0; border-top:2px solid #f0f0f0; border-right:2px solid #f0f0f0; border-collapse:collapse; margin-top: 9px;
-webkit-border-radius: 40px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius: 40px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
border-radius: 40px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;}
.simpleTabsNavigation li a.current { list-style:none; background: #f0f0f0; -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;}
.simpleTabsNavigation li a:hover { list-style:none; text-decoration: none; background: #f0f0f0; -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;}
.simpleTabsNavigation li a:active { list-style:none; text-decoration: none; }
.simpleTabsNavigation li a:visited { list-style:none; text-decoration: none;}
div.simpleTabsContent.currentTab { display:block;padding-top: 0px; }