/*
--------------------------------------------------------------------------------------------------
 Title:			SDU Loket Styles
 Created on: 	26-01-2010
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Provinsje Fryslân Corporate Website
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------

 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Content Background 	#fff	(white)
 =2	Logo Blue			#2b56a1	(blue)
 =3	Logo Red			#c73326	(red)
 =4 Body background		#f3f5f6	(light grey)
 =5 Direct nei Frysk	#e28e8a	(light red)
 
 
 =10	Body text		#777	(medium gray)			- also Resize font
 =11	Shortcuts		#999	(medium light gray)
 =12	Menu underline	#c0c0c0	(light gray)			- also Download-size
 =13	Shortcuts MO	#333	(dark grey)

 * Kleurenblokken *
 =A		Cultuur			#714194	(purple)
 =A1	CultuurFr		#aa8dbf	(purple, 60%)
 =B		Natuur			#c6d746	(green)
 =B1	NatuurFr		#d7e37d	(green, 60%)
 =C		Onderwijs		#1c78be	(blue)
 =C1	OnderwijsFr		#77aed8	(blue, 60%)
 =D		Veiligheid		#850059	(wine)
 =D1	VeiligheidFr	#b6669b	(wine, 60%)
 =E		Verkeer			#df8c31	(orange)
 =E1	VerkeerFr		#e9Ae6f	(orange, 60%)
 =F  	Ondernemen		#4a328e	(dark blue)
 =F1	OndernemenFr	#9284bb	(dark blue, 60%)
 =G		Wonen			#ad006b	(purple)
 =G1	WonenFr			#ce66a6	(purple, 60%)
 =H		Zorg			#f0c341	(light orange)
 =H1	ZorgFr			#f3cf67	(light orange, 60%)
 =I		Internationaal	#25a2e1	(light blue)
 =I1	InternationaalFr	#7cc7ed	(light blue, 60%)
 */
 
 
 
