/************************************************************************************************/
/* Author:			VINCIS Simon-Paul Strikwerda			                          	  		*/
/* Description:		FRONTPAGE stylesheet	                                       	  			*/
/* Site name:		SNN Internet (CM 3.51)	                                         	  		*/
/* Date created:	18-10-2010				                                         	  		*/
/************************************************************************************************/

/*
--------------------------------------------------------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------------------------------------------------------
 =Content
 =Misc 
 =Options 
 =Search
 =Print styles
 
--------------------------------------------------------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------------------------------------------------------
 =1 Headers					#76a000	(also topgraphic background and hyperlinks)
 =2 Mouse over				#9dbd15	(light green grey)
 
 =3 Content borders			#e8e8e8	(Very light grey) 
 =4 Content text				#333	(dark grey)
 =5 Content light text			#c0c0c0	(light grey) 
 
 =6 Header graphic text			#fff		(white) 

*/

@media screen 
{
	/*******************************************************************************************/
	/* =Content																				   */
	/*******************************************************************************************/
	
	body
	{
		font-family:			Arial;
		font-size:				0.78em;
		line-height:			1.4em;
	}
	
	.hide
	{
		display:				none;
	}
		
		#totalContainer
		{
			position:				relative;
			width:					700px;
			height:					610px;
			margin:					0 auto;
		}
		
			#topContainer
			{
				position:				absolute;
				top:					0;
				left:					0;
				width:					700px;
				height:					175px;
				
				background-image:		url(/sjablonen/1/images/general/background_topContainer.jpg);
				background-position:	0 0;
				background-repeat:		no-repeat;
			}
			
				#logo
				{
					display:				block;
					position:				absolute;
					left:					0;
					top:					50px;
					width:					200px;
					height:					100px;
					
					text-indent:			-9999px;
					font-size:				0;
					
					background-image:		url(/sjablonen/1/images/general/logo.png);
					background-position:	0 0;
					background-repeat:		no-repeat;
				}
				
			#mainContainer
			{
				position:				relative;
				width:					700px;
				height:					435px;
				padding:				175px 0 0 0;
				
				background-image:		url(/sjablonen/1/images/general/background_mainContainer.jpg);
				background-position:	0 175px;
				background-repeat:		no-repeat;
			}
			
				#news
				{
					position:				absolute;
					right:					0;
					top:					200px; /* 175 + 25 */
					width:					207px;
					height:					313px;
					padding:				12px 12px 15px 16px;					
					
					font-size:				1.083em;
					color:					#fff;
				}
				
					#news h2
					{
						margin:					0 0 16px 0;
						
						font-weight:			bold;
					}
				
					#news a
					{
						color:					#fff;
						text-decoration:		none;
						font-weight:			bold;
					}
					
					#news a:hover
					{
						color:					#f00;
					}
					
					#news li
					{
						margin:					0 0 16px 0;
					}
			
				#banners
				{
					position:				absolute;
					left:					0;
					top:					360px; /* 175 + 185 */
					width:					400px;
				}
				
					#banners li 
					{
						width:					200px;
						height:					50px;
						margin:					0 0 15px 0;
					}
					
					#banners li.europaomdehoek
					{
						position:				absolute;
						top:					-158px;
						width:					400px;
						
					}
					
					#banners .lastItem
					{
						margin:					0;
					}
					
						#banners li a
						{
							display:				block;
							width:					200px;
							height:					50px;
							
							text-indent:			-9999px;
							font-size:				0;
							
							background-position:	0 0;
							background-repeat:		no-repeat;
						}
						
							#banners li.europaomdehoek a
							{
								background-image:		url(/sjablonen/1/images/general/banner_europaomdehoek.gif);
								width:					400px;
								height:					120px;
								
							}
							
							#banners li.kvk
							{
								height:					180px;
							}
							
							#banners li.kvk a
							{
								background-image:		url(/sjablonen/1/images/general/banner_kvk.jpg);
								width:					160px;
								height:					180px;
								
							}
														
							.subsidie a
							{
								background-image:		url(/sjablonen/1/images/general/banner_subsidie.png);
							}
							
							.snn a
							{
								background-image:		url(/sjablonen/1/images/general/banner_snn.png);
							}
							
							.nordconnect a
							{
								background-image:		url(/sjablonen/1/images/general/banner_nordconnect.png);
							}
							
				#containerSearchFieldRed
				{
					position:				absolute;
					bottom:					25px;
					left:					0;
					height:					20px;
					width:					675px;
					padding:				0 0 0 25px;
					
					color:					#fff;
					text-transform:			uppercase;
					font-size:				0.917em;
					font-weight:			normal;
										
					background-color:		#9a9fa3;
				}
				
					#containerSearchField
					{
						height:					20px;
						padding:				0;
					}
					
					#containerSearchField h2
					{
						float:					left;
						display:				block;
						line-height:			1.818em;	
						margin:					0;
						padding:				0;
						font-weight:			normal;
					}
					
					.inputText
					{
						float:					left;
						display:				block;
						width:					104px;
						height:					20px;
						margin:					0 0 0 8px;
						padding:				0 8px;
						
						text-transform:			uppercase;
						font-size:				1em;
						line-height:			1.818em;	
						color:					#999fa3;	
						
						background-image:		url(/sjablonen/1/images/general/background_searchbox.gif);
						
						border-width:			0;
					}
					
					.submitbutton
					{
						float:					left;
						display:				block;
						width:					20px;
						height:					20px;
						margin:					0;
						padding:				0;
						
						font-size:				0;
						text-indent:			-9999px;
						
						background-image:		url(/sjablonen/1/images/general/background_submitButton.gif);
						
						border-width:			0;
						cursor:					pointer;
						overflow:				hidden;
					}
					
			#footer
			{
				position:				absolute;
				left:					0;
				bottom:					0;
				width:					675px;
				height:					20px;
				padding:				0 0 0 25px;
				
				font-size:				0.917em;
				text-transform:			uppercase;
				
				background-color:		#9a9fa3;
			}
			
				#footer li
				{
					float:					left;
					
					margin:					0 24px 0 0;
					padding:				0;
				}
				
					#footer li a,
					#footer li span
					{
						display:				block;
						padding:				2px 0 0 0;
						height:					18px;
						color:					#fff;
						text-decoration:		none;
					}
					
					#footer li a:hover
					{
						color:					#f00;
					}
			
				#languageswitch
				{
					display:				block;
					height:					18px;
					padding:				2px 0 0 0;
					float:					left;
					color:					#fff;
				}
				
					#languageswitch a
					{
						color:					#fff;
						text-decoration:		none;
					}
					
					#languageswitch a:hover
					{
						color:					#f00;
					}
				
				#shortcuts
				{
					float:					right;
				}				
}