/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/* ========================================================================
   Main styling
 ========================================================================== */

table td { vertical-align: top; padding: 5px;}

body {background: url(../images/klooster-bg.jpg);}
.uk-container-center { background: white;}

.tm-main-bottom, .tm-bottom-a, .tm-bottom-b {background: #ffffff url(../images/module-top-border.png) no-repeat 25px 0px ; padding-top: 30px;}
.tm-footer {background: #ffffff url(../images/module-top-border.png) no-repeat 0px 0px ; padding-bottom: 20px; padding-top: 20px;}


.tm-headerbar .tm-logo {
float: none;
}
.tm-headerbar .tm-logo img {margin-bottom: 10px;}

.uk-panel-box { padding: 0px;}

.tm-headerbar, .tm-navbar, .tm-footer {
margin-bottom: 0px;
}

.uk-panel-box { background: white; }

.tm-main > :nth-child(n+2) {
margin-top: 0px;
}




/*margin tweaks*/
.tm-top-b, .tm-middle {margin-top: 0px!important; margin-bottom: 25px;}


/*==========================================================================================
	Columns
==========================================================================================*/

.columns {margin: 0px -15px;}
.column, .lastcolumn {float:left;padding:0px 15px!important; }


/*resp*/
@media (max-width: 767px) {
  .column.width33, .lastcolumn.width33 {width: 100%!important;}
}


/*resp*/
@media (max-width: 650px) {
  .column, .lastcolumn {width: 100%!important;}

}


/* ========================================================================
   Responsiveness
 ========================================================================== */

@media (min-width: 400px) and (max-width: 767px) {
.uk-width-medium-1-4 {width: 50%;}
}


@media (max-width: 1000px) {
.uk-container-center {margin-left: 20px;margin-right: 20px;}
}



/* ========================================================================
   Topbar
 ========================================================================== */

.topbar-container { background: #d3ece6; height: 50px;}
.topbar-container .uk-container-center { background: #d3ece6; }

.topbar-container .uk-float-left {padding-top: 15px;}

.topbar-container .uk-float-left .uk-breadcrumb {margin-bottom: 10px;}

.topbar-container .uk-float-right {padding-top: 10px;}

.uk-float-right div {
float: right;
}

.uk-float-right .socialicon { width: 20px; height: 20px; margin: 5px;}

.uk-float-right .uk-search {
background: white;
height: 23px;
margin-top: 3px;
margin-left: 10px;
border: 1px solid #ccc;
}
.uk-search:before, .uk-search-close  { line-height: 23px;}
input.uk-search-field {height: 23px; font-size: 12px;}

.uk-dropdown-search div {display: none;}

/*resp*/
@media (max-width: 767px) {
  .topbar-container {display: none!important;}
}
/* ========================================================================
   Main navigation
 ========================================================================== */


.tm-navbar{
margin-top: 0px;
margin-bottom: 0px;
}

.uk-navbar {
background: white;
color: black;

}

.uk-navbar-nav > li.uk-active {
background: url(../images/menu-underline.png) bottom left no-repeat;
color: black;
}

ul:hover li.uk-active .uk-open {
background: url(../images/menu-underline.png) bottom left no-repeat !important;
}

.uk-navbar-nav > li:hover  {
background: url(../images/menu-underline.png) bottom left no-repeat !important;
color: black;
outline: none;
}

.uk-navbar-nav > li > a {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
height: 11px;
padding: 0 18.5px;
letter-spacing: 0.2mm;
border-right: 1px solid #75c7b9;
line-height: 11px;
color: #444444;
font-size: 16px;
font-family: 'News Cycle'!important;
font-weight: normal;
margin-bottom: 10px;
}
.uk-navbar-nav > li {margin-bottom:10px;}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: white;
  color: inherit;
  /* 3 */
  outline: none;
}
.uk-navbar-nav > li.uk-active > a {  background-color: white;}

ul:hover  li.uk-active { background: none; }

.uk-dropdown-navbar { background: rgba(255, 255, 255, 0.9);
border: 1px solid #eee;
border-top: 0px !important;
}

/*resp*/
@media (max-width: 1220px) {
.uk-navbar-nav > li > a {
padding: 0 17px;
letter-spacing: 0.1mm;}
}
@media (max-width: 990px) {
.uk-navbar-nav > li > a {padding: 0 39px;}
.uk-navbar-nav  {text-align: center;}
.uk-navbar-nav > li  {display: inline-block; float: none;}
}
@media (max-width: 870px) {
.uk-navbar-nav > li > a {padding: 0 29px;}
}
/* ========================================================================
   Main navigationtablet
=================================================================== */

@media (min-width: 550px) and (max-width: 767px)  { 
  .mainmenu-tablet {display: block;} 
}
@media (max-width: 549px) { 
  .mainmenu-tablet {display: none;} 
}
@media (min-width: 768px) { 
  .mainmenu-tablet {display: none;} 
}


/* ========================================================================
  submenu-normal
 ========================================================================== */



.tm-sidebar-a .uk-panel-box > .uk-nav-side { margin: 0; }
.tm-sidebar-a .uk-nav-side  {padding: 5px 15px; }
.tm-sidebar-a .uk-nav-side > li {margin-bottom: 10px;}
.tm-sidebar-a .uk-nav-side > li > a { font-family: 'News Cycle'!important; font-size: 16px; letter-spacing: 0.2mm; display: inline; padding: 5px 0px; line-height: 30px; }

/*rood rgb(156,21,25)*/

.groepsaccommodatie .tm-sidebar-a .uk-nav-side  {background: #f7eced;}
.groepsaccommodatie .tm-sidebar-a .uk-nav-side > li > a:hover { background: url(../images/menu-underline-rood.png) bottom left no-repeat !important; color: rgb(156,21,25);}
.groepsaccommodatie .tm-sidebar-a .uk-nav-side > li.uk-active > a { background: url(../images/menu-underline-rood.png) bottom left no-repeat !important; color: rgb(156,21,25);}
.groepsaccommodatie .tm-sidebar-a .uk-nav-side:hover  li.uk-active > a { color: #444444 !important; background:none !important; }
.groepsaccommodatie .tm-sidebar-a .uk-nav-side > li.uk-active a:hover { background: url(../images/menu-underline-rood.png) bottom left no-repeat !important; color: rgb(156,21,25) !important; }


/*grijs rgb(136,116,106)*/
.vergaderen .tm-sidebar-a .uk-nav-side {background: #f5f4f3;}
.vergaderen .tm-sidebar-a .uk-nav-side > li > a:hover { background: url(../images/menu-underline-grijs.png) bottom left no-repeat !important; color: rgb(136,116,106);}
.vergaderen .tm-sidebar-a .uk-nav-side > li.uk-active > a { background: url(../images/menu-underline-grijs.png) bottom left no-repeat !important; color: rgb(136,116,106);}
.vergaderen .tm-sidebar-a .uk-nav-side:hover  li.uk-active > a { color: #444444 !important; background:none !important; }
.vergaderen .tm-sidebar-a .uk-nav-side > li.uk-active a:hover { background: url(../images/menu-underline-grijs.png) bottom left no-repeat !important; color: rgb(136,116,106) !important; }


/*paars rgb(97,53,148)*/
.solex-verhuur .tm-sidebar-a .uk-nav-side {background: #f2ebf4;}
.solex-verhuur .tm-sidebar-a .uk-nav-side > li > a:hover { background: url(../images/menu-underline-paars.png) bottom left no-repeat !important; color: rgb(97,53,148);}
.solex-verhuur .tm-sidebar-a .uk-nav-side > li.uk-active > a { background: url(../images/menu-underline-paars.png) bottom left no-repeat !important; color: rgb(97,53,148);}
.solex-verhuur .tm-sidebar-a .uk-nav-side:hover  li.uk-active > a { color: #444444 !important; background:none !important; }
.solex-verhuur .tm-sidebar-a .uk-nav-side > li.uk-active a:hover { background: url(../images/menu-underline-paars.png) bottom left no-repeat !important; color: rgb(97,53,148) !important; }
/*submenu puchverhuur */
.solex-verhuur .uk-active .uk-nav-sub .uk-active a {color: #383838;}

/*geel rgb(254,191,75)*/
.bed-breakfast .tm-sidebar-a .uk-nav-side {background: #f2efe9;}
.bed-breakfast .tm-sidebar-a .uk-nav-side > li > a:hover { background: url(../images/menu-underline-geel.png) bottom left no-repeat !important; color: rgb(254,191,75);}
.bed-breakfast .tm-sidebar-a .uk-nav-side > li.uk-active > a { background: url(../images/menu-underline-geel.png) bottom left no-repeat !important; color: rgb(254,191,75);}
.bed-breakfast .tm-sidebar-a .uk-nav-side:hover  li.uk-active > a { color: #444444 !important; background:none !important; }
.bed-breakfast .tm-sidebar-a .uk-nav-side > li.uk-active > a:hover { background: url(../images/menu-underline-geel.png) bottom left no-repeat !important; color:  rgb(254,191,75) !important; }

/*resp*/

@media (max-width: 930px) { .tm-sidebar-a .uk-nav-side > li > a { font-size: 14px; letter-spacing: 0px;}}
@media (max-width: 767px) {.submenu-normal {display:none;}}

/* ========================================================================
   submenu-small
 ========================================================================== */

@media (max-width: 767px) {.submenu-normal {display:none;}}
@media (min-width: 768px) {.submenu-small {display:none;}}
.tm-main-top .submenu-small {margin: 0px 0px 20px 0px !important;}

.tm-main-top .uk-panel-box > .uk-nav-side { margin: 0; }
.tm-main-top .uk-nav-side  {padding: 5px 15px; }
.tm-main-top .uk-nav-side > li {margin-bottom: 10px; float: left; margin-right: 20px;}
.tm-main-top .uk-nav-side > li > a { font-family: 'News Cycle'!important; font-size: 16px; letter-spacing: 1px; display: inline; padding: 5px 0px; line-height: 30px; }

/*rood rgb(156,21,25)*/

.groepsaccommodatie .tm-main-top .submenu-small  {background: #f7eced;}
.groepsaccommodatie .tm-main-top .uk-nav-side > li > a:hover { background: url(../images/menu-underline-rood.png) bottom left no-repeat !important; color: rgb(156,21,25);}
.groepsaccommodatie .tm-main-top .uk-nav-side > li.uk-active > a { background: url(../images/menu-underline-rood.png) bottom left no-repeat !important; color: rgb(156,21,25);}
.groepsaccommodatie .tm-main-top .uk-nav-side:hover  li.uk-active > a { color: #444444 !important; background:none !important; }
.groepsaccommodatie .tm-main-top .uk-nav-side > li.uk-active a:hover { background: url(../images/menu-underline-rood.png) bottom left no-repeat !important; color: rgb(156,21,25) !important; }


/*grijs rgb(136,116,106)*/
.vergaderen .tm-main-top .submenu-small {background: #f5f4f3;}
.vergaderen .tm-main-top .uk-nav-side > li > a:hover { background: url(../images/menu-underline-grijs.png) bottom left no-repeat !important; color: rgb(136,116,106);}
.vergaderen .tm-main-top .uk-nav-side > li.uk-active > a { background: url(../images/menu-underline-grijs.png) bottom left no-repeat !important; color: rgb(136,116,106);}
.vergaderen .tm-main-top .uk-nav-side:hover  li.uk-active > a { color: #444444 !important; background:none !important; }
.vergaderen .tm-main-top .uk-nav-side > li.uk-active a:hover { background: url(../images/menu-underline-grijs.png) bottom left no-repeat !important; color: rgb(136,116,106) !important; }


/*paars rgb(97,53,148)*/
.solex-verhuur .tm-main-top .submenu-small {background: #f2ebf4;}
.solex-verhuur .tm-main-top .uk-nav-side > li > a:hover { background: url(../images/menu-underline-paars.png) bottom left no-repeat !important; color: rgb(97,53,148);}
.solex-verhuur .tm-main-top .uk-nav-side > li.uk-active > a { background: url(../images/menu-underline-paars.png) bottom left no-repeat !important; color: rgb(97,53,148);}
.solex-verhuur .tm-main-top .uk-nav-side:hover  li.uk-active > a { color: #444444 !important; background:none !important; }
.solex-verhuur .tm-main-top .uk-nav-side > li.uk-active a:hover { background: url(../images/menu-underline-paars.png) bottom left no-repeat !important; color: rgb(97,53,148) !important; }


/*geel rgb(254,191,75)*/
.bed-breakfast .tm-main-top .submenu-small {background: #f2efe9;}
.bed-breakfast .tm-main-top .uk-nav-side > li > a:hover { background: url(../images/menu-underline-geel.png) bottom left no-repeat !important; color: rgb(254,191,75);}
.bed-breakfast .tm-main-top .uk-nav-side > li.uk-active > a { background: url(../images/menu-underline-geel.png) bottom left no-repeat !important; color: rgb(254,191,75);}
.bed-breakfast .tm-main-top .uk-nav-side:hover  li.uk-active > a { color: #444444 !important; background:none !important; }
.bed-breakfast .tm-main-top .uk-nav-side > li.uk-active > a:hover { background: url(../images/menu-underline-geel.png) bottom left no-repeat !important; color:  rgb(254,191,75) !important; }

/*resp*/

@media (max-width: 930px) { .tm-main-top .uk-nav-side > li > a { font-size: 14px; letter-spacing: 0px;}}
@media (min-width: 769px) {.submenu-small {display:none;}}




/* ========================================================================
   Mobile navigation
 ========================================================================== */

.uk-navbar-content > a:not([class]) {
color: black;
}
.tm-logo-small {
letter-spacing: 0em;
}

.uk-navbar-center {text-align: right;}
.uk-navbar-content {margin: 0 20px !important; background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #eee;}

.uk-offcanvas-bar {width: 200px; background: #ffffff;}
.uk-nav-offcanvas > li > a { color: #424242; }
.uk-navbar-content { height: 50px;}
.uk-navbar-center { max-width: 100%;}
.tm-logo-small img { width:120px; height: 40px; margin-left: -20px!important;}
.uk-navbar-toggle { height: 50px; padding: 0 0 0 30px;}

.call2sb a { color: #74c6ba !important; font-weight: bold;}
.uk-offcanvas .socialicon { width: 25px; height: 25px; margin: 5px;}
.uk-nav-offcanvas > li.uk-active > a {background: #74c6ba !important;}
.uk-nav-offcanvas ul a { color: #4B4B4B;}
.uk-nav-offcanvas ul a:hover { color: black !important;}
.uk-nav-sub .uk-active a {color: #75c7b9;}

/*search*/
.uk-offcanvas .uk-search { margin: 0px;}
.uk-offcanvas input.uk-search-field {
width: 100%;
border-color: #C3C3C3;
background: #FFFFFF;
color: #979797;
}
/*resp*/

@media (max-width: 767px) {

.tm-navbar-container {}
.tm-navbar {
background: none;
color: black;
position: fixed;
height: 50px;
width: 100%;
margin-left: -45px !important;
z-index: 6;

}


.tm-top-b {margin: 50px -25px -50px -50px;}
}
@media (max-width: 767px) {
.zoek-boek {padding-right: 20px;}
.call3:before {content:"\f095"; font-family: FontAwesome; font-size: 14px; padding-right: 5px;color: #74c6ba;}
}
@media (max-width: 300px) {
.zoek-boek {display: none;}
}
/* ========================================================================
   Toolbar, header
 ========================================================================== */

.tm-toolbar {margin: 0px; }

.tm-headerbar {margin: 0px 0px 20px 0px;}

.call1 {  font-family: 'Volkhov'!important; font-size: 18px; line-height: 30px; font-style: italic; color: #74c6ba; padding-right: 2px;}
.call2 { font-size: 12px; line-height: 30px; color: black; padding-right: 5px;}
.call2 a { color: black;} 
.call3 a { color: black;} 
/* ========================================================================
   Top-A
 ========================================================================== */
.responsive-logo {text-align: center;}
.responsive-logo img {margin: 20px !important;}
/*resp*/
@media (max-width: 767px){ .tm-top-a { margin-top: 50px;}}
@media (min-width: 768px) {.responsive-logo {display: none;}}


/* ========================================================================
   Zoek-boek modules > Top-B, Main-bottom, content
 ========================================================================== */

/*content*/
.tm-content select#boekselectie {width: 50%; margin: 0px 0px 10px 0px; padding: 7px 0px;}

.tm-content .ikkiesvoor {text-align: left; color:#61A296;}
.tm-content .checkknop {display: block; width: 48.5%; background: #afd5ce; text-align: center; color: white; padding: 7px; margin-bottom: 10px; }
.tm-content .boekknop {display: block; width: 48.5%; background: #74c8b9; text-align: center; color: white; padding: 7px;}
.tm-content .checkknop:hover {text-decoration: none!important; background: #a5c5bf;}
.tm-content .boekknop:hover {text-decoration: none!important; background: #54b3a2;}
.tm-content select#boekselectie { border: 1px solid #bfd8d2;}

/*resp*/
@media (max-width: 450px){ .tm-content select#boekselectie {width: 100%; }  .tm-content .checkknop, .tm-content .boekknop {width: 95%; }  }


/*main-bottom*/
select#boekselectie {width: 100%; margin: 0px 0px 10px 0px; padding: 7px 0px;}

.mod-zoek-boek {
background: #d0ebe4 url(../images/zoek-boek-home.png) top center no-repeat !important; margin-left: -5px!important; background-size: 80%!important; padding: 50px 20px 20px 20px;}
.mod-zoek-boek .ikkiesvoor {text-align: center; color:#61A296;}
.mod-zoek-boek .checkknop {display: block; background: #afd5ce; text-align: center; color: white; padding: 7px; margin-bottom: 10px; }
.mod-zoek-boek .boekknop {display: block; background: #74c8b9; text-align: center; color: white; padding: 7px;}
.mod-zoek-boek .checkknop:hover {text-decoration: none!important; background: #a5c5bf;}
.mod-zoek-boek .boekknop:hover {text-decoration: none!important; background: #54b3a2;}
.mod-zoek-boek select#boekselectie { border: 1px solid #bfd8d2;}

/*top-B*/
.mod-zoek-boek-rood {
background: #f0dcdd url(../images/zoek-boek-rood.png) top center no-repeat !important; margin-left: -5px!important; background-size: 80%!important; padding: 60px 20px 20px 20px;}
.mod-zoek-boek-rood .ikkiesvoor {text-align: center; color:rgb(156,21,25);}
.mod-zoek-boek-rood .checkknop {display: block; background: #d57275; text-align: center; color: white; padding: 7px; margin-bottom: 10px; }
.mod-zoek-boek-rood .boekknop {display: block; background: #990f13; text-align: center; color: white; padding: 7px;}
.mod-zoek-boek-rood .checkknop:hover {text-decoration: none!important; background: #B76568;}
.mod-zoek-boek-rood .boekknop:hover {text-decoration: none!important; background: #6F0E11;}
.mod-zoek-boek-rood select#boekselectie { border: 1px solid rgb(201, 173, 171);}

.mod-zoek-boek-grijs {
background: #edeae8 url(../images/zoek-boek-grijs.png) top center no-repeat !important; background-size: 80%!important; margin-left: -5px!important; padding: 60px 20px 20px 20px;}
.mod-zoek-boek-grijs .ikkiesvoor {text-align: center; color: #88746a;}
.mod-zoek-boek-grijs .checkknop {display: block; background: #BAA397; text-align: center; color: white; padding: 7px; margin-bottom: 10px; }
.mod-zoek-boek-grijs .boekknop {display: block; background: #88746a; text-align: center; color: white; padding: 7px;}
.mod-zoek-boek-grijs .checkknop:hover {text-decoration: none!important; background: #aa9489;}
.mod-zoek-boek-grijs .boekknop:hover {text-decoration: none!important; background: #6d5e56;}
.mod-zoek-boek-grijs select#boekselectie { border: 1px solid rgb(204, 203, 204);}

.mod-zoek-boek-geel {
background: #f2efe9 url(../images/zoek-boek-geel.png) top center no-repeat !important; background-size: 80%!important; margin-left: -5px!important; padding: 60px 20px 20px 20px;}
.mod-zoek-boek-geel .ikkiesvoor {text-align: center; color: #febf4b;}
.mod-zoek-boek-geel .checkknop {display: block; background: #ebc175; text-align: center; color: white; padding: 7px; margin-bottom: 10px; }
.mod-zoek-boek-geel .boekknop {display: block; background: #febf4b; text-align: center; color: white; padding: 7px;}
.mod-zoek-boek-geel .checkknop:hover {text-decoration: none!important; background: #d6b16c;}
.mod-zoek-boek-geel .boekknop:hover {text-decoration: none!important; background: #daa544;}
.mod-zoek-boek-geel select#boekselectie { border: 1px solid rgb(231, 222, 191);}

.mod-zoek-boek-paars {
background: #e8dcf0 url(../images/zoek-boek-paars.png) top center no-repeat !important; background-size: 80%!important; margin-left: -5px!important; padding: 60px 20px 20px 20px;}
.mod-zoek-boek-paars .ikkiesvoor {text-align: center; color: #613594;}
.mod-zoek-boek-paars .checkknop {display: block; background: #926dbd; text-align: center; color: white; padding: 7px; margin-bottom: 10px; }
.mod-zoek-boek-paars .boekknop {display: block; background: #613594; text-align: center; color: white; padding: 7px;}
.mod-zoek-boek-paars .checkknop:hover {text-decoration: none!important; background: #8463aa;}
.mod-zoek-boek-paars .boekknop:hover {text-decoration: none!important; background: #502d78;}
.mod-zoek-boek-paars select#boekselectie { border: 1px solid rgb(197, 189, 216);}

/*resp*/
@media (max-width: 900px) { 
  .ikkiesvoor, .check1, .boek1 {display:none;}
  .checkknop, .boekknop, select#boekselectie {padding: 3px 0px; font-size: 10px;} 
  .mod-zoek-boek-rood, .mod-zoek-boek-grijs, .mod-zoek-boek-geel, .mod-zoek-boek-paars {padding-top: 50px;} }

  /*resp*/
@media (min-width: 575px) and (max-width: 767px) { 
  .mod-zoek-boek .ikkiesvoor, .mod-zoek-boek .check1, .mod-zoek-boek .boek1 {display: block; text-align: center; }
  .mod-zoek-boek .checkknop, .mod-zoek-boek .boekknop, .mod-zoek-boek select#boekselectie {padding: 7px 0px; font-size: 12px;} 
 .mod-zoek-boek {padding-top: 70px;} }

@media (max-width: 400px) { 
  .mod-zoek-boek {padding-top: 70px;} }
  
/*resp*/
@media (max-width: 767px) { .mod-zoek-boek-rood, .mod-zoek-boek-grijs,.mod-zoek-boek-geel, .mod-zoek-boek-paars {display: none;} }

/* ========================================================================
  Slideshow
 ========================================================================== */
.wk-slideshow-default .nav {
margin-top: -30px;
z-index: 999999;
text-align: center;
position: relative;
}
.wk-slideshow-default {margin-bottom: 25px!important;}
.wk-slideshow-default > div:hover .prev {
left: 5px;
}
.wk-slideshow-default > div:hover .next {
right: 5px;
}

/*resp*/
@media (max-width: 767px) {
.wk-slideshow {margin: 0px -25px;}
.wk-slideshow .nav {display: none;}
}

/* ========================================================================
  Voorpagina galleries
 ========================================================================== */

.groepsaccommodatie .tm-bottom-a {background: none; padding-top: 0px;margin-bottom: -10px;}
.vergaderen .tm-bottom-a {background: none;padding-top: 0px;margin-bottom: -10px;}
.solex-verhuur .tm-bottom-a {background: none;padding-top: 0px;margin-bottom: -10px;}
.bed-breakfast .tm-bottom-a {background: none;padding-top: 0px;margin-bottom: -10px;}

.groepsaccommodatie .spotlight .overlay-default {
background: rgba(156,21,25, 0.5) url("../images/plus.png") 50% 50% no-repeat; 
}
.vergaderen  .spotlight .overlay-default {
background: rgba(136,116,106, 0.5) url("../images/plus.png") 50% 50% no-repeat;
}
.solex-verhuur .spotlight .overlay-default {
background: rgba(97,53,148, 0.5) url("../images/plus.png") 50% 50% no-repeat;
}
.bed-breakfast .spotlight .overlay-default {
background: rgba(254,191,75, 0.5) url("../images/plus.png") 50% 50% no-repeat;
}

.voorpagina-gallery {
width: 23%;
margin: 0 2% 0% 0 !important;
}

.voorpagina-gallery a {padding-right: 7px;}
.wk-gallery-wall.margin {
margin: 0 -20px -15px 0;

}
/*resp*/

@media (max-width: 570px) {
.voorpagina-gallery {
width: 48%;
margin: 0 2% 2% 0 !important;
}
}
/* ========================================================================
  Impressie galleries
 ========================================================================== */
.wk-slideshow .slides>li { text-align: center;}
.wk-gallery-showcase .wk-slideset>div {
padding: 0 0px;}

.wk-gallery-showcase .wk-slideset > div .next {
display:none;}
.wk-gallery-showcase .wk-slideset > div .prev {
display:none;}

.wk-gallery-showcase .wk-slideset:hover > div .next {
right: -25px; display: inline;}
.wk-gallery-showcase .wk-slideset:hover  > div .prev {
left: -25px; display: inline;}
.wk-gallery-showcase .wk-slideset .set>li>div {
margin: 0 10px;}
.wk-gallery-showcase .wk-slideset .sets { margin-left: -6px; margin-right: -6px;}
.wk-gallery-showcase .wk-slideset .sets {
padding: 13px 0 3px 0;
}

/*resp*/
@media (max-width: 767px) {
.groepsaccommodatie .wk-slideshow {margin: 0px!important;}
.vergaderen .wk-slideshow {margin: 0px !important;}
.solex-verhuur .wk-slideshow {margin: !important;}
.bed-breakfast .wk-slideshow {margin: !important;}
}

/* ========================================================================
   Main Blocks
 ========================================================================== */

.main-blocks img {float: left; padding: 0px 0px 20px 0px;}

/* main colours*/



.main-blocks.rood a {color: rgb(156,21,25); text-decoration: underline;}
.main-blocks.grijs a {color: rgb(136,116,106);text-decoration: underline;}
.main-blocks.paars a {color: rgb(97,53,148);text-decoration: underline;}
.main-blocks.geel a {color: rgb(254,191,75);text-decoration: underline;}

.main-blocks h3.uk-panel-title {color: white; line-height: 40px;}


.main-blocks.rood h3.uk-panel-title { 
	background: rgb(156,21,25) url("../images/groepsaccommodatie.png") top center no-repeat;
	background-size: contain;
}
.main-blocks.grijs h3.uk-panel-title { 
	background: rgb(136,116,106) url("../images/vergaderen.png") top center no-repeat;
	background-size: contain;
}
.main-blocks.paars h3.uk-panel-title { 
	background: rgb(97,53,148) url("../images/solex-verhuur.png") top center no-repeat;
	background-size: contain;
}
.main-blocks.geel h3.uk-panel-title { 
	background: rgb(254,191,75) url("../images/bed-breakfast.png") top center no-repeat;
	background-size: contain;

}
.main-blocks h3.uk-panel-title a{ color: white; text-decoration: none; display: block;
padding-top: 74%;
padding-bottom: 5px;
padding-left: 10px;
letter-spacing: 0.3mm;
font-size: 18.5px;
}

/*resp*/

@media (max-width: 1000px) {
.main-blocks h3.uk-panel-title a {font-size: 17px;}
}
@media (max-width: 900px) {
.main-blocks h3.uk-panel-title a {font-size: 14px;}
}
@media (max-width: 767px) {
.main-blocks h3.uk-panel-title a {font-size: 18.5px;}
}
@media (max-width: 550px) {
.main-blocks h3.uk-panel-title a {font-size: 14px; letter-spacing: 0mm;}
}
@media (max-width: 400px) {
.main-blocks h3.uk-panel-title a {font-size: 16px; letter-spacing: 0.3mm;}
}
@media (max-width: 300px) {
.main-blocks h3.uk-panel-title a {font-size: 14px; letter-spacing: 0.3mm;}
}

/* ========================================================================
   Frontpage Bottom-a
 ========================================================================== */

.mod-rondleiding { background: #74c6ba;} 
.mod-tips { background: #9fd7cc;}

/* ========================================================================
   Contact map
 ========================================================================== */
.wk-map {margin-bottom: 20px;}

/* ========================================================================
   Reserveren form
 ========================================================================== */

.formResponsive label { height: auto!important; float: none!important;}
.rsformVerticalClear {overflow: auto!important;}

.formResponsive input[type="submit"] {
background-color: #75c7b9;
background-image: none!importANT;
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.24) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.33);
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
padding: 5PX 40PX;
}

.formResponsive input[type="submit"]:hover {
background-color: #38A996;}

.formResponsive input.rsform-calendar-button {
margin-top: -6px;
margin-left: 5px;
}

/* ========================================================================
   Bottom A Blocks
 ========================================================================== */



/*mod-waarom*/

.mod-waarom ul {padding-left: 20px; list-style-type: none; list-style-image:url('../images/waarom-bullet.png');}
.mod-waarom ul li {line-height: 25px;}

.mod-waarom ul.waarom-list2 {display:none;}
.mod-waarom ul.waarom-list1 {display:block;}
/*resp*/
@media (min-width: 768px) and (max-width: 950px) {
.mod-waarom ul.waarom-list1 {display:none;}
.mod-waarom ul.waarom-list2 {display:block;}
.mod-waarom ul li {line-height: 20px;font-size: 11px;}
.waarom2 {font-size: 13px !important; }
}

@media (min-width: 400px) and (max-width: 515px) {
.mod-waarom ul.waarom-list1 {display:none;}
.mod-waarom ul.waarom-list2 {display:block;}
.waarom2 {font-size: 13px !important; }
}

/* ========================================================================
   Bottom B Blocks
 ========================================================================== */

@media (max-width: 960px){
.tm-bottom-b .uk-width-medium-1-4 {width: 50%;}
}
@media (max-width: 525px){
.tm-bottom-b .uk-width-medium-1-4 {width: 100%;}
}

/*naw*/
.footer-naw a {color: black;}

/*social*/
.footer-social img {width: 35px;height:auto;}

/*zoover*/
.footer-zoover img {margin: 0px 5px 5px 5px;}
@media (max-width: 960px){.footer-zoover img {margin-right: 15px; float:left!important;}}

/*aangeslotenbij*/
.footer-aangeslotenbij img {margin-bottom: 10px;}

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

.tm-footer .uk-subnav > li > a { color: #aaa;}

/* ========================================================================
   Typography
 ========================================================================== */
  h1 {font-family: 'News Cycle'!important;}
  h3 {font-family: 'News Cycle'!important;}

  h2 {
    font-family: 'Volkhov'!important; 
    font-style: italic; 
    font-weight: 400; 
    font-size: 20px !important; 
    line-height: 32px!important;
  }

  .groepsaccommodatie h2 {color: rgb(156,21,25);}

  .vergaderen h2 {color: rgb(136,116,106);}

  .solex-verhuur h2 {color: rgb(97,53,148);}

  .bed-breakfast h2 {color: rgb(254,191,75);}

  

body {font-size: 12px;}
p {margin: 0px !important;}
em {
color: black;
}

 .waarom1 {font-size: 32px; color: #74c6ba; }
 .waarom2 {font-style: italic; font-size: 16px;font-family: 'Volkhov'!important; }

 .hometext {font-size: 20px; font-style: italic; text-align: center;}

 /*resp*/
 @media (max-width: 767px) { h2 {font-size: 18px !important; line-height: 22px!important;}}