/*
--------------------------------------------------------------------------------------------------
 Title:			Portal Styles
 Created on: 	04-09-2008
 Author:     	Roberto De Vivo
 Client:		Vincis
 Project:		Schiermonnikoog.nl
 Copyright:  	Vincis B.V. The Netherlands

--------------------------------------------------------------------------------------------------
 Index:
--------------------------------------------------------------------------------------------------
 =global
 =misc 
 =txtReplacements	
 =Print 
 
--------------------------------------------------------------------------------------------------
 Colors:
--------------------------------------------------------------------------------------------------
 =1 Backgound color		#fff	(white)

 =2 Sidebar text		#52708c	(dark blue)
 =3 Sidebar bullets		#859fc2	(light blue)

 =4 Titles / links		#c43525 (red)
 =5	Link Mouseover		#de762d	(orange)
  
 =6	Body text			#333	(dark grey)
 =7	Minimenu			#b8b8b8	(light grey)

 * Unique * 
 =8 Sidebar background	#edf1f6	(very light blue)
 =9 Page options		#929292 (medium grey)
 =A grey Mouseover		#555	(medium dark grey)	
 =B	Menu standard		#808080 (medium dark grey)

*/

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/
	html
	{
		padding:				0;
		margin:					0;
	}
	
	body 
	{
		position:				relative;
		
		height:					auto;
		
		color:					#4C4C4C;	/* =5 */
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
		font-size:				11px;
		line-height:			2.1818em;	/* 24px */
		
		padding:				0;
		margin:					0;
		
		background-color:		#fff;	/* =1*/
		background-image:		url(/sjablonen/1/images/general/portal/background.jpg);
		background-repeat:		repeat-x;
		background-position:	50% 0;
	}


		#wrapper
		{
			position:				relative;
			
			height:					300px;
			min-height:				300px;
			width:					976px;
			padding:				35px 0 0 0;
			margin:					0 auto;
		}
		*>#wrapper
		{
			height:					auto;
		}
		
	.hide 
	{
		display:				none;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	h1
	{
		clear:					both;
		margin-bottom:			0.33em;	/* 4px */
		
		margin-left:			11px;
	
		color:					#c43525;	/* =4 */
		font-weight:			bold;
		font-size:				1.36em;	/* 15px*/
	}
	
		h2
		{
			font-weight:			bold;
			font-size:				1.36em;	/* 15px*/
		}
		
	
	/*********************************************************************************************/
	/* =misc 											                                		 */
	/*********************************************************************************************/

	#logo
	{
		display:				block;
	
		margin:					0 0 10px 18px;
		width :					269px;
		height:					57px;
		
		text-indent: 			-5000px;	/* remove text */
		
		background-image:		url(/sjablonen/1/images/general/portal/logo.gif); 
		background-repeat:		no-repeat;
	}

	img
	{
		display:				block;
		
		margin:					0 0 19px 13px;
		
		padding:				2px;
		border:					1px solid #b8b8b8;	/* =7 */
	}
	
			
	p
	{
		/* clear:				both; */
		margin-bottom:		0.9em;
	}
	
		a
		{
			color:					#52708c;	/* =2 */
			text-decoration:		underline;
		}
		
			a:hover
			{
				color:					#859fc2;	/* =3 */
				text-decoration:		underline;
			}	
			
				a:hover img
				{		
					border:					1px solid #52708c;	/* =2 */
				}
	
	
		.gemeente a
		{
			color:					#c43525;	/* =4 */
			text-decoration:		underline;
		}
		
			.gemeente a:hover
			{
				color:					#de762d;	/* =5 */
				text-decoration:		underline;
			}	
			
				.gemeente a:hover img
				{		
					border:					1px solid #c43525;	/* =4 */
				}
				
	#portalChoices
	{
		width:				976px;
		
		margin:				0;
		padding:			126px 0 0 0;
	}
	
		#portalChoices li
		{
			float:				left;
			display:			inline;
			
			padding:			0 18px 0 13px;
			margin:				0;
			width:				198px;
		}
		*>#portalChoices li
		{
			width:				213px;
		}
	
	/* =List */
	.gemeente ul
	{
		padding-top:		0;
		margin:				26px 0 0 -13px;
	}

		.gemeente ul li
		{
			padding:				0 13px 0 13px;	
			
			background-image:		url(/sjablonen/1/images/general/bullet_menu.gif); 
			background-repeat:		no-repeat;

			background-position:	2px 1em;
		}	

			.gemeente ul li a
			{
				color:				#333;	/* =3 */
				text-decoration:	none;
			}
	
				.gemeente ul li a:hover
				{
					color:				#de762d;	/* =5 */
					text-decoration:	underline;
				}
				
	/*********************************************************************************************/
	/* =txtReplacements							                                      			 */
	/*********************************************************************************************/
	h2
	{
		text-indent: 			-5000px;	/* remove text */
					
		background-repeat:		no-repeat;
		background-position: 	left 6px;
	}
	
	.gemeente h2
	{
		background-image:		url(/sjablonen/1/images/general/portal/title_gemeente.gif);
	}
	
	.vvv h2
	{
		background-image:		url(/sjablonen/1/images/general/portal/title_vvv.gif);
	}
	
	.park h2
	{
		background-image:		url(/sjablonen/1/images/general/portal/title_nationaalpark.gif);
	}

	.agenda h2
	{
		background-image:		url(/sjablonen/1/images/general/portal/title_agenda.gif);
	}
}


/*********************************************************************************************/
/* =Print 									                                      			 */
/*********************************************************************************************/
@media print
{
	.hide, #adxmenuContainer, #quickSearch, #logo, .shortcuts, #tabs, #sideBar, .readMore, #resizeFont,
	#miniMenu, #navigation, #options, #metaLinks, #downloadList
	{
		display:				none;
		visibility:				hidden;
	}
	
	body 
	{
		font-family: 			Verdana, Helvetica, Arial, sans-serif;
		font-size:				11px;
		line-height:			1.8em;
	}

	.floatCloser
	{
		clear:					both;
	}

	#wrapper #content img
	{
		padding:				1px;
		margin:					0 0 12px 0;
		
		border:					1px solid #127983;	/* =1 */
	}
	
	#wrapper #content a
	{
		color:					#000;
		text-decoration:		underline;
	}
	
		#wrapper #content a img
		{
			border:					none;
		}

	#wrapper #content hr
	{
		display :			normal;
		list-style:			none;
		
		height: 			1px; 
		color: 				#000; 
		background-color: 	#000; 
		border: 			solid #000 1px;
		filter:				none;
	}

}