/* Tallieu & Tallieu nv - www.tnt.be*/

		a:active, a:focus {
			outline: none;
		}
	
	
	
		*,div,ul,li,h1,h2,p
		{
		margin: 0px;
		padding: 0px;

		}
		
	
		body, html
		{
		height: 100%;
		margin-bottom: 1px;
		}
		

		
		
	
		

	
		
		
		body
		{
	/*	overflow: hidden;*/
		background: #707E89 !important;
		background: #707E89 url("_images/bg-content.jpg") no-repeat top left;
		margin: 0px auto 0px;
		text-align: center;
		font: 11px/17px Helvetica, "Liberation Sans", Arial, sans-serif;
		color: #000;
		background-attachment: fixed;
		}
		
		
		
		body.index
		{
		background: #15232C !important;
		background: #15232C url("_images/bg.jpg") no-repeat top left;
		}
		
		
		
		.bg
		{
		width: 100%;
		display: block !important;
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 50;
		}
		
		
		
		div#wrapper
		{
		margin-left: -500px;
		left: 50%;
		right: 0px;
		width: 1000px;
		position: absolute;
		z-index: 99;
		_margin-left: 0px;
		_left: 0;
		}
		
		
		a img#qz
		{
		float: right;
		_display: inline;
		border: 0px;
		}
		
		
		a img#qz:hover
		{
		opacity: 0.5;
		}
		
		
		a img#nieuws
		{
		float: right;
		_display: inline;
		border: 0px;
				margin: 15px 135px 0 0

		}
		
		
		a img#nieuws:hover
		{
		opacity: 0.5;
		}
		
		
		
		div#nav
		{
		float: left;
		width: 300px;
		position: relative;

		}
		
		
		div#nav img.pic
		{
		margin: 50px 0 0 0; 
		border-top: 10px #000 solid;
				border-bottom: 10px #000 solid;

		}
		
		
		
		
		
		



