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

html{
-webkit-text-size-adjust:100%;
}

#container,
#container2,
#header2,
#header,
#tagline,
#zoekvak1,
#vakje,
#navigatiebalk,
#content,
#tekstvak,
#footer,
#onder,
#line,
#nav-toggle,
#navcontainer,
#navcontainer ul,
#navcontainer li a{
box-sizing:border-box;
}

b{
color: #00afef;
font-weight:bold;
font-size:12px;
}

strong{
color: #00afef;
font-weight:bold;
font-size:12px;
}

h1{
color:#00afef;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:20px;
font-weight:normal;
padding-bottom: 5px;
line-height:24px;
text-align:left;
}

h2 {
	color: #000000;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 36px;
	font-style: italic;
	font-weight: normal;
	line-height: 45px;
	text-align: left;
	font-weight: 800;
}
h2 a{
color:#00afef;
text-decoration:none;
}

h2 a:hover{
color:#00afef;
text-decoration:none;
}


h3{
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
padding-bottom: 5px;
line-height:18px;
font-style:italic;
text-align:left;
}

h3 a{
color:#999999;
line-height:22px;
}

h3 a:hover{
color:#00afef;
line-height:22px;
}


hr
{

color:#ccc;
background-color:#ccc;
height:1px;border:none;
margin-bottom:5px;
margin-top:5px;

}

a {
color:#666666;
text-decoration:underline;
outline:none;

}

a:hover {
color:#00afef;
text-decoration:underline;

}
iframe {
	max-width: 100%;
}

body{
margin:0px;
padding:0px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


#container{
height:auto;
width:100%;
background:#fff;
margin:0 auto;
padding:0px;
}

#container2{
height:auto;
width:100%;
background:#fff;
float:none;
position:relative;
border-left:0;
border-right:0;
margin-bottom:10px;
}

#header2{
height:auto;
min-height:32px;
width:100%;
margin:0 auto;
position:relative;
overflow:visible;
font-size:12px;
float:none;
text-align:right;
font-weight:bold;
line-height:20px;
padding:6px 20px;
}


#header{
height:330px;
width:100%;
margin:0 auto;
position:relative;
border:0;
overflow:hidden;
background:#f2f2f2;
}


#tagline{
height:42px;
width:100%;
margin:0 auto;
position:relative;
overflow:hidden;
background-image:url(images/tagline.jpg);
background-position:center center;
background-size:cover;
}


#zoeken{
    display:none;
}

.searchbox{
	position: absolute;
    left: 0;
    top: 0;
}


#logo{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/logo3.png) no-repeat scroll center center;
background-size:contain;
border:medium none;
height:150px;
left:0;
position:absolute;
bottom:0;
top:auto;
width:100%;

}


#zoekvak1{

height:44px;
right:20px;
position:absolute;
bottom:20px;
top:auto;
width:223px;
z-index:20;

}

.zoekknop {
    background: url("images/zoek.png") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 44px;
    left: 178px;
    position: absolute;
    top: -3px;
    width: 44px;
}
.zoekknop:hover {
    background: url("images/zoek.png") repeat scroll 0 bottom transparent;
    border: 0 none;
    cursor: pointer;
    height: 44px;
    width: 44px;
}
	

#vakje{
height:300px;
left:20px;
position:absolute;
top:42px;
width:400px;
max-width:calc(100% - 40px);
z-index:1000;
}

#navigatiebalk{
    background-color: #FFFFFF;
    border-bottom: 1px solid #00AFEF;
    border-top: 1px solid #00AFEF;
    height: auto;
    min-height: 45px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#content{
width:100%;
height:auto;
float:none;
clear:both;
padding:0px;
margin-top:0px;
border-bottom: #fff 10px solid;
}



#lijntje{
width:100%;
height:10px;
margin:0 auto;
border-bottom: #660000 10px solid;
background:#CC3333;
}


#vaklinks{
	display:none;
}

#vaklinks a{
border:none;
}

#vaklinks a:hover{
border:none;
}

#vaklinks img{
border:none;
}

#tekstvak{
height:auto;
width:100%;
float:none;
background:#ffffff;
margin-left:0px;
clear:both;

}

#vakrechts{
	display:none;
}

#vakrechts a{
border:none;
}

#vakrechts a:hover{
border:none;
}

#vakrechts img{
border:none;
}

#soc-vak{
	width:100%;
}

#soc-vak a{
border:none;
}

#soc-vak a:hover{
border:none;
}

#soc-vak img{
border:none;
}

