@charset "utf-8";
/* CSS Document */


body{margin:0;
	 padding:0;
	 border:none;
	 background:#2e4a6f;
	 }

.body_bg{background:url(images/body-background_bottom.jpg) repeat-x;
		 height:950px;
		 position:absolute;
		 top:0;
		 width:100%;
		 left:0;
		 z-index:1
	}
	
#wrapper{margin:0 auto;
z-index:2;
position:relative;
width:895px;
		}

#navigation{background:url(images/navigation_bg.jpg) repeat-x;
			height:41px;
			line-height:41px;
			font-size:11px;
			font-weight:bold;
			
			}
#navigation a:link, a:visited{
			  display:block;
			  text-decoration:none;
			  text-transform:uppercase;
			  
			 }
			 
A.home_link:link{color:#FFFFFF;
				 width:65px;
				 height:41px;
				 }
A.home_link:visited{color:#FFFFFF;
				 width:65px;
				 height:41px;
				 }
A.home_link:hover{color:#378fdd;
				 width:65px;
				 height:41px;
				 background:url(images/home_over.jpg);
				 }
			 
A.company_link:link{
					 width:95px;
					 height:41px;
					 color:#FFFFFF;
					 }		
					 
A.company_link:visited{
					 width:95px;
					 height:41px;
					 color:#FFFFFF;
					 }
					 	 
A.company_link:hover{background:url(images/company_over.jpg) no-repeat;
					 width:95px;
					 height:41px;
					 color:#378fdd;
					 }
					 
A.portfolio_link:link{
					   width:88px;
					   height:41px;
					   color:#FFF;
					   }

A.portfolio_link:visited{
					   width:88px;
					   height:41px;
					   color:#FFF;
					   }
					   
A.portfolio_link:hover{background:url(images/portfolio-over.jpg) no-repeat;
					   width:88px;
					   height:41px;
					   color:#378fdd;
					   }

A.news_link:link{
					   width:108px;
					   height:41px;
					   color:#FFF;
					   }
A.news_link:visited{
					   width:108px;
					   height:41px;
					   color:#FFF;
					   }					   
A.news_link:hover{background:url(images/newsevents-over.jpg) no-repeat;
					   width:108px;
					   height:41px;
					   color:#378fdd;
					   }

A.contact_link:link{
					   width:75px;
					   height:41px;
					   color:#FFF;
					   }
A.contact_link:visited{
					   width:75px;
					   height:41px;
					   color:#FFF;
					   }
A.contact_link:hover{background:url(images/contact-over.jpg) no-repeat;
					   width:75px;
					   height:41px;
					   color:#378fdd;
					   }


A.services_link:link{
					 width:151px;
					 height:41px;
					 color:#FFFFFF;
					 }
					 
A.services_link:visited{
					 width:151px;
					 height:41px;
					 color:#FFFFFF;
					 }
A.services_link:hover{background:url(images/big-tab-over.jpg) no-repeat;
					 width:151px;
					 height:41px;
					 color:#378fdd;
					 }

#navigation ul{list-style:none;
			  margin:0;
			  padding:0;
			  }
#navigation ul li{float:left;
				  text-align:center;
				  margin-right:10px;
				 }
				 
				 

				 
			 
	
.active_link{display:block;
				    background:url(images/left_active.jpg) no-repeat left top;
					height:31px;
					width:41px;
					float:left;
					padding-left:6px;
					padding-right:6px;
					
					}
A.active_link:link{color:#378fdd;
				   text-decoration:none;
				   }
A.active_link:visited{color:#378fdd;
				   text-decoration:none;
				   }
A.active_link:hover{color:#378fdd;
				   text-decoration:none;
				   }
.active_li{background:url(images/right_active.jpg) no-repeat right top;
			 height:41px;
			 }
			 
#top_list{background:url(images/web_design_bg.jpg) no-repeat;
		  width:245px;
		  height:206px;
		  float:left;
		  font-family:Georgia, "Times New Roman", Times, serif;
		  font-size:11px;
		  text-transform:uppercase;
		  }
		  
#top_list ul{list-style:none;
			 padding:0;
			 margin:0;
			 margin-left:45px;
			 margin-top:18px;
			 }
