@charset "UTF-8";
/* CSS Document */

body {
    background-image: url(../images2019/bg-body.jpg);
    font-family: 'Open Sans', sans-serif;
    color: #333;
    line-height: 1.6em;
    background-size: cover;
    background-attachment: fixed;
    font-size: 100%;
}
.dropdown-menu {
    max-height: 600px; /* Pas deze waarde aan indien nodig */
    overflow-y: auto;
}
.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 450px;
    border: 5px solid #FFFFFF;
    margin-top: 130px;
}
h1 {
    color: #E86708;
    font-size: 150%;
    font-weight: normal;
}
p {
    margin-bottom: 30px;
}
ol {
    margin-top: 20px!important;
    padding-top: 20px;
}
.container.content {
    background-color: rgba(255, 255, 2550, 0.7);
    ;
    padding-top: 25px;
}
h2 {
    color: #333;
    font-size: 120%;
    font-weight: normal;
}
h3 {
    color: #333333;
    font-size: 95%;
    font-weight: bolder;
    line-height: 1.3em;
}
.navbar-light .navbar-nav .nav-link {
    color: #333333;
    font-weight: 300;
    margin-left: 0px;
    margin-right: 0px;
    text-decoration: none;
    font-size: 88%;
    border-bottom: 3px solid #E86708;
}
.nav-item {
    padding-left: 13px;
    padding-right: 13px;
}
.navbar-light .navbar-nav .active> .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #E86708;
}
.col-xl-2  {
    background-color: #f5e8ee;
    border: thick solid #FFFFFF;
    padding-top: 10px;
}
a {
    color: #17A2B8;
    text-decoration: underline;
}
.btn {
    text-decoration: none;
}
.card-body {
    font-size: 90%;
    border-width: 0px;
    background-color: #DEF8FC;
    padding-top: 10px;
    padding-bottom: 0px;
    line-height: 1.4em;
}
.card-body.portlet {
    font-size: 90%;
    border-width: 0px;
    background-color: #DEF8FC;
    padding-left: 0px;
    padding-right: 0px;
}
.card-header {
    background-color: #DEF8FC;
    color: #E86708;
    border-width: 0px;
}
.card {
    border: 5px solid #FFFFFF;
    margin-bottom: 10px;
    padding-bottom: 0px;
}
.card-footer {
    background-color: #DEF8FC;
    border-width: 0px;
    font-size: 90%;
}
.foot li  {
    float: left;
    list-style-type: none;
    margin-right: 70px;
    margin-bottom: 30px;
}
li strong {
    color: #E86708;
}
.foot {
    height: auto;
    padding-top: 0px;
    min-height: 70px;
    font-size: 90%;
    margin-top: 1rem;
    padding-bottom: 0.5rem;
}
.container.bottom   {
    float: left;
    background-color: #FFFFFF;
}
.foot ul {
    margin-left: 0px;
    border-radius: 5px;
    padding-left: 15px;
}
.container.subnavi {
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 90%;
    padding-left: 50px;
}
.container.subnavi li {
    margin-right: 30px;
}
.row.top {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
}
.subnavi img {
    width: 95%;
    height: auto;
    margin-right: -40px;
    padding-right: 0px;
}
.fa {
    padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 5px;
}
.fa-facebook {
    background-color: #42A2D6;
    color: white;
}
.sub-foot {
    padding-top: 1rem;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.row.acco {
    background-color: #E6F9FC;
    font-size: 90%;
    padding-top: 15px;
    padding-bottom: 0px;
    border: 5px;
    margin-bottom: 25px;
	margin-left: 1px;
	margin-right: 1px;
}

.row.acco h3 {
    color: #17A2B8;
}
.row.acco h4 {
    color: #C80826;
    font-size: 100%;
}
.btn.btn-sm.btn-info {
    font-size: 90%;
    margin-top: 5px;
    float: right;
    margin-bottom: 10px;
}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #E86708;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #E86708;
}
.dropdown-item {
    text-decoration: none;
}
.badge-warning {
    background-color: #E86708;
    color: #FFFFFF;
    line-height: 1.4em;
}
.card.acco {
    border-width: 0px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #E6F9FC;
}
.card.acco .card-header {
    background-color: #E6F9FC;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
}
.card.acco .card-body {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    background-color: #E6F9FC;
}
.card.acco .card-footer {
    background-color: #E6F9FC;
}
.card.acco .card-footer img {
    float: right;
}
hr {
    border-width: 1px 0px 0px;
    border-top-style: dashed;
    border-top-color: #17A2B8;
}
.btn.btn-warning.btn-sm.acco {
    margin-bottom: 10px;
}
.bg-white.rounded ul {
	margin-bottom: 30px;
}
.bg-white.rounded ol {
    margin-top: -20px;
    padding-top: 0px;
    margin-bottom: 30px;
}
form legend {
    font-size: 110%;
    border-bottom: 1px dashed #999;
    line-height: 1.5em;
    margin-bottom: 40px;
}
h3 .badge.badge-warning {
    margin-right: 5px;
}
.check {
	list-style-image: url(../images2019/vinkje.gif);
	padding-top: 10px;
}
.check li {
	margin-top: 8px;
}
.fb {
    width: 30px;
    height: 30px;
}
.list-inline-item a .fb {
    width: 30px;
    height: 30px;
  
}
.modal-header {
    color: #EF7419;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.badge.badge-warning a {
    color: #FFFFFF;
    text-decoration: none;
}
/* Compactere headers in FAQ accordion */
.faq-card .card-header {
  padding: 0.5rem 0.75rem; /* minder ruimte: eerst Y, dan X */
}

