/************************************************************************************************/
/* Author:			VINCIS Simon-Paul Strikwerda			                          	  		*/
/* Description:		SUBPAGE 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;
	}
	
	.floatCloser
	{
		clear:					both;
	}
		
		#totalContainer
		{
			position:				relative;
			width:					700px;
			margin:					0 auto;
		}
		
			#topContainer
			{
				position:				absolute;
				top:					0;
				left:					0;
				width:					700px;
				height:					175px;
				
				background-image:		url(/sjablonen/html/images/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/html/images/logo.png);
					background-position:	0 0;
					background-repeat:		no-repeat;
				}
				
			#mainContainer
			{
				position:				relative;
				width:					700px;
				padding:				189px 0 0 0;
				
				background-color:		#fff;
			}
			
				#submenu
				{
					clear:					none;
					display:				block;
					width:					150px;
					padding:				18px 25px 20px 25px;
					
					font-size:				1.055em;
					
					background-color:		#f0f0f1;
				}
				
					#submenu li
					{
						width:					150px;
						margin:					0 0 20px 0;
						padding:				0;
					}
					
						#submenu li a
						{
							display:				block;
							width:					150px;
							color:					#999fa3;
							text-decoration:		none;
						}
						
						#submenu li a:hover,
						#submenu .selected a,
						#submenu .selectedPath a
						{
							color:					#000;
						}
						
							#submenu li ul
							{
								clear:					none;
								width:					140px;
								padding:				0 0 0 10px;
								
								font-size:				0.9em;
							}
						
								#submenu li ul li
								{
									width:					140px;
									margin:					0;
								}
								
									#submenu li ul li a,
									#submenu .selected ul li a,
									#submenu .selectedPath ul li a
									{
										width:				140px;
										color:				#999fa3;
									}
								
									#submenu li ul li a:hover,
									#submenu .selectedPath .selected a
									{
										width:				140px;
										
										color:				#000;
									}
									
									#submenu li ul .selectedPath a
									{
										color:				#000;
									}
									
										#submenu .selectedPath .selected ul li a,
										#submenu li ul .selectedPath ul li a
										{
											color:				#999fa3;
										}
									
										#submenu .selectedPath .selected ul li a:hover,
										#submenu li ul li ul li a:hover,
										#submenu li ul li ul .selected a
										{
											color:				#000;
										}
				
				#content
				{
					float:					right;
					display:				inline;
					width:					475px;
					min-height:				300px;
					padding:				18px 0 25px 25px;
					
					background-color:		#fff;
				}
				
					#content h1
					{
						margin:					0 0 15px 0;
						color:					#00b1ff;
						font-weight:			bold;
						font-size:				1.056em;
					}
			
				#containerSearchFieldRed
				{
					height:					20px;
					width:					675px;
					margin:					0 0 4px 0;
					padding:				0 0 0 25px;
					
					color:					#fff;
					text-transform:			uppercase;
					font-size:				0.917em;
					font-weight:			normal;
										
					background-color:		#9a9fa3;
				}
				
					#containerSearchFieldRed form
					{
						float:					left;
					}
				
						#containerSearchField
						{
							height:					20px;
							padding:				0;
						}
						
						#containerSearchField h2
						{
							float:					left;
							display:				block;
							margin:					0;
							padding:				0;
							
							font-size:				0.975em;
							line-height:			1.818em;
							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/html/images/background_searchbox.gif);
							
							border-width:			0;
						}
						
						.submitbutton
						{
							float:					left;
							display:				block;
							width:					20px;
							height:					20px;
							margin:					0;
							padding:				0 0 0 20px;
							
							font-size:				0;
							text-indent:			-9999px;
							
							background-image:		url(/sjablonen/html/images/background_submitButton.gif);
							
							border-width:			0;
							cursor:					pointer;
							overflow:				hidden;
						}
						
					#printButton
					{
						float:					right;
						margin:					0 25px 0 0;
						
						color:					#fff;
						text-decoration:		none;
						line-height:			1.818em;	
					}
					
					#printButton:hover
					{
						color:					#f00;
					}
					
			#footer
			{
				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;
					clear:					none;
				}	


	/*** Paging ********************************************************************************************************************************************************************************************************/	
	#containerPaging ul
	{		
		clear:					both;
		
		height:					20px;
		padding:				0;
		margin:					0;
	}
	
		#content #containerPaging ul li
		{
			float:					left;
			
			width:					13px;
			min-width:				13px;
			padding:				3px 3px 3px 3px;
			margin:					0 5px 0 0;
			
			list-style:				none;
			background-image:		none;
			text-align:				center;
			
			background-color:		#ffffff;
			background-image:		none;
			
			border:					1px solid #177198;
		}
		
		*>#containerPaging ul li
		{
			width:					auto;
		}
		
			#containerPaging ul li a
			{
				color:					#177198;
			}
			
				#containerPaging ul li a:hover
			{
				color:					#bfaeb4;
			}
	
	#content #containerPaging .selectedPageNumber
	{
		color:					#FFFFFF;
		font-weight:			bold;
		
		background-color:		#00B1FF;
		
		border-color:			#00B1FF;
	}

}