/********************************/
/* GENERAL
/********************************/

body {
	margin: 0px auto;
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #555555;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #001DF1;	
}

 //waar wordt deze gebruikt?
h2 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666666;
}

 //waar wordt deze gebruikt?
h3 {
	clear:both;
	font-size:14px;
	font-weight: bold;
	margin: 0px;	
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	color: #666666;		
}

//waar wordt deze gebruikt?
h4 {
	clear: both;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}

a {
 color: #000;
 text-decoration: none;
}

a:hover {
 text-decoration: none;
}

td {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}

.timetronics {
	font-family: Arial !important;
	font-size: 1.2em !important;
	font-weight: bold !important;
	font-style: italic !important;
	color: #0000FF !important;
}

/********************************/
/* HEADER
/********************************/

#header {
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0 auto 15px auto;
	border: 0px;
	width: 100%;
	height: 70px;
	background-color: #FFF;
}

#header div.logo
{
	position: relative;
	top: 30px;
	left: 750px;
	float: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url(../Graphics/betatiming.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 210px;
}

#header #headertitle {
	position: absolute;
	clear: none;
	float: both;
	padding: 0px;
	margin: 0px;
	left: 40px;
	top: 15px;
	background-color: transparent;
	z-index: 1000;
	font-size: 26px;
	font-weight: bold;
	color: orange;
}

#header #headertitle h1 {
	font-size: 26px;
	font-weight: bold;
	color: orange;
}

/********************************/
/* MENU
/********************************/

#menu {
	position:absolute;
	top: 135px;
	left:0;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-left: 10px;
	width: 220px;
}

#menu div.days ul, #menu div.groups ul {
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	list-style-image: url(../Graphics/blank.png);
	list-style-position: inside;
	display: block;
	background-color: transparent;
}

#menu div.days li, #menu div.groups li, #menu div.events li {
	display: block;
	margin: 0px;
	padding: 0px;
}

#menu div.days li a {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #001DF1;
}

#menu div.days li a span, #menu div.groups li a span, #menu div.events li a span {
	display: block;
}

#menu div.days li a:hover {
	background-color: #EEF;
}

#menu div.groups li a {
	display: block;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #001DF1;
}

#menu div.groups li a:hover {
	background-color: #DDF;
}

#menu div.groups li span, #menu div.days li span  {
	cursor: pointer;
}

#menu div.events ul {
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	list-style-image: url(../Graphics/blank.png);
	list-style-position: inside;
	display: block;
	background-color: transparent;
}

#menu div.events li {
	padding: 0px;
}

#menu div.events li a {
	display: block;
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #001DF1;
}

#menu div.events li a:hover {
	background-color: #DDF;
	color: orange;
}

#menu #innermenu {
	padding: 0px;
	margin: 0px;
	padding-bottom: 20px;
	background-image: url(../Graphics/menubottom3.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#menu #bottomlinks {
	margin: 0px;
	padding: 0px;
	margin-top: 160px;
}

#menu #bottomlinks li {
}

#menu #bottomlinks a {
	padding: 0px;
	color: #555555;
	font-size: 10px;
}

#menu #bottomlinks ul li {
	padding-left: 15px;
}

#menu p {
	display: block;
	margin: 0px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #652D86;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

/********************************/
/* CONTENT
/********************************/

#content
{
	margin: 0px;
	margin-left: 250px;
	display: block;
	padding: 10px;
	padding-left: 20px;
	padding-bottom: 0px;
	border: 0px;
	background-color: #FFFFFF;
}

#content #toplinks
{
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #E7E7E8;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	height: 16px;
	width: 100%;
}

#content #toplinks a.previous
{
	position: absolute;
	left: 0px;
	width: 100px;
	text-align: left;
}

#content #toplinks a.next
{
	position: absolute;
	right: 0px;
	width: 100px;
	text-align: right;
}

#content #toplinks a.next:hover, a.previous:hover
{
	background-color: #FFCC73;
}

#content #toplinks a.photofinish
{
	position: absolute;
	left: 34%;
	width: 35%;
	text-align: center;
}

