/************************************************************************************************/
/* Author:			VINCIS Rinse van Dijk         					                          	  		*/
/* Description:		BASIC stylesheet					                                       	  			*/
/* Site name:		Internet 2009 Promens Care				                                         	  		*/
/* Date created:		11-03-2009							                                         	  		*/
/************************************************************************************************/

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* Colors	                                                                 										*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/
/* 	Red			=	#cc1737
/* 	Yellow		=	#e8cf00
/* 	Black			=	#000
/* 	Grey			=	#8a8a89

/************************************************************************************************/
/* Screen styles                                                                 										*/
/************************************************************************************************/
@media screen 
{
	/*******************************************************************************************/
	/* =Global																*/
	/*******************************************************************************************/
	body 
	{
		color:					#000;	
		
		font-family: 			Verdana, Arial, Helvetica;
		
		font-size:				1.0em;
		line-height:			100%;
	
		background-color:		#e5e5e5;
	}
	
	input
	{
		font-family: 			Verdana, Arial, Helvetica;
	}
	
		
	
	.hide 
	{
		display:				none;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	#printHeader
	{
		display:				none;
	}
	
	h1
	{
		color:					#cc1737;	
		font-size:				1.5em;
		font-weight:			bold;
		
		margin-bottom:			0.5em;
	}
	
	h2
	{
		color:					#cc1737;	
		font-size:				1.3em;
		font-weight:			bold;
		
		margin-bottom:			0.5em;
	}
	
	h3
	{
		color:					#cc1737;	 
		font-size:				1.1em;
		font-weight:			bold;
		
		margin-bottom:			0.5em;
	}
	
		h3 a
		{
			text-decoration:		none;
		}
		
	
	p
	{
		margin:				0 0 20px 0;
	}
	
	ul
	{
	}
	
		li
		{
		}
		
	a
	{
		color:					#cc1737;	
		text-decoration:		underline;
	}
	
		a:hover
		{
			color:					#cc1737;	
			text-decoration:		underline;
		}

		
	.cm_button
	{
		float:					left;
		display:				inline;

		height:					20px;
		color:					#fff;
		
		font-weight:			bold;
		
		margin:					0;
		
		background-color:		#cc1737;
		border:					0;
		
		cursor:					pointer;
	}
	
		.cm_button:hover
		{
			color:					#e7d300;
		}


	.cm_textarea, .cm_input, .cm_select, .cm_multi, .cm_button
	{
		font-family: 			Verdana, Arial, Helvetica;
		font-size:				1.0em;
	}	
	/*******************************************************************************************/
	/* =Containers															*/
	/*******************************************************************************************/		
	
	#wrapper
	{
		position:				relative;
		
		height:					625px;
		
		width:					970px;
		margin:					0 auto;
		
		background-color:		#fff;
	}
	*>#wrapper
	{
		min-height:				625px;
		height:					auto;
	}
	
	#totalContainer
	{
		float:					left;
		width:					970px;
		background-color:		#fff;
		background-image:		url(/sjablonen/1/images/general/bg_total.gif);
		background-repeat:		repeat-y;
	}

	
	
	#topContainer
	{
		position:				absolute;
		float:					left;
		clear:					both; /* fix for absolute positioning inIE6 */
		
		top:					0;
		left:					0;
				
		width:					970px;
		height:					316px;
		
		z-index:				0;
	}	
	
		#topTopContainer
		{
			float:					left;
			width:					970px;
			height:					87px;
			
			background-color:		#c32b38;
			background-image:		url(/sjablonen/1/images/general/logo.gif);
			background-position:	0 0;
			background-repeat:		no-repeat;
			
			
		}
		
			#logo
			{
				display:				none;
			}
		
			#slogan
			{
				float:					right;
				display:				inline;
				
				width:					425px; 
				height:					87px;
			}
		
			#topRight
			{
				float:					right;
				display:				inline;
				width:					234px;
				height:					70px;
			
				margin:					8px 0 0 0;
				color:					#fff;
				
				border-left:			1px solid #fff;
				font-size:				0.7em;
			}
		
				ul#shortcuts
				{
					float:					left;
					width:					224px;
					display:				inline;
					margin:					0 0 0 10px;
					
					overflow:				hidden;
					
				}
				
					ul#shortcuts li
					{
						float:					left;
						display:				inline;
						margin:					0 4px 0 0;
						padding:				0 4px 0 0;
						border-right:			1px solid #fff;
					}
					
					ul#shortcuts li.last
					{
						
						border:					none;
					}
					
						ul#shortcuts li a
						{
							color:					#fff;
							text-decoration:		none;
						}
						
							ul#shortcuts li a:hover
							{
								text-decoration:		underline;
							}
					
					#adress
					{
						float:					left;
						display:				inline;
						margin:					30px 0 0 10px;
						
					}
		
		
		#dynamicImage
		{
			float:					left;
			width:					970px;
			height:					229px;
		}
		
			#dynamicImage img
			{
				width:					970px;
				height:					229px;
			}
		
			#overlay
			{
				float:					left;
				display:				inline;
				width:					888px;
				height:					50px;
				margin:					0 0 0 82px;
				
				overflow:				hidden;

				
				filter: 				progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/sjablonen/1/images/general/overlay.png');	
			}
			*>#overlay
			{
				background-image:		url(/sjablonen/1/images/general/overlay.png);
				background-position:	0 0;
				background-repeat:		repeat-x;
				filter:					none;
			}
			
				#phonenumber
				{
					float:					right;
					position:				relative;
					display:				inline;
					width:					224px;
					height:					21px;
				
					margin:					8px 0 0 0px;
					padding:				13px 0 0 10px;
					
					color:					#e8cf00;
					
					border-left:			1px solid #fff;
					font-size:				1.2em;
					font-weight:			bold;
				}
			

	#path
	{
		float:				left;
		position:			absolute;
		
		left:				0;
		top:				0;
		
		
	
		height:				30px;
		
		font-size:			0.85em;
		color:				#000;
		
		margin:				316px 0 0 0;
		padding:			4px 0 0 96px;
		
		background-color:	#fff;
		
		overflow:			hidden;
	}
	
		#path ul
		{
			float:				left;
			width:				470px;
		}
	
		#path ul li
		{	
			float:				left;
			margin:				0;
		}
		
			#path ul li a
			{
				color:				#000;
				text-decoration:	none;
			}
			
				#path ul li a:hover
				{
					color:					#cc1737;
					text-decoration:		underline;
				}
			
			#path ul li.selected
			{
				color:					#cc1737;				
			}
	
	#contentContainer
	{
		float:					left;
		position:				relative;

		width:					730px;
		margin:					340px 0 0 0;
		
		background-color:		#fff;
		
		z-index:				10;
	}
	*>#contentContainer
	{
		width:					736px;
		min-height:				282px;
		*min-height:			284px; /* only read by IE */
		height:					auto;
	}
	
		.toTop
		{	
			float:					right;
			width:					75px;
			padding:				5px 0 10px 0;
			clear:					both;
		}
	
	#rightContainer
	{
		float:					right;
		width:					234px;
		height:					310px;
		
		margin:					316px 0 0 0;
		background-color:		#e7d300;
	}
	
	
		#quickSearch
		{
			float:				left;
			display:			inline;
			
			width:				214px;
			margin:				18px 10px 0 10px;
			padding:			0 0 18px 0;
			
			border-bottom:		1px solid #000;
			
		}
		
			#quickSearch .cm_button
			{
				width:				20px;
			}
		
			.inputText
			{
				float:				left;
				display:			block;
				
				width:				189px;
				margin:				0;
				padding:			1px 0 1px 3px;
				
				border:				1px solid #000;
			}
			
			
		ul#options
		{
			float:				left;
			display:			inline;
			
			width:				214px;
		
			margin:				0px 10px 0 10px;
			padding:			13px 0 13px 0;

			border-bottom:		1px solid #000;
		}	
		
			ul#options li
			{
				float:				left;
			}	
			
				ul#options li a
				{
					display:			inline;
					float:				left;
					width:				20px;
					height:				18px;
					
					color:				#000;
					font-weight:		bold;
					
					background-color:	#fff;
					text-align:			center;
					text-decoration:	none;
					
					margin:				0 10px 0 0;
					padding:			4px 2px 0 2px;
					
					border:				1px solid #000;
				}
				
					ul#options li a:hover
					{
						
						background-color:		#e1e1e1;
					}
					
					ul#options li.leesvoor
					{
						float:				right;
					}
					
					ul#options li.leesvoor a
					{
						display:			block;
						width:				60px;
						height:				28px;
								
						background-color:	transparent;
												
						margin:				0;
						padding:			0;
						
						text-indent:		-5000px;
						border:				none;
						
						background-image:		url(/sjablonen/1/images/general/leesvoor.gif);
						background-position:	0 0;
						background-repeat:		no-repeat;
					}
					
						ul#options li.leesvoor a:hover
						{
							background-image:		url(/sjablonen/1/images/general/leesvoorHover.gif);
						}
				
				
		#banner1
		{
			float:				left;
			display:			inline;
			
			width:				214px;
		
			margin:				0px 10px 0 10px;
			padding:			13px 0 0 0;
		}
		
		
		#banner2
		{
			float:				left;
			display:			inline;
			
			width:				214px;
		
			margin:				0px 10px 0 10px;
			padding:			13px 0 13px 0;

			border-bottom:		1px solid #000;
		}
		
		#banner3
		{
			float:				left;
			*float:				none; /* only read by IE */
			display:			inline;
			
			width:				214px;
		
			margin:				0px 10px 0 10px;
			*margin:			70px 10px 0 10px; /* only read by IE */
		}
}


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

	#rightContainer, #topContainer, #limenu, #path, .hide, .toTop
	{
		display:			none;
	}
	
	
	body 
	{
		color:					#000;	
		
		font-family: 			Verdana, Arial, Helvetica;
		
		font-size:				1.0em;
		line-height:			170%;

	}
	
	
	#printHeader
	{
		display: 					block;
		padding:					0 0 20px 0;
		margin:						0 0 20px 0;
		border-bottom:				1px solid #ccc;	
	}
	
}