/*************************************************************************************************/
/* Author:		Vincis B.V.                                                                      */
/* Description:	Stylesheet for sjabloon 1  (GROEN)                                   			 */
/*              Bepaalde kleuren in aparte stylesheets gestopt                                   */
/*************************************************************************************************/

@media	screen, handheld
{
	body
	{
		width:			100%;
		height:			100%;
		
		padding:		0px 0px 0px 0px;
		margin:			0px 0px 0px 0px;	
		
		font-family: 	Arial, Verdana, Helvetica;
		font-size:		8pt;
	}
	
	h2
	{
		padding:		0 0 0 0;
		margin:			0 0 8px 0;
		
		font-size:		11pt;	
	}
	
	h3
	{
		padding:		0;
		margin:			0;
	
		font-size:		10pt;			
	}
	
	a, a:hover
	{
		cursor: 			hand;
		color:				#007B52;
		font-weight:		normal;
		text-decoration:	underline;
	}
	
	input
	{
		width:				270px;
		height:				12px;
		padding:			5px;
		
		border:				1px solid #7F9DB9;
		
		color:				#4C4C4C;
		font-family:		Arial;
		font-size:			8pt;
	}
	
	input.button
	{
		height:			22px;
		width:			58px;
		border:			0;
	}
	
	.floatLeft
	{
		float:				left;
	}
	
	.floatRight
	{
		float:				right;
	}	

	.floatCloser
	{
		clear:				both;
	}
	
	ul
	{
		width:				120px;
		padding:			0;
		margin:				0;
	}
	
	li
	{
		list-style:				none;
		
		padding:				6px 0px 0px 13px;
		margin:					0;	
		
		background-position:	0px 11px;		
		background-repeat: 		no-repeat;
		background-image: 		url('/sjablonen/2/images/weblog/li.gif');	
	}
	
	.red
	{
		color:			#E91C3D;
	}
	
	.grey
	{
		color:			#666666;
	}	
	
	.green
	{
		color:			#007B52;
	}	
	
	.brown
	{
		color:			#8E8977;
	}
	
	#containerTotal 
	{
		width: 		770px;
		
		margin:					0px auto;
	}
	*>#containerTotal
	{
		min-height: 	730px;	
		height:			auto;
	}
	
		#containerHeader
		{
			height:		140px;
		}

			.shortcuts
			{
				text-align: right;
				
				margin:			5px 10px 0 0;
				
				font-family:	Sans-Serif, Verdana, Arial;
				font-size:		7pt;
				line-height:	8px;
			}
			
			.shortcuts a, .shortcuts a:hover
			{
				font-weight:		normal;
				color:				#000000 !important;
				text-decoration:	none;
			}
			
			.foto
			{
				height:			120px;
				width:			770px;
				margin:			5px 0 0 0;
				
				background-repeat:no-repeat;
			}
		
		#containerContent
		{
			position:		relative;
			
			margin-top:		15px;
		}
		
			.content
			{
				float:				left;
				width:				250px;
			}
		
			.content p
			{
				padding:			0;
				margin:				0;
			}
		
			#containerHistory
			{
				position:			relative;
				height:				163px;
				
				padding:			11px;
				
				background-color:	#ECE4C7;
			}
			
				#containerTotal .readMore
				{
					font-weight:	bold;
					color:			#007B52;
				}
			
				#thisTime
				{
					position:		relative;
					float:			left;
					
					width:			359px;
					margin:			0 20px 0 0;
				}
				
				
				#previousTime
				{
					position:		relative;
					float:			left;
					width:			359px;
				}
				
					.photo
					{
						float:			left;
						
						width:			75px;
						height:			110px;
						padding:		5px;
						
						margin:			0 15px 0 0;
							
						border:			1px solid #d2caad;
					}
					
					.title a
					{
						font-size:			11pt;
						font-weight:		bold;
						color:				#4D4D4D;
					}
					
					.date, .reactions
					{
						color:				#999;
					}
					
					.date a
					{
						color:				#999!important;
						font-weight:		normal;
						text-decoration:	underline;
					}
			
					.readMore a
					{
						padding:			0 0 0 3px;
						color:				#06a0e1!important;
					}
					*>.readMore a
					{
						padding:			0;
					}

					.reactions, .more
					{
						float:				left;
					}
				
				#containerMiddle
				{
					float:				left;
					width:				770px;
					height:				80px;
					
					margin:				15px 0 20px 0;
				}
				
				*>#containerMiddle
				{
					min-height:			80px;
					height:				auto;
				}
				
					.overview
					{
						float:			left;
						width:			380px;
					}
					
					.search
					{
						float:				left;
						width:				362px;
						height:				213px;
						display:			inline;
						
						background-color:	#E5E5E5;
						border:				1px solid #BCBCBC;
						padding:			11px;
					}
					
					*/>.search
					{
						width:				365px;						
					}
					
				#containerArchive
				{
					float:					left;
					height:					50px;
					margin:					0 0 30px 0;
				}
				*>#containerArchive
				{
					min-height:				50px;
					height:					auto;
				}
					
					#archiveOverview
					{
						height:					165px;
						background-image: 		url('/sjablonen/2/images/weblog/bgArchive.gif');
						background-repeat:		no-repeat;
						background-position:	0px 18px;
					}
					
					.archiveDate
					{
						float:			left;
						
						width:			66px;
						height:			21px;
						margin:			0 0 0 11px;
						
						font-weight:	bold;
					}
					
					.archiveDateContent
					{
						float:			left;
						
						width:			66px;
						margin:			5px 0 0 11px;
						
						color:			#B2B2B2;
					}
					
					.archiveAuthor
					{
						float:			left;
						
						width:			116px;
						height:			21px;
						margin:			0 0 0 11px;
						
						font-weight:	bold;
					}
					
					.archiveAuthorContent
					{
						float:			left;
						
						width:			116px;
						margin:			5px 0 0 11px;
					}
					
					.archiveAuthorContent a, .archiveAuthorContent a:hover 
					{					
						color:			#7F7F7F;
					}
					
					.archiveTitle
					{
						width:			540px;
						height:			21px;
						margin:			0 0 0 11px;
						
						font-weight:	bold;
					}
					
					.archiveTitleContent
					{
						width:			540px;
						margin:			5px 0 0 11px;
					}
}

@media print
{
	#containerPath, #containerheader, #containerArchiveIcons, #containerWeblogUser, #containerReactionForm, .photo, .search, #containerArchive
	{
		display:			none!important;
	}
	
	#archiveDateContent, #archiveAuthorContent, archiveTitleContent, #archiveDate, #archiveAuthor, #archiveTitle
	{
		float:				left;
	}
}