.faq-card .btn-link {
  padding: 0;             /* knop zelf zonder extra ruimte */
  font-weight: normal;       /* optioneel: iets vetter voor leesbaarheid */
  text-decoration: none;  /* optioneel: geen onderstreping */
	color: #EF7419;
}
/* Minder marge tussen FAQ-cards */
.faq-card {
  margin-bottom: 0.05rem; /* of 0 als je ze strak tegen elkaar wilt */
}
/* Knop ruimte geven voor chevron */
.faq-card .btn-link {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  padding-right: 1.5rem; /* ruimte voor chevron */
}

/* Chevron basis: wijst naar rechts */
.faq-card .btn-link::after {
  content: "";
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  border: solid #EF7419;
  border-width: 0 2px 2px 0;
  padding: 4px;
  display: inline-block;
  transition: transform 0.2s;
}

/* Als accordion open is: chevron draait naar beneden */
.faq-card .btn-link[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(45deg);
}

/* Dicht: wijst naar rechts */
.faq-card .btn-link[aria-expanded="false"]::after {
  transform: translateY(-50%) rotate(-45deg);
}
/* Card-body wit maken in FAQ */
.faq-card .card-body {
  background-color: #ffffff;
	padding-bottom: 10px;
	border: 1px solid #eee;       /* dun grijs randje */
  border-top: none;             /* geen dubbele lijn tegen de header */
  box-shadow: 0 2px 4px rgba(0,0,0,0.05); /* zachte schaduw */
  border-radius: 0 0 4px 4px;   /* afgeronde onderhoeken */
}
.well.vragen {
    border-radius: 5px;
    padding: 25px;
    background-color: #F2F1EE;
    border: 1px dashed #17A2B8;
    margin-bottom: 25px;
}



@media screen and (orientation:portrait) and (min-width:320px) and (max-width:568px){
/* CSS Document */

body {
    background-image: url(../images2019/bg-body.jpg);
    font-family: 'Open Sans', sans-serif;
    color: #333;
    line-height: 1.4em;
    background-size: cover;
    background-attachment: fixed;
    font-size: 80%;
}
.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 250px;
    border: 0px solid #FFFFFF;
    margin-top: 85px;
    background-size: cover;
    width: auto;
}
.container.content {
    background-color: rgba(255, 255, 2550, 0.7);
    ;
    padding-top: 0px;
}
h1 {
    color: #E86708;
    font-size: 150%;
    font-weight: normal;
    padding-top: 25px;
}
.portlet {
    margin-top: 20px;
}
	.navbar-light .navbar-toggler {
    border-color: rgb(23,162,184);
    margin-right: 15px;
}
	.navbar-light .navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(23,162,184, 0.9)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}
