/*
Theme Name: Default
Theme URI: http://www.polite.nl
Type: Desktop
Description: Standaard thema
Version: 1.5.0.0
Author: Paul Otten
Author URI: http://www.polite.nl
*/

@font-face {
    font-family: 'Sharp Sans';
    src: url('../fonts/SharpSans/SharpSans-Medium.woff') format('woff'), url('/fonts/SharpSans/SharpSans-Medium.woff2') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sharp Sans';
    src: url('../fonts/SharpSans/SharpSans-Semibold.woff') format('woff'), url('/fonts/SharpSans/SharpSans-Semibold.woff2') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sharp Sans';
    src: url('../fonts/SharpSans/SharpSans-Bold.woff') format('woff'), url('/fonts/SharpSans/SharpSans-Bold.woff2') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sharp Sans';
    src: url('../fonts/SharpSans/SharpSans-Extrabold.woff') format('woff'), url('/fonts/SharpSans/SharpSans-Extrabold.woff2') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "ITC_Symbol_Book";
    src:url("../fonts/ItcSymbolBook/ITC_Symbol_Book.woff") format("woff"),
    /*url("../fonts/ItcSymbolBook/ITC_Symbol_Book.svg") format("svg"),*/
    url("../fonts/ItcSymbolBook/ITC_Symbol_Book.eot"),
    url("../fonts/ItcSymbolBook/ITC_Symbol_Book-1.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "avantgarde_bk_btbook";
    src: url("../fonts/Avantgarde/avgardn-webfont.eot");
    src: url("../fonts/Avantgarde/avgardn-webfont-1.eot") format("embedded-opentype"),
    url("../fonts/Avantgarde/avgardn-webfont.woff") format("woff"),
    url("../fonts/Avantgarde/avgardn-webfont.ttf") format("truetype");
    /*url("fonts/avgardn-webfont.svg#avantgarde_bk_btbook") format("svg");*/
    /*url("fonts/avgardn-webfont.woff2") format("woff2"),*/
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "CopperplateGothic-Light";
    src: url("../fonts/CopperplateGothic/CopperplateGothic-Light.eot") format("embedded-opentype"),
    url("../fonts/CopperplateGothic/CopperplateGothic-Light.woff") format("woff"),
    url("../fonts/CopperplateGothic/CopperplateGothic-Light.ttf")  format("truetype");
    /*url("../fonts/CopperplateGothic-Light.svg#CopperplateGothic-Light") format("svg");*/
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FranklinGothicDemi";
    src: url("../fonts/Franklin_Gothic_Demi/Franklin Gothic Demi Cond V1.eot");
    src: url("../fonts/Franklin_Gothic_Demi/Franklin Gothic Demi Cond V1.eot") format("embedded-opentype"),
    url("../fonts/Franklin_Gothic_Demi/Franklin Gothic Demi Cond V1.woff") format("woff"),
    url("../fonts/Franklin_Gothic_Demi/Franklin Gothic Demi Cond V1.ttf") format("truetype"),
    url("../fonts/Franklin_Gothic_Demi/Franklin Gothic Demi Cond V1.svg") format("svg");
}
@font-face {
    font-family: 'ErasLightITCRegular';
    src: url('../fonts/ERASLGH0/eraslgh0.eot');
    src: url('../fonts/ERASLGH0/eraslgh0.eot') format('embedded-opentype'),
    url('../fonts/ERASLGH0/eraslgh0.woff') format('woff'),
    url('../fonts/ERASLGH0/eraslgh0.ttf') format('truetype'),
    url('../fonts/ERASLGH0/eraslgh0.svg') format('svg');
}
/*
@font-face {
    font-family: "Allura";
url("../fonts/Allura/Allura-Regular.ttf") format("truetype"),
}
*/
* {
    font: normal 15px / 27px "Poppins", Helvetica, Arial, Verdana, sans-serif;
    /*font-family: 'Sharp Sans',"Eras Light ITC",'Open Sans', arial;*/
	/*font-family: 'Open Sans', 'ITC_Symbol_Book', Arial, Helvetica, sans-serif;*/
    /*font-weight: normal;*/
    /*font-style: normal;*/
    font-size: 16px;
}

html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
body {
    line-height: 1;
}

blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table.collapse {
	width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}
tr {
	border:1px solid #CCC;
	padding: 0;
	margin: 0;
}
td.tekst {
	width:260px;
	padding: 1px 4px 1px 4px;
}
td.opties {
	width:240px;
	padding: 1px 4px 1px 4px;
}
td.bedrag {
	width:100px;
	text-align:right;
	padding: 1px 4px 1px 4px;
}
a img {
    border: none;
}
a{
	color:#444;
	text-decoration:none	
}

    label { display: block; }

a 			{ font-size: 1em; color: #444;  text-decoration: underline; }
a:active    { font-size: 1em; color: #444;  text-decoration: underline ; }
a:visited   { font-size: 1em; color: #444;  text-decoration: underline ; }
a:hover 	{ font-size: 1em; color: #de7224;  text-decoration: underline ; }

a.default 			{ top:0; padding: 0; margin:0; font-size: 1em; color: #333;  text-decoration: none; }
a.default:active    { top:0; padding: 0; margin:0; font-size: 1em; color: #333;  text-decoration: none ; }
a.default:visited   { top:0; padding: 0; margin:0; font-size: 1em; color: #333;  text-decoration: none ; }
a.default:hover 	{ top:0; padding: 0; margin:0; font-size: 1em; color: #de7224;  text-decoration: none ; }


.noBorder a 	{ font-size: 14px;  border:none; }
.noBorder a:hover { font-size: 14px;  border:none; }

pre { display:none }
.temp_img {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);

}
video {
    width: 100%    !important;
    height: auto   !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
@viewport {
    width: device-width;
    zoom: 1;
}

/*styles for responsive menu*/
@media only screen and (min-width: 481px) and (max-width: 900px) {
    #ddmenu li div.column.mayHide {
        display: none;
    }
    #ddmenu ul {
        width: 100%;
        border-radius: 0;
    }
    #ddmenu li {
        position:relative;
        width:33.33%;
        box-sizing:border-box;
        text-align: left;
        border-top:1px solid rgba(255,255,255,0.3);
        border-right:1px solid rgba(255,255,255,0.3);
    }
    #ddmenu li.full-width {
        position: relative;
    }
    #ddmenu div.dropdown {
        width: auto;
        left: 0;
        text-align: left;
    }
    #ddmenu li.full-width div.dropdown {
        width: auto;
    }
    #ddmenu div.dropdown.right-aligned, #ddmenu div.dropdown.mayRight {
        left: auto;
        right: 0;
    }
    #ddmenu li div.column {
        width: auto;
        border: none;
    }
}


ul{
    padding: 0 0 0 20px;
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
}
ol{
    padding: 0 0 0 20px;
    box-sizing: border-box;
}
/*li{clear:left;}*/

.iframe2 {
    z-index:1500;
    overflow: hidden;
    padding:0 0 0 0;
}

.video2 {
    width: 100%    !important;
    height: auto   !important;

}
.youtubevideowrap{
    clear: both;
}

iframe {
    max-width: 100%;
}
.video_container{
    position: relative;
    /*padding-bottom: 56.25%;*/ /* 16:9 */
    /*padding-top: 25px;*/
    /*height: 0;*/
    overflow: hidden;
}
.video_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video_container div{
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width: 100%;
    height: 100%;
}
.video_wrapper {
    float: none;
    margin: 10px auto 10px auto;
    width: 100%;
}

.video_wrapper_RE {
    float:right;
    margin-left:10px;
    margin-right:auto;
    width: 100%;
}
.video_wrapper_LI {
    float:left;
    margin-left:auto;
    margin-right:10px;
    width: 100%;
}

@media only screen and (max-width: 800px) {

    .video_wrapper_RE,.video_wrapper_LI  {
        float:none;
        margin: 10px auto 10px auto;
    }
}

body{
    background-color: #fcfefe;
	line-height:26px;
	margin:0;
	color:#444;
	height:100%;
	width: 100%;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
* {margin:0;padding:0;}
body {
    height: 100vh;
    min-height: -webkit-fill-available;
    /*overflow: auto;*/
    /*overflow: hidden;*/
}

html {
    min-height: -webkit-fill-available;
}

#bg{
    display: contents;
    width: 100%;
    height: 100vh;
    /*min-height: 980px;*/
    /*overflow: hidden;*/
}

.bg {
    background-color: #999;
    min-height: 100%;
}

#bodybox{
    /*display: block;*/
    width: 100%;
    min-height: 100vh;
    margin: 0 auto -260px;
}  /* must be same height as the footer */


.thema{
    width: 100%;
    padding: 0;
    margin:0 auto;
    float: left;
}

.wrap{
    width: 90% !important;
    max-width: 1400px;
	padding: 0;
    margin:0 auto;
    /*display: block;*/
    /*display: -webkit-box;*/
}
.wrap_header{
    width: 90%;
	height: 100%;			 
    max-width: 1400px;
    padding: 0;
    margin:0 auto;
}
/*
.wrap_footer{
    width: 90%;
    max-width: 1000px;
    padding: 30px 0 0 0;
    margin: 0 auto;
    display: flex;
}
*/
#content {
    width: 100%;
    min-height:600px;
    /*margin-top: 133px;*/
    padding: 0;
    float: left;
    background:none;
    /*display: block;*/
}

.content_part2 {
    box-sizing: border-box;
	padding: 0 0 0 0;
	float: left;
}

.content_part {
    width: 100%;
    min-width: 50px;
    padding: 0 10px 0 0;
    box-sizing: border-box;
    float: left;
}
.content_part:last-child {
    box-sizing: border-box;
    min-width: 50px;
    padding: 0 0 0 0;
    /*float: left;*/
}
.content_part_bg {
    width:100%;
    padding: 15px 0 15px 15px;
    /*margin-bottom: 20px;*/
    box-sizing: border-box;
    background:rgba(255,255,255,0.3);
    border: dotted thin #ddd;
    float: left;
    -moz-box-shadow: 4px 4px 4px #999;
    -webkit-box-shadow: 4px 4px 4px #999;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
}
.content_part_no_bg {
    width:100%;
    box-sizing: border-box;
    float: left;
}

#content_slide {
	max-width: 400px;
    width: 36%;
    box-sizing: border-box;
	min-height:940px;
	padding: 30px 20px 0 20px;
	float: left;
}

#content_text {
	max-width: 64%;
	min-height:940px;
	padding: 30px 0 0 0;
	float: left;
	position: relative;
}


@media only screen and (min-width: 481px) and (max-width: 900px) {
    body{
        line-height:15px;
    }
    * {
        font-size: 13px;
    }


}

/* ######################  TOP	####################### */

/* Header */
header {
    /*position: absolute!important;*/
    top: 0;
    width: 100%;
    min-height: 110px;
    height: 110px;
    /*background: -moz-linear-gradient(top, rgba(27,38,65,1) 30px,rgba(255,255,255,1) 30px,rgba(255,255,255,1) 140px,rgba(214,214,214,1) 100%); !* FF3.6-15 *!*/
    /*background: -webkit-linear-gradient(top, rgba(27,38,65,1) 30px,rgba(255,255,255,1) 30px,rgba(255,255,255,1) 140px,rgba(214,214,214,1) 100%); !* Chrome10-25,Safari5.1-6 *!*/
    /*background: linear-gradient(to bottom, rgba(27,38,65,1) 30px,rgba(255,255,255,1) 30px,rgba(255,255,255,1) 140px,rgba(214,214,214,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2928', endColorstr='#001d2928',GradientType=0 ); !* IE6-9 *!*/
    background-color: #ffffff;
    /*background-color: rgba(192,211,211,0.18);*/
    /*-moz-box-shadow: 0 0 10px #4e4e4e;*/
    /*-webkit-box-shadow: 0 0 10px #4e4e4e;*/
    /*box-shadow: 0 0 10px #4e4e4e;*/
    /*border-bottom: 3px solid #35aab1;*/
    /*margin: 0 0 20px 0;*/
    z-index: 999;
}
header > div {
    /*background: rgba(102,98,95,0.95);*/
}
header > div > div {
    /*position: relative;*/
    margin: 0 auto;
    /*width: 98%;*/
    /*height: 190px;*/
}
header .menublok {
    width: calc(100% - 380px);
    float: left;
}

header .headerTop{
    height: 49px;
    display: block;
    position: relative;
    /*background-color: rgba(255,255,255,0.65);*/
    /*padding-bottom: 18px;*/
    padding: 5px 10px 5px 10px;
    margin-left: 40px;
    box-sizing: border-box;
    /*border-bottom: 2px solid #ffed00;*/
    /*border-bottom: 1px solid #e2e2dda6;*/
}
header .headerBottom{
    width: 100%;
    /*display: block;*/
    position: relative;
    height: 60px;
    line-height: 60px;
    /*top: 60px;*/
    /*padding-bottom: 18px;*/
}
header .headerBottom nav{
    max-width: 1400px;
    border-top: 1px solid #e2e2d2;
    /*width: 90%!important;*/
    /*margin: 0 auto;*/
    /*float: right;*/
}
header .header_content {
    width: 100%;
    /*display: block;*/
    float: left;
    background-color: rgba(255,255,255,0.65);
    /*text-align: left;*/
}
header .logoblok {
    width: 380px;
    padding-top: 27px;
    box-sizing: border-box;
    height: 110px;
    /*line-height: 100px;*/
    /* display: inline-block; */
    /* padding: 0 0 0 0; */
    /* vertical-align: middle; */
    float: left;
}
#logo {
    max-width: 310px;
    box-sizing: border-box;
    padding: 0;
    float: left;
}

