/* cmsms stylesheet: FormBuilder Default Style modified: 06/06/18 01:28:04 */
/*-----------formulier------------*/
/*----------------------------------- Sample FormBuilder CSS base-------------------------- */
form {
        margin: 0 0 0 0;
        width:100%;
        /*background-color:blue;*/
}
form, td, th, li { font-size: 100%}
form div {
        margin-top:0px;
        margin-left:0;

}



/*-------------------------------------------- Contactform ---------------------------------*/

.contactform {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
color:#000000;
font-size: 14px;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
width:100%;
}


/*----------------------- CONTACT FORMULIER- ---------------------------------*/


/*-------------------------------------------- GDPR ---------------------------------*/

.formgdpr
    {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    padding: 10px 0 0 0;
    }

.formgdpr input
    {
    position:relative;
    clear:both;
    float:left;
    width:30px;
    height:20px;
    background-color: #fff;
    font-size: 13px;
    color:#000;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    margin: 0 0 10px 0;
    padding: 0 0 5px 10px;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#000000;
    font-size: 14px;
    text-transform:uppercase;
    }

/*-------------------------------------------- Naam ---------------------------------*/

.formnaam input
    {
    position:relative;
    float:left;
    width:97.5%;
    height:30px;
    background-color: #fff;
    font-size: 13px;
    color:#000;
    border-width: 1px;
    border-style: solid;
    border-color: #9fa4a8;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 10px;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#000000;
    font-size: 14px;
    text-transform:none;
    }

@media (max-width: 640px) {
    .formnaam input { width:88%; margin: 0 0 10px 5%}
}

/*-------------------------------------------- Email ---------------------------------*/

.formemail input
    {
    position:relative;
    float:left;
    width:47%;
    height:30px;
    background-color: #fff;
    font-size: 13px;
    color:#000;
    border-width: 1px;
    border-style: solid;
    border-color: #9fa4a8;
    margin: 0 1% 10px 0;
    padding: 5px 0 5px 10px;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#000000;
    font-size: 14px;
    text-transform:none;
    }
    
@media (max-width: 640px) {
    .formemail input { width:88%; margin: 0 0 10px 5%}
}
    
/*-------------------------------------------- Telefoonnummer ---------------------------------*/

.formtelefoonnummer input
    {
    position:relative;
    float:left;
    width:48%;
    height:30px;
    background-color: #fff;
    font-size: 13px;
    color:#000;
    border-width: 1px;
    border-style: solid;
    border-color: #9fa4a8;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 10px;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#000000;
    font-size: 14px;
    text-transform:none;
    }
    
@media (max-width: 640px) {
    .formtelefoonnummer input { width:88%; margin: 0 0 10px 5%}
}    
    
/*-------------------------------------------- Selecteer ---------------------------------*/

.cms_dropdown 
    {
    position:relative;
    float:left;
    width:99%;
    height:40px;
    background-color: #fff;
    font-size: 13px;
    color:#000;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 10px;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#000000;
    font-size: 14px;
    text-transform:none;
    }    

/*-------------------------------------------- Bericht ---------------------------------*/

.formbericht {
clear:both;
width:100%;
color:black;
/*background-color:red;*/
}

textarea {
    clear:both;
    position:relative;
    float:left;
width:97.5%;
    height:200px;
    background-color: #fff;
    font-size: 13px;
    color:#000;
    border-width: 1px;
    border-style: solid;
    border-color: #9fa4a8;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 10px;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#000000;
    font-size: 14px;
    text-transform:none;
}

@media (max-width: 640px) {
    textarea { width:88%; margin: 0 0 10px 5%}
}

/*--------------------------------- Pretty up your Captcha image output--------------------- */
.captcha {
    font-size:14px;
	margin:-20px 0 0 180px;
	width:200px;
	text-align:left;
    padding-left:20px;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
}

#captchaimgwrap {
clear:both;    
margin-top:20px;
margin-left:0px;  
}

.captchapict img {
width:200px;
max-width:100%;
display:block;
float:left;
clear:both;
border:5px solid #ccc; 
margin-left:40px;
}

.captcha input {width:200px; margin-top:10px; margin-bottom:10px;}

/*-------------------------------- Just a bit more room for the Submit button ------------------*/
.submit {
display:block;
float:left;    
margin-top:20px; 
margin-left:0;
}

.submit input
    {
    width:170px;
    height:40px;
    background-color: #9fa4a8;
    font-size: 14px;
    color:#fff;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    cursor:pointer;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    text-transform:uppercase;
    }
    
/*---------------------------------- Error messages --------------------------------------*/

.error_message {
       font-size:13px;
        font-family: 'Avenir-Book',Futura,sans-serif;
        font-weight: normal;
       color:red;
       margin-top:20px;
       margin-bottom:15px;
}

.error_message ul {
       padding: 0 0 0 0;
}

