/*************************************************************************************************/
/* Author:			VINCIS / Rinse Stellingwerf	                                              	 */
/* Description:		Stylesheet for template 1 (subpage)                                        	 */
/*************************************************************************************************/

@media screen 
{
	/*********************************************************************************************/
	/* Containers & styles (shortcuts)                    			 	 		 				 */
	/*********************************************************************************************/
	
	#containerShortcuts
	{		
		height:					43px;
		
		border-top:				solid 1px #FFFFFF;		
	}	
	
	#containerShortcuts a
	{
		color:					#999999;
	
		text-decoration:		none;
	}

	#containerShortcuts a:hover
	{		
		font-weight:			normal;
		text-decoration:		underline;
	}	

	#containerShortcuts ul
	{
		float:					right;
		clear:					both;
		
		padding-right:			20px;
	}

	#containerShortcuts ul li
	{		
		float:					left;
			
		padding:				6px 0px 0px 20px;	
			
		list-style-type:		none;					
	}
	
	/*********************************************************************************************/
	/* Containers & classes (logo, doormats & top menu)                    			 	 		 */
	/*********************************************************************************************/
	
	#containerLogo
	{		
		cursor:					pointer;
		
		width:					100%;
		height:					53px;
		
		background-repeat: 		no-repeat;
		background-position:	20px 0px;
		background-image: 		url("/sjablonen/1/images/logos/logo_large.png");
		
		border-bottom:			solid 1px #FFFFFF;		
	}
	
	#containerTopMenu
	{
		width:					100%;
		height:					128px;
		
		border-bottom:			solid 1px #FFFFFF;
	}
	
	.doormat
	{		
		float:					left;
		
		width:					191px;
		height:					128px;
		
		border-right:			solid 1px #FFFFFF;		
	}
		
	.doormatSelected
	{		
		background-color:		#AA0009;
		background-image:		none	!important;
		
		filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sjablonen/1/images/adxmenu/background.png", sizingMethod="scale");
	}
	
	#doormat5
	{	
		background-color:		#CBA53D;
		
		border-right:			solid 1px #CBA53D;
	}
	
	/*********************************************************************************************/
	/* Containers & styles (content & title)			 	 	 		    					 */
	/*********************************************************************************************/
	
	#containerContent
	{
		float:					left;
		
		width:					536px;
		
		padding:				0px 20px 20px 20px;
	}
		
	#containerTitle
	{		
		padding:				10px 0px 10px 0px;
	}
	
	#contentText a
	{
		font-weight:			bold;
		text-decoration:		none;
		
		color:					#AA0009;
				
		border-bottom:			1px solid #CCCCCC;
	}
	
	#contentText a:hover
	{
		font-weight:			bold;
		text-decoration:		none;
		
		color:					#AA0009;
				
		background-color:		#DDDDDD;
	}
	
	/*********************************************************************************************/
	/* Containers & styles (path)			 	 	 		     								 */
	/*********************************************************************************************/
	
	#containerPath
	{
		padding-top:			10px;
		
		color:					#808080;
	}
	
	#containerPath a
	{		
		text-decoration:		none;
		
		color:					#808080;
	}
	
	#containerPath a:hover
	{		
		text-decoration:		underline;
		
		color:					#808080;
	}
	
	/*********************************************************************************************/
	/* Containers & styles (to top)	 	 		     								 			 */
	/*********************************************************************************************/
	
	#containerToTop
	{
		margin-top:				10px;
		
		text-align:				right;
		
		background:				url("/sjablonen/1/images/general/arrow_totop.gif") no-repeat 460px 7px;
	}
	
	#containerToTop a
	{
		text-decoration:		none;
		
		font-weight:			bold;		
	}
	
	#containerToTop a:hover
	{
		text-decoration:		underline;
	}
	
	/*********************************************************************************************/
	/* Containers & styles (attached photos) 	 		     								 	 */
	/*********************************************************************************************/
	
	#containerAttachedPhotos
	{
		width:					522px;
		height:					110px;
		
		padding:				10px 0px 0px 14px;
		margin:					20px 0px 10px 0px;
		
		background-color:		#E5E5E5;
		border:					1px solid #B2B2B2;		
	}
	
	#containerAttachedPhotos .thumbnail
	{		
		float:				left;
		
		width:				65px;
		
		padding:			0px;
		margin:				5px 17px 0px 0px;
		
		text-align:			center;
		
		background-color:	#FFFFFF;
		
		border:				1px solid #CCCCCC;
	}
	
	#containerAttachedPhotos .thumbnail .photo
	{		
		overflow:				hidden;
		cursor:					pointer;
		
		height:					57px;
		width:					57px;
		
		padding:				0px;
		margin:					4px 4px 0px 4px;
		
		background-position:	50% 50%;
	}
	
	#containerAttachedPhotos .thumbnail .title
	{		
		overflow:				hidden;

		width:					60px;
		
		padding:				0px;
		margin:					0px;
		
		font-size:				0.8em;
	}
	
	#containerMoreAttachedPhotos
	{
		text-align:				right;
	}
			
	/*********************************************************************************************/
	/* Containers & styles (options) 	 		     								 			 */
	/*********************************************************************************************/
		
	#containerOptions
	{
		float:					left;
		clear:					right;
		overflow-x:				hidden;
		
		width:					190px;
		
		padding-top:			12px;		
	}
	
	#containerOptions ul
	{
		padding:				0px 0px 22px 22px;
		margin:					0px;
		
		list-style-type:		none;
	}
	
	#containerOptions ul li
	{
		padding-top:			6px;
	}
	
	#containerOptions h2
	{
		padding-left:			22px;
		margin:					0px;
	}
	
	#containerPageOptions a
	{
		color:					#808080;
	}
	
	#containerPageOptions a:hover
	{
		color:					#AA0009;
	}
			
	/*********************************************************************************************/
	/* Containers & classes (paging)                                                        	 */
	/*********************************************************************************************/
		
	#containerPaging ul
	{		
		clear:					both;
		
		height:					20px;
		
		padding:				0px;
		margin:					0px;
	}
	
	#containerPaging ul li
	{
		float:					left;
		cursor:					pointer;
		
		width:					13px;
		min-width:				13px;
		
		padding:				3px;
		margin-right:			5px;
		
		list-style:				none;
		text-align:				center;
		
		font-weight:			bold;
		color:					#000047;
		
		background-color:		#E5E5E5;
		border:					1px solid #B2B2B2;			
	}
	
	#containerPaging ul li:hover
	{
		color:					#FFFFFF;
		
		background-color:		#AA0009;
	}
		
	#containerPaging .selectedPageNumber
	{		
		font-weight:			bold;		
		color:					#FFFFFF;
				
		background-color:		#AA0009;		
		border-color:			#B2B2B2;
	}

	/*********************************************************************************************/
	/* Containers (footer) 			 	 				 			 				 			 */
	/*********************************************************************************************/
	
	#containerFooter
	{
		background-image: 		url("/sjablonen/1/images/general/footer_subpage.gif");
	}
}