﻿/* =============== Styles for display on SCREEN */
@media screen, projection {
	/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
	* {	margin:0; padding:0; font-family: Arial, Geneva, Helvetica, sans-serif; font-size:100%; color:#000; text-decoration:none; }
	html { height:100%; background:#fff; color:#000; }
	body { height:100%; background:#fff; color:#000; margin:0; padding:0; text-align:left; font-size:62.5%; }
	fieldset { border:0px solid #fff; }
	table, td, th { border-collapse:collapse; }
	img { border:none; }
	ul { width:auto; list-style:none; }
	/* ++++++++++++++++++++ Einde RESET TAGS ++++++++++++++++++++ */
	
	/* GLOBALE LAYOUT ======================================================================================================================  */ 
	html, body { background:#f8f9f8; }
		#PageContainer { }
			#Header { width:100%; background:url(../media/images/backgrounds/header.jpg) 0 0 repeat-x; height:95px; border-bottom:1px solid #cc9933; }
			#QuickNavigationContent, #VisualHolder, #HeaderTop, #Tabs, #Main, #Footer { width:960px; margin:0 auto; overflow:hidden;  }
			
			#Main { background:url(../media/images/backgrounds/content.gif) 27px 100% no-repeat; padding-bottom:20px;   }
				body.productgroups #Main {  background:url(../media/images/backgrounds/productsgroups.gif) 27px 100% no-repeat; }
				
				#LeftColumn {  width:238px; float:left; padding:12px 0 0 0;}
                #Content {  width:482px; float:left; padding:17px 0 0 15px; }
                #SubContent { width:205px; float:right; padding:20px 0 0 20px;  }
                
	/* End GLOBALE LAYOUT ==================================================================================================================  */ 
	
	/* GENERAL =============================================================================================================================  */ 
	
	/* END GENERAL =========================================================================================================================  */ 
	
	/* FONTS ===============================================================================================================================  */ 
	h1 { display:none; }
	h2 { color: #3866b1; font-family: Trebuchet MS,Arial,Geneva,Helvetica,sans-serif; font-size: 1.6em; font-weight: bold; padding:0 0 4px 0;}
	        
	p, li { line-height:1.4em; color:#84888d; font-family: Arial, Geneva, Helvetica, sans-serif; font-size:1.4em; }
	    p { padding:0 0 20px 0;  }
		p strong, p em { color:#84888d;  }
	
	p a { color:#3866b1;border-bottom:1px dotted #3866b1; }
		p a:hover { color:#333; border-bottom:1px dotted #333;  }
	/* END FONTS ===========================================================================================================================  */ 
	
	/* ELEMENTS ============================================================================================================================  */ 
		/* END hyperlinks */
		 a.pdf {  padding:2px 0 8px 24px; display:block; background:url(../media/images/hyperlinks/pdf.gif) 0  3px no-repeat; border-bottom:0;  }
            a.pdf:hover {  border-bottom:0;  }
                a.pdf span {  color:#3866b1; border-bottom:1px dotted #3866b1; }
			        a.pdf:hover span { color:#333; border-bottom:1px dotted #3866b1;  }
		/* END hyperlinks */			
	/* ELEMENTS ============================================================================================================================  */ 
	
	/* SPECIAL ELEMENTS ====================================================================================================================  */ 
		/* header */
			#HeaderTop {}
				#Header #Logo { margin-left:30px; display:block; float:left; text-indent:-999em; width:407px; height:79px; background:url(../media/images/logo/logo.gif) 0 0 no-repeat; }
				#Header #HeaderTopRightPanel {  float:right; width:350px; padding:7px 36px 0 0; }
				#Header #HeaderTopRightPanel #ContactData { width:350px; color:#f2faeb; float:right; padding-bottom:5px;  font-size:1.4em;  text-align:right; line-height:1.2em; font-family: Trebuchet MS,Arial,Geneva,Helvetica,sans-serif; }
					#Header #HeaderTopRightPanel span, #Header #HeaderTopRightPanel a { color:#f2faeb; font-weight:bold;  }
						#Header #HeaderTopRightPanel a:hover { border-bottom:1px dotted #fff; color:#fff; }
				#Header #HeaderTopRightPanel select{ float:right;clear:both; display:block; width:140px; font-size:1.2em; }
				
				
		/* END header */	
		
		/* footer */		
			#Footer { padding:0 0 40px 0; }
				#Footer .footer-cols { padding:10px 0 0 85px; width: 870px; overflow:hidden; }
					#Footer .footer-cols .footer-col { line-height:1.5em; width: 290px; float:left; font-size:1.4em; font-family: Arial, Geneva, Helvetica, sans-serif; color:#73777d;  }
						#Footer .footer-cols .footer-col strong { color:#73777d;  }
						#Footer .footer-cols .footer-col a { color:#3866b1; border-bottom:1px dotted #3866b1; }
							#Footer .footer-cols .footer-col a:hover { color:#103957;border-bottom:1px dotted #103957;    }
		/* END footer */	
				
		
		/* #ProductGroups */
			#ProductGroups { width: 880px; margin-left:27px; padding:23px 0 0 19px;  }				
				#ProductGroups .group-tabs { width:100%; overflow:hidden; padding-bottom:22px;  }
					#ProductGroups .two-group-tabs { width:640px; padding-left:155px;  }
				
					#ProductGroups .group-tabs .group-tab { width:270px; display:block; float:left; margin-right:27px; background:url(../media/images/backgrounds/productsgroup.gif) 0 100% no-repeat; }
						#ProductGroups .group-tabs .hover { background:url(../media/images/backgrounds/productsgroup-hover.gif) 0 100% no-repeat; }
			
						#ProductGroups .group-tabs .last { margin-right:0; }
						
					#ProductGroups h2 { width:266px; height:28px; padding:2px 0 0 4px; background:url(../media/images/headers/h2-productgroups.gif) 0 0 no-repeat;  }
						#ProductGroups .hover h2 { background:url(../media/images/headers/h2-productgroups-hover.gif) 0 0 no-repeat;  }
					
						#ProductGroups h2 a { display:block; width:220px; height:24px; text-indent:-999em; }
						#ProductGroups #Group1 h2 a { background:url(../media/images/hyperlinks/en-prod-tab-group1.gif) 5px 5px no-repeat;  }
							#ProductGroups #Group1.hover h2 a { background:url(../media/images/hyperlinks/en-prod-tab-group1-ro.gif) 5px 5px no-repeat;  }
						#ProductGroups #Group2 h2 a { background:url(../media/images/hyperlinks/en-prod-tab-group2.gif) 5px 5px no-repeat;  }
							#ProductGroups #Group2.hover h2 a { background:url(../media/images/hyperlinks/en-prod-tab-group2-ro.gif) 5px 5px no-repeat;  }
						#ProductGroups #Group3 h2 a { background:url(../media/images/hyperlinks/en-prod-tab-group3.gif) 5px 5px no-repeat;  }
							#ProductGroups #Group3.hover h2 a { background:url(../media/images/hyperlinks/en-prod-tab-group3-ro.gif) 5px 5px no-repeat;  }
											
					#ProductGroups .types { width:150px;height:150px; margin-left:6px; cursor:pointer; padding:6px 0 6px 108px; }
						#ProductGroups #Group1 .types { background:url(../media/images/visuals/group1.gif) 0 0 no-repeat;  }
						#ProductGroups #Group2 .types { background:url(../media/images/visuals/group2.gif) 0 0 no-repeat;  }
						#ProductGroups #Group3 .types { background:url(../media/images/visuals/group3.gif) 0 0 no-repeat;  }
					
						#ProductGroups ul { display:none; width:127px; padding:7px 8px 7px 8px; background:url(../media/images/backgrounds/producttypes.png) 0 0 no-repeat; }
							#ProductGroups ul li {  font-family: Trebuchet MS, Arial, Geneva, Helvetica, sans-serif; font-size:1.1em; line-height:1.2em;  }
								#ProductGroups ul li a {  display:block; padding:0 16px 3px 0; color:#3866b1; background:url(../media/images/hyperlinks/producttype.gif) 100% 3px no-repeat;  }
									#ProductGroups ul li a span {  color:#3866b1; }
										#ProductGroups ul li a:hover span {  border-bottom:1px dotted #3866b1; }
										
					#ProductGroups .keywords { cursor:pointer; padding:8px 11px 13px 11px; font-size:1.4em; font-family: Trebuchet MS, Arial, Geneva, Helvetica, sans-serif; color:#73777d;  }
						#ProductGroups .keywords strong { color:#73777d; font-family: Trebuchet MS, Arial, Geneva, Helvetica, sans-serif; }
						#ProductGroups .keywords a { color:#3866b1; border-bottom:1px dotted #3866b1; font-family: Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;}
							#ProductGroups .keywords a:hover { color:#103957;border-bottom:1px dotted #103957;    }
	
		
		
	    .extra { padding:0 85px; }
	             
	/* END SPECIAL ELEMENTS ================================================================================================================  */ 

		
}
/* =============== END of Styles for display on SCREEN */

/* =============== Styles for PRINT */
@media print {
	* { display:none; }
}
/* =============== END of styles for PRINT */