.error_message ul li {
       color:red;
       margin-left:7px;
}

/*-----BEGIN QUERY 1000PX-----------------------------*/
@media (max-width: 1000px) {
/*--------------------------------- Pretty up your Captcha image output--------------------- */
.captcha {
    font-size:14px;
	margin:-20px 0 0 145px;
	width:60%;
	text-align:left;
    padding-left:0px;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
}

#captchaimgwrap {
position:relative;
float:left;
clear:both;
width:100%;
max-width:100%;   
margin-top:20px;
margin-left:0px;  
}

.captchapict img {
width:200px;
max-width:100%;
display:block;
float:left;
clear:both;
border:5px solid #ccc; 
margin-left:40px;
}

.captcha input {width:200px; margin-top:10px; margin-bottom:10px;}

/*-------------------------------- Just a bit more room for the Submit button ------------------*/
.submit {
display:block;
float:left;    
margin-top:5px; 
margin-left:150px;
}

.submit input
    {
    width:100px;
    background-color: white;
    font-size: 13px;
    color:#000;
    border-width: 1px;
    border-style: solid;
    border-color: #997f5c;
    cursor:pointer;
    }
        
}

/*-----BEGIN QUERY 640PX-----------------------------*/
@media (max-width: 640px) {
/*--------------------------------- Pretty up your Captcha image output--------------------- */
.captcha {
    font-size:14px;
	margin:-20px 0 0 0px;
	width:80%;
	text-align:left;
    padding-left:0px;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
}

#captchaimgwrap {
position:relative;
float:left;
clear:both;
width:100%;
max-width:100%;   
margin-top:20px;
margin-left:0px;  
}

.captchapict img {
width:200px;
max-width:100%;
display:block;
float:left;
clear:both;
border:5px solid #ccc; 
margin-left:40px;
}

.captcha input {width:200px; margin-top:10px; margin-bottom:10px;}

/*-------------------------------- Just a bit more room for the Submit button ------------------*/
.submit {
position:relative;
display:block;
float:left;    
margin: 15px 0 30px 5%;
    
}

.submit input
    {
    width:100%;
    height:40px;
    background-color: #9fa4a8;
    font-size: 13px;
    color:#fff;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    cursor:pointer;
    }
        
}
    
}
/* cmsms stylesheet: Fedi navigation modified: 08/29/20 10:36:22 */
/* ------ NAVIGATION ------ */ 
#main-menu {
	margin-top: 25px;
}

/* --- FIRST LEVEL --- */ 
#main-menu > li {
	display: block;
	/*border-right: 1px solid #000;*/
	position: relative;
}

#main-menu > li:last-child {
	/*border-right: 0px solid #000;*/
}

#main-menu > li > a,
#main-menu > li.sectionheader > span {
	font-family: 'Avenir-Roman',Futura,sans-serif;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
	padding: 8px 0;
	display: block;
	position: relative;
	/*border-right: 1px solid #000;*/
}

#main-menu > li > a:lastchild {
	border-right: 0px solid #000;
}


#main-menu > li.current > a,
#main-menu > li.current.sectionheader > span,
#main-menu > li:hover > a,
#main-menu > li.sectionheader:hover > span {
	color: #997f5c;
}

/* --- SECOND LEVEL --- */ 
#main-menu > li > ul,
#main-menu > li > ul > li > ul  /* third level */  {
	position: absolute;
	left: -999em;
}

#main-menu > li:hover > ul,
#main-menu > li.active > ul,
#main-menu > li > ul > li:hover > ul,  /* third level */ 
#main-menu > li > ul > li.active > ul {
	position: relative;
	left: 0;
}

#main-menu > li > ul > li > a,
#main-menu > li > ul > li.sectionheader > span,
#main-menu > li > ul > li > ul > li > a,  /* third level */ 
#main-menu > li > ul > li > ul > li.sectionheader > span {
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	display: block;
	padding: 4px 0;
}

#main-menu > li > ul > li:hover > a,
#main-menu > li > ul > li.sectionheader:hover > span,
#main-menu > li > ul > li > ul > li:hover > a,
#main-menu > li > ul > li > ul > li.sectionheader:hover > span {
	color: #999;
}

/* --- THIRD LEVEL --- */ 
#main-menu > li > ul > li > ul > li > a,
#main-menu > li > ul > li > ul > li.sectionheader > span {
	padding-left: 15px;
	font-size: .875em;
	text-transform: none;
}

 /* --- PARENT INDICATOR --- */ 
#main-menu > li > a i,
#main-menu > li > ul > li > a i,
#main-menu > li.sectionheader > span i,
#main-menu > li > ul > li.sectionheader > span i {
	float: right;
	position: relative;
	padding-top: 6px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms ease-out 0s;
	-moz-transition: -moz-transform 250ms ease-out 0s;
	-o-transition: -o-transform 250ms ease-out 0s;
	transition: transform 250ms ease-out 0s;
}