.card-header {
    text-align: center;
}
.foot li {
    float: none;
    list-style-type: none;
    margin-right: 0px;
    margin-top: 10px;
    height: auto;
}
.foot {
    height: auto;
    padding-top: 20px;
    padding-bottom: 10px;
}
.foot ul {
    margin-left: 0px;
    padding-left: 15px;
    padding-top: 15px;
    margin-top: 0px;
    padding-right: px;
    margin-right: 0px;
}
.row.top {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
    margin-top: 0rem;
}
.container.content.mt-2.pb-1.foot {
    padding-top: 0.5rem;
    margin-top: 0rem;
}
.container.subnavi li {
    margin-right: 40px;
    font-size: 90%;
    margin-bottom: 15px;
}
.row.acco h3 {
    color: #17A2B8;
    margin-top: 20px;
}
.btn.btn-sm.btn-info {
    font-size: 90%;
    margin-left: 10px;
    margin-top: 10px;
    float: right;
    margin-bottom: 10px;
}
.badge-warning {
	background-color: #E86708;
	color: #FFFFFF;
	line-height: 1.4em;
	font-size: 100%;
}
.card {
    border: 5px solid #FFFFFF;
    margin-bottom: 10px!important;
    padding-bottom: 0px;
}

	.navbar-light .navbar-brand{
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-brand.mx-0 img {
    width: 170px;
    height: auto;
    
}
}


@media screen and (orientation:landscape) and (max-width:568px) and (min-width:320px){
.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 230px;
    border: 0px solid #FFFFFF;
    margin-top: 50px;
    background-size: cover;
    width: auto;
}
.container.content {
    background-color: rgba(255, 255, 2550, 0.7);
    ;
    padding-top: 0px;
}
h1 {
    color: #E86708;
    font-size: 150%;
    font-weight: normal;
    padding-top: 25px;
}
.portlet {
    margin-top: 20px;
}
		.navbar-light .navbar-toggler {

    border-color: rgb(23,162,184);

}
	.navbar-light .navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(23,162,184, 0.9)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}
.card-header {
    text-align: center;
}
.row.top {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
    margin-top: 0rem;
}
.btn.btn-sm.btn-info {
    font-size: 90%;
    margin-left: 10px;
    margin-top: 10px;
    float: right;
    margin-bottom: 10px;
}
.row.acco h3 {
    color: #17A2B8;
    margin-top: 20px;
}
}

@media screen and (orientation:landscape) and (max-width:667px) and (min-width:375px){
.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 230px;
    border: 0px solid #FFFFFF;
    margin-top: 80px;
    background-size: cover;
    width: auto;
}
.container.content {
    background-color: rgba(255, 255, 2550, 0.7);
    ;
    padding-top: 0px;
}
h1 {
    color: #E86708;
    font-size: 150%;
    font-weight: normal;
    padding-top: 25px;
}
.portlet {
    margin-top: 20px;
}
.navbar-light .navbar-toggler {
    border-color: rgb(23,162,184);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(23,162,184, 0.9)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.card-header {
    text-align: center;
}
.foot li {
    float: left;
    list-style-type: none;
    margin-right: 15px;
    margin-bottom: 30px;
}
.row.acco h3 {
    color: #17A2B8;
    margin-top: 20px;
}
}

@media screen and (orientation:landscape) and (max-width:736px) and (min-width:414px){
.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 230px;
    border: 0px solid #FFFFFF;
    margin-top: 0px;
    background-size: cover;
    width: auto;
}
.container.content {
    background-color: rgba(255, 255, 2550, 0.7);
    ;
    padding-top: 0px;
}
h1 {
    color: #E86708;
    font-size: 150%;
    font-weight: normal;
    padding-top: 25px;
}
.portlet {
    margin-top: 20px;
}
.navbar-light .navbar-toggler {
    border-color: rgb(23,162,184);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(23,162,184, 0.9)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.card-header {
    text-align: center;
}
.foot li {
    float: left;
    list-style-type: none;
    margin-right: 15px;
    margin-bottom: 30px;
}
.row.top {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
    margin-top: 0rem;
}
.row.acco h3 {
    color: #17A2B8;
    margin-top: 20px;
}
}

@media screen and (orientation:landscape) and (max-width:812px) and (min-width:375px){
	.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 230px;
    border: 0px solid #FFFFFF;
    margin-top: 80px;
    background-size: cover;
    width: auto;
}
.container.content {
    background-color: rgba(255, 255, 2550, 0.7);
    ;
    padding-top: 0px;
}
h1 {
    color: #E86708;
    font-size: 150%;
    font-weight: normal;
    padding-top: 25px;
}
.portlet {
    margin-top: 20px;
}
.navbar-light .navbar-toggler {
    border-color: rgb(23,162,184);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(23,162,184, 0.9)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.card-header {
    text-align: center;
}
.row.top {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
    margin-top: 0rem;
}
}

