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



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


		body
		{  			
		background: #86b5ed url("_images/bg-energieloket-2009-v2.gif") no-repeat bottom left;
		_background: #86b5ed url("_images/bg-energieloket-2009-ie-v2.gif") no-repeat bottom left;

/*
		_background: #98C3F1 url("_images/bg-energieloket-2009-ie-v2.gif") no-repeat bottom left;
*/

		background-attachment: fixed;
		}

		
		
		div#header
		{
		height: 50px;
		background: #fff;
		color: #032145;
		position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		}
		
		
		
		div#header img
		{
		width: 350px;
		float: left;
		}
		

		
		strong
		{
		color: #C0CC00;
		background: #003069;
		padding: 2px 2px 0px 2px;
		}
		
		
		
		div#content
		{
		float: left;
		display: inline;
		width: 575px;
		text-align: left;
		padding: 0 0 50px 0;
		_padding: 0 0 140px 0;
		margin: 75px 0 0px 425px;
		}
		
		
		
		div#content h1
		{
		font: bold 25px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #fff;
		margin: 0 0 25px 0;
		}
		
		
		
		div#content h2
		{
		font: bold 20px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin: 15px 0 15px 0;
		border-bottom: 1px #003069 solid;
		padding: 0 0 5px 0;
		}
		
		
		
		div#content h2 span
		{
		font: bold 12px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #fff;
		float: right;
		padding: 5px 0 0 0;
		}
		
		
		
		div#content p
		{
		text-align: left;
		padding: 7px 0 7px 0;
		}
		
		
		
		div#content sup
		{
		font: 8px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
	


		div#content p a, div#content p a:link, div#content p a:visited
		{
		font: 11px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #032145;
		}
		
		
		div#content  p a:hover
		{
		color: #fff;
		text-decoration: none;
		}
	
	
		div#content ul
		{
		font: 11px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
		list-style: square;
		margin: 7px 0 7px 30px;
		color: #032145;
		}
		
		
		div#content ul li a, div#content ul li a:link, div#content ul li a:visited
		{
		font: 11px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #032145;
		}
		
		
		div#content  ul li a:hover
		{
		color: #fff;
		text-decoration: none;
		}



		table
		{
		font: 10px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;
		width: 100%;
		margin: 7px 0 7px 0;
		border-top: #fff solid 3px;
		padding: 7px;
		}
		
		
		
		
/*
	footer	
*/
		
	
		
		
		div#footer
		{
		font: 9px/11px "Helvetica Neue", Helvetica, Arial, sans-serif;
		position:absolute;
		bottom:0;
		left:0px;
		width:500%;
		height:70px;
		background: #fff;
		border-top: 25px #C0CC00 solid;
		_border-top: 25px #CBD401 solid;
		}
		 
		 
		 
		 
		div#footer div
		{
		float: left;
		display: inline;
		margin: 10px 0 10px 15px;
		color: #999;
		width: 800px;
		}
	
		
		
		
			
	/*
		menu
	*/
	
	
		div#nav
		{
		float: left;
		display: inline;
		width: 398px;
		text-align: left;
		height: 450px;
		margin: 75px 0 0 0px;
		}
	
	
	
		div#nav h2
		{
		float: left;
		text-indent: -9999px;
		display: block;
		margin: 0 0px 0 0px;
		}
		
		
		div#nav h2 a#loket, div#nav h2 a#loket:link, div#nav h2 a#loket:visited
		{
		float: left;
		width: 139px;
		height: 156px;
		background: transparent url("_images/lg.gif") no-repeat top center;
		display: block;
		margin: 0 0 0 15px;
		}
	


	
		#vertical_container	
		{
		text-transform: uppercase;
		width: 200px;
		float: right;
		_display: inline;
		padding: 0px 0px 10px 20px;
		}
		
		
		#vertical_container h1 a, #vertical_container h1 a:link, #vertical_container h1 a:visited
		{
		color: #003069;
		text-align: left;
		font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-decoration: none;
		display: block;
		padding: 3px 0px 2px 25px;
		margin: 3px 0 0 0;
		}
		
		
		#vertical_container h1 a:hover
		{
		color: #003069;
		background: #fff;
		}
		
		
		#vertical_container h1.active a
		{
		color: #C0CC00;
		background: #fff;
		}
		
		
		#vertical_container a.subactive
		{
		color: #003069;
		background: #fff;
		}
		
		
		
	/*	sub */
		
		
		.accordion_content
		{
		display: none;
		overflow: hidden
		}
	
		
		
		.accordion_content a, .accoridon_content a:link, .accordion_content a:visited
		{
		font: 11px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
		display: block;
		height: 18px;
		color: #003069;
		text-align: left;
		width: 175px;
		text-decoration: none;
		padding: 1px 0px 2px 25px;
		margin: 2px 0 0 0;
		}
		
		
		
		.accordion_content a span
		{
		color: #fff;
		}
		
		
		.accordion_content a:hover
		{
		color: #fff;
		}








	/*
		googlemaps
	*/


		
		div#map
		{
		margin: 50px 0 0 0;
		background: #fff;
		width: 508px;
		height: 280px;
		border: #fff solid 5px;
		}
		
		
		form#wegbeschrijving label
		{
		font: 11px/11px "Trebuchet ms", sans-serif; 
		_display: inline;
		float: left;
		text-align: left;
		color: #003069;
		width: 400px;
		}
	
	
		form#wegbeschrijving input#go
		{
		_display: inline;
		float: left;
		text-align: left;
		font: 11px/11px "Trebuchet ms", sans-serif; 
		background-color: #fff;
		color: #003069;
		border: none;
		}
		
		
		form#wegbeschrijving input#saddr
		{
		_display: inline;
		float: left;
		text-align: left;
		font: 11px/11px "Trebuchet ms", sans-serif; 
		background-color: #fff;
		color: #003069;
		border: none;
		width: 400px;
		}
	
	

		
	/*
		contactformulier		
	*/
		
	

		fieldset
		{
		/*float: left;
		_display: inline;*/
		margin: 25px 0 0 0;
		border: none;
		width: 466px;	
		}
		
		
		fieldset br	
		{
		clear: both;
		}



		label
		{
		font: 11px/11px "Trebuchet ms", sans-serif; 
		/*_display: inline;*/
		width: 150px;
		float: left;
		text-align: left;
		color: #003069;
		}
		label.checkbox	{
		width: 314px;
		padding-left: 150px;
		}
		label.checkbox input{
			width: auto;
			height: auto;
			padding: auto;
			margin: auto;
			background: transparent;
			}
 			
		input, select
		{
		_display: inline;
		float: left;
		text-align: left;
		font: 11px/11px "Trebuchet ms", sans-serif; 
		background-color: #fff;
		color: #003069;
		width: 300px;
		border: none;
		}
		

		input, textarea, label, textarea, select
		{
		padding: 4px 0;
		margin: 2px 0 0 0;
		}
		
		
		select.small	{
			width: 100px;
			}
		textarea
		{
		_display: inline;
		float: left;
		font: 11px/17px "Trebuchet ms", sans-serif; 
		background-color: #fff;
		color: #003069;
		width: 300px;
		height: 80px;
		text-align: left;
		border: none;
		}
		
		fieldset		{
			border-width: 1px 0 0 0;
			border-style: solid;
			border-color: #003069;
			margin-top: 10px;
			padding-top: 5px;
			}	
		fieldset legend	{
			padding-right: 1em;
			font-weight: bold;
			}
		button
		{
		_display: inline;
		background-color: #fff;
		width: 115px;
		float: right;
		font: 11px/17px "Trebuchet ms"sans-serif;
		color: #003069;
		text-align: center;
		border: none;
		padding: 5px;
		margin: 10px 16px 0 0;
		}
		
		
		
		button:hover
		{
		color: #C0CC00;
		}
		
		
		
		input.nbr
		{
		font: 11px/17px "Trebuchet ms"sans-serif;
		color: #fff;
		margin: 5px 5px 0px 0px;
		width: 10px;
		height: 10px;
		float: left;
		border: none;
		}
				

		span.warning
		{
		float: left;
		color: #fff;
		background: #C0CC00;
		text-align: left;
		padding: 2px;
		}
		
		
		
		span.bedankt
		{
		float: left;
		color: #fff;
		background: #C0CC00;
		text-align: left;
		padding: 2px;
		}
		
		
		
		.botstop
		{
		display: none;
		}