/*************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		BASIC stylesheet 						                              	  			*/
/* Sjabloon nr:		1							                                      	  			*/
/* Site name:		Internet H&S						                                         	  		*/
/* Date created:		24-11-2008							                                         	  		*/
/*************************************************************************************************/

/*
---------------------------------------------------------------------------------------------------------------------------------------------------
 Colors:
---------------------------------------------------------------------------------------------------------------------------------------------------
 =1 Headers	 & Hyperlinks		...	(also topgraphic background and hyperlinks)
 =2 Mouse over				...	
 
 =3 Content borders			...	
 =4 Content text				...	
 
 =5 Lichtblauw				... 
---------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------
*/

/*************************************************************************************************/
/* SCREEN styles			                                              									 */
/*************************************************************************************************/
@media screen 
{
	/*******************************************************************************************/
	/* =Reset styles							                                                                	           */
	/*******************************************************************************************/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
	font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, 
	dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, 
	thead, tr, th, td 
	{
		margin: 				0;
		padding: 				0;
		border: 				0;
		outline: 				0;
		
		font-family: 			inherit;
		font-weight: 			inherit;
		font-style: 			inherit;
		font-size: 				100%;
		
		vertical-align: 		baseline;
	}
	
	/* remember to define focus styles! */
	:focus 
	{
		outline: 				0;
	}

	body 
	{
		line-height: 			1;
		color: 					black;
		background: 			white;
	}
	
	ol, ul 
	{
		list-style: 			none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table 
	{
		border-collapse: 		separate;
		border-spacing: 		0;
	}
	
	caption, th, td 
	{
		text-align: 			left;
		font-weight: 			normal;
	}
	
	blockquote:before, blockquote:after,
	q:before, q:after 
	{
		content: 				"";
	}
	
	blockquote, q 
	{
		quotes: 				"" "";
	}	
	
	
	/*******************************************************************************************/
	/* =General styles							                                                                	           */
	/*******************************************************************************************/
	
	body 
	{
		width:					100%;
		height:					100%;
		
		margin:					0;
		padding:				0;
				
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				0.78em;
		line-height:			130%;
		
		color:					#000;
		background-color:		#919191;
	}

	img 
	{
		margin:					0;
		padding:				0;
		border: 				none;		
	}
	
	form 
	{
		margin:					0;
		padding:				0;
	}
	
	a 
	{		
		font-weight:			bold;				
		text-decoration:		none;
		
		color:					#00199f;
	}
	
		a:hover 
		{
			text-decoration:		underline;
			color:					#00199f;
		}
	
	ul
	{
		margin:					0;
		padding:				0;
	}
		
		ul li
		{
			display:				block;
			
			height:					auto;
			margin:					3px 0 0px 5px;
			padding:				0 0 0 12px;
			
			background-image:		none;
		}
	
	ol
	{
		margin:					0;
		padding:				0;
		list-style-type: 		decimal;
	}
	
		ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			height:				auto;
			margin:				0 0 0 27px;
			padding:			0 9px 0 0;
			
		}
	
	hr 
	{	
		clear:					both;
		
		height:					1px;
		width:					100%;
		
		background-color:		#00199f;
		color: 					#00199f;
		
		border:					none;
	}
	
	h1 
	{
		margin:					0;
		padding:				0 0 5px 0;
			
		font-size:				1.5em;
		font-family: 			Verdana, Arial, Helvetica;
		font-weight:			bold;
		line-height:			100%;
					
		color:					#00199f;		
	}
	
	h2 
	{
		margin:					0;
		padding:				0 0 3px 0;
				
		font-size:				1.2em;
		font-family: 			Verdana, Arial, Helvetica;
		line-height:			100%;
					
		color:					#00199f;		
	}
	
	h3 
	{
		margin:					0px 0px 1px 0px;
		padding:				0;
		
		font-size:				1.1em;
		font-family: 			Verdana, Arial, Helvetica;
		line-height:			100%;
			
		color:					#00199f;				
	}
	
	blockquote
	{
		margin:					0px 0px 0px 10px;
		padding:				0;
		
	}
	
	.tableRowOdd
	{
		background-color: 		#eeeeee;
	}
	
	.flag
	{
		margin-right:			4px;
	}
	
	.newsArchive
	{
		margin-left:			10px;
	}	
	
	.readmore
	{
		color:					#fc7d07;
		font-weight:			bold;
		
		padding:				0 20px 13px 0;
		
		background-image:		url(/sjablonen/1/images/general/readmore_icon.gif);
		background-repeat:		no-repeat;
		background-position:	34px 5px;
	}
	
		
	/*******************************************************************************************/
	/* =Classes (general)   						                                                                	           */
	/*******************************************************************************************/
	
	.containerInvisible, .onzichtbaar, .hide, .invisible
	{
		display:				none;
		height:					0;
		width:					0;
	}
	
	.inputText
	{		
		width:					96px;
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				0.9em;
				
		color:					#898989;
		border:					solid 1px #898989;	
		padding:				1px 0px 1px 4px;	
	}
	
	.floatLeft
	{
		float:					left;
	}
	
	.floatRight
	{
		float:					right;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	.anchr
	{
		font-weight:			normal;
		
		color:					#000000;
		
		background-image: 		none;
	}
	
	.error 
	{	
		height:					38px;
		padding: 				20px 0 0 60px;
		
		background: 			url(/sjablonen/1/images/general/error.gif) no-repeat 5px 5px;
		background-color:		#fff;
		color: 					#FF3131;
		
		border:					solid 2px #ff0000;
	}	


	/*******************************************************************************************/
	/* =Classes (general form fields)  				                                                                	           */
	/*******************************************************************************************/
	
	.formField
	{
		clear:					both;
		
		margin:					0px 0px 10px 0px;
		padding:				0;
	}
	
	.formFieldLeft
	{
		float:					left;
		width:					110px;
	}
	
	.formFieldIcons ul
	{
		width:					200px;
		
		margin:					0;	
		padding:				0px 0px 0px 114px;
	}
		
		.formFieldIcons ul li
		{
			clear:					both;
			list-style:				none;
		}
	
			.formFieldIcons ul li div
			{
				float:					left;
				
				width:					50px;
				height:					25px;
			}	
	
	/*******************************************************************************************/
	/* =Classes (editor form fields)  				                                                                	           */
	/*******************************************************************************************/
	
	.cm_input
	{	
		height:					15px;		
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
		padding:				0 0 0 2px;
		
		color:					#000000;
		
		background-color:		#FFFFFF;
		border:					solid 1px #ccc;		
	}
	
	input
	{
		float:					left;
		padding:				0 0 0 2px;
		
		font-size:				0.9em;
		
		border:					1px solid #ccc;
	}
		
	.cm_select
	{			
		height:					17px;		
				
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
		
		color:					#000000;
		
		background-color:		#FFFFFF;
		border:					solid 1px #ccc;
	}
	*>.cm_select
	{
		min-height:				17px;		
		height:					auto;
		
	}
	
	.cm_textarea
	{		
		/* overflow-y:				auto; */
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
		
		color:					#000000;
		
		padding:				3px;
				
		background-color:		#FFFFFF;
		border:					solid 1px #ccc;
	}
	
	.cm_radio
	{
		width:					15px;
		height:					15px;
		
		margin:					0px 5px 0px 0px;
		padding:				0;
		
		font-family: 			Verdana, Arial, Helvetica;
		border:					0;
	}
	
	.cm_checkbox
	{
		border:					0;
	}
	
	.cm_button
	{
		font-size:				0.9em;
		*font-size:				1.0em; /* only read by IE */
		font-weight:			bold;
		background-color:		#38acec;
		color:					#fff;
		
		border:					1px solid #919191;
		
		margin:					0;
		padding:				0;
		
		
		cursor:					pointer;
	}
	
	.cm_fieldset
	{
		margin:					10px 0 0 0;
	}
	
	.inputRadio
	{
		margin:					2px 5px 0px 0;
	}
	
	/*******************************************************************************************/
	/* = Classes (used for cleanHTML, clean_html.xsl)   				                                        	           */
	/*******************************************************************************************/
	
	table.border1, table.border2, table.border3
	{
		border-top:				1px solid #CCCCCC;
		border-right:			1px solid #CCCCCC;
	}
	
	table.border1
	{
		border-width:			1px;
	}
	
	table.border2
	{
		border-width:			2px;
	}
	
	table.border3
	{
		border-width:			3px;
	}
	
	td.border1, td.border2, td.border3
	{
		border-bottom:			1px solid #CCCCCC;
		border-left:			1px solid #CCCCCC;
	}
	
	td.border1
	{
		border-width:			1px;
	}
	
	td.border2
	{
		border-width:			2px;
	}
	
	td.border3
	{
		border-width:			3px;
	}

	.ial, .textAlignLeft
	{
		float:					left;
	}
	
	.iar, .textAlignRight
	{
		float:					right;
	}
	
	.highlight
	{
		background-color:		#AE83BB;
	}
	
	.underline
	{
		text-decoration:		underline;
	}
	
	#printLogo
	{
		display:				none;
	}
	
	/*******************************************************************************************/
	/* = Containers 										                                        	           */
	/*******************************************************************************************/	
	#allContainer
	{
		margin:					0px auto;
		width: 					950px;
	}

		#logoAnimationObject
		{
			float:			left;
			width:			184px;
			height:			100px;
			margin:			42px 0 0 40px;
		}
	
		ul#languageMenu
		{
			float:				right;
			margin:				24px 0 0 0;
			background-color:	#fff;
		}
		
			ul#languageMenu li
			{
				float:					left;
				padding:				0;
				margin:					0 2px 0 0;
			}
			
				ul#languageMenu li a
				{
					display:				block;
					width:					28px;
					height:					16px;
					text-indent:			-5000px;
					border:					1px solid #fff;
				}
					
								
					ul#languageMenu li a.nl
					{
						background-image:		url(/sjablonen/1/images/general/flag_nl.gif);
						background-repeat:		no-repeat;
					}
					
					ul#languageMenu li a.de
					{
						background-image:		url(/sjablonen/1/images/general/flag_de.gif);
						background-repeat:		no-repeat;
					}
					
					ul#languageMenu li a.en
					{
						background-image:		url(/sjablonen/1/images/general/flag_en.gif);
						background-repeat:		no-repeat;
					}
					
					
					ul#languageMenu li a.fr
					{
						background-image:		url(/sjablonen/1/images/general/flag_fr.gif);
						background-repeat:		no-repeat;
					}
					
					
					ul#languageMenu li a.po
					{
						background-image:		url(/sjablonen/1/images/general/flag_po.gif);
						background-repeat:		no-repeat;
					}
					
					ul#languageMenu li a.ru
					{
						background-image:		url(/sjablonen/1/images/general/flag_ru.gif);
						background-repeat:		no-repeat;
					}
					
					
					ul#languageMenu li a.ch
					{
						background-image:		url(/sjablonen/1/images/general/flag_ch.gif);
						background-repeat:		no-repeat;
					}
					
						ul#languageMenu li a:hover
						{	
							border:		1px solid #ccc;
						}
						
						ul#languageMenu li a.selected
						{	
							border:		1px solid #006eb9;
						}
	
			ul#shortcuts
			{
				float:				right;
				clear:				right;
				
				margin:				15px 0 0 0;
			}
			
				ul#shortcuts li
				{
					float:				left;
				}
				
					ul#shortcuts li a
					{
						font-size:			0.8em;
						font-weight:		normal;
						color:				#fff;
					}
					
						ul#shortcuts li a:hover
						{
							color:				#a3ceee;
							text-decoration:	none;
						}
		
		
			#groupslogo
			{
				display:				block;
				float:					left;
				clear:					both;
				width:					79px;
				height:					38px;
				margin:					8px 0 0 0px;
				
				filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=none  src='/sjablonen/1/images/general/groups_logo.png');
				background-repeat:		no-repeat;
			}
			*>#groupslogo
			{
				background-image:		url(/sjablonen/1/images/general/groups_logo.png);
				filter:					none;
			}
		
			#footerContainer a
			{
				font-weight:			normal;
				color:					#fff;
			}
			
			#footerContainer img 
			{
				margin:					0 0 0 3px;
				vertical-align:			middle;
			}
	
}

