@charset "utf-8";
/* hc-template-2020 styles - Holland-Cycling .com */

/* to check elements
* {
    outline: 1px solid red;
    opacity: 1 !important;
    visibility: visible !important;
}
*/

/* Grid
-------------------------------------------- */
.sidebar {
grid-area: sidebar;
-ms-grid-row: 2;
-ms-grid-column: 4;
}
.content {
grid-area: content;
-ms-grid-row: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 2;
}
.header {
grid-area: header;
-ms-grid-row: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 3;
margin: 0 0 1rem 0;
}
.footer {
grid-area: footer;
-ms-grid-row: 3;
-ms-grid-column: 2;
-ms-grid-column-span: 3;
}
.spaceleft {
grid-area: spaceleft;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
-ms-grid-column: 1;
margin-left: 1rem;
}
.spaceright {
grid-area: spaceright;
-ms-grid-row: 1;
-ms-grid-row-span: 3;
-ms-grid-column: 5;
}
.sidebar, .content, .spaceleft {
margin: 0 1rem 1rem 0;
}
.container {
display: -ms-grid;
display: grid;
grid-gap: 1rem;
-ms-grid-columns: 0 1fr 1fr 319px 0;
grid-template-columns: 0 1fr 1fr 319px 0;
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-template-areas: "spaceleft header header header spaceright" 
"spaceleft content content sidebar spaceright"
"spaceleft footer footer footer spaceright";
/* make-up: */
box-sizing: border-box;
width:100%;
max-width:1030px;
display: box;
margin:-1px auto 25px;
padding: 0 1rem 1rem 1rem;
background:#f8f8f8;
border:1px #808080 solid;
-moz-box-shadow: inset 0 -5px 5px 5px #eee;
-webkit-box-shadow: inset 0 -5px 5px 5px #eee;
box-shadow: inset 0 -5px 5px 5px #eee;
}
@supports (grid-gap: 1rem) {
	.container {
	grid-gap: 1rem;
	padding: 0 0 1rem 0;
	}
	.sidebar, .content, .header, .footer, .spaceleft, .spaceright {
	margin-right: 0;
	margin-bottom: 0;
	}
	.spaceleft {
	margin-left: 0;
	}
}
/* Homepage content: nested grid */
.topcontent {
grid-area: topcontent;
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
}
.row-1-left {
grid-area: row-1-left;
-ms-grid-row: 2;
-ms-grid-column: 1;
margin: 0 1rem 0 0;
}
.row-1-right {
grid-area: row-1-right ;
-ms-grid-row: 2;
-ms-grid-column: 3;
margin: 0 0 0 1rem;
}
.row-2-left {
grid-area: row-2-left;
-ms-grid-row: 4;
-ms-grid-column: 1;
margin: 0 1rem 0 0;
}
.row-2-right {
grid-area: row-2-right ;
-ms-grid-row: 4;
-ms-grid-column: 3;
margin: 0 0 0 1rem;
}
.row-3-left {
grid-area: row-3-left;
-ms-grid-row: 6;
-ms-grid-column: 1;
margin: 0 1rem 0 0;
}
.row-3-right {
grid-area: row-3-right ;
-ms-grid-row: 6;
-ms-grid-column: 3;
margin: 0 0 0 1rem;
}
.columnspacer-1 {
grid-area: columnspacer-1;
-ms-grid-row: 2;
-ms-grid-column: 2;
background:#ccc;
}
.columnspacer-2 {
grid-area: columnspacer-2;
-ms-grid-row: 4;
-ms-grid-column: 2;
background:#ccc;
}
.columnspacer-3 {
grid-area: columnspacer-3;
-ms-grid-row: 6;
-ms-grid-column: 2;
background:#ccc;
}
.rowspacer-1 {
grid-area: rowspacer-1;
-ms-grid-row: 3;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
margin: 1rem 0;
background:#ccc;
height: 1px;
}
.rowspacer-2 {
grid-area: rowspacer-2;
-ms-grid-row: 5;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
margin: 1rem 0;
background:#ccc;
height: 1px;
}
.rowspacer-3 {
grid-area: rowspacer-3;
-ms-grid-row: 7;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
margin: 1rem 0;
background:#ccc;
height: 1px;
}
/*desktop: content/homepage 2 columns and sidebar */
.homecontent {
display: -ms-grid;
display: grid;
grid-gap: 1rem;
-ms-grid-columns: 1fr 1px 1fr;
grid-template-columns: 1fr 1px 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-template-areas: "topcontent topcontent topcontent" 
"row-1-left columnspacer-1 row-1-right"
"rowspacer-1 rowspacer-1 rowspacer-1"
"row-2-left columnspacer-2 row-2-right"
"rowspacer-2 rowspacer-2 rowspacer-2"
"row-3-left columnspacer-3 row-3-right"
/*"rowspacer-3 rowspacer-3 rowspacer-3"*/;
}
@supports (grid-gap: 1rem) {
	.homecontent {
	grid-gap: 1rem;
	padding: 0;
	}
.topcontent, 
.row-1-left, .columnspacer-1, .row-1-right,
.rowspacer-1,
.row-2-left, .columnspacer-2, .row-2-right,
.rowspacer-2,
.row-3-left, .columnspacer-3, .row-3-right {
	margin: 0;
	}
}
/*tablet: content/homepage 1 column and sidebar */
@media (min-width: 768px) and (max-width: 1023px) {
.topcontent {
grid-area: topcontent;
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
}
.row-1-left {
grid-area: row-1-left;
-ms-grid-row: 2;
-ms-grid-column: 1;
margin: 0;
}
.row-1-right {
grid-area: row-1-right ;
-ms-grid-row: 3;
-ms-grid-column: 1;
margin: 0;
}
.row-2-left {
grid-area: row-2-left;
-ms-grid-row: 4;
-ms-grid-column: 1;
margin: 0;
}
.row-2-right {
grid-area: row-2-right ;
-ms-grid-row: 5;
-ms-grid-column: 1;
margin: 0;
}
.row-3-left {
grid-area: row-3-left;
-ms-grid-row: 6;
-ms-grid-column: 1;
margin: 0;
}
.row-3-right {
grid-area: row-3-right ;
-ms-grid-row: 7;
-ms-grid-column: 1;
margin: 0;
}
.rowspacer-1, .rowspacer-2, .rowspacer-3,
.columnspacer-1,.columnspacer-2,.columnspacer-3 {
display:none;
margin: 0;
}
.homecontent {
display: -ms-grid;
display: grid;
height: auto;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-template-areas: "topcontent"  
"row-1-left" 
"row-1-right"
"row-2-left"
"row-2-right"
"row-3-left"
"row-3-right";
}
}
/*phone: content/homepage 1 column, sidebar below content */
@media (max-width: 767px) {
.sidebar {
grid-area: sidebar;
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.content {
grid-area: content;
-ms-grid-row: 2;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
}
.header {
grid-area: header;
-ms-grid-row: 1;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
margin: 0 0 1rem 0;
}
.footer {
grid-area: footer;
-ms-grid-row: 4;
-ms-grid-column: 2;
-ms-grid-column-span: 1;
}
.spaceleft {
grid-area: spaceleft;
-ms-grid-row: 1;
-ms-grid-row-span: 4;
-ms-grid-column: 1;
margin: 0 0 0 1rem;
}
.spaceright {
grid-area: spaceright;
-ms-grid-row: 1;
-ms-grid-row-span: 4;
-ms-grid-column: 3;
margin: 0 1rem 0 0;
}
.sidebar, .content {
margin: 0 0 1rem 0;
}
.container {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1px 1fr 1px;
grid-template-columns: 1px 1fr 1px;
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-template-areas: "spaceleft header spaceright"
"spaceleft content spaceright"
"spaceleft sidebar spaceright"
"spaceleft footer spaceright";
/* make-up: */
width:100% !important; /*was: width:100vw;*/
box-sizing: border-box;
padding: 0 0.5rem 0.5rem 0.5rem;
margin:-1px 0 0 0;
background:#f8f8f8;
border:0;
-moz-box-shadow: inset 0 -5px 5px 5px #eee;
-webkit-box-shadow: inset 0 -5px 5px 5px #eee;
box-shadow: inset 0 -5px 5px 5px #eee;
}
@supports (grid-gap: 0.5rem) {
	.container {
	grid-gap: 0.5rem;
	padding: 0;
	}
}
.topcontent {
grid-area: topcontent;
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
}
.row-1-left {
grid-area: row-1-left;
-ms-grid-row: 2;
-ms-grid-column: 1;
margin: 0;
}
.row-1-right {
grid-area: row-1-right ;
-ms-grid-row: 3;
-ms-grid-column: 1;
margin: 0;
}
.row-2-left {
grid-area: row-2-left;
-ms-grid-row: 4;
-ms-grid-column: 1;
margin: 0;
}
.row-2-right {
grid-area: row-2-right ;
-ms-grid-row: 5;
-ms-grid-column: 1;
margin: 0;
}
.row-3-left {
grid-area: row-3-left;
-ms-grid-row: 6;
-ms-grid-column: 1;
margin: 0;
}
.row-3-right {
grid-area: row-3-right ;
-ms-grid-row: 7;
-ms-grid-column: 1;
margin: 0;
}
.rowspacer-1, .rowspacer-2, .rowspacer-3,
.columnspacer-1,.columnspacer-2,.columnspacer-3 {
display:none;
margin: 0;
}
.homecontent {
display: -ms-grid;
display: grid;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
-ms-grid-rows: auto;
grid-template-rows: auto;
grid-template-areas: "topcontent" 
"row-1-left" 
"row-1-right"
"row-2-left"
"row-2-right"
"row-3-left"
"row-3-right";
}
/* prevent sigplus preview from expanding beyond viewport: */
/* .slideplus-slot {max-width: calc((100vw/2.2));}*/
div.slideplus-stripe {max-width:96vw !important;}
@supports (grid-gap: 0.5rem) {
	.homecontent {
	grid-gap: 0.5rem;
	padding: 0;
	}
}
}
@media (max-width: 336px) {
.container {
-ms-grid-columns: 1px 1fr 1px;
grid-template-columns: 1px 1fr 1px;
padding: 0 1px 1px 1px;
width:100% !important; /*was: width:100vw;*/
box-sizing: border-box;
margin:-1px 0 0 0;
}
@supports (grid-gap: 1px) {
	.container {
	grid-gap: 1px;
	padding: 0;
	}
}
.content {
max-width:calc(100% - 4px); /*was: max-width:calc(100vw - 4px); */
margin:0 auto;
}
.header {
max-width:calc(100% - 4px); /*was: max-width:calc(100vw - 4px); */
margin:0 auto;
}
/* prevent sigplus preview from expanding beyond viewport: */
/* .slideplus-slot {max-width: calc((100vw/2.2));}*/
div.slideplus-stripe {max-width:96vw !important;}
}

/* Holland-Cycling icons (hcicons font)
-------------------------------------------- */
@font-face {
  font-family: 'hcicons';
  src: url('../font/hcicons.eot?53781274');
  src: url('../font/hcicons.eot?53781274#iefix') format('embedded-opentype'),
       url('../font/hcicons.woff2?53781274') format('woff2'),
       url('../font/hcicons.woff?53781274') format('woff'),
       url('../font/hcicons.ttf?53781274') format('truetype'),
       url('../font/hcicons.svg?53781274#hcicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'hcicons';
    src: url('../font/hcicons.svg?53781274#hcicons') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "hcicons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-mail:before { content: '\e800'; } /* '' */
.icon-ok:before { content: '\e801'; } /* '' */
.icon-close:before { content: '\e802'; } /* '' */
.icon-home:before { content: '\e803'; } /* '' */
.icon-left:before { content: '\e804'; } /* '' */
.icon-right:before { content: '\e805'; } /* '' */
.icon-resize-full:before { content: '\e806'; } /* '' */
.icon-resize-small:before { content: '\e807'; } /* '' */
.icon-plus:before { content: '\e808'; } /* '' */
.icon-minus:before { content: '\e809'; } /* '' */
.icon-ok-circled:before { content: '\e80a'; } /* '' */
.icon-cancel-circled:before { content: '\e80b'; } /* '' */
.icon-plus-circled:before { content: '\e80c'; } /* '' */
.icon-minus-circled:before { content: '\e80d'; } /* '' */
.icon-search:before { content: '\e80e'; } /* '' */
.icon-spin3:before { content: '\e832'; } /* '' */
.icon-spin:before { content: '\e838'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-rss:before { content: '\f09e'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-gplus-squared:before { content: '\f0d4'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-comment:before { content: '\f0e5'; } /* '' */
.icon-plus-squared:before { content: '\f0fe'; } /* '' */
.icon-angle-double-left:before { content: '\f100'; } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-angle-double-up:before { content: '\f102'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-rss-squared:before { content: '\f143'; } /* '' */
.icon-ok-squared:before { content: '\f14a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-mail-squared:before { content: '\f199'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-linkedin-squared:before { content: '\f30c'; } /* '' */
.icon-instagram-squared:before { content: '\f32d'; } /* '' */

/* Page Makeup
-------------------------------------------- */

.sidebararea {
background: none repeat scroll 0 0 #eee;
border: 1px solid #ccc;
border-radius: 0;
margin: 0 0 1rem 0;
min-height: 20px;
padding: 6px;
border-collapse: collapse;
border-spacing: 0;
box-sizing: border-box;
}

.infooter {min-height:30px; clear:both; font-size:12px; color: #fff; background:#808080; padding:8px;}
.infooter p { text-align: center;}
.infooter a { color: #fff; text-decoration: none;}
.infooter a:hover { color: #fff; text-decoration: underline;}

:root {
font-size: 15px;
}
body {
overflow-y: scroll;
font-size: 15px;
background: #ffffff;
margin: 0;
padding: 0;
font-family: Verdana,Helvetica,sans-serif; 
color:#333333; 
line-height:1.5rem;
}

::-moz-selection { background: #ffff88; color: #222;  }
::selection { background: #ffff88; color: #222;  }

/* clear and clearBoth
-------------------------------------------- */
.clearBoth, .clear, .clearfix, .cf:after { 
clear: both; 
}

/* PARAGRAPHS AND TEXT ELEMENTS
-------------------------------------------- */
p, div.item p.readmore { 
margin: 0 0 1rem 0;
}
div.item p { 
margin: 0 0 0.5rem 0;
}
p.last {
margin-bottom: 0 !important;
}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1rem 0; padding: 0;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
ul, ol {margin: 0 0 1.5rem 0.5rem; padding-left: 15px;}
/* ul exceptions: no border: */
ul.actions {float: right; padding: 0 1rem; width: 70px; list-style: none outside none;}
a {color: #181890; text-decoration:none;}
a:hover, a:focus {color: #181890; text-decoration:underline;}

table {
background: none repeat scroll 0 0 #eee;
border: 1px solid #ccc;
border-collapse: collapse;
margin: 6px 0 1.5rem;
max-width: 100%;
box-sizing: border-box;
}
table td {
border: 1px solid #ccc;
padding: 0.5rem;
vertical-align: top;
}
td>ul, td>ol {margin: 0 0 0 0; padding-left: 15px;}
.infooter table {
background: none repeat scroll 0 0 #0f0f0f;
}
fieldset.control-group{
/*
background: none repeat scroll 0 0 #eee;
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0 0 1.5rem;
max-width: 100%;
box-sizing: border-box;
*/
}
fieldset {
padding: 0;
margin: 0;
border: 0;
max-width: 100%;
}
/* HEADER STYLES 
-------------------------------------------- */
h1, h2, h3 { 
color: #181890; 
font-weight: 700;
font-family: Calibri, Verdana, Helvetica, sans-serif;
line-height: 1 !important;
margin-top: 0 !important;
}
h1 {font-size: 240%; clear: both;}
h2 {font-size: 180%; margin-bottom: 0.5rem; clear: both;}
h3 {font-size: 140%; margin-bottom: 0.5rem;}

h4, h5, h6 { 
color:#333333; 
font-family: Verdana, Helvetica, sans-serif;
line-height:1.5rem !important;
margin-top: 0;
}
h4 {font-size: 100%; font-weight: 600; font-style:italic; margin-bottom: 0px;}
h5 {font-size: 100%; font-weight: 600; margin-bottom: 0px;} /* h5 = Bold type used for scanable.top of paragraphs */
h6 {font-size: 110%; font-weight: bold; margin-bottom: 1.2rem;} /* h6 = Bold type used for introductory paragraphs */

h1 a, .page-header h2, .page-header h2 a {
color: #181890; 
font-weight: 700;
font-family: Calibri, Verdana, Helvetica, sans-serif;
font-size: 240%;
margin-bottom: 18px;
text-decoration: none;
}
h3.introtext-after-img-left {
clear:right;
}

/* SIDE MENU & MENU MODULE
-------------------------------------------- */

div.moduletable {max-width: 100% !important;}
div.moduletable ul {list-style: none; text-indent: 0; margin: 0 0 1rem 0;}
div.moduletable ul.nav-child {margin-bottom: 0;}
div.moduletable li {font-size:1rem;}
div.moduletable li:before {content: "\0BB \020";}
li.divider {display: none; visibility: none;}
div.moduletable ul.side-menu, div.moduletable ul.latestnews {padding: 0;}
div.moduletable ul.side-menu li.current a {font-weight: bold; color: #666;}
div.moduletable ul.side-menu li.current ul li a {font-weight: normal; color: #666;}
ul.nav-child {margin: 0;}
.nav > li > a {display: inline-block; padding: 0 0.5em; position: relative;}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: underline; background-color: transparent;}
.nav-tabs {border-bottom: 0} /* as in login form */
.nav-tabs > li > a {border: 1px solid transparent; border-radius: 0;line-height: 1.5; margin-right: 0;}
.nav-tabs > li > a:hover {border: 1px solid transparent;}

/* IMAGES
-------------------------------------------- */
img.image640 {
width: 100%;
max-width: 640px;
height: auto;
clear:both;
}
span.image640 {
width: 100%;
height: auto;
clear:both;
}

/* QUOTES
-------------------------------------------- */
blockquote {
quotes: none;
display: block;
margin:1rem 0 1.5rem 0 ;
padding:0.5rem;
border:1px #ccc solid;
background:#eee;
text-align: left;
font-family:Verdana,Helvetica,sans-serif; 
font-size:100%;
color:#666666;
}
blockquote:before, blockquote:after  { content: none;}
blockquote p, blockquote strong, blockquote em, blockquote ul, blockquote li {font-size:100%; color:#666666;}
blockquote p {margin: 0 0 1.5rem 0; line-height: 1.5rem;}

q {
display:block;
font-size: 0.8rem;
margin: 1rem 1rem;
padding: 0.5rem;
border: 1px #ccc solid;
quotes: none;
}
q:before, q:after { content: none; }

/* HC TOPMENU
/* 2020 Menu Custom Style
-------------------------------------------- */
div#menu-line {
visibility: hidden;
}
/*-- main menu container--*/
.no-touch nav {
z-index:1999;
position:relative;
height:35px; 
margin:0 auto;
padding: 0;
box-sizing: border-box;
border: 1px solid #f00000;
background: #f8a8a8;
background: -moz-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f8a8a8), color-stop(60%, #f4c8c8), color-stop(100%, #f00000));
background: -webkit-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: -o-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: -ms-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: linear-gradient(to bottom, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a8a8', endColorstr='#f00000', GradientType=0 );
overflow: visible !important;
display: block !important;
float: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.no-touch nav ul {
padding: 0px;
margin: 0px;
}
.no-touch nav:after,
.no-touch nav > ul:after { 
content: ""; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0;
}
.no-touch nav div#menu-button { 
display: none;
}
.no-touch nav li.menulevel1 {
margin:0;
padding: 0;
list-style:none;
border: 0;
display: inline-block;
}
.no-touch nav li.menulevel1 a {
display: block;
box-sizing: border-box;
margin: 0;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
float: left;
list-style: none;
font-family:Calibri,Arial,sans-serif;
line-height: 33px;
padding: 0 0.75rem;
color:#0c0c48;
font-weight:bold;
font-size:21px;
text-decoration:none;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
.no-touch nav li.menulevel1 a:active,
.no-touch nav li.menulevel1 a:hover,
.no-touch nav li.menulevel1 a:focus {
text-decoration:none;
}
/* level 1 item active or current */
.no-touch nav li.menulevel1:active a, 
.no-touch nav li.menulevel1.active a,
.no-touch nav li.menulevel1.current a {
background: #ffd9d9;
background: -moz-linear-gradient(top, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd9d9), color-stop(60%, #ffffff), color-stop(100%, #ff4848));
background: -webkit-linear-gradient(top, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
background: -o-linear-gradient(top, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
background: -ms-linear-gradient(top, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
background: linear-gradient(to bottom, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd9d9', endColorstr='#ff4848', GradientType=0 );
border-left: 1px solid #f00000;
border-right: 1px solid #f00000;
}
/* level 1 item hovered */
.no-touch nav li.menulevel1:hover a {
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #eeeeee), color-stop(60%, #ffffff), color-stop(100%, #999999));
background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 60%, #999999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#999999', GradientType=0 );
border-left: 1px solid #f00000;
border-right: 1px solid #f00000;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
/* Drop-down menu: uiterlijk */
.no-touch nav div.inner.menulevel2 {
position: absolute;
z-index: 5998;
display: block;
visibility: hidden;
opacity: 0;
top: 34px;
box-sizing: border-box;
background-color:white;
margin: 0 0 0 -6px;
border:1px solid #cccccc;
box-shadow: 4px 6px 5px 4px rgba(0,0,0,0.33);
-webkit-box-shadow: 4px 6px 5px 4px rgba(0,0,0,0.33);
-moz-box-shadow: 4px 6px 5px 4px rgba(0,0,0,0.33);
background-image:linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
background-image:-o-linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
background-image:-moz-linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
background-image:-webkit-linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
background-image:-ms-linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
-webkit-transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-ms-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
}
.no-touch nav li.menulevel1:hover div.inner.menulevel2, .no-touch nav li.menulevel2 div.inner.menulevel2:hover {
display: block;
visibility: visible;
overflow: auto;
opacity: 1;
}
/* exceptions: align drop-down right on certain menu-items */
.no-touch nav li.menulevel1.item-472 div.inner.menulevel2, 
.no-touch nav li.menulevel1.item-473 div.inner.menulevel2,
.no-touch nav li.menulevel1.item-475 div.inner.menulevel2 {
right: 0;
}
.no-touch nav div.menulevel2.menucolumn {
display: inline-block;
position: relative;
float: left;
width: 274px;
vertical-align: top;
border-left: 1px solid #cccccc;
}
.no-touch nav div.menulevel2.menucolumn.first {
width: 275px;
border-left: 0;
}
.no-touch nav ul.sub-menu {
padding: 0;
margin: 0px 10px;
}
/* menulevel 2 */
.no-touch nav div.inner.menulevel2 li {
display: inline-block;
clear:both;
height: auto;
position: relative;
width: 100%;
margin-bottom: 12px;
background: transparent;
list-style: outside none;
border: 0;
border-top: 1px solid #cccccc;
}
.no-touch nav div.inner.menulevel2 li:first-child {
border-top: 0;
}
.no-touch nav div.inner.menulevel2 li a {
display: block;
border:0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1;
color: #333333;
font-weight: 700;
background: transparent;
text-decoration: none;
padding: 20px 20px 10px;
margin: 0px -10px;
}
.no-touch nav div.inner.menulevel2 li a:hover {
text-decoration: underline;
}
.no-touch nav div.inner.menulevel2 li.has-sub a::after {
display: inline-block;
font-family: "hcicons";
position: absolute;
right: 6px;
top: 20px;
font-size: 1rem;
line-height: 1;
font-style: normal;
font-weight: normal;
content: "";
}

/* menulevel 3 */
.no-touch nav div.inner.menulevel3 li {
display: block;
border:0;
width: 100%;
}
.no-touch nav div.inner.menulevel3 li a {
display: block;
border:0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1;
color: #333333;
font-weight: normal;
background: transparent;
text-decoration: none;
text-indent: -15px;
padding: 5px 0px 5px 15px;
margin: 0;
}
.no-touch nav div.inner.menulevel3 li a:hover {
text-decoration: underline;
}
.no-touch nav div.inner.menulevel3 li a::before {
content: "» ";
}

/* touch screens */
.touch nav {
z-index:1999;
position:relative;
width: 100%;
height:35px; 
margin:0 auto;
padding: 0;
box-sizing: border-box;
border: 1px solid #f00000;
background: #f8a8a8;
background: -moz-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f8a8a8), color-stop(60%, #f4c8c8), color-stop(100%, #f00000));
background: -webkit-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: -o-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: -ms-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: linear-gradient(to bottom, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a8a8', endColorstr='#f00000', GradientType=0 );
overflow: visible !important;
display: block !important;
float: none !important;
visibility: visible !important;
opacity: 1 !important;
}
/* Menu button  */
.touch nav div#menu-button::before {
display: inline-block;
position: absolute;
left: 0;
top: 5px;
font-family: "hcicons";
padding: 0 0.5rem;
font-size: 21px;
font-style: normal;
font-weight: normal;
cursor: pointer;
content: "\f0c9";
}
.touch nav #menu-button::after {
display: inline-block;
position: absolute;
left: 30px;
top: 0;
margin: 0;
border: 0;
float: left;
list-style: none;
font-family:Calibri,Arial,sans-serif;
line-height: 33px;
padding: 0;
color:#0c0c48;
font-weight:bold;
font-size:21px;
text-decoration:none;
cursor: pointer;
content: "Menu";
}
.touch nav div#menu-button.menu-opened::before {
content: "\e802";
}
.touch nav #menu-button.menu-opened::after {
content: "Close menu";
}
.touch nav ul {
width: 302px;
display: none;
opacity: 0;
position: absolute;
z-index: 5998;
top: 34px;
box-sizing: border-box;
background-color:white;
margin: -1px;
padding: 0;
border:1px solid #cccccc;
box-shadow: 4px 6px 5px 4px rgba(0,0,0,0.33);
-webkit-box-shadow: 4px 6px 5px 4px rgba(0,0,0,0.33);
-moz-box-shadow: 4px 6px 5px 4px rgba(0,0,0,0.33);
background-image:linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
background-image:-o-linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
background-image:-moz-linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
background-image:-webkit-linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
background-image:-ms-linear-gradient(top,#FFF 0,#FFF 2px,#f3f3f3 3px,#fff 10%,#fff 90%,#f3f3f3 100%);
-webkit-transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-ms-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
}
.touch nav ul.open {
opacity: 1;
-webkit-transition: opacity 500ms ease-in-out;
-moz-transition: opacity 500ms ease-in-out;
-ms-transition: opacity 500ms ease-in-out;
-o-transition: opacity 500ms ease-in-out;
transition: opacity 500ms ease-in-out;
}
.touch nav ul li,
.touch nav ul ul li,
.touch nav ul li ul li {
list-style: none outside;
position: relative;
margin: 0;
padding: 0;
}
/* menulevel 1 touch */
.touch nav ul li.menulevel1 {
margin: 1px;
border:1px solid #0c0c48;
background: #f8f8f8;
}
.touch nav ul li.menulevel1 a {
color: #0c0c48; 
font-weight: 700;
font-family: Calibri, Verdana, Helvetica, sans-serif;
font-size: 1.4rem;
display: block;
line-height: 1;
text-decoration: none;
padding: 10px 15px;
cursor: pointer;
}
/* submenu levels */
.touch nav ul.sub-menu {
clear:both;
width: 100%;
height: auto;
position: relative;
z-index: 5998;
top: 0;
margin: 0;
box-sizing: border-box;
background: transparant;
border: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
/* menulevel 2 */
.touch nav ul li.menulevel2 {
display: inline-block;
clear:both;
line-height: 1.2;
position: relative;
width: 100%;
background: #eeeeee;
list-style: outside none;
border: 0;
border-top: 1px solid #cccccc;
box-shadow: none;
}
.touch nav ul li.menulevel2 a {
display: block;
border:0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.2rem;
color: #333333;
font-weight: 700;
background: transparent;
text-decoration: none;
padding: 10px 0px 10px 2rem;
margin: 0px -10px;
}
/* menulevel 3 */
.touch nav ul li.menulevel3 {
display: inline-block;
clear:both;
line-height: 1.2;
position: relative;
width: 100%;
background: #e6e6e6;
list-style: outside none;
border: 0;
border-top: 1px solid #eeeeee;
box-shadow: none;
}
.touch nav ul li.menulevel3 a {
display: block;
border:0;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1rem;
line-height: 1.2rem;
color: #333333;
font-weight: normal;
background: transparent;
text-decoration: none;
padding: 10px 0px 10px 2rem;
margin: 0px -10px;
}
.touch nav div.inner.menulevel3 li a::before {
content: "» ";
}
.touch nav .submenu-button { 
display: inline-block;
font-family: "hcicons";
position: absolute;
right: 0;
top: 3px;
padding: 0.5rem;
font-size: 1.2rem;
font-style: normal;
font-weight: normal;
cursor: pointer;
}
.touch nav li.menulevel2 .submenu-button { 
font-size: 1rem;
color: #333333;
}
.touch nav .submenu-button::after {
content: "\e808";
}
.touch nav .submenu-button.submenu-opened::after { 
content: "\e809";
}
.touch nav .submenu-button.submenu-opened {
display: inline-block;
}
/* active or current element */
.touch nav ul li.active,
.touch nav ul li.current {
background: #e6e6f4;
}
.touch nav ul li.current > a,
.touch nav ul li.current > a:hover {
color: #181890;
}
.touch nav ul li a:hover {
text-decoration: underline;
}

/* MODULES
-------------------------------------------- */
div.moduletable, div.mod-custom {
width:100%;
border-bottom: 1px solid #ccc;
margin-bottom: 1rem;
padding-bottom: 1rem;
display: inline-block;
}
div.bigimage div.moduletable, div.bigimage div.mod-custom, div.infooter div.moduletable, div.infooter div.mod-custom,div.topcontent div.moduletable, div.topcontent div.mod-custom {
border: none;
margin: 0;
padding: 0;
}
article > div.moduletable {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
div#main div.moduletable {
border-bottom: 0;
padding-bottom: 1rem;
}
div.moduletable h3, div.moduletable h2 {
margin-top: 5px;
}
div.nested-rows-2-to-4 div.moduletable {
border-bottom: 0;
margin-bottom: 0;
}

/* -- gallery preview on homepage -- */
div.gallery-preview {
max-width: 100%;
display: block;
}
div.gallery-preview p {
clear:both;
display: inline-block;
margin: 0;
}
div#home-image>ul, div#home-image ul>li {
margin: 0 !important;
padding: 2px 0 !important;
}
div.gallery-preview img#home-image_img0000 {
box-sizing: content-box;
margin: 2px 0 5px !important;
}
div.slideplus-button {
opacity:0;
}
div.slideplus-button:hover {
opacity:80;
}

/* -- cookie warning area -- */
#cookieinfo {
position:fixed;
width:100%;
bottom:0px;
right:0;
left:0;
text-align:center;
z-index:10000;
background:#fee;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-bottom:none;
box-shadow:0 0 30px rgba(0,0,0,0.4);
padding:15px 0;
box-sizing:border-box
}

/* ALIGNMENT CLASSES 
-------------------------------------------- */
.left, .pull-left {
float: left;
margin-right: 0.75rem;
}
.center {
float: none;
margin-left: auto;
margin-right: auto;
display: inline block;
}
.right, .pull-right {
float: right;
margin-left: 0.75rem;
}
.leftAlone {
float: left;
clear: both;
}
.rightAlone {
float: right;
clear: both;
}

/* IMAGES and SIGPLUS PHOTO GALLERY
-------------------------------------------- */
img {
border: 1px #ccc solid;
margin: 2px 0 5px 0;
display: inline-block;
box-sizing: content-box;
max-width: 100%;
height: auto;
}
img.leading, .image640 {
width: 640px;
max-width: 100%;
height: auto;
clear: both;
}
/* img exceptions: no border: */
ul.actions img {border: 0;}
/* links on images */
div.caption,
p.caption,
div.captionImage p,
p.imgCaption,
span.imgCaption,
span.easy_img_caption_inner,
div.boxplus-imagecaption,
div.boxplus-caption,
div.boxplusx-description,
div.boxplusx-title,
div.captionplus-align div,
#sigplus_1001 .slideplus-caption {
text-align: left;
font-weight: normal;
font-style: italic;
font-size: 12px;
color: #666666;
display: block;
line-height:1.2rem;
}
div.caption,
p.caption,
div.captionImage p,
p.imgCaption,
span.imgCaption,
span.easy_img_caption_inner {
margin-bottom: 1rem;
}
div.boxplusx-title {
font-weight: bold;
}
div.caption a,
p.caption a,
div.captionImage a,
span.easy_img_caption_inner a,
p.imgCaption a,
span.imgCaption a,
div.boxplus-imagecaption a,
div.boxplus-caption a,
div.captionplus-align div a,
#sigplus_1001 .slideplus-caption a {
color: #333333;
text-decoration:none;
}
p.caption a:hover,
div.captionImage a:hover,
p.imgCaption a:hover,
span.imgCaption a:hover,
span.easy_img_caption_inner a:hover,
div.boxplus-imagecaption a:hover,
div.boxplus-caption a:hover,
div.captionplus-align div a:hover,
#sigplus_1001 .slideplus-caption a:hover {
color: #333333;
text-decoration:underline;
}
#sigplus_1001 .slideplus-caption {
visibility: visible;
text-align: center;
overflow: auto;
}
div.blog-item {
display:flex;
}
div.img-intro-left {
display: inline-block;
float: left;
margin: 0 1rem 0 0;
}
div.intro-block {
display: inline-block;
margin: 0;
flex: 1;
vertical-align: top;
}
div#imageholder,
div#imageholder div.sigplus-gallery.sigplus-center.sigplus-captionsbelow > ul > li,
div#imageholder div#home-image >div.boxplus-figurecaption {
margin: 0px;
background: transparent;
text-align: left !important;
}
img.sigplus-preview {
-webkit-box-sizing:border-box !important;
box-sizing:border-box !important;
}
/* disable arrows over slideshow img */
div.boxplusx-viewport div.boxplusx-previous,div.boxplusx-viewport div.boxplusx-next,
div.boxplusx-viewport div.boxplusx-previous:hover,div.boxplusx-viewport div.boxplusx-next:hover,
div.boxplusx-viewport div.boxplusx-previous:active,div.boxplusx-viewport div.boxplusx-next:active {
display:none;
}
/* ++++++  on Home Page */
div.first-item-image img {width:100%; max-width:315px;box-sizing: content-box;}
div.bigimage {width:100%; line-height: 0;}
div.bigimage img {width:100%; max-width:998px; height: auto; border:none; margin:0 auto 0 auto;}
.sigplus-center, 
.sigplus-center>ul,
.sigplus-gallery .sigplus-center ul,
div#sigplus_1001>ul {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
text-align: left !important;
}
div.captionplus-outside {
position: relative;
box-sizing: border-box;
width: 100%;
overflow: hidden;
height: 48px;
}
.slideplus-below>.slideplus-caption {
height: 48px;
}
/* ++++++ in routes and maps */

div#map0.gpxtrackmap.olMap {border: 1px #ccc solid; margin: 2px 0 5px 0; display: inline-block;}
span.gpxwpdesc img{border: 1px solid #ccc;}
.leaflet-container .leaflet-tile,
.leaflet-pane img, .leaflet-marker-pane img, img.leaflet-marker-icon {
	border: 0 transparent !important; /* added SSK */
}
/* ++++++ Sigplus Photo gallery page */
.sigplus-gallery>ul {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.sigplus-gallery>ul>li {
display: inline-block;
position: relative;
margin: 0 6px 0 0;
border: 0 none transparent;
padding: 0;
background: transparent none no-repeat scroll 0 0;
text-align: center;
visibility: visible;
opacity: 1;
animation: fade-in 1s;
}
.sigplus-center, .sigplus-center>ul {
text-align: center !important;
}
.captionplus {
display: inline-block;
position: relative;
white-space: normal;
/*padding: 0 5px 0 0;*/
}
div.captionplus-align {
position: absolute;
top: 5px;
box-sizing: border-box;
max-width: 100%;
max-height: 100%;
}
.captionplus-align.captionplus-horizontal-center.captionplus-vertical-center {
left: 50%;
transform: translate(-50%,0);
width: 100%;
}
.captionplus-outside {
position: relative;
height: 48px;
text-align: center;
box-sizing: border-box;
width: 100%;
overflow: hidden;
}
.slideplus-below>.slideplus-content, .slideplus-slot.slideplus-below {
padding-bottom: 48px;
}
/* ++++++ Sigplus Photo gallery lightbox */
.boxplusx-container {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
box-sizing: border-box;
max-width: none;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.8);
cursor: default;
z-index: 9999;
animation: fadein .8s;
}
.boxplusx-dialog, 
.boxplusx-dialog.boxplusx-dark, 
.boxplusx-dialog.boxplusx-dark .boxplusx-detail,
#boxplusx_sigplus_1001 .boxplusx-dialog, 
#boxplusx_sigplus_1001 .boxplusx-detail {
background-color: rgba(255,255,255,1) !important;
color: #ccc;
}
.boxplusx-dialog {
display: inline-block;
box-sizing: border-box;
margin: 5px;
border: 0 solid transparent;
padding: 10px;
min-width: 100px;
min-height: 100px;
max-width: 100%;
overflow: hidden;
}
.boxplusx-wrapper {
display: flex;
flex-flow: column;
position: relative;
}
.boxplusx-viewport {
position: relative;
overflow: hidden;
}
/* oud: 
div.boxplus-viewport {max-width: 644px; overflow:hidden;}
div.boxplus-viewer {max-width: 100%;}
*/
.boxplusx-content .boxplusx-image {
border: 1px #ccc solid;
display: inline-block;
box-sizing: content-box;
}
@media (-moz-touch-enabled:0), (hover) and (pointer: fine)
.boxplusx-navigation.boxplusx-bottom, .boxplusx-navigation.boxplusx-top {
visibility: visible;
opacity: 0;
}
.boxplusx-navigation.boxplusx-bottom, .boxplusx-navigation.boxplusx-top {
visibility: visible;
opacity: 0;
}
.boxplusx-navigation.boxplusx-bottom:hover, .boxplusx-navigation.boxplusx-top:hover {
visibility: visible;
opacity: 1;
}
.boxplusx-bottom {
bottom: 0;
}
.boxplusx-bottom, .boxplusx-top {
position: absolute;
left: 0;
right: 0;
}
.boxplusx-navigation {
margin: 6px 0;
height: 60px;
overflow: hidden;
}
.boxplusx-container[dir=ltr] .boxplusx-navbar {
left: 0;
transition: left 0s linear;
}

.boxplusx-navbar {
position: absolute;
top: 0;
bottom: 0;
white-space: nowrap;
}
.boxplusx-navitem {
display: inline-block;
position: relative;
width: 60px;
height: 100%;
overflow: hidden;
opacity: .8;
transition: opacity .1s;
}
.boxplusx-navitem.boxplusx-current, .boxplusx-navitem:hover {
opacity: 1;
}
.boxplusx-navitem>.boxplusx-aspect {
box-sizing: border-box;
height: 100%;
}
.boxplusx-aspect {
margin: 0;
border: 0 solid transparent;
padding: 0;
max-width: 100%;
height: auto;
}
.boxplusx-current>.boxplusx-navimage {
border-color: red;
}
.boxplusx-navimage {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 1px solid #CCCCCC;
margin: 2px;
background: transparent none no-repeat scroll 50%;
background-size: contain;
color: rgba(255,255,255,0);

}
.boxplusx-expander {
position: absolute;
width: 18px;
height: 18px;
top: 6px;
left: 6px;
padding: 4px;
background: rgba(0,0,0,.5) 50% no-repeat;
background-size: 18px 18px;
}
.boxplusx-container[dir=ltr] .boxplusx-controls>.boxplusx-previous, 
.boxplusx-container[dir=ltr] div.boxplusx-rewind,
.boxplusx-container[dir=rtl] .boxplusx-controls>.boxplusx-next, 
.boxplusx-container[dir=rtl] div.boxplusx-forward {
background-image: url(data:image/svg+xml charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 10 '%3E%3Crect width='100' height='100' ry='25' fill-opacity='.5'/%3E%3Cpath d='M54.5 36.5h16v28h-16zm-25 14l25 34m0 0l-25-34 25-35' fill='%23fff/%3E%3C/svg%3E');
}
.boxplusx-container[dir=ltr] .boxplusx-controls>.boxplusx-next,
.boxplusx-container[dir=ltr] div.boxplusx-forward,
.boxplusx-container[dir=rtl] .boxplusx-controls>.boxplusx-previous,
.boxplusx-container[dir=rtl] div.boxplusx-rewind {
background-image: url(data:image/svg+xml charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' ry='25' fill-opacity='.5'/%3E%3Cpath d='M45.5 36.5h-16v28h16zm25 14l-25 34m0 0l25-34-25-35' fill='%23fff/%3E%3C/svg%3E');
}
.boxplusx-container[dir=ltr] .boxplusx-forward, .boxplusx-container[dir=rtl] .boxplusx-rewind {
right: 0;
padding: 2px;
}
.boxplusx-container[dir=ltr] .boxplusx-rewind, 
.boxplusx-container[dir=rtl] .boxplusx-forward {
left: 0;
padding: 2px;
}
.boxplusx-forward,
.boxplusx-rewind {
position: absolute;
top: 0;
bottom: 0;
width: 24px;
background: transparent none no-repeat scroll 50%;
}


/* PRE STYLES 
-------------------------------------------- */
pre {
font-family:Verdana,Helvetica,sans-serif; 
display:block;
font-size:12px;
color:#666666;
margin:1.0rem 1.0rem 1.5rem 1.0rem;
padding:1rem;
border:1px #ccc solid;
background:#eee;
}

/* ADVERTS
-------------------------------------------- */
div#div-gpt-ad-1428391514222-0,
div#div-gpt-ad-1428391514222-1,
div#div-gpt-ad-1428391514222-2
{
border: 1px #ccc solid;
box-sizing: content-box;
}

/* SPECIFIC STYLES 
-------------------------------------------- */

caption, th, td {text-align: left; font-weight: normal;}
input, select {margin: 3px 0; padding: 1px;}
input.honeypot, input.hc-beeziness, #honeypot, #hc-beeziness {visibility: hidden; tabindex:-1}
button, input, select, textarea {font-size: 100%; vertical-align: baseline; color: #666; font-family: Verdana,Helvetica,sans-serif;}
::-webkit-input-placeholder {color: #666; opacity:  1;}
::-moz-placeholder {color: #666; opacity:  1;}
:-ms-input-placeholder {color: #666; opacity:  1;}
label {cursor: pointer; display: inline-block; font-weight: normal; margin-bottom: 0;}
div.input-group {display: inline-block; margin-bottom: 0;}
dl {margin-bottom: 1.5rem;}
ul.btn-toolbar {list-style-type: none;}
li.result-item {margin-bottom: 1.5rem;}
h3.result-title {margin-bottom: 0.5rem;}
mark {background-color: #FFFFCC; font-weight: bold; padding: 1px;}
button,
a.btn, .btn-primary,
button.btn,
input.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
display: inline-block;
color: #333333;
padding: 1px 6px;
font: normal 1rem Verdana, Helvetica, sans-serif;
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #eeeeee), color-stop(60%, #ffffff), color-stop(100%, #999999));
background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 60%, #999999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#999999', GradientType=0 );
box-shadow: 0 0 .05rem rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 .05rem rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 .05rem rgba(0,0,0,0.4);
border: 1px solid #999;
border-radius: 4px;
margin: 5px 5px 8px 5px;
padding: 4px 6px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background: #f0f0f0;
background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 60%, #cccccc 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f0f0f0), color-stop(60%, #ffffff), color-stop(100%, #cccccc));
background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffff 60%, #cccccc 100%);
background: -o-linear-gradient(top, #f0f0f0 0%, #ffffff 60%, #cccccc 100%);
background: -ms-linear-gradient(top, #f0f0f0 0%, #ffffff 60%, #cccccc 100%);
background: linear-gradient(to bottom, #f0f0f0 0%, #ffffff 60%, #cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#cccccc', GradientType=0 );
box-shadow: 0 0 .05rem rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 .05rem rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 .05rem rgba(0,0,0,0.4);
border: 1px solid #999;
color: #121272;
}
#form-login-remember {
margin: 5px 5px 8px 10px;
}
a.btn:hover, button a {
text-decoration: none;
}
button.red,
input[type="button"].red,
input[type="submit"].red {
display: inline-block;
color: #0c0c48;
padding: 1px 6px;
font: bold 1rem Verdana, Helvetica, sans-serif;
background: #f8a8a8;
background: -moz-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f8a8a8), color-stop(60%, #f4c8c8), color-stop(100%, #f00000));
background: -webkit-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: -o-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: -ms-linear-gradient(top, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
background: linear-gradient(to bottom, #f8a8a8 0%, #f4c8c8 60%, #f00000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a8a8', endColorstr='#f00000', GradientType=0 );
box-shadow: none;
border: 1px solid #F00000;
border-radius: 4px;
margin: 5px 5px 8px 5px;
padding: 4px 6px;
}

button.red:hover,
input[type="submit"].red:hover,
input[type="button"].red:hover {
color: #000000;
background: #ffd9d9;
background: -moz-linear-gradient(top, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd9d9), color-stop(60%, #ffffff), color-stop(100%, #ff4848));
background: -webkit-linear-gradient(top, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
background: -o-linear-gradient(top, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
background: -ms-linear-gradient(top, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
background: linear-gradient(to bottom, #ffd9d9 0%, #ffffff 60%, #ff4848 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd9d9', endColorstr='#ff4848', GradientType=0 );
}

div#article-info p {
margin: 1rem 0 1rem 0;
text-align: left;
font-weight: normal;
font-style: normal;
font-size: 80%;
color: #666666;
line-height:1.1rem;
}
div#article-info p a {
color: #333333;
text-decoration:none;
}
div#article-info p a:hover {
color: #333333;
text-decoration:underline;
}

span.gpxwptname { 
color: #181890; 
font-weight: 700;
font-family: Calibri, Verdana, Helvetica, sans-serif;
font-size: 160%;
margin-bottom: 4px;
}

span.gpxwptdesc {
color: #666666; 
font-weight: normal;
font-family: Verdana, Helvetica, sans-serif;
}

div#searchboxInc {
border: 1px #ccc solid;
margin: 2px 0 5px 0;
display: inline-block;
background:#ddd;
max-width: 100%;
size: border-box;
padding: 5px;
}
input.js-finder-search-query {
max-width: 100%;
}

/* links: prevent blue flashing background of element */
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}

span#vbAjaxBusy img {
border: none;
}

a.rssfeed:hover, a.rssfeed:active {
background: url("../images/rssfeed16high.png") no-repeat 0 60%;
}
a.facebook, a.twitter, a.rssfeed {
border: 0;
margin-left: 0px;
padding: 0 0 0 19px;
} 
a.rssfeed {
background: url("../images/rssfeed16.png") no-repeat 0 60%;
}
a.rssfeed:hover, a.rssfeed:active {
background: url("../images/rssfeed16high.png") no-repeat 0 60%;
}
a.facebook {
background: url("../images/facebook16.png") no-repeat 0 60%;
} 
a.facebook:hover, a.facebook:active {
background: url("../images/facebook16high.png") no-repeat 0 60%;
} 
a.twitter {
background: url("../images/twitter16.png") no-repeat 0 60%;
} 
a.twitter:hover, a.twitter:active {
background: url("../images/twitter16high.png") no-repeat 0 60%;
}

/* BREADCRUMBS
-------------------------------------------- */
.breadcrumb {
background-color: transparent; border:none; list-style: none outside none;
margin: 0.5rem 0 1rem 0; padding: 0; 
color: #999999; font-size: 10px;
}
.breadcrumb ul li {
margin: 0px 5px 10px 0; display: inline; list-style: none;
}
.breadcrumb a {
color: #666666; text-decoration:none; font-size: 10px; margin: 0px 5px 10px 0;
}
.breadcrumb a:hover {
color:#666666; text-decoration:underline; font-size: 10px; margin: 0px 5px 10px 0;
}
.breadcrumb > li + li:before {
color: #999999; content: none; padding: 0 5px 10px 0;
}

/* FORMS
-------------------------------------------- */
.form-horizontal .control-label {text-align: left;}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, 
.form-horizontal .radio-inline, .form-horizontal .checkbox-inline {padding: 0;}
.form-horizontal .control-group {margin:5px 5px;}

/* CONTACT FORM ON HOLIDAYS PAGES
-------------------------------------------- */
div#contact-form {
display: none !important;
}

div#contact-form:target {
display: block !important;
}

div.rapid_contact tr, div.rapid_contact td {
border: none;
vertical-align:middle;
}

/* SYSTEM MESSAGES
-------------------------------------------- */

.systemmessage {
position: -webkit-sticky;
position: sticky;
top: 20px;
z-index: 999;
clear: none;
}
dt, dd {
line-height: 1.4rem;
margin: 0.5rem;
display: inline-block;
margin-inline-start: 0px;
}
dt.warning, dt.notice, dt.message, dt.info, dt.success {
display: none;
}
dl#system-message, div.systemmessage {
font-family: Verdana,Helvetica,sans-serif;
font-weight: normal;
font-size: 1.2rem;
line-height: 1.4rem;
display: block;
margin: 0 0.25rem 0 0.25rem;
color: #F00000;
background: transparent;
z-index: 9999;
}
dd ul {margin: 0; padding: 0;}
dd ul li {list-style-type: none;}
.success {background: #E6EFC2; border: 1px solid #C6D880; color: #264409; }
.notice, .info {background: #FFF6BF; border: 1px solid #FFD324; color: #514721;}
.error, .warning, .danger {background: #FBE3E4; border: 1px solid #FBC2C4; color: #8A1F11;}
.invalid {font-weight: bold; color: #9d261d;}
input.invalid {background: #FBE3E4; border: 1px solid #9d261d;}
.dl-horizontal dt {clear: left; float: left;   white-space: nowrap; overflow: hidden; text-align: left; text-overflow: ellipsis; width: 120px;}
.dl-horizontal dd {margin-left: 135px;}
legend {
font-size: 1.2rem;
padding: 0;
color: #181890; 
font-weight: bold;
font-family: Calibri, Verdana, Helvetica, sans-serif;
line-height: 1rem !important;
border: 0;
margin: 1rem 0;
}
div.alert-error, div.alert-warning, div.alert-danger {
background: #FBE3E4;
border: 1px solid #FBC2C4;
color: #8A1F11;
min-height: 1.5rem;
margin: 0.5rem; 
padding: 0.5rem;
}
div.alert-error button.close, div.alert-warning button.close, div.alert-danger button.close {
display: inline-block;
position: absolute;
right: 5px;
top: 0px;
background: transparent;
box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
border: none;
margin: 5px 5px 8px 5px;
padding: 4px 6px;
color: #8A1F11;
font-weight: bold;
}
div.alert-error button.close::before, div.alert-warning button.close::before, div.alert-danger button.close::before {
content: "Close ";
font-weight: normal;
}

/* PAGINATION
-------------------------------------------- */
.pagination {
margin: 1rem 0 0.5rem 0;
height: auto;
max-width: 100%;
}
.pagination .counter {
width:90%;
margin:0 auto;
text-align:right;
}
.pagination ul {
display: inline-block;
max-width: 100%;
margin: 0;
color: #333333;
padding: 2px 2px;
font: normal 12px Verdana, Helvetica, sans-serif;
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #eeeeee), color-stop(60%, #ffffff), color-stop(100%, #999999));
background: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: -o-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 60%, #999999 100%);
background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 60%, #999999 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#999999', GradientType=0 );box-shadow: none;
border: 1px solid #999;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
list-style-type:none;
text-align:center;
}
.pagination ul > li {
display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
padding: 4px 8px;
line-height: 1.5rem;
text-decoration: none;
border-left: 1px solid #999;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus {
text-decoration: underline;
}
.pagination ul > .active {
color: #999;
text-decoration: none;
font-weight: bold;
}
.pagination ul > .disabled {
color: #999;
border-left: 1px solid #999;
padding: 4px 8px;
line-height: 1.5rem;
text-decoration: none;
}
.pagination ul > li:first-child,
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.pagination .counter {
width:90%;
margin:0 auto;
text-align:right;
}
/*
.pagination ul > li:first-child,
.pagination ul > li:first-child,
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span,
.pagination ul > li:nth-child(2) {
border-left: none;
}
*/
.blog-featured div.pagination {display:none;}

/* Guest book (EBR)
-------------------------------------------- */
.vbMessage, .gbmessage {
padding: 0;
word-wrap: break-word;
border: 1px solid #DDDDDD;    
margin: 4px 0 12px 0;
}
.vbMessageAvatar, .gbmessageavatar{
float: left;
width: 40px;
height: 40px;
margin: 0 8px;
}
.vbMessageTitle, .gbmessagetitle {
margin-top: 8px;
margin-bottom: 8px;
line-height: 13px;
}
.vbMessageText, .gbmessagetext {
margin: 0px 1rem 1rem;
}
.vbMessageChildren, .gbcomment {
margin: 0 8px 8px 48px;
border-top: 1px solid #DDDDDD;
}
.vbMessageControls, .gbcontrols {
    float: right;
    padding: 4px;
}

/* MEDIA ADAPTATIONS (grid: see above)
-------------------------------------------- */

@media (min-width: 1024px) {
.homecontent div.moduletable {
border: none;
padding-bottom: 0;
}
hr.rowspacer {
clear:both;
}
}

@media (max-width: 1023px) {
hr.rowspacer {
display: none;
}
.topcontent div.sigplus-gallery {
display: none;
}
}

@media (max-width: 620px) {
div.blog-item {
display:block;
}
div.img-intro-left {
display: inline-block;
margin: 0 1rem 0.5rem 0;
}
div.intro-block {
display: inline-block;
margin: 0;
clear:both;
}
}

@media (max-width: 375px) {
div.captionImage {
display: inline-block;
clear:both;
}
h5 {
clear:both;
}
}

@media (max-width: 336px) {
.content {
max-width: calc(100vw - 2px);
margin: 0 auto;
}
}