/*///////////////////*/
/* STANDARD ELEMENTS */
/*///////////////////*/

@font-face {
	font-family: Myriad;
	src: url(assets/MyriadPro.eot); /* IE */  
	src: url('assets/MyriadPro.ttf');
}

@font-face {
	font-family: Myriad;
	font-weight: bold;
	src: url(assets/MyriadProBold.eot); /* IE */ 
	src: url('assets/MyriadProBold.ttf');
}

* {
margin:0;
padding:0;
border:0;
}

body {
background:url(img/bg.png) repeat-x;
}

.container {
width:900px;
margin:0 auto;
}

.clearer {
clear:both;
}

p {
font:13px/22px Arial, Helvetica, sans-serif;
color:#055e93;
}



/*////////*/
/* HEADER */
/*////////*/

.header {
height:123px;
background:url(img/header.png) no-repeat 25px 0;
}

/* header_logo */
.header_logo {
	width:568px;
	height:105px;
	float:left;
	padding-top:18px;
}

	.logo {
	padding-left:100px;
	height:84px;
	width:247px;
	}

/* header_login */
.header_login {
width:312px;
height:93px;
float:left;
padding:30px 20px 0 0;
}

	.header_login label {
	font:bold 11px/19px Arial, Helvetica, sans-serif;
	color:#FFF;
	width:104px;
	float:left;
	text-align:right;
	padding-right:8px;
	}
	
	.header_login input {
	width:200px;
	float:left;
	margin-bottom:4px;
	}
	
		input.user {
		font:bold 12px Arial, Helvetica, sans-serif;
		background:url(img/input_user.png);
		color:#FFF;
		width:154px;
		height:20px;
		border:1px solid #999999;
		padding:4px 0 0 30px;
		}
		
		input.pass {
		font:bold 12px Arial, Helvetica, sans-serif;
		background:url(img/input_pass.png);
		color:#FFF;
		width:154px;
		height:20px;
		border:1px solid #999999;
		padding:4px 0 0 30px;
		}
		
		input.submit {
		font:12px Arial, Helvetica, sans-serif;
		width:105px;
		padding:1px 0 2px;
		margin-right:14px;
		float:right;
		background:#f0f0ef;
		}
		

/*//////*/
/* MENU */
/*//////*/		

.menu {
height:35px;
list-style:none;
margin-right:60px;
}

	.menu li {
	float:right;
	}
	
		.menu li a {
		display:block;
		width:99px;
		height:27px;
		text-align:center;
		background:url(img/menu.png) no-repeat bottom;
		padding-top:7px;
		text-decoration:none;
		font:bold 12px/24px Arial, Helvetica, sans-serif;
		color:#FFF;
		margin:0 2px;
		}
		
			.menu li a:hover, .menu li a#active {
			position:relative;
			z-index:1;
			background:#FFF url(img/menu_hover.gif) no-repeat;
			height:33px;
			margin-top:-8px;
			color:#000;
			padding-top:10px;
			}
			
			
/*////////////*/
/* CONTENT BG */
/*////////////*/

.content_bg {
	background:url(img/content_bg.gif) repeat-y 11px 0;
	color: #F4F4F4;
}

	.content_bg_left {
	width:25px;
	float:left;
	height:331px;
	background:url(img/content_left.png) no-repeat right 74px;
	}
	
	.content {
	width:848px;
	float:left;
	background:#FFF;
	border-left:1px solid #a7a7a7;
	border-right:1px solid #a7a7a7;
	}
	
	.content_bg_right {
	width:22px;
	float:left;
	height:331px;
	background:url(img/content_right.png) no-repeat left 74px;
	}
	
.content_footer {
height:179px;
width:845px;
background:url(img/content_footer.png) no-repeat 11px 0;
padding:15px 15px 0 40px;
}	


/*/////////*/
/* content */
/*/////////*/

.content {
}

.content_left {
width:493px;
float:left;
padding:0 0 20px 15px;
}

.content_right {
width:340px;
float:left;
padding:20px 0 30px;
}

.item {
padding-top:15px;
}


	h2 {
	font:30px Arial, Helvetica, sans-serif;
	color:#055e93;
	border-bottom:1px dashed #a5a5a5;
	width:430px;
	}
	
		h2 span {
		font:20px Arial, Helvetica, sans-serif;
		color:#b4b4b4;
		}
		
	h3 {
		font:20px Arial, Helvetica, sans-serif;
		color:#055e93;
	}
	
	h4 {
	font:20px Arial, Helvetica, sans-serif;
	color:#055e93;
	border-bottom:1px dashed #a5a5a5;
	font-family: "Myriad";
	}
	
	bold {
	font-weight:bold;
	}

