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

		a
		{
			color:#fff;
		}

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

		}
		
	
		html
		{
		height: 100%;
		}
		
		
		body{
			margin: 0px auto 0px;
			padding: 0;
			background: #fff;
			font: 11px/20px "Helvectica Neue", Helvetica, Arial, sans-serif;
			color: #fff;
			height: 100%;
			background: #1c150f url(_images/bg-body.gif) repeat-y 250px 0;
			min-width: 1000px;
		}
		
		div#header
		{
		width: 100%;
		background: #fff;
		height: 300px;
		}
		
		ul#main
				{
				list-style: none;
				width: 750px; 
				margin: 0 0 0px 250px;
				height: 50px;
				overflow: hidden;
				background: #1C150F;
				}
		
		ul#main li
		{
		float: left;
		margin: 0;
		padding: 0px;
		display: inline;
		}
		
		
		
		ul#main li a, ul#main li a:link, ul#main li a:visited
		{
		padding: 0 11px 0 11px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		float: left;
		font: bold 9px/50px Helvetica, Arial, sans-serif;

		}
		
		ul#main li a.active, ul#main li a:hover
		{
		text-decoration: none;
		background: #877C72;
		color: #fff;
		}

		div#header h2 a
		{
		float: left; 
		_display: inline;
		width: 250px;
		height: 250px;
		text-indent: -9999px;
		background: transparent url("_images/steenimex-lg.gif") no-repeat 50% 0px;
		}
		
		
		div#header div#splash
		{
		float: left; 
		_display: inline;
		width: 750px;
		height: 250px;
		}
		
		
		ul#l
		{
		width: 250px;
		}
		
		
		.home
		{
		background: transparent url("_images/header.jpg") no-repeat top left;
		}
		
			
		div#header div#splash h3
		{
		float: left; _display: inline;
		width: 250px;
		margin: 0 250px 0 0;
		text-transform: uppercase;
		height: 30px;
		text-align: center;
		font: 15px/30px "Helvectica Neue", Helvetica, Arial, sans-serif;

		background: transparent url("_images/bg-h3.png") repeat top left;
		}
		
		
		div#header div#splash p
		{
		float: left; 
		_display: inline;
		width: 220px;
		color: #1C150F;
		margin: 0 0 0 500px;
		padding: 15px;
		font: 10px/16px "Helvectica Neue", Helvetica, Arial, sans-serif;
		}
		
		
		div#content	{
			overflow: hidden;
			clear: both;
			}
		div#footer	{
			overflow: hidden;
			clear: both;
			width: 1000px;
			}
		
		ul#sub
		{
		list-style: none;
		margin: 40px 0 0 0;				
		width: 195px; 
		float: left;
		padding: 0 0 0 55px;
		}
		
		ul#sub li
		{
		margin: 0;
		padding: 0px;
		display: inline;
		}
		
		
		
		ul#sub li a
		{
		display: block;
		padding: 15px 0px 10px 5px;
		color: #fff;
		text-transform: uppercase;
		text-align: left;
		font: bold 9px/11px Helvetica, Arial, sans-serif;
		width: 110px;
		border-bottom: 1px #877C72 solid;
		text-decoration: none;
		}
		
		
		ul#sub li a:hover
		{
		color: #877C72
		}
		
		
		ul#sub li a.active
		{
		background: #FFFFFF;
		color: #1C150F;
		}
	
		
		div#sidebar
		{
			float: left;
			width: 250px;
		}
		
		div#action
		{
		float: left; 
		_display: inline;
		margin: 0 0 0 px;
		width: 230px;
		height: 230px;
		border: 10px #fff solid;
		font: 12px/18px "Helvectica Neue", Helvetica, Arial, sans-serif;
		color: #fff;
		}
		
		
		
		
		
		
		div#action h1
		{
		color: #1C150F;
		margin: 0;
		font: bold 55px/45px "Helvectica Neue", Helvetica, Arial, sans-serif;
		letter-spacing: -2px;
		padding: 0 0 0 15px;
		}


		div#action p
		{
		color: #fff;
		padding: 15px;
		}

		div#movie
		{
		float: left; 
		_display: inline;
		margin: 0 0 0 px;
		width: 500px;
		font: 12px/18px "Helvectica Neue", Helvetica, Arial, sans-serif;
		color: #fff;
		}
		
		div#photo
		{
		position: relative;
		width: 499px;
		height: 250px;
		float: left;
		}
		
		
		div#photo img
		{
		position: absolute;
		top: 0;
		left: 0;
		}
		
		
		div#photo a
		{
		color: #fff;
		}
		

		
		
		h4
		{
		float: left;
		_display: inline;
		width: 220px;
		padding: 15px;
		margin: 0 0 0 250px;
		font: bold 13px/18px "Helvectica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;

		}
		p.stonology img	{
			float: right;
			margin: 0 0 5px 10px;
			border: 1px solid #999;
			}
		
		address
		{
		float: left;
		_display: inline;
		margin: 0 0 0 0px;
		font-style: normal;
		padding: 15px 0 15px 15px;
		font: 9px/18px "Helvectica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		width: 484px;
		}
		
		
		
		address a
		{
		color: #fff;
		}

