/* 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#terrastone-be
		{
		margin: 0px;
		padding: 0;
		background: #fff;
		font: 11px/18px Arial, Verdana, sans-serif;
		color: #000;
		height: 100%;
		background: #fff url("../_images/bg_body.gif") repeat-x top left;
		}
		
		
		
		div#wrp
		{
		width: 990px;
		float: left;
		overflow: auto;
		margin-bottom: 1px;
		}
		
		
		
		h2#terrastone
		{
		float: left;
		_display: inline;
		text-indent: -9999px;
		margin: 0 0 0 116px;
		}
		
		
		
		h2#terrastone a, h2#terrastone a:link, h2#terrastone a:visited
		{
		_display: inline;
		background: transparent url("../_images/terrastone-lg-2010.gif") no-repeat top left;
		display: block;
		width: 381px;
		height: 114px;
		}
	
	
	
		h2#terrastone a:hover	
		{
		background: transparent url("../_images/terrastone-lg-2010-hover.gif") no-repeat top left;
		}
		
		
		a.replace span
		{
		display: none;
		}
		
		
		p#replace
		{
		font: 11px/18px Arial, Verdana, sans-serif;
		color: #24343A;
		margin: 5px 0 20px 5px;
		text-indent: 20px;
		text-align: left;
		height: 50px;
		}
		
		
		
/*
	subnav
*/
		
		
		ul#nav
		{
		list-style: none;
		float: right;
		margin: 25px 0 0 0;
		}



		ul#nav li
		{
		float: left;
		font: bold 11px/18px Arial, Verdana, sans-serif;
		margin: 0 0 0 1px;
		}
	
	
	
		ul#nav li a, ul#nav li a:link, ul#nav li a:visited
		{
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 5px;
		background: #828664;
		width: 99px;
		text-align: center;
		}
		
		
		
		ul#nav li a:hover, ul#nav li a#active
		{
		background-color: #51533e;
		color: #fff;
		text-decoration: underline;
		}



/*
	mainnav
*/
	
	
		ul#mainnav
		{
		list-style: none;
		padding: 0;
		width: 100%;
		}
		
		

		ul#mainnav li
		{
		float: left;
		_display: inline;
		border-right: 1px solid #202c30;
		background: url("../_images/mainnav-bg.jpg");
		}
		
		
			
		ul#mainnav li a, ul#mainnav li a:link, ul#mainnav li a:visited
		{
		height: 155px;
		width: 144px;
		padding: 35px 0px 0px 20px;
		float: left;
		_display: inline;
		text-decoration: none;
		color: #646b74;
		}
		
		
		
		ul#mainnav li a:hover
		{
		background: url("../_images/mainnav-bg-hover.jpg");
		}
		
		
		
		ul#mainnav li a.active
		{
		color: #fff;
		background: url("../_images/mainnav-bg-hover.jpg");
		}
	
		
		
		ul#mainnav li strong
		{
		text-transform: uppercase;
		font: bold 15px/16px  Arial, Verdana, sans-serif;
		}



