html, form, body {height: 100%; margin: 0; padding: 0;}
body { background-color: #000; background-image: url(../img/bgTop.jpg); background-repeat: no-repeat; background-position: center top;}
td,th,p,a,ol,ul,div,body { font-family: Arial; font-size: 12px; }
a { color: #FFA21D; text-decoration: none; font-weight: bold; }
a:hover { color: #FF671D; text-decoration: underline; }
table {font-size: 11px; line-height: 19px;}
h1 {font-size: 25px; font-weight: bold; font-family: Arial Black; line-height: 25px;}
h2 {font-size: 13px; margin-bottom: 0px; padding-bottom: 0px;}
p {margin-top: 0px; padding-top: 0px;}
img {border: 0;}
.clear {overflow: hidden; clear: both; height: 0px; width: 0px;}
/* Indeling webpage */
div#contentContainer {margin: 180px 0 0 -350px; padding: 10px 10px 40px 10px; width: 720px; left: 50%; position: absolute; background-color: #fff;}
div#contentContainerHome {margin: 280px 0 0 -350px; padding: 10px 10px 40px 10px; width: 720px; left: 50%; position: absolute; background-color: #fff;}
.textGroot {margin: 390px 0 0 -350px; padding: 0 10px 40px 10px; width: 720px; left: 50%; position: absolute;}
.headGroot {margin: 0 0 0 0; padding: 0; height: 370px; width: 100%; position: absolute; }
.head {margin: 0 0 0 0; padding: 0; height: 370px; width: 100%; position: absolute; }
/* opmaak voor de homepage */
div#contentHome { border: none 1px green; width: 100%; }
div#homeLeft { float: left; width: 200px; overflow: hidden; }
div#homeRight { float: right; width: 450px; overflow: hidden; }
div#contentHome div.homeLinks { text-align: center; }
div#contentHome .left { float: left; }
div#contentHome .right { float: right; }
.line {border-top: 1px solid black; width: 200px;}
.lineBottom {border-top: 1px solid black; border-bottom: 1px solid black; width: 200px;}
.content {width: 820px; height: 100%; left: 50%; position: absolute; margin: 0 0 0 -410px; padding: 0; }
/* Indeling webpage */
div#topMenu {margin: 154px 0 0 -350px; padding: 0 10px 0px 10px; width: 720px; left: 50%; position: absolute; }
div#topMenu a { font-size: 16px; background-color: #ddd; border: solid 1px #666; border-bottom: none; padding: 4px 6px 6px 6px; color: #666; text-decoration: none; background-image: url(../img/bgMenuNonactive.jpg); background-repeat: repeat-x; }
div#topMenu a:hover { background-color: #F69101; color: #000; background-image: url(../img/bgMenuNonactiveHover.jpg); background-repeat: repeat-x; }
div#topMenu a.active { font-size: 16px; background-color: #fff; border: solid 1px #666; border-bottom: none; padding: 4px 6px 6px 6px; color: #666; text-decoration: none; background-image: none; }
div#topMenu a.active:hover { background-color: #fff; color: #666; cursor: default; background-image: none; }
div#topMenuHome { margin: 254px 0 0 -350px; padding: 0 10px 0px 10px; width: 720px; left: 50%; position: absolute; }
div#topMenuHome a { font-size: 16px; background-color: #ddd; border: solid 1px #666; border-bottom: none; padding: 4px 6px 6px 6px; color: #666; text-decoration: none; background-image: url(../img/bgMenuNonactive.jpg); background-repeat: repeat-x; }
div#topMenuHome a:hover { background-color: #F69101; color: #000; background-image: url(../img/bgMenuNonactiveHover.jpg); background-repeat: repeat-x; }
div#topMenuHome a.active { font-size: 16px; background-color: #fff; border: solid 1px #666; border-bottom: none; padding: 4px 6px 6px 6px; color: #666; text-decoration: none; background-image: none; }
div#topMenuHome a.active:hover { background-color: #fff; color: #666; cursor: default; background-image: none; }
div.tussenstand { width: 200px; margin: 20px 0; }
div.bedrijfklassement { width: 200px; margin: 20px 0; }
p.titel {font-size: 22px; font-weight: bold; color: #FF9501; }
p.sprokkelpad {font-size: 12px; font-weight: normal; color: #aaa; }
.home {border: 0px solid black; height: 20px;}
.aanmelden2 {border: 0px solid black; height: 20px;}
.klassement {border: 0px solid black; height: 20px;}
.dagscore {border: 0px solid black; height: 20px;}
.deelnemers {border: 0px solid black; height: 20px;}
.spelregels {border: 0px solid black; height: 20px;}
.prijzen {border: 0px solid black; height: 20px;}
.aanmelden {border: 0px solid black; width: 150px; height: 20px; position: absolute; left: 50%; margin: 210px 0 0 204px; z-index: 116; border-bottom: solid 2px #EAB119; }
.logoMascGroot {width: 115px; height: 55px; background-image: url(../img/logoMasc.jpg); background-repeat: no-repeat; position: relative; z-index: 16; float:right; top:3px; margin-right:20px;}
.logoRuijsGroot {width: 115px; height: 50px; background-image: url(../img/logoRuijs.jpg); background-repeat: no-repeat; position: relative; z-index: 15; float:right;}
.logoMasc {width: 115px; height: 55px; background-image: url(../img/logoMasc.jpg); background-repeat: no-repeat; position: relative; z-index: 16; float:right; top:3px; margin-right:20px;}
.logoRuijs {width: 115px; height: 50px; background-image: url(../img/logoRuijs.jpg); background-repeat: no-repeat; position: relative; z-index: 15; float:right;}
.disclaimerDiv {left: 50%; position: absolute; margin: 250px 0 0 130px; z-index: 16;}
.disclaimerDivGroot {left: 50%; position: absolute; margin: 330px 0 0 150px; z-index: 16;}
.weekscorer {position: absolute; left: 50%; margin: 180px 0 0 -348px; width: 200px; height: 230px; background-image: url(../img/weekscorer.jpg); background-repeat: no-repeat;}
.weekscorerTekst {position: relative;width: 200px; height: -10px; border: solid 0px #FF0000; top:130px; text-align:center; font-weight: bold; color: #333; font-size: 14px;}
.meer { text-align: right; color: #666; margin-top: 4px; }
.meer a { font-size: 11px; color: #666; text-decoration: none; }
.meer a:hover { text-decoration: underline; }
a.disclaimer {font-size: 11px; color: #666; text-decoration: none;}
a.disclaimer:hover {text-decoration: underline;}
a.grayInfo {font-size: 11px; text-decoration: none; color: #666; margin: 5px 0; padding: 0; }
a.grayInfo:hover {text-decoration: underline;}
.mededeling { font-size: 11px; }
/*opmaak van de tabellen*/
.veld1 {font-size: 10px; font-family: Arial; background-color: #efefef; height: 15px;}
.veld1Alt {font-size: 10px; font-family: Arial; background-color: #fff;}
.headText {font-size: 12px; font-weight: bold; background-color:#fff;}
.details {background-color: #fff;}
.footer {background-color: #fff;}
#ScoreList a {font-size: 12px; font-weight: bold; color: #333; text-decoration: none;}
#ScoreList a:hover{text-decoration: underline;}
#ScoreList td {height: 17px; margin: 0; padding: 0;}
#dgUitslagen a {font-size: 12px; font-weight: bold; color: #333; text-decoration: none;}
#dgUitslagen a:hover{text-decoration: underline;}
#dgUitslagen td {height: 17px; margin: 0; padding: 0;}
#dgDeelnemers a {font-size: 12px; font-weight: bold; color: #333; text-decoration: none;}
#dgDeelnemers a:hover{text-decoration: underline;}
#dgDeelnemers td {height: 17px; margin: 0; padding: 0;}
#dgRenners a {font-size: 12px; font-weight: bold; color: #333; text-decoration: none;}
#dgRenners a:hover{text-decoration: underline;}
#dgRenners td {height: 17px; margin: 0; padding: 0;}
.tour_button_details{height: 15px; width: 15px; background-color: #fff; border: 0px solid black; background-image: url(../img/details.gif); background-repeat: no-repeat; cursor: pointer;}
.tour_input {border: 1px solid black;}
.tour_button {border: 1px solid #666; font-size: 11px; padding: 2px 10px; margin: 4px 0; }
.score {background-color:#e6b012; width: 68px;}
.scoreMain {font-weight: bold;}
.scoreHeader {background-image: url(../img/scoreTop.jpg); width: 68px;}
/* opmaak van de topvier*/
#dgTop4 {margin: 0; padding: 0; width: 200px; border-top: 1px solid black; border-bottom: 1px solid black;}
#dgTop4 td {border-bottom: 1px solid black;}
#dgBedrijfKlassement {margin: 0; padding: 0; width: 200px; border-top: 1px solid black; border-bottom: 1px solid black;}
#dgBedrijfKlassement td {border-bottom: 1px solid black;}
.plaatsTussenstand {background-image: url(../img/circle.jpg); background-position: 3 4px; width: 20px; background-repeat: no-repeat; color: #fff; font-size: 10px; padding: 0px; text-align: center; vertical-align:top; padding-top:2px;}
.naamTussenstand {color: #333; width: 150px;}
.scoreTussenstand {font-weight: bold;}
td..label { padding-right: 2em; }
td.knoppen { text-align: right; }
/* opmaak voor de tabladen voor details van deelnemer */
#teamdetailsDiv {visibility: visible; display: inherit; }
#scoreDiv {visibility: hidden; display: none; }
#teamsamenstellingDiv {visibility: hidden; display: none; }
#etappedetailsDiv {visibility: hidden; display: none; }
#etappeuitslagDiv {visibility: hidden; display: none; }
#behaaldescoreDiv {visibility: visible; display: inherit; }
#scoreindividueelDiv {visibility: visible; display: inherit; }
#scorebedrijfsteamsDiv {visibility: hidden; display: none; }
.scoreLink {background-image: url(../img/scoreOff.jpg); width: 140px; background-repeat: no-repeat; background-position: 0 2px; display: block; float: left; height: 40px;}
.scoreLink:hover {background-image: url(../img/scoreOn.jpg);}
.teamdetailsLink {background-image: url(../img/teamdetailsOff.jpg); width: 140px; background-repeat: no-repeat; background-position: 0 2px; display: block; float: left; height: 40px;}
.teamdetailsLink:hover {background-image: url(../img/teamdetailsOn.jpg);}
.teamsamenstellingLink {background-image: url(../img/teamsamenstellingOff.jpg); width: 140px; background-repeat: no-repeat; background-position: 0 2px; display: block; float: left; height: 40px;}
.teamsamenstellingLink:hover {background-image: url(../img/teamsamenstellingOn.jpg);}
.etappedetailsLink {background-image: url(../img/etappedetailsOff.jpg); width: 140px; background-repeat: no-repeat; background-position: 0 2px; display: block; float: left; height: 40px;}
.etappedetailsLink:hover {background-image: url(../img/etappedetailsOn.jpg);}
.etappeuitslagLink {background-image: url(../img/etappeuitslagOff.jpg); width: 140px; background-repeat: no-repeat; background-position: 0 2px; display: block; float: left; height: 40px;}
.etappeuitslagLink:hover {background-image: url(../img/etappeuitslagOn.jpg);}
.behaaldescoreLink {background-image: url(../img/behaaldescoresOff.jpg); width: 140px; background-repeat: no-repeat; background-position: 0 2px; display: block; float: left; height: 40px;}
.behaaldescoreLink:hover {background-image: url(../img/behaaldescoresOn.jpg);}
.scoreindividueelLink {background-image: url(../img/individueelOff.jpg); width: 140px; background-repeat: no-repeat; background-position: 0 2px; display: block; float: left; height: 40px;}
.scoreindividueelLink:hover {background-image: url(../img/individueelOn.jpg);}
.scorebedrijfsteamsLink {background-image: url(../img/bedrijfsteamsOff.jpg); width: 140px; background-repeat: no-repeat; background-position: 0 2px; display: block; float: left; height: 40px;}
.scorebedrijfsteamsLink:hover {background-image: url(../img/bedrijfsteamsOn.jpg);}
/* opmaak voor de externe links op de homepage */
td.tourLinks { padding: 4px 0; }
td.tourLinks a { color: #EEAA00; display: block; text-align: center; }
/* Redactionele noot */
.titelRedactioneleNoot { font-size: 18px; font-weight: bold; color: #666; margin-bottom: 0; padding-bottom: 0; }
.redactioneleNoot { }