header .logoimg {
    width: 100%;
    max-width: 260px;
}
header a.logo {
    /*position: absolute;*/
    width: 100%;
    height: 100%;
    /* background: unset; */
    z-index: 99;
    line-height: 100px;
}
header.floating a.logo {
    left: 0;
}
header a.logo > span {
    display: table-cell;
    vertical-align: middle;
}
header a.logo img {
    /*display: block; */
    /*height: 44px;*/
    /* position: relative; */
    /* max-height: 100px; */
    /*vertical-align: middle;*/
    /* line-height: 100px; */
}
header .headerBottom a.logo img {
    /*display: none;*/
}
header > div > div > div.telefoon > a{
    /*display: none;*/
}
header .telefoon{
    width: 250px;
    text-align: right;
    height: 24px;
    display: inline-block;
    position: absolute;
    /* float: left; */
    top: 5px;
    right: 30px;

}
header .telefoon > a,
#footerblok .telefoon > a{
    color: #666666;
    text-decoration: none;
    line-height: 40px;
    padding: 2px 2px;
    vertical-align: middle;
    font-size: 14px;
}
header .telefoon > a:hover,
#footerblok .telefoon > a:hover{
    color: #ed1918;
}
header .telefoon > a > img,
#footerblok .telefoon > a > img{
    vertical-align: middle;
    padding-right: 3px;
    width: 18px;
}
.headerTop .socialmedia_blok {
    width: 40px;
    display: inline-block;
    /* text-align: right; */
    padding: 5px 20px 0 0;
}

.searchBox {
    line-height: 45px;
    float: right;
}
.searchBox input.searchInput{
    opacity: 90%;
    border-radius: 2px;
    padding: 0 5px;
}
header .searchBlok input[type="submit"], .searchBox input[type="submit"] {
    background: url(../images/layout/ico-search.png) no-repeat;
    box-sizing: border-box;
    background-size: 25px auto;
    border: 0;
    padding: 2px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

header nav {
    /*width: 100%;*/
    /*display: inline-block;*/
    /*float: right;*/
    /*background: transparent;*/
    /*border: none;*/
    /*box-shadow: none;*/
}

header.fixed > #headerbox {
    z-index: 50;
    position: fixed;
    top: 0;
    height: 50px!important;
    width: 100%;
    /*background: rgba(27,38,65,0.9);*/
	background: rgba(255,255,255,1);
    /*background: rgba(230,230,230,0.9);*/
    -webkit-transform: translateZ(0);
    /*border-bottom: 3px solid #35aab1;*/
}
header.fixed .headerTop {
    display: none;
    /*overflow: hidden;*/
}
header.fixed .headerBottom {
    height: 48px;
    top: 0!important;
}
header.floating > div {
    box-shadow: 0 -1px 15px rgba(0,0,0,0.05);
}
header.fixed .telefoon{
    display: none;
}
header.fixed .cat{
    display: none;
}
header.fixed nav {
    top: 2px;
    padding-top: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    /*position: absolute;*/
}
header.fixed nav > ul {
    line-height: 12px;
}
header.fixed .header_img_r {
    display: none;
}
header.fixed .wrap_header{
    /*max-width: 100%;*/
    width: 90%;
    max-width: 1400px;
}
header.fixed .logoblok {
    height: 60px;
    float: left;
    position: relative;
}
header.fixed a.logo {
    position: absolute;
    top: -4px;
    left: -66px;
    /* height: 44px; */
    /* height: 100%; */
    background: url(../images/layout/logo.png) center center no-repeat;
    background-size: 200px;
}
header.fixed a.logo img {
    display: none;
}

header.fixed .headerBottom a.logo img {
    display: none;
}


header nav > span {
    display: none;
}
/*
@media only screen and (max-width: 1500px) {
    header .telefoon {
        text-align: right;
        display: inline-block;
        position: absolute;
        top: 15px;
        right: 10px;
    }
}
*/
@media only screen and (max-width: 1024px) {

    header a.logo {
        /*position: absolute;*/
        /*left: 7px;*/
        /*top: 5px;*/
        /*width: 160px;*/
        /*color: #ffffff;*/
    }
    header .logoblok {
        width: 280px;
        padding-top: 36px;
    }
    header .menublok {
        width: calc(100% - 280px);
        float: left;
    }
}
@media only screen and (max-width: 10px) {
    header a.logo {
        top: 0;
        left: 5px!important;
        width: 60px;
        height: 60px;
        background: url('../images/layout/logo_icon.png') center center no-repeat;
        background-size: contain;
    }

    header a.logo img {
        display: none;
    }

    header {
        height: 60px;
    }

    header > div {
        z-index: 50;
        position: fixed;
        top: 0;
        height: 60px;
        width: 100%;
        /*background: rgba(102, 98, 95, 0.95);*/
        /*box-shadow: 0 -1px 15px rgba(0, 0, 0, 0.1);*/
        -webkit-transform: translateZ(0);
    }

    header > div > div {
        height: 60px;
    }
    div.video > div {
        height: 459px;
    }

    .header_img_r {
        padding: 10px 70px 0 0;
        float: right;
    }
}

#headerbox {
    width: 100%;
    height: 100%;
    /*background: rgba(102,98,95,0.95);*/
    /*height: 85px;*/
    /*padding: 0;*/
    /*position: relative;*/
    /*float: left;*/
}

#topblok {
    box-sizing: border-box;
    width: 60%;
    padding: 0 10px 0 0;
    float: left;
}
#mediabox{
    width: 840px;
    height: 30px;
    text-align:right;
    padding: 0 0 0 0;
    float: left;
}

#logoblok {
    width: 40%;
    padding: 0 0 0 0;
    float: left;
}
#titelblok {
    width: 60%;
    box-sizing: border-box;
    height: 40px;
    padding: 77px 0 0 30px;
    color: #ddd;
    font-size: 24px;
    text-shadow: 1px 1px 1px #666;
    bottom:0;
    float: left;
}
#soc_med_box {
    width: 33%;
    box-sizing: border-box;
    text-align:left;
    padding: 0;
    float: left;
}
.soc_med_blok {
    width: 100%;
    height: 22px;
    padding: 0;
    float: left;
}
.soc_med_img {
    width: 22px;
    height: 22px;
    text-align:right;
    padding: 0;
    float: left;
}
.soc_med_tekst {
    height: 22px;
    font-size: 1em;
    text-align:left;
    padding: 0 0 0 10px;
    float: left;
}
#loginbutton {
    visibility: hidden;
    height: 0;
}
#loginblok {
    visibility: visible;
    width: 260px;
    min-width: 200px;
    box-sizing: border-box;
    padding: 10px 0 0 0;
    max-height:140px;
    margin-top: -10px;
    background: -webkit-linear-gradient(180deg,rgba(186,62,57,1),rgba(167,34,28,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(180deg,rgba(186,62,57,1),rgba(167,34,28,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(180deg,rgba(186,62,57,1),rgba(167,34,28,1)); /*Fx 3.6-15*/
    background: linear-gradient(180deg,rgba(186,62,57,1), rgba(167,34,28,1)); /*Standard*/
    border: solid thin rgba(167,34,28,1);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
    font-family: "avantgarde_bk_btbook", Arial, Helvetica, sans-serif;
    text-align:left;
    font-size:15px;
    font-weight:normal;
    color:#666;
    float: right;
}
.topBannerTekst01{
    color:#ffffff;
    font-size:calc(0.5rem + 1vmin);
    line-height:calc(0.5rem + 1.5vmin);
    text-align: left;
}
.topBannerTekst02{
    color:#ffffff;
    font-size:calc(0.5rem + 2vmin);
    line-height:calc(0.5rem + 2.5vmin);
    text-align: left;
}
.topBannerTekst03{
    color:#ffffff;
    font-size:calc(0.5rem + 3vmin);
    line-height:calc(0.5rem + 3.5vmin);
    text-align: left;
}
.topBannerTekst04{
    color:#ffffff;
    font-size:calc(0.5rem + 4vmin);
    line-height:calc(0.5rem + 4.5vmin);
    text-align: left;
}
@media only screen and (max-width: 800px) {
    #bodybox {
        /*margin: 0 auto -474px;*/
    }
    .wrap, .wrap_header, .wrap_footer,
    header.fixed .wrap_header {
        width: 100%;
    }
    .wrap{
        width: 96%!important;
    }
    #content {
        /*margin-top: 60px;*/
        min-height: 250px;
    }
    #content_slide {
        display: none;
        float: left;
    }

    #content_text {
        max-width: 100%;
        min-height:500px;
        padding: 0 0 0 0;
        float: left;
        position: relative;
    }
    header {
        height: 60px;
        min-height: 60px;
        /*margin-bottom: 5px;*/
        /*background: rgba(255,255,255,0.90);*/
		background: rgba(255, 255, 255, 0.9);
        /*order-bottom: solid 2px #970000;*/
        border-bottom: none;
    }
	header.fixed {
        height: 60px;
        margin-bottom: 20px;
        background: transparent;
        border-bottom: none;
    }				  
    header a.logo {
        position: absolute;
        top: 0;
        left: 5px!important;
        width: 44px;
        height: 60px;
        background: url('../images/layout/logo_icon.png') center center no-repeat;
        background-size: contain;
    }

    header a.logo img {
        display: none;
    }

    header > #headerbox {
        z-index: 50;
        position: fixed;
        top: 0;
        height: 60px!important;
        width: 100%;
        /*background: rgba(255, 255, 255, 0.45);*/
        /*box-shadow: 0 -1px 15px rgba(0, 0, 0, 0.1);*/
        -webkit-transform: translateZ(0);
    }
    header > div > .headerTop {
        display: none;
    }
    header .headerTop {
        height: 60px;
        display: block;
        position: absolute;
        right: 60px;
        padding: 15px 10px 13px 10px;
        box-sizing: border-box;
        border-bottom: none;
        z-index: 999;
    }
    header > div > .headerBottom {
        top: 0!important;
        height: 55px!important;
    }
    header .headerBottom nav {
        max-width: 800px;
        width: 90%!important;
    }
    header > div > div {
        height: 60px;
    }
    div.video > div {
        height: 459px;
    }

    .header_img_r {
        padding: 10px 70px 0 0;
        float: right;
    }

    header .telefoon, header .telefoon > a {
        /* text-decoration: none; */
        /* height: 33px; */
        line-height: unset;
        width: 100%;
        /* padding: 15px 0 15px 0; */
        box-sizing: border-box;
        position: relative;
        /* right: 134px;*/
        }

        #headerbox {
            width: 100%;
            float: right;
        }
        header.fixed #headerbox,
        header.fixed .headerTop,
        header.fixed nav{
            height: 60px!important;
        }
        header.fixed #headerbox{
            /*background: rgba(255,255,255,0.81);*/
        /*border-bottom: solid 2px rgba(255, 0, 0, 0.81);*/
        /*background: rgba(27,38,65,0.8);*/
    }

    header.fixed a.logo {
        width: 44px;
        height: 60px;
        left: 5px!important;
        opacity: 0.3;
    }

    #topblok {
        width: 60%;
    }

    #logoblok {
        width: 100%;
        float: right;
    }
    #logo {
        padding: 10px 0 0 0;
        float: right;
    }
    .logoimg {
        max-height: 100px;
    }
    #tekstblok {margin-bottom: 2px;}
    #loginbutton {
        visibility: visible;
        width: 140px;
        box-sizing: border-box;
        padding: 15px 0 0 0;
        height:40px;
        margin-top: -10px;
        background: -webkit-linear-gradient(180deg,rgba(186,62,57,1),rgba(167,34,28,1)); /*Safari 5.1-6*/
        background: -o-linear-gradient(180deg,rgba(186,62,57,1),rgba(167,34,28,1)); /*Opera 11.1-12*/
        background: -moz-linear-gradient(180deg,rgba(186,62,57,1),rgba(167,34,28,1)); /*Fx 3.6-15*/
        background: linear-gradient(180deg,rgba(186,62,57,1), rgba(167,34,28,1)); /*Standard*/
        border: solid thin rgba(167,34,28,1);
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -webkit-border-bottom-right-radius:10px;
        -webkit-border-bottom-left-radius:10px;
        border-radius-bottomleft:10px;
        border-radius-bottomright:10px;
        -moz-box-shadow: 0 0 10px #999;
        -webkit-box-shadow: 0 0 10px #999;
        box-shadow: 0 0 10px #999;
        text-align: center;
        float: left;

    }
    #loginbutton a 		    { font-size: 13px; color: #ccc; font-weight:normal;text-decoration: none;}
    #loginbutton a:hover 	{ font-size: 13px; color: #fff; font-weight:normal; text-decoration: none;}

    #loginblok {visibility: hidden;height: 0;}
}


#bodybg{
	margin-right: auto;
	margin-left: auto;
}



#fadeslideshow {
    width: 100%;
    box-sizing: border-box;
	padding: 0 20px 0 20px;
	float: left;
}

#slideshow1 {
    width: 100%;
	box-shadow: 2px 2px 20px #000;
}

.loading_image{max-width: 54px}

#fadeslidefoto {
    max-width: 320px;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    float: left;
    box-shadow: 2px 2px 20px #000;
}

