/* Cursor */
/* Hand */
.handje{cursor: pointer;}
/* images */
.contactPlaatjes{position: absolute;left: 0px;height: 50px;width: 50px;}
/* Textpositioning */
.Textleft{position: relative;left: 67px;}

/* Kleur */
.bkgColor{background-color: #3189cd !important;}
.closeColor{background-color: red !important;}
.transparant{background-color: transparent !important;}
.JFColor{color: #3189cd !important;}
/* components */
.info{position: relative;top: 2px !important;left: 5px;}
.cookie{position: relative;top: 10px;left: 0px;}
.popupFC{background-color: #3189CD !important; height: 150px; width: 955px; top: 0px;left: 0px;}
.infoTextStijl{position: relative; top: -35px;}
.closePan{position: absolute;top: top;right: right; background-color: red;}
.closePanCookie{right: right; top: -10px;background-color: red;}
.headerFormat{position: absolute; left: 0px; top: 0px;}
.headerText{font-size: 70px; position: absolute; color: black; left: 283px; top: -10px; font-family: 'Lucida Sans Unicode', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans', Geneva, Verdana, sans-serif;}
.headerDesc{font-size: 48px; position: absolute; left: 328px; top: 80px;}
/* font size */
.font12{font-size: 12px !important;}
.font14{font-size: 14px !important;}
.font16{font-size: 16px !important;}
.font18{font-size: 18px !important;}
.font20{font-size: 20px !important;}
.font22{font-size: 22px !important;}
.font26{font-size: 26px !important;}
/* Tekst styling */
a {
    color: rgb(87, 87, 90);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 22px;
}

body {
    background-color: #050505;
}

.disabledText {
    font-size: 26px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #b0bbc5;
    user-select: none;
}

h1 {
    color: #2196f3;
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 30pt;
}

.internal {
    display: none;
}

.Jasmijn
{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 24px;
    color: white;
}

.JFExtraLargeFont {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 44px;
    color: white;
}

.JFlargerFont {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 28px;
    color: white;
}

.JFmediumFont {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 26px;
    color: white;
}

.JFsmallFont {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 18px;
    color: white;
}

.JFstandardFont {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 24px;
    color: white;
}

.linkTekst {
    font-size: 26px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #3189cd !important;
    text-decoration: underline;
}

.blueText
{
    color: #3189CD !important;
}

.linkTekstUnderline {
    font-size: 26px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #3189cd;
    text-decoration: underline;
}

.opacityText {
    opacity: 0.60;
    color: white;
    -webkit-backface-visibility: hidden;
}

p {
    color: #000000;
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 12pt;
}

.standaardFont {
    font-size: 24px;
    font-family: 'Lucida Sans Unicode', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans', Geneva, Verdana, sans-serif;
    color: #ffffff;
}
.textDarkBlue
{
    font-size: 24px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #ffffff; 
}
.textDarkBlue:hover
{
    color: rgb(9, 44, 65) !important;
} 
.tekstveld {
    font-size: 26px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: white;
}

/* Alternative font for symbols ... */
.altFont{font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;}

/* Kleur tekst styling */
.colorJF, .hovercolorJF:hover {
    color: #3189CD !important;
}

.textBlack, .hovertextBlack:hover {
    color: black !important;
}

.textWhite, .hovertextWhite:hover {
    color: white !important;
}

.noLine
{
    text-decoration: none;
}
/* Knoppen styling */
/* Knop standaard kleuren */

.btn, .btnhover:hover {
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    color: #fff;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
/* Een blauwe knop */
.btnblue {
    background-color: rgb(39, 87, 126) !important;
    border: none;
    /*border: dotted solid 1px black;
    border: outset 1px gray;*/
    /*border-style: dotted dashed solid double;*/
}
.borderWhite
{
    border-top: white 1px solid;
    border-right: solid 1px white;
    border-bottom: white 1px solid;
}
/* Een groene knop */
.btngreen {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    color: white;
    background-color: rgb(86, 179, 86) !important;
    cursor: pointer;
}

/* Alle eigenschappen kunnen natuurlijk ook samen */
.btngreenRounded {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 10px;
    color: white;
    background-color: rgb(86, 179, 86);
    cursor: pointer;
}

.btngrey {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    color: white;
    background-color: #6c757d;
    cursor: pointer;
}

.btnorange {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    color: white;
    background-color: rgb(230, 159, 78);
    cursor: pointer;
}

.btnpink {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    color: white;
    background-color: rgb(247, 59, 116);
    cursor: pointer;
}

/* Een rode knop */
.btnred {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    border-radius: 5px;
    color: white;
    background-color: rgb(219, 78, 78) !important;
    cursor: pointer;
}

.btntransparent {
    background-color: transparent !important;
    /*border: 1px solid rgb(46, 44, 44) !important;*/
    color: white;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.btnwhite {
    background-color: white !important;
    /*border: 1px solid rgb(46, 44, 44) !important;*/
    color: black;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

/* Knop muis over styling */

.btnHovergreen:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 10px;
    color: rgb(8, 77, 50) !important;
    background-color: rgb(40, 233, 40) !important;
}

.btnHoverred:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 10px;
    color: rgb(43, 9, 3) !important;
    background-color: tomato !important;
}

/* Verander de kleur van de knop bij muis over */
.btnHoverTeal:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 10px;
    color: rgb(9, 44, 65) !important;
    background-color: teal !important;
}

.btnhovertransparent:hover {
    background-color: transparent !important;
    border: 1px solid rgb(46, 44, 44) !important;
    color: white;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
}

.btnhovertransparentgreen:hover {
    background-color: rgba(15, 248, 92, 0.2) !important;
    border: 1px solid rgb(46, 44, 44) !important;
    color: white;
    display: inline-block;
    outline: 0;
    padding: 6px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
}

.hoverdarkred:hover {
    border-radius: 5px;
    color: rgb(56, 47, 47) !important;
    background-color: rgb(248, 104, 104) !important;
}

.hovergreen:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
    color: rgb(8, 77, 50) !important;
    background-color: rgb(40, 233, 40) !important;
}

.hovergrey:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
    color: rgb(2, 59, 37) !important;
    background-color: dimgrey;
}

.hoverorange:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
    color: rgb(29, 18, 22) !important;
    background-color: rgb(243, 131, 3);
}

.hoverpink:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
    color: rgb(29, 18, 22) !important;
    background-color: rgb(245, 2, 103);
}

