body{
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg.png) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color: #333;
    min-height: 100%;
}

html{
    min-height: 100%;
}

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

/* layout
------------------------------------------------ */
#wrap{}

header, nav, aside, section, footer{
	display: block;
}

	header#top{
		background: #fff;
		color: #00386e;
		position: relative;
		padding:  0;
        font-family: 'Bitter', serif;
	}

    #logo{
        width: 990px;
        margin: 0 auto;
        padding: 40px 0;
    }

    #bel{
        position: absolute;
        top: 55px;
        left: 50%;
        color: #a0ad39;
        text-transform: uppercase;
        font-size: 1.7em;
        font-weight: bold;
        line-height: 1em;
        background: url(../images/bel-gratis.png) no-repeat 0 0;
        padding: 25px 0 0 35px;
        margin-left: 327px;
    }

        #bel strong{
            display: block;
            color: #00386e;
            font-size: 0.7em;
        }

        #bel strong span{
            color: #e21811;
        }
	
	#main{
		padding: 0;
		overflow: hidden;
		zoom: 1;   
	}

    #subpage #main{
        margin: 0 auto;
        width: 990px;
    }

        #intro{
            position: relative;
            height: 360px;
            background: #eff7fd url(../images/bg-intro.jpg) no-repeat center center;
            font-family: 'Bitter', serif;
            color: #00386e;
            font-size: 1.5em;
            line-height: 1.5em;
        }

            #intro div{
                width: 440px;
                position: absolute;
                bottom: 20px;
                left: 50%;
                margin-left: -440px;
            }
	
		aside#coll-l{
			width: 250px;
			float: left;
			padding: 40px 0;
		}
		
		aside#coll-r{
			width: 200px;
			float: right;
			background: #f8f8f8;
			padding: 20px;
			margin: 0 0 10px 0;
		}
		
		section#content{
			padding: 40px;
			line-height: 1.5em;
		}
		
			#subpage section#content{
				margin-left: 250px;
			}
			
			.hr{
				margin: 20px 0;
				border-top: 1px solid #00386e;
			}
			
				.hr hr{
					display: none;
				}
			
			.foto, .foto-l, .foto-r{
				padding: 4px;
				background: #f8f8f8;
				border: 1px solid #fff;
				margin-bottom: 10px;
			}
			
				.foto-l{
					float: left;
					margin-right: 10px;
				}
				
				.foto-r{
					float: right;
					margin-left: 10px;
				}
			
			#map{
				width:420px;
				height:250px;
				border:1px solid #999;
				margin-bottom: 10px;
			}
    
    section#contact{
        background: rgba(255,255,255,0.44);
        text-align: center;
        padding: 30px;
        font-family: 'Bitter', serif;
        color: #00386e;
        font-size: 1.5em;
        line-height: 1.5em;
    }

        section#contact span{
            background: url(../images/i-drop.png) no-repeat center center;
            display: inline-block;
            width: 30px;
            text-indent: -99999px;
        }

	footer#footer{
		color: #434343;
		font-size: 0.9em;
		padding: 10px 0;
        margin: 0 auto;
        width: 990px;
	}
	
		footer#footer .creatie{
			float: right;
		}

/* typo
------------------------------------------------ */
h1, h2, h3, h4, h5, h6{
    font-family: 'Bitter', serif;
}

h1{
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 20px;
	line-height: 1.1em;
	color: #00386e;
}

	header#top h1{
		padding: 10px;
		margin: 0;
		font-weight: normal;
		font-size: 1.7em;
		letter-spacing: normal;
		color: #fff;
	}

h2{
	font-size: 1.7em;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 10px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #e21811;
}

h3{
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #4c6f90;
}

h4{
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #666;
}

h5{
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -0.5px;
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #e21811;
}

h6{
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -0.5px;
	margin-bottom: 5px;
	margin-top: 20px;
	line-height: 1.1em;
	color: #666;
}

p{
	margin-bottom: 10px;
}

    #contact p{
        margin-bottom: 30px;
    }


	#footer p{
		margin: 0;
	}

.mute{
	font-size: 0.9em;
	color: #666;
}

/* links
------------------------------------------------ */
a{
	color: #00386e;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

section#contact a{
    text-decoration: none;
    font-weight: bold;
}
    
    section#contact a:hover{
        color: #e11f26;
    }

#footer a{
    color: #434343;
}

