﻿/* Copyright TvTWeb - www.tvtweb.nl */

/*=== HTML Elements =====================================================================================================================================================*/
body															{text-align:center; font-family:Arial; color:#000000; font-size:12px;margin:0px; padding:0px;} 
html															{width:100%;}
h1																{padding:0px 0px 0px 0px; margin:0px; color:#8a1329; font-size:30px;}

/*=== TvTWeb FrameWork Parts ==============================================================================================================================================*/

/* partContentText */
div.partContentText												{}
div.partContentText p											{padding:20px 0px 0px 0px; margin:0px; line-height:20px; font-size:12px;}
div.partContentText p a:link									{color: #8a1329; text-decoration:underline;}
div.partContentText p a:visited									{color: #8a1329; text-decoration:underline;}
div.partContentText p a:active									{color: #8a1329; text-decoration:underline;}
div.partContentText p a:hover									{color: #000000; text-decoration:none;}
div.partContentText ul											{padding:20px 0px 0px 0px;margin:0px 0px 0px 15px;list-style-type:disc; line-height:20px;}
div.partContentText ul li										{}
div.partContentText ol 											{padding:20px 0px 0px 0px;margin:0px 0px 0px 19px;list-style-type:decimal; line-height:20px;}
div.partContentText ol li										{}

/* partContentFileImageGallery */
div.partContentFileImageGallery									{padding:0px 0px 0px 0px; margin:0px;}
div.partContentFileImageGallery	a.thickbox						{width:61px; height:64px; float:left; display:block; padding:10px 10px 0px 0px;text-align:center;}
div.partContentFileImageGallery	a.thickbox img					{border:none;}
div.partContentFileImageGallery	a:hover.thickbox img			{border:none;}
div.partContentFileImageGallery	div.partContentFileImageGalleryFooter{clear:both; height:20px;}	

/* partContentFileImageAdmin */
div.partContentFileImageAdmin									{padding:0px 0px 0px 0px; margin:0px;text-align:center;margin-right:65px;}
div.partContentFileImageAdmin img								{border:none;}

/* Navigation */
#nav				{margin:0px; padding:0px 0px 0px 0px; line-height:100%; font-size:15px; height:30px; float:left;} 
#nav li				{margin:0px 0px; padding:0px 0px 0px 0px; float:left; position:relative; list-style:none; width:161px; border-left:solid 1px #ffffff;padding-top:1px;}
#nav li#first		{border-left:none;}
#nav li.selected	{border-top:solid 1px white;padding-top:0px;}

/* main level link */
#nav a				{font-weight:bold; color:#e7e5e5; text-decoration:none; border-top:solid 1px Transparent; display:block; padding:7px 0px 7px 0px; margin:0px;}
#nav a:hover		{color:#ffffff;}
/* sub levels link hover */
#nav ul li:hover a	{color:#151b3f; background-color:#ffffff;}
#nav li:hover li a	{color:#151b3f; background-color:#ffffff;}
#nav ul a:hover		{background:#8a1329 !important; color:#ffffff !important; }
/* dropdown */
#nav li:hover > ul	{display:block; padding:0px;}
/* level 2 list */
#nav ul				{display:none; margin:0; width:163px; position:absolute; top:29px; left:-1px; border-bottom:solid 1px #151b3f; text-align:left;}
#nav ul li			{float:none; margin:0; padding:0px; border:solid 1px #151b3f; border-bottom:none;}
#nav ul li img		{border:none; float:right; padding:3px 10px 0px 0px;}
#nav ul li a		{font-weight:normal; padding:4px 10px 5px 10px;}
/* level 3+ list */
#nav ul ul			{left:161px; top:0px; padding:0px;}
#nav ul li ul 		{top:-1px;}
/* clearfix */
#nav:after			{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
#nav				{display:inline-block;} 
html[xmlns] #nav	{display:block;}
* html #nav			{height:1%;}



/*=== Website coding =====================================================================================================================================================*/

	div#topContainer										{height:221px; width:100%; background:#081331 url(../images/style/top.jpg) no-repeat top center;}																			 
		div#top													{height:221px; width:976px; margin:0px auto;}
			div#language											{height:171px; width:81px; padding:20px 0px 0px 895px;}
			div#language a#languageItem								{float:left; height:16px; background-color:White; border:solid 2px #8a1329; padding:1px 4px;}	
			div#language a:link#languageItem 						{color: #8a1329; text-decoration:none;}
			div#language a:visited#languageItem 					{color: #8a1329; text-decoration:none;}
			div#language a:active#languageItem 						{color: #8a1329; text-decoration:none;}
			div#language a:hover#languageItem 						{color: #ffffff; text-decoration:none; background-color:#8a1329;}
			div#language a#languageItem.selected					{float:left; height:16px; background-color:#8a1329; border:solid 2px #8a1329; padding:1px 4px; color: #ffffff;}	

			div#navigation											{width:976px; height:30px; margin:0px; padding:0px;}
   
    div#contentContainer									{width:100%; background:#ffffff url(../images/style/contentBackground.gif) no-repeat top center;}
		div#content												{width:976px; background-color:white; margin:0px auto;}
			div#header												{width:976px; height:201px; background:url(../images/content/header.jpg) no-repeat;}
			
			/* Text on the left side */
			div#textArea											{float:left; width:380px; text-align:left; padding:60px 0px 0px 30px;}
			
			/* Photo's in the middle of the homepage */
			div#photoArea											{float:left; width:302px; padding:0px 32px 0px 32px; text-align:left;margin-top:60px;}
			
			/* Various items on the right of the homepage */
			div#various												{float:right; width:200px; text-align:left;}
				div#various h2                                          {color:#ffffff; background:#151b3f; font-weight:normal; text-align:center; font-size:16px; padding:0px; margin:0px;}
				div#various	h2 a										{display:block; background:#151b3f; width:99px; float:left; padding:5px 0px 6px 0px;border-left:solid 1px #ffffff;}
				div#various h2 a.selected								{background:#8a1329;}
                div#various h2 a:link									{color: #ffffff; text-decoration:none;}
				div#various h2 a:visited								{color: #ffffff; text-decoration:none;}
				div#various h2 a:active									{color: #ffffff; text-decoration:none;}
				div#various h2 a:hover									{color: #ffffff; text-decoration:none;background-color:#8a1329;}
				div.clearVarious										{clear:both; height:1px;}

                div#variousContent                                      {width:180px; padding:0px 0px 0px 20px}
                div.variousBoxs                                         {width:143px; margin:0px 25px 0px 0px; padding:0px 0px 0px 32px; border-bottom:dashed 1px #7f7f7f; background:url(../images/style/bullet.jpg) no-repeat 15px 10px;}
                div.variousBoxs	p										{padding:7px 0px 7px 5px; margin:0px; color:#000000; font-size:13px;}
                div.variousBoxs a										{padding:0px 0px 10px 0px; font-style:italic; display:block; text-align:right;}
                div.variousBoxs a:link									{color: #8a1329; text-decoration:underline;}
				div.variousBoxs a:visited								{color: #8a1329; text-decoration:underline;}
				div.variousBoxs a:active								{color: #8a1329; text-decoration:underline;}
				div.variousBoxs a:hover									{color: #151b3f; text-decoration:underline;}
				div#last												{ border-bottom:none;}
			
			/* Photogallery */

			div#photoGallery							{width:486px; float:left; text-align:left; padding:0px 0px 0px 80px;margin-top:110px;}
			
			div#contentClear										{clear:both; height:20px;}
	
	div#footerContainer										{width:100%; background:#ffffff url(../images/style/footerBackground.gif) no-repeat top center; height:100px;}
	
	/* partFooter */
		div#partFooter											{width:916px; border-top:solid 1px #7f7f7f; margin:0px auto; padding:0px 0px 0px 0px; line-height:19px;}
		div#partFooter ul										{padding:6px 10px 0px 0px; margin:0px; list-style-type:none; text-align:left;}
		div#partFooter ul li									{border-left:solid 1px #7f7f7f;color:#7f7f7f; display:inline; padding:0px 6px 0px 10px; /* Needs more padding on the right regarding display:inline*/}
		div#partFooter ul li#partFooterCopyright				{border-left:none; padding:0px 6px 0px 0px;}
		div#partFooter ul li a:link								{color:#7f7f7f; text-decoration:none;}
		div#partFooter ul li a:visited							{color:#7f7f7f; text-decoration:none;}
		div#partFooter ul li a:active							{color:#7f7f7f; text-decoration:none;}
		div#partFooter ul li a:hover							{color:#8a1329; text-decoration:none;}		



		div#ajaxPhoto{height:275px;}
