/*
--------------------------------------------------------------------------------------------------
 Title:			Infodesk Styles
 Created on: 	01-09-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Schiermonnikoog.nl
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Backgound color		#fff	(white)

 =2 Sidebar text		#52708c	(dark blue)
 =3 Sidebar bullets		#859fc2	(light blue)

 =4 Titles / links		#c43525 (red)
 =5	Link Mouseover		#de762d	(orange)
  
 =6	Body text			#333	(dark grey)
 =7	Minimenu			#b8b8b8	(light grey)

 * Unique * 
 =8 Sidebar background	#edf1f6	(very light blue)
 =9 Page options		#929292 (medium grey)
 =A grey Mouseover		#555	(medium dark grey)	
 =B	Menu standard		#808080 (medium dark grey)

*/
@media screen 
{	

	body #wrapper #navigation
	{
		display:				none;
		visibility:				hidden;
	}
	
	/*********************************************************************************************/
	/* Titles						                             								 */
	/*********************************************************************************************/
	.titleZoekenOpAlfabet
	{
		text-indent: 			-5000px;	/* remove text */
					
		background-repeat:		no-repeat;
		background-position: 	left 6px;
		background-image:		url(/sjablonen/1/images/general/title_zoekalfabet.gif);
	}
	
	.titleMeestGevraagd
	{
		text-indent: 			-5000px;	/* remove text */
					
		background-repeat:		no-repeat;
		background-position: 	left 6px;
		
		background-image:		url(/sjablonen/1/images/general/title_meestgevraagd.gif);
	}
	
	.titleTheme
	{
		text-indent: 			-5000px;	/* remove text */
					
		background-repeat:		no-repeat;
		background-position: 	left 6px;
		
		background-image:		url(/sjablonen/1/images/general/title_rubriek.gif);
	}
	
	\
	
	/* 	MISC */

	#content a:hover .orderProduct, #content .orderProduct
	{
		display:				inline;
		
		margin:					0;
		
		padding:				0;
		border:					0px solid #fff;	
	}
	
	/*********************************************************************************************/
	/* =alphabet					                             								 */
	/*********************************************************************************************/
	#alphabet
	{
		padding:				0;		
		margin:					0;
	}
	*>#alphabet
	{
		height:					auto;
	}

		#alphabet ul
		{
			width:					491px;
		}
		*>#alphabet ul
		{
			min-height:				10px;
			height:					auto;
		}
		
			#alphabet ul li
			{
				float:					left;
				display:				inline;
						
				padding:				2px 11px 0 11px;
				margin:					0;
				width:					14px;
				
				list-style:				none;
				
				font-weight:			bold;
				color:					#b8b8b8;	/* =7 */
				font-size:				1.18em;		/* 13px */
						
				
				background-image:		none;
			}
			
				#alphabet ul li a
				{
					font-weight:			bold;
					color:					#c43525;	/* =4 */	
				}
				
					#alphabet ul li a:hover
					{
						color:					#de762d;	/* =5 */
					}
		
			#alphabet ul .noborder
			{
				padding-bottom:				0;
				margin-bottom:				0;
			}
			
	/*********************************************************************************************/
	/* =mostViewed                      					    								 */
	/*********************************************************************************************/
	#mostViewed
	{
		clear:					both;
		float:					left;
		
		width:					100%;
		padding:				0 0 13px 0;
	}

		#mostViewed li a
		{
			color:				#333;	/* =3 */
			text-decoration:	none;
		}

			#mostViewed li a:hover
			{
				color:				#de762d;	/* =5 */
				text-decoration:	underline;
			}

	/*********************************************************************************************/
	/* =containerCategory                      				    								 */
	/*********************************************************************************************/
	#containerCategory
	{
		clear:					both;
		float:					left;
		
		width:					100%;
		padding:				0 0 13px 0;
	}
	
	#containerCategory h2
	{
		font-size:				1.18em; /* 13px */
	}
	
		#containerCategory li a
		{
			color:				#333;	/* =3 */
			text-decoration:	none;
		}

			#containerCategory li a:hover
			{
				color:				#de762d;	/* =5 */
				text-decoration:	underline;
			}
			
	/*********************************************************************************************/
	/* =keywordList						    								 				 	 */
	/*********************************************************************************************/	
	#keywordList ul
	{

	}

		#keywordList .productLetter
		{
			margin:					0 0 14px 0;
			padding:				0 0 38px 0;
		
			font-size:				1.09em;	/* 12px */
			font-weight:			bold;
			color:					#555;	/* =A */
			
			list-style:				none;
			text-indent:			11px;
			
			background-image:		url(/sjablonen/1/images/general/content_hr.gif);
			background-position:	bottom left;
			background-repeat:		no-repeat;
		}
		
			#keywordList ol ul li
			{
				position:				relative;
				
				margin:					0;
				padding:				0pt 13px;
				
				font-size:				0.92em;
				font-weight:			normal;
				text-indent:			0;
							
				background-image:		url(/sjablonen/1/images/general/bullet.gif);
				background-position:	2px 1em;
				background-repeat:		no-repeat;
			}

				#keywordList ol ul a
				{
					color:					#333;	/* =3 */
					text-decoration:		none;
				}
		
					#keywordList ol ul a:hover
					{
						color:					#de762d;	/* =5 */
						text-decoration:		underline;
					}




	/*********************************************************************************************/
	/* Product View							  								 				 */
	/*********************************************************************************************/	
	#containerWMOProduct
	{
	}
	

	#containerProductRequestContent
	{		

	}
	
	#containerProductRequest
	{	
		padding:				0 0 48px 0;
		
		background-image:		url(/sjablonen/1/images/general/content_hr.gif);
		background-position:	bottom left;
		background-repeat:		no-repeat;
			
		min-height:			10px;
	}
	*>#containerProductRequest
	{
		height:				auto;
	}
	
	#wrapper #productRequest
	{
		border:				none;
		padding:			0;
		display:			block;
		margin:				0 0 0 10px;
		width:				118px;
		height:				37px;
	}
	
	#containerProductInformation
	{
		clear:				both;
		padding:			13px 0 0 0;
		margin:				0 0 20px 0;
	}
	
		#containerProductInformation h3
		{
			color:					#c43525;	/* =4 */

			font-weight:			bold;
			font-size:				1.36em;	/* 15px*/
		}
		
			#containerProductInformation ul h3
			{
				color:					#333;	/* =6 */
				font-size:				1.09em;	/* 12px*/
			}
	
		#containerProductInformation ul
		{
			padding:				13px 0 0 0;
			
			background-color:		#eee;
			border:					1px solid #b8b8b8;	/* =7 */ 
		}
		*>#containerProductInformation ul
		{
			min-height:				16px;
			height:					auto;
		}
		
			#containerProductInformation ul li
			{	
				margin:					0;
				padding:				0 0 13px 0;
		
				list-style:				none;
				background-image:		none;
			}
			
				#containerProductInformation ul ul
				{
					border:					none;
				}
				
					#containerProductInformation ul li ul li
					{
						padding:				0;
						margin:					0 0 0 20px;
						
						list-style-type:		square;		
					}
					
						#containerProductInformation ul li ol li
						{
							padding:				0;
							margin:					0;
							
							list-style-type:		decimal;
						}

	/*********************************************************************************************/
	/* =search	 								                                      			 */
	/*********************************************************************************************/	
	#quickSearchLoket
	{
		padding:				11px 0 11px 11px;
	}

		#quickSearchLoket label
		{
			float:					left;
			
			width:					168px;
						
			text-indent: 			-5000px;	/* remove text */

			background-image:		url(/sjablonen/1/images/general/title_zoektrefwoord.gif);
			background-repeat:		no-repeat;
			background-position: 	left 4px;
		}
		
		#quickSearchLoket input, #quickSearchLoket #qs_kw_or
		{
			float:					left;
			display:				inline;
			
			margin-left:			11px;
			padding:				2px 8px 0 8px;
			
			height:					1.27em;
			width:					12.08em;	
			
			color:					#666;
			font-size:				1.18em;
		}
		*>#quickSearchLoket input, #quickSearchLoket #qs_kw_or
		{
			width:					12.57em;	
		}
		
		#quickSearchLoket #qs_kw_or
		{
		}
		
			#quickSearchLoket input:focus
			{
				color:					#87898a;	/* =10 */
			}
		
		#quickSearchLoket .button
		{
			float:				left;
			display:			inline;
			
			padding:			0 6px 0 7px;
			margin:				0 0 0 13px;
			
			width:				4.514em;	/*  44px - 13px */
			height:				2.18em;	

			font-size:			8pt;
		}
		*>#quickSearchLoket .button
		{
			width:				4.514em;
		}


	/*********************************************************************************************/
	/* Themes							                          								 */
	/*********************************************************************************************/
	#themes 
	{
		clear:					both;
		position:				absolute;

		top:					0;
		left:					-245px;
		
		padding:				10px 26px 0 0;
		min-height:				100px;
		height:					100px;
		width:					219px;	/* 245 -26  */
	}
	*>#themes 
	{
		height:					auto;
	}
	
	#themes ul li
	{
		padding:				0 0 0 13px;
		
		background-image:		url(/sjablonen/1/images/general/bullet_menu.gif); 
		background-repeat:		no-repeat;
		background-position:	2px 10px;
	}
	
		#themes ul li a						
		{
			padding:				0;
			
			color:					#333; /*=6 */
			font-weight:			normal;
			text-decoration:		none;
		}

			#themes ul li a:hover				
			{
				color:					#555; /*=A */
				text-decoration:		underline;
			}	
					
		#themes ul li span
		{
			padding-left:		6px;
			color:				#b8b8b8;	/* =7 */
		}

}