/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                   	  		*/
/* Description:		LOCATIEDATABASE stylesheet				                           			*/
/* Site name:		Corporate Internet VanBoeijen	 		                           	  		*/
/* Date created:	04-04-2010							                               	  		*/
/************************************************************************************************/

/*----------------------------------------------------------------------------------------------*/
/* Colors	                                               										*/
/*----------------------------------------------------------------------------------------------*/
/* 	
/*	Grey:				#6e6e6e
/*	Red:				#c3261f
/*	Black:				#000

/************************************************************************************************/
/* Screen styles                                                                 				*/
/************************************************************************************************/
@media screen 
{
	/********************************************************************************************/
	/* =Override styles																			*/
	/********************************************************************************************/
	
	#middleColumn
	{
		width:				690px;
		margin:				0;
	}
	
	ul#rightColumn,
	#headerImage
	{
		display:			none;
	}
	
	#content
	{
		width:			100%;
	}
	
		#content p
		{
			width:			auto;
			clear:			none;
		}
	
	
	#path
	{
		width:			100%;
	}
	
	
	ul#liMenu
	{
		height:				235px;
	}
	
	ul#liMenu li.selected, ul#liMenu li.selectedPath
	{
		top:			325px;
	}

	/********************************************************************************************/
	/* =Home Locatiedatabase - SearchOptions													*/
	/********************************************************************************************/

	#content h2
	{
		font-size:			1.1em;
		margin:				20px 0 5px 0;
	}
	
	#searchOptions .fieldRow
	{
		float:				left;
		width:				100%;
		margin:				0 0 24px 0;;
	}
	
		#searchOptions .fieldContent
		{
			float:				left;
			display:			inline;
			margin:				0px 16px 0 0;
		}
		
		
			#searchOptions .fieldContent label
			{
				float:				left;
				clear:				both;
				font-weight:		bold;
			}
		
		#searchOptions .cm_select,
		#searchOptions .cm_input
		{
			float:				left;
			clear:				both;
			width:				176px;
			height:				20px;
			font-size:			0.85em;
		}
		
		#searchOptions .cm_input
		{
			height:				16px;
			width:				362px;
		}
		
	
		#searchOptions .fieldContent .cm_button
		{
			margin:				19px 0 0 0;
			width:				60px;
		}
			
	/********************************************************************************************/
	/* =Home Locatiedatabase - SearchResults													*/
	/********************************************************************************************/

	#content #searchResults
	{
		/* Adjust to #content width (see subpage.css) */
		
		width:				626px;
		
		/* ----------------------------------------- */
		
		margin:				12px 0 0 0;
		padding:			0;
		
		border-bottom:		1px solid #c4bfb7;		/* =102 */
	}
	
	#content #searchResults th
	{
		color:				#333;				/*= 101*/
		
		padding:			6px 8px 4px 8px;
		border-bottom:		1px solid #c4bfb7;		/* =102 */
		
		white-space:		nowrap;
	}
	
		#searchResults th a
		{
			color:					#c3261f;				/*= 101*/
			text-decoration:		none;
		}
		
			#searchResults th a:hover
			{
				color:				#000;				/*= 100*/
				text-decoration:	underline;
			}
	
	
	#content #searchResults th.nr
	{
		width:				23px;	
	}
	
	#content #searchResults th.location
	{
		width:				134px;	
	}
	
	#content #searchResults th.place
	{
		width:				84px;	
	}
	
	#content #searchResults th.category
	{
		width:				265px;	
	}
	
	#content #searchResults th.photo
	{
		width:				50px;	
	}
	
	
	#searchResults tr td
	{
		height:				16px;
		padding:			12px 8px 6px 8px;
		
		border-bottom:		1px solid #c4bfb7;	/* =103*/
		line-height:		1.45em;
		text-transform : 	capitalize;
		vertical-align:		top;
	}
	
	
		/* Even */		
		#content #searchResults .even td
		{
			background-color:					#fff;	/* unique */
		}
		
			#content #searchResults .even .place,
			#content #searchResults .even .photo
			{
				background-color:					#f5f5f5;	/* =104 */
			}
		
		#content #searchOptions ul.validation-summary-errors li 
		{
		    color: Red;
		}
		
		/* Odd */		
		#content #searchResults .odd td
		{
			background-color:					#eeebe7;	/* unique */
		}
		
			#content #searchResults .odd .place,
			#content #searchResults .odd .photo
			{
				background-color:					#eae5df;	/* =104 */
			}
	
		#searchResults td a
		{
			font-weight:		bold;
			color:				#c3261f;	/*= 100*/
			
		}
		
			#searchResults td a:hover
			{
				color:				#000;				/*= 100*/
				text-decoration:	underline;		
			}
		
		
		#searchResults td.photo img
		{
			width:				48px;
			height:				48px;
			border:				1px solid #c4bfb7;
		}
	
	
	/********************************************************************************************/
	/* =Home Locatiedatabase - Tabs											                    */
	/********************************************************************************************/
	
	#content ul#tabs
	{
		float:					left;
		margin:					0 0 0 -3px;
		padding:				0;
	}
	
		#content ul#tabs li
		{
			float:					left;
			clear:					none;
			padding:				0;
			margin:					0 1px 0 0;
			background-image:		none;
		}
		
			#content ul#tabs li a
			{
				display:				block;
				float:					left;
				width:					121px;
				height:					28px;
				padding:				10px;
				margin:					0;
				
				color:					#fff;
				font-size:				1.08em;
				font-weight:			bold;
				text-decoration:		none;
				
				background-image:		url(/Content/Images/General/bg_tab.gif);
				background-repeat:		no-repeat;
			}
			
				#content ul#tabs li.selected a,
				#content ul#tabs li a:hover
				{
					background-image:		url(/Content/Images/General/bg_tab_selected.gif);
				}
	
			#content ul#tabs li.contact a
			{
				background-image:		url(/Content/Images/General/bg_tab_contact.gif);
				width:					240px;
			}
			
				#content ul#tabs li.contact.selected a,
				#content ul#tabs li.contact a:hover
				{
					background-image:		url(/Content/Images/General/bg_tab_contact_selected.gif);
				}
	
	
		a#linkToLocations,
		a#A1
		{
			float:					right;
			font-weight:			bold;
			display:				block;
			margin:					0 16px 0 0;
		}
		
        #tabKaart #map
		{
			
			
			height:					405px;
			width:					414px;
			
		}
		
		#tabKaart,
		#tabBeschrijving,
        #tabFotos,
        #tabContact
		{
			float:					left;
			height:					405px;
			width:					414px;
			font-size:				0.9em;

			margin:					26px 0px 0 0;
		}
		*>#tabKaart,
		#tabBeschrijving,
        #tabFotos,
        #tabContact
		{
			min-height:				405px;
			height:					auto;
		}
		
			#BigThumbLocation
			{
				display:				block;
				float:					right;
				margin:					20px 0 10px 10px;
			}
			
				#BigThumbLocation img
				{
					width:			128px;
					height:			128px;
					border:			1px solid #c4bfb7;
				}
		
			#tabContent h2
			{
				margin:				0 0 2px 0;
			
				color:				#000;
			}
			
				#tabContent h2.first
				{
					color:				#c3261f;
				}
			
			#tabContent p
			{
				margin:				0 0 20px 0;
			}
			
			#tabContent ul li
			{	
				padding:			0;
				background-image:	none;
			}
			
				#tabContent ul li img
				{
					width:				410px;
					border:				1px solid #c4bfb7;

				}


		#meta
		{
			float:					right;
			width:					266px;
		}
				
		#metaContentTop
		{
			float:					right;
			display:				inline;
			position:				relative;
			width:					260px;
			height:					16px;
			margin:					0 6px 0 0;
			padding:				0px;
			
			background-image:		url(/Content/Images/General/bg_MetaTop.gif);
			background-repeat:		repeat-y;
		}
				
		#metaContent
		{
			float:					right;
			display:				inline;
			position:				relative;
			width:					220px;
			height:					333px;
			margin:					0 6px 0 0;
			padding:				4px 20px 0px 20px;
			
			background-image:		url(/Content/Images/General/bg_Meta.gif);
			background-repeat:		repeat-y;
		}
		*>#metaContent
		{
			min-height:				333px;
			height:					auto;
		}
		
		
		.available
		{
		    color:                  #4d4d4d;
		    font-weight:            bold; 
		}

		#metaContentBottom
		{
			float:					right;
			display:				inline;
			position:				relative;
			width:					260px;
			height:					16px;
			margin:					0 6px 0 0;
			padding:				0px;
			
			background-image:		url(/Content/Images/General/bg_MetaBottom.gif);
			background-repeat:		repeat-y;
		}		
		

		
			#metaContent h3
			{
				float:                  left;
				clear:                  both;
				font-size:				1.0em;
				color:					#000;
				margin:                 0;
				padding:                0;
				width:					220px;
				line-height:			110%;
			}
			
			#metaContent ul,
			#metaContent p
			{
				float:                  left;
				font-size:				0.9em;
				margin:					0 0 12px 0;
				padding:                 0;
				width:					220px;
				clear:                  both;
			}
			
			#metaContent p.moreInfo
			{
				color:					#c3261f;
				margin:					12px 0 12px 0;
			}
			
			
			#metaContent #clientenOndersteuning,
			#metaContent #clientenOndersteuning h3
			{
				color:					#c3261f;
				
			}
			
			#metaContent ul li
			{
				background-image:		none;
				padding:				0;
				margin:					0;
			}
			
		
			#metaContent ul li.citation-line-1
			{
		       font-weight:            bold;
			}
			
			#metaContent ul li.citation-line-2
			{
			    font-size:              0.95em;
		
			}
			
			#metaContent #clientenOndersteuning
			{
				margin:             10px 0 0 0;
			}
			
				
		
	/********************************************************************************************/
	/* =Home Locatiedatabase - Tab contact														*/
	/********************************************************************************************/		
	
	#tabContent.form h2
	{
		margin:				0 0 10px 0;
	}
	
	#tabContent.form  .fieldRow
	{
		margin:				2px 2px 2px 0;
		padding:			2px 2px 2px 0;
	}
	
	#tabContent.form .fieldLabel
	{
		width:				120px;
		padding-left:		0px;
	}
	
	#tabContent.form .fieldContent
	{
		width:				270px;
	}
	
		#tabContent.form .fieldContent .cm_input,
		#tabContent.form .fieldContent .cm_textarea
		{
			width:				240px;
		}
	
	
	#tabContent.form  .cm_button
	{
		margin:				5px 0 0 125px;
	}

	/********************************************************************************************/
	/* =Home Locatiedatabase - Tab fotos														*/
	/********************************************************************************************/	

	
		
	/********************************************************************************************/
	/* =Home Locatiedatabase - Tab Kaart														*/
	/********************************************************************************************/				
	
	#tabContent IFRAME
	{
		width:					410px;
		height:					386px;	
		border:					1px solid #c4bfb7;
	}
	
	#locatieOverzicht IFRAME
	{
		width:					684px;
		height:					433px;	
		border:					1px solid #c4bfb7;
	}

	/********************************************************************************************/
	/* =Home Locatiedatabase - Paging															*/
	/********************************************************************************************/	

	#content div.paging
	{
		float:						left;
		width:						644px;
		padding:                    2px; 
		text-align:                 right;
		font-size:                  0.9em;
		font-weight:                bold;
	}
	
		#content div.paging ul
		{
			float:						left;
			width:						auto;
		}
	
	  	#content div.paging select
		{
			float:                      right;
			font-size:                  0.9em;
			margin:                     2px 10px 0 10px;
		}  
		
		
	/********************************************************************************************/
	/* =Category pages																			*/
	/********************************************************************************************/
	

	#content ul.column1,
	#content ul.column2,
	#content ul.column3,
	#content ul.column0
	{
		padding:						0;
		margin:							0 0 10px 0;
	}	
	

	#content ul.column1 li,
	#content ul.column2 li,
	#content ul.column3 li,
	#content ul.column0 li
	{
		background-position:			0 7px; 
		margin:							0;
	}
	*>#content ul.column1 li,
	#content ul.column2 li,
	#content ul.column3 li,
	#content ul.column0 li
	{
		background-position:			0 3px; 
	}
	
	
	#content ul.column1 h2,
	#content ul.column2 h2 ,
	#content ul.column3 h2,
	#content ul.column0 h2
	{
		font-size:						0.8em;
		margin:							0px;
	}
	
		#content ul.column1 h2 a,
		#content ul.column2 h2 a,
		#content ul.column3 h2 a,
		#content ul.column0 h2 a
		{
			font-weight:					bold;
	
		}
	
}


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

		

}