/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                              	 */
/* Description:		Basic styles for template 1	                                         		 */
/*************************************************************************************************/

@media screen 
{
	/*********************************************************************************************/
	/* General styles                                                                 			 */
	/*********************************************************************************************/
	
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0px;
		margin:					0px;		
		
		font-family: 			Arial, Helvetica;
		font-size:				.7em;
		line-height:			160%;
		
		color:					#000000;
		background-color:		#FFFFFF;		
	}

	img 
	{
		border: 				none;
		
		padding:				0px;
		margin:					0px;
	}
	
	form 
	{
		padding:				0px;
		margin:					0px;
	}
	
	a 
	{						
		text-decoration:		underline;
		
		color:					#000047;
	}		
	
	a:hover 
	{
		text-decoration:		underline;		
		
		color:					#AA0009;
	}
	
	p
	{
		padding:				0px;
		margin:					0px;
	}
	
	ul
	{
		padding:				0px;
		margin-left:			25px;
		
		list-style-type:		square;	
	}
	
	ol
	{
		padding:				0px;
		margin-left:			25px;
	}
	
	hr 
	{	
		clear:					both;
		
		height:					1px;
		width:					100%;
		
		background-color:		#AA0009;
		color: 					#AA0009;
		
		border:					none;
	}
	
	h1 
	{
		padding:				0px;
		margin:					0px;
		
		font-size:				1.6em;
		line-height:			100%;				
	}
	
	h2 
	{		
		padding:				0px;
		margin:					0px;
				
		font-size:				1.1em;
		line-height:			100%;			
	}
		
	blockquote
	{
		padding:				0px;
		margin-left:			10px;
	}

	iframe
	{
		width:					536px;
		height:					400px;
		
		border:					0px;
	}
	
	/*********************************************************************************************/
	/* Classes (general)                                                              			 */
	/*********************************************************************************************/	
	
	.containerInvisible
	{
		display:				none;
	}
		
	.floatLeft
	{
		float:					left;
	}
	
	.floatRight
	{
		float:					right;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	.anchr, .anchr:hover
	{
		font-weight:			normal;
		text-decoration:		none;
		
		color:					#000000;
		
		background-image: 		none;
	}		
	
	.readMore
	{		
		cursor:					pointer;
		
		padding-right:			6px;
		
		background-repeat:		no-repeat;
		background-position:	right;		
		background-image: 		url("/sjablonen/1/images/general/arrow_next.gif");
	}
	
	.readMore a
	{
		padding-right:			6px;
	}
		
	.blue
	{
		color:					#000047;
	}
	
	.red
	{
		color:					#AA0009;
	}
	
	.grey
	{
		color:					#808080;
	}
	
	/*********************************************************************************************/
	/* Classes (bullets)                                                              			 */
	/*********************************************************************************************/	
	
	.photosAvailable
	{
		cursor:					pointer;
			
		padding-left:			12px;
		
		background-repeat:		no-repeat;
		background-position:	right;		
		background-image: 		url("/sjablonen/1/images/general/photos_available.gif");		
	}
	
	.doc
	{
		padding:				7px 0px 0px 26px;
		margin:					0px;
		
		background-repeat:		no-repeat;
		background-position:	0px 7px;		
		background-image: 		url("/sjablonen/1/images/doctypes/doc.gif");
	}

	.pdf
	{
		padding:				7px 0px 0px 26px;
		margin:					0px;
		
		background-repeat:		no-repeat;
		background-position:	0px 7px;		
		background-image: 		url("/sjablonen/1/images/doctypes/pdf.gif");
	}
	
	.print
	{
		padding:				7px 0px 0px 26px;
		margin:					0px;
		
		background-repeat:		no-repeat;
		background-position:	3px 9px;		
		background-image: 		url("/sjablonen/1/images/general/bullet_print.gif");
	}
	
	.email
	{
		padding:				7px 0px 0px 26px;
		margin:					0px;
		
		background-repeat:		no-repeat;
		background-position:	3px 12px;		
		background-image: 		url("/sjablonen/1/images/general/bullet_email.gif");
	}
	
	.rss
	{
		padding:				7px 0px 0px 26px;
		margin:					0px;
		
		background-repeat:		no-repeat;
		background-position:	3px 10px;		
		background-image: 		url("/sjablonen/1/images/general/bullet_rss.gif");
	}
		
	/*********************************************************************************************/
	/* Classes (general form fields)                                                             */
	/*********************************************************************************************/	
	
	.formField
	{
		clear:					both;
		
		padding:				0px;
		margin-bottom:			10px;
	}
	
	.formFieldLeft
	{
		float:					left;
		
		width:					110px;
	}
	
	/*********************************************************************************************/
	/* Classes (doormat items)                                                      		 	 */
	/*********************************************************************************************/	
	
	.doormatItem
	{		
		margin:					19px 0px 0px 22px;
	}
		
	.doormatHeader
	{		
		color:					#FFFFFF;
		
		font-size:				1.2em;
		font-weight:			bold;
	}
	
	.doormatInputText
	{		
		width:					124px;
		height:					12px;
		
		margin-top:				4px;
		
		font-size:				1em;		
	}
	
	.doormatSelectList
	{
		width:					130px;
		height:					18px;	
		
		margin-top:				4px;
		
		font-size:				1em;
	}
	
	.doormatSubmitButton
	{	
		overflow: 				hidden;
		cursor:					pointer;
		
		width:					12px;
		max-width:				12px;
		height:					20px;
		
		*padding-left: 			100px; /* only IE */
		text-indent:			-5000px;
		border:					none;
		
		background:				transparent;
		background-repeat:		no-repeat;
		background-position:	right;		
		background-image: 		url("/sjablonen/1/images/general/arrow_search.gif");
	}
	

	
	/*********************************************************************************************/
	/* Classes (editor form fields)                                                        		 */
	/*********************************************************************************************/	
	
	.cm_input
	{	
		height:					15px;		
		
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
		
		color:					#000000;
		
		background-color:		#FFFFFF;
		border:					solid 1px #B2B2B2;	
	}
	
	.cm_select
	{			
		height:					20px;		
				
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
		
		color:					#000000;
		
		background-color:		#FFFFFF;
		border:					solid 1px #B2B2B2;
	}
	
	.cm_textarea
	{		
		/* overflow-y:			auto; */
		
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
		
		color:					#000000;
				
		background-color:		#FFFFFF;
		border:					solid 1px #B2B2B2;
	}
	
	.cm_radio
	{
		width:					15px;
		height:					15px;
		
		padding:				0px;
		margin-right:			5px;
			
		font-family: 			Arial, Helvetica;
		font-size:				8pt;		
	}
	
	.cm_button
	{
		height:					20px;
		
		padding:				0px;
		margin-right:			5px;
				
		font-family: 			Arial, Helvetica;
		font-size:				8pt;
		font-weight:			bold;
		
		color:					#000047;
		
		background-color:		#E5E5E5;
		border: 				solid 1px #000047;
	}
	
	/*********************************************************************************************/
	/* 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
	{
		float:					left;
	}
	
	.iar
	{
		float:					right;
	}
	
	.highlight
	{
		background-color:		#CBA53D;
	}
	
	.underline
	{
		text-decoration:		underline;
	}
		
	/*********************************************************************************************/
	/* Containers (top)                     							 			 	 		 */
	/*********************************************************************************************/
	
	#containerTotal 
	{
		position: 				relative;
				
		width: 					960px;
		height:					100%;
						
		padding:				0px;
		margin:					0px auto;		
	}
		
	#containerTop
	{
		width:					100%;
	}	
	
	#containerPortalShortcuts
	{		
		height:					15px;
		
		padding:				5px 20px 0px 20px;
								
		background-color:		#CCCCCC;
	}		
	
	#containerPortalShortcuts img
	{
		margin-right:			80px;
	}
	
	#containerPortalShortcuts .noMargin
	{
		margin:					0px 0px 0px 0px	!important;		
	}
		
	/*********************************************************************************************/
	/* Containers (footer) 			 	 				 			 				 			 */
	/*********************************************************************************************/
	
	#containerFooter
	{
		clear:					both;
		
		width:					100%;
		height:					47px;
	}
	
	#containerCopyright
	{
		width:					250px;
		height:					20px;
		
		padding:				20px 0px 0px 54px;				
		
		color:					#FFFFFF;
				
		background-repeat:		no-repeat;
		background-position:	30px 18px;
		background-image: 		url("/sjablonen/1/images/logos/logo_small.png");
	}
}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/

