@font-face
{
	font-family: villaverdi;
	src: url('font/vv.eot'); /* IE9 */
		 
    src: url('font/vv.eot?#iefix') format('embedded-opentype'),
		 url('font/vv.ttf');
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/*blinking */

.blink {
  animation: blink-animation 2s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.dropdown-menu {
	z-index: 2500 !important;
}

/* */
h1
{
    font-size:18px;
    color: #11A8E1;
    text-decoration: none;
	margin-bottom: 20px;
}

a:link
{
    color: #348ed4; 
    text-decoration: none;
}

a:visited
{
    color: #348ed4; 
    text-decoration: none;
}

a:active
{
    color: #348ed4; 
    text-decoration: none;
}

a:hover
{
    color: #348ed4;
    text-decoration: underline;
}

a.menu
{
	margin-left: 13px;
    color: #9b8645; 
    text-decoration: none;
}

.menu-active
{
	margin-left: 13px;
	color: #a7a16f !important; 
}


a.menu:link
{
    color: #001f2d; 
    text-decoration: none;
}

a.menu:visited
{
    color: #001f2d; 
    text-decoration: none;
}

a.menu:active
{
    color: #001f2d; 
    text-decoration: none;
}

a.menu:hover
{
    color: #3e6d76;
    text-decoration: none;
}

a.special {
	position:absolute;
	top: 0px;
	right: 20px;
	color: #ffffff; 
	background-color: #a2863d;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	
}

a.special:link
{
    color: #ffffff; 
    text-decoration: none;
}

a.special:visited
{
    color: #ffffff; 
    text-decoration: none;
}

a.special:active
{
    color: #ffffff; 
    text-decoration: none;
}

a.special:hover
{
    color: #ffffff;
    text-decoration: none;
}

a.submenu:link
{
    color: #ffffff; 
    text-decoration: none;
}

a.submenu:visited
{
    color: #ffffff; 
    text-decoration: none;
	
}

a.submenu:active
{
    color: #ffffff; 
    text-decoration: none;
}

a.submenu:hover
{
    color: #c5e0d7	;
    text-decoration: none;
}

a.submenu-active:link
{
    color: #dbb440; 
    text-decoration: none;
}

a.submenu-active:visited
{
    color: #dbb440; 
    text-decoration: none;
	
}

a.submenu-active:active
{
    color: #dbb440; 
    text-decoration: none;
}

a.submenu-active:hover
{
    color: #dbb440;
    text-decoration: none;
}


body 
{
   background-color: #c5e0d7;
   text-align: left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;  
   font-family: verdana;
   font-size:14px;   
   color: #093335;  
}


div.logo
{
	background-repeat: no-repeat;
	background-image: url(img/logo.jpg); 	
	width: 95px;
	height: 113px;
	float:left;
}

.menu li:hover {
    cursor: pointer;
}

.dropdown-menu li:hover {
    cursor: pointer;
}

.menu 
{
   font-family: villaverdi, verdana;
   font-size:19px; 
   color: #093335;   
}

.dropdown-menu
{
	background-color: #093335;
    position: absolute;
	font-size:19px; 
	border-radius: 0px 0px 0px 0px;    
   	/*z-index: 99999;*/
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0d4c4f;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #219096;
}

.navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


/* */ 

div.title 
{
   text-align: left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 20px;  
   font-family: villaverdi, verdana;
   font-size:20px;  
   color: #093335;   
}

.font24 {
	font-size:24px !important;  
}

div.text 
{
   text-align: left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 20px;  
   font-family: verdana;
   font-size:13px;   
}




/* */ 




.hidden
{
	display: none;
}


div.left
{
	float: left;
	text-align: left;
}

div.right
{
	float: right;
	text-align: right;
}

div.right-text
{
	float: right;
	text-align: left;
	width: 400px;
}

font.lightgreen
{
	color: #3e5857;
}

font.red
{
	color: red;
}

font.xsmall
{
	font-size:10px;
}


font.small
{
	font-size:12px;
}

font.medium
{
	font-size:14px;
}

img
{
	border: 0px;
}

div.links
{
	float: left;
	width: 150px;
	margin-left:40px;
	text-align: left;
}

div.webdesign
{
	float: right;
	width: 150px;
	margin-right:10px;
	text-align: right;
}


div.label
{
	float: left;
	width: 150px;
	margin-right:10px;
	text-align: right;
}

div.field
{
	float: left;
	text-align: right;
	width: 260px;
	
}

div.verplicht
{
	float: left;
	text-align: right;
	width: 20px;
	
}

div.newline
{
	clear:both;
}

.txtvak
{   
    width: 250px;
	
}

.txtvakhp
{   
    display: none;
	
}



div.site
{
	width: 958px;
	margin: auto;
	height: 100%;
}


div.header
{
	width: 958px;
	margin: auto;
	height: 125px;
}

div.mainmenu 
{
   height: 24px;
   font-family: villaverdi, verdana;
   font-size:19px;  
    float: right;
   padding-top: 5px;
}

div.submenu 
{
   background-color: #093335;
   position: absolute;
   	z-index: 99999;
}

ul.submenu
{
	list-style-type: none;
	padding:7px;
	padding-bottom:2px;
	margin: 0px;
}


ul.submenu li
{
	list-style-type: none;
	padding:0px;
	margin: 0px;
	text-align: left;
	margin-bottom: 5px;
}

.submenu-collectie
{
	left: 380px;
	top: 32px;
}

.submenu-over-ons
{
	left: 705px;
	top: 32px;
}

div.submenu-wrapper
{
   font-family: villaverdi, verdana;
   font-size:19px;  
}

div.submenu-arrow
{
   background-repeat: no-repeat;
   background-image: url(img/submenu-arrow.jpg); 	
   width: 11px;
   height: 29px;
   display: inline-block;
   background-color: #093335;  
}

div.slider
{
	width: 958px;
	margin: auto;
	height: 420px;
}

div.collectiemodule
{
	background-color: #093335;
    height: 423px;	
	margin-bottom: 30px;
	padding: 0px !important;
}

div.slidercollectie
{
	position: relative;
	width: 417px;
	float: left;
	height: 417px;
	margin-top: 3px;
}

div.thumbscollectie
{
	width: 420px;
	float: left;
	height: 417px;
	margin-top: 3px;
}	

div.zoomknopcollectie
{
	width: 40px;
	float: left;
	height: 102px;
	margin-top: 318px;
	margin-left: 3px;
	background-image: url(img/zoomknop.jpg); 
	cursor: pointer; cursor: hand;
}

div.leftknopcollectie
{
	width: 33px;
	float: left;
	height: 102px;
	margin-top: 3px;
	margin-left: 3px;
	margin-right: 3px;
	background-image: url(img/knoplinks.jpg); 
	cursor: pointer; cursor: hand;
}

div.rightknopcollectie
{
	width: 33px;
	float: left;
	height: 102px;
	margin-top: 318px;
	margin-right: 3px;
	background-image: url(img/knoprechts.jpg); 
	cursor: pointer; cursor: hand;
}

img.fotoscollectie
{
	margin-left: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	cursor: pointer; cursor: hand;
}

.loadingcollectie {
	z-index:    1000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 420px;
	height: 417px;
	margin-top: 3px;
    background: url('img/loading.gif') 
                50% 50% 
                no-repeat;
}

.invisible
{
	display: none;
}

.numbercollectie {
	z-index:    1000;
	position: absolute;
	top: 0px;
	left: 307px;
	width: 100px;
	height: 20px;
	margin-top: 3px;
	text-align: right;
}

div.footer
{
	width: 920px;
	margin: auto;
	height: 50px;
}

div.footer-block1
{
	float: left;
	width: 275px;
	height: 420px;
}

div.footer-block2
{
	float: left;
	width: 305px;
	height: 420px;
}

div.footer-line
{
	float: left;
	width: 1px;
	height: 480px;
	border-left :1px solid #6e8a85;
	margin-right: 15px;
}

div.footer-title
{
	font-family: villaverdi, verdana;
	font-size:18px;  
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	clear: both;
}

img.kurk
{
	display: inline;
	float: right;
	margin-right: 20px;
}


div.footer-text
{
	width: 100%;
	float: left;
	padding-right: 20px;
	margin-right: 30px;
	font-size:12px;  
	margin-top: 20px;
	margin-bottom: 20px;
}


div.text-news 
{
   padding: 10px;
   text-align: left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 20px;  
   font-family: verdana;
   font-size:13px;   
}

div.text-news-home
{
   padding: 10px;
   background-color: #ffcb17;
   border :1px solid #6e8a85;	
   text-align: left;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 5px;
   margin-bottom: 20px;  
   font-family: verdana;
   font-size:13px;   

}

.col-lg-6:nth-of-type(2) {
	padding-left: 10px !important
}

div.fotos 
{
   text-align: left;
   margin-top: 0px;
   margin-left: 00px;
   margin-right: 0px;
   margin-bottom: 20px;  
   font-family: verdana;
   font-size:13px;   
   width: 458px;
}

div.page
{
	width: 920px;
	margin: auto;
	line-height: 110%;
	margin-bottom: 25px;
}

div.page-left
{
	width: 432px;
	line-height: 110%;
	border-right :1px solid #6e8a85;	
	padding-right: 20px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
	
}

div.page-right
{
	width: 430px;
	line-height: 110%;
	display: inline-block;
	vertical-align: top;
}


div.horline
{
	width: 100%;
	border-top :1px solid #6e8a85;	
	margin-top: 20px;
	margin-bottom: 20px;
}

img.fotos
{
	margin-left: 5px;
	margin-right: 4px;
	margin-bottom: 7px;
}

div.label
{
	float: left;
	width: 100px;
	margin-right:10px;
	text-align: right;
	padding-top: 3px;
}

div.field
{
	float: left;
	text-align: right;
	width: 260px;
	
}

div.verplicht
{
	float: left;
	text-align: right;
	width: 20px;
	font-size: 10px;
	padding-top: 3px;
	
}

div.footer-label
{
	float: left;
	width: 60px;
	margin-right:10px;
	text-align: right;
	padding-top: 3px;
	font-size: 10px;
}

div.footer-field
{
	float: left;
	text-align: right;
	width: 170px;
	font-size: 10px;
	
}

div.footer-verplicht
{
	float: left;
	text-align: right;
	width: 20px;
	font-size: 8px;
	padding-top: 3px;
	
}

input.footer-txtvak
{
	width: 170px;
}

div.newline
{
	clear:both;
}  



/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


.containerlimit
{
	max-width: 988px;
	margin: auto;
}

/*.container
{
    padding: 0px !important;
}

.row
{
     margin: 0px !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    padding: 0px !important;
}*/

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 35px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 373px;
  background-color: #777;
}
.carousel-item  > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 958px;
  height: 373px;
}

