﻿/* Copyright TvTWeb - www.tvtweb.nl */

/*=== HTML Elements =====================================================================================================================================================*/

body																{text-align:center; margin:0px; padding:0px; font-family:Arial; color:#000; font-size:13px; background-color: #f5f5f5;} 
html																{width:100%;}
h1, .h1																	{padding:0px 0px 15px 0px; margin:0px; font-size: 50px;}

a 												{outline:0; cursor: pointer;

transition:0.5s ease;
-webkit-transition:0.5s ease; /* Safari & Chrome */
-moz-transition:0.5s ease; /* Firefox 4 */
-ms-transition:0.5s ease; /* IE9 */}

a:link											{color: #000000; text-decoration:underline;}
a:visited										{color: #000000; text-decoration:underline;}
a:active										{color: #000000; text-decoration:underline;}
a:hover											{color: #999; text-decoration:underline;}

/*=== TvTWeb FrameWork Parts ==============================================================================================================================================*/

.partContentText h2, .partContentFileAdmin h2, .partContentFileImageGallery h2 	{padding: 20px 0px 20px 0px; margin: 0px; font-size: 28px; color: #000; line-height: 30px;}

/* partContentText element padding */
/* .partContentText p, .partContentText ul, .partContentText ol 		{padding:0px 0px 20px 0px;}  */

/* partContentText */
/* .partContentText													{line-height:21px;}
.partContentText p													{margin:0px;}
.partContentText p a:link											{color: #000000; text-decoration:underline;}
.partContentText p a:visited										{color: #000000; text-decoration:underline;}
.partContentText p a:active											{color: #000000; text-decoration:underline;}
.partContentText p a:hover											{color: #999; text-decoration:underline;}

.partContentText p a.readMore                                		{color: #000000; text-decoration:underline;}
.partContentText p a:link.readMore                           		{color: #000000; text-decoration:underline;}
.partContentText p a:visited.readMore                        		{color: #000000; text-decoration:underline;}
.partContentText p a:active.readMore                         		{color: #000000; text-decoration:underline;}
.partContentText p a:hover.readMore                          		{color: #000000; text-decoration:none;}

.partContentText ul													{margin:0px 0px 0px 15px;list-style-type:disc;}
.partContentText ul li												{}
.partContentText ol 												{margin:0px 0px 0px 20px;list-style-type:decimal;}
.partContentText ol li												{}

.partContentText table                                       		{border-collapse: collapse; padding:0px; margin:0px 0px 20px 0px; text-align:left;}
.partContentText table tr                                   	 	{}
.partContentText table th                                    		{padding-right:20px;}
.partContentText table td                                    		{padding-right:20px; vertical-align: top; display: table-cell;} */

/* partContentFileImageGallery - Use for multiple images */
#contentContainer .partContentFileImageGallery										{float: right; width: 440px; margin: 20px 0px 0px 40px;}
#contentContainer .partContentFileImageGallery a img:hover		            		{border:none; opacity: 0.5;}
#contentContainer .partContentFileImageGallery .partContentFileImageGalleryFooter		{clear:both; height:5px;}	
#contentContainer .partContentFileImageGallery p										{padding: 10px 10px; margin: 0px 0px 0px 0px; font-weight: bold; border: 1px dashed #999; border-bottom: none;}

/* Slider */
.partSlider.sliderHome                              {}
    .partSlider.sliderHome .slideContainer          {padding-bottom: 39.2%;}

.partSlider.sliderHome .slidePagination     {margin-top: 15px;}
    .partSlider.sliderHome .slidePaginationBullet   {margin-top: 15px; background-color: #fff; border: 2px solid rgb(150, 150, 150);}
    .partSlider.sliderHome .slidePaginationBullet:hover,
    .partSlider.sliderHome .slidePaginationBullet.selected {background-color: rgb(150, 150, 150);}

/* .partContentFileImageGallerySingle 									{} */
/* .partContentFileImageGallerySingle img								{margin: 0px 0px 0px 0px; float: none;} */

/* partContentFileAdmin - Use for files */
/* .partContentFileAdmin                                        		{padding:0px 0px 0px 0px;}
.partContentFileAdmin ul                                     		{padding:0px; margin:0px;list-style:none;}
.partContentFileAdmin ul li                                  		{padding:5px 0px 20px 0px; margin:0px;}

.partContentFileAdmin ul li a                                		{padding:3px 0px 5px 30px; margin:0px; color:#666666; outline:0;}
.partContentFileAdmin ul li a:link 			                		{color: #000000;text-decoration:underline;}
.partContentFileAdmin ul li a:visited 		                		{color: #000000;text-decoration:underline;}
.partContentFileAdmin ul li a:active 			            		{color: #000000;text-decoration:underline;}
.partContentFileAdmin ul li a:hover			                		{color: #999;text-decoration:underline;}

.partContentFileAdmin ul li a.partContentFileAdminZIP				{background:url(http://cdn.tvtweb.nl/img/global/fileAdminZip.png) no-repeat;}
.partContentFileAdmin ul li a.partContentFileAdminPDF				{background:url(http://cdn.tvtweb.nl/img/global/fileAdminPdf.png) no-repeat;}	

.partContentCode, .partContentVideo, .partContentForm				{padding:0px 0px 15px 0px;}				 */

/*=== Start coding here ==========================================================================================================================================*/

#mainContainer														{background-color: white;}
	#container															{width: 960px; margin: 0px auto; padding: 0px 0px 30px 0px;}

		#logo																{display: block; padding: 40px 0px; font-size: 50px;}
		#logo	a:link														{color: #000000; text-decoration:none;}
		#logo	a:visited													{color: #000000; text-decoration:none;}
		#logo	a:active													{color: #000000; text-decoration:none;}
		#logo	a:hover														{color: #999; text-decoration:none;}
			
	#navigationContainer	{
       background: url('../images/style/navigationBackground.png') no-repeat; padding: 7px 0px 6px 0px; display: flex; justify-content: space-between; margin-bottom: 50px;
    }

        #navigationContainer .partNavigation-h                                  {height: 70px;}	

        #languageContainer                                                      {display: flex; align-items: center;}	
            .language															{display: block; width: 30px; height: 22px; margin:0 5px; opacity: 0.5;}
            .language:hover														{opacity: 1;}
		#navigationContainer .selected											{opacity: 1;}
			.nl																	{background: url('../images/style/nl.png') no-repeat;}
			.en																	{background: url('../images/style/en.png') no-repeat;}
			.de																	{background: url('../images/style/de.png') no-repeat;}
			.fr																	{background: url('../images/style/fr.png') no-repeat;}
			.zh																	{background: url('../images/style/zh.png') no-repeat;}
		
		#slidercontainer													{width: 960px; height: 423px;}
	
		#quote																{background: #f5f5f5; border: 1px solid #e1e1e1; padding: 20px 20px 3px 30px; border-radius: 10px; font-family:georgia; font-size: 26px; color: #555; margin: 15px 0px 0px 0px; text-align:left;}
		#quote p 															{line-height:36px;}
		
		#contentContainer													{text-align: left; padding: 40px 0px 0px 0px;}
			.imageContainerFix														{float: right; width: 440px; margin-left: 40px; margin-top:55px;}	
			.imageContainerFix .partContentFileImageGallery							{float: none; width: 440px; margin:6px 0px 0px 0px;}
			.imageContainerFix .partContentFileImageGallerySingle 					{}
			.imageContainerFix .partContentFileImageGallerySingle img				{float: none; margin: 0px 0px 5px 0px;}	
	
		.clearBoth															{height: 10px; clear: both;}
	
#footerContainer													{border-top: 1px solid #e1e1e1;}
	#footer																{width: 960px; margin: 0px auto; font-size: 11px; text-align: left; padding: 30px 0px 0px 0px; height: 70px;}
	#footer ul																{padding: 0px; margin: 0px; list-style-type: none;}
	#footer ul li															{margin: 0px; float: left; border-left: 1px solid #000; padding:0px 6px 0px 6px;}
	#footer ul li#first														{border-left: none; padding-left: 0px;}