@media print
{
	/*********************************************************************************************/
	/* Containers                     		 							 						 */
	/*********************************************************************************************/
	
	.containerInvisible, #containerTop, #containerTopMenu, #containerLeftMenu, #containerPath, 
	#containerOptions, #containerToTop
	{
		display:				none;
	}	
	
	/*********************************************************************************************/
	/* General print styles            		 							 						 */
	/*********************************************************************************************/
	
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0px;
		margin:					0px;		
		
		font-family: 			Arial, Helvetica;
		font-size:				.7em;
		line-height:			160%;			
	}
	
	a 
	{		
		font-weight:			normal;				
		text-decoration:		none;
		
		color:					#000000;
	}
	
	ul
	{
		list-style-type:		square;	
	}
	
	h1
	{
		padding:				0px;
		margin:					0px;
		
		font-size:				1.6em;
		line-height:			100%;			
	}
	
	h2 
	{
		padding:				0px;
		margin:					0px;
		
		font-size:				1.1em;
		line-height:			100%;			
	}
	
	/*********************************************************************************************/
	/* Containers (print)            		 							 						 */
	/*********************************************************************************************/
	
	#containerPrintHeader
	{
		display:				block	!important;
		
		height:					60px;
			
		padding:				0px;
		margin-bottom:			20px;
		
		color:					#000000;
		border-bottom:			solid 1px #000000;		
	}
	
	#printLogo
	{
		position:				relative;
		display:				block;
		float:					left;
		
		padding:				0px;
		margin:					0px;		
	}
	
	#containerTitle
	{
		margin-bottom:			10px;
	}
	
	#containerFooter
	{
		padding-top:			20px;		
		margin-top:				20px;
		
		border-top:				solid 1px #000000;
	}
}

/*************************************************************************************************/
/* Handheld styles                                         									 	 */
/*************************************************************************************************/

@media handheld 
{
}