@media screen
{

	/*****************************************************************************************/
	/* Overrides styles 				                           							 */
	/*****************************************************************************************/
	
	#totalContainer .productpart_container p span,
	#totalContainer .productpart_container span
	{
		font-family: 			Arial, sans-serif, Helvetica!important;	/* override some inline styles that is in the PPC, probably some MSO / Word code */
	}
	
	#totalContainer .productpart_container p
	{
		margin-bottom:			0.9em!important;
		font-size:				1em;
	}

	#totalContainer #contentContainer
	{
		width:					825px;
	}
	
		#totalContainer #content
		{
			width:					789px;
			padding-left:			16px;
		}
		
		#totalContainer #content h1
		{
			clear:					both;
		}
	
	#totalContainer #pageNavigation,
	#totalContainer #sideBar,
	#options
	{
		display:				none;
	}
	
	#totalContainer #path {
		left:					111px;
	}
	
	/*****************************************************************************************/
	/* =SDU Overrides				                           								 */
	/*****************************************************************************************/
	#sdu_wrapper #breadcrum_container 
	{
		display:				block;
		position:				absolute;
		left:					-9999px;
		height:					0;
		width:					0;
	}

	/*****************************************************************************************/
	/* =SDU Styles					                           								 */
	/*****************************************************************************************/
	
	/* Rechts */
	#content_right_container
	{
		float:					left;
		width:					395px;
	}
	
	/* Links */
	#content_left_container
	{
		float:					left;
		width:					394px;
	}
	
	/*****************************************************************************************/
	/* =menu_container				                           								 */
	/*****************************************************************************************/
	#content #menu_container
	{
		height:					36px;
	}
	
		#content #menu_container  ul
		{
			height:					30px;
			
			float:					left;
			width:					789px;  /* =unique */
			
			border-bottom:			6px solid #c73326;	/* 3 */
		}
		
			#content #menu_container  li
			{
				float:					left;
				display:				inline;
				
				margin:					0;
				padding:				0;
				min-width:				10px;
				width:					10px;
				min-height:				30px;
				height:					30px;

				background-image:		none;
				
				white-space:			nowrap;
			}
			*>#content #menu_container  li
			{
				width:					auto;
			}
			
			#content #menu_container  li a
			{
				float:					left;
				display:				inline;

				margin:					6px 1px 1px 0;
				padding:				5px 12px 0 12px;
				min-width:				10px;
				width:					10px;
				min-height:				18px;
				height:					18px;
				
				color:					#fff;
				font-weight:			bold;
				text-decoration:		none;

				background-image:		none;
				background-color:		#7d170e;	/* unique */
			}
			*>#content #menu_container  li a
			{
				width:					auto;
			}
			
				#content #menu_container li a:hover
				{
					margin:					6px 1px 1px 0;
					padding:				5px 12px 0 12px;
				
					min-height:				18px;
					height:					18px;
					
					color:					#fff;
					font-weight:			bold;
					text-decoration:		none;
					background-color:		#5e110b;	/* =unique */
				}
			
			#content #menu_container  li .active,
			#content #menu_container  li .active:hover
			{
				float:					left;
				display:				inline;

				margin:					0 1px 0 0;
				padding:				11px 12px 1px 12px;
				min-width:				10px;
				width:					10px;
				min-height:				18px;
				height:					18px;
				
				color:					#fff;
				font-weight:			bold;
				text-decoration:		none;

				background-image:		none;
				background-color:		#c73326;	/* =2 */
			}
			*>#content #menu_container  li .active ,
			*>#content #menu_container  li .active:hover
			{
				width:					auto;
			}
		
	/*****************************************************************************************/
	/* =trefwoordenlijst			                           								 */
	/*****************************************************************************************/
	#content .lettertag_container
	{
		clear:					both;
		
		padding:				13px 0 13px 16px;
		
		color:					#999;
		text-transform:			uppercase;
		letter-spacing:			3px;
	}
	
		#content .lettertag_container a
		{
			color:					#333;
			text-decoration:		none;
		}
		
			#content .lettertag_container a:hover
			{
				text-decoration:		underline;
			}
	
	/*****************************************************************************************/
	/* =trefwoorden					                           								 */
	/*****************************************************************************************/
	#content .letter_container
	{
		padding-bottom:			16px;
	}
	
		#content .letter_container h2
		{
			text-transform: 		uppercase;
			color:					#333;
			
			margin-left:			16px;
		}
		
		#totalContainer #content .letter_container h2 a
		{
			display:				block;
			
			padding:				4px 6px 4px 6px;
			margin:					-16px 0 0 748px;
			
			height:					16px;
			width:					10px;
			
			font-size:				1em;
			color:					#fff;
			line-height:			1.2em;
			font-weight:			bold;
			text-decoration:		none;
			overflow:				hidden;
			
			background-color:		#c73326;	/* =2 */
		}
		*>#content .letter_container h2 a
		{
			float:					right;
			margin:					0;
		}
		
			#content .letter_container  h2 a:hover
			{
				text-decoration:		none;
				color:					#fff;
				
				background-color:		#7d0800;	/* =unique */
			}
		
		#content .letter_container ul
		{
			clear:					both;
			margin-top:				-16px;
			padding-left:			10px;
		}
		*>#content .letter_container ul
		{
			margin-top:					0;
		}
		
			#content .letter_container li
			{
				padding:				4px 0 3px 16px;
				
				background-position:	8px 11px;
			}
			
				#content .letter_container li a
				{
					color:					#333;
					text-decoration:		none;
				}
				
					#content .letter_container li a:hover
					{
						color:					#444;
						text-decoration:		underline;
					}
					
	/*****************************************************************************************/
	/* =themalijst					                           								 */
	/*****************************************************************************************/
	#content #content_left_container .list_container
	{
		width:					364px;
	}
	
	#content #content_right_container .list_container
	{
		width:					364px;
	}
	
	#content .list_container
	{
		padding-bottom:			16px;
	}
	
		#content .list_container h1
		{
			text-transform: 		uppercase;
			color:					#333;
			
			margin-left:			16px;
		}
		
		#content .list_container h1 a
		{
			float:					right;
			display:				inline;
			
			padding:				4px 6px 4px 6px;
			margin:					0;
			
			height:					19px;
			
			font-size:				1em;
			color:					#fff;
			line-height:			1.2em;
			font-weight:			bold;
			text-decoration:		none;
			
			background-color:		#c73326;	/* =2 */
		}

		#content .list_container ul
		{
			clear:					both;
			
			padding-left:			10px;
		}
		
			#content .list_container li
			{
				padding:				4px 0 3px 16px;
				
				color:					#999;
				background-position:	8px 11px;
			}
			
				#content .list_container li a
				{
					color:					#333;
					text-decoration:		none;
				}
				
					#content .list_container li a:hover
					{
						color:					#444;
						text-decoration:		underline;
					}

					
	/*****************************************************************************************/
	/* =Zoekvelden					                           								 */
	/*****************************************************************************************/
	/* Rechts */
	#zoek  #content_right_container
	{
		float:					left;
		width:					295px;
	}
	
	/* Links */
	#zoek  #content_left_container
	{
		float:					left;
		width:					494px;
		padding-top:			16px;
	}
	
	#searchfield,
	#totalContainer .search_parameters_container .zipcode,
	#totalContainer .search_parameters_container .gemeente
	{	
		float:					left;
		display:				inline; 
		
		margin:					1px;
		padding:				5px 8px 0 12px;
		
		width:					290px;
		height:					18px;
		min-height:				18px;
		
		font-size:				1em;

		border:					1px solid #ccc;	/* =unique*/ 
	}
	*>#searchfield
	{
		height:					auto;
	}
	
		#searchfield:focus
		{
			margin:					0;
			border:					2px solid #777;	/* =10 */
			background-color:		#f8f8f8;		/* =15 */
		}
		
		
	
	/* Zoekblok*/
	#totalContainer .search_parameters_container
	{
		margin-top:				13px;
		padding:				11px;

		border:					1px solid #dadada;
	}
	
		#totalContainer .search_parameters_container .zipcode
		{
			float:					left;
			display:				inline;
			
			width:					32px;
			padding-left:			10px;
		}
		#totalContainer .search_parameters_container .gemeente
		{
			float:					left;
			display:				inline;
			
			width:					186px;
			padding-left:			10px;
			margin-left:			8px;
		}
		
		#totalContainer .search_parameters_container .checkbox
		{
		}
	
	/* button */
	#totalContainer #searchbutton
	{
		display:				block;
		padding:				4px 21px 4px 6px;
		margin:					0;
		
		height:					26px;
		
		font-size:				1em;
		color:					#fff;
		line-height:			1.2em;
		font-weight:			bold;
		text-decoration:		none;

		overflow:				hidden;
		
		background-color:		#c73326;	/* =2 */
		
		background-image:		url(/sjablonen/1/images/general/button_search.gif);
		background-repeat:		no-repeat;
		background-position: 	right 3px;
		
		border:					0 solid transparent;
		
		border-left:			4px solid #fff;
		border-top:				1px solid #fff;
	}
	
		*>#totalContainer #searchbutton:hover
		{
			text-decoration:		none;
			color:					#fff;
			
			background-color:		#7d0800;	/* =unique */
			
			background-position: 	right -18px;
			
			cursor:					pointer;
		}

		
		#totalContainer #alert
		{
			clear:					both;
			margin:					16px 24px 0 0;
			padding:				16px;
			font-size:				1.18em;
			
			border:					1pt solid #999;
			background-color:		#eee;
		}
		
	/*****************************************************************************************/
	/* =thema resultaten			                           								 */
	/*****************************************************************************************/
	#totalContainer .Results h1
	{
		padding-top:		32px;
		padding-left:		16px;
	}
	
	.productlist_container h1
	{
		padding-left:		16px;
	}
	
		#totalContainer .Results h1 .results_count,
		.productlist_container h1 .results_count
		{
			padding-left:			10px;
			font-size:				0.92em;
			font-weight:			normal;
			color:					#999;
		}
	
	#totalContainer .results
	{
		padding-left:		16px;
	}
	
	#totalContainer .Results .results 
	{
		padding-right:		24px;
	}
	
		#totalContainer .results li
		{
			border-bottom:		1px solid #eee;
			line-height:		1.415em;
			margin-bottom:		21px;
			padding:			2px 0 24px 0;
			
			background-image:	none;
		}

			.results a
			{
				padding:			0 0 2px 0;
				
				color:				#777777;
				font-size:			1.09em;
				font-weight:		normal;
				line-height:		1.415em;
			}
			
			#totalContainer .results p
			{
				margin-bottom:		0;
			}
			
				.results li .item_number
				{
					position:		absolute;
					left:			-18px;
					top:			 3px;
				}

				
	/*****************************************************************************************/
	/* =Detail informatie			                           								 */
	/*****************************************************************************************/
	/* Rechts */
	.product_overview  #content_right_container
	{
		float:					left;
		width:					263px;	/* 295 -32 */
		padding-left:			32px;
	}
	
	/* Links */
	.product_overview  #content_left_container
	{
		float:					left;
		width:					494px;
	}
	
	#totalContainer .complete_container 
	{
		display: 				none;
	}
	
	#complete_container_full
	{
		font-weight:			bold;
		font-size:				1.09em;
	}
				
	/* button */
	#totalContainer #full_details_link,
	#totalContainer #summary_details_link
	{
		display:				block;
		padding:				6px 21px 2px 6px;
		margin:					24px 0 0 0;
		
		height:					18px;
		
		font-size:				1em;
		color:					#fff;
		line-height:			1.2em;
		font-weight:			bold;
		text-decoration:		none;
		width:					140px;
		
		background-color:		#c73326;	/* =2 */
		
		background-image:		url(/sjablonen/1/images/general/button_search.gif);
		background-repeat:		no-repeat;
		background-position: 	right 3px;
		
		border:					0 solid transparent;
	}
	
	#totalContainer #summary_details_link
	{
		margin-bottom:			16px;
	}
	
		#totalContainer #full_details_link:hover,
		#totalContainer #summary_details_link:hover
		{
			text-decoration:		none;
			color:					#fff;
			
			background-color:		#7d0800;	/* =unique */
			
			background-position: 	right -18px;
			
			cursor:					pointer;
		}
	
	 #content .list_items
	 {
		margin-bottom:			0.9em
	 }
	 
	 
	.product_overview  #content_right_container h3
	{
		padding-top:			0;
	}
	
	.product_overview  #content_right_container .productpart_container
	{
		background-color:		#eee;
		padding:				13px;
	}
	
	.product_overview  #content_right_container  .External
	{
		font-size:				1.09em;
		color:					#333;
	}
	
	 /* Instantie info*/
	#totalContainer.productpart_container .instanties 
	{
		padding-bottom:			 16px;
	}

	#totalContainer .productpart_container .instanties .instantie_naam
	{
		font-size:				1.09em;
	}
	
}










/* Onbekend */
#sdu_wrapper #content_container .formulieren
{
	padding:5px;
	background-color: #eee;
}

#sdu_wrapper li.digid {
	padding-bottom: 64px;
	margin-bottom: 2px;
}