@charset "UTF-8";
/* CSS Document */

/* Reset CSS */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,  cite, code,del, dfn, em, font, img, ins, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  background: transparent; font-weight: normal;
}
body { 
font-family: Tahoma, Geneva, sans-serif;
line-height: 1;
display: block;
}
strong {
font-weight: bold;
}
ul { 
list-style: none;
}
a {
    color: #666666;
    text-decoration: underline;
}
blockquote, q { 
quotes: none;
}

:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}

/* Buttons */

.button {
background: url("/info/voi/img/menu-wrap_bg.png") repeat-x;
padding: 7px 10px;
font-size: 14px;
font-family: 'museo300';
color: #fff;
display: inline-block;
text-align: center;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.button:active {
position: relative;
top: 1px;
}
/* Social */

#social {
position: fixed;
display: inline;
top: 155px;
right: 0;
width: 40px;
height: 220px;
z-index: 1000;
}
	#social a {
	background: #333;
	width: 40px;
	height: 151px;
	display: block;
	-webkit-border-radius: 5px 0px 0px 5px;
 	border-radius: 5px 0px 0px 5px;
	}
	#social a.facebook {
	margin-bottom: 20px;
	background: url("/info/voi/img/facebook.png") no-repeat center center #333;
	}
	#social a.twitter {
	background: url("/info/voi/img/twitter.png") no-repeat center center #333;
	}

/* Standaard content styling */


/* iFrame's */
body#goedverzekerd {
height: 600px;
background: url("/info/voi/img/buwegv_frame-bg.png") no-repeat right bottom;
-webkit-box-shadow: inset 0px 1px 5px 1px #888;
box-shadow: inset 0px 1px 5px 1px #888;
}
	#iframe_story {
	float: left;
	padding: 25px;
	width: 400px;
	}
		#iframe_story h1 {
		font-family: 'museo500';
		font-size: 30px;
		color: #0d5fcf;
		padding: 5px 0;
		}
		#iframe_story h2 {
		font-family: 'museo500';
		font-size: 16px;
		color: #0d5fcf;
		padding: 10px 0;
		}
		#iframe_story p {
		font-size: 12px;
		color: #333;
		padding: 5px 0;
		line-height: 1.6;
		}
		#iframe_story ul {
		margin: 20px;
		}
			#iframe_story ul li {
			font-family: 'museo300';
			font-size: 14px;
			line-height: 1.6;
			color: #333;
			list-style: disc;
			margin-left: 10px;
			}
			#iframe_story ul li.vink {
			list-style-image: url("/info/voi/img/list-style-vink.png");
			}
	#iframe_img {
	float: right;
	padding: 25px;
	width: 256px;
	height: 256px;
	}
	
/* Wraps */

.wrap {
min-width: 1024px;
margin: 0;
width: 99.9%;
float: left;
display: block;

}
#menu_wrap {
background: url("/info/voi/img/menu-wrap_bg.png") repeat-x;
height: 45px;
}
#slider_wrap {
background: url("/info/voi/img/slider-wrap_bg.png") no-repeat center;
height: 396px;
}
#mediaheader_wrap {
background: url("/info/voi/img/mediaheader-wrap_bg.png") no-repeat center;
height: 184px;
}
#mediaheader_wrap_homepage {
background: url("/info/voi/img/mediaheader-wrap_bg.png") no-repeat center;
height: 244px;
}
#footertop_wrap {
background: url("/info/voi/img/menu-wrap_bg.png") repeat-x;
height: 45px;
}
#footer_wrap {
background: url("/info/voi/img/footer-wrap_bg.png") no-repeat center bottom #dfe9ff;
}
/* Font Webkit */

