/*************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk                                   	 				 */
/* Description:		basic Stylesheet for Vyvoj Website                                           */
/*************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* General styles                                                                 			 */
	/*********************************************************************************************/

	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
	pre, form, fieldset, input, p, blockquote, th, td 
	{
	  margin:0;
	  padding:0;
	}
	
	
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0;
		margin:					0;		
		
		font-family: 			Trebuchet, Arial, Verdana, Helvetica;
		font-size:				1.1em;
		line-height:			160%;
		
		color:					#000000;
		background-color:		#e6f1ff;
	}

	img 
	{
		border: 				none;
		
		padding:				0;
		margin:					0;
	}
	
	form 
	{
		padding:				0;
		margin:					0;
	}
	
	a 
	{		
		font-weight:			normal;				
		text-decoration:		none;
		
		color:					#060553;
	}
	
	a:hover 
	{
		text-decoration:		underline;
		
		color:					#060553;
	}
	
	ul
	{
		padding:				0;
		margin:					0;
	}
		
	ul li
	{
		display:				block;
		padding:				0 0 0 12px;
		margin:					3px 0 0px 5px;
	
		background-image:		none;
	}
	
		
	li.noBorder
	{
		border:					none;
	}
	
	li.open
	{
		list-style-type:		none;
	}
	
	ol
	{
		padding:				0;
		margin:					0;
		list-style-type: 		decimal;
	}
	
	ol li
	{
		display:			list-item;  /* work around for IE ordered list bug */ 
		padding:			0 9px 0 0;
		margin-left:		27px;
		height:				auto;
	}
	
	hr 
	{	
		clear:					both;
		
		height:					1px;
		width:					100%;
		
		background-color:		#060553;
		color: 					#060553;
		
		border:					none;
	}
	
	h1 
	{
		padding:				0 0 9px 0;
		margin:					0;
		
		font-size:				1.3em;
		font-family: 			Trebuchet, Arial, Verdana, Helvetica;
		font-weight:			normal;
		line-height:			100%;
					
		color:					#060553;		
	}
	
		h1.contentTitle
		{
			padding:				0 0 9px 0;
			margin:					0;
			
			font-weight:			bold;
		}
	
	
	h2 
	{
		padding:				0 0 9px 0;
		margin:					0;
		
		font-size:				1.3em;
		font-family: 			Trebuchet, Arial, Verdana, Helvetica;
		font-weight:			bold;

		line-height:			100%;
					
		color:					#060553;		
	}
	
		
		h2.orange
		{
			color:				#fc7d07;
		}
		
	
	h3 
	{
		padding:				0 0 9px 0;
		margin:					0;
		
		font-size:				1.2em;
		font-family: 			Trebuchet, Arial, Verdana, Helvetica;
		line-height:			100%;
			
		color:					#060553;				
	}
	
		h3 a
		{
				font-weight:			bold;
				color:					#060553;
		}
		
			h3 a:hover
			{
				text-decoration:		none;
			}
		
		h3.orange
		{
				color:			#fc7d07;
		}
	
	blockquote
	{
		padding:				0;
		margin:					0px 0px 0px 10px;
	}
	
	.tableRowOdd
	{
		background-color: 		#eeeeee;
	}
	
	.flag
	{
		margin-right:			4px;
	}
	
	.newsArchive
	{
		margin-left:			10px;
	}	
	
	.readMore a, .readMore
	{
		color:					#060553;
		margin:					5px 0 0 0;
		padding:				0;
		font-weight:			normal;
	}
	
	.readMoreOrange a, .readMoreOrange
	{
		color:					#fc7d07;
		margin:					5px 0 0 0;
	}
	
		.readMoreOrange a:hover
		{
			color:					#fc7d07;	
		}
		
	/* =Colors */	
	.oranje
	{
		color:				#fc7d07;
	}
	
	.blauw
	{
		color:				#060553;
	}
	
	/*********************************************************************************************/
	/* Classes (general)                                                              			 */
	/*********************************************************************************************/	

	
	.containerInvisible, .onzichtbaar, .hide
	{
		display:				none;
	}
	
	.inputText
	{		
		width:					96px;
		
		font-family: 			Tahoma, Arial, Verdana, Helvetica;
		font-size:				09.em;
				
		color:					#898989;
		border:					solid 1px #898989;	
		padding:				1px 0px 1px 4px;	
	}
	
	.floatLeft
	{
		float:					left;
	}
	
	.floatRight
	{
		float:					right;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	.greyLink
	{	
		font-weight:			normal;
		
		color:					#949494;		
	}
	
	.anchr
	{
		font-weight:			normal;
		
		color:					#000000;
		
		background-image: 		none;
	}

	
	
	/*********************************************************************************************/
	/* Classes (general form fields)                                                             */
	/*********************************************************************************************/	
	.formField
	{
		clear:					both;
		
		padding:				0;
		margin:					0px 0px 10px 0px;
	}
	
	.formFieldLeft
	{
		float:					left;
		
		width:					110px;
	}
	
	.formFieldIcons ul
	{
		width:					200px;
		
		padding:				0px 0px 0px 114px;
		margin:					0;	
	}
		
	.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: 			Tahoma, Arial, Verdana, Helvetica;
		font-size:				1.0em;
		padding:				0 0 0 2px;
		
		color:					#000000;
		
		background-color:		#FFFFFF;
		border:					solid 1px #ccc;		
	}
	
	.cm_select
	{			
		height:					17px;		
				
		font-family: 			Tahoma, Arial, Verdana, Helvetica;
		font-size:				8pt;
		
		color:					#000000;
		
		background-color:		#FFFFFF;
		border:					solid 1px #ccc!important;
	}
	
	.cm_textarea
	{		
		/* overflow-y:				auto; */
		
		font-family: 			Tahoma, Arial, Verdana, Helvetica;
		font-size:				1.0em;
		
		color:					#000000;
		
		padding:				3px;
				
		background-color:		#FFFFFF;
		border:					solid 1px #ccc!important;
	}
	
	.cm_radio
	{
		width:					15px;
		height:					15px;
		
		padding:				0;
		margin:					0px 5px 0px 0px;
			
		font-family: 			Tahoma, Arial, Verdana, Helvetica;
		font-size:				8pt;		
	}
	
	.cm_button, #feedbackSubmit
	{
		font-size:				0.9em;
		margin:					0 0 0 7px;
		
		cursor:					pointer;
	}
	
	.cm_fieldset
	{
		margin:					10px 0 0 0;
	}
	
	.inputRadio
	{
		margin:					2px 5px 0px 0;
	}
	

	.searchbutton
	{
		padding:				0;
		margin:					0 13px 0 8px;
		border:					0;
		
		
		background-color:		#e6f1ff;
		background-image:		url(/sjablonen/2/images/general/searchbutton.gif);
		background-position:	0px 4px;
		background-repeat:		no-repeat;
		
			
		cursor:					pointer;
	}
	

	
	
											
	/*********************************************************************************************/
	/* 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;
	}
	
	#containerPrintHeader
	{
		display:				none;
	}
	
	.border1
	{
		border:				solid 1px #999999;
	}

	.border2
	{
		border:				solid 2px #999999;
	}
	
	.border3
	{
		border:				solid 3px #999999;
	}
	
	.border4
	{
		border:				solid 4px #999999;
	}
	
	.border5
	{
		border:				solid 5px #999999;
	}

	/*** Stylen mail2afriend ***/	
	
	#contentWeb, #mailfriendform
	{
		
	}
	
	legend
	{
		color:			#060553;
	}
	
	.fieldRow
	{
		clear:				both;
		height:				25px;
		min-height:			25px;
	}
	*>.fieldRow
	{
		height:			auto;
	}
	
	
		.fieldLabel
		{
			float:		left;
			width:		130px;
			padding:	0 0 0 5px;
		}
		
		.fieldContent
		{
				float:		left;
		}
	
	#opmerkingen
	{
		float:			left;
		width:			485px;
		border:			1px solid #060553;
	}
	

	/*********************************************************************************************/
	/* Containers                     		 							 						 */
	/*********************************************************************************************/
	
	#containerTotal
	{
		position: 				relative;
		width: 					990px;
		height:					630px;

		padding:				0;
		margin:					0px auto;
						
		background-image:		url(/sjablonen/2/images/background/bg_overall.gif);
		background-repeat:		no-repeat;	
	}
	*>#containerTotal
	{
		min-height:				630px;
		height:					auto;
	}
	
		#containerLogo
		{
			float:					left;
			height:					120px;
			width: 					255px;
		
			background-image:		url(/sjablonen/2/images/general/logo_with_bg.gif);
			background-repeat:		no-repeat;	
		}
		
		#containerLogo_sj3
		{
			float:					left;
			height:					120px;
			width: 					255px;
		
			background-image:		url(/sjablonen/3/images/general/logo_with_bg.gif);
			background-repeat:		no-repeat;	
		}

		#containerTopRight
		{
			float:					left;
			height:					120px;
			width: 					725px;
		}
		
			#containerShortcuts
			{
					float:				right;	
					display:			inline;
					margin:				10px 0px 0 0;
					font-size:			1.1em;	
			}
		
				#containerShortcuts div
				{
					float:				right;
					display:			inline;
					margin:				0 15px 0 0;
				}
	
			#search
			{
				float:				right;
				margin:				25px 3px 0 0;	
			}
			


	/*************************************************************************************************/
	/* Paging styles                                              									 */
	/*************************************************************************************************/			
		
		#containerPaging
			{
				width:					426px;
				padding:				0 0 13px 0;
				margin:					0;
			}
			
				#containerPaging ul
				{		
					clear:					both;
					
					height:					20px;
					padding:				0;
					margin:					0;
				}
				
					#containerPaging ul li
					{
						float:					left;
						
						width:					13px;
						min-width:				13px;
						padding:				0px 3px 0px 4px!important;
						margin:					0 5px 0 0!important;
						
						list-style:				none;
						text-align:				center;
						
						background-color:		#ffffff;
						background-image:		none!important;
						
						border:					1px solid #060553;
					}
					*>#containerPaging ul li
					{
						width:					auto;
					}
					
						#containerPaging ul li a
						{
							color:					#060553;
						}
				
				#containerPaging .selectedPageNumber
				{
					color:					#FFFFFF;
					font-weight:			bold;
					
					background-color:		#060553;
					
					border-color:			#060553;
				}	
		
	
	#containerPrintLogo
	{
		display:		none;
	}
	
	/* Documenten Catalogus */
	
	td.documentDatum
	{
		width:			60px;
	}
	
}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{
	/*********************************************************************************************/
	/* Containers                     		 							 						 */
	/*********************************************************************************************/
	.containerInvisible, #containerLogo, #containerTopRight, #containerLeft, #containerDynamic 
	.invisible, #containerReaction, #containerRight, #containerPrintAndSend
	{
		display:				none;
	}	
	
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0;
		margin:					0;		
		
		font-family: 			Arial, Verdana, Helvetica;
		font-size:				1.1em;
		line-height:			160%;
		
		color:					#000000;
		background-color:		#FFFFFF;				
	}
	
	#containerPrintLogo
	{
		margin:					0 0 20px 0;
		padding:				0 0 20px 0;
		
		border-bottom:			1px solid #ccc;
	}
	
	
	ul li
	{
		list-style-type:		none;	
	}
	
	a 
	{
		color:					#fc7d07;
		font-weight:			bold;
		text-decoration:		underline;
	}
	
	hr
	{
		margin:					15px 0 15px 0;
	}
	
	h1 
	{
		padding:				0 0 5px 0;
		margin:					0;
		
		font-size:				1.3em;
		line-height:			100%;
					
		color:					#060553;		
	}
	
	
	h2 
	{
		padding:				0;
		margin:					0;
		
		font-size:				1.3em;
		line-height:			100%;
					
		color:					#060553;		
	}
	
	h3 
	{
		padding:				0;
		margin:					0px 0px 1px 0px;
		
		font-size:				1.2em;
		line-height:			100%;
			
		color:					#060553;				
	}
	
	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 */	
	.oranje
	{
		color:				#fc7d07;
	}
	
	.blauw
	{
		color:				#060553;
	}
}

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