/* Main css */

@media print {
    .dontprint {
        display: none;
    }

    .doprint {}
}

@media screen {
    .dontprint {}

    .doprint {
        display: none;
    }
}

body.width-wide {
    margin: auto;
}

body {
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 13px;
    line-height: 118%;
    font-weight: normal;
    padding: 0;
    text-decoration: none;
}

div.container {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    text-align: left;
}

div.page {
    margin: 0;
}

body,
td {
    margin: 0;
    padding: 0;
}

.menuwhite,
.menuwhite a:link,
.menuwhite a:visited,
.menuwhite a:hover,
.menuwhite a:active {
    background-color: transparent;
    color: #FDFDFD;
    text-decoration: none;
}

#header,
#header a {
    /* De doorzichtige balk bovenaan waarin de login zit */
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 13px;
    color: #FDFDFD;
    vertical-align: middle;
    line-height: 28px;
    /*  To make it align in the middle */
    height: 28px;
}

#login {
    float: right;
    margin: 0px 10px 0px 0px;
}

#googlesearch {
    margin-left: auto;
    margin-right: 0;
    padding-right: 20px;
}

#logoarea {
    clear: both;
    width: auto;
    height: 100px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    background-color: #FDFDFD;
}

#logo {
    float: left;
    margin: 4px 4px 3px 4px;
}

#leaderboard {
    float: right;
    margin: 4px 4px 4px 0px;
}

#footer {
    margin: 5px 0 0 0;
    text-align: center;
    line-height: 140%;
    padding: 20px;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(54, 54, 54, 1) 93%);
}

#socialmedia {
    padding: 10px;
}

/* Lists ------------------------------------------------------ */

ul {
    padding: 0;
    margin: 5px 0px 0px 15px;
}

ol li {
    list-style-type: decimal;
}

ul.square li {
    list-style-type: square;
    padding-bottom: 5px;
}

ul li {
    list-style-type: none;
}

#tagyears li {
    display: inline;
}

#tagyears li:after {
    content: " | ";
}

#tagletter li {
    display: inline;
}

#tagletter li:after {
    content: " | ";
}

#tags li {
    display: inline;
}

#tags li:after {
    content: " | ";
}

/* News Archive  ------------------ */
div.news-archive-title a {
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #42688b;
    text-decoration: none;
    margin-bottom: 5px;
    margin-left: -22px;
}

span.news-archive-date {
    text-decoration: none;
    color: #acacac;
}

span.news-archive-teaser a {
    text-decoration: none;
    color: #333333;
}