/*
	content
*/
				
				
		div#content
		{
		clear: both;
		margin: 0 0 0 0;
		padding: 0 0 0 415px;
		height: 303px;
		width: 575px;
		}
		
		
		
		div.sfeer-1
		{
		background: #E8EADF url("../_images/terrastone-sfeer-1.jpg") no-repeat 0 0;
		}
		
		
		div.sfeer-2
		{
		background: #E8EADF url("../_images/terrastone-sfeer-2.jpg") no-repeat 0 0;
		}		
		
		
		div.sfeer-3
		{
		background: #E8EADF url("../_images/terrastone-sfeer-3.jpg") no-repeat 0 0;
		}
		
	
		div.sfeer-4
		{
		background: #E8EADF url("../_images/terrastone-sfeer-4.jpg") no-repeat 0 0;
		}			
		
		
		div.sfeer-5
		{
		background: #E8EADF url("../_images/terrastone-sfeer-5.jpg") no-repeat 0 0;
		}		
		
		
		div.sfeer-6
		{
		background: #E8EADF url("../_images/terrastone-sfeer-6.jpg") no-repeat 0 0;
		}
		
		
		div.sfeer-7
		{
		background: #E8EADF url("../_images/terrastone-sfeer-7.jpg") no-repeat 0 0;
		}
		
		
		div.sfeer-8
		{
		background: #E8EADF url("../_images/terrastone-sfeer-8.jpg") no-repeat 0 0;
		}


		div.sfeer-9
		{
		background: #E8EADF url("../_images/terrastone-sfeer-9.jpg") no-repeat 0 0;
		}
		
		
		div.sfeer-3-11
		{
		background: #E8EADF url("../_images/gardival-sfeer-1.jpg") no-repeat 0 0;
		}
		
		
		div.sfeer-3-12
		{
		background: #E8EADF url("../_images/gardival-sfeer-2.jpg") no-repeat 0 0;
		}
		
		
		div.sfeer-3-13
		{
		background: #E8EADF url("../_images/gardival-sfeer-3.jpg") no-repeat 0 0;
		}
		
		
		div.sfeer-3-14
		{
		background: #E8EADF url("../_images/gardival-sfeer-4.jpg") no-repeat 0 0;
		}
		
		
		div.sfeer-3-15
		{
		background: #E8EADF url("../_images/gardival-sfeer-5.jpg") no-repeat 0 0;
		}
		
		


		div#content img.r
		{
		float: right;
		margin: 30px 10px 10px 10px;
		}

		
		
		div#content h1
		{
		color: #24343A;
		font: bold 20px/25px Arial, Verdana, sans-serif;
		padding: 25px 0 15px 20px;
		}
		
		
		
		div#content p
		{
		font: 11px/18px Arial, Verdana, sans-serif;
		color: #24343A;
		margin: 5px 0 20px 5px;
		text-indent: 20px;
		text-align: left;
		}
		
		
		div#content p a, div#content p a:link, div#content p a:visited
		{
		margin: 0px;
		background: #fff;
		color: #780001;
		text-decoration: none;
		padding: 1px;
		}
		
		
		div#content p a:hover
		{
		background: #fff;
		color: #24343A;
		text-decoration: underline;
		}
		
	
		.left
		{
		text-align: left;
		}		
		
		
		
/*		
	producten	
*/		
		
		
		div.product
		{
		font: 10px/10px Arial, Verdana, sans-serif;
		width: 129px;
		height: 40px;
		padding: 5px 5px 5px 0;
		margin: 4px 4px 4px 4px;
		float: left;
		border-right: #A2A77D dotted 1px;
		border-bottom: #A2A77D dotted 1px;
		}
		
		
		
		div.product a img
		{
		border: none;
		float: right;
		width: 60px;
		height: 40px;
		}
		
		
		
		div.product a, div.product a:link, div.product a:visited
		{
		color: #51533e;
		font: bold 10px/10px Arial, Verdana, sans-serif;
		text-transform: uppercase;
		text-align: left;
		text-decoration: none;
		}
		
		
		
		div.product a:hover
		{
		color: #A2A77D;
		}



		div.product a:hover img
		{
		opacity: 0.7;	
		}
		
		
/*
	productthumbs		
*/
		

		.thumbs
		{
		width: 60px;
		height: 50px;
		padding: 5px;
		margin: 6px 5px 6px 5px;
		float: left;
		border-right: #A2A77D dotted 1px;
		border-bottom: #A2A77D dotted 1px;
		}


/*
	adres
*/
		
		
		ul.address
		{
		font: 11px/13px Arial, Verdana, sans-serif;
		color: #51533e;
		list-style: none;
		margin: 4px 0px 15px 20px;
		}


		ul.address li
		{
		margin: 1px 0px 1px 0px;
		}
		
		
		ul.address li a, ul.address li a:link, ul.address li a:visited
		{
		background: #fff;
		color: #780001;
		text-decoration: none;
		padding: 1px;
		}
		
		
		ul.address li a:hover
		{
		background: #fff;
		color: #24343A;
		text-decoration: underline;
		}	


		h3
		{
		font: bold 11px/13px Arial, Verdana, sans-serif;
		color: #51533e;
		margin: 0px 0px 0px 20px;
		}	
		
		
		