a.top 			{ font-size: 14px; color: #eee; font-weight:normal; text-decoration: none; text-align:left;}
a.top:active  	{ font-size: 14px; color: #eee; font-weight:normal; text-decoration: none; text-align:left;}
a.top:visited   { font-size: 14px; color: #eee; font-weight:normal; text-decoration: none; text-align:left;}
a.top:hover 	{ font-size: 14px; color: #de7224; font-weight:normal; text-decoration: underline; text-align:left;}


#demos {
	width: 299px;
	height: 600px;
	padding: 0 0 0 0;
	z-index:50;
	float: left;
}


#navigatiebox {
    width: calc(100% - 16px);
    /*background-color: rgba(50,50,50,0.2);*/
	min-height:22px;
	padding: 2px 0 2px 0;
    box-sizing: border-box;
    margin: 0 16px 0 8px;
	float: left;
	color:#333;
	position: static;
    border-radius: 3px;
    text-align: center;
}
#navigatiebox.colMargin {
    margin: 0 0 20px 0;
    width:100%;
}

.navigatieregel {
    width:100%;
    box-sizing: border-box;
    height:20px;
    margin: 10px 0 20px 0;
    padding: 0 0 0 0 ;
    float: left;
    border-top: 1px solid #555555;
    border-bottom: 1px solid #555555;
}
#navigatiebox ul {
    list-style: none;
    padding: 0;
}
#navigatiebox li{
    /*float: left;*/
    padding: 0;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600;
}
#navigatiebox li a{
    font-size: 13px;
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
}

#navigatiebox li:after {
    content: '>';
    vertical-align: bottom;
    padding: 0 10px 0 10px;
    font-size: 0.8em;
}
#navigatiebox li:last-child:after {
    display: none;
}

#catBox {
    width: calc(100% - 16px);
    /*background-color: rgba(50,50,50,0.2);*/
    min-height:22px;
    padding: 2px 0 2px 0;
    box-sizing: border-box;
    margin: 0 16px 0 8px;
    float: left;
    color:#333;
    position: static;
    border-radius: 3px;
}
#catBox > div {
    width: 100%;
    padding: 2px 0;
    box-sizing: border-box;
    float: left;
    display: flex;
    justify-content: space-around;
}
#catBox > div > div > a{
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    font-weight: 400;
    display: block;
    padding: 2px 10px 2px 10px;
    background-color: rgba(155,152,145,0.3);
    box-sizing: border-box;
    border-radius: 4px;
}
#catBox > div > div > a:hover,
#catBox > div > div.selected > a{
    color:#ffffff;
}
#catBox > div > div {
    margin: auto;
    display: inline-block;
    padding: 0 1px;
    box-sizing: border-box;
}
#catBox > div > div.selected {
     background-color: rgba(155,152,145,0.9);
     border-radius: 4px;
 }
#catBox > div > div:hover {
    /*display: block;*/
    background-color: rgba(155,152,145,0.9);
    border-radius: 4px;
    /*padding: 2px 10px 2px 10px;*/
    /*box-sizing: border-box;*/
}
#fotoviewblok {
	width:870px;
	padding: 0 20px 0 0;
	text-align:left;
	font-size:14px;
	color:#333;
	float: left;
}


#linkbox {
	width: 730px;
	padding: 0 40px 0 18px ;
	float: left;
}

.link_blok {
	width:100%;
	padding: 5px 10px 10px 10px;
	text-align:left;
	font-size:14px;
    color:#333;
	border-bottom: #666 1px dashed;
	float: left;
}

.link_foto_blok {
	width:130px;
	padding: 0 0 10px 0;
	text-align:left;
	font-size:14px;
	color:#333;
	float: left;
}

.link_tekst_blok {
	width:600px;
	padding: 0 0 5px 0;
	text-align:left;
	font-size:14px;
	color:#333;
	float: left;
}
.link_kop {
	width:1140px;
	padding: 10px 20px 0 20px;
	font-size:18px;
	color:#333;
	float: left;
}
.link_kop a {
	color: #333;
	font-size:18px;
}
.link_kop a:hover {text-decoration: underline; color: #de7224; }


.link_tekst {
	width:1140px;
	padding: 0 0 0 0;
	text-align:left;
	font-size:14px;
	color:#333;
	float: left;
}

.nieuwsbrief_kop_tekst {
	width:1140px;
	padding: 0 0 0 0;
	font-size:11px;
	color:#333;
	float: left;
}
.nieuwsbrief_tekst {
	width:1140px;
	padding: 0 0 0 0;
	text-align:left;
	font-size:14px;
	color:#333;
	float: left;
}

.errormsg {
	width:600px;
	padding: 10px 0 10px 0;
	text-align:left;
	font-size:12px;
	font-weight:Bold;
	color:#AD763E;
	float: left;
}


a.nieuwsbrief_kop 			{ font-size: 14px; color: #333; font-weight:bold; text-decoration: none; }
a.nieuwsbrief_kop:active   	{ font-size: 14px; color: #333; font-weight:bold; text-decoration: none ; }
a.nieuwsbrief_kop:visited  	{ font-size: 14px; color: #333; font-weight:bold; text-decoration: none ; }
a.nieuwsbrief_kop:hover 	{ font-size: 14px; color: #de7224; font-weight:bold; text-decoration: none ; }

.mapbox {
	width:720px;
	height:450px;
	padding: 5px 30px 0 0;
	text-align:left;
	font-size:14px;
	color:#333;
	float: left;
}

.css_mod_mapbox{
    height: 400px;
}

.container1 {
	position:relative;
	left:20px;
	top:20px;
	width:148px;
	padding-left:10px;
	padding-bottom:10px;
	}

@media screen and (max-width: 1024px) {
    .css_mod_mapbox{
        height: 300px!important;
    }
}
@media screen and (max-width: 800px) {
    .css_mod_mapbox{
        height: 250px!important;
    }
}

@media screen and (max-width: 600px) {
    #content_slide {
        display: none;
    }
}


#formulierbox {
    width:100%;
    min-width: 150px;
    /*max-width: 900px;*/
    box-sizing: border-box;
    /*background:rgba(210,210,210,0.4);*/
    background: rgba(210,210,210,0.4);
    min-height: 250px;
    padding: 0 10px 0 10px;
    margin: 0;
    text-align:left;
    color:#333333;
    float: left;
}

#formulierbox_2 {
    width:100%;
    box-sizing: border-box;
    background:rgba(255,255,255,0.1);
    padding: 10px 20px 10px 20px;
    text-align:left;
    color:#333333;
    float: left;
}

.formulierblok {
    width:100%;
    padding: 0 0 10px 0;
    text-align:left;
    float: left;
}
.formBedankt {
    width:100%;
    padding: 20px;
    text-align: center;
    background:rgba(255,255,255,0.1);
    margin: 10px;
    border: solid 1px #00b900;
    float: left;
}

.formulier_kop{
    min-height:29px;
    width:100%;
    padding:5px 0 0 0;
    float: left;
}

.formulier_kop > h2{
    font-size: 1.2em;
    font-weight: normal;
    font-style: normal;
}

.formulier {
    width:100%;
    padding: 5px 0 5px 0;
    float: left;
}

.formulier_tekst {
    width:100%;
    padding: 15px 0 5px 0;
    float: left;
}

.formulier_error {
    width: calc(100% - 14px);
    padding: 5px 45px 5px 5px;
    box-sizing: border-box;
    font-size:1em;
    font-weight:bold;
    border: solid 1px #C00;
    color: #C00;
    float: left;
    background: url(../images/attention.png) right center no-repeat;
    /*background-position: right center;*/
    background-size: 40px auto;
}
.formulier_bedankt {
    width: calc(100% - 14px);
    padding: 13px 45px 13px 13px;
    box-sizing: border-box;
    font-size:1em;
    /*font-weight:bold;*/
    border: solid 1px #00b900;
    color: #00b900;
    float: left;
    background: url(../images/validated.png) no-repeat;
    background-position: calc(100% - 1px) 5px;
    background-size: 40px auto;
}
.formulier_titel {
    width:40%;
    max-width: 250px;
    /*min-width: 200px;*/
    padding: 2px 0 0 0;
    float: left;
    font-size: 0.9em;
}
.formulier_titel_rood {
    width:40%;
    box-sizing: border-box;
    padding: 2px 0 0 0;
    text-align:left;
    color: #C00;
    float: left;
    font-size: 0.9em;
}

.formulier_waarde {
    width:calc(60% - 15px);
    box-sizing: border-box;
    padding: 0 0 0 0;
    text-align:left;
    vertical-align:top;
    color: #f95a15;
    float: left;
    font-size: 0.8em;
}

.formulier_waarde_flex {
    display:flex;
    width: 60%;
}
.formulier_item_flexrequired {
    width:calc(100% - 15px);
    margin: 0 15px 0 5px;
    font-size: 1em;
}
.formulier_item_flexrequired:first-child {
    width:calc(100% - 15px);
    margin: 0 15px 0 0;
    font-size: 1em;
}
.formulier_item_flex {
    width:100%;
    margin: 0 0 0 5px;
    font-size: 1em;
}
.formulier_item_flex:first-child {
    width:100%;
    margin: 0 0 0 0;
    font-size: 1em;
}



.form_voornaam {
    flex: 2;
}
.form_tussenvoegsel {
    flex: 1;
}
.form_naam {
    flex: 3;
}
.form_adres {
    flex: 5;
}
.form_huisnummer {
    flex: 1;
}
@media only screen and (max-width: 640px) {
    .formulier_waarde_flex {
        display: block;
        width: 60%;
    }

    .form_voornaam {
        flex: 2;
    }
    .form_tussenvoegsel {
        flex: 1;
    }
    .form_naam {
        flex: 3;
    }
    .form_adres {
        flex: 5;
    }
    .form_huisnummer {
        flex: 1;
    }

}

.formulier_waarde input {
    /*background:rgba(200,200,200,0.3);*/
    background: rgb(255, 255, 255);
    width:100%;
    box-sizing: border-box;
    max-width: 500px;
    height:18px;
    padding: 0 0 0 2px;
    border: solid 1px #666666;
    font-size: 0.8em;
}

.formulier_waarde input.validation {
    /*background:rgba(200,200,200,0.3);*/
    background: rgb(255, 255, 255);
    width: calc(100% - 80px);
    max-width: calc(500px - 80px);
    box-sizing: border-box;
    height:18px;
    padding: 0 0 0 2px;
    border: solid 1px #666666;
    vertical-align:top;
    font-size: 0.8em;
}

.formulier_waarde input.edit_checkbox {
    width: 14px;
    height:14px;
    border:none;
}

.formulier_waarde img {
    width: 60px;
    height:30px;
    padding-left: 20px;
    border:none;
}

.formulier_waarde textarea {
    /*background:rgba(200,200,200,0.3);*/
    background: rgb(255, 255, 255);
    width:100%;
    box-sizing: border-box;
    max-width:600px;
    height:100px;
    padding: 2px 0 0 2px;
    border: solid 1px #666666;
    font-size: 1em;
}

.formulier_waarde select {
    /*background:rgba(200,200,200,0.3);*/
    background: rgb(255, 255, 255);
    width:100%;
    max-width:600px;
    box-sizing: border-box;
    border: 1px solid #666666;
    vertical-align: middle;
    font-size: 1em;
}

.formulier_waarde select option {
    /*background:rgba(200,200,200,0.3);*/
    background: rgb(255, 255, 255);
    padding:2px 0 0 0;
    box-sizing: border-box;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666;
    font-size: 1em;
}

.formulier_verplicht{
    width: 15px;
    padding-left: 8px;
    box-sizing: border-box;
    color: #f95a15;
    float: left;
}
.formulier_full {
    width:100%;
    padding: 5px 0 0 0;
    float: left;
}

.formulier_waarde_full {
    width:calc(100% - 15px);
    padding: 0 0 0 0;
    text-align:left;
    vertical-align:top;
    color: #333;
    font-size: 0.8em;
    float: left;
}
.formulier_waarde_full_flex {
    display:flex;
    width: 100%;
}

.formulier_waarde_full input {
    /*background:rgba(200,200,200,0.3);*/
    background: rgb(255, 255, 255);
    width:100%;
    max-width: 600px;
    height:18px;
    padding: 0 0 0 2px;
    border: solid 1px #999;
    box-sizing: border-box;
    font-size: 1em;
}

.formulier_waarde_full input.validation {
    /*background:rgba(200,200,200,0.3);*/
    background: rgb(255, 255, 255);
    width: calc(100% - 80px);
    max-width: calc(600px - 80px);
    height:18px;
    padding: 0 0 0 2px;
    border: solid 1px #999;
    box-sizing: border-box;
    vertical-align:top;
}

.formulier_waarde_full input.edit_checkbox {
    width: 14px;
    height:14px;
    border:none;
    line-height: 14px;
    vertical-align: top;
}

.formulier_waarde_full img {
    width: 60px;
    height:30px;
    padding-left: 20px;
    border:none;
}

.formulier_waarde_full textarea {
    /*background:rgba(200,200,200,0.3);*/
    background: rgb(255, 255, 255);
    width:100%;
    max-width:600px;
    height:50px;
    padding: 2px 0 0 2px;
    box-sizing: border-box;
    border: solid 1px #999;
    font-size: 1em;
}

.formulier_waarde_full select {
    /*background:rgba(200,200,200,0.3);*/
    background: rgb(255, 255, 255);
    width:100%;
    max-width:600px;
    border: 1px solid #999;
    vertical-align: middle;
    font-size: 1em;
    color:#666;
}

.formulier_waarde_full select option {
    /*background:rgba(200,200,200,0.2);*/
    background: rgb(255, 255, 255);
    padding:2px 0 0 0;
    box-sizing: border-box;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    font-size: 1em;
}

.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: transparent;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: transparent;
}
.form-control :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: transparent;
}