#slideshow {
    position:relative;
    height:124px;
    width: 220px;
    margin: 50px 0 0 20px;
    
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}




		
		
		
		
		
		div#content
		{
		float: left;
		width: 700px;
		margin: 75px 0 0 0;
		}
		
		div#content h1#main
		{
		text-indent: -9999px;
		}
		
		div#content h1#main a
		{
		float: left;
		background: transparent url("_images/type-big-nl.png") no-repeat top center;
		width: 522px;
		height: 417px;
		_display: inline;
		}
		
		
		div#content h1#main a:hover
		{
		opacity: 0.5;
		}
		
		
		
		
		
		div#content h1#bezoekers
		{
		text-indent: -9999px;
		}
		
		div#content h1#bezoekers a
		{
		float: left;
		background: transparent url("_images/al-meer-dan-444444.png") no-repeat top center;
		width: 522px;
		height: 417px;
		_display: inline;
		}
		
		
		div#content h1#bezoekers a:hover
		{
		opacity: 0.5;
		}
		
		
		
		
		
		div#content img.title
		{
		display: block;
		}
	
		div#txt
		{
		width: 522px;
		float: left;	
		
		}
		
		div#txt p
		{
		clear: both; 
		text-align: left;
		margin: 0 0 0px 0;
		background: #fff;
		background: rgba(255,255,255,0.8);
		/*opacity: 0.8;*/
		padding: 5px;
		}

		div#txt ul.faketable	{
		margin: 0 0 0px 0;
		background: #fff;
		background: rgba(255,255,255,0.8);
		padding: 5px;
		text-align: left;
		list-style-type: none;
		clear: both;
		}

		div#txt ul.faketable strong	{
			float: left;
			width: 100px;
			}
		
		div#txt p.c
		{
		clear: both; 
		text-align: center;
		margin: 25px 0 15px 0;
		}
		
		
		div#txt p a
		{
		color: #000;
		text-decoration: underline;
		font-weight: bold;
		}
		
		
		div#txt p a:hover
		{
		text-decoration: none;
		}
		
		
		div#txt div
		{
		float: left;
		width: 44%;
		margin: 0px;
		}
		

		
		div#txt div#left
		{
		float: left;
		width: 44%;
		margin: 0px;
		}
		
		
		div#txt div#right
		{
		float: right;
		margin: 0px;
		}
		
		
		div#txt div#left p
		{		
		text-align: right;
		}
		
		
		div#txt div#right p
		{		
		text-align: left;
		}
		
		
		div#txt div#left h3
		{		
		color: #000;
		margin: 25px 0px 15px 0;
		text-align: right;
		}
		
		
		div#txt div#right h3
		{		
		color: #000;
		margin: 25px 0px 15px 0;
		text-align: left;
		}
		

		
		
		div#txt div a
		{
		color: #000;
		font-weight: bold;
		}
		
		div#txt div a img
		{
		border: 0px;
		}
		
		
		div#txt div a:hover img
		{
		opacity: 0.5;
		}
		
		
		div#txt h3.c
		{
		float: left;
		color: #000;
		margin: 25px 0px 15px 0;
		text-align: center;
		width: 522px;
		}
		
		
		div#txt h3.l
		{
		color: #000;
		margin: 25px 0px 15px 0;
		text-align: left;
		width: 250px;
		}
		
		
		blockquote
		{
		color: #BFBC8C;
		font: italic 12px/15px Georgia, times, sans-serif;
		}
		


		div#txt div#fotobox
		{
		width: 533px;
		height: 300px;
		}
		
		
		
		
		div#project-thumbs
		{
		margin: 25px 0 0 25px;
		}
		
		.stills-1
		{
		background: transparent url("_stills/big/1.jpg") no-repeat top left;
		}
		

		
		div.project a img
		{
		border: none;
		float: left;
		width: 100px;
		height: 56px;
		margin: 0 3px 3px 0px;
		}
		
		
		div.project a img, div.project a:link img, div.project a:visited img
		{
		color: #fff;
		border: none;
		}


		div.project a:hover img
		{
		opacity: 0.8;	
		}





	
		div#tnt
		{
		clear: both;
		margin: 50px auto 0px;
		float: left;
		font: bold 8px/15px "Helvetica Neue", Arial, sans-serif;
		text-transform: uppercase;
		text-align: center;
		width: 250px;
		}

		
		div#tnt a, div#tnt a:link, div#tnt a:visited
		{
		color: #ed141d;
		text-align: right;
		}
		
		
		div#tnt a:hover
		{
		text-decoration: none;
		}	




		div#social
		{
		clear: both;
		margin: 50px auto 0px;
		float: left;
		text-transform: uppercase;
		text-align: center;
		width: 250px;
		}

		
		div#social a img, div#social a img:link, div#social a img:visited
		{
		border: 0px;
				opacity: 1;

		margin: 0 0 5px 0;
		}
		
		
		div#social a img:hover
		{
		border: 0px;
		opacity: 0.5;
		}	
		



	
		ul#la
		{
		float: right;
		_display: inline;
		border: 0px;
		list-style: none;
		margin: 0 30px 0 0;
		}
	
	
	
	
		ul#la li a, ul#la li a:link, ul#la li a:visited
		{
		font: bold 11px/25px "Helvetica Neue", Arial, sans-serif;
		color: #fff;
		padding: 4px;
		width: 80px;
		text-align: center;
		border: 1px #fff solid;
		margin: 0 0 2px 0;
		}
		
	
	
		ul#la li a:hover
		{
		color: #ed141d;
		}
		
		
		
		ul#la li a#activio
		{
		color: #000
		}
		
		
		
		div#kfd
		{
		float: right;
		width: 32px;
		text-align: center;
		}
		
		
		div#kfd a img
		{
		border: 0px;
		}
		
		
		div#videots
		{
		text-align: center;
		width: 180px;
		}
		
		div#videots p
		{
		text-align: center;
		margin: 0px auto 0px;
		width: 190px;
		}
		
		
		div#videots a
		{
		text-decoration: underline;
		}
		

		div#videots a img
		{
		border: 0px;
		}


	
	
/* jplayer */
div#txt #jplayer_container	{
	/*float: left;*/
	width: 362px;
	text-align: left;
	margin: 50px auto 0;
	}
div#txt #player_container {
	position: relative;
	background-color:#eee;
	background-color:rgba(255,255,255,0.8);
	width:360px;
	height:80px;
	border:1px solid #fff;
	float: none;
	margin: 0px 0 0;
	text-align: left;
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:48px;
	top:20px;
	width:40px;
	height:40px;
	cursor: pointer;
}
#player_play {
	background: url("_images/jplayer_sprite.png") 0 0 no-repeat !important;
	background: url("_images/jplayer_sprite.gif") 0 0 no-repeat;
}
#player_play.jqjp_hover {
	background: url("_images/jplayer_sprite.png") -41px 0 no-repeat !important;
	background: url("_images/jplayer_sprite.gif") -41px 0 no-repeat;
}
#player_pause {
	background: url("_images/jplayer_sprite.png") 0 -42px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") 0 -42px no-repeat;
}
#player_pause.jqjp_hover {
	background: url("_images/jplayer_sprite.png") -41px -42px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") -41px -42px no-repeat;
}