/* lists
------------------------------------------------ */
ul{
	list-style: none;
	margin: 0 0 10px 10px;
	padding: 0;
}

	ul li{
		background: url(../images/bull_default.png) no-repeat 0 8px;
		margin: 0 0 3px 0;
		padding: 0 0 0 10px;
	}

ol{
	margin: 0 0 10px 30px;
}

	ol li{
		margin: 0 0 3px 0;
	}

dl{}

	dl dt{}
	
	dl dd{}

/* forms
------------------------------------------------ */
.form-row{
	margin-bottom: 5px;
}

	.form-row .form-l{
		font-weight: bold;
		color: #444;
	}
	
	.form-row .form-r{}

.form_input_txt, .form_input_textarea{
    font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #c6c6c6;
	background: #f8f8f8;
	padding: 8px 10px;
	width: 412px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.knop-row{
	margin: 30px 0;
}

	.k{
		font-family: 'Bitter', serif;
        text-decoration: none;
		font-size: 0.9em;
		padding: 0 40px;
		line-height: 48px;
		font-weight: normal!important;
		color: #fff;
		border: none;
        background: #e11f26;
        display: inline-block;
		
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		
        cursor: pointer;
		overflow: visible;
	}
	
		.k:hover{
			background: #00386e;
            color: #fff!important;
		}

input[type="submit"]{
    border: none;
    background: #e11f26;
    color: #fff;
    font-family: 'Bitter', serif;
    font-size: 1.2em;
    padding: 0 40px;
    line-height: 48px;

    cursor: pointer;
	overflow: visible;
    
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type="submit"]:hover{
    background: #00386e;
    color: #fff!important;
}

.captcha{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 5px;
}

	.captcha img{
		float: left;
	}
	
	.captcha .txt{
		margin-left: 85px;
		line-height: 1.2em;
		font-size: 0.9em;
	}

label.error{
	font-weight: bold;
	color: #C00;
	font-size: 0.9em;
}

.messageBox{
	background: #f8f8f8;
	padding: 5px 8px;
	font-size: 0.9em;
	border: 1px solid #fff;
	margin-bottom: 10px;
	line-height: 1.3em;
	font-weight: bold;
	color: #444;
	text-shadow: 0 1px 0 #fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #ccc;
	
}
	

/* tables
------------------------------------------------ */
table{
	margin-bottom: 10px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
	
	table th, table td{
		background: rgba(255, 255, 255, 0.2);
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		text-align: left;
		padding: 2px 4px;
		font-size: 0.9em;
		color: #333;
	}
	
	table th{
		background: rgba(0, 0, 0, 0.2);
		color: #333;
	}
	
	table td{
	}

/* navs
------------------------------------------------ */
.collapse{
    display: none;
}

nav#nav input[type="checkbox"]{
    display: none;
}

nav#nav{
	background: #fff;
    border-top: 1px solid #eaeaea;
}

	nav#nav ul{
		overflow: hidden;
		margin: 0 auto;
		padding: 0;
		font-weight: bold;
        width: 990px;
        font-size: 1.2em;
	}
	
		nav#nav ul li{
			margin: 0;
			padding: 0;
			background: none;
			float: left;
            line-height: 56px;
		}
		
		nav#nav ul li a{
			color: #00386e;
			display: block;
			text-decoration: none;
			padding: 0 20px;
		}
		
		nav#nav ul li a:hover, nav#nav ul li a.in{
			background: #00386e;
			color: #fff;
		}
	
nav#funcnav{
	position: absolute;
	top: 0;
	left: 50%;
    width: 495px;
    text-align: right;
}

	nav#funcnav ul{
		margin: 0;
		padding: 0;
		overflow: hidden;
		zoom: 1;
		font-weight: bold;
		font-size: 1em;
        float: right;
        color: #00386e;
	}
	
	nav#funcnav ul li{
		margin: 0;
		padding: 0;
		background: none;
		float: left;
	}
	
	nav#funcnav ul li a{
        display: block;
		color: #00386e;
        padding: 0 13px;
		text-decoration: none;
        line-height: 40px;
	}
	
	nav#funcnav ul li a:hover, nav#funcnav ul li a.in{
		color: #fff;
        background: #00386e;
	}
	
nav#subnav{}

	nav#subnav ul{
		margin: 0;
		padding: 0;
        font-family: 'Bitter', serif;
        font-weight: bold;
	}
	
	nav#subnav ul li{
		margin: 0 0 3px 0;
		padding: 0;
		background: none;
	}
	
	nav#subnav ul li a{
		display: block;
		padding: 10px 15px;
		text-decoration: none;
        background: rgba(255,255,255,0.3);
        color: #00386e;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
	}
	
		nav#subnav ul li a:hover, nav#subnav ul li a.in{
			background: #fff;
            color: #e11f26;
		}