@media (min-width: 992px) {
  .container {
    max-width: 990px !important;
  }
}



div.slidercollectie-responsive
{
	position: relative;
	width: 462px;
	float: left;
	height: 417px;
}

div.thumbscollectie-responsive
{
	width: 495px;
	float: left;
	height: 417px;
}

img.slidercollectie
{
 	width: 100%;
	height: 100% !important;
}


@media (max-width: 992px) {
	
	div.fotos 
	{	   
	   width: 100%;
	}
	
	.col-lg-6:nth-of-type(2) {
		padding-left: 0px !important
	}
	
	.carousel-item > img {
	  height: 279px;
	  min-width: 500px;
	}	
	.carousel-item {
	  height: 279px;
	}
	
	
	/*  collectie */
	
	div.collectiemodule
	{
		width: 100%;
		height: 846px;	
		margin-bottom: 30px;
	}

	div.slidercollectie-responsive
	{
		float: none;
		margin: auto;		
		width: 503px;
	}
	
	div.slidercollectie
	{
		margin-left:43px;
		margin-right: 0px;
	}

	div.thumbscollectie-responsive
	{
		float: none;
		margin: auto;
	}	

	div.zoomknopcollectie
	{
		width: 40px;
		float: left;
		height: 102px;
		margin-top: 318px;
		margin-left: 3px;
	}

	div.leftknopcollectie
	{
		width: 33px;
		float: left;
		height: 102px;
		margin-top: 3px;
		margin-left: 3px;
		margin-right: 3px;
	}

	div.rightknopcollectie
	{
		width: 33px;
		float: left;
		height: 102px;
		margin-top: 318px;
		margin-right: 3px;
	}

	img.fotoscollectie
	{
		margin-left: 0px;
		margin-right: 3px;
	}

	.loadingcollectie {
		position: absolute;
		width: 420px;
		height: 417px;
		margin-top: 3px;
	}
	 
}



