/* Copyright TvTWeb Web & Software development */
/*
	Element namen in HOOFDLETTERES.
	Variabele namen zoals 'leftContainer'.
	Elementnaam altijd voor de klassenaam zoals 'DIV.leftContainer'.
	
*/

@import url("thickbox.css");


/*===ELEMENTS============================================================================================================================*/
BODY        {text-align:center; font-family:Arial; color:#666666; font-size:12px;margin:0px; padding:0px; background-color:#ededed;} 
HTML		{width:100%;}
FIELDSET	{padding:0px; margin:0px; border:0px;}
FORM		{padding:0px; margin:0px;}
SELECT		{float:left; font: 11px Tahoma; margin:0px; margin:0px; width:150px;}
LABEL		{float:left; font: 11px Tahoma; padding:0px; margin:0px;}
INPUT		{padding:0px; margin:0px;}
OPTION		{padding:0px; margin:0px;}
RADIO		{padding:0px; margin:0px;}
CHECKBOX	{padding:0px; margin:0px;}	
TEXTAREA	{padding:0px; margin:0px;}	

A:link			{color: #666666; text-decoration:none;}
A:visited		{color: #666666; text-decoration:none;}
A:active		{color: #666666; text-decoration:none;}
A:hover			{color: #065726; text-decoration:none;}

H2 A:link		{color: #ef7600; text-decoration:none;}
H2 A:visited	{color: #ef7600; text-decoration:none;}
H2 A:active		{color: #ef7600; text-decoration:none;}
H2 A:hover		{color: #065726; text-decoration:none;}

P				{color:#666666; margin:0px; padding:0px; line-height:19px;}
H1				{padding:0px 0px 0px 0px; margin:0px; font-size:19px; color:#065726; font-weight:normal;}
H2				{padding:0px 0px 0px 0px; margin:0px; font-size:19px; color:#ef7600; font-weight:normal;}

UL				{padding:0px; margin:0px;}
UL LI			{list-style-type:none;}

iframe#HTMLGoogleMaps	{margin-bottom:14px;}

.entityContentText P	{padding:0px 0px 10px 0px; margin:0px; color:#666666; line-height:19px;}
.entityContentText P strong	{color:#005623;}
.entityContentText P b		{color:#005623;}
.entityContentText P A:link		{color: #ef7600; text-decoration:none;}
.entityContentText P A:visited	{color: #ef7600; text-decoration:none;}
.entityContentText P A:active	{color: #ef7600; text-decoration:none;}
.entityContentText P A:hover	{color: #065726; text-decoration:none;}
.entityContentText UL		{padding:0px 0px 10px 0px; margin:0px;}
.entityContentText UL LI	{padding:0px 0px 0px 25px; line-height:19px; background:url(../images/style/orangeBullet.gif) no-repeat 0px 7px;}
.entityContentText OL		{padding:0px 0px 10px 20px; margin:0px;}
.entityContentText OL LI	{padding:0px 0px 0px 5px; line-height:19px;}

/*===WEBPAGE============================================================================================================================*/

DIV#bodyContainer	{width:980px; margin:0px auto; padding:0px 12px 0px 12px; background:url(../images/style/bodyContainer.jpg) repeat-y;}
	DIV#mainContainer	{width:980px;}
		DIV#topBar			{width:980px; background: url(../images/style/topbar.jpg) no-repeat 0px 0px;}
			A#topBarLogo		{height:123px; width:261px; float:left; background: url(../images/style/logo.jpg) no-repeat 20px 30px;}
			DIV#topBarSponsor	{width:719px; float:left;}
			DIV#topBarSponsor img {border:0px;}
				DIV.mainSponsorItem		{float:left; width:175px; height:88px; padding:28px 35px 0px 35px;}
				DIV#sponsorItemContainer	{float:left; width:474px; padding:0px; margin:0px;}
					DIV.topbarSponsorItem		{height:48px; width:85px; padding:10px 15px 0px 15px; margin:0px; float:left; }
				DIV.topbarSponsorFooter	{clear:both; height:7px; font-size:1px;}
	
	/* Navigation */
	DIV#navigation				{height:37px; width:978px; background:url(../images/style/navigation.jpg) repeat-x; padding: 10px 0px 0px 0px; margin:0px 1px 0px 1px;}
	DIV#navigation ul			{list-style-type: none; margin:0px; padding:0px 0px 0px 10px; font-family: Arial; font-size:15px; height:31px; width:980px;}
	DIV#navigation li			{display:inline; padding: 0px; margin:0px;}
	DIV#navigation a				{float:left; background:url(../images/style/buttonLeft.gif) no-repeat left top; background-position: 0% -111px; padding:0px 0px 0px 9px; text-decoration:none; cursor:pointer; margin: 0px 0px 0px 9px}
	DIV#navigation a span			{color:#ffffff; float:left; background:url(../images/style/buttonRight.gif) no-repeat right top; background-position: 0% -111px; padding:11px 17px 9px 8px; display:block;}
	DIV#navigation a:hover			{background-position:0% -37px;}
	DIV#navigation a:hover span		{background-position:100% -37px;}
	DIV#navigation .selected a		{background-position:0 -74px;}
	DIV#navigation .selected a span {background-position:100% -74px; color:#444444;}
		

DIV#mainContent	{background-color:#ffffff; text-align:left;}
	
	DIV#mainLeft	{width:300px; float:left; clear:left;}
	
		/* Quote */
		DIV#quote	{width:218px; margin:20px; border: solid 1px #e5e5e5; background-color:#f0f0f0; padding:20px 20px 4px 20px;}
		DIV#quote p	{background:url(../images/style/quoteIconGrey.gif) no-repeat 0px 5px; text-indent:22px; margin: 15px 0px 0px 0px;}
		
		/* Players */	
		DIV#players {width:280px; padding:0px 0px 0px 20px;}
			DIV.players					{float:left; height:106px; width:80px; padding:0px 10px 10px 0px;}
				DIV.playersImage				{border: 0px; height:78px; width:78px;}
				DIV#playersImage1				{background: url(../images/players/player001Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage2				{background: url(../images/players/player002Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage3				{background: url(../images/players/player003Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage4				{background: url(../images/players/player004Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage5				{background: url(../images/players/player005Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage6				{background: url(../images/players/player006Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage7				{background: url(../images/players/player007Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage8				{background: url(../images/players/player008Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage9				{background: url(../images/players/player009Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage10				{background: url(../images/players/player010Small.jpg) no-repeat;background-position:2px 2px;}
				DIV#playersImage11				{background: url(../images/players/player011Small.jpg) no-repeat;background-position:2px 2px;}
			DIV.players span			{font-size: 15px; color:#ffffff; padding:0px 0px 0px 8px; line-height:23px;}
			a.rolloverPlayers			{text-decoration:none;display: block; width: 80px; height: 106px; background:url(../images/style/pictureHolder.gif) no-repeat; text-decoration:none;}
			a:hover.rolloverPlayers		{background-position: 0% -106px;}
			DIV#playerFooter			{clear:both; height:10px; font-size:1px;}
				
	DIV#mainRight	{width:680px; float:left;}
	
		/* Content container */
		DIV#contentContainer			{width:658px; border:1px solid #e5e5e5; margin:20px 0px 15px 0px;}
			DIV#contentPhoto				{width:658px; height:243px; border-bottom:1px solid #e5e5e5;}
			
			/* fileImageGallery */
			DIV.fileImageGallery a IMG{border:none;margin:3px;}
			
			/* News view */
			DIV#newsArea				{padding:1px 20px 10px 20px;}
			
			DIV.newsItem				{padding:0px 0px 17px 0px; border-bottom:1px dashed #e5e5e5; margin:13px 0px 0px 0px;}
				DIV.newsItemTitle			{padding:2px 0px 7px 0px;}
				DIV.newsItemTitle h2		{padding:0px; margin:0px; font-size:19px; color:#ef7600; }
				DIV.newsItemTitle span		{padding:5px 0px 0px 0px;}
				DIV.newsItemThumb			{float:left; width:56px; height:37px;}
				DIV.newsItemThumb img		{border:1px solid #999999;}
				DIV.newsItemText			{float:left; width:552px; padding:0px 0px 0px 10px;}
				DIV.newsItemText P			{display:inline; padding:0px 3px 0px 0px;}
				
			/* News item view */	
			DIV#newsItemArea				{padding:14px 20px 10px 20px;}
			DIV#newsItemArea img			{border:solid 1px #999999; margin-bottom:10px;}
			
			/* Partners */
			DIV.partnerArea					{padding:0px 20px 17px 0px;}
			DIV.partnerArea	 H1				{padding:16px 20px 10px 20px; color:#EF7600; font-weight:normal;}
			DIV.partnerItem					{padding:0px 0px 5px 0px; margin:13px 0px 0px 20px; border-bottom:dashed 1px #e0e0e0;}
				DIV.partnerItem h2		{padding:0px 0px 3px 0px; margin:0px; font-size:15px; color:#065726; font-weight:normal;}
				DIV.partnerItem DIV.partnerItemLogo	{width:140px;float:left; padding:0px 10px 0px 0px; margin:0px;margin-right:40px;}
				DIV.partnerItem DIV.partnerItemLogo IMG{padding:0px; margin:3px 0px 0px 0px;}
				DIV.partnerItem DIV.partnerItemText	{width:410px;float:left; margin:0px;}
				DIV.partnerItem DIV.partnerItemFooter{clear:both;}
				
			.floatLeft						{float: left; margin: 0px 10px 5px 0px; border:solid 1px #e0e0e0;}
			

			
			/* regular view */
			DIV#greyBar					{height:19px; width:658px; background:url(../images/style/subNavigation.jpg) repeat-x; border-bottom: solid 1px #e5e5e5;}
			
			/* Sub navigation */
			DIV#subNavigation				{height:41px; width:658px; background:url(../images/style/subNavigation.jpg) repeat-x;}
			DIV#subNavigation ul			{list-style-type: none; margin:0px; padding:9px 0px 0px 15px; font-family: Arial; font-size:15px; height:32px;}
			DIV#subNavigation li			{display:inline; padding: 0px; margin:0px;}
			DIV#subNavigation a				{float:left; background:url(../images/style/subNavigationLeft.gif) no-repeat left top; background-position: 0% -96px; margin:0px 0px 0px 5px; padding:0px 0px 0px 9px; text-decoration:none; cursor:pointer;}
			DIV#subNavigation a span			{color:#666666; float:left; background:url(../images/style/subNavigationRight.gif) no-repeat right top; background-position: 0% -96px; padding:8px 11px 7px 1px; display:block;}
			DIV#subNavigation a:hover			{background-position:0% -32px;}
			DIV#subNavigation a:hover span		{background-position:100% -32px;}
			DIV#subNavigation .selected a		{background-position:0 -64px;}
			DIV#subNavigation .selected a span {background-position:100% -64px; color:#666666;}
			
			DIV#contentArea					{padding:20px 20px 10px 20px;}
	
		/* Highlight */
		DIV#highlightContainer	{width:638px; background-color:#ffffff; border:1px solid #e5e5e5; margin:20px 0px 0px 0px; padding:10px 10px 15px 10px;height:400px;}
		
			DIV#highlightImage		{float:left; height:250px; width:366px; background: url(../images/style/largepictureholder.gif) no-repeat;}
			DIV#highlightImage img	{border:solid 1px #ca6300; margin:4px; padding:0px;}
			
			DIV#highlightItems		{height:250px; width:272px; float:left;}
				DIV.highlightItem			{height: 45px; width:269px; margin:0px 0px 5px 3px;}
				DIV.highlightItem img		{float:left; border:1px solid #999999; width:54; height:35px; margin:4px 0px 0px 17px}
				DIV.highlightItem span		{float:left; font-size:12px; padding: 7px 0px 0px 10px; height:38px; width:186px;}
				
					A.rolloverHighlightItem				{display: block; width: 269px; height: 45px; background: url(../images/style/highlightSelect.gif) no-repeat; text-decoration:none; cursor:pointer}
					A:hover.rolloverHighlightItem		{background-position: 0% -45px; color:#ffffff;}
					A:hover.rolloverHighlightItem img	{border:solid 1px #ca6300;}
			
				DIV#highlightText		{clear:both; padding:10px 0px 0px 10px;}
				DIV#highlightText h1	{}
				DIV#highlightText p		{color:#666666; padding:5px 0px 0px 0px ; margin:0px;}

		/* Archive */
		DIV#archiveContainer		{float:left; width: 400px; padding: 15px 0px 17px 20px;}
		DIV#archiveContainer h1		{padding:0px 0px 7px 0px;}
		
			DIV.archiveContainerItem	{border-bottom: dashed 1px #e5e5e5; width:400px; height:19px; padding:9px 0px 9px 0px;}
				DIV.archiveContainerDate	{float:left; height:17px; width:70px; background: url(../images/style/archivedate.gif) no-repeat; color:#ffffff; padding:2px 10px 0px 0px; text-align:center;}
				DIV.archiveContainerText	{float:left; height:19px;}
			
		/* GTH tip */
		DIV#gthTip		{width:220px; float:left; padding:15px 0px 15px 20px;}
		DIV#gthTip p	{background:url(../images/style/quoteIconWhite.gif) no-repeat 0px 21px; text-indent:22px; margin:0px; padding:16px 0px 0px 0px;}
		
		/* footer */
		DIV.footer		{clear:both; height:3px; font-size:1px;}
		

		/* Pagination_part - LET OP, clear both is belangrijk */
			DIV.pagination_part							{clear:both; padding:20px 15px 10px 0px; border:none; height:28px;}
			DIV.pagination_part ul						{margin: 0; padding:6px 0px 6px 0px; text-align: left; /*Set to "right" to right align pagination interface*/ font-size: 13px;}
			DIV.pagination_part ul li					{list-style-type: none;display: inline;}
			DIV.pagination_part ul li a, .pagination	{padding: 4px 9px 4px 9px; border: 1px solid #dddddd; text-decoration:none; color: #ef7600;}
			DIV.pagination_part ul li a:hover, .pagination a:active	{border: 1px solid #dddddd; color: #000000; background-color: #dddddd;}
			DIV.pagination_part ul li a.selected		{background-color: #ef7600; color: #ffffff; border-color: #cccccc; font-weight: bold; cursor: pointer;}

		
	DIV#mainFooter	{clear:both; height:12px; background:url(../images/style/mainFooter.jpg) repeat-x; font-size:1px;}
/*===FORMS============================================================================================================================*/

DIV.formPropertyContainer										{padding:0px; margin:0xp;border-bottom:solid 1px #cccccc;height:auto;float:left;width:100%;}
DIV.formPropertyContainer LABEL									{width:150px; height:14px;padding:8px 0px 0px 5px;}
DIV.formPropertyContainer LABEL.required						{font-weight:bold;}
	DIV.formPropertyTextContainer INPUT							{padding:2px; margin:8px 0px 5px 0px;font-family: Tahoma;font-size:11px; border:solid 1px #cccccc; width:150px;}
	DIV.formPropertyReadOnlyContainer LABEL						{padding:0px; margin:8px 0px 5px 0px;float:left;padding-bottom:5px;}
	DIV.formPropertyTextAreaContainer TEXTAREA					{padding:2px; margin:8px 0px 5px 0px; font-family: Tahoma;font-size:11px; border:solid 1px #cccccc; width:150px;}
	DIV.formPropertyDateTimeContainer .formPropertyDateDay		{padding:2px; margin:8px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateMonth	{padding:2px; margin:8px 3px 5px 0px; float:left; width:15px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyDateYear		{padding:2px; margin:8px 3px 5px 0px; float:left; width:30px; font-family: Tahoma; font-size:11px; border:solid 1px #cccccc;}
	DIV.formPropertyDateTimeContainer .formPropertyUnit			{padding:0px; margin:11px 3px 5px 0px; float:left; width:60px; height:20px;margin-left:5px;}
	DIV.formPropertyRadioContainer								{float:left;width:190px;}
	DIV.formPropertyRadioContainer INPUT						{float:left;width:20px; margin-top:5px;}
	DIV.formPropertyRadioContainer LABEL						{float:left;width:150px;padding:8px 0px 0px 5px;height:20px;}
	DIV.formPropertyCheckContainer							{height:25px;}
	DIV.formPropertyCheckContainer							{float:left;width:190px;margin-top:5px;}
	DIV.formPropertyCheckContainer INPUT						{float:left;width:20px;}
	DIV.formPropertySelectContainer								{height:30px;}
	DIV.formPropertySelectContainer SELECT						{padding:0px; margin:5px 3px 5px 0px; width:150px;}	
	DIV.formPropertySubmitContainer								{height:40px;}
	DIV.formPropertySubmitContainer INPUT						{margin:8px 3px 5px 0px; border:solid 1px #cccccc; float:left; padding:3px 5px 3px 5px; background-color:#9bbde3;color:#333333;font-weight:bold;font-size:11px;font-family:Verdana;}


DIV#posterAjax{height:200px;width:400px; background-color:Red;}
DIV#pagingbar{height:30px;width:400px;background-color:Green;}
DIV#pagingbar LI.selected{font-weight:bold;}