div#txt
{
	float: left; 
	_display: inline;
	margin: 0 0 0 0;
	padding: 40px;
	width: 420px;
	font: 11px/18px "Helvectica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	background-color: #000;
}

div#txt h1
{
	text-transform: uppercase;
	font-size: 15px;
	margin: 0 0 20px 0;
	height: 30px;
}

div#txt dl dt
{
	width: 130px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

div#txt dl dd
{
	width: 290px;
	float: left;
	margin: 0 0 20px 0;
}

div#txt p
{
	margin: 20px 0 0 0;
}

ul.imglist
{
	list-style: none;
	margin: 20px 0 0 0;
}
ul.imglist li	{
	width: 80px;
	height: 80px;
	float: left;
	display: inline;
	margin: 0 2px 2px 0;
	border: 1px solid #000;
	/*white-space: nowrap;*/
	}
ul.imglist li a
{
	
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	background-repeat: no-repeat;
	background-color: #111;
	color: #858585;
	font-size: 10px;
	text-transform: uppercase;
	opacity: 0.8;
}
ul.imglist li:hover	{
	border: 1px solid #252525;
	}
ul.imglist li:hover a
{
	background-color: #181818;
	color: #fff;
	
	opacity: 1;
}

form#contact fieldset
{
	border: 0;
	padding: 0;
	margin: 20px 0 0 0;
}

form#contact fieldset br
{
	clear: both;
}

form#contact fieldset label
{
	width: 130px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

form#contact fieldset input
{
	padding: 3px;
	margin: 0 0 4px 0;
	float: left;
	width: 150px;
	background-color: transparent;
	border: 1px solid #353535;
	color: #fff;
	font: 11px/20px "Helvectica Neue", Helvetica, Arial, sans-serif;
}

form#contact fieldset input:focus, form#contact fieldset textarea:focus
{
	background-color: #111;
	border: 1px solid #444;
}

form#contact fieldset textarea
{
	padding: 3px;
	margin: 0 0 4px 0;
	float: left;
	width: 230px;
	height: 180px;
	background-color: transparent;
	border: 1px solid #353535;
	color: #fff;
	font: 11px/20px Helvetica, Arial, sans-serif;
	+display: inline;
}

form#contact fieldset button
{
	border: 0;
	background-color: #000;
	margin: 20px 0 0 130px;
	padding: 3px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
form#contact fieldset .botstop	{
	display: none;
	}
div#map
{
	height: 300px;
	color: #000;
}

div#mapdata
{
	display: none;
}

/* MELDINGEN */

p.warning
{
	color: red;
}

p.succes
{
	color: lightgreen;
}

/* START TNT LIGHTBOX */

div#overlay
{
	background-color: #1C150F;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.6;
	display: none;
}

div#boxcontent
{
	padding: 0 15px 15px 15px;
	background-color: #fff;
	background-image: url(_images/loader.gif);	
	background-position: center center;
	background-repeat: no-repeat;
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 20px;
	min-height: 20px;
	margin: -10px 0 0 -10px;
	display: none;
}

div#boxcontent div#data
{
	clear: both;
}

div#boxcontent a.close
{
	position: absolute;
	right: 0;
	top: 0;
	width: 25px;
	height: 25px;
	font-size: 16px;
	display: block;
	background-image: url();
	color: #000;
	text-align: center;
	text-decoration: none;
	display: none;
}

div#boxcontent a.close:hover
{
	color: #888;
}

div#boxcontent h2, div#txt h2
{
	text-transform: uppercase;
	font-size: 12px;
	line-height: 20px;
	/*height: 30px;*/
	/*white-space: nowrap;*/
	font-weight: normal;
	margin: 20px 0 0;
}
.newsitem h2	{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0;
	margin: 10px 0 0;
	font-size: 12px;
	}
.newsitem p img	{
	float: right;
	margin: 0 0px 5px 10px;
	}
.newsitem p a img	{
	border: 2px solid #fff;
	}