#main-menu > li:hover > a i,
#main-menu > li.active > a i,
#main-menu > li > ul > li:hover > a i,
#main-menu > li > ul > li.active > a i,
#main-menu > li.sectionheader:hover > span i,
#main-menu > li.active.sectionheader > span i,
#main-menu > li > ul > li.sectionheader:hover > span i,
#main-menu > li > ul > li.active.sectionheader > span i {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

 /* =====================================
 SCREENS BIGGER THAN 768px
 ===================================== */ 

@media screen and (min-width: 768px) {
     /* ------ NAVIGATION ------ */ 

	nav.main-navigation {
		z-index: 990;
		height: 55px;
		line-height: 37px;
		margin-top: 20px;
	}

	#main-menu {
		float: left;
		margin-top: 10px;
		height:30px;
	}
	
	 /* --- FIRST LEVEL --- */ 
	#main-menu > li {
		display: inline-block;
		padding: 0 8px 0 0;
		margin: 0 8px 0 0;
		border: none;
		position: relative;
		border-right:1px solid #000;
	}
	
	/* PARENT INICATOR */ 
	#main-menu > li i {
		display: none;
	}
	
	.touch-device #main-menu > li i {
		display: inline-block;
		float: none;
	}
	
	.touch-device #main-menu > li li i {
		float: left;
		display: inline-block;
		margin-right: 8px;
		padding-top: 2px;
		text-align: left;
	}
	
	.touch-device #main-menu > li:first-child li i {
		float: right;
	}

	#main-menu > li:first-child, #main-menu > li.first {
		margin: 0 8px 0 0;
	}

	#main-menu > li:last-child, #main-menu > li.last {
		margin-right: 0;
	}

	#main-menu > li > a, 
	#main-menu > li.sectionheader span {
		padding: 0 0 0 0;
		line-height: 27px;
		font-size: 13px;
	}

	#main-menu > li.parent:hover > a, 
	#main-menu > li.sectionheader.parent:hover > span,
	#main-menu > li.parent.active > a, 
	#main-menu > li.parent.active > span {
		color: #fff;
		background-color: #000;
		background-color: rgba(0, 0,0, .95);
	}

	/* --- SECOND LEVEL --- */ 
	#main-menu > li > ul,
	#main-menu > li > ul > li > ul  /* third level */  {
		display: block;
		width: 260px;
	}

	#main-menu > li:hover > ul,
	#main-menu > li.active > ul,
	#main-menu > li > ul > li:hover > ul,
	#main-menu > li > ul > li.active > ul {
		height: auto;
		position: absolute;
		z-index: 9999;
		top: 37px;
		right: 0;
		left: auto;
		display: block;
		border-radius: 3px;
	}
	
	#main-menu > li:first-child:hover > ul,
	#main-menu > li:first-child.active > ul {
		right: auto;
		left: 0;
	}
	
	#main-menu > li > ul > li {
		position: relative;
		line-height: 1;
		margin: 0;
		padding-left: 10px;
	}
	
	#main-menu > li:first-child > ul > li {
		padding-right: 10px;
		padding-left: 0;
	}
	
	#main-menu > li > ul > li > a,
	#main-menu > li > ul > li.sectionheader > span,
	#main-menu > li > ul > li > ul > li > a,
	#main-menu > li > ul > li > ul > li.sectionheader > span {
		color: #fff;
		display: block;
		text-transform: none;
		line-height: 1.2;
		border-bottom: 1px dotted #858585;
		background-color: #000;
		background-color: rgba(90, 90, 90, .98);
		padding: 8px 12px;
		font-size: .875em;  /* 14px */ 
		text-decoration: none;
	}
	
	#main-menu > li > ul > li.current > a, 
	#main-menu > li > ul > li.current.sectionheader > span,
	#main-menu > li > ul > li > ul > li.current > a, 
	#main-menu > li > ul > ul > li > li.current.sectionheader > span {
		color: #997f5c;
	}

	 /* THIRD LEVEL */ 
	#main-menu > li > ul > li:hover > ul,
	#main-menu > li > ul > li.active > ul {
		width: 250px;
		height: auto;
		top: 0;
		right: auto;
		left: -250px;
	}
	
	#main-menu > li:first-child > ul > li:hover > ul,
	#main-menu > li:first-child > ul > li.active > ul {
		left: auto;
		right: -250px;
	}
	
	.lt-ie9 #main-menu > li > ul > li:hover > ul,
	.lt-ie9 #main-menu > li > ul > li.active > ul {
		left: -247px;
	}

	#main-menu > li > ul > li:hover > ul:after,
	#main-menu > li > ul > li.active > ul:after {
		content: ' ';
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 7px 0 7px 6px;
		border-color: transparent transparent transparent #000;
		border-color: transparent transparent transparent rgba(85, 85, 85, .95);
		position: absolute;
		right: -6px;
		top: 12px;
	}
	
	.lt-ie9 #main-menu > li:first-child > ul > li:hover > ul,
	.lt-ie9 #main-menu > li:first-child > ul > li.active > ul {
		left: auto;
		right: -247px;
	}
	
	#main-menu > li:first-child > ul > li:hover > ul:after,
	#main-menu > li:first-child > ul > li.active > ul:after {
		left: -10px;
		right: auto;
	}

	#main-menu li ul li a:hover, 
	#main-menu li ul li span.sectionheader:hover {
		box-shadow: 0 0 5px rgba(85, 85, 85, .9);
		z-index: 2;
	}

	#main-menu > ul > li:last-child > a,
	#main-menu > ul > li.sectionheader:last-child > span,
	#main-menu > ul > li > ul > li:last-child > a,
	#main-menu > ul > li > ul > li.sectionheader:last-child > span {
		border-bottom: none;
	}
}