@media only screen and (max-width: 640px) {
    .formulier_waarde_full > .g-recaptcha > div,
    .formulier_waarde > .g-recaptcha > div {
        -moz-transform: scale(0.85);
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        transform-origin: top left;
    }
    .form-control::-webkit-input-placeholder { /* WebKit browsers */
        color: #666;
    }
    .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #666;
    }
    .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #666;
    }
    .form-control :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #666;
    }
    .formulier_titel{display: none}
    .formulier_waarde {
        width: calc(100% - 15px);
    }

}

/*
.formulier_waarde input:required:invalid,
.formulier_waarde input:focus:invalid,
.formulier_waarde_full input:required:invalid,
.formulier_waarde_full input:focus:invalid{
    background-image: url(../images/required.png);
    background-position: right top;
    background-repeat: no-repeat;
}
*/

.formulier_waarde input:required:invalid+span:after,
.formulier_waarde input:focus:invalid+span:after,
.formulier_waarde_full input:required:invalid+span:after,
.formulier_waarde_full input:focus:invalid+span:after{
    content: url(../images/required.png);
    width: 16px; height: 16px;
    position: absolute;
}
input:required:valid+span:after{
    content: url(../images/valid.png);
    width: 16px; height: 16px;
    position: absolute;
}
input.validation:required:valid+span:after{
    content: '';
    width: 16px; height: 16px;
    position: absolute;
}

.formulier_waarde_full select:required:invalid+span:after,
.formulier_waarde_full select:focus:invalid+span:after{
    content: url(../images/required.png);
    width: 16px; height: 16px;
    position: absolute;
}
.formulier_waarde_full select:required:valid+span:after{
    content: url(../images/valid.png);
    width: 16px; height: 16px;
    position: absolute;
}
.formulier_waarde_full textarea:required:invalid+span:after,
.formulier_waarde_full textarea:focus:invalid+span:after{
    content: url(../images/required.png);
    width: 16px; height: 16px;
    position: absolute;
}
.formulier_waarde_full textarea:required:valid+span:after{
    content: url(../images/valid.png);
    width: 16px; height: 16px;
    position: absolute;
}
/*
input:required:valid {
    background-image: url(../images/valid.png);
    background-position: right top;
    background-repeat: no-repeat;
}
*/


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #666;
}
input:-moz-placeholder { color:#666; }

.defaulttext {
    display:none;
}

input[type="submit"] {
    color:#666;
    background: -webkit-linear-gradient(180deg,rgba(230,230,230,0.5),rgba(170,170,170,0.5)); /*Safari 5.1-6*/
    background: -o-linear-gradient(180deg,rgba(230,230,230,0.5),rgba(170,170,170,0.5)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(180deg,rgba(230,230,230,0.5),rgba(170,170,170,0.5)); /*Fx 3.6-15*/
    background: linear-gradient(180deg,rgba(230,230,230,0.5), rgba(170,170,170,0.5)); /*Standard*/
    border: solid thin rgba(150,150,150,0.5);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}

input[type="submit"]:disabled {
    color:rgba(130,130,130,0.5);
    background: -webkit-linear-gradient(180deg,rgba(230,230,230,0.5),rgba(170,170,170,0.5)); /*Safari 5.1-6*/
    background: -o-linear-gradient(180deg,rgba(230,230,230,0.5),rgba(170,170,170,0.5)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(180deg,rgba(230,230,230,0.5),rgba(170,170,170,0.5)); /*Fx 3.6-15*/
    background: linear-gradient(180deg,rgba(230,230,230,0.5), rgba(170,170,170,0.5)); /*Standard*/
    border: solid thin rgba(150,150,150,0.5);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

.backToTopRegel{
    padding-bottom: 20px;
    text-align: right;
}
.backToTop{
    text-decoration: none;
    padding-bottom: 20px;
}
.backToTop:hover{
    text-decoration: none;
}
.backToTop > img{
    vertical-align: middle;
}
a.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 40px;
    bottom: 20px;
    background: url("../images/layout/arrow-top.png") no-repeat;
    background-size: 40px 40px;
}

a.back-to-top_blog {
    display: none;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 40px;
    bottom: 40px;
    background: url("../images/layout/arrow-top-blog.png") no-repeat;
    background-size: 40px 40px;
}
a:hover.back-to-top,
a:hover.back-to-top_blog{
    background: url("../images/layout/arrow-top_hover.png") no-repeat;
    background-size: 40px 40px;
}

#formPopUpDiv{
    z-index: 100;
    position: absolute;
    background-color: rgba(0,0,0, 0.7);
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 1.5em 0;
    padding: 0;
    font-size: .85em;
}
.formPopUpDiv{
    z-index: 100;
    position: absolute;
    background-color: rgba(0,0,0, 0.7);
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: .85em;
    overflow: auto;
}
#formBaseDivInput{
    width: 50%;
    float: left;
    font-size: inherit;
}
.formBaseDiv{
    visibility: visible;
    width: 48%;
    max-width: 130px;
    box-sizing: border-box;
    padding: 1px;
    height:18px;
    margin-left: 2%;
    color: #333;
    font-size: 0.9em;
    background: -webkit-linear-gradient(180deg,rgba(186,62,57,1),rgba(167,34,28,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(180deg,rgba(186,62,57,1),rgba(167,34,28,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(180deg,rgba(186,62,57,1),rgba(167,34,28,1)); /*Fx 3.6-15*/
    background: linear-gradient(180deg,rgba(230,230,230,1), rgba(170,170,170,1)); /*Standard*/
    border: solid thin rgba(150,150,150,1);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow: 0 1px 4px #999;
    -webkit-box-shadow: 0 1px 4px #999;
    box-shadow: 0 1px 4px #999;
    text-align: center;
    float: left;
    cursor: pointer;
}
#formPopUpItems{
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}
#formPopUpTitle{
    width: 100%;
    height: 40px;
    background-color: rgba(0,0,0, 0.8);
    padding: 9px;
    box-sizing: border-box;
    font-size: 1.6em;
    text-align: center;
    color: #fff;
}
.formPopupSelect{
    color: #333;
    height: 40px;
    vertical-align: middle;
}

.formPopupItem{
    text-align: center;
    /*background-color: rgba(255,255,255,1);*/
    padding: 5px;
    /*margin: 1%;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
}
.formPopupItem a{
    cursor: pointer;
    display: block;
}
.formPopUpClose {
    float: right;
    color: #fff;
    cursor: pointer;
    display: block;
}
.formPopUpClose a{
    float: right;
    color: #fff;
    cursor: pointer;
    display: block;
}
#formPopUpTitle > span > a > .formPopUpCloseButton {
    padding: 5px;
    width: 18px;
    height: 18px;
}
.formPopupItem a:hover{
    background-color: rgba(0,0,0, 0.05);
}

.formPopupFoto{
    max-height: 100px;
    max-width: 100px;
}
.formFotoPopup{
    /*max-height: 150px;*/
    width:100%;
}
.formPopupItem > div > a > img{
    width: 100%;
    height: auto;
    padding: 0;
}
@media only screen and (min-width: 400px) {
    .formPopupItem {
        width: 16.66%;
    }
}
@media only screen and (min-width: 600px) {
    .formPopupItem {
        width: 14.28%;
    }
}

@media only screen and (min-width: 800px) {
    .formPopupItem {
        width: 12.5%;
    }
}

@media only screen and (min-width: 1024px) {
    .formPopupItem {
        width: 10%;
    }
}

@media only screen and (min-width: 1200px) {
    .formPopupItem {
        width: 8.33%;
    }
}
@media only screen and (min-width: 1600px) {
    .formPopupItem {
        width: 7.14%;
    }
}
@media only screen and (min-width: 1800px) {
    .formPopupItem {
        width: 6.25%;
    }
}
@media only screen and (min-width: 2000px) {
    .formPopupItem {
        width: 5.55%;
    }
}
@media only screen and (min-width: 2200px) {
    .formPopupItem {
        width: 5%;
    }
}
#knop {
    width: 100px;
    height: 22px;
    padding: 0 0 0 0;
    font-size:15px;
    font-weight:normal;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border: solid 1px #666666;
}

.links .th_knop1Link {
    margin: 10px 0;
    /* width: 100px; */
    height: 22px;
    padding: 10px;
    font-size: 15px;
    font-weight: normal;
    background: transparent;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 3px;
    border: solid 2px #35aab1;
    color: #35aab1;
    display: inline-block;
}

.knp {
    min-width: 100px;
    height: 28px;
    padding: 2px 4px;
    font-size:15px;
    color: #333333;
    font-weight:normal;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border: solid 1px #888;
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
}

.defaulttext {
    display:none;
}

.pagina_kop {
	width:730px;
	padding: 0 0 0 0;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	color:#666666;
	float: left;
}

h1, h2, h3, h4, h5 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    line-height: 1;
    margin: 0;
    padding: 10px 0 10px 0;
    /*clear: both;*/
    /*font-family: 'Sharp Sans','avantgarde_bk_btbook', 'Open Sans', 'ITC_Symbol_Book', arial;*/
    font-weight: bold;
    /*font-style:italic;*/
    text-decoration:none;
    /*color: #5b5a5a!important;*/
    color: #343434;
    box-sizing: border-box;
}

h1 {
    font-size:1.6em;
}
h2 {
    font-size:1.3em;
}
h3 {
    font-size:1.0em;
    font-style:normal;
    padding-top: 10px;
    padding-bottom: 5px;
}
h4 {
    font-size:1.1em;
}
h6{
    font-size:1.5em;
    line-height: 1;
    font-family: 'Sharp Sans',"avantgarde_bk_btbook",CenturyGothicRegular,Arial !important;
    font-weight: bold;
    color:#35aab1;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.title{
    /*border-bottom: 2px solid #970000;*/
    /*padding: 0 0 3px 0;*/
    /*margin-bottom: 6px!important;*/
    /*font-family: 'FranklinGothicDemi',Arial,Helvetica!important;*/
    /*font-size: 2.5em;*/
}
.sup { vertical-align: super; }

p {
	margin: 0;
	padding: 0 0 0 0;
}


#teksttop {
	width: 100%;
	height:10px;
	padding: 0 0 0 0 ;
	float: left;
	position:static;
}

#tekstbottom {
	width: 100%;
	height:20px;
	padding: 0 0 0 0 ;
	float: left;

}

#tekstbox {
	width: 100%;
    box-sizing: border-box;
	min-height:300px;
	padding: 0 0 0 0;
	float: left;
	position:static;
}

#tekstbox_foto {
	width: 100%;
    box-sizing: border-box;
	padding: 10px 30px 0 30px ;
	float: left;
}

.tekstblok {
	width:100%;
    min-width: 150px;
    box-sizing: border-box;
	margin-bottom:10px;
	padding: 0 10px 10px 0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	color:#333;
	float: left;
}
.tekstblok_kader {
     width:100%;
     padding: 5px;
     box-sizing: border-box;
     background:rgba(255,255,255,0.3);
     border: dotted thin #ddd;
     float: left;
     -moz-box-shadow: 4px 4px 4px #999;
     -webkit-box-shadow: 4px 4px 4px #999;
     box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
 }
.tekstblok_marge {
    margin-top: 20px;
}

.blokKader {
    width:100%;
    padding: 15px 15px 15px 15px;
    /*margin-bottom: 20px;*/
    box-sizing: border-box;
    background:rgba(255,255,255,0.3);
    border: dotted thin #ddd;
    float: left;
    -moz-box-shadow: 4px 4px 4px #999;
    -webkit-box-shadow: 4px 4px 4px #999;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);

}
.blokMargin {
    margin: 20px;
}

.tekstblok_bg {
	width:100%;
    padding: 5px;
    box-sizing: border-box;
    background:rgba(255,255,255,0.3);
    border: dotted thin #ddd;
	float: left;
    -moz-box-shadow: 4px 4px 4px #999;
    -webkit-box-shadow: 4px 4px 4px #999;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
}
.tekstblok_no_bg {
    width:100%;
    box-sizing: border-box;
    float: left;
}

#tekstblok_top {
    width:100%;
    box-sizing: border-box;
    background:rgba(60,60,60,0.7);
    float: left;
}

.tekst_kop_foto {
	width:100%;
	padding: 0 0 5px 0;
	font-size:18px;
	font-weight: normal;
	text-decoration:none;
	color: #333;
	float: left;
}
.tekst_kop {
    width:100%;
    box-sizing: border-box;
    background:rgba(179,36,30,0.8);
	float: left;
}
.tekst_kop_no_bg {
    width:100%;
    box-sizing: border-box;
    float: left;
}

.in_tekst_kop{
    color:#eee;
    padding: 10px;
}
.in_tekst_kop_no_bg{
    /*color:#0253a2;*/
    min-height: 22px;
    /*padding: 0;*/
    padding: 0 0 10px 0;
    box-sizing: border-box;
}
@media screen and (max-width: 800px){
    .in_tekst_kop_no_bg{
        min-height: 20px;
    }
}
.tekst {
	width: 100%;
    box-sizing: border-box;
	text-align:left;
	color:#333333;
    -webkit-hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
    -webkit-hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphens: auto;
    -moz-hyphenate-limit-chars: 6 3 3;
    -moz-hyphenate-limit-lines: 2;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    -ms-hyphens: auto;
    -ms-hyphenate-limit-chars: 6 3 3;
    -ms-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-last: always;
    -ms-hyphenate-limit-zone: 8%;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    hyphenate-limit-lines: 2;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
}