#ctrl_prev {
	position: absolute;
	left:20px;
	top:26px;
	background: url("_images/jplayer_sprite.png") 0 -112px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") 0 -112px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}

#ctrl_prev:hover {
	background: url("_images/jplayer_sprite.png") -29px -112px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") -29px -112px no-repeat;
}

#ctrl_prev.disabled {
	background: url("_images/jplayer_sprite.png") -58px -112px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") -58px -112px no-repeat;
	cursor:default;
}

#ctrl_next {
	position: absolute;
	left:88px;
	top:26px;
	background: url("_images/jplayer_sprite.png") 0 -141px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") 0 -141px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}

#ctrl_next:hover {
	background: url("_images/jplayer_sprite.png") -29px -141px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") -29px -141px no-repeat;
}

#ctrl_next.disabled {
	background: url("_images/jplayer_sprite.png") -58px -141px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") -58px -141px no-repeat;
	cursor:default;
}


#player_stop {
	position: absolute;
	left:126px;
	top:26px;
	background: url("_images/jplayer_sprite.png") 0 -83px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
#player_stop.jqjp_hover {
	background: url("_images/jplayer_sprite.png") -29px -83px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") -29px -83px no-repeat;
}
div#txt #player_progress {
	position: absolute;
	left:164px;
	top:32px;
	background-color: #eee;
	width:82px;
	height:15px;
	float: none;
}
div#txt #player_progress_load_bar {
	background: url("_images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
	float: none;
}
div#txt #player_progress_load_bar.jqjp_buffer {
	background: url("_images/bar_buffer.gif")  top left repeat-x;
}
div#txt #player_progress_play_bar {
	background: url("_images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
	float: none;
}
#player_volume_min {
	position: absolute;
	left:266px;
	top:32px;
	background: url("_images/jplayer_sprite.png") 0 -170px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") 0 -170px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_max {
	position: absolute;
	left:340px;
	top:32px;
	background: url("_images/jplayer_sprite.png") 0 -186px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") 0 -186px no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_min.jqjp_hover {
	background: url("_images/jplayer_sprite.png") -19px -170px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") -19px -170px no-repeat;
}

#player_volume_max.jqjp_hover {
	background: url("_images/jplayer_sprite.png") -19px -186px no-repeat !important;
	background: url("_images/jplayer_sprite.gif") -19px -186px no-repeat;
}

div#txt #player_volume_bar {
	position: absolute;
	left:284px;
	top:37px;
	background: url("_images/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
	float: none;
}
div#txt #player_volume_bar_value {
	background: url("_images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
	float: none;
}

div#txt #play_time,
div#txt #total_time {
	position: absolute;
	left:158px;
	top:60px;
	width:92px;
	font-size:.8em;
	font-style:oblique;
		float: none;
}

#total_time {
	text-align: right;
}

div#txt #playlist_list {
	width:360px;
	float: none;
	margin: 0px 0 25px;
}

#playlist_list ul{
	list-style-type:none;
	padding:5px 0px 5px 0px;
	margin:0 0 10px 0;
	background-color:#ccc;
	border:1px solid #fff;
	border-top:none;
	width:100%;
	background: transparent url(_images/soundtrack.jpg) no-repeat center left;
	text-align: left;
}
.en #playlist_list ul	{	background-image: url(_images/soundtrack-en.jpg);	}
.fr #playlist_list ul	{	background-image: url(_images/soundtrack-fr.jpg);	}
#playlist_list li{
	padding:0px 0 0px 10px;
	/*border-bottom:1px solid #eee;*/
	cursor: pointer;
	text-transform: uppercase;
	color: #fff;
	font-size: 140%;
	font-weight: 200;
	font-family: Techno,impact,sans-serif;
	text-shadow: #000 0px 0px 1px;
}

#playlist_list li.playlist_current{
	color:#ED141D;
	/*list-style-type:square;
	list-style-position:inside;*/
	/*padding-left:6px;*/
	cursor: default;
}

#playlist_list li.playlist_hover {
	color:#ED141D;
}

/* fancyzoom */
/* set an even higher z-index for #zoom */
#zoom	{
	z-index:100;
	float: none;
	width: auto;
	}