* { cursor: default;
outline: none; }

body { background-color: #2A4456; }

a { color: black; }

::-webkit-scrollbar { width: 10px; }

::-webkit-scrollbar-track { background: #2A4456;
border-left: 1px solid #c1dce7; }

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover { background: #c1dce7; }

a:hover { color: #2A4456;
text-decoration: none; }

.loadingScreen {
  z-index: 999;
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background-color: rgba(108, 127, 141, 0.9);
}

.loadingIcon {
    border: 16px solid #2A4456; /* Light grey */
    border-top: 16px solid #C5DEE8; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    opacity: 1;
}

.border-top { border-top: 1px solid black;}
.border-right { border-right: 1px solid black; }
.border-bottom { border-bottom: 4px solid black; border-color: #2A4456; }
.border-left { border-left: 1px solid black; }
.border-horizontal { border-top: 1px solid black;
border-bottom: 1px solid black; }
.border-vertical { border-left: 1px solid black;
border-right: 1px solid black; }
.no-border { border: 0px !important; }

.no-background { background-color: rgba(0, 0, 0, 0.0) !important; }

.padding-top { padding-top: 5px; }
.padding-top-xl { padding-top: 30px; }
.padding-right { padding-right: 5px; }
.padding-bottom { padding-bottom: 5px; }
.padding-bottom-xl { padding-bottom: 30px; }
.padding-left { padding-left: 5px; }
.padding-horizontal { padding-top: 5px;
padding-bottom: 5px; }
.padding-vertical { padding-left: 5px;
padding-right: 5px; }
.no-padding { padding: 0px; }

.margin-top { margin-top: 5px; }
.margin-right { margin-right: 5px; }
.margin-bottom { margin-bottom: 5px; }
.margin-bottom-xl { margin-bottom: 30px; }
.margin-left { margin-left: 5px; }
.margin-horizontal { margin-top: 5px;
margin-bottom: 5px; }
.margin-vertical { margin-left: 5px;
margin-right: 5px; }
.no-margin { margin: 0px; }

.styling { background-color: #2A4456;
border-color: #c1dce7;
color: #c1dce7; }

.headerStyling { background-color: #2A4456;
background-position: top;
background-size: cover;
background-repeat: no-repeat;
border-color: #c1dce7;
color: #c1dce7;
text-shadow: -1px -1px 0 #2A4456, 1px -1px 0 #2A4456, -1px 1px 0 #2A4456, 1px 1px 0 #2A4456;
}

.contactImage, .contactSiteImage { height: 64.250px; }

.contactSiteImage { border: 1px solid #15AFE1;
border-radius: 4px;}

.font-italic { font-style: italic; }

.font-bold { font-weight: bold; }

.header { background-color: #2A4456;
position: fixed;
top: 0px;
z-index: 997;
border-bottom: 4px solid #C5DEE8; }

.footer { border-top: 1px solid #c1dce7; }

.footer, .footer a { color: #C5DEE8;
background-color: #2A4456;
min-height: 100px; }

.footer a:hover { color: #B2C8D0; }

.header .list-group .list-group-item { background-color: #2A4456;
border: 0px;
border-radius: 0px;
color: #C5DEE8;
border-bottom: 2px solid #2A4456; }

.header .list-group .list-group-item:hover { background-color: #193345;
border-bottom: 2px solid #C5DEE8; }

.header p, .header a { color: #C5DEE8; }

.header img { display: none !important; }

.active { border-color: #C5DEE8 !important; }

.outerImg, .innerImg { width: 100%; }

.innerBanner { padding: 0px;
position: absolute;
top: 0px; }

.news { background-color: #2A4456;
overflow: hidden;
color: #c1dce7;
border: 1px solid #c1dce7;
border-radius: 4px;
border-color: #c1dce7; }

.news a { color: #c1dce7;
font-weight: bold;
font-style: italic; }

.newsImage, .socialMediaImage { width: 66%;
margin: 0px 17%;
border-radius: 4px; }

.socialMediaImage { margin: 0px 30%;
width: 40%; }

.infoItem { background-color: #2A4456; }

.policyItem { border-bottom: 1px solid #c1dce7;
margin-bottom: 10px;
color: #c1dce7; }

.pageContent { color: #c1dce7;
font-size: 1.25em;
min-height: 80vh; }

.newsBox0Count, .newsBox02Count, .newsBox1Count, .newsBox12Count, .newsBox0Date, .newsBox02Date, .newsBox1Date, .newsBox12Date { font-size: 0.75em; }

.menuText { color: #c1dce7; }

.xsMenu { background-color: #2A4456;
overflow: hidden;
display: none !important;
z-index: 997;
position: fixed;
border-bottom: 4px solid #C5DEE8; }

.xsMenu .list-group .list-group-item { background-color: #2A4456;
border: 0px;
border-radius: 0px;
color: #C5DEE8;
border-bottom: 2px solid #2A4456; }

.xsMenu .list-group .list-group-item:hover { background-color: #193345;
border-bottom: 2px solid #C5DEE8; }

.xsMenu p, .xsMenu a { color: #C5DEE8; }

.xsMenu img { display: none !important; }

iframe { visibility: hidden;
height: 0px;
background-color: black;
border-width: 0px; }

.mediaBar { display: inline-block;
background-color: #6c7f8d;
color: #C5DEE8;
padding: 1px 0.5% 1px 0.5%;
border: 1px solid black;
border-radius: 0px 0px 4px 4px;
height: 30px;
overflow: hidden; }

.mediaObject { border: 1px solid black; }

video { display: none;
width: 0px;
border-radius: 5px 5px 0px 0px; }

.playPauseBtn { width: 5%;
display: inline-block;
float: left;
padding: 0px;
background-image: url(../images/playerButtons/play.png);
background-position: center;
background-repeat: no-repeat; }

.stopBtn { width: 5%;
display: inline-block;
float: left;
margin-left: 0.5%;
padding: 0px;
background-image: url(../images/playerButtons/stop.png);
background-position: center;
background-repeat: no-repeat; }

.muteBtn { width: 5%;
display: inline-block;
float: left;
margin-left: 0.5%;
padding: 0px;
background-image: url(../images/playerButtons/mute.png);
background-position: center;
background-repeat: no-repeat; }

.fullScreenBtn { width: 7.5%;
display: inline-block;
float: left;
margin-left: 0.5%;
padding: 0px;
max-height: 29px;
overflow: hidden;
background-image: url(../images/playerButtons/fullscreen.png);
background-position: center;
background-repeat: no-repeat; }

.curTimeText, .durTimeText { width: 20%;
margin-left: 0.5%;
padding: 0px; }

.mediaTimeText { width: 18%;
float: left;
font-size: 0.75em;
margin-left: 0.5%;
padding: 0px;
margin-top: 4px; }

input[type='range'] { -webkit-appearance: none !important;
-ms-appearance: none !important;
background: #C5DEE8;
border: #2A4456 1px solid;
height: 10px;
margin-left: 0.5%;
margin-top: 6.672px;
border-radius: 4px; }

input[type='range']::-webkit-slider-thumb { -webkit-appearance: none !important;
background: #444;
height: 15px;
width: 15px;
border-radius: 100%;
cursor: pointer;
border: black 1px solid; }

button { background-color: #444;
border: none;
border: 1px solid black;
height: 25px; }

button:hover { background-color: #666; }


.newsBox0, .newsBox1, .newsBox2 { position: relative; }

.newsBox02, .newsBox12, .newsBox22 { height: 100%;
position: absolute;
top: 0px; }

.scrollTopButton { position: fixed;
bottom: 5px;
right: 5px;
color: #B2C8D0;
background-color: #2A4456;
border: 1px solid #B2C8D0;
border-radius: 20px;
text-align: center;
padding: 7.5px 10px;
opacity: 0.0;
z-index: 997; }

.contactStyling, .policyStyling { background-color: #2A4456;
border: 1px solid #cbdde7;
border-radius: 4px;
color: #c1dce7;
cursor: default; }

.policyLink, .policyLink:visited { color: #c1dce7;
text-decoration: underline; }

.policyLink:hover { color: #c1dce7; }

.infoBoxPolicy { position: fixed;
width: 95%;
left: 2.5%;
margin-left: 0;
z-index: 998;
overflow-y: scroll;
top: 0px;
border: 1px solid #cbdde7;
border-radius: 4px;
color: #c1dce7;
cursor: default;
background-color: #2A4456;
border-color: #cbdde7;
max-height: 80vh;
-webkit-box-shadow: 7px 4px 46px 15px rgba(0,0,0,1);
-moz-box-shadow: 7px 4px 46px 15px rgba(0,0,0,1);
box-shadow: 7px 4px 46px 15px rgba(0,0,0,1); }

.contactStyling:hover, .contactStyling:focus, .contactStyling:active { background-color: #6c7f8d;
border-color: #cbdde7;
color: #c1dce7; }

.contactItemStyling { background-color: #2A4456;
border-color: #cbdde7;
color: #B2C7D0; }

.contactStyling::-webkit-input-placeholder {
   color: #c1dce7;
}

.contactStyling:-moz-placeholder, .contactStyling::-moz-placeholder, .contactStyling:-ms-input-placeholder {
   color: #c1dce7;
}

.contactStyling:hover::-webkit-input-placeholder, .contactStyling:focus::-webkit-input-placeholder, .contactStyling:active::-webkit-input-placeholder {
   color: #c1dce7;
}

.contactStyling:hover:-moz-placeholder, .contactStyling:focus:-moz-placeholder, .contactStyling:active:-moz-placeholder {
   color: #c1dce7;
}

.contactStyling:hover::-moz-placeholder, .contactStyling:focus::-moz-placeholder, .contactStyling:active::-moz-placeholder {
   color: #c1dce7;
}

.contactStyling:hover:-ms-input-placeholder, .contactStyling:focus:-ms-input-placeholder, .contactStyling:active:-ms-input-placeholder {
   color: #c1dce7;
}

.glypicon { z-index: 997; }

.contactWarning { position: absolute;
right: 0px;
top: 0px;
background-color: #FCF8E3;
color: #8A6D3B;
z-index: 997;
border: 1px solid #8A6D3B;
border-radius: 4px; }

.contactError { position: absolute;
right: 0px;
top: 0px;
background-color: #F2DEDE;
color: #A94442;
z-index: 997;
border: 1px solid #A94442;
border-radius: 4px; }

.infoBox { position: fixed;
width: 60%;
top: 50%;
left: 50%;
margin-left: -30%;
z-index: 997;
overflow: hidden;
border-radius: 4px; }

.infoBoxSuccess { background-color: #DFF0D8;
color: #3C763D;
border: 1px solid #3C763D; }

.infoBoxError { background-color: #F2DEDE;
color: #A94442;
border: 1px solid #A94442; }

.textCursor { cursor: text; }

.mediaHeader h2, .infoHeader h2, .contactHeader h2, .nieuwsHeader h2 {
    margin: 0px;
}

.mediaHeader, .infoHeader, .contactHeader, .nieuwsHeader {
    padding: 10vh;
    border-bottom: 4px solid #C5DEE8;
    border-top: 4px solid #C5DEE8;
}

.pageContent {
    padding: 2vh;
}

.contactSite2 {
    position: relative;
    top: 0px;
    left: 0px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}