.tekst ul li{
    font-size: 1em;
}

.tekst_titel {
    width:40%;
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
    float: left;
}
.tekst_waarde {
    width:60%;
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
    float: left;
}
tekst .center,
.tekst_kop .center,
.tekst_kop_no_bg .center{
    text-align: center;
}
.tekst .left,
.tekst_kop .left,
.tekst_kop_no_bg .leftr{
    text-align: left;
}
.tekst .right,
.tekst_kop .right,
.tekst_kop_no_bg .right{
    text-align: right;
}

.uitlijnen_center,
.uitlijnen_center > div,
.uitlijnen_center h1,
.uitlijnen_center h2,
.uitlijnen_center h3{
    text-align: center!important;
    font-size: inherit;
    /*display: inline-block;*/
    /*display: block;*/
    justify-content: center;
    display: inherit;
    /*width: inherit;*/
    width: 100%;
}

.uitlijnen_center {
    text-align: center!important;
    /* display: inline-block; */
    display: block;
    /* justify-content: center; */
    /* display: inherit; */
    /* width: inherit; */
    width: 100%;
    /* margin: 0 auto; */
    /* float: left; */
}
.uitlijnen_left,
.uitlijnen_left > div,
.uitlijnen_left > h1,
.uitlijnen_left > h2,
.uitlijnen_left > h3{
    text-align: left;
    font-size: inherit;
    /*display: inline-block;*/
    display: block;
}
.uitlijnen_right,
.uitlijnen_right > div,
.uitlijnen_right > h1,
.uitlijnen_right > h2,
.uitlijnen_right > h3{
    text-align: right;
    font-size: inherit;
    /*display: inline-block;*/
    display: block;
}
.uitlijnen_center > ul,
.uitlijnen_right > ul{
    /*list-style-position: inside!important;*/
    text-align: -webkit-center;
    font-size: inherit;
}
.uitlijnen_center > ul, .uitlijnen_right > ul {
    list-style-position: outside!important;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1px 0 0 6%;
    font-size: inherit;
    max-width: 60%;
}
.uitlijnen_center > ul > li{
    text-align: left!important;
    font-size: inherit;
    /*width: 80%;*/
}
.uitlijnen_right > ul > li{
    text-align: right!important;
    font-size: inherit;
}
.uitlijnen_left > ul > li{
    text-align: left!important;
    font-size: inherit;
}
.blok_kop {
    width:100%;
    box-sizing: border-box;
    background:rgba(179,36,30,0.8);
    float: left;
}
.blok_kop_no_bg {
    width:100%;
    box-sizing: border-box;
    padding:0 10px 0 10px;
    /*color: #666;*/
    border-bottom: 1px solid rgba(156,31,24,1);
    float: left;
}
.in_blok_kop{
    color:#eee;
    padding: 10px;
}
.in_blok_kop_no_bg{
    color:#B0241E;
    padding: 10px 0 4px 0;
}

.bannerblok_bg {
    width:100%;
    padding: 5px;
    box-sizing: border-box;
    background:rgba(255,255,255,0.3);
    border: dotted thin #ddd;
    float: left;
    -moz-box-shadow: 4px 4px 4px #999;
    -webkit-box-shadow: 4px 4px 4px #999;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
}
.bannerblok_no_bg {
    width:100%;
    box-sizing: border-box;
    float: left;
}

.in_banner_kop{
    color:#eee;
    padding: 4px;
    text-align: center;
}
.in_banner_kop_no_bg{
    /*color:#B0241E;*/
    padding: 4px 0 4px 0;
    text-align: center;
}

.links {
    margin: 0;
    box-sizing: border-box;
    padding: 5px 0 0 0;
    /*color: #666;*/
    /*border-bottom: 1px solid rgba(204,204,204,0.7);*/
}
.links a {
    padding: 0 0 0 0;
    color: #666;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    font-size: 1.1em;
}
.links a:hover {
    color: rgba(156,31,24,1);
}

.document {
    width: 100%;
    box-sizing: border-box;
    padding: 3px 0 0 0;
    vertical-align: middle;
    /*color:#333;*/
    /*border-bottom: 1px dashed rgba(186,62,57,0.7);*/
    float: left;
}

.document_tekst {
    width:100%;
    box-sizing: border-box;
    padding: 2px 10px 2px 10px;
    float: left;
}
.document_tekst:hover {
    background-color: rgba(66,66,66,0.24);
}
.document_waarde {
    width:20%;
    box-sizing: border-box;
    text-align: center;
    padding: 10px 10px 0 10px;
    float: left;
}
.imgDocument{
    width: 26px;
    vertical-align: middle;
    padding-right: 10px;
}
.spacer {
	width:inherit;
	height:10px;
	padding: 0 0 0 0;
	float: left;
}

.spacer_breed {
	width:910px;
	height:15px;
	padding: 20px 0 0 0;
	float: left;
}


#contactblok {
	/*width:50%;*/
	padding: 0 0 0 0;
	text-align:left;
	/*color:#333;*/
	float: left;
}
#contact_gegevens_blok {
    width:100%;
    padding: 0 0 0 0;
    text-align:left;
    /*color:#333;*/
    float: left;
}
#contact_map_blok {
    width:100%;
	height: inherit;				
    padding: 0 0 0 0;
    text-align:left;
    /*color:#333;*/
    float: left;
}

@media screen and (max-width: 800px){
    #contactblok {
        width:100%;
        float: left;
    }
    #contact_map_blok {
        width:100%;
        float: left;
    }

}

.contact_kop {
	width: inherit;
	padding: 10px 0 0 0;
	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	/*color:#333;*/
	float: left;
}

.map-canvas{
    width: 100%;
    height: 500px;
	height: 100%;						   
    box-sizing: border-box;
	float: left;
}

.map-canvas2{
	margin: 20px 0 0 0;
	width:736px;
	height:300px;
}
@media screen and (max-width: 800px){
    .map-canvas{
        height: 250px;
    }
}

.contactgegevens {
	width:100%;
	padding: 0 0 0 0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	/*color:#333;*/
	float: left;
}
.contact {
    width:100%;
    padding: 0 0 10px 0;
    text-align:left;
    font-size:1em;
    font-weight:normal;
    /*color:#333;*/
    float: left;
}
.contacttekst {
	width: inherit;
    display: flex;
	padding: 0 0 0 0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	/*color:#333;*/
	float: left;
}

.contact_titel {
    flex: 1;
	min-width:60px;
    max-width: 120px;
	padding: 0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	/*color:#333;*/
	float: left;
}

.contact_waarde {
    flex: 3;
	width:75%;
	padding: 0 0 0 0;
	text-align:left;
	font-size:1em;
	float: left;
}

.contact_waarde a{ font-size: 1em; color: #333; font-weight:normal; text-decoration: underline; }
.contact_waarde a:hover 	{ font-size: 1em; color: #B0241E; font-weight:normal; text-decoration: underline ; }

.right {
	padding: 0 0 0 120px;
	text-align:right;
	font-size:14px;
	font-weight:normal;
	color: #F90;
}

.update {
	font-size: 14px;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	text-align:left;
	color:#42542E;

}

/* Display/Pagina */
.display_pagina {
    position: relative;
    line-height: 36px;
    text-align: center;
    height: 100%
}
.TitleOnTop {
    height: 100%
}
.TitleOnTop {
    height: 100%
}

.TitleOnTop h1, .TitleOnTop h2 {
    color: rgba(255,255,255,1) !important;

}

.display_pagina > span{
    position:absolute;
    float:left;
    width:100%;
    height:100%;
    text-align:center;
    display: inline-flex;
    align-items: center;
    top:0;
    left:0;
    font-family: "CopperplateGothic-Light";
    text-transform: uppercase;
    font-size: 25px;
    color: #ffffff;
    justify-content: center;
    text-transform: uppercase;
    color: #fff;
    justify-content: center;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
    text-shadow: 0 0 3px rgba(0,0,0,1);
    word-break: break-word;
}

.display_pagina > span > h3 > a{
    position:absolute;
    float:left;
    width:100%;
    height:100%;
    text-align:center;
    display: inline-flex;
    align-items: center;
    top:0;
    left:0;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: "CopperplateGothic-Light";
    text-transform: uppercase;
    text-decoration: none;
    font-size: 28px;
    letter-spacing: -0.8px;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
    justify-content: center;
    text-shadow: 0 0 3px rgba(0,0,0,1);
    word-break: break-word;
    overflow-wrap: break-word;
}
.display_pagina > span > h3 > a:hover{
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    text-align:center;
    color: #e4e4e4;

}
@media only screen and (max-width: 1440px) {
    .display_pagina > span > h3 > a{
        font-size: 27px;
    }
}
@media only screen and (max-width: 1360px) {
    .display_pagina > span > h3 > a{
        font-size: 25px;
    }
}
@media only screen and (max-width: 1280px) {
    .display_pagina > span > h3 > a{
        font-size: 20px;
    }
}
@media only screen and (max-width: 1024px) {
    .display_pagina > span > h3 > a{
        font-size: 14px;
    }
}
@media only screen and (max-width: 800px) {
    .display_pagina {
        line-height: 16px;
    }
    .display_pagina > span,
    .display_pagina > span > h3 > a{
        font-size: 14px;
    }
}
@media only screen and (max-width: 600px) {
    .display_pagina {
        line-height: 14px;
    }
    .display_pagina > span,
    .display_pagina > span > h3 > a{
        font-size: 12px;
    }
}

/* End Display/Pagina */


#categorie2{
    position: relative;
    line-height: 18px;
    text-align: center;
}
#categorie2 > img.catSelected{
    box-shadow:  0 0 14px 2px rgba(112, 71, 38, 0.84);
}


#categorie2 > span {
    position:absolute;
    float:left;
    width:100%;
    height:100%;
    text-align:center;
    display: inline-flex;
    align-items: center;
    top:0;
    left:0;
    font-family: "CopperplateGothic-Light";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    justify-content: center;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
    text-shadow: 0 0 5px rgba(0,0,0,1);
    word-break: break-word;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}
#categorie2 > label {
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    display: inline-flex;
    align-items: center;
    top:30px;
    left:0;
    font-size: 18px;
    color: #fff;
    justify-content: center;
    /*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
    text-shadow: 0 0 8px rgba(0,0,0,1);
    box-sizing: border-box;
    z-index: 40;
}
#categorie2 > label > input {
    width: 16px;
    height: 16px;
}
label {
    /*display: inline;*/
    cursor: pointer;
}						

#mobileview{
    visibility: hidden;
}
.mobileview{
    visibility: hidden;
    width: 100%;
    text-align: left;
}
@media only screen and (max-width: 1024px) {
    #categorie2 > span {
        font-size: 12px;
        text-transform: none;
    }
    #desktopview{
        visibility: visible;
    }
    #mobileview{
        visibility: hidden;
    }
	.desktopview{
        visibility: visible;
    }
    .mobileview{
        visibility: hidden;
    }		  
    .tekst,
    .tekst ul li{
        font-size: 1em;
    }
}
@media only screen and (max-width: 800px) {
    #categorie2 > span {
        font-size: 10px;
        text-transform: none;
    }
    #desktopview{
        visibility: hidden;
        display: none;
    }
    #mobileview{
        visibility: visible;
    }
	.desktopview{
        visibility: hidden;
        display: none;
    }
    .mobileview{
        visibility: visible;
			 
				 
						  
    } 
    .tekst,
    .contact,
    .tekst ul li{
        font-size: 0.9em;
    }
}
@media only screen and (max-width: 640px) {
    .tekst,
    .contact,
    .tekst ul li{
        font-size: 0.90em;
    }

}
@media only screen and (max-width: 480px) {
    .tekst,
    .contact,
    .tekst ul li{
        /*font-size: 0.85em;*/
    }

}


#nieuwsbox {
	width: 100%;
	padding: 0 0 0 0 ;
	float: left;
}


#nieuws_blok {
	width:70%;
    box-sizing: border-box;
	padding: 0 20px 0 0;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}

#nieuws {
	width:100%;
    box-sizing: border-box;
	padding: 10px 0 5px 0;
	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	color: #333;
	float: left;
}

#nieuwsregel_blok {
	width:30%;
    min-width: 350px;
    box-sizing: border-box;
	padding: 10px 0 0 0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	color:#333;
	float: left;
}
.nieuws_tekst {
	width:100%;
    box-sizing: border-box;
	padding: 0 0 0 0;
	text-align:left;
	font-size:1em;
	font-weight:normal;
	color:#333;
	float: left;
}

.nieuws_kop {
	width:100%;
	padding: 10px 0 0 0;
	font-size:1.4em;
	font-weight: normal;
	text-decoration:none;
	color: #333;
	float: left;
}

.nieuws_geplaatst {
    width:100%;
    padding: 0 0 10px 0;
    font-size:0.9em;
    font-weight: normal;
    text-decoration:none;
    color: #777;
    float: left;
}

