
/* ALGEMEEN */

			body{
				padding:0px;
				margin:0px;
				font-size:10px;
				color:#000000;
				font-family:Verdana, Arial, Helvetica, sans-serif;	}
				
			.top{
				height:110px;
				width:100%	}
			
			.hoofdmenu{
				height:40px;
				line-height:40px;
				background-image:url(../images/bg_hoofdmenu.jpg);
				background-repeat:repeat-x;
				width:100%;
				color:#FFFFFF;
				float:left;	}
			
			.ruimteHorizontaal{
				width:25px;
				height:40px;
				float:left;	}
		
				
			.ruimteHorizontaalBreed{
				width:490px;
				height:40px;}
										
			.horizontaleClear{
				width:1000px;
				clear:both;
				height:5px;	}	
				
			.content{
				width:1000px;	
				}	
			
			.links{
				width:450px;
				float:left;
				padding-left:20px;
				padding-top:20px;	}
				
			.tekst{	
				line-height:24px;}
				
			.rechts{
				width:510px;
				float:left;
				padding-left:20px;
				padding-top:20px;	}

				
			.footer{
				height:280px;
				background-image:url(../images/bg_footer.jpg);
				background-repeat:repeat-x;
				width:100%;
				position:bottom;
				bottom:0px;	}
				
/* FOOTER */

			.zoekblokResultaten{
				clear:both;
				}

			.afbeeldingProject{
				width:250px;
				height:170px;
				background-color:#FFFFFF;
				position:relative;
				top:38px;
				left:20px;
				float:left;	}
				
			.afbeeldingGroot{
				width:240px;
				height:160px;
				position:relative;
				top:-20px;
				margin:5px;		}
				
			.projectContent{
				width:430px;
				height:160px;
				line-height:25px;
				background-color:#FFFFFF;
				position:relative;
				top:38px;
				padding-left:10px;
				padding-right:10px;
				padding-bottom:10px;
				left:50px;
				float:left;		}
				
			.projectnummers{
				width:200px;
				height:170px;
				position:relative;
				top:38px;
				left:80px;
				float:left;	}
				
			.copyright{
				width:660px;
				height:20px;
				color:#FFFFFF;
				position:relative;
				top:210px;
				left:340px;	}
				
				
			.nummerblok{
				width:30px;
				height:30px;
				float:left;
				margin-right:5px;
				margin-bottom:5px;
				background-color:#FFFFFF;
				color:#000000;
				font-size:10px;
				font-weight:bold;
				text-align:center;
				line-height:30px;  }					
				
			.nummerblokActief{
				width:30px;
				height:30px;
				float:left;
				margin-right:5px;
				margin-bottom:5px;
				background-color:#000000;
				color:#ffffff;
				font-size:10px;
				font-weight:bold;
				text-align:center;
				line-height:30px;  }
				
			.nummerblok:hover{
				width:30px;
				height:30px;
				float:left;
				margin-right:5px;
				margin-bottom:5px;
				background-color:#000000;
				color:#FFFFFF;
				font-size:10px;
				font-weight:bold;
				text-align:center;
				line-height:30px;  }
				
			.nummerblokLeeg	{
				width:100px;
				height:30px;
				float:left;
				margin-right:5px;
				margin-bottom:5px;
				color:#FFFFFF;
				font-size:10px;
				font-weight:bold;
				text-align:center;
				line-height:30px;  }	
				
			.nummerblokNavigatieLeeg{
				width:30px;
				height:30px;
				float:left;
				margin-right:5px;
				margin-bottom:5px;
				color:#000000;
				font-size:10px;
				font-weight:bold;
				text-align:center;
				line-height:30px;  }	
				