@media screen and (orientation:portrait) and (min-width:768px) and (max-width:1024px){
.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 300px;
    border: 5px solid #FFFFFF;
    margin-top: 130px;
    background-size: cover;
    width: auto;
}
h1 {
    color: #E86708;
    font-size: 150%;
    font-weight: normal;
    padding-top: 25px;
}
.navbar-light .navbar-toggler {
    border-color: rgb(23,162,184);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(23,162,184, 0.9)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.card-header {
    text-align: center;
}
.foot li {
    float: left;
    list-style-type: none;
    margin-right: 50px;
    margin-bottom: 30px;
}
.row.top {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
}
}

@media screen and (orientation:landscape) and (max-width:1024px) and (min-width:768px){
h1 {
    color: #E86708;
    font-size: 150%;
    font-weight: normal;
    padding-top: 25px;
}
.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 350px;
    border: 5px solid #FFFFFF;
    margin-top: 50px;
    background-size: cover;
    width: auto;
}
.navbar-brand.mx-0 img {
    width: 110px;
    height: auto;
    margin-left: -10px;
}
.row.top {
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-light .navbar-nav .nav-link {
    color: #333333;
    font-weight: 300;
    margin-left: 0px;
    margin-right: 0px;
    text-decoration: none;
    font-size: 90%;
    border-bottom: 3px solid #E86708;
}
.row.top {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
}
}

@media screen and (orientation:portrait) and (min-width:1024px) and (max-width:1366px){
.navbar-brand.mx-0 img {
    width: 120px;
    height: auto;
    margin-left: -10px;
}
.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 375px;
    border: 5px solid #FFFFFF;
    margin-top: 100px;
    background-size: cover;
    width: auto;
}
}

@media screen and (orientation:landscape) and (max-width:1112px) and (min-width:834px){
.navbar-brand.mx-0 img {
    width: 110px;
    height: auto;
    margin-left: -10px;
}
.navbar-light .navbar-nav .nav-link {
    color: #333333;
    font-weight: 300;
    margin-left: 0px;
    margin-right: 0px;
    text-decoration: none;
    font-size: 90%;
    border-bottom: 3px solid #E86708;
}
.header {
    background-image: url(../images2019/header/curacao.jpg);
    height: 350px;
    border: 5px solid #FFFFFF;
    margin-top: 90px;
    background-size: cover;
    width: auto;
}
.row.top {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0rem;
}
h1 {
    color: #E86708;
    font-size: 150%;
    font-weight: normal;
    padding-top: 25px;
}
}

@media screen and (orientation:portrait) and (min-width:375px) and (max-width:667px){
.foot li {
    float: none;
    list-style-type: none;
    margin-right: 0px;
    margin-top: 0px;
    height: auto;
}
/* CSS Document */

body {
    background-image: url(../images2019/bg-body.jpg);
    font-family: 'Open Sans', sans-serif;
    color: #333;
    line-height: 1.5em;
    background-size: cover;
    background-attachment: fixed;
    font-size: 100%;
}
	.navbar-light .navbar-brand{
    padding-top: 0px;
    padding-bottom: 0px;
	}
}
	
@media (min-width: 992px) {
  .navbar .dropdown-menu {
    max-height: calc(100vh - 140px) !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    z-index: 1050;
  }
}

/* Mobiel en tablet (ingeklapt menu): laat de collapse scrollen, niet de dropdown */
@media (max-width: 991.98px) {
  /* Maak van de uitschuifbare navbar een eigen scrollcontainer */
  .navbar .navbar-collapse {
    max-height: calc(100vh - 56px); /* pas 56px aan als je navbar hoger is */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* soepel scrollen op iOS */
    overscroll-behavior: contain;      /* voorkomt scroll-keten (Android/modern) */
  }

  /* Dropdowns zelf niet beperken, laat ze gewoon doorlopen */
  .navbar .dropdown-menu {
    position: static !important;
    float: none;
    max-height: none !important;
    overflow: visible !important;
    box-shadow: none;
  }

  /* Body mag niet scrollen als het menu open is (tegen iOS rubber-band) */
  body.nav-open {
    overflow: hidden;
    height: 100vh; /* extra zekerheidsmaatregel op iOS */
  }
}