.nieuwsregel_kop {
    width:100%;
    box-sizing: border-box;
	padding: 0 0 0 0;
	font-size:1.2em;
	font-weight: normal;
	text-decoration:none;
	border-bottom:1px solid #333;
	color: #333;
	float: left;
}
.nieuwsregel_kort {
	width:100%;
    box-sizing: border-box;
	padding: 5px 0 5px 0;
	font-size:1em;
	font-weight: normal;
	text-decoration:none;
	border-bottom: #ccc 1px dashed;
	color: #444;
	float: left;
	display: flex;
}
.nieuws_link {
    flex:1;
}
a.nieuws_link {
    /*width:80%;*/
    box-sizing: border-box;
	/*min-width:200px;*/
	padding: 0 0 0 0;
	font-size:13px;
	font-weight: normal;
	color: #444;
	text-decoration: underline;
	float: left;
}
a.nieuws_link:hover {color: #B0241E;}

.nieuws_datum {
    /*width: 20%;*/

	/*min-width:60px;*/
    flex: 1;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #888;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	text-align:right;
	float: left;
}

.nieuws_link_act {
	width:300px;
	padding: 0 0 0 0;
	font-size:14px;
	font-weight: normal;
	color: #333;
	text-decoration:none;
	float: left;
}
.nieuws_datum_act {
	width:80px;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	text-align:right;
	float: left;
}

input.nieuwsbrief {
	width:200px;
	padding: 0 10px 0 0;
	font-size: 12px;
	color: #594561;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	text-align:left;
	float: left;
}
select.nieuwsbrief {
	width:214px;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #594561;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	text-align:left;
	float: left;
}
select.nieuwsbriefgroot {
	width:314px;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #594561;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	text-align:left;
	float: left;
}

.update {
	font-size: 11px;
	color: #594561;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	text-align:right;

}

.kleurenblok {
	width:730px;
	padding: 0 0 0 0;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}

.kleuren {
	width:71px;
	padding: 1px 1px 1px 1px;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}

.fotoblok_bg {
    width:100%;
    padding: 5px;
    box-sizing: border-box;
    background:rgba(255,255,255,0.3);
    border: dotted thin #ddd;
    float: left;
    -moz-box-shadow: 4px 4px 4px #999;
    -webkit-box-shadow: 4px 4px 4px #999;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
}
.fotoblok_no_bg {
    width:100%;
    box-sizing: border-box;
    float: left;
}
.fotoblok {
    width:100%;
    box-sizing: border-box;
    float: left;
}
.fotoblok_abs {
    position: relative;
}
.fotoblok_kader {
    width:100%;
    padding: 5px;
    box-sizing: border-box;
    background:rgba(255,255,255,0.3);
    border: dotted thin #ddd;
    float: left;
    -moz-box-shadow: 4px 4px 4px #999;
    -webkit-box-shadow: 4px 4px 4px #999;
    box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.4);
}
.foto {
	padding: 0 0 0 0;
	border:thin solid #ccc;
    /*width: 100%;*/
}
.fotoDiv {
    position: relative;
    z-index: 40;
}
.fotoVergroten {
    position: relative;
    overflow: hidden;
    z-index: 40;

}
.fotoVergroten > .fotoZoomIn {
    opacity: 0.1;
    transition: opacity 1s;
}
.fotoVergroten:hover > .fotoZoomIn {
    opacity: 1;
}
.fotoVergroten .fotoZoomIn a:hover{
    cursor: zoom-in;
}
.fotoVergroten.zoom_LI {
    margin: 0 auto 0 0;
}
.fotoVergroten.zoom_RE {
    margin:  0 0 0 auto;
}
.fotoVergroten.zoom_CT {
    margin:  0 auto;
}
.fotoVergroten > img{
    position: relative;
    z-index: 40;
}

.fotoVergroten > a {
    font-style: normal;
    text-decoration: none;
    color: inherit;
    font-size: inherit;

}
.fotoVergroten > a:hover {
    font-style: normal;
    color: inherit;
}
.fotoVergroten > a.image-popup-no-margins:hover {
    cursor: zoom-in;
}
.fotoVergroten .imgholder{
    overflow: hidden;
}
.fotoVergroten > a > img  {
    -webkit-transition: -moz-transform 1s ease-out;
    -moz-transition: -webkit-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    transition: transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease;
}

.fotoVergroten > a:hover > img {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
    transform:scale(1.10);
    border-radius: 3px;
}
.imgholder .img_span,
.popup_tekst .img_span{
    display: inline-block;
    position: relative;
    width: auto;
}
.img_span img{
    display: block;
}
.urlCredits{
    position: relative;
}
.fotoCreditsSpan {
    position: absolute;
    /* overflow: hidden; */
    /* bottom: 0; */
    /* left: 0; */
    top: 0;
    /* right: 0; */
    width: 100%;
    /* display: inline-block; */
    z-index: 40;
    height: 100%;
    /* line-height: 12px; */
    /* font-weight: normal; */
    /* font-size: 0.85em; */
    /* padding: 0 15px 1px 8px; */
    /* padding-top: calc(70% - 20px); */
    /* box-sizing: border-box; */
    /* background: rgba(70,70,70,.5); */
    /* color: #ffffff; */
    /* text-shadow: 1px 1px 2px #000000; */
}
.fotoCreditsSpan::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: linear-gradient(120deg, #eaee44, #33d0ff); */
    /* background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 78%, rgba(0, 0, 0, 0.6) ); */
    /* background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0.2) 85%, rgba(0, 0, 0, 0.3) 90%, rgba(0, 0, 0, 0.3) ); */
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0.3) 95%, rgba(0, 0, 0, 0.3) );
    /* opacity: .7; */
}
.fotoCredits {
    position: absolute;
    overflow: hidden;
    bottom: 6px;
    left: 10px;
    z-index: 40;
    font-weight: normal;
    font-size: 0.75em;
    /* padding: 0 0 1px 0; */
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000;
}
/*
.fotoCredits{
    position: absolute;
    overflow: hidden;
    bottom: 10px;
    left: 10px;
    z-index: 40;
    line-height: 12px;
    font-weight: 100;
    font-size: 0.65em;
    padding: 1px 15px 1px 8px;
    color: #ffffff;
    text-shadow: 1px 1px 0 #000;
}
*/

.image-credit {
    width: 100%;
    background: rgba(70,70,70,.5);
    color: #eee;
    text-shadow: 1px 1px 0 #555;
    display: inline-block;
    font-size: 0.65em;
    /*font-family: helvetica;*/
    font-weight: 300;
    padding: 1px 15px 1px 8px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media screen and (max-width : 1240px) {
    div.fotoVergroten:after {
        position: absolute;
        top:0;
        left:0;
        content: " ";
        /*background:url(../images/layout/ico-zoom.png) no-repeat;*/
        background-size: 100% 100%;
        width: 26px;
        height: 26px;
        margin: 4px;
        float: left;
    }



}

.overflowHidden {
    overflow: hidden;
}

.RE {
    box-sizing: border-box;
    margin: 2px 10px 10px 30px;
    padding: 3px 3px 3px 3px;
    float: right;
    width: 100%;
    border: #C6AE7C 1px solid;
}

.LI {
    box-sizing: border-box;
    margin: 2px 20px 10px 0;
    padding: 3px 3px 3px 3px;
    border: #C6AE7C 1px solid;
    float: left;
}
.CT {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    padding: 3px 3px 3px 3px;
    border: #C6AE7C 1px solid;
}
.BO {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:20px;
    padding: 3px 3px 3px 3px;
    border: #C6AE7C 1px solid;
}

.ON {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    padding: 3px 3px 3px 3px;
    border: #C6AE7C 1px solid;
}

.NB{
    padding: 0;
    border: none;
}


.fotoNB {
	padding: 0;
	border: none;
	border-radius:6px;
}

.fotoRight {
	margin: 2px 0 10px 20px;
	padding: 0 0 0 0;
	border:thin solid #ccc;
	float: right;
}

.fotoRightNB {
	margin: 2px 0 10px 20px;
	padding: 0 0 0 0;
	float: right;
}

.fotoLeft {
	margin: 2px 20px 10px 0;
	padding: 0 0 0 0;
	border:thin solid #ccc;
	float: left;
}

.fotoLeftNB {
	margin: 2px 20px 10px 0;
	padding: 0 0 0 0;
	float: left;
}


.fotoLeftLinks {
	margin: 2px 30px 10px 0;
	padding: 0 0 0 0;
	border: 4px solid #333;
	float: left;
}

.fotoBottom {
	bottom:0;
	padding: 0 0 0 0;
	border: 4px solid #333;
	border-radius:6px;
}

.fotoBottomNB {
	bottom:0;
	padding: 0 0 0 0;
	border: none;
	border-radius:6px;
}



.fotoRight {
    box-sizing: border-box;
    margin: 2px 10px 10px 30px;
    padding: 3px 3px 3px 3px;
    float: right;
    border: #C6AE7C 1px solid;
}

.fotoLeft {
    box-sizing: border-box;
    margin: 2px 20px 10px 0;
    padding: 3px 3px 3px 3px;
    border: #C6AE7C 1px solid;
    float: left;
}
.fotoCenter {
    box-sizing: border-box;
    margin: 2px auto 10px auto;
    padding: 3px 3px 3px 3px;
    border: #C6AE7C 1px solid;
}

.foto_NB {
    /*box-sizing: border-box;*/
    /*padding: 1px 1px 1px 1px;*/
    padding: 0;
}

.fotoRight_NB {
    box-sizing: border-box;
    margin: 2px 10px 10px 30px;
    /*padding: 1px 1px 1px 1px;*/
    padding: 0;
    float: right;

}

.fotoLeft_NB {
    box-sizing: border-box;
    margin: 2px 20px 10px 0;
    padding: 1px 1px 1px 1px;
    float: left;
}


.foto_RE {
    box-sizing: border-box;
    margin: 2px 0 10px 30px;
    /*padding: 3px 3px 3px 3px;*/
    float: right;
    width: 100%;
    border: #666 1px solid;
}

.foto_LI {
    box-sizing: border-box;
    margin: 2px 20px 10px 0;
    /*padding: 3px 3px 3px 3px;*/
    border: #666 1px solid;
    float: left;
}
.foto_CT {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    /*padding: 3px 3px 3px 3px;*/
    border: #666 1px solid;
}
.foto_BO {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:20px;
    /*padding: 3px 3px 3px 3px;*/
    border: #666 1px solid;
}

.foto_ON {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    /*padding: 3px 3px 3px 3px;*/
    border: #666 1px solid;
}
.foto_OP {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    /*padding: 3px 3px 3px 3px;*/
    border: #666 1px solid;
}

.foto_RE_NB {
    box-sizing: border-box;
    margin: 2px 10px 10px 30px;
    padding: 0;
    float: right;
}
.foto_blog_RE_NB {
    box-sizing: border-box;
    margin: 0 0 0 20px;
    padding:0;
    float: right;
}
.foto_blog_LI_NB {
    box-sizing: border-box;
    padding:0 5px 0 0;
}
.foto_LI_NB {
    margin: 2px 20px 10px 0;
    box-sizing: border-box;
    padding: 0;
    float: left;
}

.foto_CT_NB {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
.foto_BO_NB {
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 10px 0;
}
.foto_ON_NB {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom: 20px;
    padding: 10px 0 0 0;
}
.foto_OP_NB {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 0 0;
}
@media screen and (max-width: 800px) {
    .fotoVasteBreedte {
        max-width: 50%;
    }
}
@media screen and (max-width: 800px){
    .foto_RE,.foto_LI,.foto_CT,.foto_BO,.foto_ON {
         /*float: none;*/
         /*margin: 0 0 10px;*/
         display: block;
    }
    .foto_RE {
        margin: 0 0 0 10px;
    }
    .foto_LI {
        margin: 0 10px 0 0;
    }
    h1 {
        font-size:1.3em;
    }
    h2 {
        font-size:1.1em;
    }
    h3 {
        font-size:1em;
    }
    h4 {
        font-size:1em;
    }

    .foto_RE_NB,.foto_LI_NB,.foto_CT_NB,.foto_BO_NB,.foto_ON_NB,.foto_blog_RE_NB,.foto_blog_LI_NB,.foto_blog_CT_NB,.foto_blog_BO_NB,.foto_blog_ON_NB {
        /*float: none;*/
        /*margin: 0 auto 10px;*/
        display: block;
    }
    .foto_RE_NB {
        margin: 0 0 0 10px;
        max-width: 100%!important;
    }
    .foto_LI_NB {
        margin: 0 10px 0 0;
        max-width: 100%!important;
    }

}

.fotoWit {
	padding: 4px 4px 4px 4px;
	border: none;
	background-color:#333;
	border-radius:6px;
}

		.loading { background: url(../images/loading.gif) 50% 50% no-repeat;}



	/* Use the following to style the optional text containers.	*/
	/*	h3.title {*/
	/*		margin: 0;*/
	/*		padding: 0;*/
	/*		font-size: 1.1em;*/
	/*		color:#333;*/
	/*	}*/


		p.caption {
			margin: 0;
			padding: 0;
			color:#333;
			font-size: 11px;
            font-weight: normal;
            text-decoration: none;
		}

a.slideshow 			{ padding: 5px 10px 0 10px; font-size: 11px; color: #333; font-weight: normal; text-decoration: none; }
a.slideshow:active    	{ padding: 5px 10px 0 10px; font-size: 11px; color: #333; font-weight: normal; text-decoration: none ; }
a.slideshow:visited   	{ padding: 5px 10px 0 10px; font-size: 11px; color: #333; font-weight: normal; text-decoration: none ; }
a.slideshow:hover 		{ padding: 5px 10px 0 10px; font-size: 11px; color: #de7224; font-weight: normal; text-decoration: none ; }

#fadeslideshow2 {
	margin-top:30px;
	width:180px;
	height:267px;
	padding: 20px 10px 1px 10px;
}

#slideshow2 {
	margin-top: 20px;
	top:20px;
}

#banners {
	width:730px;
	padding: 5px 0 10px 0;
	float: left;
}

.bannerbox1 {
	width:240px;
	padding: 0 0 0 0;
	float: left;
}
.bannerbox2 {
	width:240px;
	padding: 0 5px 0 5px;
	float: left;
}
.bannerbox3 {
	width:240px;
	padding: 0 0 0 0;
	float: left;
}

.banner_old {
	background: url(../images/layout/bg_foto.png) no-repeat;
	width:240px;
	height:200px;
	padding: 0 0 0 0;
	float: left;
}


.bannerfoto {
	width: 238px;
	height: 158px;
	padding: 1px 1px 1px 1px ;
	float: left;
}

.bannertekst {
	width:230px;
	height:35px;
	padding: 10px 5px 0 5px;
	text-align:left;
	font-size:18px;
	font-weight:normal;
	color:#333;
	float: left;
}

.bannertekst2 {
	width:230px;
	height:35px;
	padding: 5px 5px 0 5px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#333;
	float: left;
}

a.linkbanner 			{ font-size: 16px; color: #333; font-weight:normal; text-decoration: none; text-align: center;}
a.linkbanner:active  	{ font-size: 16px; color: #333; font-weight:normal; text-decoration: none; text-align:center;}
a.linkbanner:visited    { font-size: 16px; color: #333; font-weight:normal; text-decoration: none; text-align:center;}
a.linkbanner:hover 		{ font-size: 16px; color: #de7224; font-weight:normal; text-decoration: none; text-align:center;}


#content_fotos {
	width: 910px;
	min-height:600px;
	padding: 0 0 0 0;
	float: left;
}

#galerijbox {
	width:98%;
	height: 560px;
	padding: 0 0 30px 0 ;
	float: left;
	background: url(../images/layout/bg_light.png) repeat;
	box-shadow: 3px 3px 20px #111;
}

.galerijblok {
	width:100%;
	padding: 0 0 0 0;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	color:#333;
	float: left;
}

#galleria{height:540px}

#blokkenbox {
	width: 100%;
	padding: 10px 0 0 0 ;
	float: left;
}

.blokkenBlok {
	margin: 5px 15px 5px 0;
	text-align:left;

	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;

}
.blokkenFotoLeft {
	padding: 4px 4px 4px 4px;
	float: left;
}

.blokkenFoto {
	padding: 4px 4px 4px 4px;
	color:#333;
	float: left;
}

.blokkenTekstBlok {
	display:table;
	width:auto;
	padding: 0 0 8px 0;
}

.blokkenKop {
	width:100%;
	padding: 2px 0 10px 10px;
	text-align:left;

	font-size:18px;
	font-weight:normal;
	color:#333;
	float: left;

}
.blokkenKop a {

	font-size:17px;
	font-weight: normal;
	font-style:italic;
	text-decoration:none;
	color:#333;
}
.blokkenKop a:hover {color: #de7224;}


.blokkenTekst {
	padding: 2px 0 0 10px;
	text-align:left;

	font-size:14px;
	font-weight:normal;
	color:#333;
}

.fotoBlok {
	padding: 0 0 0 0;
	margin: 0 20px 10px 0;
	border: 4px solid #333;
	border-radius:6px;
}

.fotoBlokNB {
	padding: 0 0 0 0;
	margin: 0 20px 10px 0;
}



#blokken_box {
	width: 100%;
	padding: 0 0 0 0 ;
	float: left;
}


#blokken_box ul{
	margin:0;
	padding:0;
}

#blokken_box li{
	width:inherit;
	height:178px;

	font-size:15px;
	font-weight: bold;
	text-decoration:none;
	vertical-align:middle;
	color:#333;
	padding: 7px 7px 3px 7px;
	margin: 10px 15px 8px 0;
	list-style: none;
	float:left;
	position:relative;
	background: url(../images/layout/bg_dark.png) repeat;
	box-shadow: 3px 3px 20px #111;
}
#blokken_box li:hover{
	background: transparent url(../images/layout/bg_light.png) repeat top;
	float:left;
	position:relative;
}

#blokken_box ul li a.menu {
	padding:0 0 0 0;
	display:block;
}

