/*
--------------------------------------------------------------------------------------------------
 Title:			Homepage Styles
 Created on: 	13-09-2009
 Author:     	Roberto De Vivo
 Client:		Provincie Fryslân
 Project:		Website - Quick and very dirty
 Copyright:  	Vincis B.V. The Netherlands
*/

@media screen 
{
	/*********************************************************************************************/
	/* =global		  							                                      			 */
	/*********************************************************************************************/

	html
	{
		padding:				0;
		margin:					0;
	}
	
	body 
	{
		height:					auto;
		
		color:					#000;	/* =3 */
		font-family: 			Arial, Helvetica, sans-serif;
		font-size:				11px;
		line-height:			1.3em;		
		
		padding:				0;
		margin:					0;
		
		background-color:		#fff;		/* =15*/
		
		background-image:		url(background.gif);
		background-repeat:		repeat;
		background-position: 	0 0;

	}

	input, select
	{
		font-family: 			Arial, Helvetica, sans-serif;
		font-size:				1em;
	}

		#totalContainer
		{
			position:				relative;
			
			height:					300px;
			min-height:				300px;
			width:					960px;
			margin:					0 auto;
			padding:				0 0 10px 0;
		}
		*>#totalContainer
		{
			height:					auto;
		}
		
	.hide 
	{
		display:				block;
		position:				absolute;
		left:					-9999px;
		height:					0;
		width:					0;
	}
	
	.floatCloser
	{
		clear:					both;
	}
	
	#logo
	{
		position:				absolute;
		right:					67px;
		top:					41px;
	}
	
	
	#touristImage
	{
		position:				absolute;
		left:					193px;
		top:					189px;
	}	
	
	#provinceImage
	{
		position:				absolute;
		right:					189px;
		top:					199px;
	}
	
	#decoration
	{
		position:				absolute;
		right:					0;
		top:					91px;
	}
	
	#sphere
	{
		position:				absolute;
		right:					457px;
		top:					382px;
	}
	
	#collage
	{
		position:				absolute;
		right:					0;
		top:					485px;
	}
	
	#provinceLink,
	#touristLink
	{
		position:				absolute;
		top:					157px;
		font-size:				1.3em;
		text-decoration:		none;
	}
	
		#provinceLink:hover,
		#touristLink:hover
		{
			text-decoration:	 	underline;
		}
		
	#provinceLink
	{
		left:					507px;
		color:					#5F5F5F;
	}
	
	#touristLink
	{
		left:					178px; 
		color:					#FF0000;
	}
		
}