/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                              	 */
/* Description:		Stylesheet for template 1-5 (subpage)                                        */
/*************************************************************************************************/
@media screen 
{
	/*********************************************************************************************/
	/* General styles                                                                 			 */
	/*********************************************************************************************/
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0;
		margin:					0;		
		
		font-family: 			Arial, Verdana, Helvetica;
		font-size:				1.1em;
		line-height:			140%;
		
		color:					#000000;
		background-color:		#FFFFFF;		
	}

	img 
	{
		border: 				none;
		
		padding:				0;
		margin:					0;
	}
	
	form 
	{
		padding:				0;
		margin:					0;
	}
	
	a 
	{		
		font-weight:			bold;				
		text-decoration:		none;
		
		color:					#603241;
	}
	
	a:hover 
	{
		text-decoration:		underline;
		
		color:					#bfaeb4;
	}
	
	ul
	{
		padding:				0;
		margin:					0;
	}
		
	ul li
	{
		display:				block;
		padding:				0 0 0 12px;
		margin:					3px 0 0px 5px;
	
		background-image:		url(/sjablonen/1/images/general/bullet_brown.gif);
		background-position:	0px 5px;
		background-repeat:		no-repeat;
	}
	
	li.noBorder
	{
		border:					none;
	}
	
	li.open
	{
		list-style-type:		none;
	}
	
	ol
	{
		padding:				0;
		margin:					0px 0px 0px 0px;
	}
	
	hr 
	{	
		clear:					both;
		
		height:					1px;
		width:					100%;
		
		background-color:		#802991;
		color: 					#802991;
		
		border:					none;
	}
	
	h2 
	{
		padding:				0;
		margin:					0;
		
		font-size:				1.1em;
		line-height:			100%;
					
		color:					#603241;		
	}
	
	h3 
	{
		padding:				0;
		margin:					0px 0px 1px 0px;
		
		font-size:				1em;
		line-height:			100%;
			
		color:					#603241;				
	}
	
	blockquote
	{
		padding:				0;
		margin:					0px 0px 0px 10px;
	}
	

	/*********************************************************************************************/
	/* Classes (general)                                                              			 */
	/*********************************************************************************************/	

	
	.containerInvisible
	{
		display:				none;
	}
	
	.inputText
	{		
		width:					96px;
		
		font-family: 			Tahoma, Verdana;
		font-size:				7pt;
				
		color:					#898989;
		border:					solid 1px #898989;	
		padding:				1px 0 0 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: 			Arial, Verdana, Helvetica;
		font-size:				1.0em;
		padding:				0 0 0 2px;
		
		color:					#000000;
		
		background-color:		#FFFFFF;
		border:					solid 1px #603241;		
	}
	
	.cm_select
	{			
		height:					17px;		
				
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
		
		color:					#000000;
		
		background-color:		#FFFFFF;
		border:					solid 1px #603241;
	}
	
	.cm_textarea
	{		
		/* overflow-y:				auto; */
		
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
		
		color:					#000000;
				
		background-color:		#FFFFFF;
		border:					solid 1px #603241;
	}
	
	.cm_radio
	{
		width:					15px;
		height:					15px;
		
		padding:				0;
		margin:					0px 5px 0px 0px;
			
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;		
	}
	
	.cm_button, #feedbackSubmit
	{
		height:					20px;
		
		padding:				0;
		margin:					0;
				
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				8pt;
		font-weight:			bold;
		
		color:					#FFFFFF;
			
		background-color:		#BFAEB4;
		border:					solid 1px #BFAEB4;
		
		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
	{
		float:					left;
	}
	
	.iar
	{
		float:					right;
	}
	
	.highlight
	{
		background-color:		#AE83BB;
	}
	
	.underline
	{
		text-decoration:		underline;
	}
	
	#containerPrintHeader
	{
		display:				none;
	}
	
	
}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{
	/*********************************************************************************************/
	/* Containers                     		 							 						 */
	/*********************************************************************************************/
	.containerInvisible, #containerShortCutsTop, #containerMenu, #containerTop, #containerPath, 
	#containerPrintMail, #containerContact, #containerDownloads, #containerContentRight, 
	#containerRight, #containerFooter, #containerLeft, #bottomContainer, #language, #containerShortcuts
	{
		display:				none;
	}	 
	
	#containerPrintHeader
	{
		display:				block!important;
		
			
		padding:				0;
		margin:					0px 0px 20px 0px;
	}
	
	#containerContent
	{
		width:					625px;
	}
	
	#printAdres
	{
		position:				relative;
		display:				block;
		float:					right;
		
		padding:				15px 0px 0px 0px;
		margin:					0;	
	}	
	
	#printAdres a
	{
		display:				none;
	}
	

	
	/*********************************************************************************************/
	/* General styles                 		 							 						 */
	/*********************************************************************************************/
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0;
		margin:					0;		
		
		font-family: 			Arial, Verdana, Helvetica;
		font-size:				1.1em;
		line-height:			140%;
		
		color:					#000000;
		background-color:		#FFFFFF;				
	}
	
	a 
	{		
		font-weight:			bold;				
		text-decoration:		none;
		color:					#603241;
	}
	
	ul li
	{
		list-style-type:		none;	
	}
	
	h1
	{		
		font-size:				1.5em;
		color:					#603241;
		margin:					0 0 12px 0;
	}
		
	h2 
	{
		padding:				0;
		margin:					0;
		
		font-size:				1.1em;
		line-height:			100%;
					
		color:					#603241;		
	}
	
	h3 
	{
		padding:				0;
		margin:					0px 0px 1px 0px;
		
		font-size:				1em;
		line-height:			100%;
			
		color:					#603241;				
	}
}

/*************************************************************************************************/
/* Handheld styles                                         									 	 */
/*************************************************************************************************/
@media handheld 
{
}