#blokken_box ul li a.menu:hover {
	color: #C6AE7C;
	padding:0 0 0 0;
}


#blokken_box ul li a.menuAct {

	font-size: 19px;
	color: #333;
	vertical-align:middle;
	font-weight:normal;
	text-decoration: none;
	text-align:center;
	padding:0 0 0 0;
	height:29px;
	display:block;
}

#blokken_box ul li a.menuAct:hover {
	color: #333;
	padding:0 0 0 0;
}


.blokken_blok {
	width: 230px;
	height:100%;
	padding:0 0 0 0;
	text-align:left;

	font-size:14px;
	font-weight:normal;
	color:#333;
	position:relative;
	float: left;
}


.blokken_foto_blok {
	width:230px;
	height:140px;
	padding:0 0 0 0;
	border: 1px solid  #aaa;
	background:#fff;
	text-align:center;
	float: left;
	z-index:40;
}

.blokken_foto {
	width: inherit;
	margin-left:auto;
	margin-right:auto;
}
.blokken_foto2 {
    margin-left:auto;
    margin-right:auto;
}

.blokken_button {
	top:-90%;
	left: -40%;
	position: relative;
	z-index:80;
}

.blokken_button_abs {
	top:5px;
	left: 5px;
	position: absolute;
	z-index:80;
}

.blokken_tekst_blok {
	width:100%;
	padding: 3px 0 3px 0;
	float: left;
	clear:both;
}
.blokken_tekst_blok a {
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
}
.blokken_tekst_blok a:hover {text-decoration: underline; }


.blokken_kop {
	width:100%;
	padding: 0 0 0 0;
	font-size:14px;
	text-decoration:none;
	text-align:center;
	color:#333;
	float: left;
}
.blokken_kop a {
	color: #333;
	font-size:15px;
	font-weight: bold;
	text-decoration:none;
}
.blokken_kop a:hover {text-decoration: underline; }


.blokken_tekst {
	width:100%;
	padding: 0 0 0 0;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}

.blokken_var_blok {
	width:100%;
	height:100%;
	padding: 0 20px 10px 0;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}

.blokken_var_foto_blok {
	padding: 8px 8px 8px 8px;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}

.blokken_var_tekst_blok {
	width:100%;
	padding: 0 0 0 0;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}
.blokken_var_kop {
	width:100%;
	padding: 0 0 0 0;
	font-size:15px;
	font-weight: normal;
	text-decoration:none;
	color:#333;
	float: left;
}
.blokken_var_kop a {
	color: #333;
	font-size:15px;
	font-weight: bold;
	text-decoration:none;
}
.blokken_var_kop a:hover {text-decoration: underline; }


.blokken_var_tekst {
	width:100%;
	padding: 0 0 0 0;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	color:#333;
	float: left;
}

.blok_foto {
	border: 1px solid #666;
	box-shadow: 3px 3px 20px #111;
}
.blok_foto_RE {
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
	border: 1px solid #666;
	box-shadow: 3px 3px 20px #111;
}
.blok_foto_LI {
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	border: 1px solid #666;
	box-shadow: 3px 3px 20px #111;
}
.blok_foto_BO {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	border: 1px solid #666;
	opacity:.60;
	box-shadow: 3px 3px 20px #111;
}

.blok_foto_BO:hover{
	opacity:.99
}


.blok_foto_ON {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid #999;
	box-shadow: 3px 3px 5px #666;
}


.blok_foto_NB {
	padding: 0 0 0 0;
}
.blok_foto_RE_NB {
	padding: 0 0 0 10px;
}
.blok_foto_LI_NB {
	padding: 0 10px 0 0;
}
.blok_foto_BO_NB {
	padding: 0 0 10px 0;
}
.blok_foto_ON_NB {
	padding: 10px 0 0 0;
}






.comment_box {
	width:100%;
	padding: 4px 0 4px 0;
	text-align:left;

	font-size:13px;
	font-weight:normal;
	color:#55483D;
	float: left;
}

.comment_regel{
	margin: 10px 0 5px 0;
    background:rgba(255,255,255,0.1);
	padding: 5px 0 5px 0;
    width:100%;
	float: left;
}
.comment_reacties{
	width:900px;
	float: left;
}



.comment_blok {
    background:rgba(255,255,255,0.1);
    width:100%;
    box-sizing: border-box;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #bbbbbb;
	float: left;
}
.comment_blok_titel {
	background: transparent url(../images/layout/menu.png) repeat;
    width:100%;
    box-sizing: border-box;
	padding: 5px 10px 5px 10px;
	margin: 15px 0 0 0;
	border-bottom: 1px solid #bbbbbb;
	border-top: 1px solid #bbbbbb;
	float: left;
}
.comment_knop {
	width:20px;
	height:19px;
	padding: 1px 5px 0 5px;
	float: left;
}

.comment_titel {
    width:100%;
    box-sizing: border-box;
	padding: 5px 0 0 0;
	text-align:left;
	float: left;
}


.comment_naam {
	width:880px;
	padding: 0 0 0 0;
	text-align:left;

	font-size:15px;
	font-weight:bold;
	color:#C6AE7C;
	float: left;
}

.comment_datum {
	width:200px;
	padding: 3px 10px 0 10px;
	text-align: right;

	font-size:12px;
	font-weight: normal;
	color:#C6AE7C;
	float: left;
}

.comment_text_box {
	width:1000px;
	padding: 0 10px 0 0;
	text-align:left;

	font-size:13px;
	font-weight:normal;
	color:#333;
	float: left;
}
.flags {
    margin: 8px 2px 0 2px;
	border: solid thin #333;
}
.flagsAct {
    margin: 4px 2px 0 2px;
	border: solid thin #666666;
}
#flag_box {
	width:120px;
	text-align:right;
	right: 0;
	float:right;
}
.OT_blok, .OT_regel{
	width:100%;
	font-size:14px;
	font-weight:normal;
	color:#666;
	text-align:left;
	float: left;
}
.OT_dag{
	width:60%;
    max-width: 180px;
    min-width:100px ;
    box-sizing: border-box;
	padding: 0 10px 0 5px;
	float: left;
}
.OT_tijden{
	width:40%;
    box-sizing: border-box;
	padding: 0 10px 0 0;
	float: left;
}
.OT_dagdeel{
    width:50%;
    box-sizing: border-box;
    max-width: 180px;
    min-width: 160px;
    padding: 0 10px 0 0;
    float: left;

}
.OT_van{
	width:30%;
    box-sizing: border-box;
	text-align:right;
	padding: 0;
	float: left;

}
.OT_tussen{
	width:20%;
    box-sizing: border-box;
    max-width: 15px;
	text-align: right;
	padding: 0 5px 0 5px;
	float: left;

}
.OT_tot{
	width:50%;
    box-sizing: border-box;
	text-align:left;
	padding: 0;
	float: left;

}
.OT_txt{
	width:70%;
	text-align:left;
	padding: 0 5px 0 0;
	float: left;

}

.productBlok {
    display: flex;
    width:100%;
    min-width: 150px;
    box-sizing: border-box;
    margin-bottom:5px;
    padding: 0;
    text-align:left;
    font-weight:normal;
    color:#333;
    float: left;
    border-bottom: 1px solid #ebebeb;
}
.productNaam {
    flex: 2;
    min-width: 150px;
    max-width: 180px;
    padding: 0 10px 0 0;
    box-sizing: border-box;
    text-align:left;
    font-size: 1em;
    float: left;
}
.productPrijs {
    flex: 1;
    min-width: 50px;
    max-width: 100px;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    text-align:right;
    font-size: inherit;
    float: left;
}
.productOmschrijving {
    flex: 5;
    min-width: 150px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
    text-align:left;
    font-size: 0.85em;
    float: left;
 }
@media only screen and (max-width: 600px) {
    .productNaam,
    .productOmschrijving {
        min-width: 100px;
    }
}

#blogbox {
	width: inherit;
	padding: 0 0 0 0 ;
	float: left;
}


#blog2_blok {
	width: inherit;
	padding: 0 0 0 0;
	text-align:left;

	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}

#blog2 {
	width:70%;
	padding: 10px 0 5px 0;

	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	color: #333;
	float: left;
}

#blog2regel_blok {
	width:28%;
	padding: 10px 0 0 10px;
	text-align:left;

	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}
.blog2_tekst {
	width: inherit;
	padding: 0 0 0 0;
	text-align:left;

	font-size:14px;
	font-weight:normal;
	color:#333;
	float: left;
}

.blog2_kop {
	width: inherit;
	padding: 10px 0 0 0;

	font-size:18px;
	font-weight: normal;
	text-decoration:none;
	color: #333;
	float: left;
}