/* ================================================
 WHEN LAYOUT BREAKS IT'S TIME FOR NEW MEDIA QUERY
 ================================================== */ 
@media only screen and (min-width: 940px) and (max-width: 1110px) {
	
	#main-menu > li {
		margin: 0;
	}
	
	#main-menu > li > a, 
	#main-menu > li.sectionheader span {
		padding: 0 6px;
	}
}

.my-search {text-align:right;padding-right:75px;}

 /* ================================================
 WINDOWS 8 SNAP VIEW (yeah yeah W3C blah blah)
 ================================================== */ 
@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-webkit-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}
/* cmsms stylesheet: Fedi main modified: 08/29/20 10:32:05 */
/*------- FONT FACE -----*/
@font-face {
  font-family: 'Avenir-Book';
  src: 
  url('fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'),  
  url('fonts/Avenir-Book.woff') format('woff'), 
  url('fonts/Avenir-Book.ttf')  format('truetype'), 
  url('fonts/Avenir-Book.svg#Avenir-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Roman';
  src: 
  url('fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),  
  url('fonts/Avenir-Roman.woff') format('woff'), 
  url('fonts/Avenir-Roman.ttf')  format('truetype'), 
  url('fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Black';
  src: 
  url('fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),  
  url('fonts/Avenir-Black.woff') format('woff'), 
  url('fonts/Avenir-Black.ttf')  format('truetype'), 
  url('fonts/Avenir-Black.svg#Avenir-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*------- BEGIN RESET -----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
    height: 100%; 
width: 100%;
overflow-x: hidden; 
	line-height: 1;
overflow-y:scroll;	
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------- END RESET -----*/

/* =============================================================================
   GENERAL
   ========================================================================== */

/*
 * A better looking default horizontal rule
 */

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */




/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}



/* =============================================================================
   BODY
   ========================================================================== */

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


/* =============================================================================
   IFRAME
   ========================================================================== */

iframe {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.youtube {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* =============================================================================
   ANIMATIONS
   ========================================================================== */
   
.fade {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}

/* =============================================================================
   CLASSES
   ========================================================================== */

.gold {
    color: #997f5c;
}

.goldbg {
    background-color: #997f5c;
}

.vet{
    font-weight: 700;
}

.uppercase {
    text-transform: uppercase;
}

.avenirroman {
font-family: 'Avenir-Roman',Futura,sans-serif;
font-weight: normal;
}

.avenirbook {
font-family: 'Avenir-Book',Futura,sans-serif;
font-weight: normal;
}

.avenirblack {
font-family: 'Avenir-Black',Futura,sans-serif;
font-weight: normal;
}

.alfresco {
font-family: "al-fresco",sans-serif;
font-weight:400;
}

.fontinquote {
    font-size:28px;
}

.imagesmall img {
    width:25%;
}

.imagemedium img {
    width:50%;
}

.imagelarge img {
    width:80%;
}
.price {
    text-decoration:none;
    text-align:center;
    color:#997f5c;
    font-size:14pt;
    font-family:'Avenir-Book','Futura','sans-serif';
    padding: 0 0 20px 0;
    
} 

/* =============================================================================
   HR
   ========================================================================== */
.goldshort {
    width:10%;
    margin:0 0 3% 45%;
    border: 0;
    height: 0;
    border-top: 4px solid #997f5c;
}

/* =============================================================================
   Wrappers
   ========================================================================== */

.wrapperfull {
	width: 100%;	
	margin: 0 auto;
	padding: 0;
	/*background-color:red;*/
	} 
	
.wrapperfullgradient {
    position:relative;
    float:left;
	width: 100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
    background: #fffaf7; /* Old browsers */
    background: -moz-linear-gradient(left, #fffaf7 0%, #edddd1 50%, #fffbf8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #fffaf7 0%,#edddd1 50%,#fffbf8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #fffaf7 0%,#edddd1 50%,#fffbf8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12 */
	}
	
.wrapperfgcollection {
    position:relative;
    float:left;
	width: 100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
    background: #fffaf7; /* Old browsers */
    background: -moz-linear-gradient(left, #fffaf7 0%, #edddd1 50%, #fffbf8 100%); 
    background: -webkit-linear-gradient(left, #fffaf7 0%,#edddd1 50%,#fffbf8 100%); 
    background: linear-gradient(to right, #fffaf7 0%,#edddd1 50%,#fffbf8 100%);
    background-size: 100% 385px;
	background-repeat: no-repeat;
	}	

.wrappermain {
	width: 90%;	
	margin: 0 auto;
	padding: 0;
	max-width:1600px;
	/*background-color:red;*/
	}
	
.wrappermainheader {
	width: 90%;	
	margin: 3% auto 0 auto;
	padding: 0;
	max-width:1600px;
	/*background-color:red;*/
	}
	
.wrappermaindetail {
    position:relative;
    float:left;
	width: 85%;	
	margin: 3% 0 0 0;
	padding: 0;
	/*background-color:blue;*/
	}
	
.wrappermaindetaillogo {
    position:relative;
    float:left;
	width: 15%;	
	margin: 2% 0 0 0;
	padding: 0;
	/*background-color:red;*/
	}	
	
.wrappermaindetaillogo a img{
	width: 100%;
	}	
	

/* =============================================================================
   Spacer
   ========================================================================== */
.spacer20px { 
  clear:both;
  display:block;
  float:left;
  width: 100%;  
  height:20px;
  /*background-color:red;*/
}

.spacer100px { 
  clear:both;    
  width: 100%;  
  height:100px;
}

/* ==========================================================================
   Headerkolom
   ========================================================================== */
.headerleft {
    position:relative;
    float:left;
    width:30%;
    margin: 0 5% 3% 0;
    /*background-color:blue;*/
}

.headerright {
    position:relative;
    float:left;
    width:65%;
    margin: 1% 0 0 0;
    /*background-color:red;*/
}

/* ==========================================================================
   Splash
   ========================================================================== */
   
.logowrap {
    position:absolute;
    width:400px;
    height:200px;
    background:none;
    top:60%;
    right:25%;
    left:50%;
    margin-top:-100px;
    margin-left:-200px;
	} 
	
.logowrap img{
    width:100%;
	}	
   
.selectorwrap {
    position:absolute;
    width:200px;
    height:200px;
    background:none;
    bottom:0px;
    right:25%;
    left:50%;
    margin-left:-100px;
	} 
	
.languagebutton {
    display:block;
    position:relative;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    width:96%;
    height:20px;
    border: 4px solid #997f5c;
    background-color:white;
    color:black;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 15px 0 10px 0;
    text-decoration:none;
}

.languagebutton:hover {
    display:block;
    position:relative;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    width:96%;
    height:20px;
    border: 4px solid #997f5c;
    background-color:#997f5c;
    color:white;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 15px 0 10px 0;
    text-decoration:none;
}

/* ==========================================================================
   Languageselector
   ========================================================================== */

.languageswitch {
    position:absolute;
    clear:both;
    top:10px;
    right:0;
    width:70px;
    height:15px;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 8px;
    /*background-color:red;*/
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    font-size:12px;
    line-height:14px;
    color:#000;
    /*color:red;*/
    text-align:left;
    padding:0px 0px 0px 0px;
    text-transform:uppercase;
    text-decoration: none;
}

.languageswitch a{
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    font-size:14px;
    line-height:18px;
    color:#000;
    text-align:left;
    padding:0px 0px 0px 0px;
    text-transform:uppercase;
    text-decoration: none;
}

.languageswitch a:hover {
    color:#997f5c;
}





/* ==========================================================================
   Header
   ========================================================================== */

.header{
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 0 0;
    padding:0 0 0 0;
    /*background-color:yellow;*/
    display:block;

}

/* ==========================================================================
   Logo
   ========================================================================== */
.logomain {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 0 0;
    padding:0 0 0 0;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:red;*/
    text-align: center;
}

.logomain img{
    width:283px;
}

/* ==========================================================================
   Menu
   ========================================================================== */
.desktopmenu {
    display:inline;
}

.slicknav_menu {
	display:none;
}

.menu {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0 0 5% 0;
    /*background-color:yellow;*/
}

.menu h1 {
    font-size:30px;
}


/* ==========================================================================
   Breadcrumps
   ========================================================================== */

.breadcrumps {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:10px;
    margin:0px 0px 0px 0px;
    padding:10px 0 0 0;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow*/
    text-align:center;
}

.breadcrumps p{
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#626262;
    font-size:10px;
    text-align: left; 
    line-height: 12px;
    padding:0 0 0 0;
    text-transform:uppercase;
    text-align:center;
}

.breadcrumps p a{
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#626262;
    font-size:10px;
}





/* ==========================================================================
   content 1 kolom
   ========================================================================== */
.content1kolom {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 0px 0px;
    padding:4% 0% 0.5% 0%;
    text-align:center;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}

.content1kolom h1{
    font-size:20px;
    text-align: center; 
    line-height: 24px;
    padding:0 0 2% 0;
    margin: 0 0 0 0;
}


.content1kolom h2{
    font-size:40px;
    text-align: center; 
    line-height: 48px;
    padding:2% 0 2% 0;
    margin: 0 0 0 0;
}


.content1kolom h3{
    font-size:40px;
    text-align: center; 
    line-height: 48px;
    padding:0 0 2% 0;
    margin: 0 0 0 0;
}

.content1kolom p{
    color:#1f1f1e;
    font-size:16px;
    text-align: center; 
    line-height: 22px;
    padding:0 12% 3% 12%;
}

.content1kolom p a{
    color: #997f5c;
    text-decoration:none;
}


.content1kolom img{
    text-align:center;
    margin: 20px auto;
}

.content1kolom ul {
    margin: -10px 0 30px 0;
}

.content1kolom ul li{
    color:#626262;
    font-size:14px;
    text-align: center; 
    line-height: 18px;
    padding:0 0 0 0;
    list-style-image: url('../../uploads/images/genappe-bullet.jpg');
    list-style-position: inside;
}

/* ==========================================================================
   content 2 kolommen 60-40
   ========================================================================== */
.content2kolommen6040 {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 5% 0px;
    padding:5% 0% 0 0%;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}

.bloklinks {
    position:relative;
    float:left;
    width:52%;
    height:auto;
    margin:0px 5% 0px 0px;
    padding:0;
    /*background-color:blue;*/
}

.blokrechts {
    position:relative;
    float:left;
    width:43%;
    height:auto;
    margin:0px 0px 0px 0px;
    padding:0;
    /*background-color:red;*/
}

/* ==========================================================================
   GRID
   ========================================================================== */

.gridblok {
    display: block;
    position:relative;
    float:left;
    width:17%;
    height:auto;
    margin:0 2% 2% 0;
    background-color:white;
    border:1px solid #997f5c;
} 

.gridimage {
    display: block;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 0 0;
    padding: 0 0 0 0;
    overflow:hidden;
}

.gridimage img {
    width:100%;
    transform: scale(1.6);
}

.gridartikel {
    display: block;
    position:relative;
    float:left;
    width:80%;
    height:auto;
    margin:0 0 0 10%;
    padding: 7% 0 0 0;
    border-top:1px solid #997f5c;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    font-size:16px;
    line-height:18px;
    color:#000;
    text-align:center;
    text-transform:uppercase;
}

.gridspecs {
    display: block;
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 0 0;
    padding: 0 0 5% 0;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    font-size:10px;
    line-height:14px;
    color:#000;
    text-align:center;
}

/* ==========================================================================
   COLLECTIECOVER
   ========================================================================== */
.collectiecover {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0;
}

.collectiecover img {
   width:100%;
}

.collectiequote {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 5% 0 0 0;
    padding: 0;
}

.collectiequote h1 {
    font-size:40px;
    text-align: center; 
    line-height: 48px;
    padding:0 0 2% 0;
    margin: 0 0 0 0;
}

/* ==========================================================================
   DETAILPAGINA
   ========================================================================== */

/* ==========================================================================
   content 2 kolommen DETAIL
   ========================================================================== */
.content2kolommendetail {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 5% 0px;
    padding:5% 0% 0 0%;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}

.bloklinksdetail {
    position:relative;
    float:left;
    width:42%;
    height:auto;
    margin:0px 5% 0px 0px;
    padding:0;
    /*background-color:blue;*/
}

.blokrechtsdetail {
    position:relative;
    float:left;
    width:53%;
    height:auto;
    margin:0px 0px 0px 0px;
    padding:0;
    /*background-color:red;*/
}

.detailbeeld {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0;
    border: 1px solid #997f5c;
    overflow:hidden;
}

.detailbeeld img {
   width:100%;
   transform: scale(1.3);
}

.detailomschrijving {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0;
}

.detailomschrijving h1 {
    font-size:24px;
    text-align: left; 
    line-height: 32px;
    padding:0 0 0 0;
}

.detailomschrijving p {
    font-size:20px;
    text-align: left; 
    line-height: 24px;
    padding:10px 0 10px 0;
}

.detailomschrijving ul {
    margin: 3% 0 3% 0;
}

.detailomschrijving ul li{
    color:#000;
    font-size:16px;
    text-align: left; 
    line-height: 22px;
    padding:0 0 1% 0;
    list-style-type: disc;
    list-style-position: inside;
}

.detailomschrijving a {
    display:inline-block;
    width:auto;
    height:auto;
    font-size:16px;
    text-align: center; 
    line-height: 16px;
    padding:2%;
    background-color:white;
    color:#997f5c;
    text-decoration: none;
    border:1px solid #997f5c;
    margin:0 3% 0 0;
}

.detailomschrijving a:hover {
    background-color:#997f5c;
    color:white;
}

.prevnext {
    margin: 3% 0 3% 0;
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    text-transform:uppercase;
}

.prevnextarrow {
    position:absolute;
    top:50%;
    left:0;
    margin: -16px 0 0 0;
    width:100%;
    height:auto;
    /*background-color:red;*/
    z-index:100;
}

.prevarrow {
    position:relative;
    float:left;
    margin: 0 0 0 16px;
    width:16px;
    height:16px;
}

.prevarrow img {
    width:100%;
}

.nextarrow {
    position:relative;
    float:right;
    margin: 0 16px 0 0;
    width:16px;
    height:16px;
}

.nextarrow img {
    width:100%;
}

/* ==========================================================================
   contentcontact
   ========================================================================== */
.contentcontact {
    position:relative;
    clear:both;
    float:left;
    width:60%;
    height:auto;
    margin:0px 0px 0px 20%;
    padding:0 0 5% 0;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}

.contentcontact h2{
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    font-size:40px;
    text-align: center; 
    line-height: 48px;
    padding:1% 0 2% 0;
    margin: 0 0 0 0;
}

.contentcontact p{
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#1f1f1e;
    font-size:16px;
    text-align: center; 
    line-height: 22px;
    padding:0 12% 0 12%;
}



/* ==========================================================================
   Google maps
   ========================================================================== */

.googlemaps {
    position:relative;
    float:left;
    width:100%;
    height:400px;
    margin:10px 0px 0px 0px;
    padding:0 0 0 0;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:#00a4e1;*/
}


/* ==========================================================================
   Contactformulier
   ========================================================================== */

.contactformulierwrapper {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 0px 0px;
    padding:0 0 30px 0;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    background-color:#efefef;
}

.contactformulierblokwrapcenter {
    display: table;
    margin: 0 auto;

}

/* ==========================================================================
   Footer
   ========================================================================== */

.footerwrapper {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:40px;
    margin:0px 0px 0px 0px;
    padding:15px 0 0 0;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    background-color:none;
    text-align:center;
}

.footerwrapper p{
    font-family: 'Avenir-Book',Futura,sans-serif;
    font-weight: normal;
    color:#626262;
    font-size:12px;
    text-align: left; 
    line-height: 12px;
}

/* ==========================================================================
   BEGIN MEDIA QUERY 1024 (IPAD PRO)
   ========================================================================== */ 
@media screen and (max-width: 1024px) {

/* ==========================================================================
   GRID
   ========================================================================== */

.gridblok {
    display: block;
    position:relative;
    float:left;
    width:21%;
    height:auto;
    margin:0 2% 2% 0;
    background-color:white;
    border:1px solid #997f5c;
} 

/* ==========================================================================
   contentcontact
   ========================================================================== */
.contentcontact {
    position:relative;
    clear:both;
    float:left;
    width:80%;
    height:auto;
    margin:0px 0px 0px 10%;
    padding:0 0 5% 0;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}

}

/* ==========================================================================
   BEGIN MEDIA QUERY 800 (IPAD - NORMALE TABLET)
   ========================================================================== */ 
@media screen and (max-width: 800px) {


/* ==========================================================================
   Headerkolom
   ========================================================================== */
.headerleft {
    position:relative;
    float:left;
    width:20%;
    margin: 0 5% 3% 0;
    /*background-color:blue;*/
}

.headerright {
    position:relative;
    float:left;
    width:75%;
    margin: 1% 0 0 0;
    padding: 0 0 5% 0;
    /*background-color:red;*/
}

/* ==========================================================================
   Logo
   ========================================================================== */

.logomain img{
    width:100%;
}
    
/* =============================================================================
   CLASSES
   ========================================================================== */    

.imagemedium img {
    width:80%;
}

/* ==========================================================================
   Menu
   ========================================================================== */

.menu {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin: 0 0 0 0;
    padding: 0 0 10% 0;
    /*background-color:yellow;*/
}

/* ==========================================================================
   content 2 kolommen 60-40
   ========================================================================== */
.content2kolommen6040 {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 5% 0px;
    padding:5% 0% 0 0%;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}

.bloklinks {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 5% 0;
    padding:0;
    /*background-color:blue;*/
}

.blokrechts {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 0 0;
    padding:0;
    /*background-color:red;*/
}

/* ==========================================================================
   content 2 kolommen DETAIL
   ========================================================================== */
.content2kolommendetail {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 5% 0px;
    padding:5% 0% 0 0%;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}

.bloklinksdetail {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 10% 0;
    padding:0;
    /*background-color:blue;*/
}

.blokrechtsdetail {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 0px 0px;
    padding:0;
    /*background-color:red;*/
}

.detailomschrijving ul li{
    color:#000;
    font-size:13px;
    text-align: left; 
    line-height: 20px;
    padding:0 0 1% 0;
    list-style-type: disc;
    list-style-position: inside;
}

.detailomschrijving a {
    display:inline-block;
    width:100%;
    height:auto;
    font-size:16px;
    text-align: center; 
    line-height: 16px;
    margin:5% 0 5% 0;
    padding:5% 0 5% 0;
    background-color:white;
    color:#997f5c;
    text-decoration: none;
    border:1px solid #997f5c;
}

/* ==========================================================================
   contentcontact
   ========================================================================== */
.contentcontact {
    position:relative;
    clear:both;
    float:left;
    width:90%;
    height:auto;
    margin:0px 0px 0px 5%;
    padding:0 0 5% 0;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}


    
}

/* ==========================================================================
   BEGIN MEDIA QUERY 450 (IPHONE 6/7/8)
   ========================================================================== */ 
@media screen and (max-width: 450px) {
    
/* =============================================================================
   CLASSES
   ========================================================================== */    

.imagemedium img {
    width:100%;
} 

/* =============================================================================
   HR
   ========================================================================== */
.goldshort {
    width:30%;
    margin:5% 0 3% 35%;
    border: 0;
    height: 0;
    border-top: 4px solid #997f5c;
}

/* ==========================================================================
   Splash
   ========================================================================== */
   
.logowrap {
    position:absolute;
    width:280px;
    height:150px;
    background:none;
    top:40%;
    right:25%;
    left:50%;
    margin-top:-75px;
    margin-left:-140px;
	}
	
/* ==========================================================================
   Headerkolom
   ========================================================================== */
.headerleft {
    position:relative;
    float:left;
    width:100%;
    margin: 0 5% 3% 0;
    /*background-color:blue;*/
}

.headerright {
    position:relative;
    float:left;
    width:100%;
    margin: 1% 0 0 0;
    /*background-color:red;*/
}	

/* ==========================================================================
   content 1 kolom
   ========================================================================== */
.content1kolom {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 0px 0px;
    padding:13% 0% 10% 0%;
    text-align:center;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}

/* ==========================================================================
   content 2 kolommen 60-40
   ========================================================================== */
.bloklinks {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 10% 0;
    padding:0;
    /*background-color:blue;*/
}

/* ==========================================================================
   GRID
   ========================================================================== */

.gridblok {
    display: block;
    position:relative;
    float:left;
    width:45%;
    height:auto;
    margin:0 2% 2% 0;
    background-color:white;
    border:1px solid #997f5c;
}

/* ==========================================================================
   content 2 kolommen DETAIL
   ========================================================================== */
.content2kolommendetail {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 5% 0px;
    padding:5% 0% 0 0%;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}

.bloklinksdetail {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 10% 0;
    padding:0;
    /*background-color:blue;*/
}

.blokrechtsdetail {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:0px 0px 0px 0px;
    padding:0;
    /*background-color:red;*/
}

.detailomschrijving ul li{
    color:#000;
    font-size:13px;
    text-align: left; 
    line-height: 20px;
    padding:0 0 1% 0;
    list-style-type: disc;
    list-style-position: inside;
}

.detailomschrijving a {
    display:inline-block;
    width:100%;
    height:auto;
    font-size:16px;
    text-align: center; 
    line-height: 16px;
    margin:5% 0 5% 0;
    padding:5% 0 5% 0;
    background-color:white;
    color:#997f5c;
    text-decoration: none;
    border:1px solid #997f5c;
}

/* ==========================================================================
   contentcontact
   ========================================================================== */
.contentcontact {
    position:relative;
    clear:both;
    float:left;
    width:100%;
    height:auto;
    margin:0 0 0 0;
    padding:0 0 5% 0;
    /*background-image: url(../../uploads/images/btree-logo.png);*/
    /*background-color:yellow;*/
}
}

/* ==========================================================================
   BEGIN MEDIA QUERY 325 (IPHONE 5)
   ========================================================================== */ 
@media screen and (max-width: 325px) {

.blokrechtsdetail {
    position:relative;
    float:left;
    width:100%;
    height:auto;
    margin:10% 0px 0px 0px;
    padding:0;
    /*background-color:red;*/
}

.detailomschrijving ul li{
    color:#000;
    font-size:12px;
    text-align: left; 
    line-height: 20px;
    padding:0 0 1% 0;
    list-style-type: disc;
    list-style-position: inside;
}
  
.my-search {text-align:right;padding-right:75px;}

}