/* v1.0 | 20080212 */
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	/* for IE */
/*	filter:alpha(opacity=60);
	/* CSS3 standard */
/*	opacity:0.6;
*/


	body {
		background-color: #333;
	}
		
	a, a:visited{
		color: #0033FF;
	}

	#overall_container{
		width: 800px;
		height: 100%;
		background-color: #E5E5E5;
		margin: 20px auto 0px auto;
		padding-top: 10px;
		padding-bottom: 10px;
		position: relative;
	}

	#logo{
		height: 72px;
		width: 242px;
		background-image: url(img/logo_242x72.png);
		position: absolute;
		top: -7px;
		left: 49px;
	}

	#page{
		width: 780px;
		height: 100%;
		margin: 0px auto;
		background-color: #FFF;
		overflow: hidden;
	}
	
	#page_right{
		width:400px;
		height: 100%;
		min-height: 400px;
		float: right;
		padding: 30px 20px 20px 20px;
	}

	#page_left{
		width:300px;
		height: 100%;
		min-height: 400px;
		padding: 20px;
		float: left;
	}
	
	#main_pic{
		width:300px;
		height: 200px;
		padding: 30px 20px 20px 20px;
		background-color: #FFF;
		float: left;
	}

	#bottom_info{
		margin-top: 5px;
		margin-bottom: 10px;
		font-family: "Trebuchet MS", Verdana;
		line-height: 160%;
	}
	
	#bottom_info p, #bottom_info a{
		color: #666;
		text-decoration: none;
	}

	#bottom_info a:hover{
		color: #FFF;
		text-decoration: underline;
	}


	/*
	*
	*	FONT STYLES
	*
	*/

	p, #page li{
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .8em;
		line-height: 160%;
	}
	.klant_container p{
		font-size: .7em;
	}
	
	h1{
		color: #333;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		line-height: 160%;
	}
	h4{
		color: #333;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		line-height: 160%;
	}
	li{
		list-style: inside;
		list-style-image: url(img/pointer_blue.png);
		margin-left: 10px;
	}
	
	ul#red li{
		color: #FF0000;
		font-weight: bold;
		list-style-image: url(img/pointer_red.png);
		text-align: left;
	}

	ul#green li{
		color: #00BB00;
		font-weight: bold;
		list-style-image: url(img/pointer_green.png);
		text-align: left;
	}
	

	ul.list li{
		list-style-image: url(img/pointer_green.png);
	}
		
	ul.list a{
		text-decoration: none;
		color: #009900;

/*		color: #FF9900;
		color: #993399;
		color: #009933;	
		color: #71A5CC;
*/	}

	ul.list a:hover{
		color: #3300FF;
		text-decoration: underline;
	}



	/*		
	*
	*	FORMULIEREN
	*
	*/
	
	#form_container{
		height: 100%;
		width: 300px;
		padding-top: 20px;
		margin-bottom: 40px;
		overflow: hidden;
	}
	
	#form{
		width: 320px;
		height: 100%;
		min-height: 300px;
	}
	
	#form input:focus, #form textarea:focus{
		background-color: #FFF;
	}
	
	#form_mess{
		width: 300px;
		height: 100%;
	}
	
	#form label{
		color: #666;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: .8em;
		font-weight: bold;
		line-height: 140%;
		display: block;
	}
	
	#form input{
		height: 16px;
		width: 290px;
		padding: 2px;
		margin-bottom: 5px;
		background-color: #F4F4F4;
		border: 2px solid #999;
	}

	#form input.captcha{
		width: 181px;
	}
	
	#form textarea{
		margin-bottom: 5px;
		padding: 2px;
		background-color: #FFF;
		border: 2px solid #999;
		background-color: #F4F4F4;
	}
	
	#form input#submit{
		height: 25px;
		width: 104px;
		padding: 0px;
		background-color: #CCC;
		border: 2px solid #999;
		color: #333;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
	}

	#form img{
		height: 20px;
		border: 2px solid #999;
		margin-top: 17px;
		margin-right: 21px;
		padding: 0px;
		float: right;
	}
	





	/*		
	*	
	*	OVERLAY
	*
	*/

	.black_overlay{
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:1001;
		-moz-opacity: 0.5;
		opacity:.50;
		filter: alpha(opacity=50);
	}

	.white_content {
		position: absolute;
/*		top: 25%;
		left: 25%;
		width: 50%;
		height: 50%;
*/
		height: 210px;
		width: 600px;
		top: 120px;
		left: 50%;
		margin-left: -300px;
		padding: 10px;
		background-color: white;
		z-index:1002;
	}
	
	.txt{
		width: 280px;
		height: 180px;
		padding: 10px;
		float: right;
	}
	
	.white_content img{
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	.button_close{
		height: 16px;
		width: 16px;
		position: absolute;
		top: -26px;
		right: 7px;
		z-index: 1004;
	}
	
	.ad_title_container{
		height: 20px;
		width: 100%;
		position: absolute;
		top: -20px;
		left: 0px;
		z-index: 1003;
	}

	.ad_bottom_container{
		height: 20px;
		width: 100%;
		position: absolute;
		bottom: -20px;
		left: 0px;
		z-index: 1003;
	}

	.ad_title_txt{
		color: #FFF;
		float: left;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
	}

	.ad_bottom_txt{
		color: #FFF;
		float: left;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: .7em;
		text-align: center;
	}

	.ad_bottom_txt a{
		color: #FFF;
	}

	.ad_close{
		height: 16px;
		width: 16px;
		float: right;
		margin-top: 2px;
	}





	/*
	*
	*	NAVIGATION
	*
	*/

	#navigation_container{
		height: 40px;
		width: 780px;
		margin: 0px auto;
		margin-right: 10px;
	}

	ul#navigation{
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		float: right;
	}
	
	#navigation li{
		height: 40px;
		float: left;
		list-style: none;
		margin: 0px 0px;
	}

	#navigation li:hover{
		background-color: #FFF;
	}
	
	#navigation li:active{
		background-color: #CCC;
	}

	#navigation a{
		height: 40px;
		color: #999;
		text-decoration: none;
		line-height: 260%;
		padding-left: 10px;
		padding-right: 10px;
		display: block;
	}

	#navigation a:active{
		color: #000;	
	}
	
	#navigation .selected{
		background-color: #FFF;
	}

	#navigation .selected a{
		color: #666;
	}



	/*
	*
	*	KLANTEN
	*
	*/
	
	.klant_container{
		height: 100%;
		width: 400px;
		min-height: 70px;
		padding: 10px 0px;
		margin-top: 20px;
	}
	
	.klant_container img{
		border: 5px solid #71A5CC;
		margin-right: 10px;
	}

	.quote_container{
		height: 100%;
		width: 300px;
		min-height: 70px;
		padding: 10px 0px;
		margin-top: 20px;
	}	

		.quote{
			font-family: Palatino, ‘Palatino Linotype’, ‘Hoefler Text’, Times, ‘Times New Roman’, serif;
			font-size: 2em;
			font-weight: bold;
		}
	
	
	
	/*
	*
	*	TABLES
	*
	*/
	
	#tarieven{
		border: 1px solid #BFBFBF;
	}
	
	#tarieven tr{
		border-bottom: 1px solid #BFBFBF;
	}
	
	#tarieven td{
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .7em;
		line-height: 160%;
		border-right: 1px solid #BFBFBF;
		padding: 7px 5px;
	}
	#tarieven .title{
		text-align: center;
		color: #333;
		font-family: "Trebuchet MS", Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
		line-height: 160%;
	}