.pagenav{
	font-size: 0.9em;
	font-weight: bold;
	margin: 30px 0;
}

	.pagenav .searchnav{
		overflow: hidden;
		zoom: 1;
	}
	
	.pagenav .searchnav a, .pagenav .searchnav span, .pagenav .searchnav strong{
		float: left;
		display: block;
		background: #9FC5DC;
		color: #fff;
		padding: 0 5px;
		margin-right: 4px;
		text-decoration: none;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-shadow: 0 -1px 0 #437EA1;
	}
	
		.pagenav .searchnav span{
			background: none;
			text-shadow: none;
			color: #9FC5DC;
		}
		
		.pagenav .searchnav a:hover, .pagenav .searchnav strong{
			background: #437EA1;
		}

/* skipNaft start
------------------------------------------------ */
a#skipnav{
	position: absolute;
	top: -999px;
	left: -999px;
}

a#skipnav:focus, a#skipnav:active, a#skipnav:hover{
	top: 0;
	left: 0;
	z-index: 9999;
	
	background: #fff;
	display: block;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	color: #333;
}

/* modules
------------------------------------------------ */
.i-tot{
	background: url(../images/i-tot.png) no-repeat 50% 50%;
	width: 15px;
	height: 14px;
	text-indent: -9999px;
	display: inline-block;
}

/* agenda(-detail)
------------------------------------------------ */
section#agenda, agenda-detail{}

	section#agenda article{
		margin-bottom: 40px;
	}
	
		section#agenda article header{
			margin-left: 120px;
		}
	
		section#agenda article h2{
			font-size: 1.2em;
			margin: 0 0 5px 0;
			font-weight: bold;
		}
	
	section#agenda .content{
		margin-left: 120px;
	}
	
		section#agenda-detail .content .location{
			margin-bottom: 10px;
			display: block;
		} 
	
	section#agenda footer, section#agenda-detail footer{
		background: #f8f8f8;
		font-size: 0.9em;
		padding: 5px 10px;
		border: 1px solid #eee;
		line-height: 1.3em;
		color: #666;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
		section#agenda footer .date{
			display: block;
		}
	
	section#agenda-detail article header{
		margin-bottom: 20px;
	}
	
		section#agenda-detail article header h1{
			margin-bottom: 5px;
		}
		
		section#agenda-detail article header .back{
			background: #F8F8F8;
			border: 1px solid #eee;
			padding: 0 8px;
			color: #666;
			font-weight: bold;
			float: right;
			font-size: 0.9em;
			text-decoration: none;
			
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
			section#agenda-detail article header .back:hover{
				background: #fff;
			}
		
		section#agenda-detail article header .date{
			font-size: 0.9em;
			line-height: 1.3em;
			color: #2A4E64;
		}

/* blog(-detail)
------------------------------------------------ */
section#blog{}

	section#blog article{
		margin-bottom: 40px;
	}
	
	section#blog article header{}
	
	section#blog article header h2{
		font-size: 1.2em;
		margin: 0 0 5px 0;
		font-weight: bold;
	}
	
	section#blog article header .back{
		background: #F8F8F8;
		border: 1px solid #eee;
		padding: 0 8px;
		color: #666;
		font-weight: bold;
		float: right;
		font-size: 0.9em;
		text-decoration: none;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
		section#blog article header .back:hover{
			background: #fff;
		}
	
	section#blog footer{
		background: #f8f8f8;
		font-size: 0.9em;
		padding: 5px 10px;
		border: 1px solid #eee;
		line-height: 1.3em;
		color: #666;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
		section#blog footer .gebruiker, section#blog footer .date, section#blog footer .reactie{
			display: block;
		}
		
			section#blog footer .reactie{
				float: right;
			}
		
	section#comments{}
		
		section#comments article{
			margin: 0 0 10px 0;
		}
		
		section#comments article footer{
			background: none;
			border: none;
			border-bottom: 1px solid #eee;
			padding-bottom: 8px;
			position: relative;
			font-weight: bold;
		}
		
		section#comments article footer:after{
			content: "";
			position: absolute;
			bottom: 0;
			left: 13px;
			border-bottom: 5px solid #eee;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			
		}
		
			section#comments article footer .gebruiker, section#comments article footer .date{
				display: inline;
			}
		
		section#comments article .content{
			padding: 5px 10px;
		}

