/*
--------------------------------------------------------------------------------------------------
 Title:		Frontpage 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

*/
@media screen 
{
/*********************************************************************************************/
/* =Containers	  									                               			 */
/*********************************************************************************************/

	body 
	{
		margin:				2px;
		padding:			0;
		font-family:		Arial, Verdana, Helvetica, sans-serif;
		font-size:			1.0em;
	}	

		#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:		none;
				}
				
				#flash
				
				{
				z-index: 				2;
				}
				
				#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: 				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;
				}
				
				#content
				{
					float:					left;
					margin:					0;
				}
				
				
				#navigation ul li a:hover
				{
					color:					#dddddd;
				}
				
				#newsLeft
				{
					float:					left;
					
					width:					177px;
					height:					379px;
					*height:				372px;
					
					margin:					4px 0 0 0;
					
					background-color:		#b50005;
					background-image:		url(/sjablonen/2/images/general/nieuws_15px.jpg);
					background-repeat:		repeat-x;
					
					border-right:			2px solid white;
				}
				
			
				
					#blRed
					{
						width:					177px;
						height:					379px;
						*height:				372px; 
						
						
						padding:				0;
						
						background: 			url(/sjablonen/2/images/general/blred.gif) 0 100% no-repeat; 
					}
					
					
					#newspaper
					{
						margin:					5px 0 5px 5px;
					}
				
				#newsMiddle
				{
					float:					left;
					
					width:					177px;
					height:					379px;
					*height:				372px;
				
					margin:					4px 0 0 0;
					
					background-color:		#b50005;
					background-image:		url(/sjablonen/2/images/general/nieuws_15px.jpg);
					background-repeat:		repeat-x;
					
					border-right:			2px solid white;
				}
				
				
					#newsItem1, #newsItem2, #newsItem3
					{
						margin:				10px 0 5px 15px;
						height:				120px;
						width:				148px;						
					}
				
				#newsRight
				{
					float:					left;
					
					width:					177px;
					height:					379px;
					*height:				372px;
					margin:					4px 0 0 0;
					
					background-color:		#b50005;
					background-image:		url(/sjablonen/2/images/general/nieuws_15px.jpg);
					background-repeat:		repeat-x;
				}
				
		
					#brRed
					{
						width:					177px;
						height:					379px;
						*height:				372px;
					
						background: 			url(/sjablonen/2/images/general/brred.gif) 100% 100% no-repeat; 
					}
					
					
					#bottles
					{
						margin:					5px 0 5px 5px;
					}
			
			#containerPoll
			{
				background-color:		#86bb20;
			}
			
			#containerPoll ul
			{
				height:				18px;
			}
			
			ul#containerAnswers
			{
				font-size:			0.8em;
				line-height:		15px;
				height:				50px;
				min-height:			50px;
			}
			
			*>ul#containerAnswers
			{
				height:				auto;
			}
			
				ul#containerAnswers li
				{
					float:			left;
					position:		relative;
					margin:			5px 0 0 0;
					width:			250px;
				}
				
				ul#containerAnswers li .border
				{
					float:			left;
					display:		inline;
					margin:			0 0 0 8px;
					position:		relative;
					border:			1px solid #E4E4E4;
					float:			left;
					width:			185px;
				}
			
				ul#containerAnswers li .result
				{
					float:			left;
					display:		inline;
					font-size:		0.9em;
					font-weight:	700;
					padding:		0 0 0 6px;
					width:			40px;
				}
				
				ul#containerAnswers li span
				{
					padding:		0 0 0 8px;
					position:		absolute;
					font-size:		0.8em;
					left:			0;
					float:			left;
					z-index:		99;
					color:			#FFF;
				}
				
				ul#containerAnswers li img
				{
					float:			left;
					margin:			0;
					z-index:		2;
				}
			
			#containerPoll ul li a
			{
				text-decoration:	none;
			}
			
			#containerPoll ul li.white
			{
				float:				left;
				font-size:			0.8em;
				background-color:	#fff;
				height:				14px;
				margin:				0 4px 0 0;
				padding:			4px 0 0 0;
				width:				100px;
				text-align:			center;
			}

			#containerPoll ul li.red
			{
				float:				left;
				background-color:	#E60004;
				font-size:			0.8em;
				height:				14px;
				padding:			4px 0 0 0;
				width:				100px;
				text-align:			center;
			}

			#pollVoteWindow, #pollVoteWindow p
			{
				background-color:		#fff;
				font-size:				0.8em;
				
				display:				none;
			}
			
			#pollScore
			{
				background-color:		#fff;
				height:					100px;
				min-height:				100px;
				padding:				0 0 8px 0;
			}
			*>#pollScore
			{
				height:					auto;
			}
			
			#pollScore p
			{
				
				margin:					0 0 0 5px;
			}
			
				.cm_button
				{
					background-color:	#666;
					border:				1px solid #FFF;
					color:				#FFF;
					font-size:			1em;
					font-weight:		700;
					margin:				5px;
				}
			
			#containerRightColumn
			{
				float:					left;
				
				width:					259px;
				height:					auto;
				margin:					47px 0 0 4px;	
			}
			
				.curved-box_Green
				{
					height:					auto;
					
					width: 					259px;
					margin: 				0;
					background-color: 		#86BB20;
				}
				
				.curved_Top_Green
				{   
					padding: 				5px 0 0 0;
					
					background: 			#86BB20 url(/sjablonen/2/images/general/curve_top_green.gif) no-repeat left top;
				}
				
				.curved_Bottom_Green
				{
					margin: 				0px;
					padding: 				5px 0 0 0;
					
					background: 			#86BB20 url(/sjablonen/2/images/general/curve_bottom_green.gif) no-repeat left bottom;
					
				}
				
					.curved-box_Top
					{
						width: 					249px;
						margin: 				0 auto;
						
					    background-color: 		#ffffff;
					}
					
					.curved-box_Bottom
					{
						width: 					249px;
					    margin: 				0 auto;
					    background-color: 		#ffffff;
					}
					
					.curved-box_Bottom a
					{
						margin-left:			5px;
					}
					
					.curved-box
					{
					    width: 					249px;
					    margin: 				5px 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_Poll_Top
					{
					    padding: 				5px 15px 0px 15px;
						
						background: 			#ffffff url(/sjablonen/2/images/general/curve_top_poll.gif) no-repeat left top;
					}

					.curved_Bottom
					{
						/* Hide from IE-Mac \*/
						overflow:				auto;
						/* End hide */ 
						
						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;
					}
					
					.curved-box_Top 
					{
						height:					69px;
						overflow:				hidden;
					}
					
					.curved_Bottom 
					{
						margin-bottom: 			5px;
					}
					
					
					.curved-box.photos
					{
						height:					43px;
						overflow:				hidden;
						margin-bottom:			5px;
					}
					
					.curved-box.search
					{
						height:					45px;
						overflow:				hidden;
						margin-bottom:			5px;
					}
					
					.curved-box.sponsors
					{
						height:					109px;
						overflow:				hidden;
						margin-bottom:			5px;
					}
					
					.curved-box_Bottom.banner
					{
						height:					73px;
						overflow:				hidden;
						margin-bottom:			5px;
					}
					
					
					.curved-box_Bottom.socialNetworks
					{
						height:					40px;
						overflow:				hidden;
						margin-bottom:			5px;
					}
					
					.curved-box_Bottom.Hunger
					{
						height:					73px;
						overflow:				hidden;
					}
					
					img#zeroHours
					{
						margin:					0 0 0 3px;
					}
					
					.alignCenter
					{
						position:				relative;
						height:					60px;
						margin:					0 2px 1px;
					}
					
							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;
							}
							
						#movie
						{
							margin:					0 0 0 3px;
						}
							
						#txtPhotobook
						{
							float:				left;
				
							width:				auto;
							margin:				0 0 0 2px;
						}
						
						#fotoIcoon
						{
							margin:				0 0 0 5px;
						}
						
						#txtSearchNewsletter
						{
							width:				auto;
							margin:				0 0 0 40px;
						}
						
							#txtSearchNewsletter a, #txtPhotobook a
							{
								color:				#000;
								text-decoration:	none;
							}
						
						#icoonSearch
						{
							float:				left;
							
							margin:				0 0 4px 4px;
						}
					
						#icoonNewsLetter
						{
							clear:				both;
							
							float:				left;
							
							margin:				5px 0 0 4px;
						}
						
						#txtHungerProject
						{
							float:				left;
				
							width:				auto;
							margin:				3px 0 0 2px;
						}
						
						#icoonHungerProject
						{
							margin:				0 0 0 30px;
						}
						
			p.footerTxt
			{
				
				width:					auto;

				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;
			}			
						
		/*********************************************************************************************/
		/* =Paging styles	  									                               			 */
		/*********************************************************************************************/	

	h1
	{
		margin:					0 15px 5px 15px;
		
		color:					#FFED00;
		
		font-size:				0.8em;
		font-weight:			bolder;
		line-height:			150%;
	}

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

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

	p.news
	{
		margin:					0 15px 5px 15px;
		
		color:					#ffffff;
		
		font-size:				0.7em;
		font-weight:			normal;
		line-height:			170%;
	}

	p
	{
		margin:					0 5px 5px 5px;
		
		color:					#000000;
		
		font-size:				0.6em;
		font-weight:			normal;
		line-height:			200%;
	}

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

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

}