@font-face {
font-family: 'museo300';
src: url('../font/museo_300_regular-webfont.eot');
src: url('../font/museo_300_regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../font/museo_300_regular-webfont.woff') format('woff'),
	 url('../font/museo_300_regular-webfont.ttf') format('truetype'),
	 url('../font/museo_300_regular-webfont.svg#museo300') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'museo500';
src: url('../font/museo_500_regular-webfont.eot');
src: url('../font/museo_500_regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../font/museo_500_regular-webfont.woff') format('woff'),
	 url('../font/museo_500_regular-webfont.ttf') format('truetype'),
	 url('../font/museo_500_regular-webfont.svg#museo500') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'museo700';
src: url('../font/museo_700_regular-webfont.eot');
src: url('../font/museo_700_regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../font/museo_700_regular-webfont.woff') format('woff'),
	 url('../font/museo_700_regular-webfont.ttf') format('truetype'),
	 url('../font/museo_700_regular-webfont.svg#museo700') format('svg');
font-weight: normal;
font-style: normal;
}

/* Header */
#top {
margin: 0 auto;
width: 1004px;
height: 100px;
}
#logo {
background: url("/info/voi/img/logo.png") no-repeat scroll 0 0 transparent;
display: block;
margin-top: 20px;
float: left;
}
#logoIZ {
background: url("/info/voi/img/logoiz.png") no-repeat scroll 0 0 transparent;
display: block;
margin-top: 20px;
float: left;
}
#logoTP {
	display: block;
	vertical-align: middle;
	float: left;
	}
#logo a {width: 250px;height: 60px;display: block;}
#logoIZ a {width: 250px;height: 60px;display: block;}
#topmenu {
	float: right;
	height: 20px;
	vertical-align: bottom;
	}
		#topmenu > ul {text-align: right;float: right; margin-top: 5px;}
		#topmenu > ul li {float: left;padding: 0 10px; border-right: 1px solid #ccc;}
		#topmenu > ul li:last-child {border-right: none;}
		#topmenu > ul li a {font-size: 12px; text-decoration: none; color: #333;}
		#topmenu > ul li a:hover {color: #666;}
	#phone {
	float: right;
	height: 40px;
	margin: 20px 0 0 500px;
	}
		#callus {
		text-align: right;
		font-family: 'museo300';
		font-size: 14px;
		color: #666;
		margin-bottom: 5px;
		}
		#number {
		text-align: right;
		font-family: 'museo500';
		font-size: 24px;
		color: #f89904;
		}
			#number a {
			text-decoration: none;
			color: #f89904;
			}
				#number a:hover {color: #333;}
/* Hoofdmenu */
#menu {
margin: 0 auto;
width: 1004px;
height: 47px;
}
	#menu > ul {}
	#menu > ul li {float: left; border-right: solid 1px #ccc;} 
	/*#menu > ul li:hover {padding: 14px 28px;}*/
	#menu > ul li.active {text-decoration: underline; color: #fff;}
	#menu > ul li:first-child {border-left: solid 1px #ccc;}
/*	#menu > ul li:last-child {border-right: none;}*/
	#menu > ul li a {font-family: 'museo300'; font-size: 14px; text-decoration: none; color: #fff; padding: 16px 25px; display: block;}
	#menu > ul li a:hover {/*font-family: 'museo500'; padding: 16px 29px;*/ text-decoration: underline;}
	#menu > ul li a:active {position: relative; top: 1px;}
	
/* Slider */
	/* Custom sliders */
	.voi_slide {
	
	}
#slider {
margin: 0 auto;
width: 1024px;
height: 396px;
}
	#slider_title {
	padding-top: 50px;
	}
		#slogan_s1 {
		font-family: 'museo500';
		font-size: 36px;
		color: #f89904;
		margin: 5px 0;
		}
		#slogan_s1 span { font-family: 'museo300'; }
		#slogan_s2 {
		font-family: 'museo500';
		font-size: 36px;
		color: #0d5fcf;
		margin: 5px 0;
		}
	#slider_ball {
	background: url("/info/voi/img/buwegv_banner.png") no-repeat scroll 0 0 transparent;
    height: 256px;
    left: 490px;
    position: relative;
    top: -35px;
    width: 256px;
	}
	#slider_ball:hover {background: url("/info/voi/img/buwegv_banner-hover.png") no-repeat scroll 0 0 transparent;}
		#slider_ball a {
		height: 256px;
		width: 256px;
		display: block;
		text-decoration: none;
		}
		#slider_ball a h4 {
		font-family: 'museo500';
		font-size: 36px;
		text-align: center;
		color: #fff;
		line-height: 1.2;
		padding: 25px 0 0 0;
		}
