body{
	background-image:url('../img/background.JPG');
	height: 100%;
	background-size: cover;
	background-position: 0px -200px;
	background-attachment: fixed;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
svg{
font-size: 12px;
}
#stats{
	display:block;
	margin: auto;
	outline: 1px solid red;
	background-color: #f5eec2;
	OPACITY: 0.4;
	
}
#reis{
	display:block;
	margin: auto;
	text-align: left;
	outline: 1px solid red;
	background-color: #f5eec2;
	OPACITY: 0.7;
	max-width: 800px;
	z-index:2;
}
#dag{
	display:block;
	margin: auto;
	outline: 1px solid red;
	background-color: #f5eec2;
	}

#header {
	
	background: transparent;
}
#speedcalculator{
	width: 718px;
	margin: auto;
	padding: 6px;
	background-color: #f5eec2;
	border-color: red;
}
#speedcalculator2{
	width: 608px;
	margin: auto;
	padding: 6px;
	background-color: #f5eec2;
	border-color: red;
}
#photobox{
	position: absolute;
	color: white; 
	top: 0;
	left: 0;
	width: 98%;
	text-align: center;
	line-height: 0;
	opacity: 1;
	z-index:99;
	background-color:rgba(0,0,0,0); 	
}
table{
    overflow: visible;
	z-index: 99;
}
img.centraal{
 	display: block;   
	margin-left: auto;   
	margin-right: auto; 
	border-style: solid;
	border-width: 4px;
	border-color: #fff;
	border-radius: 3px;
	
	}
.oldbiker{
	margin: 6px;
	max-width:98%;
}
.TableHeader { 
width: 25%; 
}
.none{
text-decoration: none;
}
.circle 
{
fill: purple;
}
.circle:hover
{
fill: red;
opacity: 1 ;
r: 4;}
.bike
{   
	border-style: solid;
	border-color: red;
}
.container {
  position: relative;
  text-align: center;
 }

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
.version2 {
	opacity: 1;
	background-color: powderblue;
	color:blue;
}
td img {
    display: block;
    margin-left: auto;
    margin-right: auto;
	z-index: 99;
	opacity: 1; 

}
.pop:hover{
	opacity: 0.7;
	}
	
#navsite ul {
	width: 100%;
	float: left;
	display: table-row;
	padding: 0;
	margin-left: 0;
	border-bottom: 1px solid #778;
	font: bold 12px Verdana, sans-serif;
}
 
#navsite ul li {
	list-style: none;
	margin: 0;
	display: table-cell;
	float: left;
}
#navsite ul li a {
	padding: 12px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background-color: #f5eec2;
	OPACITY: 0.7;
	text-decoration: none;
	display: table-cell;
	z-index: 99;
}

#navsite ul li a:link {
	color: green;
}
 
#navsite ul li a:visited {
	color: #667;
}
#navsite ul li:hover ul {
	left: auto;
}
 
#navsite ul li ul li a {
	background: #999;
	border: 1px solid black;
	margin-top: 4px;
}
 
#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
	color: #000;
	background-color: #aae;
	border-color: #227;

}
#navsite ul li ul {
	position: absolute;
	width: 7em;
	left: -999em;
	float: none;
	border-bottom: none;
}
.clearfix:after {
	position: relative ;
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* for IE6 */
 
* html .clearfix {
	height: 1%;
}
 
/* for IE7 */
 
*:first-child+html .clearfix {
	min-height: 1px;
}