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

		a:active, a:focus
		{
		outline: none;
		}
	
		*,div,ul,li,h1,h2,p
		{
		margin: 0px;
		padding: 0px;
		}
		
		img
		{
			border: 0;
		}
		
		html
		{
		height: 100%;
		}
	
		body
		{
		margin: 0px auto 0px;
		padding: 0;
		background: #fff;
		font: 11px/18px Helvetica, "Liberation Sans", Arial, sans-serif;
		color: #000;
		height: 100%;
		background: #fff;
		}

/* WRAPPERS */

		div#content
		{
		width: 975px;
		/*clear: both;*/
		}
		
		div#header
		{
		background: #fff url(_images/bg_content.gif) no-repeat 0 -125px;
		/*height: 500px;*/
		color: #fff;
		}
	
/* LOGO */	
	
		h2#lg a
		{
		background: transparent url("_images/gevaert-lg.png") no-repeat top left;
		float: left;
		_display: inline;
		width: 250px;
		height: 98px;
		text-indent: -9999px;
		margin: 50px 0 0 40px;
		}

		h2#lg a:hover
		{
		opacity: 0.5;
		}

/* NAVIGATION */

		ul#nav
		{
		list-style: none;
		margin: 0px 0px 0px 325px;
		float: left;
		_display: inline;
		}
	
		ul#nav li
		{
		float: left;
		font: bold 11px/18px Helvetica, "Liberation Sans", Arial, sans-serif;
		}
		
		ul#nav li a, ul#nav li a:link, ul#nav li a:visited
		{
		margin: 0 0px 0 0;
		display: block;
		color: #808BA2;
		text-decoration: none;
		text-align: left;
		padding: 25px 0 0 0;
/*
		opacity: 0.5;
*/
		text-transform: uppercase;
		width: 125px;
		height: 55px;
		}
		
		ul#nav li a:hover, ul#nav li a#active
		{
		color: #fff;
		text-decoration: underline;
		opacity: 1;
		background: transparent url("_images/bg_menu.gif") no-repeat top left;

		}
		
/* SUBNAVIGATION */		
		
		ul#subnav
		{
		-display: inline; /* IE blows */
		list-style: none;
		margin: 50px 45px 0px 40px;
		float: left;
		width: 240px;
		}
		ul#subnav li	{
		-display: inline; /* IE blows */
		}
		ul#subnav li a, ul#subnav li a:link, ul#subnav li a:visited
		{
		margin: 0 0px 0 0;
		display: block;
		text-decoration: none;
		text-align: right;
		padding: 0;
		border-top: 1px #ccc solid;
		color: #333;
		padding: 5px 0 5px 0;
		}
		
		ul#subnav li a:hover, ul#subnav li a#actived
		{
		color: #001846;
		text-decoration: underline;
		}	
		
		
		ul#subnav li a#actived
		{
		font-weight: bold;
		}
		
	
		
/* TXT & PARAGRAPHS */		
		
		div#txt, div#thumbs
		{
		float: left;
		_display: inline;
		width: 650px;
		margin: 20px 0 0 0;
		}
		
		div#thumbs a img
		{
		float: left;
		margin: 0 10px 10px 0;
		width: 140px;
		border: 1px #ccc solid;
		}
		
		
		div#thumbs a:hover img
		{
		opacity: 0.5;
		}
		
		
		/* make proper columns */
		div#txt #col-left, div#txt .col-left
		{
		float: left;
		width: 285px;
		-display: inline; /* IE blows */
		}
			
		div#txt #col-right, div#txt .col-right
		{
		float: right;
		width: 285px;
		margin-right: 40px;
		-display: inline; /* IE blows */
		}
		
		div#txt .products
		{
		padding-top: 25px;
		}
			
		div#txt p
		{
		text-align: left;
		color: #000;
		padding-bottom: 1em;
		}
		
		div#txt p a
		{
		color: #001947;
		text-decoration: underline;
		font-weight: bold;
		}
		
		
		div#txt p a:hover
		{
		text-decoration: none;
		}

		#txt p.warning	{
		border:1px solid #001A47;
		color: #001A47;
		padding: 14px;
		margin: 0 200px 15px 0;
		clear: both;
		}
		
/* FOOTER */		
		
		div#footer
		{
		padding: 5px 0 30px 0;
		width: 600px;
		border-top: 1px #ccc solid;
		font: 9px/17px Helvetica, "Liberation Sans", Arial, sans-serif;
		text-align: right;
		margin: 50px 0 0 0;
		background: transparent url("_images/bg-footer.gif") no-repeat bottom left;
		color: #666;
		}
		
		div#footer a
		{
		color: #666;
		}
		
