/*************************************************************************************************/
/* Author:			VINCIS / Roberto De Vivo                                                 	 */
/* Description:		Subpage								                                         */
/*************************************************************************************************/
/* 
	Table of Contents:
	1.	Global Styles
	2.	Masthead
	3.	Structure
	4.	Headers
	5.	Content styles
	6.	Navigation
	7.	Forms
	8.	Meta block
	9.	Miscellaneous

	List of colours:

	1.	Dark green:		#5f663a
	2.	Light green:	#98a35d
	3.	Dark blue:		#1f3653
	4.	Light blue:		#6a98d4
	
	non changing colours:
	
	5.	Dark grey:		#828282
	6.	Grey:			#b2b2b2
	7.	Light grey:		#e5e5e5
	
*/

@media screen 
{
	/*********************************************************************************************/
	/* =Global Styles  							                                      			 */
	/*********************************************************************************************/
	
	body 
	{
		font-family: 			Georgia, "Times New Roman", serif;
		font-size:				12px;
		line-height:			1.5em;
		height:					auto;
		
		background-position:	center 151px;
		background-repeat:		no-repeat;
	}
	
	.hide 
	{
		display:			none;
		height:				0;
		width:				0;
	}
	
	/*********************************************************************************************/
	/* =Masthead	  							                                      			 */
	/*********************************************************************************************/
	/* =Photo */	
	#dynamicPhoto
	{
		background-position:	4px 0;
		background-repeat:		no-repeat;
		
		width:					974px;
		height:					234px;
		
		border-left:			1px solid #e5e5e5;
		border-right:			1px solid #e5e5e5;
		
		margin:					92px 0 9px 0;
	}

	/* =Logo Container*/
	#logo
	{	
		z-index:			3;
		width:				402px;
		height:				55px;
		padding:			0 9px 9px 9px;
		margin-top:			6px;
		margin-left:		4px;
	}
	
	/* =Flags Navigation */	
	#logoFlag
	{
		float:					right;
		margin-right:			4px;

	}
		#logoFlag li
		{
			float:				left;
			margin-left:		9px;
		}
		
		#logoFlag li.caseSpecial
		{
			margin:				25px 25px 0 0;
		}
		
			#logoFlag li.caseSpecial.banner1
			{
				margin:				30px 25px 0 0;
			}
			
			
			#logoFlag li.caseSpecial.banner3
			{
				margin:				30px 0px 0 0;
			}
	
	/*********************************************************************************************/
	/* =Structure	  							                                      			 */
	/*********************************************************************************************/
	
	/* =About Container*/
	#about
	{
		position:			absolute;
				
		top:				232px;
		left:				auto;
		margin-left:		486px;

		min-height:			106px;
		height:				auto;
		
		width:				427px;
		padding:			14px 4px 9px 4px;
		
		/* color:				#1f3653; */
	}
	
	/* =Calendar Container*/
	#calendar
	{
		position:			absolute;

		top:				405px;
		left:				auto;
		
		margin:				0;
		margin-left:		486px;
		
		width:				488px;

		border-left:		1px solid #e5e5e5;
		border-right:		1px solid #e5e5e5;
	}
	
	/* =Mini Menu Container*/
	#miniMenuContainer
	{
		z-index:			2;
		position:			absolute;
		top:				5px;
		width:				976px;
	}
	
	#navigationContainer
	{
		position:			absolute;
		top:				111px;
		width:				976px;
	}
	
	/* =News Container*/
	#news
	{
		width:				478px;	 /* 487 */
		margin-top:			9px;
		margin-bottom:		36px;
		border-left:		1px solid #e5e5e5;
		padding:			14px 4px 0 3px;
	}
	
	/* =Newsletter Container*/
	#newsletter
	{
		position:			absolute;

		top:				662px; 
		left:				auto;
		
		margin:				0;
		margin-left:		486px;
		margin-bottom:		36px;
		
		padding-top:		14px;
		padding-bottom:		9px;
		
		width:				488px;
		
		border-left:		1px solid #e5e5e5;
		border-right:		1px solid #e5e5e5;
	}
	
	/* =Search Container */
	#search
	{
		margin-top:			6px;
		width:				243px;
		float:				right;
	}
	
	#totalContainer
	{
		width:						975px;
		margin:						0 auto;
		height:						auto;
	}				
	
	/*********************************************************************************************/
	/* =Headers	  							                                      				 */
	/*********************************************************************************************/
	/* =about header */
	
	#about h2
	{
		/* color:				#fff; */
		
		font-weight:		bold;
		
		font-size:			1.3333em;
		line-height:		1em;

		margin-left:		11px;
		margin-bottom:		0.8em;
	}

	/* =Calendar header */
	#calendar h2
	{
		font-weight:		bold;
		
		font-size:			1.3333em;
		line-height:		1em;
		
		margin:				0;
		margin-bottom:		10px;
	}
	
	#calendar h3
	{
		color:				#b2b2b2;
		text-decoration:	none;
		font-weight:		normal;
	}
	
	#calendar h3 a
	{
		color:				#b2b2b2;
		text-decoration:	none;
	}
	
		#calendar h3 a:hover
		{
			color:				#828282;
			text-decoration: 	underline;
		}
		
		#calendar h3 a span
		{
			display:			block;
			clear:				both;
			
			font-weight:		bold;
			text-decoration:	none;

		}
		
			#calendar h3 a:hover span
			{
				text-decoration: 	underline;
			}
	
	/* =misc header */
	#news h2
	{
		font-weight:		bold;
		
		font-size:			1.3333em;
		line-height:		1em;
	
		margin:				0 0 0 9px;
	}
	
	#news h2
	{
		margin-bottom:		0;
	}
	
	/* =news item header */
	#news h3
	{
		font-weight:		bold;
		text-decoration:	none;
	}
	
	#news h3 a
	{
		text-decoration:	none;
	}
	
		#news h3 a:hover
		{
			text-decoration: 	underline;
		}
		
		#news h3 a span
		{
			display:			block;
			width:				70px;
			margin-right:		4px;
			
			float:				left;
			
			color:				#b2b2b2;
			font-weight:		normal;
			text-decoration:	none;
		}
		
			#news h3 a:hover span
			{
				color:				#828282;
				text-decoration: 	underline;
			}
	
	/* =Newsletter header */
	#newsletter h2
	{
		font-weight:		bold;
		
		font-size:			1.3333em;
		line-height:		1em;
	
		margin:				0 0 13px 11px;
	}			
	
	#newsletter h3
	{
		clear:				left;
		
		line-height:		1em;
		margin:				0 0 0 12px;
		
		font-weight:		bold;
		text-decoration:	none;
	}
		
	/* =Search header */
	#search h2
	{
		font-weight:		bold;
		
		font-size:			1.3333em;
		line-height:		1em;
	
		margin:				0 0 0 11px;
		
		float:				left;
		width:				3.5em;
	}
		
	/*********************************************************************************************/
	/* =About styles	  							                                			 */
	/*********************************************************************************************/
	#about p
	{
		margin-bottom:		0.8em;
		margin-left:		11px;
		margin-right:		9px;
	}

	/*********************************************************************************************/
	/* =Calendar styles	  							                                			 */
	/*********************************************************************************************/

	#calendar ol
	{
		min-height: 			248px;
		height:					auto;
	}
	#news ul
	{
		clear:				left;
		margin-top: 		0;
		margin-left:		9px;
		margin-right:		9px;
	}
	
	#news ul li
	{
		padding:			10px 0 6px 0;
	}
	#calendar li
	{
		width:				136px; /* 154 */
		
		float:				left;
		padding-left:		9px;
		padding-right:		9px;
		padding-top:		40px;

		margin-left:		5px;
		margin-right:		4px;		

		min-height: 		208px;	/* 248 */
		height:				auto;
	}
	
		#calendar li p
		{
			padding-bottom:		9px;
		}
	
	#calendar ol .firstItem
	{

		padding-top:		14px;

		margin-left:		4px;
		
		min-height: 		234px;	/* 248 */
		height:				auto;
	}
	
	#calendar ol .upcomingEvents
	{
		margin-top:		5px;
		height:			1em;
	}
	/*********************************************************************************************/
	/* =News styles	  							                                			 */
	/*********************************************************************************************/
	
	#news ul
	{
		clear:				left;
		margin-top: 		0;
		margin-left:		9px;
		margin-right:		9px;
	}
	
	#news ul li
	{
		padding:			10px 0 6px 0;
	}
	
	/*********************************************************************************************/
	/* =Newsletter styles	  							                                		 */
	/*********************************************************************************************/
	#newsletter #newsletterFields
	{
		margin:				13px 0 13px 0;
	}
	
	#newsletter div
	{
		clear:				left;
		margin:				0 0 0 13px;
	}
	
	#newsletter p
	{
		margin:				0 0 0 12px;
	}
	
	/*********************************************************************************************/
	/* =Navigation 																				 */
	/*********************************************************************************************/
		
	/* =Mini Menu Navigation */
	#miniMenu
	{
		position:			relative;
		
		font-size:			0.9em;
		color:				#b2b2b2;
		
		top:				3px;
		margin-left:		376px;
	}
	
		#miniMenu li
		{
			float:				left;
			margin-right:		13px;
			padding-right:		12px;
			
			border-right:		1px solid #e5e5e5;
		}
		
			#miniMenu a
			{
				color:				#b2b2b2;
				text-decoration:	none;
			}
			
				#miniMenu a:hover
				{
					color:				#828282;
					text-decoration:	underline;
				}
		
			#miniMenu .lastItem
			{
				border:				none;
			}
			
	/* =Main Menu Navigation */
	#navigation	
	{
		position:			relative;
		top:				0;
		left:				0;
		
		margin:				0 5px;
	}

		#navigation a
		{
			/* color:				#1f3653; */
			text-decoration:	none;	
		}
		
			#navigation a:hover
			{
				/* color:				#1f3653; */
				text-decoration:	underline;	
			}

		#navigation	li
		{
			text-transform: 	uppercase;
		/*  font-variant:		small-caps;*/
			font-weight:		bold;
	
			line-height: 		1.2em;
			
			width:				102px;
			height:				22px;
			
			/* color:				#1f3653; */
			
			float:				left;
			padding:			9px;
			margin-right:		1px;
		}
		
			#navigation	li:hover
			{
				background-color:		#e5e5e5;
				background-image:		url(/sjablonen/default/images/general/background_navigation.gif);
				background-position:	top right;
				background-repeat:		no-repeat;
			}
			
			#navigation .selected
			{
				/* background-color:	#1f3653; 
				color:				#fff; */
			}
			
				#navigation	.selected:hover
				{
					/* background-color:	#6a98d4;
					color:				#1f3653; */
				}
				
	
	/*********************************************************************************************/
	/* =Forms	  							                                    	  			 */
	/*********************************************************************************************/
	
	/* =Search Form */
	#search input
	{
		font-family: 		Georgia, "Times New Roman", serif;
		color:				#828282;
		line-height:		1.2333em;	

		width:				7.8em;
		height:				1.2333em;

		margin:				-1px 0 0 6px;
		padding:			0 4px 0 4px;
		border:				1px solid #b2b2b2;
	}
	
		#search input:focus
		{
			background-color:	#f8f8f8;
		}
		
	#search .button
	{
		display:			inline;
		/*color:				#fff;
		 background-color:	#98a35d; */

		width:				3em;
		height:				1.3333em;
		
		padding:			0 0 0 2px;
		/* border:				1px solid #5f663a; */
	}	
	
		#search .button:focus
		{
			/* background-color:	#5f663a;*/
		}
	
	/* =Newsletter Form */
	#newsletter input
	{
		font-family: 		Georgia, "Times New Roman", serif;
		color:				#828282;
		line-height:		1.2333em;	

		width:				10em;
		height:				1.2333em;

		margin:				-1px 0 0 11px;
		padding:			0 4px 0 4px;
		border:				1px solid #b2b2b2;
	}
	
		#newsletter input:focus
		{
			background-color:	#f8f8f8;
		}
		
	#newsletter .button
	{
		display:			inline;
		/*color:				#fff;
		 background-color:	#98a35d; */

		width:				5.7333em;
		height:				1.3333em;
		
		padding:			0 0 0 2px;
		/* border:				1px solid #5f663a; */
	}	
	
		#newsletter .button:focus
		{
			/* background-color:	#5f663a;*/
		}
}

	/*********************************************************************************************/
	/* =PRINT Styles  							                                      			 */
	/*********************************************************************************************/