/*
	contactformulier	
*/

		form#formbox
		{
		margin: 0 0 0 15px;
		float: left;
		_display: inline;
		border: none;
		}
		
		
		fieldset
		{
		border: none;
		width: 275px;
		float: left;
		_display: inline;
		}
		
		
		label
		{
		float: left;
		_display: inline;
		font: 10px/14px Arial, Verdana, sans-serif;
		text-align: left;
		color: #51533E;
		padding: 5px;
		}
		
 		
		input
		{
		float: right;
		_display: inline;
		margin: 2px 0 0 0;
		font: 10px/14px Arial, Verdana, sans-serif;
		border: 1px solid #A2A77D;
		background: #E8EADF;
		color: #51533E;
		width: 160px;
		padding: 5px;
		}
		
		
		
		textarea
		{
		margin: 2px 0 0 0px;
		_display: inline;
		float: right;
		text-align: left;
		font: 10px/14px Arial, Verdana, sans-serif;
		border: 1px solid #A2A77D;
		background: #E8EADF;
		color: #51533E;
		width: 160px;
		height: 86px;
		padding: 5px;
		}
		
		
		
		button
		{
		margin: 2px 0 0 0;
		float: right;
		_display: inline;
		text-align: center;
		font: 10px/14px Arial, Verdana, sans-serif;
		border: 1px solid #A2A77D;
		background: #A2A77D;
		color: #fff;
		width: 172px;
		padding: 5px;
		}
		
		
		
		button:hover
		{
		background-color: #A2A77D;
		color: #51533E;
		}
		
		
		
		input.nbr
		{
		float: left;
		_display: inline;
		margin: 13px 5px 0px 10px;
		width: 11px;
		height: 11px;
		}
		
		
		label.checkbox
		{
		margin: 5px 0 0 0px;
		font: 10px/11px Arial, Verdana, sans-serif;
		text-align: left;
		color: #51533E;
		}
		


		span.warning
		{
		float: left;
		color: #780001;
		text-align: left;
		margin: 0 0 0 5px;
		font: bold 10px/10px Arial, Verdana, sans-serif;
		text-transform: uppercase;
		}
		
		
		
		span.bedankt
		{
		float: left;
		color: #780001;
		text-align: left;
		margin: 0 0 0 5px;
		font: bold 10px/14px Arial, Verdana, sans-serif;
		}
		
		
		
		.botstop
		{
		display: none;
		}


/*
	googlemaps
*/
		
		
		div#map
		{
		float: left;
		_display: inline;
/*
		background-color: #E8EADF;
*/
		background-color: #fff;
		width: 555px;
		height: 200px;
		margin: 0px 0px 0px 20px;
		}	



/*
	adresbalk
*/


		div#adres
		{
		padding: 10px 0 0 421px;
		float: left;
		_display: inline;
		text-align: left;
		font: 10px/12px Arial, Verdana, sans-serif;
		color: #51533E;
		}

		
		div#adres a, div#adres a:link, div#adres a:visited
		{
		color: #51533E;
		}
		
		
		div#adres a:hover
		{
		text-decoration: none;
		}
		
		
		
		
		
/*
	www.tnt.be
*/


		div#tnt
		{
		padding: 10px 0 0 20px;
		float: left;
		_display: inline;
		text-align: left;
		font: 10px/12px Arial, Verdana, sans-serif;
		color: #51533E;
		}

		
		div#tnt a, div#tnt a:link, div#tnt a:visited
		{
		color: #51533E;
		}
		
		
		div#tnt a:hover
		{
		text-decoration: none;
		}