/* Mediaheader */ 
#mediaheader {
margin: 0 auto;
width: 1024px;
height: 184px;
position: relative;
}
	#mediaheader_title {
	padding-top: 44px;
	}
	#mediaheader_ball {
	background: url("/info/voi/img/buwegv_banner.png") no-repeat scroll 0 0 transparent;
    height: 256px;
    left: 760px;
    position: absolute;
    top: 40px;
    width: 256px;
    z-index: 1000;
	}
	#mediaheader_ball:hover {background: url("/info/voi/img/buwegv_banner-hover.png") no-repeat scroll 0 0 transparent;}
		#mediaheader_ball a {
		height: 256px;
		width: 256px;
		display: block;
		text-decoration: none;
		}
		#mediaheader_ball a h4 {
		font-family: 'museo500';
		font-size: 36px;
		text-align: center;
		color: #fff;
		line-height: 1.2;
		padding: 25px 0 0 0;
		}
/* Breadcrumbs */ 
#breadcrumb {
font-size: 12px;
color: #333;
padding: 0 15px;
}
	#breadcrumb a {color: #333; text-decoration: none;}
		#breadcrumb a:hover {color: #666;}
	.scheider {
	margin: 0 10px;
	}
/* Entry Blocks */
#entryblocks {
margin: 0 auto;
width: 1024px;
}
	.entryblock {
	float: left;
/*	height: 262px;*/
	margin: 20px 0 0 0;
	padding: 25px 25px;
	border-right: #ccc 1px solid;
	}
	.entryblock1 {
	float: left;
	width: 920px;
	}
	.entryblock2 {
	float: left;
	width: 420px;
	}
	.entryblock3 {
	float: left;
	width: 270px;
	}
	.entryblock4 {
	float: left;
	width: 205px;
	}
.entryblock:last-child {border-right: none;}
	.entryblock:hover {
	background: url("/info/voi/img/entry_block-hover.png") repeat-x #f2f2f2;
	-webkit-box-shadow:  1px 1px 5px 1px #888;
	box-shadow:  1px 1px 5px 1px #888;
	cursor: default;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}
		.entryblock h2 {
		font-family: 'museo500';
		font-size: 24px;
		line-height: 1.2;
		color: #f89904;
		margin-top: 10px;
		text-align: center;
		}
		.entryblock p {
		font-size: 12px;
		line-height: 1.6;
		color: #333;
		margin-top: 10px;
		text-align: center;
		}
		.entryblock a.link {
		font-family: 'museo500';
		text-align: center;
		display: block;
		color: #666;
		font-size: 12px;
		margin: 10px 0;
		text-decoration: underline;
		}
		.entryblock .eb_button {
		margin: 10px;
		}
		
