/*
--------------------------------------------------------------------------------------------------
 Title:			Homepage Styles
 Created on: 	28-11-2009
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Psycholog
 Copyright:  	Vincis B.V. The Netherlands

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

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

 =2 Newsbar				#173d7e	(ggd blue)				- also Path bgc
 =3	Search 				#d42e14	(ggd red)
 =4	Path link			#b0bdd11(light ggd blue)
 =5	Link MO				#112e5f	(dark ggd blue)
 =6	News text			#cdd5e3	(ultra light blue)

*/

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/

	html
	{
		padding:				0;
		margin:					0;
	}
	
	body 
	{
		height:					auto;
		
		color:					#333;	/* =10 */
		font-family: 			Arial, sans-serif, Helvetica;
		font-size:				15px;
		line-height:			1.27em;	/* 24px */
		
		padding:				0;
		margin:					0;
		
		background-color:		#fff;	/* =1*/
		overflow-y:				scroll;
	}

		#totalContainer
		{
			position:				relative;
			
			height:					300px;
			min-height:				300px;
			width:					960px;
			margin:					0 auto;
			padding:				0;
		}
		*>#totalContainer
		{
			height:					auto;
		}
		
	.hide 
	{
		display:				none;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	h1 img
	{
		padding:				0 0 8px 0;
	}
	
		h2
		{
		}
		
			h3
			{
			}

	img
	{
		display:			block;
		
		margin:				0;
		padding:			0;
	}
	
	#crayon
	{
		position:			absolute;
		left:				84px;
		top:				0;
		
		width:				313px;
		height:				79px;
		
		background-image:	url(/images/frontpage/potlood.jpg);
		background-repeat:	no-repeat;
		background-position:left top;
	}
	
	/*********************************************************************************************/
	/* =kleurJeLeven 											                           		 */
	/*********************************************************************************************/	
	#kleurJeLeven
	{
		float:				left;
		display:			inline;
		
		width:				403px;
		padding:			0 38px 16px 38px;
		margin-top:			93px;
		
		background-image:	url(/images/frontpage/lijn.gif);
		background-repeat:	no-repeat;
		background-position:right 84px;
	}
	
		#kleurJeLeven h2
		{
			margin:				0 0 8px 50px;
		}
		
		#kleurJeLeven .button img
		{
			float:				left;
			display:			block;
			padding:			0;
			margin:				17px 25px 0 2px;
		}
		
	/*********************************************************************************************/
	/* =psycholog 											                           			 */
	/*********************************************************************************************/	
	#psycholog
	{
		float:				left;
		display:			inline;

		width:				423px;
		padding:			0 18px 16px 38px;
	}
	
		#psycholog h2
		{
			margin:				110px 0 8px 43px;
		}
		
		#psycholog .button img
		{
			display:			block;
			padding:			0;
			margin:				97px 0 0 98px;
		}
		
	/*********************************************************************************************/
	/* =medalert 											                           			 */
	/*********************************************************************************************/	
	#medalert
	{
		clear:				both;
		float:				left;
		display:			inline;
		
		width:				240px;
		padding:			0;
		font-size:			0.82em;
		line-height:		1.2em;
		
		margin:				52px 0 0 370px;
	}
	
		#medalert h2
		{
			margin:				0 0 11px 22px;
		}
		
		#medalert .button img
		{
			display:			block;
			padding:			0;
			margin:				15px 0 0 36px;
		}
	
	
	/*********************************************************************************************/
	/* =content 											                               		 */
	/*********************************************************************************************/
	
	#content
	{
		margin:					0;
		padding:				0;
	}
	
		#content a
		{
			color:					#0083c8;
		}
		
			#content a:hover
			{
				color:					#005886;
			}
			
		#content p
		{
			margin-bottom:			.83em;
		}

}