/*
--------------------------------------------------------------------------------------------------
 Title:			Basic Styles
 Created on: 	11-02-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Hof en Hiem Homepage
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =global
 =misc 
 =search	
 =about 
 =locations
 =shortcuts 
 =news
 =newsList
 =Print 
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Headers					#a16400	(light brown, also hyperlinks)
 =2 Mouse over				#553500	(dark brown, also h2 header)
 =3 Content block			#f6e9c6	(very light brown, attention-block background) 

 =4 Menu h2					#4a98e4	(light blue, also search header, menu mouseover)
 =6 Logo background			#0052a1	(mid blue) 
 =6 Menu background			#003d77	(dark blue) 
 
 =7 Content text			#000	(black)
 =8 Menu text				#fff	(white)
 =9 Body background color	#fff7db (cream)
 
 =10 Borders				#87898a	(dark gray)

*/

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/
	body 
	{
		height:					auto;

		color:					#000;	/* =7 */
		font-family: 			Tahoma, Verdana, Helvetica, Arial, sans-serif;
		font-size:				12px;
		line-height:			1.7em;
		
		background-color:		#fff7db;	/* =9*/
		
		background-image:		url(/sjablonen/1/images/general/background_topbeam.gif); 
		background-repeat:		no-repeat;
		background-position: 	top center;
	}

	input
	{
		font-family: 			Tahoma, Verdana, Helvetica, Arial, sans-serif;
	}
	
		#totalContainer
		{
			height:					779px; /* 32px */
			
			width:					984px;
			margin:					0 auto;
			
			background-image:		url(/sjablonen/1/images/general/background_bluetree.gif); 
			background-repeat:		no-repeat;
			background-position: 	top left;

		/*	border:	1px solid #000;*/
			
		}
		*>#totalContainer
		{
			min-height:				779px;	/* 356 */
			height:					auto;
		}

	.hide 
	{
		display:				none;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	h1, h2
	{
		font-family: 			Georgia, Garamond, Times New Roman, serif;
	}
	
	h1
	{
		margin-bottom:			0.3333em;
		margin-left:			11px;
		
		color:					#a16400;	/*  =1 */
		font-size:				2em;
		font-weight:			bold;
	}
	
		h2
		{
			color:					#553500;	/* =2 */
			font-size:				1.3em;
			font-weight:			bold;
			
			margin-bottom:			0.3333em;
		}
		
			h3
			{
				margin-bottom:			0.13333em;
				
				color:					#553500;	/* =2 */
				font-size:				1.1em;
				font-weight:			bold;
			}
	
	ul
	{
	}
	
		li
		{
			padding-left:			18px;

			background-position:	2px 6px;
			background-repeat:		no-repeat;
		}
		
	a
	{
		color:					#a16400;	/* =1 */
		text-decoration:		underline;
	}
	
		a:hover
		{
			color:					#553500;	/* =2 */
			text-decoration:		underline;
		}
		
	/* =content*/
	#content
	{
		float:			left;
		display:		inline;
		
		width:			530px;		/* 557px - 2x9px */
		margin:			0 20px 0 0;
		padding:		0 9px 9px 18px;		
	}
	
	#content
	{

	}
	
	/*********************************************************************************************/
	/* =misc 											                                		 */
	/*********************************************************************************************/
	#logo 
	{
		clear:				both;
		display:			inline;
		float:				left;
		width:				213px;

		margin:				1px 10px 0 21px;
		padding:			0;
	}
	
	#dynamic
	{
		float:				left;
		display:			inline;
	}
	
	body #totalContainer #minimenu
	{
		float:				right;
		display:			inline;
		clear:				none;
		width:				274px;
		
		padding:			14px 4px 36px 0;
		
	}
	
	body #adxmenu
	{
	}
	
	#vignette
	{
		display:			inline;
		float:				right;
		
		width:				354px;
		
		text-align:			right;
	}
	
	
		#vignette img
		{
			padding:				 30px 16px 0 0;
		}
	
	/*********************************************************************************************/
	/* =search	 								                                      			 */
	/*********************************************************************************************/	
	#quickSearch
	{
		display:		inline;
		float:			right;
		
		margin:			7px 18px 0 0;
		font-size:		1em;
	}
	
		#quickSearch fieldset
		{
			width:			290px;
		}
		*>#quickSearch fieldset
		{
			min-width:		276px;
			width:			auto;
		}
		
			#quickSearch label
			{
				float:					left;
				display:				inline;
				
				color:					#4a98e4;	/* =4 */
				font-family: 			Georgia, Garamond, Times New Roman, serif;
				font-size:				1.3em;
				font-weight:			bold;
			}
			
			#quickSearch input
			{
				float:					left;
				display:				inline;
				
				margin-left:			9px;
				padding:				1px 9px 0 9px;
				
				height:					1.5em;	/* height:	13px; */
				width:					10em;	
				
				font-size:				1em;
			}
			*>#quickSearch input
			{
				width:					10.333em;	
			}
			
				#quickSearch input:focus
				{
					color:					#87898a;	/* =10 */
				}
			
			#quickSearch .button
			{
				float:				left;
				display:			inline;
				
				margin-top:			-1px;
				width:				5.5em;
				height:				2.05em;	/* height:	19px;*/
	
				font-size:			9pt;
			}
	
	/*********************************************************************************************/
	/* =about 											                                		 */
	/*********************************************************************************************/
	#about 
	{
		float:					left;
		display:				inline;
		
		width:					354px;
		height:					144px;
		
		margin:					0 4px 0 4px;
		padding:				0 0 14px 0;
		
		background-color:		#f6e9c6;	/* =3 */
			
		background-image:		url(/sjablonen/1/images/general/block_6cols_bottom.gif); 
		background-repeat:		no-repeat;
		background-position: 	bottom left;

	}
	*>#about
	{
		min-height:				144px;
		height:					auto;
	}
	
		#about h1
		{
			display:				block;
			font-size:				1.3em;
	
			padding-top:			16px;
			padding-left:			14px;
			
			margin-left:			0;
	
			background-image:		url(/sjablonen/1/images/general/block_6cols_top.gif); 
			background-repeat:		no-repeat;
			background-position: 	top left;
		}
	
		#about p
		{
			padding:				0 14px 0 14px;
			margin-bottom:			0.8em;

		}
	
	/*********************************************************************************************/
	/* =locations										                                		 */
	/*********************************************************************************************/
	#locations
	{
		clear:					both;
		float:					left;
		display:				inline;
		
		margin:					-77px 0 0 27px;
		width:					225px;
		
		color:					#fff;
	}
	
		#locations h2
		{
			font-size:				1.3em;
			color:					#4a98e4;	/* =4 */
		}
		
		#locations ul
		{
			padding-top:				5px;
		}
		
			#locations li
			{
				clear:				both;

				padding:			0;
			}
	
				#locations li img
				{
					display:				inline;
					float:					left;
					
					padding:				2px;
					margin:					0 16px 16px 0;
					
					background-color:		#fff;	/* =8 */
					
					border:					1px solid #87898a;	/* =10 */
				}
				
					#locations li img:hover
					{
						background-color:		#4a98e4	;	/* =4 */
						border:					1px solid #003d77;	/* =6 */
					}
					
				#locations ul li p
				{
					clear:					right;
					float:					left;
				}
				
					#locations ul li p a
					{
						color:					#fff;	/* =8 */
						font-weight:			bold;
					}
					
						#locations ul li p a:hover
						{
							color:					#4a98e4;	/* =4 */
						}
						
	/*********************************************************************************************/
	/* =shortcuts 								                                      			 */
	/*********************************************************************************************/	
	.shortcuts 
	{
		height:				1.2em;
	}
	
		.shortcuts li
		{
			display:			inline;
			float:				left;

			height:				1.2em;
			margin:				0;
			padding:			0;
		
			line-height:		120%;

			background-image: 	none;
			white-space:		nowrap;
		}
		
			.shortcuts li img
			{	
				padding:			0;
				margin:				0 11px 0 0;
			}
			
			.shortcuts a
			{	
				display:			block;
	
				width:				10px;
				height:				1.2em;
				
				margin:				0;
				padding:			0 9px 0 9px;
				
	
				line-height:		120%;
				
				background-image:	url(/sjablonen/1/images/general/divider_content.gif); 
				background-repeat:	no-repeat;
				background-position: right 2px;
			}
			*>.shortcuts a /* IE 6 fix */
			{
				min-width:			10px;
				width:				auto;
			}
			
				.shortcuts a:hover
				{
					text-decoration:		underline;
				}
				
				.shortcuts .noDivider a
				{
					background-image:		none;
				}
	
	
	/*********************************************************************************************/
	/* =news										                                      		 */
	/*********************************************************************************************/	
	#news
	{
		float:				left;
		display:			inline;
		
		width:				350px;
		height:				32px;
		
		margin:				36px 20px 0 0;
	}
	*>#news
	{
		height:					auto;
		min-height:				32px;
	}
	
		#news h2
		{
			padding-left:			18px;
			
			color:					#a16400;	/* =1 */
		}
		
			#news li span
			{
				color:					#a16400;
				font-size:				0.8em;
				font-weight:			bold;
			}
	
	#news .shortcuts
	{
		clear:					both;
		float:					left;
		
		margin-top:				-5px;
		padding:				0 0 18px 11px;
	}
	
	/*********************************************************************************************/
	/* =newsList									                                      		 */
	/*********************************************************************************************/	
	#newsList
	{
		height:				32px;
	}
	*>#newsList
	{
		height:					auto;
		min-height:				32px;
	}
	
		#newsList li
		{
			display:			inline;
			float:				left;
			
			width:				330px;
			padding:			0 18px 13px 18px;
			
			background-image:	none;
		}
		
			#newsList li h3
			{
				color:				#553500;	/* =2 */	
			}
			
				#newsList li h3 a
				{
					color:				#553500;	/* =2 */
					text-decoration:	none;
				}
				
					#newsList li h3 a:hover
					{
						color:			#a16400;	/* =1 */
						text-decoration:	underline;
					}
			
			#newsList li p
			{
			}
			
				#newsList li p a
				{
					white-space:		nowrap;
				}
				
	/*********************************************************************************************/
	/* =miniCalendar										                                      		 */
	/*********************************************************************************************/

	#calendar
	{
		float:					left;
		display:				inline;
		
		width:					354px;
		height:					144px;
		
		margin:					20px 4px 0 0px;
		padding:				0 0 14px 0;
		
		background-color:		#f6e9c6;	/* =3 */
			
		background-image:		url(/sjablonen/1/images/general/block_6cols_bottom.gif); 
		background-repeat:		no-repeat;
		background-position: 	bottom left;
	}
	*>#calendar
	{
		min-height:				144px;
		height:					auto;
	}
	
		#calendar h1
		{
			display:				block;
			font-size:				1.3em;
	
			padding-top:			16px;
			padding-left:			14px;
			
			margin-left:			0;
	
			background-image:		url(/sjablonen/1/images/general/block_6cols_top.gif); 
			background-repeat:		no-repeat;
			background-position: 	top left;
		}
	
		#calendar p
		{
			padding:				0 14px 0 14px;
			margin-bottom:			0.8em;
		}
		
		#calendar  ul li span
		{		
			display:				block;
			float:					left;
			margin:					0 10px 0 0;
			
			color:					#553500;
			font-weight:			bold;
		}
		
			#calendar  ul li span.line
			{
				color:					#a16400;
				font-weight:			normal;
			}
		
	
	
}


/*********************************************************************************************/
/* =Print 									                                      			 */
/*********************************************************************************************/
@media print
{
	.hide, #adxmenuContainer, #quickSearch, #logo, #minimenu, #locations, #vignette, #dynamic, .shortcuts
	{
		display:			none;
		visibility:			hidden;
	}
	
	body 
	{
		font-family: 			Tahoma, Verdana, Helvetica, Arial, sans-serif;
		font-size:				12px;
		line-height:			1.7em;
	}
	
	a
	{
		color:					#000;
		text-decoration:		underline;
	}
	
	a img
	{
		border:					none;
	}
	
	#content h2, #content h3, #content p
	{
		margin-left:		0;	/* override */
	}
}