@media (max-width: 768px) {
	.carousel-item  > img {
	  height: 205px;
	  min-width: 479px;
	}	
	.carousel-item {
	  height: 205px;
	}
}


@media (max-width: 576px) {
	.carousel-item  > img {
	  height: 205px;
	  min-width: 310px;
	}	
	.carousel-item {
	  height: 205px;
	}
	
	/*  collectie */
	
	div.collectiemodule
	{
		width: 100%;
		height: 510px;	
		margin-bottom: 30px;
	}

	div.slidercollectie-responsive
	{
		float: none;
		margin: auto;		
		width: 320px;
	}
	
	div.slidercollectie
	{
		margin-left:36px;
		margin-right: 0px;
		width: 250px;
		height: 250px;
	}

	div.thumbscollectie-responsive
	{
		float: none;
		margin: auto;
		width: 320px;
		height: 251px;
	}	
	
	div.thumbscollectie
	{
		margin-right: 0px;
		width: 251px;
		height: 251px;
	}
	

	div.zoomknopcollectie
	{
		width: 32px;
		float: right;
		height: 102px;
		margin-top: 151px;
		margin-left: 2px;
	}

	div.leftknopcollectie
	{
		width: 32px;
		float: left;
		height: 102px;
		margin-top: 2px;
		margin-left: 2px;
		margin-right: 2px;
	}

	div.rightknopcollectie
	{
		width: 30px;
		float: right;
		height: 102px;
		margin-top: 151px;
		margin-right: 2px;
	}

	img.fotoscollectie
	{
		margin-left: 0px;
		margin-right: 2px;
		height: 60px;
		width: 60px;
	}

		
	.loadingcollectie {
		position: absolute;
		width: 250px;
		height: 250px;
		margin-top: 2px;
	}
	
	.numbercollectie {
		z-index:    1000;
		position: absolute;
		top: 0px;
		left: 190px;
		width: 50px;
		height: 20px;
		margin-top: 3px;
		text-align: right;
	}
}


 /*#slidercollectie, #slidercollectie img{width:100%;height:auto !important}*/