BODY,td,textarea,select,input { font-family: Verdana, Arial, Helvetica, sans-serif;

          font-size: 12px; 

		      color:#444444;

		}







		



body {

     text-align: center;

     background-color: #99CC33;	

		 margin: 0px 0px 0px 0px;

		 padding: 0px;	

}







#hoofd {

  margin: 20px auto 10px auto;

	padding: 0px;

	width: 981px;

  text-align: left;	

	background-color: #FFFFFF;



}



#banner {

  margin: 0px;

	padding: 0px;

	width: 981px;	

	height: 79px;	

  text-align: left;	

	background-image: url(../images/bg_banner.jpg);

  background-repeat: no-repeat;	

}











#logo{

  margin: 0px;

	padding: 0px;

	width: 455px;

	height: 79px;	

  text-align: left;	

	float: left;

	display: inline;

}







#menu{

  margin: 57px 0px 0px 0px;

	padding: 0px;

	height: 22px;

	background-color: #FFFFFF;

	float: left;

	display: inline;	

  z-index: 200;

}











#menu ul{

  margin: 0px 0px 0px 0px;

	padding: 0px;

	list-style-type: none;	

}







#menu li{

	display: inline;

}







#menu li.home a{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_home.jpg);

}



#menu li.home a:hover{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_home_act.jpg);

}





#menu li.contact a{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_contact.jpg);

}





#menu li.contact a:hover{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_contact_act.jpg);

}



#menu li.over_ons a{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_over_ons.jpg);

}



#menu li.over_ons a:hover{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_over_ons_act.jpg);

}



#menu li.portfolio a{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_portfolio.jpg);



}



#menu li.portfolio a:hover{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_portfolio_act.jpg);

}



#menu li.referenties a:hover{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_referenties_act.jpg);

}



#menu li.referenties a{

  margin: 0px;

	padding: 0px;

	width: 105px;

	height: 22px;

	float: left;

	background-image: url(../images/b_referenties.jpg);

}





#submenu_portfolio_container

{	position: absolute;

  top: 0px;

	visibility: hidden;

	margin: 0 auto 0 auto;;

	padding: 0;

	width: 981px;

	text-align: left;

  z-index: 220;	

}



#submenu_portfolio

{	

  margin: 99px 0px 0px 665px;

	padding: 0;

	width: 160px;

	text-align: left;

	background: #ced6dc;

	border: 1px solid #99CC33;

  z-index: 220;	

}



#submenu_portfolio ul{

  margin: 0px 0px 0px 0px;

	padding: 0px;

	width: 100%;

  list-style-type: none;	



}



#submenu_portfolio ul li {

  margin: 0;

	padding: 0px 0px 10px 50px;

	line-height: 275%;	

  background-image: url(../images/list_item.jpg);	

	background-position : 0px 0px;

  background-repeat : no-repeat;	

}



#submenu_portfolio ul li a{

  margin: 0;

	padding: 0px 0px 0px 0px;

  font-family: Arial, Verdana, Helvetica, sans-serif;

  font-size: 13px;

  color:#6c7880; 

	text-decoration: none;

	

}



#content_container {

  clear: both;

  margin: 0px;

	padding: 0px;

	width: 981px;	

}



#adres{

 margin: 0px;

 padding: 0px;

 width: 153px;

 height: 467px;

 float: left;

 display: inline;

 background-image: url(../images/apple.jpg);

 background-repeat: no-repeat;	

}







#adres2{

 margin: 0px;

 padding: 0px;

 width: 153px;

 height: 467px;

 float: left;

 display: inline;

 background-image: url(../images/muis.jpg);

 background-repeat: no-repeat;	

}





#adres3{

 margin: 0px;

 padding: 0px;

 width: 153px;

 height: 467px;

 float: left;

 display: inline;

 background-image: url(../images/telefoon.jpg);

 background-repeat: no-repeat;	



}



.adres_tekst{

   font-family: Arial, Verdana, Helvetica, sans-serif;

   font-size: 9px; 

	 line-height: 200%;

   color:#444444; 

}



.adres_tekst_groen{

   font-family: Arial, Verdana, Helvetica, sans-serif;

   font-size: 9px; 

	 line-height: 200%;	 

   color:#99CC33; 

}



.adres_tekst a{

   font-family: Arial, Verdana, Helvetica, sans-serif;

   font-size: 9px; 

	 line-height: 200%;	 

   color:#444; 

	 text-decoration: none;

}







#vert_tekst{

 margin: 0px;

 padding: 0px;

 width: 53px;

 height: 467px; 

 float: left;

 display: inline;



}



#content{

 margin: 45px 0px 0px 0px;

 padding: 0px;

 width: 775px;

 float: left;

 display: inline;

}



.content_tekst{

 font-family: Arial, Verdana, Helvetica, sans-serif;

 font-size: 12px;

 line-height: 200%;

 color:#444; 

}



.content_tekst a{

 font-family: Arial, Verdana, Helvetica, sans-serif;

 font-size: 12px;

 line-height: 200%;

 color:#444; 

 text-decoration: none;

}



.content_tekst_groen{

 font-family: Arial, Verdana, Helvetica, sans-serif;

 font-size: 12px;

 line-height: 200%;

 color:#99CC33; 

}





#port_afbeeldingen{

 margin: 0px 10px 10px 10px;

 padding: 10px 10px 10px 10px;

 width: 500px;

 float: left;

 display: inline;

 border: 1px solid #99CC33;



}



#port_menu{

 float: left;

 display: inline;



}







#footer {

  clear: both;

  margin: 0px;

	padding: 0px;

	height: 57px;

	width: 981px;

	background-color: #FFFFFF;

	background-image: url(../images/footer.jpg);

  background-repeat: no-repeat;	

}





h1 {

  margin: 0px;

	padding: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 18px;

	font-weight: bold; 

  color:#011A65;	

}