/* OVERZICHT PROJECTEN */

			.containerAfbeelding{
				height:95px;
				width:220px;
				float:left;
				border:4px solid #E0E0E0;}
				
			.containerAfbeelding:hover{
				height:95px;
				width:220px;
				float:left;
				border:4px solid #FF0000;}
			
			.ruimte{
				width:20px;
				height:70px;
				float:left;
				}
				
			.horRuimte{
				width:400px;
				height:20px;
				background-color:#FFFFFF;
				float:left;
				}
			
			.innerAfbeelding{
				border:1px solid #FFFFFF;
				height:68px;
				width:218px;}
				
			.OpdrachtgeverOverzicht{
				height:25px;
				width:220px;
				text-align:center;
				line-height:25px;}
				
			.VerwijsKnop{
				background-image:url(../images/bg_VerwijsKnop.jpg);
				background-repeat:no-repeat;
				width:390px;
				height:40px;
				line-height:40px;
				color:#FFFFFF;	}	

				
			.VerwijsKnop:hover{
				background-image:url(../images/bg_VerwijsKnop_over.jpg);
				background-repeat:no-repeat;
				width:390px;
				height:40px;
				line-height:40px;
				color:#FFFFFF;	}
				
			.nieuwsOverzicht{
				display:block;
				background-color:#515151;
				height:20px;
				line-height:20px;
				color:#FFFFFF;
				padding-left:10px;
				border-bottom:4px solid #FFFFFF;
				width:450px;
			}	
							
			.nieuwsOverzicht:hover{
				display:block;
				background-color:#FF0000;
				height:20px;
				line-height:20px;
				color:#FFFFFF;
				padding-left:10px;
				border-bottom:4px solid #FFFFFF;
				width:450px;
			}
						
			.RecentProjectOverzicht{
				display:block;
				background-color:#515151;
				height:20px;
				line-height:20px;
				color:#FFFFFF;
				padding-left:10px;
				border-bottom:4px solid #FFFFFF;
				width:450px;
			}			
			
			
			.detailProjectTitel{
				display:block;
				background-color:#000000;
				height:20px;
				padding-left:10px;
				line-height:18px;
				color:#FFFFFF;
				float:left;
				width:275px;
			}	
			
			.btnVolgendProject{
				display:block;
				background-color:#f11f28;
				height:20px;
				line-height:18px;
				padding-left:10px;
				color:#FFFFFF;
				float:left;
				width:150px;
			}		
			
			.btnVolgendProject:hover{
				display:block;
				background-color:#000000;
				cursor:default;
				height:20px;
				line-height:18px;
				padding-left:10px;
				color:#FFFFFF;
				float:left;
				width:150px;
			}	
					
			.RecentProjectOverzicht:hover{
				display:block;
				background-color:#FF0000;
				height:20px;
				line-height:20px;
				color:#FFFFFF;
				padding-left:10px;
				border-bottom:4px solid #FFFFFF;
				width:450px;
			}
				
			.Opdrachtgever{
				width:210px;
				height:25px;
				line-height:25px;
				float:left			
			}	
						
			.Opdrachtnaam{
				width:220px;
				height:25px;
				line-height:25px;
				float:left;
				text-align:right;			
			}
			
			.OpdrachtOmschrijving{
				width:435px;
				height:118px;
				line-height:20px;
				float:left;		
			}
			
			
			.BekijkProject{
				width:435px;
				height:27px;
				float:left;
				bottom:0px;
				right:0px;
				text-align:right;
				}


/* TEKST OPMAAK */

			h1{
				font-size:10px;
				color:#000000;
				margin:0px;
				padding-bottom:10px;	
				font-weight:bold;	}
				
			h2{
				font-size:10px;
				color:#FFFFFF;
				margin:0px;
				padding-left:35px;	
				font-weight:bold;
				border-bottom:5px solid #FFFFFF;	}
			
			.rood{
				color:#FF0000;
				font-weight:bold;
				font-size:11px; }
				
/* HYPERLINKS */

			a.hoofdmenu:link{
				display:block;
				height:40px;
				width:100px;
				float:left;
				text-align:center;
				text-decoration:none;	}
				
			a.hoofdmenu:active{
				display:block;
				height:40px;
				width:100px;
				float:left;
				text-align:center;
				text-decoration:none;	}
				
			a.hoofdmenu:visited{
				display:block;
				height:40px;
				width:100px;
				float:left;
				text-align:center;
				text-decoration:none;	}
			
			a.hoofdmenu:hover{
				display:block;
				height:41px;
				background-image:url(../images/bg_hoofdmenu_over.jpg);
				background-repeat:repeat-x;
				width:100px;
				float:left;
				text-align:center;
				text-decoration:none;
				border-bottom:6px solid #ff0000;	}
				
				
				ul.geleverdeDiensten {
				  list-style-type:none;
				  padding: 0;
				  margin: 0;
				  width:450px;
				  float:left;}
				  
				 
				ul.geleverdeDiensten li {
				  list-style-type:none;
				  padding: 0;
				  margin: 0;
				  width:190px;
				  float:left;
				  margin-right:20px;}
				
				ul.geleverdeDiensten li a {
				  display:block;
				  width:190px;
				  height:20px;
				  color:#000000;
				  border-bottom:1px solid #CCCCCC;
				  font-family:Verdana, Arial, Helvetica, sans-serif;
				  font-size:12pxpx;
				  font-weight:bold;
				  line-height:20px;
				  padding-left:10px;
				  background-color:#FFFFFF;
				  text-decoration:none;
				  float:left;
				  margin-right:20px;}
				
				ul.geleverdeDiensten li a:hover {
				  display:block;
				  width:190px;
				  height:20px;
				  border-bottom:1px solid #CCCCCC;
				  background-color:#f11f28;
				  text-decoration:none;
				  padding-left:10px;
				  float:left;
				  margin-right:20px;
				  color:#ffffff;}
								

			a.wit:link{
				font-size:10px;
				font-weight:bold;
				color:#FFFFFF;
				text-decoration: none;  }
				
			a.wit:active{
				font-size:10px;
				font-weight:bold;
				color:#FFFFFF;
				text-decoration: none;  }
				
			a.wit:visited{
				font-size:10px;
				font-weight:bold;
				color:#FFFFFF;
				text-decoration: none;  }
			
			a.wit:hover{
				font-size:10px;
				font-weight:bold;
				color:#FFFFFF;
				text-decoration: none;  }
		
			a.zwart:link{
				font-size:10px;
				font-weight:bold;
				color:#000000;
				text-decoration: none;  }
				
			a.zwart:active{
				font-size:10px;
				font-weight:bold;
				color:#000000;
				text-decoration: none;  }
				
			a.zwart:visited{
				font-size:10px;
				font-weight:bold;
				color:#000000;
				text-decoration: none;  }
			
			a.zwart:hover{
				font-size:10px;
				font-weight:bold;
				color:#000000;
				text-decoration: underline;  }
						
				
				
				
.loading{
	height:130px;
	width:250px;
	line-height:30px;
	background: url('../images/ajax-loader.gif') no-repeat center; 
	margin:0px;}	
				
.loadingContent{
	height:170px;
	width:450px;
	line-height:30px;
	background: url('../images/ajax-loader.gif') no-repeat center; 
	margin:0px;}
	
				
.loadingPaginaNummers{
	height:120px;
	width:150px;
	line-height:30px;
	background: url('../images/ajax-loader.gif') no-repeat center; 
	margin:0px;}
