body
	{
		background: 	#000;		
		font-family: 	arial;
		font-size: 		14px;
		text-align: 	center;
		font-style: 	normal;
		font-weight: 	normal;
		color: 			#fff;
		position: 		relative; /*stabiliseren van IE*/
	}	
	#header 
	{
		width: 			100%;
		margin:			0em auto; 
		text-align: 	right;
		z-index:		0;
		color: 			#fff;
		margin-top:		30px;
		border-bottom:  1px solid #ccc;
	}
	a
	{
		color:			#fff;
	}
	a:hover
	{
		color:			#ccc;
	}
	#container
	{ 			
		margin:			0em auto; 
		padding:		0;
		width: 			100%;
	}	
	#footer 
	{
		width: 			90%;
		margin:			0em auto; 	
		text-align: 	center;
	}	
	#content
	{
		width: 			100%;
		margin: 		0em auto;
		text-align:		center;
	}
	.column-in {
		margin:			0; 
		padding:		0;
	}
	.cleaner 
	{
		clear:			both;
		height:			1px;
		font-size:		1px;
		border:			none;
		margin:			0; 
		padding:		0;
		background:		transparent;
	}
	.invisible
	{
		visibility: 		hidden;
	}
	#frontpage
	{
		background:		url(../images/etusivu.jpg) no-repeat left;
		margin:			0;
		padding:		0;
		min-height:			500px;
	}
	#info
	{
		margin:			0;
		padding:		0;
		min-height:		500px;
	}
	#logo
	{
		text-align:		left;
	}
	#navigation 
	{	
		background:		#000;
		min-width: 		760px;
		position: 		relative;
		width: 			100%;
		position: 		fixed; 
		bottom: 		0;
		left: 			0;
		right: 			0;
		z-index: 		1000;
		opacity:		.70;
		filter: 		alpha(opacity=70); 
		-moz-opacity: 	0.7;
	}
	* html #container 
	{
		height: 		100%; /*IE6*/
	}
	* html #navigation 
	{
	  position: 		absolute;
	  width: 			100%;/*IE5.5*/
	  bottom: 			0;
	  left: 			0;
	  overflow: 		visible; 
	  top: 				expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
	}
	.film
	{
		background: 	#000;

		width:			118px;
	}
	.film a
	{
		color:			#fff;
		font-size:		20px;
		text-decoration:none;
	}	
	.film a:hover
	{
		color:			#ccc;
	}