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

body{
	text-align:center;
	margin:5px 0 5px 0;
	padding:0 0 0 0;
	background:url(../img/bg_body.jpg) repeat-x #F3F3F3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

div{
	text-align:left;
	vertical-align:top;
}

ul{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.clear{
	clear:both;
}

#wrapper{
	margin:0px auto;
	width:820px;
	height:auto;
	border:solid #425b78;
	border-width:1px 1px 1px 1px;
	background:url(../img/bg_wrapper.jpg) no-repeat right #fff;
}

	#wrapper #top{
		width:820px;
		height:80px;
		background:url(../img/bg_top.jpg) no-repeat #fff;
	}
	
	#wrapper #header{
		width:620px;
		height:140px;
		border:solid #fff;
		background:#f3f3f3;
		border-width:0 0 2px 0;
		margin:0 0 0 0;
	}
	
	#wrapper #rechts{
		float:right;
	}

	#wrapper #navigatie{
		width:199px;
		height:auto;
		float:left;
		padding:0 0 0 0;
	}
	
		#wrapper #navigatie #logo{
			width:200px;
			height:100px;
			background:#fff;
			margin:5px 0 10px 0;
		}
	
		#wrapper #navigatie .navigatie{
			width:199px;
			height:auto;
			margin:0 0 3px 0;
			padding:0 0 10px 0;
		}

		#wrapper #navigatie #netwerkbeheer{	background:url(../img/bg_nav_netwerkbeheer.jpg) repeat-y; }
		#wrapper #navigatie #implementatie{	background:url(../img/bg_nav_implementatie.jpg) repeat-y; }
		#wrapper #navigatie #advies{	background:url(../img/bg_nav_advies.jpg) repeat-y; }
		#wrapper #navigatie #ictelecom{	background:url(../img/bg_nav_ictelecom.jpg) repeat-y; }
		#wrapper #navigatie #webdesign{	background:url(../img/bg_nav_webdesign.jpg) repeat-y; }
		#wrapper #navigatie #hosting{	background:url(../img/bg_nav_hosting.jpg) repeat-y; }
		#wrapper #navigatie #internet{	background:url(../img/bg_nav_internet.jpg) repeat-y; }
		#wrapper #navigatie #downloads{	background:url(../img/bg_nav_netwerkbeheer.jpg) repeat-y; }
		#wrapper #navigatie #overons{	background:url(../img/bg_nav_netwerkbeheer.jpg) repeat-y; }
		#wrapper #navigatie #referenties{	background:url(../img/bg_nav_netwerkbeheer.jpg) repeat-y; }
		#wrapper #navigatie #contact{	background:url(../img/bg_nav_netwerkbeheer.jpg) repeat-y; }
		#wrapper #navigatie #home{	background:url(../img/bg_nav_home.jpg) repeat-y; }
		
		#wrapper #navigatie .navigatie .top{
			width:199px;
			height:10px;
			padding:5px 0 0 0;
			color:#3a3a3a;
		}		
			#wrapper #navigatie .navigatie .top .drop_open{
				width:14px;
				height:14px;
				text-align:right;
				float:left;
			}
			
			#wrapper #navigatie .navigatie .top .drop_sluiten{
				width:14px;
				height:14px;
				text-align:right;
				float:left;
			}
			
			#wrapper #navigatie .navigatie .top .naam{
				width:149px;
				height:14px;
				padding:2px 0 0 30px;
				font-weight:bold;
				float:left;
			}
			
		#wrapper #navigatie .navigatie ul{
			padding:5px 0 0 0;
			margin:0 0 0 0;
		}
			#wrapper #navigatie .navigatie .verberg{
				display:none;
			}
		
		#wrapper #navigatie .navigatie li{
			list-style:none;
			margin:0 0 0 45px;
			line-height:18px;
		}
		
			#wrapper #navigatie .navigatie a:link{
				display:block;
				color:#3a3a3a;
				text-decoration:none;
			}
			#wrapper #navigatie .navigatie a:visited{
				display:block;
				color:#3a3a3a;
				text-decoration:none;
			}
			#wrapper #navigatie .navigatie a:active{
				display:block;
				color:#3a3a3a;
				text-decoration:underline;
			}
			#wrapper #navigatie .navigatie a:hover{
				display:block;
				color:#3a3a3a;
				text-decoration:underline;
			}
			
			#wrapper #navigatie .navigatie .naam a:link{
				display:block;
				color:#000000;
				text-decoration:none;
			}
			#wrapper #navigatie .navigatie .naam a:active{
				display:block;
				color:#000000;
				text-decoration:none;
			}
			#wrapper #navigatie .navigatie .naam a:visited{
				display:block;
				color:#000000;
				text-decoration:none;
			}
			#wrapper #navigatie .navigatie .naam a:hover{
				display:block;
				color:#000000;
				text-decoration:none;

			}
	
		#wrapper .inleiding{
			width:579px;
			height:100px;
			padding:20px;
			border:solid #fff;
			border-width:0 0 1px 0;
			background:#093c67;
		}
			#wrapper .inleiding h1{
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				color:#fff;
				margin:0px;	
			}
			#wrapper .inleiding p{
				font-size:13px;
				color:#fff;
				margin:0 0 0 0;
				line-height:18px;	
			}

			#wrapper .inleiding .pee{
				font-size:14px;
				color:#fff;
				margin:0 0 0 0;
				font-weight:bold;
				line-height:16px;	
			}
			
		#wrapper .movie{
			margin:80px 0 0 0;
		}
	
	
			
	#wrapper #kollom_links_index{
		width:310px;
		height:auto;
		float:left;
	}
	
		#wrapper .hok_index_links{
			width:268px;
			height:280px;
			padding:10px 20px 20px 20px;
			background:#edf2f8;
		}
		
			#wrapper .hok_index_links a:link{
				color:#de7907;
				text-decoration:underline;
			}
			#wrapper .hok_index_links a:active{
				color:#de7907;
				text-decoration:underline;
			}
			#wrapper .hok_index_links a:visited{
				color:#de7907;
				text-decoration:underline;
			}
			#wrapper .hok_index_links a:hover{
				color:#de7907;
				text-decoration:underline;
			}
		
			#wrapper .hok_index_links h1{
				font-size:12px;
			}
			
			#wrapper .hok_index_links .nieuwsitem{
				width:238px;
				height:auto;
				padding:5px 15px 5px 15px;
				margin:0 0 15px 0;
				background:#6987ad;
				display:none;
			}
			
			#wrapper .hok_index_links .nieuwsitem h1{
				color:#fff;
				margin:0 0 0 0;
				font-size:11px;
			}
			
			#wrapper .hok_index_links .nieuwsitem p{
				color:#000;
				margin:0 0 0 0;
				font-size:11px;
			}
			
				#wrapper .hok_index_links .nieuwsitem a:link{
					color:#000;
					text-decoration:none;
				}
				#wrapper .hok_index_links .nieuwsitem a:active{
					color:#000;
					text-decoration:none;
				}
				#wrapper .hok_index_links .nieuwsitem a:visited{
					color:#000;
					text-decoration:none;
				}
				#wrapper .hok_index_links .nieuwsitem a:hover{
					color:#000;
					text-decoration:underline;
				}
		
		
			#wrapper .hok_index_links .nieuwsitem2{
				width:238px;
				height:auto;
				padding:5px 15px 5px 15px;
				margin:0 0 5px 0;
				background:#e1e8f1;
			}
			
			#wrapper .hok_index_links .nieuwsitem2 h1{
				color:#093c67;
				margin:0 0 0 0;
				font-size:11px;
			}
			
			#wrapper .hok_index_links .nieuwsitem2 span{
				color:#6886ac;
			}
	
	#wrapper #kollom_rechts_index{
		width:310px;
		height:auto;
		float:right;
	}
	
		#wrapper .hok_index_rechts{
			width:267px;
			height:280px;
			padding:20px;
			border:solid #ccc;
			border-width:0 0 0 1px;
			background:#fff;
		}
		
		
		
		
	
		#wrapper .hok{
			width:268px;
			height:160px;
			padding:20px;
			border:1px solid #fff;
			background:url(../img/bg_hok.jpg) no-repeat #f4f4f4;
		}
			#wrapper .hok h1{
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				color:#3e556e;
				margin:0px;	
			}
			#wrapper .hok p{
				font-size:11px;
				color:#052c4b;
				margin:0 0 20px 0;
				line-height:200%;
				text-align:left;		
			}
			#wrapper .hok ul{
				padding:0 0 0 0;
				margin:0 0 0 0;
			}
			#wrapper .hok li{
				list-style:none;
				background:url(../img/li.gif) no-repeat left;
				font-size:11px;
				color:#052c4b;
				line-height:20px;
				margin:0 0 0 0;
				padding:0 0 0 15px;
			}
			
			#wrapper .hok a:link{
				color:#3e556e;
				text-decoration:underline;
			}
			#wrapper .hok a:active{
				color:#3e556e;
				text-decoration:underline;
			}
			#wrapper .hok a:visited{
				color:#3e556e;
				text-decoration:underline;
			}
			#wrapper .hok a:hover{
				color:#000;
				text-decoration:underline;
			}
			
	#wrapper #kollom_links{
		width:250px;
		height:auto;
		padding:30px 30px 10px 30px;
		/*background:url(../img/bg_kollom_links.jpg) no-repeat;*/
		float:left;
	}
		#wrapper #kollom_links h1{
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			color:#3e556e;
			margin:0px;	
		}
		#wrapper #kollom_links p{
			font-size:11px;
			color:#052c4b;
			margin:0 0 20px 0;
			line-height:200%;
			text-align:left;		
		}
		#wrapper #kollom_links ul{
			padding:0 0 0 0;
			margin:0 0 0 0;
		}
		#wrapper #kollom_links li{
			list-style:inside;
			font-size:11px;
			color:#052c4b;
			line-height:20px;
		}
	
	#wrapper #kollom_rechts{
		width:250px;
		height:auto;
		padding:30px 30px 10px 30px;
		/*background:url(../img/bg_kollom_rechts.jpg) no-repeat;*/
		float:left;
	}
		#wrapper #kollom_rechts h1{
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			color:#3e556e;
			margin:0px;	
		}
		#wrapper #kollom_rechts p{
			font-size:11px;
			color:#052c4b;
			margin:0 0 20px 0;
			line-height:200%;
			text-align:left;			
		}
		#wrapper #kollom_rechts ul{
			padding:0 0 0 0;
			margin:0 0 0 0;
		}
		#wrapper #kollom_rechts li{
			list-style:inside;
			font-size:11px;
			color:#052c4b;
			line-height:20px;
		}
		
		#wrapper #kollom_rechts table{
			font-size:11px;
			color:#052c4b;
			text-align:left;
			vertical-align:top;
		}
		
			#wrapper #kollom_rechts a:link{
				color:#3e556e;
				text-decoration:underline;
			}
			#wrapper #kollom_rechts a:active{
				color:#3e556e;
				text-decoration:underline;
			}
			#wrapper #kollom_rechts a:visited{
				color:#3e556e;
				text-decoration:underline;
			}
			#wrapper #kollom_rechts a:hover{
				color:#3e556e;
				text-decoration:none;
			}
		
		
		
	#wrapper #intro_content{
		padding:30px;
		width:560px;
		height:auto;
		min-height:350px;
		text-align:justify;
		background:#FFF;
		float:left;
	}
	
	#wrapper #intro_content table{
		color:#3e556e;
	}
	
		#wrapper #intro_content .input{
			width:250px;
		}
		#wrapper #intro_content .textarea{
			width:250px;
		}
	
		#wrapper #intro_content img{
			float:left;
			margin:0 35px 0 0;
		}
		
		#wrapper #intro_content h1{
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			color:#3e556e;
			margin:0px;	
		}
		#wrapper #intro_content p{
			font-size:11px;
			color:#052c4b;
			margin:0 0 20px 0;
			line-height:200%;
			text-align:left;			
		}
		
			
			#wrapper #intro_content .nieuws{
				width:538px;
				padding:10px;
				margin:0 0 20px 0;
				height:auto;
				background:#F8F8F8;
				border:1px solid #f1f1f1;
			}
				#wrapper #intro_content .nieuws h1{
					font-size:12px;
					font-weight:bold;
					text-transform:uppercase;
					text-decoration:underline;
					color:#3e556e;
					margin:0 0 10px 0;	
				}
				
				#wrapper #intro_content .nieuws  p{
					font-size:11px;
					color:#052c4b;
					margin:0 0 20px 0;
					line-height:18px;
					text-align:justify;			
				}
				
				#wrapper #intro_content .nieuws img{
					margin:0 10px 10px 0;
					border:1px solid #ccc;
				}
				
				#wrapper #intro_content .nieuws ul{
					margin:0 0 20px 0;
					padding:0 0 0 0;
				}
				
				#wrapper #intro_content .nieuws ol{
					margin:0 0 20px 0;
					padding:0 0 0 0;
				}
				
				#wrapper #intro_content .nieuws li{
					list-style:inside;
					font-size:11px;
					color:#052c4b;
					line-height:20px;
				}
				
				#wrapper #intro_content .nieuws a:link{
					color:#3e556e;
					text-decoration:underline;
				}
				#wrapper #intro_content .nieuws a:active{
					color:#3e556e;
					text-decoration:underline;
				}
				#wrapper #intro_content .nieuws a:visited{
					color:#3e556e;
					text-decoration:underline;
				}
				#wrapper #intro_content .nieuws a:hover{
					color:#3e556e;
					text-decoration:none;
				}
		
#footer{
	width:820px;
	height:20px;
	padding:25px 0 0 0;
	margin:0px auto;
	text-align:center;
}

			#footer a:link{
				color:#000000;
				text-decoration:underline;
			}
			#footer a:active{
				color:#000000;
				text-decoration:underline;
			}
			#footer a:visited{
				color:#000000;
				text-decoration:underline;
			}
			#footer a:hover{
				color:#000000;
				text-decoration:none;
			}