/*
--------------------------------------------------------------------------------------------------
 Title:			Colorscheme: VanBoeijen website (#7)
 Created on: 	25-7-2008
 Author:     	Roberto De Vivo
 Client:		Stichting VanBoeijen
 Project:		Project Subsite System
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =1
 =2
 =3
 =4
 =5
 =images 
 =optional  
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Menu Background			#E72E34	(red, also link- and headercolor)
 =2 Wave Dark				#B4B4B4	(grey)
 
 =3 Content background		#fff	(white, also menu font color and Wave light color) 
 =4 Content text			#252826	(dark grey)
 
 =5 Backgroundtext			#b7b7b7	(light grey) 

*/

@media screen, print
{

	/*********************************************************************************************/
	/* =1		 								                                      			 */
	/*********************************************************************************************/
	h1, h2, a, #breadCrumbs a
	{
		color:					#E72E34;			/* =1 */
	}
	
	#navigation ol .selected, #options, #search .button, #totalContainer #containerPaging ul .selectedPageNumber,
	#content #containerTabs .tabSelected a, .cm_button
	{
		background-color:	#E72E34;				/* =1 */
	}
	
	#totalContainer #containerPaging ul .selectedPageNumber, #navigation ol .selected li a,
	#containerSearchLegend
	{
		border:			1px solid #E72E34;			/* =1 */
	}
	
	/*********************************************************************************************/
	/* =2		 								                                      			 */
	/*********************************************************************************************/	
	h3, a:hover, #news h3 a:hover, #breadCrumbs a:hover, .cm_fieldset legend
	{
		color:					#B4B4B4;			/* =2 */	
	}
	
	#news, #content .border1, #content .border2, #content .border3,
	#totalContainer #containerPaging ul li a:hover
	{
		border:			1px solid #B4B4B4;			/* =2 */
	}
	
	#content table th, #totalContainer #containerPaging ul li a:hover, #content #containerTabs li a:hover,
	#content #containerTabs .tabSelected a:hover
	{
		background-color:		#B4B4B4;			/* =2 */
	}
	
	/*********************************************************************************************/
	/* =3		 								                                      			 */
	/*********************************************************************************************/	
	body, #totalContainer #containerPaging ul li a, form input, form select, .cm_textarea
	{
		background-color:		#fff;				/* =3 */
	}
	
	#navigation ol li a, #fontSize, #fontSize a, #fontSize a:hover, #search label, #search .button,
	#content table th, 	#totalContainer #containerPaging ul .selectedPageNumber,
	#totalContainer #containerPaging ul li a:hover, #content #containerTabs li, #content #containerTabs li a,
	#content #containerTabs li a:hover, #content #containerTabs .tabSelected a, .cm_button,
	#navigation ol .selected li a, #navigation ol li a
	{
		color:				#fff;					/* =3 */
	}
	
	#search .button, #search .button:focus, #navigation ol .selected a
	{
		border:			1px solid #fff; 			/* =3 */
	}
	

	/*********************************************************************************************/
	/* =4		 								                                      			 */
	/*********************************************************************************************/	
	#news h3 a, #breadCrumbs, #breadCrumbs strong, #content .Samenvatting, #totalContainer #containerPaging ul li a,
	#containerSearchResults .searchResult .path a:hover, form input, form select, .cm_upload, .cm_textarea,
	#content h2, #content h3, #content p, #content, #containerSearchResults, #containerForm,  form input, form select,
	#search input
	{
		color:					#252826;			 /* =4 */
	}
	
	#totalContainer #containerPaging ul li a, #search input
	{
		border:			1px solid #252826;			/* =4 */
	}
	
	/*********************************************************************************************/
	/* =5		 								                                      			 */
	/*********************************************************************************************/	
	#navigation, #lastUpdate, #content #newsArchive li .date, #containerSearchResults .searchResult .path,
	#containerSearchResults .searchResult .path a, .fieldRowExtraInfo, #navigation ol .selected a
	{
		color:				#b7b7b7;				/* =5 */
	}

	#totalContainer #content #newsArchive li, .searchResult
	{
		border-bottom: 		1px solid #b7b7b7;		/* =5 */
	}

	#content #containerTabs li a
	{
		background-color:		#b7b7b7;			/* =5 */
	}
	
	form input, form select, #containerForm table, .cm_multi, .cm_textarea, .cm_fieldset, .cm_upload
	{
		border:				1px solid #b7b7b7;		/* =5 */
	}
	
	
	
	/*********************************************************************************************/
	/* =images		 								                                      		 */
	/*********************************************************************************************/
	body
	{
		background-image:		url(/sjablonen/default/colorschemes/7/images/background_overfill.gif);
	}
	
	#totalContainer
	{
		background-image:		url(/sjablonen/default/colorschemes/7/images/background_lines.gif);
	}
	
	#content ul li, li
	{
		background-image:		url(/sjablonen/default/colorschemes/7/images/bullet_arrow_generic.gif);
	}
	
	#breadCrumbs a
	{
		background-image:		url(/sjablonen/default/colorschemes/7/images/bullet_breadcrumb.gif);
	}

	#content blockquote
	{
		background-image:		url(/sjablonen/default/colorschemes/7/images/typography_blockquote.gif);
	}

	#content #containerTabs li a, #content #containerTabs li a:hover, #content #containerTabs .tabSelected a,
	#content #containerTabs .tabSelected a:hover
	{
		background-image: 		url(/sjablonen/default/colorschemes/7/images/tab.gif);
	}
	
	/*********************************************************************************************/
	/* =optional		 								                                   		 */
	/*********************************************************************************************/
	html body
	{
		background-color:		#d4d4d4;
	}
	
	#content blockquote
	{
		border:				1px solid #e5e5e5;
	}
	
	#content blockquote, #content pre, #content table caption, #content table .tableRowOdd
	{
		background-color:	#fafafa;
	}
	
		#content blockquote p, #content blockquote p a,#content blockquote, #content blockquote a, #content blockquote h2, #content blockquote h3,
		#content pre a, #content pre, #content pre h2, #content pre h3
		{
			color:					#828282;
		}
		
			#content blockquote p a:hover, #content blockquote a:hover, #content pre a:hover
			{
				color:					#424242;
			}
			
				#content blockquote a:visited, #content pre a:visited
				{
					color:				#802f80;
				}
				
	#content hr
	{
		color: 				#424242; 

		background-color: 	#424242; 

		border: 			solid #424242 0px;
	}

	#content table td, #content table th 
	{
		border-left:			1px solid #b2b2b2;
		border-top:				1px solid #b2b2b2;
	}
	
	#content table 
	{
		border-bottom:			1px solid #b2b2b2;
		border-right:			1px solid #b2b2b2;
	}
}