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

/* this stylesheet sets a padding on div#txt instead of a margin
 * on the elements in it, which should fix lots of issues */
/* General & basic settings */


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

		}
		
	
		html
		{
		height: 100%;
		}
		
		body {
		margin: 0px auto 0px;
		text-align: center;
		padding: 0;
		background: #fff url("images/bg_body.gif") repeat-x top left;
		font: 11px/18px Verdana, Arial, sans-serif;
		color: #333;
		}
		
		
		
		
/* SEO-optimalisation logo */
		
		
		
		
		h1#vs
		{
		background: #fff url("images/value_sq_lg.gif") no-repeat top left;
		width: 250px;
		height: 108px;
		text-indent: -9999px;
		margin: 0px;
		padding: 0px;
		float: left;
		}
		
		
		
		
/* Layout settings */
			
	
	
		div#wrapper
		{
		width: 844px;
		margin: 0px auto 0px;
		text-align: center;
		}
	
		
div#header
{
height: 114px;
width: 844px;
margin: 0px auto 0px;
text-align: center;
}		

h3
{
width: 573px;
background-color: #b7b8b8;
margin: 0 0 10px 250px;
margin: 0 0 10px 0px;
text-align: left;
font: bold 13px/18px Georgia, Times;
}

h4
{
width: 573px;
margin: 0 0 10px 250px;
margin: 0 0 10px 0px;
text-align: left;
font: bold 11px/18px Georgia, Times;
}



.home /* background-image for homepage */
{
background: #fff url("images/bg_home.jpg") no-repeat top left;
}
.missie /* background-image for missie */
{
background: #fff url("images/bg_missie.jpg") no-repeat top left;
}
.wie /* background-image for wie */
{
background: #fff url("images/bg_wie.jpg") no-repeat top left;
}
.diensten /* background-image for diensten */
{
background: #fff url("images/bg_diensten.jpg") no-repeat top left;
}
.fonds /* background-image for fonds, zelfde als voor diensten omdat we nog niets anders hebben */
{
background: #fff url("images/bg_diensten.jpg") no-repeat top left;
}
.clienten /* background-image for clienten */
{
background: #fff url("images/bg_clienten.jpg") no-repeat top left;
}
.media /* background-image for media */
{
background: #fff url("images/bg_media.jpg") no-repeat top left;
}
.contact /* background-image for contact */
{
background: #fff url("images/bg_contact.jpg") no-repeat top left;
}		
		
/* Menu settings */
		
		
				
		ul#menu
		{
		list-style: none;
		margin: 0;
		padding: 89px 0 0 250px;
		/*padding: 89px 0 0 0px;*/
		}
	
	
	
		ul#menu li
		{
		float: left;
		font: bold 10px/25px Verdana, Arial, sans-serif;
		}
	
	
		ul#menu li a, ul#menu li a:link, ul#menu li a a:visited
		{
		margin: 0 0 0 0;
		display: block;
		color: #342F2B;
		text-decoration: none;
		padding: 0 15px 0 15px;
		height: 25px;
		width: 40px;
		}
		
		ul#menu li a:hover, ul#menu li a#active

		{
		background-color: #b7b8b8;
		color: #fff;
		text-decoration: underline;
		}
		
		
		
		
/* Submenu settings */
	
	
		ul#submenu
		{
		list-style: none;
		margin: 0px;
		padding: 0px;
		margin: 0 0 60px 250px;
		margin: 0 0 60px 0px;
		height: 25px;
		width: 573px;
		background-color: #b7b8b8;
		display: inline;
		float: left;
		}
	
	
	
		ul#submenu li
		{
		float: left;
		font: bold 10px/25px Verdana, Arial, sans-serif;
		height: 25px;
		}
	
	
		ul#submenu li a, ul#submenu li a:link, ul#submenu li a a:visited
		{
		margin: 0 0 0 0;
		display: block;
		color: #333;
		text-decoration: none;
		padding: 0 10px 0 10px;
		height: 25px;
		float: left;
		}
		
		ul#submenu li a:hover, ul#submenu li a#actived

		{
		background-color: #b7b8b8;
		color: #fff;
		text-decoration: underline;
		}		
		
		
		
		
/* Content settings */
		
		
		
		div#content
		{
		background: #cdccca url("/images/bg_content.gif") repeat-x top left;
		min-height: 300px;
		height:expression(this.scrollHeight < 300? "300" : "auto" );
		margin: 0 0 10px 0;
		}
		
	
		h2
		{
		width: 573px;
		background-color: #cdccca;
		margin: 0 0 10px 0px;
		text-align: left;
		font: bold 15px/18px Georgia, Times;
		}
		
		
		
		div#txt
		{
		width: 594px;
		margin: 0px auto 0px;
		padding: 0 0 0 250px;
		text-align: center;
		}


		
		div#txt p
		{
		text-align: justify;
		padding: 0px 0 5px 0;
		/*width: 573px;*/
		margin: 0px 0 0 0px;
		background-color: #cdccca;
		}
		
		div#txt table
{
float: left;
_display: inline;
text-align: left;
padding: 0px 0 5px 0;
/*margin: 0px 0 0 250px;
_margin: 0px 0 0 0px;*/

background-color: #cdccca;
}
		

div#txt p.r
{
text-align: right;
}

div#txt p.col {
float: left;
text-align: left;
display:inline;
width: 250px;
padding: 0 0 0 1em;
}
div#txt p.second {
margin-left:0;
}

		div#txt a, div#txt a:link, div#txt a:visited
		{
		text-decoration: underline;
		font-weight: bold;
		color: #25211E;
		}

		
