/*************************************************************************************************/
/* Author:			VINCIS / Timen Nieuwhuis	                                              	 				 */	
/* Description:		Stylesheet 										                                 */
/*************************************************************************************************/
@media screen 
{	
	/*********************************************************************************************/
	/* Containers & classes (total,top & logo)                                    		 						   */
	/*********************************************************************************************/
	#containerTotal 
	{
		position: 				relative;
				
		width: 					780px;
		height:					100%;
								
		padding:				0;
		margin:					0 auto;		
	}
		
	/*********************************************************************************************************************************************************************************************************/		
	#containerTop
	{
		width:					780px;
		height:					145px;

		background-image:		url(/sjablonen/1/images/general/top_bg.gif);
		background-repeat:		no-repeat;
		background-position:	bottom right;
	}

		#containerLogo
		{
			float:					left;
			cursor:					pointer;
				
			width:					165px;
			height:					145px;
			
			padding:				0;
			margin:					0;	
						
			background-position:	0 0;		
			background-repeat: 		no-repeat;
			filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sjablonen/1/images/general/white_circle_big.png');
		}
		*>#containerLogo
		{
			filter:					none;
			background-image: 		url('/sjablonen/1/images/general/white_circle_big.png');
		}	
		
			#logo
			{
				position:				absolute;
				
				width:					137px;
				height:					100px;

				left:					14px;
				top:					24px;

				background-image: 		url('/sjablonen/1/images/general/logo_big.gif');
				background-repeat:		no-repeat;
			}

		#containerButtons
		{
			padding-top:			3px;
			
			text-align:				right;
			font-size:				1.2em;
			
		}
		
		#containerButtons ul
		{
			float:					right;
		}
		
			#containerButtons ul li
			{
				float:					left;
				
				height:					85px;
				width:					122px;
				
				margin-left:			42px;
				padding:				4px 8px 0 0;		
				
				text-align:				right;		
				list-style:				none;
			}
			
			#containerButtons ul li a:hover
			{
				text-decoration:		none;
			}
			
				#containerButtons ul li.top_btn_selected
				{
					background-image: 		url('/sjablonen/1/images/general/btn_bg_selected.gif');
					background-repeat:		no-repeat;
					
					margin-top:				46px;
			
								
				}
				
					#containerButtons ul li.top_btn_selected a
					{
						color:					#fff;
					}
				
					#containerButtons ul li.top_btn_selected img
					{
						margin:					5px 0 3px 0;
					}		
				
				#containerButtons ul li.top_btn
				{		
					background-image: 		url('/sjablonen/1/images/general/btn_bg.gif');
					background-repeat:		no-repeat;
					
					margin-top:				32px;
					padding-top:				9px;
				}
				
					#containerButtons ul li.top_btn a
					{
						color:					#603241;
						
					}				
				
					#containerButtons ul li.top_btn img
					{
						margin:					3px 0 0 0;
					}
				
					
	/*********************************************************************************************************************************************************************************************************/	
	#containerTotalContent
	{
		float:					left;
		
		padding:				0;
		margin:					0;
		
		background-image:		url('/sjablonen/1/images/general/blue_bg.gif');
		background-repeat:		repeat-y;
		background-position: 	80px 0px;
	}
	
		#containerLeft
		{
			float:					left;		

			height:					370px;
			width:					200px;
			
			padding:				0 0 0 80px;
			margin:					0;		
		}
		*>#containerLeft
		{
			min-height:					400px;
			height:						auto;
		}
		
		/*********************************************************************************************************************************************************************************************************/	

		#containerMiddle
		{
			float:					left;
			display: 				block;
		
			width:					475px;
					
			padding:				0;
			margin:					18px 0px 0px 25px;
		}
		
		
		#containerContent
		{
			
			display: 				block;
	
			padding:				0;
			margin:					0;
		}
		
			#containerContent h1
			{		
				font-size:				1.5em;
				color:					#603241;
				margin:					0 0 12px 0;
				
			}
			
			#containerContent p
			{
				padding:				0;
				margin:					0px 0px 15px 0px;
			}
			
			#containerContent ul, 	#containerContent ol
			{
				margin:				0 0 8px 0;
			}
			
			#containerContent ul li
			{
				display:				block;
				padding:				0 0 0 12px;
				margin:					3px 0 0px 5px;
				
				list-style:				none;	
				
				background-image:		url(/sjablonen/1/images/general/bullet_brown.gif);
				background-position:	0px 5px;
				background-repeat:		no-repeat;
			}
			
			#containerContent ol li
			{
					display:			list-item;  /* work around for IE ordered list bug */ 
					padding:			0 9px 0 0;
					margin-left:		27px;
					height:				auto;
			}
			
			#containerContent .donkerpaars
			{
				color:			#603241;
			}
			
			#containerContent .lichtpaars
			{
				color:			#bfaeb4;
			}
			
				
			#containerContent ul.faqList li
			{
				list-style:				none;
				background-image:		none;	
			}
			
			#containerContent table
			{
				border-collapse: 			collapse;
			}
				
				#containerContent table .tableRowOdd
				{
					background-color: 		#eeeeee; /* row alternating color */
					
				}
	
/****send 2 a friend *****************************************************************************************************************************************************************************************************/	

	legend
	{
		color:			#000000;
	}
	
	#opmerkingen
	{
		width:			315px;
		border:			1px solid #999999;
	}


				
/*********************************************************************************************************************************************************************************************************/					
		#containerContentRight
		{
			float:					right;
			height:					335px;
		
			padding:				45px 0 0 0;
			margin:					0 0 0 15px;
	
		}
		*>#containerContentRight
		{
			min-height:					345px;
			height:						auto;
		}
		
		/*********************************************************************************************************************************************************************************************************/			

			#containerDownloads
			{
				float:					left;
				width:					130px;
				height:					90px;
				
				margin:					0 0 15px 0;
				
				background-color:		#eaedf6;
			}
			
			*>#containerDownloads
			{
				min-height:				90px;
				height:					auto;
			}
			
				#containerDownloads h2 
				{
					padding:				0 0 0 8px;
					margin:					4px 0 0 0;
					
					height:					15px;
					
					font-size:				1.0em;
					line-height:			15px;
					color:					#fff;
					
					background-color:		#bfaeb4	;
					
				}
				
				#containerDownloads ul
				{
					padding:				0;
					margin:					0 0 5px 0;
					
					width:					130px;
					overflow:				hidden;
				}
				*>#containerDownloads ul
				{
					min-height:				16px;
					height:					auto;
					
				}
				
					#containerDownloads ul li
					{
						width:					90px;
						padding:				0 10px 0 0;
						margin:					0;
								
						list-style:				none;			
						background-repeat: 		no-repeat;
						overflow-x:				hidden;
					}
						#containerDownloads ul li span
						{
							display:				block;
							padding:				0 0 0 6px;	
						}
				
							#containerDownloads ul li span a
							{		
													
								padding:				0;
								margin:					0;
								
								font-weight:			normal;
								font-size:				1.0em;
								color:					#000;
					
							}
						
				#containerDownloads .doc
				{
					padding:				7px 0 0 26px;
					margin:					0;
					
					background-position:	9px 7px;		
					background-image: 		url('/sjablonen/1/images/doctypes/doc.gif');
				}

				#containerDownloads .pdf
				{
					padding:				7px 0 0 26px;
					margin:					0;
					
					background-position:	9px 7px;		
					background-image: 		url('/sjablonen/1/images/doctypes/pdf.gif');
				}
				
				#containerDownloads .xls
				{
					padding:				7px 0 0 26px;
					margin:					0;
					
					background-position:	9px 7px;		
					background-image: 		url('/sjablonen/1/images/doctypes/xls.gif');
				}

				#containerDownloads .ppt
				{
					padding:				7px 0 0 26px;
					margin:					0;
					
					background-position:	9px 7px;		
					background-image: 		url('/sjablonen/1/images/doctypes/ppt.gif');
				}					
				
			/*********************************************************************************************************************************************************************************************************/	

			#containerRelevant
			{
				width:					130px;
				height:					80px;
				padding:				0;
				margin:					0 0 15px 0;
				padding:				0 0 10px 0;
				
				background-color:		#e8ebf5;
			}	
			
			*>#containerRelevant
			{
				min-height:				80px;
				height:					auto;
			}
			
				#containerRelevant h2 
				{
					padding:				0 0 0 8px;
					margin:					4px 0 0 0;
					
					height:					15px;
					
					font-size:				1.0em;
					line-height:			15px;
					color:					#fff;
					
					background-color:		#bfaeb4;
				}
				
				#containerRelevant ul
				{		
					padding:				0 0 0 8px;
					margin:					0;
				}
					
					#containerRelevant ul li
					{		
						padding:				0px 0 0 10px;
						margin:					5px 0 0 0;	
						
						list-style:				none;
						background-position:	1px 6px;
						background-image:		url('/sjablonen/1/images/general/bullet_brown.gif');
						background-repeat:		no-repeat;								
					}

						#containerRelevant ul li a
						{		
							font-size:				1.0em;
							font-weight:			normal;
							color:					#000000;
							padding:				0 0 0 4px;
						}
			
			/*********************************************************************************************************************************************************************************************************/	
			
			#containerFeedback
			{
				width:					130px;
				height:					100px;
				padding:				0;
				margin:					0 0 15px 0;
				
				background-color:		#e8ebf5;
			}	
			
			*>#containerFeedback
			{
				min-height:				100px;
				height:					auto;
			}
			
				#containerFeedback h2 
				{
					padding:				0 0 0 8px;
					margin:					4px 0 0 0;
					
					height:					15px;
					
					font-size:				1.0em;
					line-height:			15px;
					color:					#fff;
					
					background-color:		#bfaeb4;
				}
				
				#containerFeedback ul
				{		
					padding:				0 0 0 8px;
					margin:					5px 0 5px 0;
				}
				
				
				#containerFeedback span
				{		
					display:				block;
					padding:				0 0 0 8px;
					margin:					0;
				}
				
				#containerFeedback table
				{
					padding:				0;
					margin:					0;
				}
				
					#containerFeedback ul li
					{
						list-style:			none;
					}
			
				#Feedback
				{
					margin:				10px 0 0 0;
				}
				
/*********************************************************************************************************************************************************************************************************/	

			#containerReactions
			{
				padding:				0px;
				margin:					0px;
			}	
					
				#containerReactions h2
				{		
					display:				inline;
					
					padding:				0px;
					margin:					0px;		
				}
			
				#containerReactions hr
				{
					color:					#cccccc;
					background-color:		#cccccc;
					margin:					15px 0px 15px 0px;
				}
				
			.reactionBy
			{
				width:					100%;
				clear:					both;

				text-align:				right;
				
				padding:				7px 0px 0px 0px;
				margin:					0px;
				
				font-size:				9px;
			}
			
			.reactionPost
			{
				clear:					both;
				
				height:					43px;
				
				padding:				0px 0px 0px 13px;
				margin:					0px;
				
				background-color:		#eaedf6;
				border-top:				solid 1px #603241;
				border-bottom:			solid 1px #603241;
			}
			
			*>.reactionPost 
			{
				min-height:				43px;
				height:					auto;
			}
			
			.reactionOptions
			{
				clear:					both;
				
				height:					30px;
				
				padding:				0px;
				margin:					0px 0px 27px 0px;		
			}
			
			.reactionNumber
			{
				float:					left;
				clear:					both;
				clear:					both;
				padding:				0px;
				margin:					0px;
			}				
			
			/*********************************************************************************************************************************************************************************************************/	
			
			#containerPrintMail
			{
				float:					left;
				width:					780px;
			}
			
				#containerPrintMail ul li
				{
					width:					23px;
					height:					23px;
					
					list-style:				none;
					background-image:		none;
					
					float:					right;
				}
				
				.printButton
				{
					display:				inline;
					float:					right;
				
					margin:					3px 6px 0 0;
					padding:				0 0 0px 0;
				}
				
				.mailButton
				{
					display:				inline;
					float:					right;
				
					padding:				0 0 7px 0;		
				}
				
				

/*** Paging ********************************************************************************************************************************************************************************************************/	

	#containerPaging ul
				{		
					clear:					both;
					
					height:					20px;
					padding:				0;
					margin:					0;
				}
				
					#containerPaging ul li
					{
						float:					left;
						
						width:					13px;
						min-width:				13px;
						padding:				3px 3px 3px 3px;
						margin:					0 5px 0 0;
						
						list-style:				none;
						background-image:		none;
						text-align:				center;
						
						background-color:		#ffffff;
						
						border:					1px solid #603241;
					}
					
					*>#containerPaging ul li
					{
						width:					auto;
					}
					
						#containerPaging ul li a
						{
							color:					#603241;
						}
						
							#containerPaging ul li a:hover
						{
							color:					#bfaeb4;
						}
				
				#containerPaging .selectedPageNumber
				{
					color:					#FFFFFF;
					font-weight:			bold;
					
					background-color:		#603241;
					
					border-color:			#603241;
				}



		
/*********************************************************************************************************************************************************************************************************/	

	#bottomContainer
	{
		clear:						both;
		
		width:						700px;
	
		margin:						0 0 0 80px;
	}
	
		#containerSearch
		{
			float:						left;
		
			width:						187px;
			height:						21px;
			
			padding:					0 0 0 13px;
			
			background-color:			#bfaeb4;
		}
		
			#containerSearch h2
			{
				width:					50px;
				float:					left;
				
				padding:				0px;
				margin:					0px;
				
				line-height:			20px;
				
				font-size:				10px;
				color:					#fff;
			}
			
				#containerSearch .inputText
				{
					vertical-align: 		top;
					margin-top:				2px;
				}
				
				#containerSearch .submitbutton
				{
					margin-top:				3px;
				}			
			

		
		#bottomColorBrown
		{
			float:						right;
			
			width:						500px;
			height:						21px;
			
			background-color:			#a78e96;		
		}
		
		#bottomColorBlue1
		{
			float:						left;
			width:						200px;
			height:						5px;
			
			font-size:					0px;
			
			background-color:			#eaedf6;
		}
		
		#bottomColorBlue2
		{
			float:						left;
			width:						370px;
			height:						5px;
			
			font-size:					0px;
		}
		
		#bottomColorBlue3
		{
			float:						right;
			width:						130px;
			height:						5px;
			
			font-size:					0px;

			background-color:			#eaedf6;			
		}
	
	#language
	{
		display:				inline;
		float:					left;
		width:					200px;
		
		margin:					0 0 0 80px;
		
		font-size:				1.0em;
	}
	*>#language
	{
		margin:					13px 0 0 80px;
	}
	
		#language ul li
		{	
			float:					left;
			list-style:				none;
			background-image:		none;			
			
			padding:				0 8px 0 8px;
			border-left:			solid 1px #a78e96;				
		}

	
	#containerShortcuts
	{	
		float:					right;
		margin:					0;
		font-size:				1.0em;
	}
	*>#containerShortcuts
	{
		margin:					13px 0 0 0;
	}
	
	
		#containerShortcuts ul li
		{
			float:					left;
			list-style:				none;
			background-image:		none;
			
			padding:				0 8px 0 8px;
			border-left:			solid 1px #a78e96;		
		}
}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{
	/*********************************************************************************************/
	/* Containers                     		 							 						 */
	/*********************************************************************************************/
	.containerInvisible, #containerShortCutsTop, #containerMenu, #containerTop, #containerPath, 
	#containerPrintMail, #containerContact, #containerDownloads, #containerContentRight, 
	#containerRight, #containerFooter
	{
		display:				none;
	}	 
	
}

/*************************************************************************************************/
/* Handheld styles                                         									 	 */
/*************************************************************************************************/
@media handheld 
{
}