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

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


		body 
		{
		/* for IE; otherwise, BG isn't fully stretched */
		margin: 0px;
		overflow: hidden;
		font: 11px/16px "Century Gothic","URW Gothic L", Arial, sans-serif;
		height: 100%;
		color: #23222F;
		}
		
		
		
		#bg 
		{
		position: fixed;
		margin: 0px;
		border: 0px;
		padding: 0px;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 0;
		}
		
		
		
		#bg img
		{
		width: 100%;
		height: 100%;
		}


		
		#body 
		{
		position: absolute;
		left: 0%;
		top: 0%;
		width: 100%;
		height: 100%;
		padding: 0;
		z-index: 10;
		text-align: center;
		margin: 0px auto 0px;
		}
		
		
		ul#nav
		{
		list-style: none;
		margin: 60px 0 0px 100px;
		width: 900px;
		float: left;
		display: inline;
		}
	
	
	
		ul#nav li
		{
		float: left;
		}
	
	

		ul#nav li a, ul#nav li a:link, ul#nav li a:visited
		{
		margin: 0px;
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 0px;
		text-align: left;
		padding: 5px 0 0 10px;
		height: 55px;
		width: 89px;
		font: bold 11px/21px "Century Gothic","URW Gothic L", Arial, sans-serif;
		cursor: pointer;
		border-left: 1px #cccbcc solid;
		background: #434343;
		}
		
		
		
		ul#nav li a:hover,  ul#nav li a#active
		{		
		cursor: pointer;
		color: #fff;
		text-decoration: none;
		background: #666;
		font-weight: bold;
		}



/*
	content
*/


		div#content
		{
		background: transparent url("../_images/bg_content.png") repeat top left;
		height: 300px;
		clear: both;
		margin: 60px 0 0 0;
		width: 100%;
		min-width: 1000px;
		}


	
/*
	pics-slideshow	
*/


		div#slideshow
		{
		height: 300px;
		width: 500px;
		float: left;
		_diplay: inline;
		}

	

/*
	subnav
*/



		div#subnav
		{
		width: 500px;
		float: left;
		height: 300px;
		position: relative;
w		}
	
	
	
		div#subnav ul
		{
		margin: 10px 0 0 4px;
		float: left;
		_display: inline;
		}
	
	
	
		div#subnav li
		{
		list-style: none;
		float: left;
		font: 10px/12px "Century Gothic","URW Gothic L", Arial, sans-serif;
		height: 60px;
		width: 88px;
		padding: 0 0 25px 11px;
		}
		
		
		
		div#subnav li img
		{
		height: 60px;
		width: 88px;
		border: none;
		text-decoration: none;
		}



		div#subnav li a, div#subnav li a:link, div#subnav li a:visited
		{
		display: block;
		text-align: left;
		color: #333;
		text-decoration: none;
		}
		
		
		
		div#subnav li a:hover
		{	
		opacity: 0.65;
		}



		div#subnav h1
		{
		float: left;
		_display: inline;
		font: bold 20px/30px "Century Gothic","URW Gothic L", Arial, sans-serif;
		margin: 5px 0 0 15px;
		text-align: left;
		color: #23222F;
		text-transform: uppercase;
		}
		
		
		
		div#subnav p
		{
		text-align: left;
		padding: 5px 0 5px 15px;
		}

		
		div#subnav p a, div#subnav p a:link, div#subnav p a:visited
		{
		color: #333;
		}
		
		
		div#subnav p a:hover
		{
		color: #000;
		}
		



