﻿/* Copyright TvTWeb - www.tvtweb.nl */

/*=== HTML Elements =====================================================================================================================================================*/
body															{text-align:center; font-family:Verdana; color:#c41230; font-size:12px;margin:0px; padding:0px; background:#ffffff;} 
html															{width:100%;}
h1																{padding:23px 0px 2px 0px; margin:0px; line-height:27px; font-size:21px; font-weight:normal; color:#404041;}

/*=== TvTWeb FrameWork Parts ==============================================================================================================================================*/

/* partContentText */
div.partContentText												{}
div.partContentText p											{padding:17px 0px 0px 0px; margin:0px; line-height:22px; color:#404041;}
div.partContentText p a:link									{color: #c41230; text-decoration:none;}
div.partContentText p a:visited									{color: #c41230; text-decoration:none;}
div.partContentText p a:active									{color: #c41230; text-decoration:none;}
div.partContentText p a:hover									{color: #404041; text-decoration:underline;}
div.partContentText ul											{padding:0px 0px 15px 0px;margin:0px 0px 0px 13px;list-style-type:disc; color:#404041;line-height:22px;}
div.partContentText ul li										{}
div.partContentText ol 											{padding:0px 0px 15px 0px;margin:0px 0px 0px 22px;list-style-type:decimal; color:#404041;line-height:22px;}
div.partContentText ol li										{}

/* partContentFileImageGallery */
div.partContentFileImageGallery									{padding:23px 0px 0px 0px; margin:0px; width:405px; float:right;}
div.partContentFileImageGallery	a.thickbox						{float:left; display:block; padding:0px 10px 10px 0px;}
div.partContentFileImageGallery	a.thickbox img					{border:solid 1px #707071;}
div.partContentFileImageGallery img                             {border:solid 1px #707071; }
div.partContentFileImageGallery	a:hover.thickbox img			{border:solid 1px #c41230;}
div.partContentFileImageGallery	div.partContentFileImageGalleryFooter{clear:both; height:15px;}	

.partContentFileAdmin LI                                        {list-style:none;}
a.partContentFileAdminPDF                                          {background:url(../images/style/pdf.png) no-repeat;padding-left:40px;display:block;padding-top:10px;padding-bottom:10px; color:#c41230;}
a.partContentFileAdminPDF:link					{color: #c41230; text-decoration:none;}
a.partContentFileAdminPDF:visited					{color: #c41230; text-decoration:none;}
a.partContentFileAdminPDF:active					{color: #c41230; text-decoration:none;}
a.partContentFileAdminPDF:hover					{color: #404041; text-decoration:underline;}

/* customNavigation */
div#customNavigation												{background-color:#c41230; padding:0px 0px 0px 0px; margin:0px; height:40px; float:left; width:960px;} 
div#customNavigation ul li.partNavigationFooter 					{height:3px; display:none; clear:both; font-size:1px; padding:0px; margin:0px; line-height:0px;}

div#customNavigation ul											{list-style-type:none; margin:0px; padding:0px 0px 0px 15px; font-weight:bold; font-size:14px;}
div#customNavigation ul li										{padding: 0px; margin:0px; float:left;}
div#customNavigation ul li a										{float:left; padding:10px 15px 0px 0px; text-decoration:none; cursor:pointer;}
div#customNavigation ul li a:link									{color:#ecb5a9; text-decoration:none;}
div#customNavigation ul li a:visited								{color:#ecb5a9; text-decoration:none;}
div#customNavigation ul li a:active								{color:#ecb5a9; text-decoration:none;}
div#customNavigation ul li a:hover								{color:#ffffff; text-decoration:none;}
div#customNavigation ul li.selected a								{color:#ffffff;}
div#customNavigation ul li.right									{float:right;}

/* sub menu */
div#customNavigation ul li ul										{padding:0px; margin:0px; position:absolute; margin-top:34px; font-size:13px;}	
div#customNavigation ul li ul	li									{}		
div#customNavigation ul li ul	li a								{}	
div#customNavigation ul li ul	li a:link							{color:#a3a5a8; text-decoration:none;}
div#customNavigation ul li ul	li a:visited						{color:#a3a5a8; text-decoration:none;}
div#customNavigation ul li ul	li a:active							{color:#a3a5a8; text-decoration:none;}
div#customNavigation ul li ul	li a:hover							{color:#404041; text-decoration:none;}
div#customNavigation ul li ul	li.selected a						{color:#404041;}					

/*=== Website coding =====================================================================================================================================================*/

div#bodyContainer												{width:1000px; margin:0px auto; padding:0px; text-align:left;}
	div#topContainer												{height:75px; padding:45px 0px 30px 40px; font-size:10px;}
		a#logo															{float:left; height:75px; width:265px; display:block; background:#ffffff url(../images/style/copier-logo.gif) no-repeat;}
		
		span#address													{width:460px; height:20px;  padding:64px 20px 0px 0px; float:right; text-align:right; font-size:9px; color:#707071;}
		a#portal														{width:30px;  padding:23px 0px 0px 0px; margin:41px 0px 0px 0px; color:#707071; font-size:9px; text-decoration:none; float:right; background:#ffffff url(../images/style/Portal.gif) center top no-repeat; display:block;}
		
		div#language													{float:right; width:130px; height:50px; padding:38px 20px 0px 20px;  color:#707071;}
		div#language span												{display:block;}
		div#language img												{border:0px; margin:0px 5px 0px 0px;}
	
	div#navigationContainer											{height:65px; background-color:#d1d2d4;}
		a#homeIcon														{height:65px; width:40px; background:#ffffff url(../images/style/homeIcon.gif) no-repeat; float:left; display:block;}
	
	div#contentContainer											{padding:0px 0px 0px 40px;}
	
	    div#frontpageContainer                                              {height:137px; padding:25px 0px 10px 0px;}
	
	        a#machinebouw                                                       {float:left; margin-right:21px; width:294px; height:23px; padding:112px 0px 0px 10px; background:#535456 url(../images/style/homepage-machinebouw.jpg) no-repeat; border:1px solid #535456; display:block; font-weight:bold;}
	        a#machinebouw:hover                                                 {background-position:0px -135px;}
	        
	        a#staalconstructies                                                 {float:left; margin-right:21px; width:294px; height:23px; padding:112px 0px 0px 10px; background:#535456 url(../images/style/homepage-staalconstructies.jpg) no-repeat; border:1px solid #535456; display:block; font-weight:bold;}
	        a#staalconstructies:hover                                           {background-position:0px -135px;}
	        
	        a#engineering                                                       {float:left; width:294px; height:23px; padding:112px 0px 0px 10px; background:#535456 url(../images/style/homepage-engineering.jpg) no-repeat; border:1px solid #535456; display:block; font-weight:bold;}
	        a#engineering:hover                                                 {background-position:0px -135px;}
	
	        a:link									                            {color: #ffffff; text-decoration:none;}
            a:visited									                        {color: #ffffff; text-decoration:none;}
            a:active									                        {color: #ffffff; text-decoration:none;}
            a:hover									                            {color: #ffffff; text-decoration:none;}
	
		div#subNavigatie												{float:left;}
		div#subNavigatie ul												{width:160px; padding:23px 20px 0px 0px;}
		div#subNavigatie ul	li											{margin:0px 0px 10px 13px; color:#707071;}
		div#subNavigatie ul	li:hover									{color:#c41230;}
		div#subNavigatie ul li a										{text-decoration:none; color:#707071; font-size:13px;}
		div#subNavigatie ul li a:hover  								{color:#c41230;}
		div#subNavigatie ul li.selected									{color:#c41230;}
		div#subNavigatie ul li.selected a								{color:#c41230;}

		div#content														{width:530px; float:left;}
		/* toepasbaar voor view met subnavigatie + gallery */
		div#contentSmall												{width:350px; float:left;}
		
		div#contentFooter												{clear:both; height:23px;}
	
	div#footer														{height:160px; background-color:#535456; margin:0px 0px 20px 0px;}
		div#footerSlogan												{background-color:#231f20; padding:8px 20px 8px 0px;}
		div#footerSlogan p												{text-align:right; color:#ffffff; font-size:13px; font-weight:bold;}



