/*************************************************************************************************/
/* Author:			Lively / Roberto De Vivo                                                 	 */
/* Description:		Basic subpage						                                         */
/*************************************************************************************************/
/* 
	Thanx for watching! :)
	Bit nosey though!
*/

@media screen 
{
	/*********************************************************************************************/
	/* =Global Styles  							                                      			 */
	/*********************************************************************************************/
	body 
	{
		font-family: 			Georgia, "Times New Roman", serif;
		font-size:				12px;
		line-height:			1.5em;
		color:					#445;
		
		height:					auto;
		min-height:				1.5em;
		
		background-image:		url(../images/general/background.gif);
		background-position:	center 104px;
		background-repeat:		no-repeat;
		
		background-color:		#fff;
	}
	
		body a
		{
			color: 				#086a83;
			text-decoration:	underline;
		}
			body a:visited
			{
				color: 				#086a83;
				text-decoration:	underline;
			}
			
			body a:hover
			{
				color: 				#bbc;
				text-decoration:	underline;
			}
	
			
	.hide, #bigMap
	{
		display:			none;
		height:				0;
		width:				0;
	}

	#content .error
	{
		padding:			0 16px 16px 16px;
		margin:				16px 16px 32px 16px;
		
		color:				#880000;
		font-weight:		bold;
		
		border:				2px solid #e20000;
		background-color:	#fdd;
	}
	
	#content .success
	{
		padding:			16px;
		margin:				16px 16px 32px 16px;
		
		color:				#009f02;
		font-weight:		bold;
		
		border:				2px solid #00bf02;
		background-color:	#bfb;
	}
	
	#content .errorField
	{
		color:				#880000;

		background-color:	#fdd;
		border:				1px solid #e20000;
	}
	
	
	/*********************************************************************************************/
	/* =Masthead	  							                                      			 */
	/*********************************************************************************************/
	/* =Photo */	
	#dynamicPhoto
	{
		background-repeat:		no-repeat;
		
		width:					729px;
		height:					170px;
		
		border-right:			1px solid #fff;
	}

	/* =Logo Container*/
	#logo
	{
		position:			absolute;
		left:				16px;
		top:				34px;
		
		width:				138px;
		height:				46px;
	}
	
		#logo img
		{
			display:			block;
		}
	
	
	/*********************************************************************************************/
	/* =Structure	  							                                      			 */
	/*********************************************************************************************/
	
	/* =Content Container*/
	#contentContainer
	{
		min-height:			1em;
		height:				auto;
		
		margin:				243px;

		width:				479px;
		padding:			0 0 36px 0;
	}
	
	#content
	{
		float:				left;
		min-height:			1em;
		height:				auto;
		
		width:				489px;
		border-left:		1px solid #efefef;
		margin-top:			9px;
	}
	

	/* =Mini Menu Container*/
	#miniMenuContainer
	{
		position:			absolute;
		top:				9px;
		margin-left:		376px;
		width:				354px;
	}
	
	#navigationContainer
	{
		position:			absolute;
		top:				28px;
		margin-left:		232px;
		width:				498px;
	}
	
	#pageindex
	{
		float:				left;
		margin-top:			9px;
		padding-bottom:		9px;
		
		width:				239px;
		/* border-right:		1px solid #efefef; */
		background-color:	#f2f7f9;
	}
	
	#totalContainer
	{
		position:				relative;
		display:				block;
		
		width:					730px;
		margin:					0 auto;
		padding-top:			104px;
		padding-bottom:			36px;
		
		height:					50px;
		min-height:				50px;
	}				
	*>#totalContainer
	{
		height:					auto;
	}		
	

	/*********************************************************************************************/
	/* =Headers	  							                                      				 */
	/*********************************************************************************************/
	/* =Content header */
	#content h1 
	{
		/* text-transform: 	uppercase; */
		font-weight:		bold;
	
		font-size:			1.5em;
		line-height:		1.25em;
		
		margin-top: 		0.5em;
		margin-bottom: 		0.2222em;
		padding:			0 16px 0 16px;
	}
	
	#content h2 
	{
		/* text-transform: 	uppercase; */
		font-weight:		bold;
	
		font-size:			1.3em;
		color:				#086a83;
		
		line-height:		1.25em;
		
		margin-top: 		1.6667em;
		margin-bottom: 		0.1333em;
		padding:			0 16px 0 16px;
	}
	
	#content h3 
	{
		text-transform: 	lowercase;
		font-variant:		small-caps;
		font-weight:		bold;
		
		color:				#082a43;
		line-height: 		1em;
		
		margin-top: 		1.6667em;
		margin-bottom: 		0.3333em;
		padding:			0 16px 0 16px;
	}
	
	#pageindex h2
	{
		font-weight:		bold;
	
		font-size:			1.3em;
		color:				#086a83;
		
		line-height:		1.25em;
		
		margin-top: 		0.7em;
		margin-bottom: 		0.2222em;
		padding:			0 16px 0 16px;
	}

	/*********************************************************************************************/
	/* =Content styles	  							                                			 */
	/*********************************************************************************************/
	
	#content img, #content a img
	{
		background-color:		#fff;
		border:					1px solid #e5e5e5;
		display:				block;
		margin:					5px 0 5px 16px;
		padding:				5px;
	}
	
		#content a:hover img
		{
			background-color:		#086a83;
			border:					1px solid #086a83;
			display:				block;
		}
	
	/* =Content standard styles */
	#content p, #content address
	{
		clear:				both;
		margin-bottom:		0.8em;
		padding:			0 16px 0 16px;
	}
	
		#content a
		{
			/* color:				#6a98d4; */
		}
		
			#content a:hover
			{
				color:					#034b5d; 
				background-color:		#e6f0f2;
			}
			
			#content a:visited
			{
				/*color:				#802f80;*/
			}
		
	/* =Blockquote */
	#content blockquote
	{
		margin:				0 16px 1em 16px;

		padding-top:		11px;
		padding-bottom:		0;
		
		min-height:			1em;
		height:				auto;
		
		border:				1px solid #e5e5e5;
		background-color:	#fafafa;
						
		color:				#828282;
	}
	
		#content blockquote a
		{
			color:				#828282;
			text-decoration:		underline;
		}
		
			#content blockquote a:hover
			{
				color:					#424242;
				background-color:		#f2f2f2;
				text-decoration:		underline;
			}
			
				#content blockquote a:visited
				{
					color:				#802f80;
				}
			
		#content blockquote h2, #content blockquote h3
		{
			margin-top:			0;
			color:				#828282;
			font-variant:		normal;
		}
		
		#content blockquote p
		{
			clear:				both;
			margin-bottom:		1em;
			margin-left:		0px;
			margin-right:		0px;
		}
		
	#content em
	{
		font-style:			italic;
	}
	
	/* =hr */
	#content hr
	{
		width:				455px; 
		height: 			1px; 
		color: 				#e5e5e5; 
		background-color: 	#e5e5e5; 
		border: 			solid #e5e5e5 0px;
		margin:				0 16px 1em 16px;
		padding:			0;
	}


	/* =imageBlock */
	body #content .imageBlock
	{
		width:				449px;
		padding:			9px 0 9px 8px;
		margin:				24px 0 24px 16px;
		
		color:				#828282;
		font-size:			0.9em;
	}
	
		body #content .imageBlock a
		{
			color:				#828282;
			text-decoration:	underline;
		}
		
			body #content .imageBlock a:hover
			{
				color:					#424242;
				background-color:		#f2f2f2;
				text-decoration:		underline;
			}
			
		body #content .imageBlock img
		{
			margin-right:		9px;
		}
	
	/* =pageSummary */
	#content .pageSummary
	{
		text-transform: 	lowercase;
		font-variant:		small-caps;
		color:				#667;
		
		font-weight:			bold;
		margin-bottom:			2em;
	}
				
	/* =Pre */
	#content pre
	{
		font-family:		Courier;
		margin:				0 16px 2em 16px;
		
		padding:			14px 9px 0 9px;
		
		min-height:			1em;
		height:				auto;
						
		color:				#828282;
		background-color:	#fafafa;
	}
	
		#content pre a
		{
			color:				#828282;
			text-decoration:	underline;
		}
		
			#content pre a:hover
			{
				color:					#424242;
				background-color:		#f2f2f2;
				text-decoration:		underline;
			}
			
				#content pre a:visited
				{
					color:				#802f80;
				}
			
		#content pre h2, #content pre h3
		{
			margin-top:			0;
			color:				#828282;
			font-variant:		normal;
		}

	#content strong
	{
		font-weight:		bold;
	}
		
	/* =Alignment */
	#content .textAlignRight
	{
		text-align:			right;
	}
	
	#content .textAlignCenter
	{
		text-align:			center;
	}
	
	#content .textAlignJustify
	{
		text-align:			justify;
	}

	#content .textAlignLeft
	{
		text-align:			left;
	}	

	/* =Tables */
	#content table {
		width:					470px;
		
		padding: 				0;
		margin:					0 8px 18px 8px;
		
		border-bottom:			1px solid #086a83;
		border-right:			1px solid #086a83;
		
		border-collapse: 		collapse;
	}
	
		#content table tbody {
			padding: 				0;
			margin:					0;
		}
		
		#totalContainer #content table tr:hover
		{
			background-color:		#f8f8fc;
		}
		
		#content table th {
			font-weight:			bold;
			font-variant:			small-caps;
			color:					#fff;
			background-color:		#086a83; 

			padding: 				1px 8px 1px 9px;
			margin:					0;
			border-left:			1px solid #086a83;
			border-top:				1px solid #086a83;
		}
		
		#content table td {
			border-width: 			0;
			padding: 				1px 8px 1px 9px;
			margin:					0;
			
			border-left:			1px solid #086a83;
			border-top:				1px solid #086a83;
		}
	
		#content table .tableRowOdd
		{
			background-color: 		#fafaff; /* row alternating color */
		}
		
	/* =Underline */
	#content .textUnderline	
	{
		text-decoration:	underline;
	}
	
	/* =List */
	#content ul, #content ol
	{
		display:			block;
		clear:				both;
		padding-bottom:		0.8em;
		padding-top:		0;
		
		margin:				0 16px 0 0;

		min-height:			1em;
		height:				auto;
	}

		#content ul li
		{
			background-image:		url(../images/general/bullet-blue_wave.gif);
			background-repeat:		no-repeat;
			background-position:	30px 6px;
			
			padding:			0 16px 0 50px;

			min-height:			1em;
			height:				auto;
		}
		
	#content ol
	{
		list-style-type: 		decimal;
	}
	
		#content ol li
		{
			display:			list-item;  /* work around for IE ordered list bug */ 
			padding:			0 16px 0 0;
			margin-left:		50px;
			min-height:			1em;
			height:				auto;
		}




	/* =List */
	#content dl
	{
		display:			block;
		clear:				both;
		padding-bottom:		0.8em;
		padding-top:		0;
		
		margin:				0 16px 0 0;

		min-height:			1em;
		height:				auto;
	}

		#content dl dt
		{
			padding:			16px 16px 0 16px;

			min-height:			1em;
			height:				auto;
			

			font-weight:		bold;
		}
		
		#content dl dd
		{
			background-image:		url(../images/general/bullet-blue_wave.gif);
			background-repeat:		no-repeat;
			background-position:	16px 6px;
			
			padding:			0 16px 0 36px;
			min-height:			1em;
			height:				auto;
		}
		
		#content .bijschrift
		{
			font-size:			0.91em;
			font-style:			italic;
		}
		
	/*********************************************************************************************/
	/* =Navigation 																				 */
	/*********************************************************************************************/
		
	/* =Mini Menu Navigation */
	#miniMenu
	{
		position:			relative;
		
		font-size:			0.88em;
		line-height:		1em;
		color:				#b2b2b2;
	}
	
		#miniMenu li
		{
			float:				left;
			margin-right:		13px;
			padding-right:		12px;
			
			border-right:		1px solid #efefef;
		}
		
			#miniMenu a
			{
				color:				#b2b2b2;
				text-decoration:	none;
			}
			
				#miniMenu a:hover
				{
					color:					#424242;
					background-color:		#f2f2f2;
					text-decoration:		underline;
				}
		
			#miniMenu .lastItem
			{
				border:				none;
				margin-right:		0;
				padding-right:		0;
			}
			
	/* =Main Menu Navigation */
	#navigation	
	{
		padding:			0;
		margin:				0;
	}

		#navigation a
		{
			display:			block;
			
			width:				87px;
			
			height:				6px;
			max-height:			6px;
			
			padding:			35px 9px 28px 19px;
			
			
			color:				#086a83; 
			text-decoration:	none;
			
			background-repeat:		no-repeat;
			background-position:	1px 40px;
			background-image:		url(../images/general/bullet-blue_wave.gif);
		}
		
			#navigation a:hover, #navigation .selected a:hover
			{
				background-color:	#034b5d;
				color:				#fff;
				text-decoration:	none;

				background-repeat:		no-repeat;
				background-position:	0px 0px;
				background-image:		url(../images/general/bullet-white_wave-menu.gif);
			}
			
			#navigation .selected a 
			{
				background-color:	#086a83; 
				color:				#fff;
				
				background-repeat:		no-repeat;
				background-position:	1px 40px;
				background-image:		url(../images/general/bullet-white_wave.gif);
			}
			
				 #navigation .selected a:hover
				{
					background-color:	#218da8;
					color:				#ffffff;
					
					background-position:	0px 0px;
					background-image:		url(../images/general/bullet-white_wave-menu.gif);
				}
			
		#navigation	li
		{
			text-transform: 	lowercase;
		  	/*font-variant:		small-caps;*/
			font-weight:		bold;
			font-size:			1.1em;
			
			line-height: 		1.1em;
			width:				115px;
			
			float:				left;
			padding:			0;
			margin:				0 0 0 9px;
		}
		
	/* Sub menu */
	#pageindex a
	{
		text-decoration:		none;
	}
	
	#pageindex .selected a
	{
		color:					#445;
	}
	
		#pageindex a:hover
		{
			color:					#034b5d;
			background-color:		#e6f0f2;
			
			text-decoration:		underline;
		}
			
	#pageindex ol
	{
		display:			block;
		clear:				both;
		
		font-size:			0.9em;
		padding-bottom:		0.8em;
		padding-top:		2px;
		margin:				0 16px 0 0;

		min-height:			1em;
		height:				auto;
	}

		#pageindex ol li
		{
			background-image:		url(../images/general/bullet-arrow.gif);
			background-repeat:		no-repeat;
			background-position:	6px 5px;
			
			padding:			0 16px 0 17px;

			min-height:			1em;
			height:				auto;
		}
		
		#pageindex ol li.selected
		{
			text-transform: 	uppercase;

			font-weight:		bold;
			background-image:		url(../images/general/bullet-arrow_selected.gif);

		}
		
			#pageindex ol li ol
			{
				font-size:			1em;
			}
			
	/*********************************************************************************************/
	/* =Miscellaneous	  					                                      				 */
	/*********************************************************************************************/
	.floatCloser
	{
		clear:					both;
	}
	
	/* =Options Menu Container*/
	#content #options
	{	
		clear:				both;
		display:			block;
		
		font-size:			0.9em;
		height:				1.5em;
		color:				#b2b2b2;


		margin:				8px 16px 9px 0;
		padding-bottom:		0;
	}

		#content #options li
		{
			float:			left;
			margin-right:	13px;
			padding:		0 14px 0 32px;
		}
			
			#options .print
			{
				background-image:		url(../images/general/icon_print.gif);
				background-repeat:		no-repeat;
				background-position:	16px 4px;	
			}
			
			#options .toTop
			{
				background-image:		url(../images/general/icon_top.gif);
				background-repeat:		no-repeat;
				background-position:	18px 4px;
			}
			
			#content #options a, #content #options a:visited
			{
				color:				#b2b2b2;
				text-decoration:	none;
			}
			
				#content #options a:hover
				{
					color:					#424242;
					background-color:		#f2f2f2;
					text-decoration:		underline;
				}
		
	/*********************************************************************************************/
	/* =Form	  					                                      						 */
	/*********************************************************************************************/		
	#content form
	{
		clear:				both;
		margin-bottom:		0.8em;
		padding:			0 16px 0 16px;
	}
	
		#content form label
		{
			clear:				left;
			float:				left;
			
			width:				214px;
			padding:			8px 0 0 0;
			
			color:				#086a83;
			font-weight:		bold;
			text-transform: 	lowercase;
			font-variant:		small-caps;
		}
		
		#content form input, #content form textarea
		{
			float:				left;
			
			font-family: 		Georgia, "Times New Roman", serif;
			font-size:			12px;
			line-height:		1.5em;
			color:				#888;
			
			margin:				6px 0 0 0;
			padding:			0px 8px 4px 8px;
			width:				220px;

			border:				1px solid #828282;
		}
		
		#content form .button
		{
			clear:				both;
			
			background-color:	#f2f2f2;
			
			width:				87px;
			margin:				16px 0 16px 365px;
			padding-bottom:		0px;
			
			font-weight:		bold;
		}
	
	
	/*********************************************************************************************/
	/* =fotoList	  				                                      						 */
	/*********************************************************************************************/	
	
	#fotoList
	{
		padding:		0 0 16px 16px;
		min-height:		120px;
		height:			120px;
	}
	*>#fotoList
	{
		height:			auto;
	}
	
		#content #fotoList a img
		{
			float:			left;
			display:		inline;
			
			margin:			24px 24px 0 0;
			width:			120px;
			height:			120px;
		}
	

}