/* uitblinkers */

.uitblinkers {
background:url(img/star.png) no-repeat;
width:400px;
height:29px;
padding:0 0 5px 45px;
margin-left:20px;
font-family: Myriad;
font-size:28px;
color:#055E93;
}


.uitblinkers span {
font-weight:bold;
color:#B4B4B4;
font-size:20px;
}

	h2.uitblinkers {
	font:30px "Myriad Pro", Arial, Helvetica, sans-serif;
	color:#055e93;
	border-bottom:1px dashed #a5a5a5;
	width:400px;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	}
	
		h2.uitblinkers span {
		font-size:20px;
		color:#7e7e7e;
		}
		
.uitblinkers_left {
width:265px;
float:left;
border-right:1px solid #eeeeee;
}

.uitblinkers_right {
width:265px;
float:left;
border-left:1px solid #afafaf;
}		

	.content_footer img {
	float:left;
	padding:15px 0 0 5px;
	}

	.uitblinkers_info {
	float:left;
	width:180px;
	padding-left:10px;
	}
	
		.uitblinkers_info h4 {
		font:bold 13px Arial, Helvetica, sans-serif;
		color:#88a117;
		padding-bottom:10px;
		}
		
		.uitblinkers_info p {
		font:12px Arial, Helvetica, sans-serif;
		color:#323232;
		padding-bottom:3px;
		}
		
		.uitblinkers_info a {
		font:12px Arial, Helvetica, sans-serif;
		color:#88a117;
		}
		
/* Welkom */

.kop {
background:url(img/h2_logo.png) no-repeat 0 5px;
height:35px;
padding:5px 0 15px 40px;
font-family: Myriad;
font-size:28px;
color:#055E93;
}

.kop span {
font-weight:bold;
color:#B4B4B4;
font-size:20px;
}

/* Nieuws */

.nieuws {
padding-top:15px;
}

	.nieuws p span.left {
	width:110px;
	float:left;
	font:13px/23px Arial, Helvetica, sans-serif;
	color:#aeaeae;
	}
	
	.nieuws p span.right {
	width:365px;
	float:left;
	font:13px/23px Arial, Helvetica, sans-serif;
	}
	
		.nieuws p span.right a {
		color:#055e93;
		}
		
/* over ons */

.over_ons {
background:url(img/over_ons.png);
width:312px;
height:186px;
padding:15px 10px 10px;
}			

	.over_ons_h2 {
	background:url(img/over_ons_h2.png) no-repeat;
	width:250px;
	padding:5px 0 8px 45px;
	}
	
		.over_ons_h2 h2 {
		width:250px;
		font-size:24px;
		}
		
	.over_ons p {
	padding:8px 0 4px 10px;
	}
	
		.over_ons img.meer_info {
		float:right;
		margin-right:20px;
		}
		
/* beveiligings meldingen */

.beveiligings_meldingen {
width:304px;
border:2px solid #d6d6d6;
margin-top:20px;
padding:6px 10px;
}		

	.bev_mel_h2 {
	background:url(img/bev_mel.png) no-repeat 0 3px;
	width:250px;
	padding:0 0 2px 30px;
	}
	
		.bev_mel_h2 h2 {
	width:250px;
	font-size:18px;
	font-family: "Myriad Pro";
		}
		
.beveiligings_meldingen ul {
list-style:none;
padding:5px 0 0 20px;
}		

	.beveiligings_meldingen ul li {
	padding-left:30px;
	}	
	
	.beveiligings_meldingen ul li.goed {
	background:url(img/goed.png) no-repeat 0 5px;
	}	
	
	.beveiligings_meldingen ul li.fout {
	background:url(img/fout.png) no-repeat 0 5px;
	}		
	
		.beveiligings_meldingen ul li a {
		font:13px/26px Arial, Helvetica, sans-serif;
		color:#055e93;
		text-decoration:none;
		}		
		
		
/*//////////*/
/* diensten */
/*//////////*/

.diensten {
background:url(img/diensten_bg.png) repeat-y 10px 0;
}

	.diensten_h2 {
	background:url(img/h2_logo.png) no-repeat 0 2px;
	width:250px;
	padding:0 0 5px 45px;
	margin-bottom:15px;
	}

.diensten_left {
width:280px;
float:left;
padding:20px 0 0 10px;;
}

.diensten_content {
width:558px;
float:left;
}

.dienst {
}

	.dienst a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#055e93;
	text-decoration:none;
	}
	
		.dienst a:hover, .dienst a.current {
		color:#abc623;
		}
	