/* cataloog
------------------------------------------------ */
section#cataloog{}

	section#cataloog .dock{
		overflow: hidden;
		zoom: 1;
	}

	section#cataloog article{
		width: 188px;
		float: left;
		background: #f8f8f8;
		border: 1px solid #eee;
		margin: 0 20px 20px 0;
		padding: 5px;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	
	section#cataloog article.last{
		margin-right: 0;
	}
	
		section#cataloog article h2{
			font-size: 1.3em;
			margin: 0 0 7px 0;
		}
		
		section#cataloog article h2 a{
			text-decoration: none;
		}
	
	section#cataloog article .content{
		font-size: 0.9em;
		line-height: 1.4em;
	}
	
		section#cataloog article .content p{
			margin: 0;
		}

/* product
------------------------------------------------ */
section#product{}

	section#product article{}
	
	section#product article header{}
	
	section#product article header .back{
		background: #F8F8F8;
		border: 1px solid #eee;
		padding: 0 8px;
		color: #666;
		font-weight: bold;
		float: right;
		font-size: 0.9em;
		text-decoration: none;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
	
		section#product article header .back:hover{
			background: #fff;
		}
	
	section#product article .intro{
		overflow: hidden;
		zoom: 1;
		border-bottom: 1px solid #ccc;
	}
	
	section#product article .intro .img{
		float: left;
		font-size: 0.9em;
		font-weight: bold;
	}
	
		section#product article .intro .img img{
			padding: 4px;
			background: #f8f8f8;
			border: 1px solid #fff;
			margin-bottom: 0;
			
			-moz-box-shadow: 0 0 2px #999;
			-webkit-box-shadow: 0 0 2px #999;
			box-shadow: 0 0 2px #ccc;
		}
	
	section#product article .intro .txt{
		margin-left: 210px;
	}

/* sitemap
------------------------------------------------ */
section#sitemap{}

	section#sitemap ul{}
	
		section#sitemap ul li{
			margin-bottom: 10px;
		}
		
		section#sitemap ul li ul{
			margin: 5px 0 0 10px;
		}
		
		section#sitemap ul li ul li{
			margin-bottom: 3px;
		}

/* mobile
------------------------------------------------ */
@media (max-width: 990px){    
    #intro div{
        width: auto;
        left: 10px;
        right: 10px;
        margin: 0;
        text-align: center;
    }

    #bel, nav#funcnav{
        right: 10px;
        left: auto;
    }
    
    nav#nav ul, #subpage #main, footer#footer, #logo{
        width: auto;
    }
    
        footer#footer{
            padding: 10px;
        }
    
    #logo{
        padding: 40px 20px;
    }
    
    aside#coll-l{
        width: 240px;
        float: left;
        padding: 40px 0 40px 10px;
    }
    
    input[type="submit"]{
        -webkit-appearance: none;
    }
    
}


@media (max-width: 690px){
    body{
        -webkit-text-size-adjust:none;
    }
    
    #intro{
        background: #eff7fd;
        height: auto;
        padding: 10px;
    }
    
        #intro div{
            position: relative;
            left: auto;
            right: auto;
            bottom: auto;
        }
    
    .collapse{
        display: block;
        padding: 19px 20px 19px 40px;
        font-weight:  bold;
        background: url("../images/burger.png") no-repeat 20px 50%;
    }
    
    nav#nav input[type="checkbox"]:checked + *{
      display:block;
    }
    
    #logo img{
        height: 40px;
    }
    
    #bel{
        margin: 0;
        top: 45px;
    }
    
    aside#coll-l{
        float: none;
        width: auto;
        padding: 10px;
    }
    
    #subpage section#content{
        margin: 0;
        padding: 10px;
    }
    
    nav#nav ul{
        display: none;
    }
    
        nav#nav ul li{
            float: none;
        }
    
    .form_input_txt, .form_input_textarea{
        width: 90%;
    }
}

@media (max-width: 490px){
    #bel{
        background: none;
        display: block;
        top: 94px;
        left: auto;
        right: 10px;
        bottom: auto;
        padding: 0;
    }
    
        #bel strong{
            display: inline;
        }
}

/*ADDED BY THOMAS ON 8/4/2015*/
.ik-ben-mee {
	margin-left:70px;
	line-height: 48px;
}

.ik-ben-mee img{
	vertical-align:middle;
}

/*ADDED ON 17/2/2017*/
.vocht-show {
	display:none;
}