div#txt .kader {
border:1px solid #333;
margin:0 18px 0 260px;
width:555px;
}
div#txt .kader p{
margin:6px;
width:540px;
position:relative;
}
		
	
div#txt img
{
border: 1px #999 solid;
margin: 0px 5px 5px 0px;
padding: 2px;
}

		div#map
		{
		text-align: justify;
		padding: 0px 0 30px 0;
		width: 573px;
		/*margin: 0px 0 0 250px;*/
		background-color: #cdccca;
		}
		
/* Footer */

		
		#footer
		{
		color: #999;
		width: 844px;
		margin: 0px auto 0px;
		text-align: center;
		background: #ffffff url("/images/picto.gif") no-repeat scroll 235px 0px;
		padding: 0 0 0 45px;
		}
	
		#footer a
		{
		color: #999;
		text-decoration: underline;
		}
		
		
		#footer a:hover
		{
		text-decoration: none;
		}
		
		#footer img
		{
		margin: 8px 15px 0 15px;
		float: left;		
		}
	
	
/* Forms */



		div#formbox
		{
	/*	margin: 0px 0 0 250px;*/
		}
	
	
		

		label
		{
		padding: 0px;
		text-align: left;
		width: 180px;
		float: left;
		height: 18px;
		margin: 0 10px 0 0px;

		}
		
	
		
		input, select
		{
		background-color: #fff;
		border: 1px #BBC7D3 solid;
		padding: 0px;
		width: 250px;
		text-transform: none;
		margin: 0px;
		margin-bottom: 5px;
		height: 18px;
		float: left;
		}
		
form br	{
	clear: both;
	}
fieldset	{
	border: 0px solid;
	/*margin: 0 0 0 250px;*/
	margin: 0 0 0 0px;
	}
.checkbox input {
width:auto;
clear:none;
height:auto;
background: none;
border:1px solid #BBC7D3;
}
.checkbox label {
width: 150px;
clear:none;
padding: 0 0 0 1em;
}
.checkbox {
padding: 0 0 1em 0;
text-align: left;
}
	
		textarea
		{
		text-align: left;
		height: 86px;
		width: 250px;
		background-color: #fff;
		border: 1px #BBC7D3 solid;
		margin: 0px;
		padding: 0px;
		display: block;
		float: left;
		}
	
		input#bigsubmitold
		{
		border: 1px #636363 solid;
		text-transform: uppercase;
		width: 90px;
		height:22px;
		color: #636363;
		font: 10px/18px Verdana, Arial, sans-serif;
		}
		div#txt a.fakebutton, div#txt a.fakebutton:link, div#txt a.fakebutton:hover, div#txt a.fakebutton:active, div#txt a.fakebutton:visited	{
		border: 1px #636363 solid;
		text-transform: uppercase;
		width: 90px;
		height:20px;
		color: #636363;
		font: 10px/20px Verdana, Arial, sans-serif;
		background: #fff;
		/*padding: 3px 5px;*/
		float: left;
		text-decoration: none;
		font-weight: normal;
		text-align: center;
		margin: 20px 2px 10px 0;
		}
		
		input#bigsubmit
		{
	border: 1px #636363 solid;
	text-transform: uppercase;
	width: 90px;
	height:22px;
	float: left;
	color: #636363;
	margin: 10px 0px 0px 190px;
	font: 10px/18px Verdana, Arial, sans-serif;
	background-position: center;
		}
		
.noscreen	{
	display: none;
	}


div#printbtn {
float: none;
clear: both;
background: url(/images/print_value_square.gif) no-repeat top right;
width: 37px;
height: 12px;
text-indent: -999em;
line-height: 1px; /*IE6 div overflow bug */
font: 1px; /*IE6 div overflow bug */
cursor:pointer;
margin: 0 0 10px 530px;
}
/* css for 3 jaar value square form */

#driejaar #mapcontainer	{
	float: left;
	width:250px;
	/*height: 100%;*/
	position: relative;
	}
#driejaar #mapcontainer #map	{
	width:250px;
	height: 350px;
	}
#driejaar #mapdata div	{
	display: none;
	}
#driejaar #mapdata #balloon	{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #F06F0F;
	background: rgba(240,111,15,0.9);
	color: #fff;
	padding: 10px;
	font-weight: bold;
	text-align: left;
	width: 230px;
	}
#driejaar #txt	{
	padding: 0px;
	width: 844px;
	}
#driejaar div#txt h2, #driejaar div#txt p	{
	margin: 0 0 0 250px;
	padding: 15px 15px 0;
	width: auto;
	}
#driejaar legend	{
	font-weight: bold;
	}
#driejaar fieldset	{
	padding: 15px 15px;
	margin: 15px 0px;
	border-top: 1px solid #fff;
	}
#driejaar fieldset legend	{
	padding: 0 5px;
	}
#driejaar fieldset button	{
	border: 1px #636363 solid;
	text-transform: uppercase;
	width: 90px;
	height:22px;
	color: #636363;
	font: 10px/18px Verdana, Arial, sans-serif;
	float: right;
	margin: 20px 123px 0px 0;
	cursor: pointer;
	}
#driejaar fieldset label.radio{
	width: 5em;
	cursor: pointer;
	margin-bottom: 4px;
	}
#driejaar fieldset label.radio input{
	width: auto;
	border: 0px solid #000;
	height: auto;
	margin: 3px 6px 0px 0;
	background: transparent;
	}
#driejaar #content	{
	overflow: hidden;
	}
#driejaar div#header
{
height: 180px;
background: #F06F0F url(images/driejaar.jpg) no-repeat center right;
width: 100%;
}
#driejaar div#txt p.warning, #driejaar div#txt p.success	{
	color: #fff;
	background: #F06F0F;
	padding: 5px;
	margin: 5px 15px 5px 265px;
	}