/* Tallieu & Tallieu nv - www.tnt.be*/
		
		
		/* basics */
		
		html { height: 100%; margin-bottom: 1px; }
		
		body
		{
		background: #fff url("../_images/bg_body.gif") repeat-y top center;
		margin: 0px auto 0px;
		padding: 0px;
		text-align: center;
		}
		
		img
		{
		border: 0px; padding: 0px; margin: 0px; border-style: none;
		}
		
		div, ul, li, h1, h2, h3, p
		{
		margin: 0px; padding: 0px;
		}
		
		
		div#bar
		{
		width: 100%;
		background-color: #87001D;
		height: 5px;
		}
		
		div#wrap
		{
		width: 876px;
		margin: 0px auto 0px;
		text-align: center;
		}
		
		a, a:link, a:visited
		{
		font-weight: bold;
		text-decoration: underline;
		}
		
		a:hover
		{
		text-decoration: none;
		}
			
		/* sidebar */

		
		div#sidebar
		{
		float: left;
		width: 125px;
		background: #d9e2df url("../_images/bg_side.jpg") repeat-x top left;
		height: 224px;
		}
		
	
		/* menu */

		div#menu
		{
		float: left;
		width: 125px;
		}
		
		div#menu h1
		{
		background: #d9e2df url("../_images/hoorcentrum_t_oorhuis_lg.jpg") no-repeat top left;
		text-indent: -9999px;
		height: 204px;
		width: 125px;
		}
		
		
		div#menu ul
		{
		list-style-type: none;
		padding-top: 132px;
		background: transparent url("../_images/bg_menu.jpg") no-repeat top left;
		text-align: left;
		}
		
		div#menu li
		{
		margin: 0px 0px 12px 8px;
		font: 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;		
		white-space: nowrap;
		}
		
		div#menu li a, div#menu li a:link, div#menu li a:visited
		{
		color: #87001D;
		text-decoration: none;
		}
		
		div#menu li a:hover
		{
		background: transparent url(../_images/bg_menu.gif) no-repeat 109px 6px;
		text-decoration: underline;
		}
		
		div#menu li#active a	
		{
		color: #fff;
		background: transparent url(../_images/bg_menu_active.gif) no-repeat 109px 6px;
		font-weight: bold;
		text-decoration: underline;
		}
	
	
	
/* 
	content 
*/

		
		div#content
		{
		float: left;
		width: 626px;
		font: 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
		}
		
		
		div#content-left
		{
		float: left;
		width: 400px;
		font: 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
		}
		
		
		
		div#content-right
		{
		margin: 25px 0 0 0;
		padding: 0 10px 10px 10px;
		float: right;
		width: 180px;
		font: 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
		}
		
	
	
		div#content-right h5
		{
		font: bold 20px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: left;
		margin: 0 0 0px 20px;
		color: #999;
		}
	
	
		div#content div#content-right h3
		{
		border-top: #666 dotted 1px;
		font: bold 12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
		margin: 15px 15px 0px 15px;
		text-align: left;	
		color: #87001D;
		padding: 10px 15px 5px 15px;
		background: transparent url("../_images/blub.gif") no-repeat 4px 10px;
		}
	
	
	
		div#content p.italic
		{
		font: italic 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		padding: 10px;
		background: #dde0e2;
		border-left: #fff solid 3px;
		margin: 0 0 0 17px;
		width: 400px;
		}



		div#content div#content-right p
		{
		font: bold 11px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		}



		div#content div#content-right p a, div#content div#content-right p a:link, div#content div#content-right p a:visited
		{
		text-decoration: underline;
		color: #999;	
		}
		
		
		div#content div#content-right p a:hover
		{
		text-decoration: none;
		color: #000;
		}
		
		
		
		
		
		
/* 
	headers 
*/
				

		div#header h1
		{
		height: 37px;
		width: 586px;	
		font: bold 14px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
		color: #fff;
		text-align: left;
		padding: 50px 0 0 40px;
		text-transform: uppercase;
		background: #fff url("../_images/bg_title.gif") repeat-x top left;
		}
		
		
		
		
		img.top
		{
		float: right;
		margin: 0px 15px 0px 0px;
		}
		


		
		
