﻿/* Copyright TvTWeb Web & Software development */

@import url(thickbox.css);
@import url(form.css);

/*=== HTML Elements =====================================================================================================================================================*/
body															{text-align:center; font-family:Trebuchet MS; color:#777777; font-size:12px; margin:0px; padding:0px; background:#227b27 url(../images/style/Gradient.jpg) repeat-x; } 
html															{width:100%;}
h1																{padding:20px 20px 15px 0px; margin:0px; color:#a12a2d; font-weight:normal; font-size:24px;}
h2																{font-weight:bold; color:#a12a2d; font-size:13px; border-bottom: 1px dotted #d7e8f2; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px;}

table.tableContainer											{margin:0px 0px 15px 0px; line-height:19px; padding:0px; width:100%; border-collapse: collapse;}
table.tableContainer th											{font-weight:bold; color:#444444; padding: 2px 0px 2px 0px; border-bottom: 1px dotted #d7e8f2; text-align:left;}
table.tableContainer td											{border-bottom: 1px dotted #d7e8f2; padding: 2px 0px 2px 0px;}
table.tableContainer td.right									{width:70px; padding:0px 0px 0px 0px;}

/*=== TvTWeb FrameWork Parts =====================================================================================================================================================*/

/* Content Text */
div.partContentText P											{padding:0px 0px 15px 0px; margin:0px; line-height:19px;}
div.partContentText P A:link									{color: red ;text-decoration:underline;}
div.partContentText P A:visited									{color: red ;text-decoration:underline;}
div.partContentText P A:active									{color: red ;text-decoration:underline;}
div.partContentText P A:hover									{color: #000000;text-decoration:underline;}
div.partContentText UL											{padding:0px 0px 15px 0px;margin:0px 0px 0px 5px;list-style-type:none; line-height:19px;}
div.partContentText UL LI										{background:url(../images/style/bullet.gif) no-repeat 0px 8px; padding:0px 0px 0px 25px;}
div.partContentText OL											{padding:0px 0px 15px 0px;margin:0px 0px 0px 15px;list-style-type:decimal; line-height:19px;}
div.partContentText OL LI										{list-style-type:decimal;}

/* Content FileImageGallery */
div.partContentFileImageGallery									{padding:0px 0px 0px 0px; margin:0px;}
div.partContentFileImageGallery	a.thickbox						{width:119px; height:90px; float:left; display:block; padding:0px 10px 10px 0px;}
div.partContentFileImageGallery	a.thickbox img					{border:solid 1px #777777;}
div.partContentFileImageGallery	a:hover.thickbox img			{border:solid 1px #a12a2d;}
div.partContentFileImageGallery	div.partContentFileImageGalleryFooter	{clear:both; height:5px;}	

/* Content FileImageAdmin*/
img.partContentFileImageAdmin									{padding:0px; margin:0px 0px 0px 0px; border:solid 1px #000000;}

/* partNavigation */
div#partNavigation												{background-color:#2791cf; padding:0px; margin:0px; width:246px; border:solid 1px #2388c0; font-size:13px; line-height:19px;} 
div#partNavigation ul											{list-style-type:none; margin:0px; padding:10px 0px 0px 0px; border-left:solid 18px #2388c0;}
div#partNavigation li											{padding:0px; margin:0px;}
div#partNavigation ul li a										{float:left; padding:0px 0px 0px 20px; text-decoration:none; cursor:pointer; margin:0px;}
div#partNavigation ul li a span									{float:left; padding:5px 18px 5px 20px; display:block; color:#ffffff; width:170px; border-bottom:dotted 1px #92c9e7;}
div#partNavigation ul li a:hover								{background-color:#2388c0;}
div#partNavigation ul li a:hover span							{}
div#partNavigation ul li.selected a								{}
div#partNavigation ul li.selected a span						{color:#000000; font-weight:bold;}
div#partNavigation ul li.partNavigationFooter 					{height:20px; display:block; clear:both; font-size:1px; padding:0px; margin:0px; line-height:0px;}

/* Page footer */
div#partFooter												{width:819px; margin:0px auto; padding:10px 0px 10px 0px; line-height:19px;}
div#partFooter ul											{text-decoration:none; padding:0px 20px 0px 0px; margin:0px; list-style-type:none; text-align:right;}
div#partFooter ul li										{color:#60BD39; text-decoration:none; display:inline; border-left: solid 1px #125416; padding:0px 6px 0px 10px;  /* Needs more padding on the right regarding display:inline*/}
div#partFooter ul li a:link									{color:#60BD39; text-decoration:none;}
div#partFooter ul li a:visited								{color:#60BD39; text-decoration:none;}
div#partFooter ul li a:active								{color:#60BD39; text-decoration:none;}
div#partFooter ul li a:hover								{color:#104312; text-decoration:none;}
div#partFooter ul li#partFooterCopyright					{border-left:none;}

/*=== Website coding =====================================================================================================================================================*/
div#bodyHeader													{width:100%; height:228px; padding:0px; background:url(../images/style/BodyBackground.jpg) no-repeat top center;}
	div#bodyContainer												{width:819px; margin:0px auto; text-align:left; background: url(../images/style/bodyContainerBackground.gif) repeat-y 19px 0px;}
		A#reservate														{position:absolute; height:90px; width:90px; margin:90px 0px 0px 765px; background:url(../images/style/Reserveer.png) no-repeat;}
	
		div#header														{width:819px; height:147px; background:url(../images/style/Header-Logo.jpg) no-repeat;}
		
			div#containerLeft												{width:248px; float:left;}
				
				div#professionOrganisations										{width:248px; height:107px; background:url(../images/style/MenuLogo.gif) no-repeat; padding:19px 0px 0px 0px;}
					A#recron														{width:117px; height:87px; float:left; padding:0px 0px 0px 6px; background:url(../images/content/LogoRECRON.jpg) no-repeat 3px 0px;}
					A#anwb															{width:117px; height:87px; float:left; padding:0px 0px 0px 6px; background:url(../images/content/LogoANWB.jpg) no-repeat;}
				
				div#contact														{width:248px; padding:0px 0px 12px 49px; font-size:12px; font-style:italic;}
				div#contact p													{padding: 0px 0px 0px 0px; font-size:12px;line-height:20px; color:#777777;}
				div#contact p b													{color:#a12a2d; font-weight:bold;}
				div#contact p a:link											{color:#777777; text-decoration:none;}
				div#contact p a:visited											{color:#777777; text-decoration:none;}
				div#contact p a:active											{color:#777777; text-decoration:none;}
				div#contact p a:hover											{color:#000000; text-decoration:none;}
			
			div#containerContent											{width:551px; float:left; padding: 0px 0px 0px 20px;}
				div#contentImage												{width:551px; height:235px; background: url(../images/style/ContentImage.jpg); }
				div#contentText													{width:531px; padding:0px 20px 5px 0px;}

			div#footerCenter												{clear:both; width:819px; height:6px; background:url(../images/style/footerCenter.gif) no-repeat 19px 0px;}
			