#footer{
height:30px;
width:100%;
margin: 0 auto;
padding-top: 10px;
text-align:center;
background:#FFFFFF;
clear:both;

}


#onder{
height:30px;
width:100%;
margin: 0 auto;
padding-top: 10px;
text-align:center;
background:#FFFFFF;
}

#line
{
	width:100%;
	margin: 0 auto;
	height:20px;
	text-align:right;
	font-size:10px;
	float:none;
	color:#777;
	margin-top: 10px;
	padding:0 20px;
}

#line a
{
	color:#777;
	text-decoration:none;
}

#line a:hover
{
	
color:#00afef;
text-decoration:none;
border-bottom:1px dotted #00afef;
	
}




/*- verzendknop -*/

.formx_submit{
cursor: pointer;
background-color: #999;	
color:#fff;
padding: 3px 5px 3px 5px;
border: none;
}

.formx_submit:hover{
background-color: #999;	
color:#000;
padding: 3px 5px 3px 5px;
}


.balk{
width:155px;
border:1px solid bfbfbf;
padding:2px 5px;
display:block;

}

/* menu */

#nav-toggle{
	display:none;
}

.nav-toggle-label{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}

#navcontainer ul
{
	padding: 9px 0;
	margin: 0;
	margin-top:2px;
	list-style-type: none;
	color: #ffffff;
	width: 100%;
	text-align: center;
	font-size:13px;
	font-weight:bold;
}

#navcontainer li 
{ 
	display: inline; 
}

#navcontainer li a
{
	text-decoration: none;
	color: #000000;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding: 5px 10px;
	border-bottom:none;
}

#navcontainer li a:hover
{
	height:30px;
	color:#00afef;
	border-bottom:none;
}

#navcontainer li a.menu-current
{
	text-decoration: none;
	padding: 5px 8px;
	height:30px;
	color:#00afef;
	border-bottom:none;
}

#navcontainer li a.menu-parent
{
	text-decoration: none;
	padding: 5px 8px;
	height:30px;
	color:#00afef;
	border-bottom:none;
}

#navcontainer li a.menu-last
{
	background: none;
}


.highslide{
border:none;
}

.highslide a{
border:none;
}

.highslide a:hover{
border-bottom:#FFFFFF;
}

mobside1{
	display:none;
}


#header img {

    width: 100%;
    height: 100%;
    display:block;
    object-fit:cover;

}

@media screen and (max-width: 760px) {
	body{
		min-width:0;
	}

	#header2{
		text-align:center;
		padding:6px 10px;
	}

	#header{
		height:330px;
	}

	#vakje{
		display:none;
	}

	#logo{
		height:120px;
	}

	#zoekvak1{
		right:12px;
		bottom:12px;
		max-width:calc(100% - 24px);
	}

	#navigatiebalk{
		min-height:45px;
	}

	#nav-toggle{
		background:#ffffff;
		border:0;
		border-left:1px solid #e2f3fd;
		cursor:pointer;
		display:block;
		height:44px;
		margin-left:auto;
		position:relative;
		width:52px;
	}

	#nav-toggle:hover,
	#nav-toggle:focus{
		background:#f4fbff;
		outline:none;
	}

	#nav-toggle .nav-toggle-line{
		background:#000000;
		display:block;
		height:2px;
		left:15px;
		position:absolute;
		width:22px;
	}

	#nav-toggle .nav-toggle-line:nth-child(1){
		top:14px;
	}

	#nav-toggle .nav-toggle-line:nth-child(2){
		top:21px;
	}

	#nav-toggle .nav-toggle-line:nth-child(3){
		top:28px;
	}

	#navcontainer{
		border-top:1px solid #e2f3fd;
		display:none;
		width:100%;
	}

	#navigatiebalk.nav-open #navcontainer{
		display:block;
	}

	#navcontainer ul{
		margin:0;
		padding:0;
		text-align:left;
		width:100%;
	}

	#navcontainer li{
		display:block;
	}

	#navcontainer li a,
	#navcontainer li a.menu-current,
	#navcontainer li a.menu-parent{
		border-bottom:1px solid #eef4f8;
		display:block;
		font-size:15px;
		height:auto;
		padding:12px 16px;
	}

	#content{
		margin-top:0;
		padding:0;
	}

	#tekstvak{
		width:100%;
	}

	#footer{
		height:auto;
		min-height:30px;
	}

	#line{
		height:auto;
		line-height:18px;
		padding:10px;
		text-align:center;
	}
}