/*
--------------------------------------------------------------------------------------------------
 Title:		Subpage Styles
 Created on: 	22-04-2008
 Author:     		Peter Melchers
 Client:		2015 Festival
 Project:		Internet 2008
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =General styles
 =Classes (general) 
 =Classes (general form fields)    
 =Classes (used for cleanHTML, clean_html.xsl)       
 =Containers    
 =Paging styles
 =Print styles 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------

Rood:		#E60004
Geel:		#FFED00
Groen:	#86BB20
Rose:		#F1B0CE
Blauw:	#56ABD2
Oranje:	#EE7812
Grijs:		#565656

*/

@media screen 
{

/*********************************************************************************************/
/* =Containers	  									                               			 */
/*********************************************************************************************/
	
	body 
	{
		margin:				2px;
		padding:			0;
		font-family:		Arial, Verdana, Helvetica, sans-serif;
		font-size:			1.0em;
	}	
	
	ol
	{
		color:					#565656;
		font-family:			Arial, Verdana, Helvetica, sans-serif;
		font-size:				0.9em;
		
		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;
	}
	
	ul
	{
		color:				#565656;
		font-family:		Arial, Verdana, Helvetica, sans-serif;
		font-size:			0.9em;	
	}

		#totalContainer
		{
			position:				relative;

			width: 					801px;
			height: 				auto;
			margin: 				0 auto;		
		}
		
			#logo
			{
				position:				absolute;
				
				left: 					0px; 
				top: 					0px;
				
				width:					800px;
				height:					59px;
				
				background-image: 		none;
				filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sjablonen/2/images/general/logo.png');
				
				z-index: 				1;
			}
			
			*>#logo
			{
				background-image:		url('/sjablonen/2/images/general/logo.png');
				background-repeat:		no-repeat;
			}
		
			#containerLeftColumn
			{
				position:				relative;
				float:					left;
				
				width:					535px;
				height:					auto;
				margin:					47px 0 0 0;
			}
		
				#carrousel
				{
					float:					left;
					
					width:					535px;
					height:					298px;
					
					background-image:		url('/sjablonen/2/images/general/photo.jpg');
					background-repeat:		no-repeat;
				}
				
				#navigation
				{
					float:					left;
					
					width:					535px;
					height:					23px;
					margin:					4px 0 0 0;
				
					background-image:		url('/sjablonen/2/images/general/navigatie_15px.jpg');
					background-repeat:		repeat-x;
				}
				
				#navigation ul
				{
					width: 					100%;
					padding: 				0;
					line-height:			1;					
					margin:					4px 0 0 0;
					white-space: 			no-wrap;
				}
				
				#navigation ul li
				{
					display: 				inline;
				}
				
				#navigation ul li a
				{
					padding-left: 			5px;
					padding-right: 			5px;
					font-size: 				10px;
					font-family: 			Arial, Helvetica, sans-serif;
					font-weight:			normal;
					text-decoration: 		none;
					color: 					white;
				}
				
				#navigation ul li a:hover
				{
					color:					#dddddd;
				}
			
			#containerRightColumn
			{
				float:					left;
				
				width:					259px;
				height:					auto;
				margin:					47px 0 0 4px;	
			}
			
				.curved-box_Green
				{	
					width: 					259px;
					height:					325px;
					margin: 				0;
					background-color: 		#86BB20;
				}
				
				.curved_Top_Green
				{   
					padding: 				6px 0 0 0;
					
					background: 			#86BB20 url('/sjablonen/2/images/general/curve_top_green.gif') no-repeat left top;
				}
				
					.curved-box_Top
					{
						width: 					249px;
						margin: 				0 auto;
						
					    background-color: 		#ffffff;
					}
					
					.curved-box_Bottom
					{
						width: 					249px;
					    margin: 				0 auto;
					    background-color: 		#ffffff;
					}
				
					
					.curved-box
					{
					    width: 					249px;
					    margin: 				6px auto;
					    background-color: 		#ffffff;
					}

					.curved_Top
					{
					    padding: 				5px 15px 0px 15px;
						
						background: 			#ffffff url('/sjablonen/2/images/general/curve_top.gif') no-repeat left top;
					}

					.curved_Bottom
					{
						margin: 				0px;
						padding: 				3px 5px 0 0;
						
						background: 			#ffffff url('/sjablonen/2/images/general/curve_bottom.gif') no-repeat left bottom;
					} 
					
					*>.curved_Bottom
					{
						overflow:				visible;
					}
					
					.alignCenter
					{
						position:				relative;
						height:					60px;
						margin:					0 2px;
					}
					
							a#akkoord_Btn
							{
								float:					left;

								width:					61px;
								height:					60px;							
								margin:					0 0 0 0;
								
								background-image:		url('/sjablonen/2/images/general/btn_akkoord_down.jpg');
								background-repeat:		no-repeat;
							}
							
							a:hover#akkoord_Btn
							{
								float:					left;	
								
								width:					61px;
								height:					60px;
								margin:					0 0 0 0;
								
								background-image:		url('/sjablonen/2/images/general/btn_akkoord_hover.jpg');
								background-repeat:		no-repeat;
							}
							
							a#stichting_Btn
							{
								float:					left;
								
								width:					61px;
								height:					60px;
								margin:					0 0 0 0;
								
								background-image:		url('/sjablonen/2/images/general/btn_stichting_down.jpg');
								background-repeat:		no-repeat;
							}
							
							a:hover#stichting_Btn
							{
								float:					left;
								
								width:					61px;
								height:					60px;
								margin:					0 0 0 0;
								
								background-image:		url('/sjablonen/2/images/general/btn_stichting_hover.jpg');
								background-repeat:		no-repeat;
							}
							
							a#frysk_comite_Btn
							{
								float:					left;

								width:					61px;
								height:					60px;
								margin:					0 0 0 0;
								
								background-image:		url('/sjablonen/2/images/general/btn_frysk_commite_down.jpg');
								background-repeat:		no-repeat;
							}
							
							a:hover#frysk_comite_Btn
							{
								float:					left;

								width:					61px;
								height:					60px;
								margin:					0 0 0 0;
								
								background-image:		url('/sjablonen/2/images/general/btn_frysk_commite_hover.jpg');
								background-repeat:		no-repeat;
							}
							
							a#onderwijs_Btn
							{
								float:					left;
								
								width:					61px;
								height:					60px;	
								margin:					0 0 0 0;
								
								background-image:		url('/sjablonen/2/images/general/btn_onderwijs_down.jpg');
								background-repeat:		no-repeat;
							}
							
							a:hover#onderwijs_Btn
							{
								float:					left;
								
								width:					61px;
								height:					60px;
								margin:					0 0 0 0;
								
								background-image:		url('/sjablonen/2/images/general/btn_onderwijs_hover.jpg');
								background-repeat:		no-repeat;
							}
						
						#txtSearchNewsletter
						{
							width:				auto;
							margin:				0 0 0 40px ;
						}
						
						#icoonSearch
						{
						float:					left;
						
						margin:					0 0 4px 4px;
						}
					
						#icoonNewsLetter
						{
							clear:				both;
							
							float:				left;
							
							margin:				5px 0 0 4px;
						}

		.clearer
		{
			clear:				both;
		}					
						
			#contentColumn
			{	
				float:				left;
				
				display: 			inline;
				
				width:				801px;
				height:				auto;
				
				padding:			0 0 10px 0;
			}
			
				#path
				{
					
					font-size:				0.6em;			
					font-weight:			normal;
					line-height:			150%;
					height:					10px;
					margin:					0 0 10px 156px;
				}
				
					#path a
					{
						color:					#565656;						
						text-decoration: 		none;												
					}
			
				#subMenu
				{
					float:					left; 
					
					width:					155px;
					height:					400px;
					min-height:				400px;
				}
				*>#subMenu
				{
					height:					auto;
				}
				
				#content
				{
					border-left: 			1px solid gray;
					float:					right;
					padding:				0 0 25px 5px;
					height:					380px;
					min-height:				380px;
					width:					640px;
				}
				*>#content
				{
					height:					auto;
				}
			
			#footer
			{
				position:				relative;
				float:					left;
				
				width:					801px;
				height:					25px;

				background-image:		url('/sjablonen/2/images/general/footer_10px.gif');
				background-repeat:		repeat-x;

			}

				#footerLeft
				{
					float:					left;
					
					height:					25px;
					width:					5px;
					
					background: 			url('/sjablonen/2/images/general/footer_curve_left.gif') no-repeat bottom left; 		
				}
				
				#footerRight
				{
					float:					right;
					
					height:					25px;
					width:					5px;
					
					background: 			url('/sjablonen/2/images/general/footer_curve_right.gif') no-repeat bottom right;
				}
				
			p.footerTxt
			{
				float:					left;
				
				width:					790px;

				color:					#565656;
				font-size:				0.7em;
				font-weight:			normal;
				line-height:			200%;
				text-decoration: 		none;
				text-align: 			center;
			}
			
			a.a_footerTxt
			{
				color:					#86bb20;	

				font-size:				1.1em;
				font-weight:			normal;
				line-height:			200%;
				text-decoration: 		underline;
			}
			
			a:hover.a_footerTxt
			{
				color:					#e60004;	

				font-size:				1.1em;
				font-weight:			normal;
				line-height:			200%;
				text-decoration: 		underline;
			}
			
	#containerConfirm
	{
		font-size:				0.8em;
		line-height:			15px;
	}
	
	#containerConfirm .radiogroup, #containerConfirm .checkboxgroup
	{
		float:				none;
		clear:				both;
	}

/*********************************************************************************************/
/* =Paging styles	  									                               			 */
/*********************************************************************************************/	

	h1
	{
		margin:					0 5px 5px 0;
		
		color:					#E60004;
		
		font-size:				0.9em;
		font-weight:			bolder;
		line-height:			200%;
	}

	h2
	{
		margin:					0 5px 5px 5px;
		
		color:					#E60004;
		
		font-size:				1.2em;
		font-weight:			bolder;
		line-height:			150%;
	}

	h3
	{
		margin:					0 5px 5px 5px;
		
		color:					#E60004;
		
		font-size:				1.4em;
		font-weight:			bold;
		line-height:			150%;
	}

	p
	{
		margin:					0 5px 5px 5px;
		
		color:					#000000;
		
		font-size:				0.6em;
		font-weight:			normal;
		line-height:			200%;
	}
	
	#content p
	{
		color:					#565656;
		
		font-size:				0.8em;
		font-weight:			normal;
		line-height:			175%;
		margin:					0 5px 5px 0;
	}
	
	#content a
	{
		color:					#E60004;
	}

	a.readmore
	{
		color:					#E60004;
		
		font-size:				0.8em;
		font-weight:			normal;
		line-height:			175%;
	}

	#subMenu li a
	{
		color:					#565656;	

		font-size:				0.7em;
		font-weight:			normal;
		line-height:			250%;
		text-decoration: 		none;	
	}	 
	
	#subMenu li 
	{ 
		list-style-type: 	square; 
		margin:				0 0 0 15px;
		color:				#E60004;
	}
	
	#subMenu li a:hover
	{
		color:					#000000;
		text-decoration:		underline;
	}

	a:hover.readmore
	{
		color:					#565656;
	}	
}

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

@media print
{

	#containerRightColumn, 	#logo, #path, #subMenu,	.footerTxt
	{
		display:				none;
	}	 
}