/* SLIDESHOW */
		
		h1
		{
		position: absolute;
		left: -3px;
		/*top: 332px;*/
		bottom: -6px;
		color: #fff;
		text-transform: uppercase;
		font: bold 30px/30px Helvetica, "Liberation Sans", Arial, sans-serif;
		}

		#slideshow, #map
		{
		float: right;
		position: relative;
		_display: inline; /* IE blows */
		width: 650px;
		height: 356px;
		}
		
		.firstphoto
		{
		width: 650px;
		height: 356px;
		position: absolute;
		top: 0;
		left: 0;
		}
		
		.photo
		{
		display: none;
		width: 650px;
		height: 356px;
		position: absolute;
		top: 0;
		left: 0;
		}
		
		#slideshowlist
		{
		list-style: none;
		float: right;
		_display: inline; /* IE blows */
		width: 650px;
		margin: 10px 0 0 0;
		}
		
		#slideshowlist li
		{
		float: left;
		}
		
		.bullet_inactive
		{
		display: block;
		height: 15px;
		width: 15px;
		background-image: url(_images/bullet_inactive.jpg);
		}
		
		.bullet_active
		{
		display: block;
		height: 15px;
		width: 15px;
		background-image: url(_images/bullet_active.jpg);
		}
		
/* PRODUCTS SLIDESHOW */
		
		#products-slideshow
		{
		position: relative;
		float: left;
		height: 300px;
		width: 285px;
		margin: 25px 0 0 0;
		}

		#products-slideshow img.last-active
		{
		z-index: 9;
		position:absolute;
		top:0;
		left:0;
		}

		#products-slideshow img.active
		{
		z-index: 10;
		position:absolute;
		top:0;
		left:0;
		}
		
		#products-slideshow img
		{
		position:absolute;
		top:0;
		left:0;
		}
		
/*INTROPAGINA*/
		
		#top
		{
		height: 32px;
		padding-left: 325px;
		padding-top: 30px;
		}
		
		#top a, #top a:link, #top a:visited
		{
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
		}
		
		#top a:hover
		{
		color: #808CA2;
		font-weight: bold;
		text-decoration: underline;
		}
		
		
		#taalkeuzewrapper
		{
		height: 80px;
		width: 650px;
		margin: 0px 0 0 325px;
		}
		
		#taalkeuze
		{
		width: 600px;
		font-size: 60px;
		font-family: Helvetica;
		color: #CCC;
		}
		
		#taalkeuze li
		{
		float: left;
		margin-right: 50px;
		}
		
		#taalkeuze li a
		{
		text-decoration: none;
		color: #CCC;
		line-height: 65px;
		}
		
		#taalkeuze li a:hover
		{
		color: #000;
		}
		
		#hover
		{
		font-size: 20px;
		color: #000;
		clear: both;
		float: left;
		height: 25px;
		margin-top: 0px;
		}
		
		.nl
		{
		list-style: none;	
		}
	
	
		div#news
		{
		float: left;
		color: #000;
		margin: 15px 0 0 75px;
		width: 190px;
		font: 11px/16px Helvetica, "Liberation Sans", Arial, sans-serif;

		}
		
		div#news h3
		{
		color: #001946;
		font: 20px/20px Helvetica, "Liberation Sans", Arial, sans-serif;
		margin: 0 0 0px 0:
		}
		
		div#news ul
		{
		list-style: bullet;
		margin: 10px 0 0 0;
		color: #333;
		}
		
		div#news ul li
		{
		margin: 0 0 15px 0;
		border-bottom: 1px #ccc solid;
		padding: 0 0 5px 0;
		}
		
		div#news ul li a
		{
		color: #001946;
		}
		
		div#news a img
		{
		border: 0px;
		margin: 5px 0 0 15px;
		float: right;
		padding: 1px;
		border: 1px #ccc solid;
		}
		
		
		
		/*Form*/
		
		
		form
		{
			font: 11px/18px Helvetica, "Liberation Sans", Arial, sans-serif;
		}
		
		form br	
		{
			clear: both;
		}
			
		label
		{
			float: left;
			width: 170px;
			margin: 5px 0 0 0px;
			color: #000;
		}
		
		label.checkbox
		{
			width: 100px;
			margin: 5px 0 0 0;
		}
		
		label.checkbox input
		{
			margin: 0 5px 0 0;
			width: auto;
			border: none;
		}
		
		input
		{
			float: left;
			border: 1px solid #cccccc;
			background: #fff;
			color:#000;
			width: 220px;
			margin: 5px 0 0 0;
			font: 11px/18px Helvetica, "Liberation Sans", Arial, sans-serif;
			padding: 5px;
		}
		
		textarea
		{
			float: left;
			border: 1px solid #cccccc;
			background: #fff;
			color:#000;
			width: 220px;
			height: 100px;
			font: 11px/18px Helvetica, "Liberation Sans", Arial, sans-serif;
			margin: 5px 0 0 0;
			padding: 5px;
		}
					
		button
		{
			float: left;
			border: 1px solid #fff;
			background: #001947;
			color:#fff;
			margin: 5px 0 0 20px;
			cursor: pointer;
			padding: 4px;
			text-transform: uppercase;
		}
		
		#contact button
		{
			float: left;
			margin: 0 0 0 359px;
		}
		.botstop
		{
		display: none;
		}
		
		form br
		{
		clear: both;
		}
		
		p.warning, p.bedankt
		{
		color: #ffcb05;
		margin: 0 0 0 15px;
		}
	 	