.blog2regel_kop {
	width: 90%;
	padding: 0 0 0 0;

	font-size:16px;
	font-weight: normal;
	text-decoration:none;
	border-bottom:1px solid #aaa;
	color: #333;
	float: left;
}
.blog2regel_kort {
	width: 90%;
	padding: 5px 0 5px 0;

	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	border-bottom: #aaa 1px dashed;
	color: #444;
	float: left;
}
a.blog2_link {

	font-size:14px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	float: left;
}
a.blog2_link:hover {color: #de7224;}



a.blog2_link_act {

	font-size:14px;
	font-weight: normal;
	color: #de7224;
	text-decoration:none;
	float: left;
}

a.blog2_datum {
	width:30%;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #888;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	text-align:right;
	float: left;
}
.blog2_datum_act {
	width:30%;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	font-style:italic;
	text-decoration: none;
	text-align:right;
	float: left;
}

#footerbox {
    /*position: relative;*/
    /*margin-top: -120px;*/ /* negative value of footer height */
    min-height: 60px;
	box-sizing: border-box;
    clear:both;
    display: inline-block;
	width:100%;
    /*background-color: rgba(27,38,65,1);*/
}
.footerbox {
    /*position: relative;*/
    /*margin-top: -120px;*/ /* negative value of footer height */
    min-height: 240px;
    clear:both;
    /*background-color: #333;*/
    z-index: 1;
}

footer {
    width:100%;
    min-height: 240px;
    box-sizing: border-box;
    padding: 0;
    margin-top: 20px;
    float: left;
    z-index: 9;
}

#footerblok {
	width:100%;
    height: 208px;
    box-sizing: border-box;
    padding: 10px 0 0 0 ;
    z-index: 10;
}

.wrap_footer{
    width: 90%;
    min-height: 30px;
    max-width: 1400px;
    /*padding: 0;*/
    text-align:center;
    margin:0 auto;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;    /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    z-index: 80;

}
.footerblokken{
	/*width: 20%;*/
    height: calc(240px - 20px);
    box-sizing: border-box;
    padding: 0 10px 20px 10px;
    font-size: 16px;
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -moz-flex:1;
    /*width: 20%;*/               /* For old syntax, otherwise collapses. */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    z-index: 90;
}

.footerIcon{
    width: 100%;
    height: 80px;
    padding: 16px;
    box-sizing: border-box;
}
.footerrechts {
	width: 180px;
	height: 60px;
	top:0;
	right:20px;
	font-size:11px;
	text-align: right;
	color:#333;
	padding: 20px 20px 0 0 ;
	float: right;
}

.footerTitel {
	width: 100%;
    box-sizing: border-box;
	font-size:16px;
	padding: 0 0 10px 0;
}

.footerblokken a{
    color: #ffffff;
}
.footerblokken a:hover{
    color: #f7ddc0;
}
.footerblokken a.telefoon,
.footerblokken a.email{
    text-decoration: none;
    font-size:16px;
}
.footerblokken a.telefoon:hover,
.footerblokken a.email:hover{
    /*font-weight: bold;*/
    color: #f7ddc0;
}

.footertekst {
	width: 100%;
    box-sizing: border-box;
	font-size: inherit;
	text-align: center;
    /*line-height: 24px;*/
	color:#eee;
	padding: 0 0 0 0 ;
	/*float: left;*/
}
.footertekstregel {
    width: 100%;
    box-sizing: border-box;
    font-size:11px;
    text-align: left;
    color:inherit;
    padding: 0 0 0 0 ;
    /*float: left;*/
}
.footertekst ul{
	width:100%;
    box-sizing: border-box;
	margin:0;
	padding:0;
}
.footertekst li{
	width:90%;
	/*height:18px;*/
	margin-right:2px;
	padding: 0 0 0 0;
	list-style: none;
    /*line-height: 27px;*/
	float:left;
}
.footertekst > ul > li{
    width:90%;
    line-height: 24px;
    margin-right:2px;
    padding: 0 0 0 0;
    list-style: none;
    float:left;
}
.footertekst > li > a{
    color:inherit;
    font-size: 1em;
    text-decoration: none;
}
.footertekst a.delen {
	font-size:16px;
	text-align: center;
    color:inherit;
    /*font-size: 0.9em;*/
    text-decoration: none;
}
.footertekst a.delen:hover {
    /*font-size: 0.9em;*/
	color:#f7ddc0;
}
.footerblokken .socialmedia_blok{
    width: 100%;
    padding: 0 0 10px 0;
}
.socialmedia_blok > span{
    padding-left: 4px;
    /*line-height: 24px;*/
    vertical-align: middle;
}

.socialmedia_blok > a.delen > img{
    vertical-align: middle;
}

a.footer_url 			{ padding: 0 0 0 20px; font-size: 10px; color: #eeeeee; font-weight:normal; text-decoration: none; text-align:left;}
a.footer_url:active  	{ padding: 0 0 0 20px; font-size: 10px; color: #eeeeee; font-weight:normal; text-decoration: none; text-align:left;}
a.footer_url:visited    { padding: 0 0 0 20px; font-size: 10px; color: #eeeeee; font-weight:normal; text-decoration: none; text-align:left;}
a.footer_url:hover 		{ padding: 0 0 0 20px; font-size: 10px; color: #de7224; font-weight:normal; text-decoration: underline; text-align:left;}


#copyrightbox {
	height: 22px;
    box-sizing: border-box;
    /*background-color: #999;*/
	width:100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align:center;
	float:left;
}

#copyrightblok {
	width:100%;
    height: 22px;
	text-align:center;
    padding: 0;
    z-index: 99;
    position: relative;
}

.copyright {
	width: 100%;
	font-size:11px;
	text-align: center;
	color:#ffffff;
	padding: 0 0 0 0 ;
	float: left;
}
a.copyright_url 			{ padding: 0 0 0 0; font-size: 11px!important; color: #666666; font-weight:bold; text-decoration: none; text-align:left;}
a.copyright_url:active  	{ padding: 0 0 0 0; font-size: 11px!important; color: #666666; font-weight:bold; text-decoration: none; text-align:left;}
a.copyright_url:visited    { padding: 0 0 0 0; font-size: 11px!important; color: #666666; font-weight:bold; text-decoration: none; text-align:left;}
a.copyright_url:hover 		{ padding: 0 0 0 0; font-size: 11px!important; color: #222222; font-weight:bold; text-decoration: underline; text-align:left;}

@media only screen and (max-width: 600px) {
    .test{
        border: 3px solid transparent !important;
    }
}


@media only screen and (max-width: 800px) {
    .copyright {
        font-size:0.7em;
    }
    .footertekst {
        font-size:0.9em;
		line-height: 15px;
    }
    .footertitel {
        font-size:0.9em;
    }
    a.footer_url {
        font-size:0.9em;
    }
    a.copyright_url {
        font-size:0.9em;
    }
    .test{
        border: 3px solid transparent !important;
    }
    #footerblok {
        height: 428px;
        box-sizing: border-box;
    }
    .wrap_footer {
        width: 98%;
        padding: 0 0 20px 0;
        margin: 0 auto;
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;    /* NEW - Chrome */
        -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-wrap: wrap;
        flex-direction:row;

    }
    .footerblokken {
        box-sizing: border-box;
        padding: 0;
        -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 1;         /* OLD - Firefox 19- */
        -moz-flex:1;
        -webkit-flex: 1;          /* Chrome */
        -ms-flex: 1;              /* IE 10 */
        flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
        min-width: 50%;
        font-size: 12px;
    }
    .footerblokken a.telefoon, .footerblokken a.email {
        font-size: 12px;
        /*font-weight: bold;*/
        text-decoration: underline;
        /*color: #0000ff;*/
    }
    .footertekst a.delen {
        font-size:13px;
    }

    .socialmedia_blok > span{
        display: none;
    }
    .socialmedia_blok{
        width: 100%;
        padding: 0 5px 5px 0;
        float: left;
    }
}
@media only screen and (max-width: 600px) {
    .copyright {
        font-size:0.7em;
    }
    .footertekst {
        font-size:0.8em;
        line-height: 15px;
    }
    .footertitel {
        font-size:0.8em;
    }
    a.footer_url {
        font-size:0.8em;
    }
    a.copyright_url {
        font-size:0.8em;
    }
    .test{
        border: 3px solid transparent !important;
    }

    .socialmedia_blok > span{
        display: none;
    }

}
/*
.desktopview{
    display: block;
}
.mobileview{
    display: none;
}
*/

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 70px;
    height: 50px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 10px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff;
}
.youtube:hover .play-button {
    background-color: #f21c19;
    opacity: 0.9;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.youtube > span {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: linear-gradient(to top, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.7) 80%);
    color: #fff;
    padding-left: 10px;
    font-size: 14px;
    z-index: 9;
    position: absolute;
    top: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.jumptarget:target {
    padding-top: 60px;
}

/*
.proj_box{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.proj_blok {
    -webkit-flex: 1;
    flex: 1;
    flex-basis: auto;
    flex-grow: 1;
    position: relative;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    float: left;
    cursor: pointer;
    overflow: hidden;
}
.proj_titel_blok,
.proj_titel_blok>h1,
.proj_titel_blok>h2{
    text-align: right!important;
}
.titelblok_tekst{
    font-size: inherit;
    padding-top: 20px;
    box-sizing: border-box;
}
.proj_titel_blok>h1,
.proj_titel_blok>h2{
    border-bottom: 2px solid #EF2E31;
}
.proj_blok_tekst {
    display: none;
    margin: auto;
    background-color: rgba(50,50,50,0.7);
    position: absolute;
    top: 0;
    vertical-align: middle;
    padding: 20px;
    line-height: 18px;
    box-sizing: border-box;
    width: 100%;
    color: #ffffff;
    z-index: 99;
}
.proj_blok:hover .proj_blok_tekst{
    display: inline-block;
}
.proj_blok_tekst h1,
.proj_blok_tekst h2,
.proj_blok_tekst h3,
.proj_blok_tekst a{
    color: #ffffff!important;
    border: none;
}
.proj_blok_home img.project_blokken_foto,
.proj_blok img.project_blokken_foto{
    object-fit: cover;
    object-position: center;
    width: 100%;
    vertical-align:top;
}

.proj_blok_foto {
    width: 40%;
    padding-top: 10px;
    text-align: right;
    float: left;
    overflow: hidden;
}
.proj_blok_data {
    width: 60%;
    padding: 10px 0 0 20px;
    box-sizing: border-box;
    text-align: left;
    float: left;
    overflow: hidden;
}
.blok_foto_overlay {
    display: block;
    background: rgba(0,0,0,0.02);
    height: 100%;
    width: 100%;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.proj_blok_slider {
    float: left;
    background-color: rgba(128, 128, 128, 0.67);
}
.proj_blok_foto img {
    height: 100%;
    max-width: 120px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.proj_box_specificaties {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 5px;
    text-align: left;
    color: #333;
    float: left;
}

.proj_box_specificaties {
    width: 100%;
    padding-bottom: 2px;
    box-sizing: border-box;
    text-align: left;
    color: #333;
    float: left;
}

.proj_spec_titel {
    width: 140px;
    font-size: 0.8em;
    box-sizing: border-box;
    text-align: left;
    color: #555;
    float: left;
}
.proj_spec_waarde {
    width: calc(100% - 140px);
    font-size: 0.9em;
    box-sizing: border-box;
    text-align: left;
    color: #333;
    float: left;
}
.proj_blok_spacer{
    display: inline-block;
    height: 20px;
}
.proj_blok_specificaties.legeregel{
    padding-top: 20px;
}
.proj_prijs {
    position: absolute;
    bottom: 20px;
    font-size: 30px;
    font-style: italic;
}
.proj_blok_specificaties > .proj_prijs {
    position: inherit;
    padding-top: 38px;
}
.proj_prijs .prijs-van {
    font-size: 16px;
    color: #B0241E ;
    margin-bottom: 10px;
}

.meer_info,
a.meer_info{
    padding-top: 10px;
    font-size: 0.8em;
    color: #555;
}
a.meer_info:hover{
    font-size: 0.8em;
    color: #970000;
}
@media only screen and (min-width: 1800px) {
    .proj_blok {
        max-width: 16.6% !important;
    }
    .proj_blok.voorbeeld {
        max-width: 16.6% !important;
    }
}
@media only screen and (max-width: 1799px) {
    .proj_blok {
        max-width: 25% !important;
    }
    .proj_blok.voorbeeld {
        max-width: 20% !important;
    }
    .proj_blok.voorbeeld:nth-child(n+6) {
        display: none;
    }
}
@media only screen and (max-width: 1240px) {
    .proj_blok {
        max-width: 33.3% !important;
    }
    .proj_blok.voorbeeld {
        max-width: 25% !important;
    }
    .proj_blok.voorbeeld:nth-child(n+5) {
        display: none;
    }
}
@media only screen and (max-width: 800px) {
    .titelblok_tekst{
        font-size: inherit;
        padding-top: 1620px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 600px) {
    .proj_blok {
        max-width: 50%!important;
    }
    .proj_blok.voorbeeld {
        max-width: 33.3% !important;
    }
    .proj_blok.voorbeeld:nth-child(n+4) {
        display: none;
    }
    .proj_blok_tekst {
        width: 100%;
        float: left;
    }
    .proj_blok_foto {
        width: 100%;
        float: left;
        text-align: center;
    }

}
.pointer{
    cursor: pointer;

}
*/

.contentLeft{
    text-align: left;
    margin-right: auto!important;
    /*float: none;*/
}
.contentRight{
    text-align: right;
    margin-left: auto!important;
    float: none;
}
.contentCenter{
    text-align: center;
    margin: auto!important;
    float: none;
}


.searchResultBlok{
    width: 100%;
    display: flex;
}
.searchResultBlok > div{
    border-right: solid 1px #dddddd;
}
.searchResultBlok > div.flex1{
    flex: 1;
}
.searchResultBlok > div.flex2{
    flex: 3;
}
.searchResultBlok > div.flex3{
    flex: 6;
}