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

body{
	text-align:center;
	margin:5px 0 100px 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;
		width:620px;
		height:auto;
	}

	#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 #support{	background:url(../img/bg_nav_netwerkbeheer.jpg) repeat-y; }
		#wrapper #navigatie #sponsoring{	background:url(../img/bg_nav_netwerkbeheer.jpg) repeat-y; }
		#wrapper #navigatie #projecten{	background:url(../img/bg_nav_netwerkbeheer.jpg) repeat-y; }
		#wrapper #navigatie #certificering{	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:300px;
		height:auto;
		float:left;
	}
	
		#wrapper .hok_index_links{
			width:270px;
			height:250px;
			padding:10px 20px 20px 25px;
			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:301px;
		height:auto;
		background: #fff;
		float:right;
	}
	
		/*#wrapper .hok_index_rechts{
			width:267px;
			height:260px;
			padding:20px;
			border:solid #ccc;
			border-width:0 0 0 1px;
			background:#fff;
		}*/
		
		#wrapper .hok_index_rechts{
			width:300px;
			height:495px;
			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;
	font-weight: normal;
	}
.textfix {
	position: absolute;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 9px;
	word-spacing: 1px;
	white-space: pre;
	font-size: 12px;
	font-weight: bold;
	border: none;
	height: auto;
}

		#wrapper #kollom_links h1{
			font-size:12px;
			font-weight:bold;
			text-transform:uppercase;
			color:#3e556e;
			margin:0px;	
		}
		#wrapper #kollom_links p{
	font-size:11px;
	margin:0 0 20px 0;
	text-align:left;
	line-height: 200%;
		}
		#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:left;
		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:5px 0 0 0;
	margin:0px auto;
	text-align:center;
	font-size:11px;
	font-weight:normal;
		
}

			#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;
			}
			
#keyword {
color: #999;
}

		#keyword a:link{
		color: #999;
		}
		#keyword a:active{
		color: #999;
		}
		#keyword a:visited{
		color: #999;
		}
		#keyword a:hover{
		color: #999;
		}
		
ul.proj {
	display: inline;
	margin: 5px 20px 0 20px;
	float: left;
	list-style: none;
	}
	
ul.proj li {
		margin: 0 0 3px 0;
		clear: both;
		float: left;
		width: 200px;
	}

ul.proj li a {
		background: #E1E8F1;
		padding: 5px;
		color: #093C67;
		float: left;
		text-decoration: underline;
		display: block;
		width: 240px;
		font-weight: bold;
	}
#slidesho {
    position:relative;
    height:183px;
    overflow: hidden;
}

#slidesho DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;

    font-weight: bold;
    background-color: #EDF2F8;
    margin-left: 25px;
}

#slidesho DIV.activ {
    z-index:10;
    opacity:1.0;
}

#slidesho DIV.last-activ {
    z-index:9;
}

#slidesho DIV IMG {
    height: 150px;
    width: 260px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

h4.ref {
 font-size: 12px;
 font-weight: bold;
 color: #000;
}

#slideshow {
    position:relative;
    height:235px;
    margin-left: 20px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 250px;
    font-weight: bold;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 150px;
    width: 260px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

h4.ref {
 font-size: 12px;
 font-weight: bold;
 color: #000;
 margin-left: 20px;
}


#sitemapFooter{
	width: 850px;
	font-family:Calibri;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 100px;
}

#sitemapFooter A, #sitemapFooter A:hover, #sitemapFooter A:link, #sitemapFooter A:visited{
	text-decoration: none;
}

.footerAdvies, .footerBeleid, .footerImpl, .footerBeheer, .footerICT, .footerEmpty{
	width: 250px;
	float: left;
}
#sitemapFooter h5{
	font-size: 14px;
	font-weight: bold;
	font-family: Calibri;
	margin: 0px;
}
#sitemapFooter h6{
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	font-family:Calibri;
}
clearer{
	clear:both;
}
.ref_cat{
	vertical-align: middle;
	margin-left: 10px;
}
.ref_cat img, .ref_cat img a{
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.cat_img{
	float: left;
}
.cat_all{
	width: 195px;
	line-height: 30px;
	padding-left: 50px;
}
#ref_categories{
	padding-bottom: 55px;
}
.cat_all a, .cat_all a:visited, .cat_all a:link, .cat_img a, .cat_img img{
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: blue;
}

/* dropdon menu */

#sddm{
	margin: 0;
	padding: 0;
	z-index: 30;
}

#sddm li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial
}

#sddm li a{
	display: block;
	margin: 0 1px 0 0;
	padding: 6px 10px;
	width: 103px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none
}

#sddm li a:hover{
	background: #49A3FF
}

#sddm div{	
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2
}

#sddm div a{	
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #2875DE;
	font: 11px arial
}

#sddm div a:hover{
	background: #49A3FF;
	color: #FFF
}

#socialMediaKnop a{
	padding: 0px;
	border: 0px;
}
#socialMediaKnop a img{
	padding: 0px;
	border: 0px;
}

#overstappen{
	background-color: transparent;
	background-image: url("/img/header_overstappen.png");
	background-repeat: no-repeat;
	width: 620px;
	height: 140px;
}

#overstappen_fluit{
	background-color: transparent;
	background-image: url("/img/blijf_niet_achter.png");
	background-repeat: no-repeat;
	width: 620px;
	height: 114px;
}

#overstappen_intro{
	background-color: #ffffff;
	font-weight: bold;
	font-size: 12px; 
	padding-top: 10px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

#overstappen_form{
	margin-top: -60px;
	padding-bottom: 20px;
	background-color: #ffffff;
}

#overstappen_form_top{
	width: 620px;
	height: 128px;
	background-image: url("/img/form_top.png");
	background-repeat: no-repeat;
}

#overstappen_form_center{
	width: 619px;
	background-color: #ffffff;
	padding-left:1px;
}

#overstappen_form_content{
	width: 541px;
	background-color: #58536B;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
}

#overstappen_form_bottom{
	width: 620px;
	height: 24px;
	background-image: url("/img/form_bottom.png");
	background-repeat: no-repeat;
}
#overstappen_form_content table{
	margin-left: auto;
	margin-right: auto;
}

.overstappen_label{
	width: 30px;
	color: #ffffff;
}

.overstappen_input{
	background:  url(/img/form_input.png) no-repeat left top;
	height: 24px;
	width: 191px;
}
.overstappen_empty{
	height: 24px;
	width: 191px;
}

.overstappen_input input{
	margin-left: 4px;
	width: 175px;
	border: 0px;
}