/********************************/
/* FOOTER
/********************************/
#footer
{
	width: 100%;
	text-align: center;
	height: 0px;
	background-color: #FFFFFF;
	margin-left: 220px;
	margin-top: 40px;
}

#footer ul.links
{
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	list-style: none;
}

#footer ul.links li
{
	clear: none;
	float: left;
	display: block;
	margin: 0px;
	height: 0px;
	padding: 0px;
	width: auto;
	padding-left: 1%;
	padding-right: 2%;
}

/********************************/
/* SPECIFIC FOR EACH PAGE
/********************************/

/* SCHEDULE */

body.schedule #daystart
{
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #E7E7E8;
}

body.schedule #daystart a
{
	padding: 2px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
}

body.schedule #daystart a:hover
{
	color: #black;
	background-color: #FFCC73;
}

body.schedule #daytitle
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #001DF1;
}

body.schedule #daytable table.daytable td.plannedtime
{
	width: 60px;
}

body.schedule #daytable table.daytable td.eventname
{
	width: 220px;
}

body.schedule #daytable table.daytable td.phase
{
	width: 70px;
}

body.schedule #daytable table.daytable td.cat
{
	width: 50px;
}

body.schedule #daytable table.daytable td.gender
{
	width: 50px;
}

body.schedule #daytable table.daytable td.participants
{
	width: 60px;
}

body.schedule #daytable table.daytable td.heats
{
	width: 60px;
}

body.schedule #daytable table.daytable td.status
{
	width: 70px;
}

body.schedule #daytable table.daytable td.time
{
	width: 60px;
}

body.schedule #daytable table.daytable tbody td a
{
	display: block;
}

body.schedule #daytable table.daytable tbody td a:hover
{
	background-color: #FFCC73;
}

/* RACE */

body.race #racetable table.racetable td.rank
{
	width: 70px;
}

body.race #racetable table.racetable td.lane
{
	width: 70px;
}

body.race #racetable table.racetable td.id
{
	width: 70px;
}

body.race #racetable table.racetable td.name
{
	width: 200px;
}

body.race #racetable table.racetable td.pb
{
	width: 70px;
}

body.race #racetable table.racetable td.cat
{
	width: 70px;
}

body.race #racetable table.racetable td.team
{
	width: 150px;
}

body.race #racetable table.racetable td.result
{
	width: 70px;
}

body.race #racetable table.racetable td.info
{
	width: 70px;
}

/* VERTICAL AND HORIZONTAL EVENTS */

body.vertfe #vertfetable table.vertfetable td.pos, body.horfe #horfetable table.horfetable td.pos
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.id, body.horfe #horfetable table.horfetable td.id
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.name, body.horfe #horfetable table.horfetable td.name
{
	width: 150px;
}

body.vertfe #vertfetable table.vertfetable td.pb, body.horfe #horfetable table.horfetable td.pb
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.cat, body.horfe #horfetable table.horfetable td.cat
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.team, body.horfe #horfetable table.horfetable td.team
{
	width: 150px;
}

body.vertfe #vertfetable table.vertfetable td.result, body.horfe #horfetable table.horfetable td.result
{
	width: 70px;
}

