/*
--------------------------------------------------------------------------------------------------
 Title:			Subpage Styles
 Created on: 	30-05-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Maeykehiem intranet
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =global

 =Print 
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
	* Turquois * 
 =1 Backgound color		#5bafcb	(turquois)
 =2 Link Mouseover		#1e74b7	(dark turquois)
 =3 Menu text			#98d2f9	(light turquois)
 =4 Link Mouseover BG	#edf5fb (very light turquois)


 =5	Body text			#4c4c4c	(dark grey)
 =6	Content background	#fff	(white)
 =7	ReadMore			#999	(light grey)
 =8	Menu selected		#f04b01	(orange)
 
*/

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/
	
		
	/*********************************************************************************************/
	/* =misc 											                                		 */
	/*********************************************************************************************/
	/* =wrapper*/
	#wrapper
	{
		clear:					both;
		
		position:				absolute;
		top:					104px;
		
		height:					300px;
		min-height:				300px;
		width:					976px;
		margin:					0 0 16px 0;
		padding:				0;
		
		background-color:		#fff;	/* =6 */
		background-image:		url(../../images/general/background_content.gif); 
		background-repeat:		repeat-x;
		background-position: 	top left;
		
		z-index:				1;
		
	}
	*>#wrapper
	{
		height:					auto;
	}
	
		#wrapper a
		{
			color:					#127983;	/* =1 */
			text-decoration:		underline;
		}
		
			#wrapper a:hover
			{
				color:					#064a55;	/* =2 */
				text-decoration:		underline;
				
				background-color:		#ecf6f6;	/* =4 */
			}
	#flash
	{
		display:				block;
		position:				absolute;
		top:					24px;
		left:					27px;
		
		width :					185px;
		height:					100px;
		
		z-index:				3;
	
	}


	#middle
	{
		float:					left;

		width:					492px;
		padding:				42px 20px 52px 41px;

	/*	background-color:		#0f0;  eee*/
	}

		#middle h1 
		{	
			float:					left;
			width:					492px;
			margin:					0 0 2px 0;
			padding:				0;
	
			font-family:			Verdana, Arial, Helvetica;
			font-size:				1.5em;
			*font-size:				1.4em;
			font-weight;			normal;
			color:					#1e74b7;	/* =1 */
	
		}
	
		#content
		{
			padding:			0px 0 0 0;
		}
		
	#sideBar
	{
		float:					left;

		width:					139px;
		padding:				45px 34px 0 8px;
		
	 /* background-color:		#00f;  eee*/
	}
	
	
		
	
	
	
	/*********************************************************************************************/
	/* =itemList				 		                           								 */
	/*********************************************************************************************/
	#wrapper .itemList
	{
		padding:				6px 0 39px 0;
	}

	#wrapper .itemList li a
		{
			color:					#4c4c4c;	/* =5 */
		}
		
			#wrapper .itemList li a:hover
			{
				color:					#999;	/* =7 */
				
				background-color:		#fff;	/* =6 */
			}

	/* exceptions */	
	#middle .itemList
	{
		padding:				8px 0 0 42px;
	}
	
	/*********************************************************************************************/
	/* =downloadList				 		                           								 */
	/*********************************************************************************************/
	#wrapper .downloadList
	{
		padding:				6px 0 39px 7px;
	}
	
	#wrapper .downloadList li
	{
		padding-left:			22px;
	}

		#wrapper .downloadList li a
		{
			color:					#4c4c4c;	/* =5 */
		}
		
			#wrapper .downloadList li a:hover
			{
				color:					#999;	/* =7 */
				
				background-color:		#fff;	/* =6 */
			}
			
			#wrapper .downloadList li span
			{
				color:					#999;	/* =7 */
				font-size:				0.9em;
					
				white-space:			nowrap;
			}
			
			/* =Filetypes */
			.downloadList .doc, .downloadList .docx 
			{
				background-image:		url(/sjablonen/1/images/doctypes/doc.gif);
				background-position:	0 4px;
			}
		
			.downloadList .pdf
			{	
				background-image:		url(/sjablonen/1/images/doctypes/pdf.gif);
				background-position:	0 4px;
			}
			
			.downloadList .txt
			{
				background-image:		url(/sjablonen/1/images/doctypes/txt.gif);
				background-position:	0 4px;
			}
			
			.downloadList .xls, .downloadList .xlsx
			{
				background-image:		url(/sjablonen/1/images/doctypes/xls.gif);
				background-position:	0 4px;
			}
			
			.downloadList .ppt, .downloadList .pptx
			{
				background-image:		url(/sjablonen/1/images/doctypes/ppt.gif);
				background-position:	0 4px;
			}
	
			.downloadList .jpg
			{
				background-image:		url(/sjablonen/1/images/doctypes/jpg.gif);
				background-position:	0 4px;
			}
			
	/*********************************************************************************************/
	/* =containerTabs				                            								 */
	/*********************************************************************************************/
	
	/* =inherit styles from frontpage.css */
	
	/*********************************************************************************************/
	/* =search	 								                                      			 */
	/*********************************************************************************************/	
	
	/* =inherit styles from frontpage.css */

	/*********************************************************************************************/
	/* =welcome									                                      			 */
	/*********************************************************************************************/
	
	/* =inherit styles from frontpage.css */


	/*********************************************************************************************/
	/* =breadCrumbs 							                                      			 */
	/*********************************************************************************************/
	#breadCrumbs
	{
		float:					left;
		position:				relative;
	
		width:					493px;
		margin:					0 0 15px 0;
		
		color:					#999;	/* =7 */
		font-size:				0.9em;
		z-index:				4;
	}
	
		#breadCrumbs strong
		{
			display:				inline;
			float:					left;
			
			height:					1.2em;
			width:					7.2em;
			
			font-size:				1em;
			font-weight:			bold;
			line-height:			120%;
		}
	
		#breadCrumbs ul
		{
			height:					1.2em;
			margin:					0 0 0 7px;
		}
		
			#breadCrumbs li
			{
				display:				inline;
				float:					left;
		
				height:					1.2em;
				margin:					0;
				padding:				0 0 0 4px;
			
				font-weight:			bold;
				line-height:			120%;

				background-image: 		none;
				white-space:			nowrap;
			}
			
				#breadCrumbs a
				{	
					display:				block;
		
					width:					10px;
					height:					1.2em;
					
					margin:					0;
					padding:				0 10px 0 0;
					
					color:					#999;	/* =7 */
					font-weight:			normal;
					line-height:			120%;
					text-decoration:		underline;
					
					background-image:		url(/sjablonen/1/images/general/bullet_breadcrumb.gif);
					background-repeat:		no-repeat;
					background-position: 	right 4px;
				}
				*>#breadCrumbs a /* IE 6 fix */
				{
					min-width:				10px;
					width:					auto;
				}
				
					#breadCrumbs a:hover
					{
						color:					#4c4c4c;	/* =5 */
						text-decoration:		underline;
						background-color:		#fff;	/* =6 */
					}
					
	/*********************************************************************************************/
	/* =txtReplacements							                                      			 */
	/*********************************************************************************************/
	.txtDownloads, .txtOptions, #welcome h2, #quickSearch label
	{
		clear:					both;
		margin:					0;
		padding:				0;
		
		text-indent: 			-5000px;	/* remove text */
		line-height:			1.36em;		/* 15 px */
					
		background-repeat:		no-repeat;
		background-position: 	left top;
	/*	background-color:		#f0f; eee*/

	}
	
	.txtDownloads
	{
		background-image:		url(../../images/text/sub_downloads.png);
		background-position: 	10px top;
	}
	
	.txtOptions
	{
		background-image:		url(../../images/text/sub_opties.png);
		background-position: 	10px top;
	}
	
 	#welcome .txtWelcome
	{
		background-image:		url(../../images/text/home_welkom.png);
		line-height:			0.909em;	/* 11 px */
	}
	
	#quickSearch label
	{
		display:				inline;
		
		width:					54px;
		height:					17px;
		
		background-image:		url(../../images/text/home_zoeken.png);
		line-height:			0.909em;	/* 11 px */
		
		background-position: 	left 5px;
	}
	
	/*******************************************************************************************/
	/* =sIFR decoy stylings                                                                    */
	/*******************************************************************************************/
	.sIFR-flash
	{
		visibility:				visible !important;
		margin:					0;
		padding:				0;
	}
		
	.sIFR-replaced
	{
		visibility:				visible !important;
		margin:					0;
		padding:				0;
	}
		
	span.sIFR-alternate
	{
		position:				absolute;
		left:					0;
		top:					0;
		width:					0;
		height:					0;
		display:				block;
		overflow:				hidden;
	}

	
	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
	}
	
	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	

	.sIFR-hasFlash #middle h1
	{
		visibility:				hidden;

		padding:				0!important;
		margin:					0!important;
		line-height:			1.2em!important;
		letter-spacing:			-2px;
		font-size:				18px!important; /* 1.636em */
		font-weight:			bold;
	}
	
		/*********************************************************************************************/
	/* Containers & classes (paging)                                                        	 */
	/*********************************************************************************************/
	#containerPaging a
	{
		color:					#FFFFFF;
	}
	
	#containerPaging ul
	{		
		clear:					both;
		
		height:					20px;
		
		padding:				0;
		margin:					0;
	}
	
	#containerPaging ul li
	{
		float:					left;
		
		width:					13px;
		min-width:				13px;
		
		padding:				3px 3px 3px 3px!important;
		margin:					0px 5px 0px 0px!important;
		
		list-style:				none;
		text-align:				center;
		
		background-color:		#e7f5fe;
		background-image:		none!important;

		border:					1px solid #1e74b7;			
	}
	
		#containerPaging ul li a
		{
			color: 					#1e74b7;
		}
		
	*>#containerPaging ul li
	{
		width:					auto;
	}
	
	#containerPaging .selectedPageNumber
	{
		font-weight:			bold;
		color:					#FFFFFF;
		
		background-color:		#1e74b7;
		
		border-color:			#1e74b7;
	}

	
}


/*********************************************************************************************/
/* =Print 									                                      			 */
/*********************************************************************************************/
@media print
{
	.hide, #adxMenuContainer, #quickSearch, #logo, .shortcuts, #containerTabs, #welcome, #sideBar, #wrapper .itemList, #limenu, #breadCrumbs
	{
		display:				none;
		visibility:				hidden;
	}
	
	body 
	{
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
		font-size:				11px;
		line-height:			2.1818em;
	}

	.floatCloser
	{
		clear:					both;
	}

	#content img
	{
		padding:				1px;
		margin:					0 0 12px 0;
		
		border:					1px solid #000;
	}
	
	a
	{
		color:					#000!important;
		text-decoration:		underline;
	}
	
		a img
		{
			border:					none;
		}
	
	#content h2, #content h3, #content p
	{
		color:					#000!important;
		margin-left:			0;	/* override */
	}
	
	/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
	
	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}
	
}