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

body{	
	background-color: #000000;
	/*background-image: url('../images/bg1.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;*/
	font-family: "gotham-narrow", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #ffffff;
	margin: 0;
}
.main{
	width: 100%;
	max-width: 650px;
	margin: 100px auto 100px;
	position: relative;
	z-index: 1000;
}
.rubrik{
	font-family: "scandia-web", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 70px;
	line-height: 80px;
	text-align: left;
	color: #d8bd80;
	text-shadow: #000000 0 0 20px;
}
.underrubrik{
	font-family: "gotham-narrow", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3em;
	text-align: left;
	margin: 20px 0 40px 0;
	color: #d8bd80;
}
@media screen and (max-width: 800px) {
  .underrubrik {
    font-size: 1.05em;
  }
}
.dress{
	float: left;
	margin-right: 30px; 
	height: 240px;
	position: relative;
	top: -10px;
}
.tableheader{
	font-weight: 700;
	color: #d8bd80;
	border-bottom: 2px solid #d8bd80;
	font-size: 16px;
	padding: 5px;
}
.tablerow{
	border-bottom: 1px solid #ffffff;
	font-size: 16px;
	padding: 5px;
}
.bottom{
	border-bottom: 2px solid #d8bd80;
}
.tableresult td{
	border-bottom: 1px solid #ffffff;
}
.result{
	font-size: 60px;
	padding: 5px 15px 5px 5px;
	text-align: center;
	color: #d8bd80;
	font-weight: 700;
}
.date{
	color: #d8bd80;
	font-weight: 700;	
	font-size: 14px;
}
.horse{
	font-size: 26px;
}
.trainer{
	font-size: 14px;	
}
.play{
	border: 0;
	height: 50px;
	margin-top: 5px;
	margin-right: 10px;
}
.playdisabled{
	border: 0;
	height: 50px;
	margin-top: 5px;
	margin-right: 10px;
	opacity: 0.35;
}
.play:hover{
	height: 56px;
	margin-right: 7px;
}
a{
	color: #ffffff;
	text-decoration: none;
}
a:hover, a:active, a:visited{
	color: #d8bd80;
	text-decoration: none;
}
.moorisse{
	margin-top: 75px;
	width: 125px;
}
.coming{
	opacity: 0.5;
}



.slider {
 overflow: hidden;
 width: 100vw;
 height: 100vh;
 position: fixed;
	top: 0;
	left: 0;
}
 
.slider .slide {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
 background-position: center;
 animation: slider 65s infinite;
}
 
.slider .slide:nth-child(1) {
   background-image: url('../images/bg2.jpg');
   animation-delay: 0s;
}

.slider .slide:nth-child(2) {
   background-image: url('../images/bg1.jpg');
   animation-delay: -6.5s;
}

.slider .slide:nth-child(3) {
   background-image: url('../images/bg3.jpg');
   animation-delay: -13s;
}

.slider .slide:nth-child(4) {
   background-image: url('../images/bg4.jpg');
   animation-delay: -19.5s;
}

.slider .slide:nth-child(5) {
   background-image: url('../images/bg5.jpg');
   animation-delay: -26s;
}

.slider .slide:nth-child(6) {
   background-image: url('../images/bg6.jpg');
   animation-delay: -32.5s;
}

.slider .slide:nth-child(7) {
   background-image: url('../images/bg8.jpg');
   animation-delay: -39s;
}

.slider .slide:nth-child(8) {
   background-image: url('../images/bg7.jpg');
   animation-delay: -45.5s;
}

.slider .slide:nth-child(9) {
   background-image: url('../images/bg9.jpg');
   animation-delay: -52s;
}

.slider .slide:nth-child(10) {
   background-image: url('../images/bg10.jpg');
   animation-delay: -58.5s;
}
@keyframes slider {
  0%, 8%, 100% {
    opacity: 1;
    animation-timing-function: ease;
    z-index: 0;
  }
  10% {
    opacity: 0;
    animation-timing-function: step-end;
    z-index: 0;
  }
  98% {
    opacity: 1;
    animation-timing-function: step-end;
    z-index: -1;
  }
}