.dienst_tekst {
padding:10px 100px 10px 20px;
margin-bottom: 10px;
color:#000;
font:Arial, Helvetica, sans-serif;
}	

.dienst_tekst_mid {
padding:10px 100px 0px 20px;
color:#000;
font:Arial, Helvetica, sans-serif;
background:url(img/roundbg.gif) repeat-y 1px 0;
}	

.dienst_tekst_bottom {
	padding:0px 100px 10px 20px;
	background:url(img/diensten_bottom.png)  no-repeat 0px 0;
	
}

	.dienst_tekst p {
	padding-top:5px;
	}
	


a.aanvraag {
float:right;
}

/* verschillende diensten */
.alle_diensten {
margin:0px 0 0px;
}

.bescherming {
background:url(img/software.png) no-repeat 1px 0;
}

.service {
background:url(img/software.png) no-repeat 1px 0;
}

.software {
background:url(img/software.png) no-repeat 1px 0;
}

.overig {
background:url(img/software.png) no-repeat 1px 0;
}
*/
/* diensten_overzicht */
.diensten_overzicht {
margin-bottom:25px;
}

	.diensten_overzicht_h2 {
	background:url(img/diensten.png) no-repeat 0 3px;
	width:200px;
	padding:0 0 2px 30px;
	margin-left:7px;
	}
	
		.diensten_overzicht_h2 h2 {
		font-size:20px;
		width:200px;
		}
		
	.diensten_overzicht ul {
	list-style:none;
	background:url(img/diensten_ul.png) no-repeat 2px 7px;
	padding:8px 0 0 2px;
	}		
	
		.diensten ul li {
		}
		
		.diensten ul li.grijs {
		background:url(img/grijs.png) repeat-y;
		}
		
		.diensten ul li.wit {
		background:url(img/wit.png) repeat-y;
		}
		
			.diensten ul li a {
			font:bold 12px/15px Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#055e93;
			display:block;
			padding:5px 5px 5px 15px;
			}
			
				.diensten ul li a:hover {
				color:#abc623;
				}

/* virspymel */

.virspymel {
padding-bottom:30px;
}

	.virspymel_h2 {
	background:url(img/bev_mel.png) no-repeat 0 3px;
	width:200px;
	padding:0 0 2px 30px;
	margin-left:7px;
	}
	
		.virspymel_h2 h2 {
		font-size:18px;
		width:200px;
		}
		
	.virspymel ul {
	list-style:none;
	padding:5px 0 0 12px;
	}	
	
		.virspymel ul li {
		padding-left:15px;
		}
		
		.virspymel ul li.goed {
		background:url(img/goed.png) no-repeat 0 5px;
		}
		
		.virspymel ul li.fout {
		background:url(img/fout.png) no-repeat 0 5px;
		}
		
			.virspymel ul li a {
			font-weight:normal;
			}
			
			
/* sidebar nieuws */			
.sidebar_nieuws {
padding-bottom:15px;
}

	.sidebar_nieuws_h2 {
	background:url(img/nieuws2.png) no-repeat 0 3px;
	width:200px;
	padding:0 0 2px 30px;
	margin-left:7px;
	}
	
		.sidebar_nieuws_h2 h2 {
		font-size:18px;
		width:200px;
		}
		
	.sidebar_nieuws ul {
	list-style:none;
	}
	
		.sidebar_nieuws ul li {
		}
		
			.sidebar_nieuws ul li a {
			font:normal 12px/18px Arial, Helvetica, sans-serif;
			text-decoration:underline;
			padding:5px 0 0 10px;
			}				
			


/*////////*/
/* FOOTER */
/*////////*/

.footer {
width:100%;
height:57px;
background:url(img/footer.png);
margin-top:50px;
}

	.footer_center {
	width:900px;
	margin:0 auto;
	}

		.footer_left {
		width:650px;
		float:left;
		padding:10px 0 0 50px;
		}
		
			.footer_left ul {
			list-style:none;
			}
			
				.footer_left ul li {
				display:inline;
				}
				
					.footer_left ul li a {
					text-decoration:none;
					color:#616e00;
					font:12px Arial, Helvetica, sans-serif;
					}
					
			.footer_left p {
			color:#FFF;
			font:12px/20px Arial, Helvetica, sans-serif;
			}		
		
		.footer_right {
		width:180px;
		height:50px;
		float:left;
		padding:7px 0 0 20px;
		}
.container .content_bg .content.diensten .diensten_content .item .alle_diensten .service.dienst .dienst_tekst p img {
	text-align: center;
}
