/* Custom Stylesheet */
/*
 * Use this file to override materialize.css styles so you can update the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

a {
  color: #039be5;
}

a:hover {
  color: #464581;
}

#logo-container img {
	height:90px;
	margin: 20px 0px 0px 20px;
}

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
	font-size: 100px;
}

.nav-balk {
  height:122px;
}

nav .input-field label.active i {
  color: grey;
}

.nav-li-border {
  border-right: 1px solid #E0EFF5;
}

nav {
  -webkit-box-shadow: none;
          box-shadow: none;
}

nav a {
  color: #47BCEF;
}

nav ul a:hover {
  background-color: #dfeff5;
}

.actieve-pagina {
  background-color: #dfeff5;
}

nav i.material-icons {
  font-size: 48px;
}

nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
  height: 57px;
  line-height: 57px;
}

.hamburger {
margin-top:38px;
}

.sidenav li > a:hover {
  background-color: #dfeff5;
}

.sidenav {
  padding: 30px 0;
}

.navtekst {
  color: #000;
  font-family: Poppins, Sans-serif, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.0rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navtekst-mobi {
  color:#000;
  font-family: Poppins, Sans-serif, Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.8;
  font-size: 1.125rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zoekbalk {
  background-color: #fff;
  border-top: 1px solid #E0EFF5;
  border-bottom: 3px solid #E0EFF5;
  padding: 0px 0px 0px 0px;
}
.form-positie {
  margin-bottom: 0;
}

input[type=text]:not(.browser-default), input[type=text]:not(.browser-default):focus:not([readonly]) {
  margin: 5px 0px 5px 0px;
  border: none;
  border-bottom: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn {
  margin: 10px 0px 5px 0px;
  text-decoration: none;
  color: #fff;
  background-color: #464383;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  cursor: pointer;
}

.btn:hover {
  background-color: #464383;
}

.ffse-ov0-ifd {
	opacity:1;
}

::-webkit-input-placeholder {
  color: grey;
}
::-moz-placeholder {
  color: grey;
}
:-ms-input-placeholder {
  color: grey;
}
::-ms-input-placeholder {
  color: grey;
}
::placeholder {
  color: grey;
}

#illustratie-1 {
 /* display:none; */
  margin-bottom: 0;
  display:block;
  background-image: url('pix/illustratie-1.jpeg');
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: 25%;
}
#illustratie-2 {
 /* display:none; */
  margin-bottom: 0;
  display:block;
  background-image: url('pix/illustratie-2.jpeg');
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: 15%;
}
#illustratie-3 {
 /* display:none; */
  margin-bottom: 0;
  display:block;
  background-image: url('pix/illustratie-3.jpeg');
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: 70%;
}
#illustratie-4 {
 /* display:none; */
  margin-bottom: 0;
  display:block;
  background-image: url('pix/illustratie-4.jpeg');
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: 35%;
}
#illustratie-5 {
 /* display:none; */
  margin-bottom: 0;
  display:block;
  background-image: url('pix/illustratie-5.jpeg');
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: 30%;
}
#illustratie-6 {
 /* display:none; */
  margin-bottom: 0;
  display:block;
  background-image: url('pix/illustratie-6.jpeg');
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: 40%;
}
#illustratie-7 {
 /* display:none; */
  margin-bottom: 0;
  display:block;
  background-image: url('pix/illustratie-7.jpeg');
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: 35%;
}
#illustratie-8 {
 /* display:none; */
  margin-bottom: 0;
  display:block;
  background-image: url('pix/illustratie-8.jpeg');
  height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: 35%;
}

@media screen, projection {
    td {
        padd ing: 5px 5px;
        text-align: left;
        vertical-align: top;
    }
}

.paginatekst {
  font-family: Poppins, Sans-serif, Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.8;
  font-size: 1.125rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.paginatekst td {
  font-family: Poppins, Sans-serif, Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.8;
  font-size: 1.125rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 4px 0;
}

.paginatekst table {
  margin: 15px 0;
}

.paginatekst h1 {
  color: #383767;
  line-height: 1.8;
  font-size: 1.500rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.paginatekst h4 {				/* toepassen bij ondertitel onder een h1 */
  margin-top:-25px;
  color: #383767;
  line-height: 1.8;
  font-size: 1.250rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.paginatekst h2 {
  color: #383767;
  line-height: 1.8;
  font-size: 1.250rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.paginatekst h3 {
  margin-top: -4px;
  color: #383767;
  line-height: 1.8;
  font-size: 1.125rem;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.paginatekst img {
	float:left;
	margin: 0 1em 1em 0;
}

@media screen, projection {
    tr {
        border-bottom: none;
    }
}

.wit {
  background-color: #FFFFFF !important;
}

.donkerblauw {
  background-color: #3D5CAB !important;
}

.lichtblauw {
  background-color: #3FBBF1 !important;
}

.vuller1 {
  height: 8px;
  clear: both;
  font-size: 8px;
  padding: 0;
  margin: 0;
}

.vuller2 {
  background-color: #fff;
  height: 8px;
  clear: both;
  font-size: 8px;
  padding: 0;
  margin: 0;
}

.voetlogo {
  height: 100px;
  margin: 30px 0px 25px 0px;
}

.voettekst-positie {
  padding-top: 2px; margin-bottom: 2px;
}

.voettekst {
  color: #fff;
  font-family: Poppins, Sans-serif, Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.8;
  font-size: 1.125rem;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.voettekst a {
  color: #fff;
}

.voettekst a:hover {
  color: #DAD9E6;
}

/*
 *
 * Extra styles, exclusief voor de formulier-versie
 *
 */

 .paars {
   background-color: #464383 !important;
 }

#rollover {
  margin: 0px 0px 40px 13px;
}

#rollover a {
  display: block;
  width: 209px;
  height: 55px;
  background-image: url(pix/mijn-v&vn.png);
  text-indent: -999em;
}

#rollover a:hover {
  background-image: url(pix/mijn-v&vn-over.png);
}

.logo1 {
  width:200px;
  margin: 0px 0px 10px 0px;
}

.logo2 {
  width:200px;
  margin: 10px 0px 10px 0px;
}

.voetlinks-blok {
  margin: 40px 0px 40px 0px;
}