html, body {
padding:0;
margin:0;
background:#cccccc;
font-family:verdana;
}

#page {
margin:auto;
width:960px;
height:auto;
background:#ffffff
}

#tbar {
width:960px;
height:180px;
background:url("../images/header_s.jpg");
margin-bottom:15px;
}

.triplet {
width:290px;
height:auto;
background:#eeeeee;
float:left;
padding:10px;
min-height:100px;
}

.tspace {
width:13px;
float:left;
height:100px;
}

.clickbar {
display:block;
width:950px;
height:24px;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 0%, #666666 18%, #474747 62%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#595959), color-stop(18%,#666666), color-stop(62%,#474747), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 0%,#666666 18%,#474747 62%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 0%,#666666 18%,#474747 62%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 0%,#666666 18%,#474747 62%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 0%,#666666 18%,#474747 62%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
padding-left:10px;
padding-top:6px;
}

#selectcontent {
height:auto;
width:956px;

border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
overflow:hidden;

border:solid 2px #131313;
}

#resultcontent {

width:936px;

border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
overflow:hidden;
padding:10px;
border:solid 2px #131313;
}

.break {
width:100%;
height:1px;
float:none;
clear:both;
}

.vkms {
text-decoration:none;
color:#555555;
font-weight:bold;
}

a.line1 {
display:inline-block;
width:50px;
height:38px;
background:#00ab84;
text-align:center;
font-size:16pt;
font-weight:bold;
float:left;
margin-right:5px;
margin-bottom:5px;
text-shadow:none;
color:#ffffff;
padding-top:12px;
text-decoration:none;
}



a.inactive {
background:#40ebc4;
color:#aaaaaa;
}

#tri2 .triplet{
height:100%;
}

.dirbutton {

display:inline-block;
width:290px;
height:44px;
background:#00ab84;
text-align:center;
font-size:12pt;
font-weight:bold;
float:left;
margin-right:5px;
margin-bottom:5px;
text-shadow:none;
color:#ffffff;
padding-top:8px;
text-decoration:none;

}

#dirInfo1 {
position:absolute;
padding:10px;
background:#eeeeee;
border:solid 2px #131313;
border-radius:10px;
width:300px;
display:none;
}

#dirInfo2 {
position:absolute;
padding:10px;
background:#eeeeee;
border:solid 2px #131313;
border-radius:10px;
width:300px;
display:none;
}

#dirInfo3 {
position:absolute;
padding:10px;
background:#eeeeee;
border:solid 2px #131313;
border-radius:10px;
width:300px;
display:none;
}

#dirInfo4 {
position:absolute;
padding:10px;
background:#eeeeee;
border:solid 2px #131313;
border-radius:10px;
width:300px;
display:none;
}

#dirinfos {

}

.riderHi {

display:block;
height:24px;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 0%, #666666 18%, #474747 62%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#595959), color-stop(18%,#666666), color-stop(62%,#474747), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 0%,#666666 18%,#474747 62%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4c4c4c 0%,#595959 0%,#666666 18%,#474747 62%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4c4c4c 0%,#595959 0%,#666666 18%,#474747 62%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 0%,#666666 18%,#474747 62%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
border-top-left-radius:10px;
border-top-right-radius:10px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
padding-left:10px;
padding-right:10px;
padding-top:6px;
float:left;
margin-right:5px;

}

.riderLo {

display:block;
height:24px;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c4c 0%, #9b9b9b 0%, #d1d1d1 18%, #999999 62%, #919191 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#9b9b9b), color-stop(18%,#d1d1d1), color-stop(62%,#999999), color-stop(100%,#919191)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#9b9b9b 0%,#d1d1d1 18%,#999999 62%,#919191 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c4c4c 0%,#9b9b9b 0%,#d1d1d1 18%,#999999 62%,#919191 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c4c4c 0%,#9b9b9b 0%,#d1d1d1 18%,#999999 62%,#919191 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c4c4c 0%,#9b9b9b 0%,#d1d1d1 18%,#999999 62%,#919191 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#919191',GradientType=0 ); /* IE6-9 */border-top-left-radius:10px;
border-top-right-radius:10px;
font-weight:bold;
text-decoration:none;
color:#ffffff;
padding-right:10px;
padding-left:10px;
padding-top:6px;
float:left;
margin-right:5px;
}

.resultvid {

width:916px;
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
overflow:hidden;
padding:10px;
border:solid 2px #131313;
}

#loader {
position:absolute;
margin:auto;
width:100%;
height:100%;
background:#000000;
text-align:center;
vertical-align:middle;
top:0px;

color:#ffffff;
font-weight:bold;
font-size:14pt;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */
    filter: alpha(opacity=60); /*IE7 und kleiner*/
opacity:.6;
}

.track 
{
  width:20px; height:350px; float:left;margin:1px;

}

.trackdisplay
{ 
  display:block;
  width:350px;
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  -ms-transform: rotate(-90deg);
  position:relative;
  left:-162px;
  top:170px; 
  text-decoration:none;
  color:#000000;
  
}

#tsel {
width:650px;
height:100px;
margin:auto;
text-align:right;
background:url('img/line.png');
background-repeat:repeat-x;
background-position:0px 5px;
}

#tsel.tselbig {
width:916px;
}

.active {
font-weight:bold;
}

a.lastitem {
color:#777777;
}    

.button {
display:block;
width:100px;
height:100px;
position:relaitve;

top:5px;
left:5px;
float:left;
margin-top:120px;
}

.lefton {
background:url('img/leftOn.png');
}

.leftoff {
background:url('img/leftOff.png');
}

.righton {
background:url('img/rightOn.png');
}

.rightoff {
background:url('img/rightOff.png');
}

#vplayer {
float:left;
}

#vcontainer {
  width:840px;
  height:400px;
  margin:auto;
}

#status {
position:relative; 
top:11px; 
width:1px; 
height:4px; 
background:#7f0000;
z-index:1000;
}


#lnholder {
width:640px;
height:50px;
display:block;
margin:auto;
background:#dddddd;
}

.bigga {
font-size:14pt;
font-weight:bold;
margin-top:12px;
display:inline-block;
}