/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		FRONTPAGE stylesheet				                               			*/
/* Site name:		Gemeente Ooststellingwerf 2009		                                  		*/
/* Date created:	30-11-2009						      	                             		*/
/************************************************************************************************/

/*
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
*/

/************************************************************************************************/
/* =Screen styles                                         										*/
/************************************************************************************************/
@media screen 
{
	/********************************************************************************************/
	/* =Content																					*/
	/********************************************************************************************/
	
	#printHeader, .hide
	{
		display:				none;
	}
	
	#allContainer
	{
		width:					776px;
		height:					560px;
		
		margin:					0px auto;
	}
	*>#allContainer
	{
		margin:					0px auto;
		
		min-height:				560px;
		height:					auto;
	}
	
		ul#shortCuts
		{
			float:					left;
			display:				block;
			
			width:					776px;
						
			margin:					0;
			padding:				0px 0 2px 0;

			list-style-type:		none;
		}
		
			ul#shortCuts li
			{
				float:				right;
				margin:				0 8px 0 0;
			}
				ul#shortCuts li a
				{
					font-weight:		normal;
					font-size:			0.95em;
				}
				
					ul#shortCuts li a:hover
					{
						color:				#e91c3d;
					}
			
	
		#totalContainer
		{
			float:					left;
			width:					774px;
			height:					558px;
			
			border:					1px solid #666666;
			background-image:		url(/sjablonen/1/images/general/bg_total.gif); 
			background-repeat:		repeat-y;
		}
		*>#totalContainer
		{
			min-height:				558px;
			height:					auto;
		}
		
			#dynamicImage
			{
				float:					left;
				width:					774px;
				height:					157px;
			}
			
				#imageOverlay
				{
					float:					left;
					width:					774px;
					height:					157px;
					
					filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/overlay.png');
				}
				*>#imageOverlay
				{
					background-image:		url(/sjablonen/1/images/general/overlay.png);
					background-repeat:		no-repeat;
					filter:					none;
				}
				
				#leftColumn
				{
					float:					left;
					width:					170px;
				}
				
					#menuLeft
					{
						float:					left;
						width:					170px;
						height:					331px;
						
						background-color:		#07ac6b;
						border-top:				1px solid #fff;
					}
					*>#menuLeft
					{
						min-height:					331px;
						height:						auto;
					}
					
						#contact
						{
							float:					left;
							width:					170px;
							height:					125px;
							
							padding:				0px; 
							border-top:				1px solid #fff;
							border-bottom:			1px solid #fff;
							
							background-image:		url(/sjablonen/1/images/general/bg_info.gif); 
							background-repeat:		no-repeat;
						}
						
							.contactData
							{
								padding:				5px 0px 0px 20px;
							}
							
							
				#middleColumn
				{
					float:					left;
					width:					449px;
					height:					457px;
					line-height:			150%;
				}			
				*>#middleColumn
				{
					min-height:				457px;
					height:					auto;
				}
				
					#actual
					{
						float:					left;
						width:					437px;
						height:					205px;
						
						padding:				25px 0 0 12px;
						margin:					1px 0 0 0;
					
						background-image:		url(/sjablonen/1/images/general/actueel.gif); 
						background-position:	12px 20px;
						background-repeat:		no-repeat;
					}
					
						.newsItem
						{
							float:					left;
							margin:					20px 0px 0 0;
							width:					200px;
						}
						
						.newsItem.first
						{
							margin:					20px 25px 0 0;
						}
						
							.newsItem a img
							{
								display:				block;
								width:					200px;
								height:					68px;
								
								margin:					0 0 10px 0;
								color:					#000;
							}
						
							.newsItem h2
							{
								font-size:				1.0em;
								margin:					0;
							}
							
							.newsItem p
							{
								margin:					0;
							}
							
							.newsItemReadMore a
							{
								color:					#e91c3d;
							}
					
					#moreNews
					{
						float:					left;
						width:					188px;
						height:					214px;
						margin:					0 25px 0 0;
												
						padding:				43px 0 0 12px;
						
						background-image:		url(/sjablonen/1/images/general/meerNieuws.gif); 
						background-position:	12px 20px;
						background-repeat:		no-repeat;
					}
					*>#moreNews
					{
						min-height:				214px;
						height:					auto;
					}
					
						#moreNews ul
						{
							margin:					0;
							padding:				0;
							list-style-type:		none;
						}
						
						#moreNews ul li
						{
							margin:					0 0 10px 0;
							padding:				0 0 0 12px;
							
							background-image:		url(/sjablonen/algemeen/images/general/bullit.gif);
							background-repeat:		no-repeat;
						}
						
							#moreNews ul li a
							{
								color:				#000;
							}
								
								#moreNews ul li a:hover
								{
									color:				#e91c3d;
								}
					

					#newOnSite
					{
						float:					left;
						width:					188px;
						height:					214px;
						margin:					0;
												
						padding:				43px 0 0 12px;
						
						background-image:		url(/sjablonen/1/images/general/nieuwOpSite.gif); 
						background-position:	12px 20px;
						background-repeat:		no-repeat;
					}
					*>#newOnSite
					{
						min-height:				214px;
						height:					auto;
					}
					
						#newOnSite ul
						{
							margin:					0;
							padding:				0;
							list-style-type:		none;
						}
						
						#newOnSite ul li
						{
							margin:					0 0 10px 0;
							padding:				0 0 0 12px;
							
							background-image:		url(/sjablonen/algemeen/images/general/bullit.gif);
							background-repeat:		no-repeat;
						}
						
							#newOnSite ul li a
							{
								font-weight:		normal;
								color:				#000;
							}				

								#newOnSite ul li a:hover
								{
									color:				#e91c3d;
								}

					ul#footer
					{
						float:					left;						
						bottom:					0;
						display:				inline;
						width:					441px;
						height:					18px;
						
						margin:					0 8px 0 0;
						padding:				0;
						list-style-type:		none;
					}					
					
						ul#footer li
						{
							float:					right;
							margin:					0 5px 0 0;
							padding:				0;
						}
						
							ul#footer li a
							{
								font-weight:			normal;
								font-size:				0.9em;
								color:					#000;
							}
							
								ul#footer li a:hover
								{
									color:				#e91c3d;
								}
				
				
				#rightColumn
				{
					float:					left;
					width:					155px;
					height:					458px;
					
					background-color:		#07ac6b;		
					
				}			
				*>#rightColumn
				{
					min-height:				458px;
					height:					auto;
				}
				
					ul#banners
					{
						float:					left;
						display:				block;
						margin:					0;
						padding:				0;
						list-style-type:		none;
					}
					
					ul#banners li
					{
						border-top:				1px solid #fff;
					}
					
					#search
					{
						float:					left;
						width:					155px;
						height:					65px;
						
						border-top:				1px solid #fff;
						background-image:		url(/sjablonen/1/images/general/bg_zoek_home.gif); 
						background-repeat:		no-repeat;		
					}
					
						#search form
						{
							margin:				30px 0 0 15px;
						}
						
						#search form img
						{
							border:				0px solid #000;
						}
												
						#search .inputText
						{
							float:					left;
							width:					100px;
							
							margin:					0 5px 0 0;
							padding:				2px 2px 2px 4px;
							
							font-size:				1.0em;
							color:					#000;
							border:					1px solid #7f9db9;
						}
						
						#search .button
						{
							float:					left;
							width:					17px;
							height:					17px;
							margin:					1px 0 0 0;
							border:					0;
							
							text-indent:			-5000px;
							font-size:				0em;
							line-height:			0px;
							
							cursor:					hand;
							
							background-color:		#e91c3d;
							background-image:		url(/sjablonen/algemeen/images/general/zoek.gif); 
						}
						*>#search .button
						{
							cursor:					pointer;
						}
					
					#quickLinks
					{
						float:					left;
						width:					155px;
						height:					65px;
						
						border-top:				1px solid #fff;
						background-image:		url(/sjablonen/1/images/general/bg_quicklinks.gif); 
						background-repeat:		no-repeat;	
					}
					
						#quickLinks form
						{
							margin:				30px 0 0 15px;
						}
					
						#quickLinks #quicklink
						{
							float:					left;
							width:					110px;
							height:					20px;
							
							margin:					0 5px 0 0;
							padding:				0px 0px 0px 2px;
							
							font-size:				1.0em;
							color:					#000;
							border:					1px solid #7f9db9;
						}
						
						#quickLinks #gobutton
						{
							float:					left;
							width:					17px;
							height:					17px;
							margin:					1px 0 0 0;
							border:					0;
							text-indent:			-5000px;
							font-size:				0em;
							line-height:			0px;
							
							cursor:					hand;
							
							background-color:		#e91c3d;
							background-image:		url(/sjablonen/1/images/general/button_green.gif); 
						}
						*>#quickLinks #gobutton
						{
							cursor:					pointer;
						}
					
					#poll
					{
						float:					left;
						width:					135px;
						height:					127px;
						
						padding:				32px 5px 10px 15px;
						
						color:					#fff;
						border-top:				1px solid #fff;
						
						background-color:		#07ac6b;
						background-image:		url(/sjablonen/1/images/general/bg_opinie.gif); 
						background-repeat:		no-repeat;							
						
						overflow-x:				hidden;
					}
					*>#poll
					{
						min-height:				127px;
						height:					auto;
					}
					
						#poll table td
						{
							padding:			0 0 5px 0;
						}
						
						
						#poll input
						{
							border:					none;
							margin:					0px 3px 0px 0;
						}
						
						#poll input.button
						{
							border:					none;
							padding:				1px 2px 1px 2px;
							color:					#000;
							font-size:				1.1em;
						}
						*>#poll input.button
						{
							padding:				2px 4px 2px 4px;
						}
						
						#poll01, #poll04
						{
							margin:					3px;
						}
	
	
						#poll02
						{
							margin:					0px;
						}
						
						.poll03
						{
							padding:				3px 0px 1px 5px;
						}
						
						#poll04
						{
							width:					130px;
							overflow:				hidden;
						}
						
						#poll05
						{
							margin:					5px 0 0 0;
						}
						

}


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

		#topContainer, #menuContainer, #dynamicImage, #path, #footer, #centerColumn, #rightColumn
		{
			display:				none;
		}

}