/* Agents */

/*#agents
{
	background-image: url(_images/europe.jpg);
	background-repeat: no-repeat;
	width: 650px;
	height: 456px;
	position: relative;
	float: right;
}

#agents a
{
	background-image: url(_images/location.png);
	position: absolute;
	display: block;
	font-size: 8px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	height: 15px;
	width: 15px;
	color: #001946;
	text-decoration: none;
	text-align: center;
	/* IE6 needs this: */
/*	overflow: hidden;
}

#agents a:hover, #agents a.active
{
	background-image: url(_images/location-h.png);
	color: #fff;
}

#germany
{
	top: 275px;
	left: 195px;
}

#unitedkingdom
{
	top: 235px;
	left: 115px;
}

#spain
{
	top: 365px;
	left: 50px;
}

#france
{
	top: 310px;
	left: 128px;
}

#italy
{
	top: 375px;
	left: 215px;
}

#greece
{
	top: 410px;
	left: 320px;
}

#sweden
{
	top: 120px;
	left: 257px;
}

#portugal
{
	top: 358px;
	left: 8px;
}

#poland
{
	top: 260px;
	left: 280px;
}

#canada
{
	top: 260px;
	left: 0px;
}

#unitedstates
{
	top: 280px;
	left: 0px;
}*/
/*
#agentsinfo
{
	opacity: 0.7;
	display: none;
	width: 600px;
	height: 456px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	_background-color: transparent;
}

#agentsinfo div
{
	color: #555;
	background-color: #EFEFEF;
	padding: 10px;
	width: 230px;
	position: absolute;
	right: 0;
	top: 0;
}

#agentsinfo div h2
{
	color: #000;
}

#agentsinfo div ul
{
	margin-top: 20px;
	list-style-type: none;
}

#agentsinfo div ul li
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
}

#agentsinfo a, #agentsinfo a:hover
{
	background-image: none;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	font-size: 9px;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #fff;
	color: #001946;
	text-decoration: none;
	text-align: center;
}
*/
/* Overview products */

#productsoverview_new
{
	list-style: none;
}

#productsoverview_new li a
{
	background-color: #001946;
	float: left;
	width: 120px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin-right: 1px;
	font-weight: bold;
}

#productsoverview
{
	float: left;
	list-style: none;
	width: 213px;
}

#collectionsoverview
{
	clear: both;
	margin-top: 15px;
	float: left;
	list-style: none;
	width: 213px;
}

#productsoverview li, #collectionsoverview li
{
	float: left;
}

#productsoverview.bigger
{
	width: 300px;
}

#productsoverview.bigger li a
{
	height: 80px;
	width: 90px;
}

#productsoverview li a
{
	background-color: #F1F1F2;
	display: block;
	height: 50px;
	width: 70px;
	margin: 1px 1px 0 0;
	text-align: center;
	padding: 20px 0 0 0;
	text-decoration: none;
	color: #001946;
}

#collectionsoverview li a
{
	background-color: #F1F1F2;
	display: block;
	height: 80px;
	width: 100px;
	margin: 1px 1px 0 0;
	text-align: center;
	padding: 30px 0 0 0;
	text-decoration: none;
	color: #001946;
}

#collectionsoverview li a span
{
	font-weight: bold;
	text-decoration: underline;
}

#collectionsoverview li a:hover span
{
	font-weight: normal;
}

#productsoverview li a:hover, #collectionsoverview li a:hover
{
	background-color: #e4e6e8;
	text-decoration: underline;
}

/* LOGIN */

.login
{
	clear: both;
}

.login button
{
	margin-left: 250px;
	width: 63px;
	text-align: center;
}

.login fieldset
{
	padding: 8px 12px 8px 12px;
	border: 0;
	background-color: #f1f1f2;
}

.login fieldset label
{
	clear: both;
	display: block;
	float: left;
	width: 100px;
	color: #001946;
	font-weight: bold;
	padding-top: 6px;
}

.login fieldset input
{
	float: left;
	width: 200px;
}

ul.thumbs
{
margin: 20px 0 0 0;
}

ul.thumbs li	{
	float: left;
	width: 140px;
	height: 280px;
	text-align: center;
	color: #000;
	list-style-type: none;
	margin-right: 22px;
	margin-top: 10px;
	border-top: 5px #ccc solid;
	padding: 5px 0 0 0;
	}
ul.thumbs li a	{
	font-weight: bold;
	text-decoration: none;
	color: #000;
	display: block;
	width: 100%;
	height: 100%;
	}
ul.thumbs li a img	{
	width: 140px;
	border: none;
	}
strong.def	{
	float: left;
	width: 10em;
	}