/* Content */
#content {
margin: 0 auto;
width: 1024px;
min-height: 450px;
}
	#story-wide {
	float: left;
	width: 1024px;
	min-height: 100px;
	padding: 0 15px;
	}
		#story-wide #story-content {padding: 0!important;}
	#story {
	float: left;
	width: 744px;
	min-height: 100px;
	padding: 15px;
	}
		#story-content {
		margin: 20px 0;
		padding: 15px;
		}
		#story-content h1 {
		font-family: 'museo500';
		font-size: 30px;
		color: #0d5fcf;
		padding: 5px 0;
		}
			.storyblock {
			padding: 25px 0;
			margin: 10px 0;
			border-bottom: 1px solid #ccc;
			}
				#storyblock1 {padding: 0 0 25px 0;}
			.storyblock h2 {
			font-family: 'museo300';
			font-size: 24px;
			line-height: 1.2;
			color: #f89904;
			margin: 10px 0;
			}
			.storyblock h3 {
			font-family: 'museo500';
			font-size: 18px;
			line-height: 1.2;
			color: #666;
			margin: 5px 0;
			}
			.storyblock p {
			font-size: 12px;
			color: #333;
			padding: 5px 0;
			line-height: 1.6;
			}
			.storyblock a {
			color: #666;
			text-decoration: underline;
			}
				.storyblock a:hover {
				color: #333;
				}
			.storyblock a.button {
			color: #fff;
			text-decoration: none;
			}
				.storyblock a.button:hover {
				color: #fff;
				text-decoration: none;
				}
			.storyblock a img {
			outline: none;
			}
			.storyblock img {
			border: 1px solid #ccc;
			}
				.storyblock img.align_left {
				float: left;
				margin: 5px 15px 5px 0;
				}
				.storyblock img.align_right {
				float: right;
				margin: 5px 0 5px 15px;
				}
			/* Moduleframe 2e pagina */
			#moduleframe-wide {
			width: 994px;
			min-height: 1022px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}
			#moduleframe {
			width: 714px;
			min-height: 750px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}
				#moduleframe_menu {
				background: url("/info/voi/img/menu-wrap_bg.png") repeat-x;
				display: inline-block;
				width: 100%;
				}
					#moduleframe_menu ul li {
					float: left;
					margin: 5px 5px 0 5px;
					}
						#moduleframe_menu ul li a {
						font-family: 'museo300';
						font-size: 12px;
						color: #fff;
						text-decoration: none;
						padding: 10px;
						display: block;
						}
					#moduleframe_menu ul li.active a {
					background: #fff;
					color: #e57d00;
					-webkit-border-radius: 3px 3px 0 0;
					border-radius: 3px 3px 0 0;
					}
				#moduleframe_iframe {
				padding: 10px;
				}
				#moduleframe_iframe iframe {
				border: none;
				width: 100%;
				height: 750px;
				}
			#info-wide {
			margin-top: 15px;
			padding: 15px;
			width: 934px;
			min-height: 150px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			}
				#info-wide h1 {
				margin: 5px 0;	
				}
				#info-wide p {
				font-family: 'museo300';
				font-size: 12px;
				color: #333;
				line-height: 1.6;
				}
	#sidebar {
	float: left;
	width: 200px;
/*	height: 400px;*/
	padding: 25px;
	background: #f7f7f7;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 5px 1px #888;
	box-shadow: inset 0px 1px 5px 1px #888;
	margin: 20px 0;
	}
			#sidebar.inpage {margin-top: 120px;}
		#sidebar h2 {
		font-family: 'museo500';
		font-size: 24px;
		line-height: 1.2;
		color: #f89904;
		margin-top: 10px;
		text-align: center;
		}
		#sidebar p {
		font-size: 12px;
		line-height: 1.6;
		color: #333;
		margin-top: 10px;
		text-align: center;
		}
			#sidebar ul {
			margin: 20px;
			}
				#sidebar ul li {
				font-size: 12px;
				line-height: 1.6;
				color: #333;
				list-style: disc;
				}
				#sidebar ul li.vink {
				list-style-image: url("/info/voi/img/list-style-vink.png");
				}
		#sidebar a.link {
		font-family: 'museo500';
		text-align: center;
		display: block;
		color: #666;
		font-size: 12px;
		margin: 10px 0;
		text-decoration: underline;
		}
		#sidebar .sb_button {
		margin: 10px 50px;
		}
/* Footer */
#footer {
margin: 0 auto;
width: 1024px;
min-height: 350px;
}
#footer h2 {
font-family: 'museo500';
font-size: 36px;
color: #0d5fcf;
padding: 15px 0;
width: 1024px;
float: left;
}
	#footer_blocks {
	float: left;
	width: 924px;
	padding: 25px 50px 50px 50px;
	display: inline-block;
	}
		.footer_block {
		float: left;
		display: block;
		margin-right: 40px;
		width: 200px;
		}
			.footer_block:last-child {
			margin-right: 0;
			}
		.footer_block h4 {
		font-family: 'museo300';
		font-size: 20px;
		color: #0d5fcf;
		padding: 15px 0;
		}
		.footer_block p {
		font-family: 'museo300';
		font-size: 14px;
		color: #666;
		padding: 5px 0;
		line-height: 1.6;
		}
		.footer_block ul {
		margin-left: 15px;
		}
		.footer_block ul li {
		color: #f89904;
		list-style: disc;
		line-height: 1.6;
		}
		.footer_block ul li a {
		font-family: 'museo300';
		font-size: 14px;
		color: #666;
		text-decoration: none;
		}
		.footer_block ul li a:hover {
		color: #999;
		}
	#footer_shutter {
	float: left;
	}
	#footer_shutter span {
	font-size: 12px;
	color: #666;
	padding: 5px 0;
	line-height: 1.6;
	}
	#footer_shutter a {
	color: #666;
	text-decoration: none;
	}
	#footer_shutter a:hover {
	color: #999;
	}