#top_list ul li{margin-bottom:11px;}

#top_list ul li a{color:#FFFFFF;
				  text-decoration:none;
				  display:block;
				  }
				  
#top_list ul li a:hover{color:#84c50f;
						}
						
#left_section{background:url(images/left_section_bg.jpg) no-repeat;
			  width:385px;
			  height:480px;
			  float:left;
			  }

.left_content{margin-left:60px;
			  padding-top:20px;
			  color:#323231;
			  font-size:12px;
			  line-height:22px;
			  font-family:Arial, Helvetica, sans-serif;
			  width:305px;
			 }			  
.green_text{color:#79a12d;
			font-size:14px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			display:block;
			letter-spacing:5px;
			text-transform:uppercase;
			
			}
.blue_text{color:#79a12d;
			font-size:20px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			display:block;
			letter-spacing:5px;
			text-transform:uppercase;
			color:#1370c7;
			}
			  
			  
#middle_section{float:left;
				width:265px;
				text-align:center;
				font-size:11px;
				font-family:Arial, Helvetica, sans-serif;
				color:#f5f6f9;
				font-weight:bold;
				position:relative;
				}
				
.portfolio_title{background:url(images/portfolio.jpg) no-repeat;
				 width:265px;
				 height:37px;
				 letter-spacing:5px;
				 color:#709b1e;
				 font-size:12px;
				 font-family:Georgia, "Times New Roman", Times, serif;
				 font-weight:bold;
				 text-align:center;
				 padding-top:13px;
				 }

.middle_content_bg{background:url(images/middle_section_bg.jpg) no-repeat;
				   width:265px;
				   height:429px;
				   }
				   
#right_section{float:left;
			   width:245px;
			   
			   }
			   
.reference_title{letter-spacing:5px;
				 color:#709b1e;
				 font-size:12px;
				 font-family:Georgia, "Times New Roman", Times, serif;
				 font-weight:bold;
				 background:url(images/reference.jpg) no-repeat;
				 width:210px;
				 height:33px;
				 padding-top:10px;
				 padding-left:35px;
				 text-transform:uppercase;
				 }

.onze{background:url(images/onze-klanten-bg.jpg) no-repeat;
	  width:218px;
	  height:30px;
	  text-align:center;
	  line-height:30px;
	  margin-top:10px;
	  margin-bottom:5px;
	  letter-spacing:5px;
				 color:#709b1e;
				 font-size:12px;
				 font-family:Georgia, "Times New Roman", Times, serif;
				 font-weight:bold;}
	  
				 
				 
.right_content{background:url(images/right_section_bg.jpg) no-repeat;
			   height:436px;
			   width:245px;
			   font-family:Arial, Helvetica, sans-serif;
			   font-size:12px;
			   color:#FFFFFF;
			   line-height:16px;
			   }

#footer{background:url(images/footer.jpg) no-repeat;
		width:895px;
		height:95px;
		clear:both;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		color:#9ebad0;
		}

#footer a{color:#9ebad0;
		  text-decoration:none;
		  display:inline;
		  }
#footer a:hover{color:#b3cfe6;
		  text-decoration:underline;
		  }
		
.bottom_links{width:540px; margin:auto; line-height:20px; padding-top:30px; text-align:center;}


/*######################################################
#########################################################
SUBPAGE STYLES
##########################################################
####################################################*/
#sub_left_section{float:left;
				  background:url(images/left_content.jpg) no-repeat;
				  width:650px;
				  height:485px;
				  }
#sub_right_section{float:left;
				   width:245px;
				   
				   }

#sub_top_bar{background:url(images/subpage_topbar.jpg) no-repeat;
			 width:850px;
			 height:25px;
			 clear:both;
			 line-height:25px;
			 padding-left:45px;
			 font-size:11px;
			 font-family:Arial, Helvetica, sans-serif;
			 }
			 
#sub_top_bar a{color:#5b8112;
					 text-decoration:none;
					 display:inline;
					 text-transform:uppercase;
					}
					
#sub_top_bar a:hover{color:#323231
				text-decoration:underline;
				}
				   
