body{
font-family: "Lato", sans-serif; Tahoma;
font-size: 15px;
color:#535353;
margin:0px 0px 0px 0px;
text-align:left;
float:none;
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-x: auto;
}
textarea, input, select {
font-size: 15px;
color:#837047;
}
h1{
font-family: 'Qwigley', cursive;
font-size: 30px;
font-weight:400;
color:#837047;
display: block;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
line-height:100%;
}
h2{
font-family: 'Qwigley', cursive;
font-size: 40px;
font-weight:400;
color:#837047;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:100%;
display: block;
}
h3{
font-size: 20px;
font-weight:normal;
color:#000000;
font-family: 'Qwigley', cursive;
}
.contentPane img{
/* border-width:1px;*/
color:#837047;
padding: 4px 4px 4px 4px;
margin-bottom: 5px;
}
hr{
color:#837047;
background-color: #837047;
height: 1px;
border: 0;
text-align:left;
width: 700px;
}
td{
line-height:125%;
align: justify;
padding: 4px 8px 0px 0px;
}
p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:125%;
align: justify;
}
a         { text-decoration:none; font-size: 15px; font-weight:normal; color:#837047; }
a:hover   { text-decoration:none; font-size: 15px; font-weight:normal; color:#5B6770; }

li{
font-size: 15px;
margin: 5px 0px px 15px;
}
ul {
margin-top:5px;
}

.masterBody {
height:100%;
text-align:center;
float:none;
    position: relative;
    width: 100%;
    min-height: 100vh; /* Zorg ervoor dat de achtergrond de hele hoogte van het scherm bedekt */
    background-image: url('images/lijn_hartje.png');
    background-repeat: no-repeat;
    background-size: contain; /* Behoud de oorspronkelijke verhoudingen van de afbeelding */
    background-position: center top 74px; /* 100 pixels van de bovenkant en gecentreerd horizontaal */

}
@media screen and (max-width: 1330px) {
    .masterBody { padding: 0px 30px 0px 30px; }
}

.mainBody {
width: 1302px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
text-align:center;
}
.mainPane {
text-align:center;
width: 1302px;
float: left;
margin: 0 auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.headerPane {
width:1302px;

float:left;
text-align:left;
margin: 12px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.adresPane {
    text-align:right;
    float: left;
    width:100%;
    height: 20px;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size:18px;
}
.adresPane a {
    color: #8750A0;
    font-size:18px;
}
.copyrightPane a { font-size:18px; }
.copyrightPane a:hover { font-size:18px; }

.menuPane {
height:45px;
width:1000px;
float:left;
text-align:left;
margin: 0px 0px 0px 345px;
padding: 0px 0px 0px 0px;
font-weight:normal;
text-decoration:none;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
}
.menuKnop{
width:140px;
height:52px;
margin:0px 8px 0px 0px;
padding: 3px 0px 0px 0px;
float:left;
font-size:20px;
font-weight: normal;
text-align: center;
color:#837047;
background-repeat: no-repeat;
background-size: contain;
background-image: url(images/tab-off.png);
}
.menuKnop:hover,.menuKnopActive,.menuKnopActive:hover{
width:140px;
height:47px;
margin:0px 8px 0px 0px;
padding: 3px 0px 0px 0px;
float:left;
font-size:20px;
font-weight: normal;
text-align: center;
color:#8750A0;
background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/tab-on.png);
}
.mainmenu .menuKnop {
    padding-top: 8px;
    display: inline;
    clear: both;
    margin-top: 15px;
    height: 30px;
}
.leftmenu .menuKnop {
    padding-top: 8px;
    display: inline;
    clear: both;
    margin-top: 15px;
    height: 30px;
}
.leftmenu .active {
    color:#8750A0;
}

.submenuPane {
height:28px;
width:1000px;
float:left;
font-size:18px;
text-align:left;
margin: 0px 0px 20px 335px;
padding: 8px 0px 0px 10px;
font-weight:normal;
text-decoration:none;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
}

.submenuPane a { padding: 0px 5px 0px 5px; font-size:18px; font-weight: normal; color:#5B6770; }
.submenuPane a:hover { padding: 0px 5px 0px 5px; font-size:18px; font-weight: normal; color:#837047; }

.submenuPane .submenuActive{
color:#837047;
}
.slideshow {
float:left;
width: 1300px;
height: 256px;
padding: 0px 0px 0px 0px;
text-align:left;
border: 0px;
z-index: 1;
}
.contentPane {
text-align:center;
float: left;
width:1300px;
margin: 0px 0px 105px 0px;
padding: 0px 0px 0px 0px;
}

.emptyPane {
width: 1px;
height:330px;
float:left;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.txtPane {
width: 929px;
min-height: 480px!important;
float:left;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 0px 20px 10px 50px;
}
.mwPane {
text-align:left;
width:300px;
float:left;
color:#535353;
line-height:90%;
margin: 15px 0px 0px 0px;
padding: 0px;
opacity: 0.9;
}
.medewerkerkop {
font-family: 'Qwigley', cursive;
text-align: left;
font-size: 40px;
font-weight:400;
color:#837047;
padding-top: 0px;
padding-bottom: 10px;
display: block;
}
.fotorond {
	width: 90px;
	height: 90px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-radius: 60px;
    -moz-border-radius: 500px;
    border-radius: 900px;

    border-image: none;
	overflow:hidden;
	float: left;
}
.fotorond:hover {
/* border: 1px solid #837047!important; */
}
.thumb-wrapper {
    width: 200px;
    max-width: 100%;
    height: 200px;
    position: relative;
    left: -1px;
    top: 0;
    display: block;
    overflow: hidden;
    text-align: center;
    margin: auto;
}
.round-div {
    border: 104px solid #000000;
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    z-index: 99;
    top: -66px;
    left: -54px;
}

.leftPane {
width: 160px;
float:left;
text-align:left;
margin: 20px 0px 0px 0px;
padding: 10px 30px 10px 20px;
background-color:#ffffff;
opacity: 0.97;
filter: alpha(opacity=97); /* For IE8 and earlier */
}
.rightPane {
text-align:left;
width:750px;
float:left;
color:#535353;
line-height:90%;
margin: 20px 0px 0px 15px;
padding: 10px 0px 10px 20px;
background-color:#ffffff;
opacity: 0.97;
filter: alpha(opacity=97); /* For IE8 and earlier */
}
.condoleancePane {
text-align:left;
float: left;
width:730px;
line-height:130%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.condoleancePane a         { text-decoration:underline; font-size: 15px; font-weight:normal; color:#535353; }
.condoleancePane a:hover   { text-decoration:underline; font-size: 15px; font-weight:bold; color:#000000; }
.condoleancePane h1 {
    font-family: 'Qwigley', cursive;
    font-size: 45px;
    font-weight: 400;
    color: #837047;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 100%;
    display: block;
}

#mainmenu {
	float: left;
    width: 190px;
	margin: 0px 0px 0px 3px;
}
#mainmenu ul {
    list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#mainmenu li {
    float: left;
    width: 190px;
    padding: 5px 0px 0px 0px;
}
#mainmenu a {
    padding: 0px 0px 0px 0px;
    text-align: left;
    width: 190px;
    color: #535353;
    font-size: 15px;
	font-weight:normal;
    margin-right: 0px;
    outline: none;
}
#mainmenu a:hover, #mainmenu a.active {
    color: #837047;
}

#submenu {
    width: 185px;
}
#submenu ul {
    list-style-type: disc;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#submenu li {
    float: left;
    width: 185px;
    padding: 0px 0px 0px 0px;
}
#submenu a {
    text-align: left;
    width: 185px;
    color: #535353;
    font-size: 13px;
	font-weight:normal;
    margin-right: 0px;
    outline: none;
}
#submenu a:hover, #submenu a.active {
    color: #837047;
}
.footerPane {
text-align:center;
float: left;
width:1300px;
height: 80px;
margin: 12px 0px 0px 0px;
padding: 10px 0px 0px 0px;
font-size:28px;
}
.footerPane a { font-size:22px; color:#837047; font-weight: normal; }
.footerPane a:hover { font-size:22px; color:#837047; font-weight: normal; text-decoration: underline;}

.copyrightPane {
text-align:center;
float: left;
width:1300px;
height: 27px;
margin: 5px 0px 0px 0px;
padding: 10px 0px 0px 0px;
font-size:16px;
}
.copyrightPane a { font-size:16px; }
.copyrightPane a:hover { font-size:16px; }

.paars {color:#837047;}

.cleaner {
    clear: both;
    height: 0px;
}

table .newsheader {
font-family: 'Qwigley', cursive;
font-size: 30px;
font-weight:normal;
color:#837047;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:100%;
display: block;
}
table .newsmessage {
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
font-weight:normal;
font-size: 15px;
color:#535353;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1368px;
  border: 0px;
  padding: 0px 0px 0px 0px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index:-1;
}
.formfout {color:#ff0000;}

.video-container {
    position:relative;
    margin-bottom: 10px;
	padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


    .hytPlayerWrap {
        display: inline-block;
        position: relative;
		margin-bottom: 10px;

    }

    .hytPlayerWrap.ended::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 64px 64px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
    }

    .hytPlayerWrap.paused::after {
        content: "";
        position: absolute;
        top: 70px;
        left: 0;
        bottom: 50px;
        right: 0;
        cursor: pointer;
        background-color: black;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px 40px;
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    }

.newsmessage iframe { max-width: 530px!important; }