/*************************************************************************************************/
/* PRINT styles			                                              									 */
/*************************************************************************************************/
@media print
{
	/* =Containers */
	#rightSidebar, .invisible, #containerReactions, #containerPrintAndSend, #adxmenu, #logoContainer, #shortcuts
	{
		display:				none;
	}	
	
	body 
	{
		width:					100%;
		height:					100%;
		
		margin:					0;
		padding:				0;
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
		line-height:			120%;
		
		color:					#000;
		background-color:		#fff;				
	}
		
	#printLogo
	{
		margin:					0 0 20px 0;
		padding:				0 0 20px 0;
		
		border-bottom:			1px solid #ccc;
	}
	
	
	ul
	{
		margin:					0;
		padding:				0;
	}
		
		ul li
		{
			display:				block;
			
			height:					auto;
			margin:					3px 0 0px 5px;
			padding:				0 0 0 12px;
			
			background-image:		none;
		}
	
	ol
	{
		margin:					0;
		padding:				0;
		list-style-type: 		decimal;
	}
	
		ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			
			height:				auto;
			margin:				0 0 0 27px;
			padding:			0 9px 0 0;
			
		}
	
	hr 
	{	
		clear:					both;
		
		height:					1px;
		width:					100%;
		margin:					15px 0 15px 0;
		
		background-color:		#172983;
		color: 					#172983;
		
		border:					none;
	}
	
	h1 
	{
		margin:					0;
		padding:				0 0 5px 0;
		
		font-size:				1.5em;
		line-height:			100%;
					
		color:					#172983;		
	}
	
	
	h2 
	{
		margin:					0px 0px 3px 0px;
		padding:				0;
		
		font-size:				1.3em;
		line-height:			100%;
					
		color:					#172983;		
	}
	
	h3 
	{
		margin:					0px 0px 1px 0px;
		padding:				0;
			
		font-size:				1.1em;
		line-height:			100%;
			
		color:					#172983;				
	}
	
	a
	{
		color:					#00199f;
		text-decoration:		none;
	}
	
	img 
	{
		border:					0;
	}
	
	
	/* =Alignment */
	.textAlignRight
	{
		text-align:			right;
	}
	
	.textAlignCenter
	{
		text-align:			center;
	}
	
	.textAlignJustify
	{
		text-align:			justify;
	}

	.textAlignLeft
	{
		text-align:			left;
	}	

	/* =Underline */
	 .textUnderline	
	{
		text-decoration:	underline;
	}
	
	
	/* =Blockquote */
	blockquote
	{
		margin:				2em;
		margin-top:			0;
		margin-bottom:		1em;
		
		padding:			10px;
		
		
		min-height:			1em;
		height:				auto;
		
		border:				1px solid #e5e5e5;
		background-color:	#fafafa;
						
		color:				#828282;
	}
	
	#content table
	{
		border-collapse: 		collapse;
		margin:					0 0 10px 0;
	}
	
	.tableRowOdd
	{
		background-color: 		#eeeeee;
	}
	
	/* =Colors */	
	
}

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