#moduleframe_iframe h1 {font-family: 'museo500';font-size: 28px;color: #0d5fcf;padding: 5px 0;}
#moduleframe_iframe h2 {font-family: 'museo500';font-size: 22px;color: #0d5fcf;padding: 10px 0;}
#moduleframe_iframe h3 {font-family: 'museo500';font-size: 16px;color: #0d5fcf;padding: 5px 0;}

#moduleframe_iframe p {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;line-height: 1.6;color: #333;}

/*#moduleframe_iframe a {color: #333;text-decoration: underline;}
#moduleframe_iframe a:hover {color: #666;text-decoration: none;}
*/
#moduleframe_iframe ul {margin: 15px;}
#moduleframe_iframe ul li {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;line-height: 1.6;color: #333;list-style: disc;}

/*Eigen toevoegingen vanwege blokken */
.blockspacer, .blockcontainer {
	border: 1px solid #d7d7d7;
	display: block;
	background:#fff;
}

.container .blockspacer, .blockcontainer .blockspacer, .rechterkolom .blockspacer, .linkerkolom .blockspacer {
	padding: 10px;
}

.rechterkolom .blockspacer, .linkerkolom .blockspacer {
	background: #fff;
	margin-bottom: 15px;
	border: 1px solid #d7d7d7;
}

.row {
width: 100%;
max-width: 1140px;
min-width: 400px;
margin: 0 auto;
overflow: hidden;
}

.blockcontainer .row {
	padding: 0;
border-bottom: 1px solid #d7d7d7;
}
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 2.2%;
float: left;
min-height: 1px;
}

#footer .onecol, #footer .twocol, #footer .threecol, #footer .fourcol, #footer .fivecol, #footer .sixcol, #footer .sevencol, #footer .eightcol, #footer .ninecol, #footer .tencol, #footer .elevencol,
#header .onecol, #header .twocol, #header .threecol, #header .fourcol, #header .fivecol, #header .sixcol, #header .sevencol, #header .eightcol, #header .ninecol, #header .tencol, #header .elevencol {
background: none;
}

.container .onecol, .container .twocol, .container .threecol, .container .fourcol, .container .fivecol, .container .sixcol, .container .sevencol, .container .eightcol, .container .ninecol, .container .tencol, .container .elevencol {
background: #fff;
}

.blockcontainer .onecol, .blockcontainer .twocol, .blockcontainer .threecol, .blockcontainer .fourcol, .blockcontainer .fivecol, .blockcontainer .sixcol, .blockcontainer .sevencol, .blockcontainer .eightcol, .blockcontainer .ninecol, .blockcontainer .tencol, .blockcontainer .elevencol {
border-right: 1px solid #d7d7d7;
padding: 0 0.5%;
margin: 10px 0;
}

.row .onecol {
width: 6.45%;
}

.row .twocol {
width: 14.9%;
}

.row .threecol {
width: 23.4%;
}

.row .fourcol {
width: 31.85%;
}

.row .fivecol {
width: 40.1%;
}

.row .sixcol {
width: 48.75%;
}

.row .sevencol {
width: 57.55%;
}

.row .eightcol {
width: 65.8%;
}

.row .ninecol {
width: 74.2%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

#heading .twelvecol {
	background: #fff;
}

.last {
margin-right: 0px;
}

.blockcontainer .last {
	border-right: none;
}

.row .last {
	border-bottom: none;
}

.rightcol {
	margin-top: 15px;
	display: block;
}

.rechterkolom {
	float: right;
	margin-top: 15px;
}
.linkerkolom {
	float: left;
	margin-top: 15px;
}

img {
	height: auto;
}

.filledtableberichten td {border:1px solid #333333; padding: 2px;font-size: 14px;vertical-align:top;}
.filledtable td {border:1px solid #333333; padding: 2px}
.vertmenu {padding-left: 5px; color: #333333}