@media print
{

	/*********************************************************************************************/
	/* =Global Styles  							                                      			 */
	/*********************************************************************************************/
	body 
	{
		font-family: 		Georgia, "Times New Roman", serif;
		font-size:			12px;
		line-height:		1.5em;
		height:				auto;
		
	}
	
	body a
	{
		color:					#000!important;
		text-decoration:		none;	
	}
	
	.hide 
	{
		display:			none;
		height:				0;
		width:				0;
	}
	
	/*********************************************************************************************/
	/* =Masthead	  							                                      			 */
	/*********************************************************************************************/
	/* =Logo Container*/
	#logo
	{	
		z-index:			3;
		width:				402px;
		height:				55px;
		padding:			0 9px 9px 9px;
		margin-top:			6px;
		margin-left:		4px;
	}
	
	#logo img
	{
		border:				none;
	}

	/*********************************************************************************************/
	/* =Structure	  							                                      			 */
	/*********************************************************************************************/
	
	/* =Content Container*/
	#totalContainer
	{
		padding:			14px 4px 9px 4px;
	}

	/* =Mini Menu Container*/
	#miniMenuContainer, #navigationContainer, #logoFlags, #dynamicPhoto, #sidebar, #pageindex, #options, #newsletter
	{
		display:			none;
		height:				0;
		width:				0;
	}
	
	ol,ul,li
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
		list-style:none;
	}

	/*********************************************************************************************/
	/* =Headers	  							                                      				 */
	/*********************************************************************************************/
	/* =Content header */
	#totalContainer h1,	#totalContainer h2,	#totalContainer h3
	{
		clear:				both;
	}
	
	#totalContainer h1 
	{
		font-weight:		bold;
		
		font-size:			1.6667em;
		line-height:		1em;
	
		margin-bottom:		 0.8em;
	}
	
	#totalContainer h2 
	{
		text-transform: 	uppercase;
		font-weight:		bold;
	
		font-size: 			1em;
		line-height: 		1em;
		
		margin-top: 		1.6667em;
		margin-bottom: 		0.3333em; 
	}
	
	#totalContainer h3 
	{
		text-transform: 	lowercase;
		font-variant:		small-caps;
		font-weight:		bold;
		

		line-height: 		1em;
		
		margin-top: 		1.6667em;
		margin-bottom: 		0.3333em; 
	}
	
}