html, form, body								{ margin:0px; padding:0px; width:100%; height:100%; }
body								            {background-color: #fff; background-image: url(../img/2011/bg_2011c.jpg); background-repeat: no-repeat; background-position: center top; font-size:12px; font-family:Arial, Verdana;}
.clear							            {overflow: hidden; clear: both; height: 0px; width: 0px;}
p.titel							            {font-size: 22px; font-weight: bold; color: #FF9501; }
a										            {color: #b05710; text-decoration: none; font-weight: bold; }
a:hover							            {color: #FF671D; text-decoration: underline; }

table								            {font-size: 12px;  line-height: 25px;}
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; line-height: 20px;}
img									            {border: 0;}
p.titel							            {font-size: 18px; font-weight: bold; color: #b05710; margin-top:15px; }
.meer                           {text-align:right; margin:10px 20px 0px 0px; }
.meer a                         {color: #b05710;}

p.sprokkelpad				            {font-size: 12px; font-weight: normal; color: #000; }
p.sprokkelpad	a			            {font-size: 12px; font-weight: normal; color: #b05710; }
.Titel							            {font-size: 18px; font-weight: bold; color: #b05710; margin-top:15px; }

div#siteContainer								{ width:826px; left:50%; margin-left:-410px; position:absolute; }

/* Indeling webpage */
div#contentContainer			      {padding: 10px 0px 0px 30px; background:#FFF;margin-right:1px; /*background-image: url(../img/2011/contentbg_vervolg.png)*/}
div#contentContainerHome	      {padding: 30px 0px 0px 30px; background:#FFF; margin-right:1px; /*background-image: url(../img/2011/contentbg.png);*/}

div#homeLeft							      {float: right; width: 230px; }
div#homeRight							      {float: left; width: 500px; }

.logoMascGroot			            {width: 115px; height: 43px; background-image: url(../img/2011/logo-masc.png); background-repeat: no-repeat; position: relative;  z-index: 16; float:right; 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: 43px; background-image: url(../img/2011/logo-masc.png); background-repeat: no-repeat; position: relative;  z-index: 16; float:right; 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;}


/* Indeling menu */
div#topMenuHome									{font-size:17px; background-image: url(../img/2011/nav.png); height:43px; padding-left:10px; padding-right:10px;
               									 margin-top:200px; line-height:43px; vertical-align:middle;}
div#topMenuHome	a		            {color:White; text-decoration:none; margin-left:20px; }
div#topMenuHome	a:hover		      {color:#e3b20d; text-decoration:none; }
div#topMenu   									{font-size:17px; background-image: url(../img/2011/nav.png); height:43px; padding-left:10px; padding-right:10px;
               									 margin-top:200px; line-height:43px; vertical-align:middle;}
div#topMenu	a		                {color:White; text-decoration:none; margin-left:20px; }
div#topMenu	a:hover		          {color:#e3b20d; text-decoration:none; }


/* 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: 3px 5px; width: 20px; background-repeat: no-repeat; color: #fff; font-size: 10px; padding: 0px; text-align: center; vertical-align:top; padding-top:0px;}
.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											{margin-right:5px; background-image: url(../img/2011/btn_score.gif); width: 140px; background-repeat: no-repeat; background-position: 0 0px; display: block; float: left; height: 30px;}
.scoreLink:hover								{background-image: url(../img/2011/btn_score.gif); background-position: 0 -30px;}
.teamdetailsLink								{margin-right:5px; background-image: url(../img/2011/btn_teamdetails.gif); width: 140px; background-repeat: no-repeat; background-position: 0 0px; display: block; float: left; height: 30px;}
.teamdetailsLink:hover					{background-image: url(../img/2011/btn_teamdetails.gif); background-position: 0 -30px;}
.teamsamenstellingLink					{margin-right:5px; background-image: url(../img/2011/brn_teamsamenstelling.gif); width: 140px; background-repeat: no-repeat; background-position: 0 0px; display: block; float: left; height: 30px;}
.teamsamenstellingLink:hover		{background-image: url(../img/2011/btn_teamsamenstelling.gif); background-position: 0 -30px;}
.etappedetailsLink							{margin-right:5px; background-image: url(../img/2011/btn_etappedetails.gif); width: 140px; background-repeat: no-repeat; background-position: 0 0px; display: block; float: left; height: 30px;}
.etappedetailsLink:hover				{background-image: url(../img/2011/btn_etappedetails.gif); background-position: 0 -30px;}
.etappeuitslagLink							{margin-right:5px; background-image: url(../img/2011/btn_etappeuitslag.gif); width: 140px; background-repeat: no-repeat; background-position: 0 0px; display: block; float: left; height: 30px;}
.etappeuitslagLink:hover				{background-image: url(../img/2011/btn_etappeuitslag.gif); background-position: 0 -30px;}
.behaaldescoreLink							{margin-right:5px; background-image: url(../img/2011/btn_behaaldescore.gif); width: 140px; background-repeat: no-repeat; background-position: 0 0px; display: block; float: left; height: 30px;}
.behaaldescoreLink:hover				{background-image: url(../img/2011/btn_behaaldescore.gif); background-position: 0 -30px;}
.scoreindividueelLink						{margin-right:5px; background-image: url(../img/2011/btn_individueel.gif); width: 140px; background-repeat: no-repeat; background-position: 0 0px; display: block; float: left; height: 30px;}
.scoreindividueelLink:hover			{background-image: url(../img/2011/btn_individueel.gif); background-position: 0 -30px;}
.scorebedrijfsteamsLink					{margin-right:5px; background-image: url(../img/2011/btn_bedrijfsteams.gif); width: 140px; background-repeat: no-repeat; background-position: 0 0px; display: block; float: left; height: 30px;}
.scorebedrijfsteamsLink:hover		{background-image: url(../img/2011/btn_bedrijfsteams.gif); background-position: 0 -30px;}


/*opmaak van de tabellen*/
.veld1							            {font-size: 12px; font-family: Arial;  height: 15px; background-color:#f0c530;}
.veld1Alt						            {font-size: 12px; font-family: Arial; background-color:#f6db70; }
.headText 					            {font-size: 14px; font-weight: bold; }
.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; border: 0px solid black; background: url(../img/2011/icon_magnifier.png) no-repeat transparent; cursor: pointer;}
.tour_input					            {border: 1px solid black; height:23px; width:250px; }
.tour_button				            {border: 1px solid #666; font-size: 11px; padding: 3px 10px; margin: 4px 0; }
.score							            {background-color:#e6b012; width: 68px;}
.scoreMain					            {font-weight: bold;}
.scoreHeader				            {background-image: url(../img/2011/scoreTop.jpg); width: 68px;}


a.disclaimer                    {color:#b05710;}
a.disclaimer:hover              {color:#000;}
.headTextLink                   {color:#B05710; font-weight:bold; font-size:13px;}
.headTextLink a                 {color:#B05710; font-weight:bold; font-size:13px;}

.movieOverlay																	{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:url('/img/transparentBackground.png') repeat;
             																	  width:100%; height:100%; z-index:100; }
.movieContainer																{ position:absolute; width:949px; height:500px; left:50%; margin-left:-475px; margin-top:100px; z-index:101; }
.movieContainer .movieContainerCenter					{ position:relative; background-color:#000000; padding-top:40px; padding-bottom:40px; }
.movieContainer .movieContainerCenter .closeFilm { position:absolute; top:8px; right:8px; }