.sub_text{margin-left:60px; margin-top:25px; width:575px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; color:#323231;}

.sub_right_title{background:url(images/sub_testimonials.jpg) no-repeat;
			     width:245px;
				 height:41px;
				 line-height:40px;
				 letter-spacing:5px;
				 color:#709b1e;
				 font-size:12px;
				 font-family:Georgia, "Times New Roman", Times, serif;
				 font-weight:bold;
				 text-align:center;
				 }
.sub_right_content{background:url(images/vbwebmediacompanypage_09.jpg) no-repeat;
				   width:245px;
				   height:444px;
				   font-size:12px;
				   color:#FFFFFF;
				   font-family:Arial, Helvetica, sans-serif;
				   }
				   
.our_customers{background:url(images/sub_customers.jpg) no-repeat;
			   width:245px;
			   height:31px;
			   line-height:30px;
			   letter-spacing:5px;
				 color:#709b1e;
				 font-size:12px;
				 font-family:Georgia, "Times New Roman", Times, serif;
				 font-weight:bold;
				 text-align:center;
				 }




/*#############################################################################################
#################################################################################################
HOSTING STYLES
#############################################################################################
#################################################################################################

*/
.hosting_bg{background:url(images/background.jpg) repeat-x;
			height:1500px;
			position:absolute;
			top:0;
			left:0;
			width:100%;
			}
#hosting_top_list{ no-repeat;
		  width:245px;
		  height:206px;
		  float:left;
		  font-family:Georgia, "Times New Roman", Times, serif;
		  font-size:11px;
		  text-transform:uppercase;
		  }		
		  
		  
#hosting_left_section{background:url(images/hosting_left_section.jpg) no-repeat;
					  width:649px; height:1015px; float:left;}	   
					  
#hosting_right_section{float:left; width:245px;
					  }

.hosting_right_section_title{background:url(images/hosting_dedicated_servers.jpg) no-repeat;
							 width:223px; height:44px; line-height:44px; 
							 letter-spacing:5px;
				 color:#709b1e;
				 font-size:12px;
				 font-family:Georgia, "Times New Roman", Times, serif;
				 font-weight:bold;
				 padding-left:12px;
							 }
							 
#hosting_right_content{background:url(images/hosting_right_section.jpg) no-repeat;
					   width:245px;
					   height:971px;
					   color:fefefe;
					   }
					   
#hosting_right_content img{border:none;
							}					   
					   
					   
.hosting_right_subtitle{background:url(images/hosting_right_subtitle.jpg) no-repeat;
						width:180px;
						height:40px;
						line-height:25px;
						color:#FFFFFF; font-size:15px; font-weight:bold;
						font-family:Arial, Helvetica, sans-serif;
						padding-left:55px;
						}
						

			  
#hosting_right_content ul li{
							}
							
#hosting_left_section table tr td{padding-left:20px;
								 }
								 
								 
/*#############################################################################################
#################################################################################################
PORTFOLIO STYLES
#############################################################################################
#################################################################################################
*/
.portfolio_bg{background:url(images/portfolio_bg.jpg) repeat-x;
			  height:1130px;
			  position:absolute;
			  top:0;
			  left:0;
			  width:100%
			  }
			  
#portfolio_right_section{float:left;
				   width:244px;
				   background:url(images/vbwebmedia_portfolio_04.jpg) no-repeat;
				   height:656px;
				   }
				   
.portfolio_right_content{background:url(images/portfolio_right_section.jpg) no-repeat;
				   width:244px;
				   height:614px;
				   font-size:12px;
				   color:#FFFFFF;
				   font-family:Arial, Helvetica, sans-serif;
				   }



#portfolio_left_section{float:left;
				  background:url(images/vbwebmedia_portfolio_03.jpg) no-repeat;
				  width:650px;
				  height:656px;
				  }
				  
#portfolio_left_section img{border:none;
						   }
						   
#portfolio_bottom_links a{display:block; text-decoration:none;
						  float:left;
						  margin-left:5px; margin-right:5px;
						  color:#5f8f07;
						  font-size:12px;
						  font-family:Arial, Helvetica, sans-serif;
						  }
						  
#portfolio_bottom_links a:hover{color:#8fc629; text-decoration:underline;}