@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Merriweather:400,700i|Roboto');


/* ***** LINKIT ***** */
a {
	color:#4e4e4e;
	transition:.3s;
}
a:hover  {
	color:#333;
	text-decoration:none;
}
a:visited  {
	color:#aaa;
}

/* ***** RAKENNE ***** */

html, body {
	height:100%;
}
body {
	margin:0;
	font-size:10pt;
	font-family: arial, sans-serif;
	background: #919191 url(c_taustakuva.png);
	line-height:1.5;
}
#wrapper {
	height:100%;
	height: auto !important;
	min-height:100%;
	background:#000;
	width:75%;
	margin-left:1%;
}
#ylapalkki {
	width:100%;
	height:30px;
	position:absolute;top:0;left:0;
	background:#000;
	z-index:1000;
}
#ylasis {
	width: 75%;
	padding: 5px 0;
	text-align:right;
	color:#fff;
}

#linkkipalkki {
	width:20%;
	height:100%;
	height: auto !important;
	min-height:100%;
	background:#000;
	z-index:100;
	float:left;
}
#main {
	width:80%;
	height:100%;
	height: auto !important;
	min-height:100%;
	background:#fafafa url(ylakuvac.jpg) no-repeat top;
	background-size: 100% auto;
	float:left;
	position:relative;
	z-index:10;
}
#valk {
	position:absolute;left:16%;top:0;
	height:100%;
	height: auto !important;
	min-height:100%;
	width:60%;
	background:#fafafa;
	z-index:0;
}
/* rakenne jos näytön koko on kovin pieni, sisällön ja navigaation leveys muuttuu */

/* rakenne jos näytön koko on kovin pieni, sisällön ja navigaation leveys muuttuu */
@media (max-width:1800px) { 
#wrapper {
	width:90%;
}
#valk {
	left:20.8%;
	width:70.2%;
}
@media (max-width:1250px) { 
#wrapper {
	width:99%;
}
#valk {
	left:20.8%;
	width:79.2%;
}
}
}

/**** NAVIGAATIO ****/
#navots {
	font-family: 'Dancing Script', cursive;
	font-size:20pt;
	color:#aaa;
	text-align:center;
	margin:50px 0 20px 0;
}
#nav {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:1px;
}
#nav li {
	margin: 0 0;
}
#nav a {
	text-decoration:none;
	font-style:italic;
	font-size:12px;
	padding: 10px 25px;
	font-family: 'Merriweather', serif;
	display:block;
	border:1px solid #111;
	margin:10px;
	color:#aaa;
	transition:.4s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#nav a:hover {
	color:#d28c22;
	background:#71adb8;
	border:1px solid #245861;
}

#copyt {
	padding:30px 0;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:8pt;
	color:#888;
}

/**** SISÄLTÖ ****/

#header {
	text-align:right;
	padding-top:200px;
	padding-right:50px;
	font-family: 'Dancing Script', cursive;
	font-size:40pt;
	text-shadow: 1px 1px 10px rgba(150, 150, 150, 1);
}
#sisalto {
	padding:20px 50px;
	text-align:justify;
	line-height:1.5;
	font-family: 'Roboto', sans-serif;
	font-size:10.5pt;
}
h1 {
	font-style:italic;
	font-family: 'Merriweather', serif;
	font-size:18pt;
}
h2 {
	font-style:italic;
	font-family: 'Merriweather', serif;
	font-size:12pt;
	color:#d28c22;
}

/**** NAVIGAATIO ****/
#navots {
	font-family: 'Dancing Script', cursive;
	font-size:20pt;
	color:#aaa;
	text-align:center;
	margin:50px 0 20px 0;
}
#nav {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:1px;
}
#nav li {
	margin: 0 0;
}
#nav a {
	text-decoration:none;
	font-style:italic;
	font-size:12px;
	padding: 10px 25px;
	font-family: 'Merriweather', serif;
	display:block;
	border:1px solid #111;
	margin:10px;
	color:#aaa;
	transition:.4s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#nav a:hover {
	color:#c3e3e9;
	background:#71adb8;
	border:1px solid #245861;
}

#copyt {
	padding:30px 0;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:8pt;
	color:#888;
}

/**** SISÄLTÖ ****/

#header {
	text-align:right;
	padding-top:200px;
	padding-right:50px;
	font-family: 'Dancing Script', cursive;
	font-size:40pt;
	text-shadow: 1px 1px 10px rgba(150, 150, 150, 1);
}
#sisalto {
	padding:20px 50px;
	text-align:justify;
	line-height:1.5;
	font-family: 'Roboto', sans-serif;
	font-size:10.5pt;
}
h1 {
	font-style:italic;
	font-family: 'Merriweather', serif;
	font-size:18pt;
}
h2 {
	font-style:italic;
	font-family: 'Merriweather', serif;
	font-size:12pt;
	color:#8e5f19;
}
h3 {
	font-style:italic;
	font-family: 'Merriweather', serif;
}

/* *************** HEVOSULKOASUN MÄÄRITYKSET ************ */

.tablinks {
}

#ptwrap {
	width:100%;
	border: 3px solid #f1f1f1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#f5f5f5;
	margin-bottom:20px;
}
#ptwrap td {border:0;}
#isokuva {
	width:30%;
	text-align:center;
}
#isokuva img {
	margin:-20px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #aaa;
	padding:3px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.4);
}

#hevosenkuvat {
	text-align:center;
}
#hevosenkuvat a {}
#hevosenkuvat img {
	width:80%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:5px;
	border:1px solid #4e4e4e;
}

/* PERUSTIETOTAULUKON TYYLIMÄÄRITTELYT */

#perustieto {
	width: 95%;
	border-collapse:collapse;
	border-top: 1px solid #ccc; /* perustietotaulukon yläreunan väri */
}
#perustieto td {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc; /* perustietotaulukon reunojen väri */
}
#perustieto .tieto {
	width: 28%;
	background:rgba(255,255,255,.5); /* perustietotaulukon taustaväri */
	font-size: 11pt;
	font-style:italic;
	font-family: 'Merriweather', serif;
}

/* SUKUTAULUTAULUKON TYYLIMÄÄRITTELYT */

#sukutaulu {
	width: 100%;
	background:#fff; /* sukutaulun taustaväri  */
	border-collapse:collapse;
}
#sukutaulu td {
	padding: 10px 15px;
	border: 1px solid #ccc; /* sukutaulun reunojen väri */
}
#sukutaulu strong {
	padding-right:10px;
	font-style:italic;
	font-family: 'Merriweather', serif;
	color:#8e5f19;
}

/* KISAKALENTERITAULUKON TYYLIMÄÄRITTELYT */

#kisakalenteri {
	width: 100%;
	background:#fff; /* kisakalenterin taustaväri */
	border-collapse:collapse;
}
#kisakalenteri td {
	padding: 15px;
	line-height:1.6;
	border: 1px solid #ccc; /* kisakalenterin reunojen väri */
	vertical-align:top;
}
#kisakalenteri .eka {
	padding: 5px 10px;
	background:#eee;  /* kisakalenterin taustaväri */
	font-size: 14px;
	letter-spacing:1px;
}