/*
	txt
*/


		div#txt
		{
		width: 500px;
		float: left;
		height: 300px;
		position: relative;
		}


		
		div#txt h1
		{
		float: left;
		_display: inline;
		font: bold 20px/30px "Century Gothic","URW Gothic L", Arial, sans-serif;
		margin: 5px 0 0 15px;
		text-align: left;
		color: #23222F;
		text-transform: uppercase;
		}
		
		
		
		div#txt h1 span
		{
		color: #23222F;
		}
		
		
		
		div#txt h3
		{
		margin: 10px 0 0 0;
		font: bold 9px/10px "Century Gothic","URW Gothic L", Arial, sans-serif;
		text-align: right;
		float: right;
		_display: inline;
		text-transform: uppercase;
		}
	
		
		
		
		div#txt p
		{
		text-align: left;
		clear: both;
		padding: 5px 0 5px 15px;
		}
		
		
		
		
		div#txt p a
		{
		text-decoration: underline;
		color: #23222F;
		text-align: left;
		}
		
		
		
		div#txt p a:hover
		{
		text-decoration: none;
		}
		
		
		
		div#back
		{
		position: absolute;
	    bottom: 10px;
      	left: 300px;
		}

		
		
		div#back a.prev, div#back a:link.prev, div#back a:visited.prev
		{
		background: transparent url("../_images/link_prev.gif") no-repeat 3px 5px;
		padding: 0 0 0 20px;
		}

		
		
		div#back a, div#back a:link, div#back a:visited
		{
		margin: 20px 0 0 0; 
		color: #999;
		text-decoration: underline;
		}
		
		
		
		div#back a.next, div#back a:link.next, div#back a:visited.next
		{
		background: transparent url("../_images/link_next.gif") no-repeat 50px 5px;
		padding: 0 20px 0 0;
		}

		
		
		div#back a:hover
		{
		color: #666;
		text-decoration: underline;
		}
		
		
		
		div#txt ul
		{
		text-align: left;
		float: left;
		display: inline;
		list-style: square;
		list-style-position: inside;
		margin: 0 0 0 25px;
		}
		
		
		
		div#txt ul li a
		{
		color: #000;
		font-weight: bold;
		}


		
/*
	logo
*/		



		h2#boffigent-lg
		{
		text-indent: -9999px;
		}
		
		
		
		h2#boffigent-lg a, h2#boffigent-lg a:link, h2#boffigent-lg a:visited
		{
		width: 300px;
		height: 60px;
		position: fixed;
		bottom: 0px;
		left: 400px;
		z-index: 5;
		background: transparent url("../_images/bg_lg_full.png") no-repeat bottom left;
		}
		
		
		
		h2#boffigent-lg a:hover
		{
		background: transparent url("../_images/bg_lg_full_hover.png") no-repeat bottom left;
		}
		
		
		
		h2#boffigent-lg_ie
		{
		display: none;
		}
		


/*
	contactpagina
*/
	
	
		dl
		{
		float: left;
		display: inline;
		margin: 0px 0 0 15px;
		padding: 0px;
		width: 480px;
		}
	

	
		dt 
		{
		clear:both;
		width: 180px;
		float:left;
		text-align:left;
		font-weight: bold;
		border-top: 1px #ccc solid;
		padding: 2px 0 0px 0;
		margin: 5px 0 0 0;
		}



		dd 
		{
		float:left;
		width: 300px;
		text-align: left;
		margin: 5px 0 0 0;
		border-top: 1px #ccc solid;
 		padding: 2px 0 2px 0;
		}


		dl a
		{
		color: #333;
		}


		#btn
		{
		height: 18px;
		font: 9px/18px "Century Gothic","URW Gothic L", Arial, sans-serif;
		border: 1px #ccc solid;
		float: left;
		margin: 0 0px 0 5px;
		text-transform: uppercase;
		color: #333;
		}


		input
		{
		height: 18px;
		float: left;
		}
	
	div#txt .message	{
		padding: 2px 5px;
		margin: 5px 5px 0 10px;
		
		background: rgb(200,200,200);
		background: rgba(0,0,0,0.1);
		}
	
			
/*
	www.tnt.be
*/


		div#tnt
		{
		margin: 10px 0 0px 100px;
		float: left;
		_display: inline;
		text-align: left;
		font: 10px/12px Arial, Verdana, sans-serif;
		color: #999;
		}


		div#tnt a, div#tnt a:link, div#tnt a:visited
		{
		color: #999;
		}


		div#tnt a:hover
		{
		color: #666;
		}	


