/*************************************************************************************************/
/* Author:			VINCIS / Rinse van Dijk           			                            	 */
/* Description:		Stylesheet frontpage for Vyvoj Kidssite 	 	                             */
/*************************************************************************************************/
@media screen
{
	/*********************************************************************************************/
	/* Containers									                                             */
	/*********************************************************************************************/

	#containerLogo
	{
		cursor:				pointer;
	}


	#containerLeft
	{
		float:					left;
		display:				inline;				
		height:					300px;
		width: 					160px;
		margin:					0 0 0 10px;
	}
	*>#containerLeft
	{
		min-height:				300px;	
		height:					auto;
	}

		#containerMenu
		{
			float:					left;
			height:					150px;
			width: 					150px;
		}
		
		#containerSubMenu
		{
			float:					left;
			height:					110px;
			width: 					150px;
			margin:					33px 0 0 0;
		}
		*>#containerSubMenu
		{
			min-height:				110px;
			height:					auto;
		}

	#containerDynamic
	{
		float:					left;
		width:					815px;
		height:					150px;
	}

	

	#containerContent
	{
		height:					315px;
		width: 					560px;

		float:					left;

		margin:					33px 0 0 0;
		padding:				0 40px 10px 15px;
	}
	*>#containerContent
	{
		min-height:				315px;	
		height:					auto;
	}
	
		#containerContent h1, #containerContent h2, #containerContent h3
		{
			padding:				0 0 3px 0;
		} 
	
		#content
		{
			height:				265px;
			padding:			0 0 10px 0;		
		}
		*>#content
		{
			min-height:			265px;
			height:				auto;
		}
			#content ul, #content ol
			{
				margin:			0 0 5px 0;
			}
		
			#content ul li
			{
				list-style-type:		none;
			
				background-image:		url(/sjablonen/2/images/general/bullet.gif);
				background-repeat:		no-repeat;
				background-position:	0 4px;
				padding:				0 0 0 25px;
				margin:					0;
			}
			
			#content a
			{
				color:					#fc7d07;
				font-weight:			bold;
			}
			
						
			#content ol li
			{
				list-style-type:		decimal;
				
				padding:				0;
				margin:					0 0 0 20px;
				*margin:				0 0 0 25px; /* only read by IE */
			}
			
			#content table
			{
				border-collapse: 		collapse;
				margin:					0 0 10px 0;
				font-size:				1.0em;
			}
			
		/*** poll ***/
				
		#containerPoll ul li
		{
			margin:				0;
			padding:			0;
			background-image:	none;
		}

		#containerPoll .cm_button
		{
			margin:				10px 0 0 0!important;
		}
				
						
		/*** documenten catalogus ***/
			
			td.documentDatum
			{
				padding:		0 0 5px 0; 
			}
		
		
		
		#containerPrintAndSend
		{
			float:				left;
			height:				20px;
			margin:				10px 0 0 0;	
		}
		
			#containerPrintAndSend ul li
			{
				float:				left;
				width:				135px;
				padding:			0 0 0 20px;
				margin:				0;
			}
		
		
			#containerPrintAndSend ul li.print
			{
				background-image:		url(/sjablonen/2/images/general/printIcon.gif);
				background-repeat:		no-repeat;
				background-position:	0 3px;
			}
			
			#containerPrintAndSend ul li.mail
			{
				background-image:		url(/sjablonen/2/images/general/mailIcon.gif);
				background-repeat:		no-repeat;
				background-position:	0 3px;
			}
			

			#containerNumberofReactions
			{
				float:					left;
				width:					230px;
				padding:				1px 0 0 20px;
				
				background-image:		url(/sjablonen/2/images/general/reactIcon.gif);
				background-repeat:		no-repeat;
				background-position:	0 5px;
				
				color:					#060553;
			}
			
	
		/*** Style Reactie Module ***/	
		
		#containerReactions
		{
			margin:			15px 0 0 0;
		}		
		
		
		.reaction
		{
			float:					left;
			width:					518px;
			height:					auto;
			margin:					10px 0 15px 0;
			padding:				15px 20px 15px 20px;
			background-color:		#fff;
			border:					1px solid #060553;
		}
		
		.reactionName 
		{
			float:				left;
			width:				358px;
		}
		
			.reactionName a
			{
				color:				#fc7d07;
				font-weight:		bold;
			}
			
				.reactionName a:hover
				{
					color:				#fc7d07;
				}
		
		.reactionDate
		{
			float:				right;
			width:				160px;
			font-weight:		bold;
			color:				#060553;
		}
		
		.reactionPost
		{
			float:				left;
			color:				#666666;
		}
	

	#containerRight
	{
		float:					left;
		width: 					201px;
		height:					315px;
	}
	*>#containerRight
	{
		min-height:				315px;	
		height:					auto;
	}
	
		#containerRight ul li
		{
			list-style-type:		none;
			padding:				0 0 5px 0;
			margin:					0 10px 0 0;
		}
	
		#containerLogoRight
		{
			float:					left;
			width: 					201px;
			height:					79px;
			
			background-image:		url(/sjablonen/2/images/general/logoRightVervolg.gif);
			background-repeat:		no-repeat;	
		}
		
		
			
		#containerDownloads
		{
			float:					left;
			width: 					186px;
			height:					80px;
			background-color:		#fff;
			padding:				15px 0 25px 15px;
			margin:					0 0 25px 0;
		}
		*>#containerDownloads
		{
			min-height:				80px;
			height:					auto;
		}
		
				#containerDownloads ul li
				{
					padding:				0 10px 6px 50px;
					background-repeat:		no-repeat;
				}	
				
				#containerDownloads ul li.doc
				{
					background-position:	0px 2px;
					background-image: 		url('/sjablonen/2/images/downloads/doc.gif');
				}
				
				#containerDownloads ul li.pdf
				{
					background-position:	0px 2px;
					background-image: 		url('/sjablonen/2/images/downloads/pdf.gif');
				}
				
				#containerDownloads ul li.ppt
				{
					background-position:	0px 2px;
					background-image: 		url('/sjablonen/2/images/downloads/ppt.gif');
				}
							
				#containerDownloads ul li.xls
				{
					background-position:	0px 2px;
					background-image: 		url('/sjablonen/2/images/downloads/xls.gif');
				}
			
				#containerDownloads ul li a
				{
					color:					#002d91;
					font-size:				1.1em;
					font-weight:			normal;
					
				}
				
				#containerDownloads ul li span
				{
					color:					#b8ae9c;
				}

		#containerRelevant
		{
			float:					left;
			width: 					186px;
			height:					80px;
			background-color:		#fff;
			padding:				15px 0 20px 15px;
			margin:					0 0 25px 0;
		}
		*>#containerRelevant
		{
			min-height:				80px;
			height:					auto;
		}
		
	
			#containerRelevant ul li
			{

				padding:				0 10px 6px 24px;
				
				background-image: 		url('/sjablonen/2/images/general/bullet_relevantpages.gif');
				background-repeat:		no-repeat;
				background-position:	2px 4px;
			}
			
			#containerRelevant ul li a
			{
				color:					#002d91;
				font-size:				1.1em;
				font-weight:			normal;
			}
			
	
	/*** Enquete ***/
	
	.enqueteButton
	{
		display:				block;
		background-color:		#7c93bc;
		width:					50px;
		height:					19px;
		text-align:				center;
	}
		.enqueteButton a
		{
			color:				#fff!important;
			font-weight:		bold!important;
		}		
	
	
	
}

/*************************************************************************************************/
/* Print styles                                              									 */
/*************************************************************************************************/
@media print
{

}

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