/* Linkermenu  ------------------ */
div.superblocktitle {
    /* Titels Linkernavigatie */
    text-align: left;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    color: #FDFDFD;
    /* Off-White */
    padding: 2px 2px 1px 5px;
    border-color: #333;
    background-color: #333;
    border-width: 1px;
    border-bottom-width: 1px;
    border-style: solid;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.homeblocktitle {
    /* Titels Blocks Homepage */
    text-align: left;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 2px 3px 4px;
    border-width: 0;
    border-style: solid;
    color: #FDFDFD;
    background-color: #333;
    /* Antraciet */
    /* background-image:url('https://www.f-16.net/graphics/blockgradient.png');
background-repeat:repeat-x;   */
    margin-bottom: 5px;
    /* New */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.superblock {
    color: #000;
    padding-bottom: 2px;
    text-align: left;
    background-color: #fdfdfd;
    border-width: 0px 1px 5px 1px;
    border-color: #333;
    border-style: solid;
    margin-bottom: 7px;
}

div.superblock ul {
    /* Versions, Armament, Users, ....  */
    padding: 0;
    margin: 0;
    list-style: none;
}

div.superblock li {
    padding: 0;
    margin: 0;
    list-style: none;
}

div.superblock li a {
    display: block;
    margin: 0;
    padding: 1px 5px;
    text-decoration: none;
}

div.superblock li a:visited {
    text-decoration: none;
}

div.superblock li a:hover {
    color: #fdfdfd;
    /* Off-white text on hover */
    background-color: #6A798B;
    text-decoration: none;
}

div.leftblocktitle {
    padding: 2px 0px 2px 4px;
    font-weight: bold;
    margin-bottom: 2px;
    background-color: #cfd9e1;
    /* Baby blue - ZAL Site specifiek moeten gemaakt worden */
}

div.leftblockcontent {
    /* TEST */
    padding-bottom: 2px;
}

/* Admin Messages ------------------ */

div.adminmsgborder {
    border-style: solid;
    border-width: 1px;
    border-color: #42688b;
    /*Color picked from gradient superblock */
    margin: 0px 0px 4px 0px;
}

div.adminmsgpadding {
    padding: 4px;
}

div.adminmsgheader {
    text-align: left;
    font-family: tahoma, verdana, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 2px 2px 4px;
    border-color: #003362;
    border-width: 0;
    border-style: solid;
    color: #fdfdfd;
    background-color: #333;
}

div.newslistheaderbar {
    margin-bottom: 5px;
    background-color: #cfd9e1;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    padding: 4px;
}

div.newslistfooterbar {
    clear: both;
    border-width: 0;
    padding: 0px 5px 0px 0px;
    text-align: right;
    margin: 0;
}

div.separator {
    width: 152px;
    margin-top: 25px;
    border-style: solid;
    border-color: #7b8da4;
    border-width: 0;
    border-bottom-width: 2px;
}

div.quote {
    width: 450px;
    margin-left: 20px;
    border-style: solid;
    border-color: #eee;
    /*Light grey*/
    border-width: 1px;
    background-color: #eee;
    padding: 5px;
}


/* AL WAT HIER ONDER STAAT BEN IK NOG NIET AANGEWEEST - LIEVEN */

/* DIVs Vermoedelijk vooral in Pagesetter gebruikt ----------------------- */

/*
div.content {
width:650px;   
}					
/* wordt o.a. gebruikt in armament waar het de breedte van het block aanduid. */


*/ div.headerright {
    background-repeat: no-repeat;
    background-position: right;
    background-color: #003463;
    width: 100%;
    height: 100px;
}

div.topmenubar {
    background-color: #003463;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    border-color: #8BBDE5;
    padding: 1px 0px 1px 5px;
    width: 500px;
}

.darkblueline {
    border-style: solid;
    border-color: #003463;
    /*Dark blue*/
    border-width: 0px 0px 1px 0px;
}

.lightblueline {
    border-style: solid;
    border-color: #cfd9e1;
    /*Baby blue*/
    border-width: 0px 0px 1px 0px;
}

div.topbanner {
    margin-top: 2px;
    margin-bottom: 2px;
    height: 90px;
    text-align: left;
    margin: 0px 0px 0px 1px;
    padding: 2px;
}

div.contentheader {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #003463;
    padding-top: 20px;
}

/* FONTS ------------------------------------------------------ */

.text-small {
    background-color: transparent;
    color: #333;
    /* Off-black */
    font-family: Arial, Helvetica, Utkal, sans-serif;
    /* Was voorheen tahoma, verdana, sans-serif;  */
    font-size: 90%;
    font-weight: normal;
    line-height: 1.4em;
    /* TEST */
    text-decoration: none;
}

.text-small a:link,
.text-small a:visited,
.text-small a:active {
    background-color: transparent;
    color: #004276;
    /* Was voorheen fel blauw */
    font-family: Arial, Helvetica, Utkal, sans-serif;
    /* Was voorheen tahoma, verdana, sans-serif;  */
    font-size: 100%;
    font-weight: normal;
    text-decoration: underline;
}

.text-small a:hover {
    color: blue;
}

.text-large {
    font-family: Arial, Helvetica, Utkal, sans-serif;
    color: #333;
    /* Off-black */
    font-size: 110%;
    line-height: 1.4em;
}

.text-large a:link,
.text-large a:visited,
.text-large a:active {
    font-family: Arial, Helvetica, Utkal, sans-serif;
    color: #004276;
}

.text-large a:hover {
    color: blue;
}

td {
    color: #333;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 95%;
}


/* Need to put td before h2 styles to fix links in titles!*/

td a:link,
td a:visited,
td a:active {
    color: #004276;
    /* Was pvstigt blue #003463 maar aangepast naar  #004276;	CNN kleur en dan #115098 */
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 100%;
}

td a:hover {
    color: blue;
}

th {
    font-family: Arial, Helvetica, Utkal, sans-serif;
    background-color: #42688b;
    color: #fdfdfd;
    font-size: 13px;
}

h1,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 22px;
    line-height: 22px;
    color: #004276;
    font-weight: bold;
    text-decoration: none;
}

h2,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active {
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #42688b;
    /*Color picked from gradient superblock */
    text-decoration: none;
}

h3,
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active {
    /* Overweeg een aparte hover en visited versie te maken!  */
    font-family: Arial, Helvetica, Utkal, sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    font-weight: 600;
}

h4,
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active {
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #333;
    text-decoration: none;
}

a:link,
a:visited,
a:active {
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    color: #004276;
    text-decoration: underline;
}

.text-caption {
    margin-top: 5px;
    margin-left: 7px;
    margin-right: 7px;
    text-align: left;
    line-height: 1.2em;
    background-color: transparent;
    color: #004276;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
}

.text-caption a:link,
.text-caption a:visited,
.text-caption a:hover,
.text-caption a:active {
    text-align: left;
    background-color: transparent;
    color: #004276;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 100%;
    font-weight: normal;
    text-decoration: underline;
}

.caption {
    font-size: 10px;
    color: #7b8da4;
    /* Sort of Grey Blue */
    line-height: 1.1em;
}

.caption a:link,
.caption a:visited,
.caption a:hover,
.caption a:active {
    font-size: 10px;
    color: #7b8da4;
    line-height: 1.1em;
}

abbr,
acronym,
span.abbr {
    /*IE fix for multihook*/
    cursor: help;
    border-bottom: 1px dashed #000;
}

.homelink a:hover {
    /* Wordt voor admin block gebruikt en forumblock */
    color: blue;
}

.homelink a:visited {
    color: #555;
    /* Nog een soort dark grey  - consistentie?? */
}

.homelink a:visited:hover {
    color: blue;
}

/* De CSS hieronder is nu geactiveerd door een fix. Moet bekeken worden ! */

.photobox {
    margin: 5px;
    text-align: center;
    min-width: 200px;
}

.thumb {
    color: #333;
    /* Off-black */
    border-style: solid;
    border-width: 1px;
    padding: 1px;
}

.photocaption {
    text-align: left;
    background-color: transparent;
    color: #004276;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 10px;
    font-weight: normal;
    margin-top: 5px;
    margin-left: 7px;
    margin-right: 7px;
    line-height: 1.2em;
    text-decoration: none;
}

img {
    border-width: 0;
}

img.lowviz {
    border-width: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
}

img.header {
    border-width: 0;
    border-radius: 10px 10px 0px 0px;
}


form {
    display: inline;
}

input,
textarea,
select {
    background-color: #eee;
    /*Light grey*/
    color: #000;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 10px;
    text-indent: 2px;
}

/* AL WAT HIER ONDER STAAT MAG VERMOEDELIJK WEG - LIEVEN */

.headerbox {
    /* Gebruikt inheaders teksten */
    margin-left: 7px;
}

.pn-normalwhite,
.pn-normalwhite a:link,
.pn-normalwhite a:visited,
.pn-normalwhite a:hover,
.pn-normalwhite a:active {
    background-color: red;
    /* TEST was transparent */
    color: #fdfdfd;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
}

.pn-sub {
    /* word gebruikt in "more" voor news en jokes */
    background-color: transparent;
    /* TEST, was transparent */
    color: #000;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}

.pn-sub a:link,
.pn-sub a:visited,
.pn-sub a:hover,
.pn-sub a:active {
    /* werd gebruikt in more voor news en jokes */
    background-color: transparent;
    /* TEST was transparent */
    color: #000;
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
}

.pn-normal {
    /* Word gebruikt in -list files en o.a. in het forum block. */
}

.pn-title {
    /* Word gebruikt in -list files */
    background-color: transparent;
    color: #333;
    /* Off-black */
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.pn-title a:link,
.pn-title a:visited,
.pn-title a:hover,
.pn-title a:active {
    /* Werd gebruikt in -list files nu vervangen door h3 - Komt dit nog ergens voor op de server? */
    background-color: transparent;
    color: #333;
    /* Off-black */
    font-family: Arial, Helvetica, Utkal, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

.floatbox {
    overflow: hidden;
}

.dropdown-menu {
    background-color: #333333;
}

.dropdown-menu a:link,
a:visited,
a:active {
    text-decoration: none;
    font-size: 14px;
}

.nav-link {
    display: block;
    padding: 0px 0px 3px 0px;
}

.zindex {
    position: relative;
    z-index: 100000;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.navbar-dark .navbar-toggler {
    border-color: #6b7a8c;
    margin-left: 8px;
}

@media (min-width: 768px) .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

/* Deze is voor de homepage dus let op wat elders de effecten eventueel zijn */
.col {
    padding-right: 5px;
    padding-left: 5px;
}


/* Override Google Search button styling */
.gsc-search-button-v2 {
    border-color: #6d7a8c !important;
    background-color: #6d7a8c !important;
}

.gsc-search-button-v2:hover {
    border-color: #56606f !important;
    background-color: #56606f !important;
}

.gsc-input {
    font-size: 13px !important;
}

input.gsc-input {
    padding: 1px 6px !important;
    border: 1px solid #ddd !important;
    width: 99% !important;
}

.gsc-input-box {
    border: 1px solid #dfe1e5 !important;
    background: #fff !important;
}

.gsib_a {
    width: 100% !important;
    padding: 4px 0px 4px 4px !important;
}