/* 
	photos
*/

		
		div#content h2, div#content-left h2, div#content-right h2
		{
		height: 204px;
		text-indent: -9999px;
		}
		
		
		.f_welkom
		{
		background: #fff url("../_images/_fotos/bg_2008.jpg") no-repeat top left;
		}
		
		
		.f_over_het_gehoor
		{
		background: #fff url("../_images/_fotos/over_het_gehoor.jpg") no-repeat top left;
		}
		
		
		.f_contact
		{
		background: #fff url("../_images/_fotos/contact.jpg") no-repeat top left;
		}
		
		
		.f_hoortips
		{
		background: #fff url("../_images/_fotos/hoortips.jpg") no-repeat top left;
		}
		
		
		.f_hoorapparaten
		{
		background: #fff url("../_images/_fotos/hoorapparaten.jpg") no-repeat top left;
		}		
		
		
		.f_bescherming
		{
		background: #fff url("../_images/_fotos/bescherming.jpg") no-repeat top left;
		}
		
		
		.f_hulp
		{
		background: #fff url("../_images/_fotos/hulp.jpg") no-repeat top left;
		}				


/*
		.f_hoorcentra
		{
		background: #fff url("../_images/_fotos/hoorcentra.jpg") no-repeat top left;
		}
*/


		.f_info
		{
		background: #fff url("../_images/_fotos/info.jpg") no-repeat top left;
		}	



		
		
		
		div#content h3, div#content-left h3
		{
		font: bold 12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
		margin: 15px 0px 0px 15px;
		text-align: left;	
		color: #87001D;
		padding: 1px 15px 5px 15px;
		background: transparent url("../_images/blub.gif") no-repeat 4px 0px;
		}
	
	
			
		div#content h4, div#content-left h4
		{
		font: bold 12px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
		margin: 15px 0px 0px 25px;
		text-align: left;	
		color: #000;
		text-transform: uppercase;
		padding: 1px 15px 5px 15px;
		}
	
		
		div#content p a, div#content p a:link, div#content p a:visited, div#content ul a, div#content ul a:link, div#content ul a:visited
		div#content-left p a, div#content-left p a:link, div#content-left p a:visited, div#content-left ul a, div#content-left ul a:link, div#content-left ul a:visited
		{
		text-decoration: underline;
		color: #000;	
		font-weight: bold;	
		}
		
		div#content p a:hover, div#content ul a:hover
		div#content-left p a:hover, div#content-left ul a:hover
		{
		text-decoration: none;
		color: #000;
		font-weight: bold;	
		}
		
		
		

		
		
		div#type
		{
		border-bottom: 1px #666 dotted;
		padding-right: 15px;
		width: 611px;
		text-align: right;
		height: 25px;
		background-color: #e8eaeb;
		}
		
		div#content p, div#content-left p
		{
		color: #000;
		padding: 0px 15px 15px 40px; 
		text-align: left;
		}
		
		
		div#content p span, div#content-left p span
		{
		color: #666;
		font: italic 10px/18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	
		}
		
		
		div#content p#back
		{
		float: right;
		width: 200px;
		}
		
		div#content p#back a
		{
		
		text-align: right;
		text-decoration: underline;
		}
		
		
		
		div#content p img
		{
		float: right;
		border: 1px #999 solid;
		margin-left: 15px;
		background-color: #fff;
		}
		
		
		div#content-left p img
		{
		float: left;
		border: 1px #999 solid;
		margin: 10px 0 0 0;
		background-color: #fff;
		}
		
		
		div#content p img.no
		{
		border: 0px;
		padding: 0px;
		}
		
		
		div#content p img.f
		{
		float: left;
		margin: 0px 10px 10px 0px;
		}
		
		
		div#content p img.co
		{
		float: right;
		margin: 0px 10px 0px 10px;
		}
		
		
		
		#content ul, #content-left ul, #content-right ul
		{
		margin: 0 0 0 20px; 		
		padding: 0px 15px 15px 30px; 
		list-style: none;
		clear: both;
		}
		
		
		#content ul li, #content-left ul li, #content-right ul li 
		{	
		text-align: left;
		background-image: url(../_images/list.gif);
		background-repeat: no-repeat;
		background-position: 0 .6em;
		padding-left: 12px;
		}
		
		
		
		h1.product
		{
		width: 120px;
		height: 120px;
		float: left;
		border: 2px #DA7A00 solid;
		text-indent: -9999px;
		margin: 0px 10px 10px 0px;
		}
		
		
		h1#senso_vita
		{
		background: #fff url("../_images/_products/_senso_vita/main.jpg") no-repeat top left;
		}
		
		h1#siemens_medical
		{
		background: #fff url("../_images/_products/_siemens_medical/main.jpg") no-repeat top left;
		}
		
		
		h1#atlas_plus
		{
		background: #fff url("../_images/_products/_atlas_plus/main.jpg") no-repeat top left;
		}
		
		
		h1#go
		{
		background: #fff url("../_images/_products/_go/main.jpg") no-repeat top left;
		}
		
		
		h1#synchro
		{
		background: #fff url("../_images/_products/_synchro/main.jpg") no-repeat top left;
		}
		
		
		h1.waarborg
		{
		width: 120px;
		height: 120px;
		float: left;
		border: 2px #cc00cc solid;
		background-color: #660033;
		margin-right: 10px;
		text-align: center;
		font: 15px/30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;		
		color: #fff;
		}
		
		
		
		table#gehoor_test
		{
		text-align: left;
		margin-left: 35px;
		width: 500px;
		}
		
		table#gehoor_test td
		{
		padding: 3px;
		}
		
		th
		{
		background-color: #6D6C72;
		color: #fff;
		text-align: center;
		padding: 2px;
		}
		
		
		th.tra
		{
		background-color: #E8EAEB;
		}
		
		
		td.boxes
		{		
		border: 1px #fff solid;
		text-align: center;
		}
		
		
		th.kies
		{
		color: #000;
		font-weight: bold;
		background-color: #E8EAEB;
		}
		
		
		input#btn
		{
			padding: 0;
		margin: 0;
		font: 10px/25px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		background-color: #6D6C72;
		color: #fff;
		border: 0px;
		height: 25px;
		margin-top: 10px;
		float: right;
		width: 200px;
		}
		
		
		div#result
		{
		margin: 0px;
		padding: 0px;
		text-align: left;
		padding: 5px 0px 0px 20px;
		width: 500px;
		margin: 0px 0px 10px 25px;
		background: transparent url("../_images/arrow.gif") no-repeat top left;
		} 
		
		
		h1#partners
		{
		float: left; 
		font: bold 15px/18px "Trebuchet ms"sans-serif; 
		margin: 10px 0 0 30px;
		}
		div.thumbs	{
		padding: 15px;
		}
		
		
		
		div.thumbs a	{
		color: #000;
		float: left;
		margin: 0 10px 0 0;
		}
		
		
		.new_2006 strong
		{
		color: #87001E;
		font-size: 150%;
		}
		
		
		.new_2006 
		{
		padding: 2px 0px 0px 29px;
		background-image: url(../_images/new.gif);
		background-repeat: no-repeat;
		width: 550px;
		margin: 10px 0px 30px 15px;
		text-align: left;
		}
	
	
	/*
		googlemaps
	*/


		
		div#map
		{
		margin: 30px 0 0 30px;
		background: #fff;
		width: 567px;
		height: 280px;
		}
		
	
	
		
		
	/*
		contactformulier		
	*/
		
	

		fieldset#formbox
		{
		float: left;
		_display: inline;
		margin: 10px 0 0 23px;
		color: #6D6C72;
		border: none;
		width: 412px;
		}
		
		fieldset#formbox br	
		{
		clear: both;
		}



		label
		{
		font: 12px/25px "Trebuchet ms"sans-serif; 
		/*_display: inline;*/
		width: 90px;
		float: left;
		text-align: left;
		color: #6D6C72;
		}


 			
		fieldset#formbox input, select
		{
		/*_display: inline;*/
		float: left;
		text-align: left;
		font: 12px/25px "Trebuchet ms"sans-serif; 
		background-color: #fff;
		color: #000;
		width: 300px;
		border: #D6D7D8 solid 1px;
		margin: 0 0 10px 0;
		}
		
		
		
		fieldset#formbox input, textarea, label, textarea
		{
		padding: 5px;
		}
		
		
		
		textarea
		{
	/*	_display: inline;*/
		float: right;
		font: 12px/25px "Trebuchet ms"sans-serif; 
		background-color: #fff;
		color: #000;
		width: 300px;
		height: 100px;
		text-align: left;
		border: #D6D7D8 solid 1px;
		}
		
		
		
		button
		{
		_display: inline;
		background-color: #fff;
		width: 115px;
		float: right;
		font: 11px/25px "Trebuchet ms"sans-serif;
		color: #6D6C72;
		text-align: center;
		border: #D6D7D8 solid 1px;
		padding: 5px;
		margin: 10px 0 0 0;
		}
		
		
		
		button:hover
		{
		color: #87001E;
		}
		
		
		
		fieldset#formbox input.nbr
		{
		font: 12px/25px "Trebuchet ms"sans-serif;
		color: #fff;
		margin: 5px 5px 0px 0px;
		width: 10px;
		height: 10px;
		float: left;
		border: none;
		}
		
		
		
		

		span.warning
		{
		float: left;
		background: #87001E;
		color: #87001E;
		text-align: left;
		margin: 10px 0 10px 30px;
		}
		
		
		
		span.bedankt
		{
		float: left;
		color: #87001E;
		text-align: left;
		margin: 10px 0 10px 23px;
		}
		
		
		
		.botstop
		{
		display: none;
		}