/* CSS Document */

html{
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
}


body {	background:#DDEEFE;
	background-image:url(images/bg2.jpg);
	background-position:top;

	background-repeat:no-repeat;margin: 0;
	text-align: center;
	height:auto;/* voor moderne browsers */
	height:100%; /* voor IE */
}

h1 {
	color: #666666;
	padding:0px;
	font-family:"Verdana";
	font-size:16px;
	text-align:left;
	font-weight:bold;
	}

h2 {
	color: #9EBDFF;
	padding:0px;
	font-family:"Verdana";
	font-size:14px;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
	}

h3 {
	color: #666666;
	padding:0px;
	font-family:"Verdana";
	font-size:11px;
	text-align:left;
	margin-bottom:5px;
	}
	


h4 {
	color: #666666;
	padding:0px;
	font-family:"Verdana";
	font-size:12px;
	text-align:left;
	margin-bottom:5px;
	}

p {
	margin-top:0;
	padding:0px;
		
	}

a {
font-family:"Verdana";
color:#666666;
text-decoration:none;
border:none;
}

a:hover {
font-family:"Verdana";
color:#666666;
text-decoration:none;
font-weight:bold;
}

a:active {
font-family:"Verdana";
color:#FF9900;
text-decoration:none;
font-weight:bold;
}

a.footer {
font-family:"Verdana";
color:#CC9933;
text-decoration:none;
}

ol {
list-style-image:url(images/list.jpg);

}



/* id's */
#container {
background-image:url(images/bgtext.jpg);
	background-color:#FFFFFF;
	width: 780px;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	}
	
#preheader {
	
	background-color:#FFFFFF;
	width: 780px;
	height:0px;
	}

#header {
	z-index:2;
	width:780px;
	height:32px;
	float:left;
	
	}

#header2 {
background:url(images/header3dgroen.jpg);
	z-index:2;
	width:780px;
	height:150px;
	float:left;
	
	}


/* DEZE GEEN 100% MAKEN */
#content {
	width: 500px;
	float:left;
	
		}

#content_ref{

	width: 780px;

	
	
		}
		
#colom_links {
	width: 200px;
	float:left;
	clear:both;
		}
		
#referenties_links {
	width: 400px;
	float:left;
	clear:both;
		}
#referenties_rechts {
	width: 400px;
	float:right;
	
		}
		
#referenties{

	width: 400px;
	height:150px;
			}
				
#footer {
background-image:url(images/bgfooter.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
	bottom: 0px; /* heel belangrijk */
	width:780px;
	clear:both;
	line-height: 30px;


	}
#valid {
float:right;

	bottom: 0px; /* heel belangrijk */
	width:200px;
	clear:both;
	}



	#menu4 {
	background-color: #FFFFFF;
	font-family: "Tw Cen MT";
	
	text-decoration: none;
	float:left;
	}
	
	#menu4 li {
background-color:#FFFFFF;
font-family:"Tw Cen MT";
	width: 156px;
	text-decoration: none;
	float:left;
	}
	
#menu4 li a {
  	height: 32px;
	font-family:"Tw Cen MT";
	text-align:center;
	height: 24px;
	text-decoration: none;
	}
	
#menu4 li a:link, #menu4 li a:visited {
	color: #999999;
	display: block;
	background: url(images/menu5.jpg);
	padding: 8px 0 0 30px;
	text-decoration: none;
	}
	
#menu4 li a:hover {
	color: #666666;
	background: url(images/menu5.jpg) 0 -32px;
	padding: 8px 0 0 30px;
	text-decoration:none;
	}
	
#menu4 li a:active {
	color: #0099CC;
	background: url(images/menu5.jpg) 0 -64px;
	padding: 8px 0 0 30px;
	text-decoration: none;
	}
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

#rotator
{
background: url(images/rotator/rotator.php) no-repeat top center;
width: 160px;
height: 150px;
}
	
/* classes */

.content {
background-image:url(images/bg_container.jpg);
	padding:30px;
	margin-right:0px;
	font-family:"Verdana";
	color:#666666;
	font-size:12px;
	text-align:left;
	height:auto;/* voor moderne browsers */
	min-height:100%; /* voor IE */
	
	
	}

.tabel {
	font-family:"Verdana";
	color:#666666;
	font-size:12px;
	text-align:left;
	padding-top:20px;
	
	
	
	}

.content_contact {
background-image:url(images/bg_container.jpg);
	padding:30px;
	margin-right:15px;
	font-family:"Verdana";
	color:#666666;
	font-size:12px;
	text-align:left;
	height:auto;/* voor moderne browsers */
	min-height:100%; /* voor IE */
	
	
	}

.content_ref {
background-image:url(images/bg_container_ref.jpg);
	padding:30px;
	margin-right:0px;
	font-family:"Tw Cen MT";
	color:#666666;
	font-size:14px;
	text-align:left;
	height:auto;/* voor moderne browsers */
	min-height:100%; /* voor IE */
		
	}

.content_rechts {

	padding-left:30px;
	padding-right:10px;
	padding-top:30px;
	padding-bottom:30px;
	font-family:"Verdana";
	color:#666666;
	font-size:12px;
	text-align:left;
	height:auto;/* voor moderne browsers */
	min-height:100%; /* voor IE */
	
	
	}
.footer {
	padding-left:30px;
	font-family:"Verdana";
	font-size:11px;
	text-align:center;
	font-weight:bold;
	color:#999999;
	
	}


.bleu {
	padding-left:30px;
	font-family:"Verdana";
	font-size:10px;
	text-align:center;
	font-weight:bold;
	color:#CCCCCC;
	
	}

.referenties{
	width: 175px;
	height:175px;

	}


.referenties_2{
	width: 220px;
	height:175px;
	float:right;
}
	

.volgende {
background: transparent url(images/volgende.jpg);
width:60px;
height:72px;
float:right;
display:block;

}
.volgende:hover{
background: transparent url(images/volgende_over.jpg);
width:60px;
height:72px;
float:right;
display:block;
}



input.verstuurknop {
width: 98px;
height: 37px;
background: transparent url(images/submit.jpg) no-repeat;
outline: none;
border: none;
cursor : pointer;
}
input.verstuurknop:hover {
background: transparent url(images/submit.jpg) no-repeat 0 -37px;
}

input.text {
border: 1px;
color:#666666;
font-family:"Tw Cen MT";
border-color:#999999;
border-style:dotted;

}
textarea {
border: 1px;
color:#666666;
font-family:"Tw Cen MT";
border-color:#999999;
border-style:dotted;

}

select {
border: 1px;
color:#333333;
font-family:"Tw Cen MT";
border-color:#999999;
border-style:dotted;

}

.lijn {
background-image: url(images/contact_bg.jpg);
background-repeat:repeat-y;
}