body.vertfe #vertfetable table.vertfetable td.rank, body.horfe #horfetable table.horfetable td.rank
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.info, body.horfe #horfetable table.horfetable td.info
{
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable td.vertheight, body.horfe #horfetable table.horfetable td.attempt1, body.horfe #horfetable table.horfetable td.attempt2, body.horfe #horfetable table.horfetable td.attempt3, body.horfe #horfetable table.horfetable td.attempt4, body.horfe #horfetable table.horfetable td.attempt5, body.horfe #horfetable table.horfetable td.attempt6
{
	color: #555555;
	width: 40px;
}

body.vertfe #vertfetable table.vertfetable thead td.vertheight, body.horfe #horfetable table.horfetable thead td.attempt1, body.horfe #horfetable table.horfetable thead td.attempt2, body.horfe #horfetable table.horfetable thead td.attempt3, body.horfe #horfetable table.horfetable thead td.attempt4, body.horfe #horfetable table.horfetable thead td.attempt5, body.horfe #horfetable table.horfetable thead td.attempt6
{
	font-weight: bold;
	font-size: 11px;
}

/* MULTI EVENTS */

body.multievent #multieventtable table.multieventtable td.rank
{
	width: 40px;
}

body.multievent #multieventtable table.multieventtable td.id
{
	width: 30px;
}

body.multievent #multieventtable table.multieventtable td
{
	border-bottom: 1px dashed pink;
}
body.multievent #multieventtable table.multieventtable thead td
{
	border-bottom: 1px solid orange;
}

body.multievent #multieventtable table.multieventtable td.name
{
	width: 160px;
}

body.multievent #multieventtable table.multieventtable td.team
{
	width: 150px;
}

body.multievent #multieventtable table.multieventtable td.points
{
	width: 50px;
}

body.multievent #multieventtable table.multieventtable td.event
{
	width: 50px;
}
body.multievent #multieventtable table.multieventtable td.info
{
	width: 40px;
}

/* TEAM POINTS */

body.team #teamtable table.teamtable td.rank
{
	width: 40px;
}

body.team #teamtable table.teamtable td.team
{
	width: 60px;
}

body.team #teamtable table.teamtable td.name
{
	width: 150px;
}

body.team #teamtable table.teamtable td.points
{
	width: 60px;
}

/* GENERAL PROPERTIES */

body.schedule #title, body.schedule #daystart, body.race #title, body.vertfe #title, body.horfe #title, body.multievent #title, body.team #title
{
	display: block;
}

body.schedule #daytable, body.race #racetable, body.vertfe #racetable, body.horfe #horfetable, body.multievent #multieventtable, body.team #teamtable
{
}

body.schedule #daytable table.daytable, body.race #racetable table.racetable, body.vertfe #vertfetable table.vertfetable, body.horfe #horfetable table.horfetable, body.multievent #multieventtable table.multieventtable, body.team #teamtable table.teamtable
{
	table-layout: fixed;
	border: none;
	text-align: center;
}

body.schedule #daytable table.daytable td, body.schedule #daytable table.daytable tr, body.race #racetable table.racetable td, body.race #racetable table.racetable tr, body.vertfe #vertfetable table.vertfetable td, body.vertfe #vertfetable table.vertfetable tr, body.horfe #vertfetable table.horfetable td, body.horfe #vertfetable table.horfetable tr, body.multievent #multieventtable table.multieventtable td, body.multievent #multieventtable table.multieventtable tr, body.team #teamtable table.teamtable td, body.team #teamtable table.teamtable tr
{
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

body.schedule #daytable table.daytable thead, body.race #racetable table.racetable thead, body.vertfe #vertfetable table.vertfetable thead, body.horfe #vertfetable table.horfetable thead, body.multievent #multieventtable table.multieventtable thead, body.team #teamtable table.teamtable thead
{
	background-color: #EEF;
}

body.schedule #daytable table.daytable thead td, body.race #racetable table.racetable thead td, body.vertfe #vertfetable table.vertfetable thead td, body.horfe #horfetable table.horfetable thead td, body.multievent #multieventtable table.multieventtable thead td, body.team #teamtable table.teamtable thead td
{
	border-bottom: 1px solid orange;
	font-size: 14px;
	font-weight: bold;
	color: #555;
}

body.schedule #daytable table.daytable tbody tr.odd, body.race #racetable table.racetable tbody tr.odd, body.vertfe #vertfetable table.vertfetable tbody tr.odd, body.horfe #horfetable table.horfetable tbody tr.odd, body.multievent #multieventtable table.multieventtable tbody tr.odd, body.team #teamtable table.teamtable tbody tr.odd
{
	background-color: #DDF;
}

body.schedule #daytable table.daytable tbody tr.even, body.race #racetable table.racetable tbody tr.even, body.vertfe #vertfetable table.vertfetable tbody tr.even, body.horfe #horfetable table.horfetable tbody tr.even, body.multievent #multieventtable table.multieventtable tbody tr.even, body.team #teamtable table.teamtable tbody tr.even
{
	background-color: #FFF;
}