.hoverred:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border-radius: 5px;
    background-color: red !important;
    color: black !important;
}

.hoverseagreen:hover {
    border-radius: 5px;
    color: rgb(8, 77, 50) !important;
    background-color: seagreen !important;
}

/* Color, hovercolor */
.lightgrey, .hoverlightgrey:hover {
    color: #000 !important;
    background-color: #f1f1f1 !important
}

.lightgreen, .hoverlightgreen:hover {
    color: black !important;
    background-color: aquamarine !important;
}

.bluegrey, .hoverbluegrey:hover {
    color: black !important;
    background-color: lightsteelblue !important;
}
/* Styling */
/* Een afgeronde knop */
.btnRounded {
    border-radius: 10px;
}
/* componenten */
.carre26{width: 26px; height: 26px;}
.siteWidth{width: 955px;}
.componentsWidth{width: 907px;}
/* Posities */
.relatief{position: relative;}
.absoluut{position: absolute;}
/* left */
.left13{left: 13px;}
.left15{left: 15px;}
.left20{left: 20px;}
.left24{left: 24px;}
.left36{left: 36px;}
.left300{left: 300px;}
.left359{left: 359px;}
.left369{left: 369px;}
.left727{left: 727px;}
/* top */
.topM664{top: -664px;}
.topM600{top: -600px !important;}
.topM81{top: -81px !important;}
.topM77{top: -77px !important;}
.topM75{top: -75px !important;}
.topM50{top: -50px;}
.topM25{top: -25px;}
.topM20{top: -20px;}
.topM12{top: -12px;}
.topM10{top: -10px;}
.topM7{top: -7px;}
.topM5{top: -5px;}
.topM2{top: -2px !important;}
.top0{top: 0px;}
.top2{top: 2px;}
.top3{top: 3px !important;}
.top5{top: 5px !important;}
.top7{top: 7px !important;}
.top10{top: 10px;}
.top35{top: 35px;}
.top50{top: 50px;}
.top68{top: 68px;}
.top70{top: 70px;}
.top105{top: 105px;}
.top120{top: 120px;}
.top133{top: 133px;}
.top190{top: 190px;}
.top260{top: 260px;}
.top826{top: 826px;}
/* width */
.width200{width: 200px;}
.width285{width: 285px;}
.width350{width: 350px;}
.width692{width: 692px !important;}
.width883{width: 883px;}
/* height */
.height35{height: 35px;}
.height39{height: 39px;}
.height45{height: 45px;}
.height441{height: 441px;}
.height550{height: 550px !important;}
/* Positionering */
.fontOffset{position: relative; font-size: 20px !important; text-align: center; top: -25px;}
.fontOffset:hover{color: rgb(9, 44, 65) !important;}
.menuPos{position: absolute; top: 50px;}
/* Spacers */
.spacer5{position: relative;top: 5px;}