/*-- NO FLEXBOX --*/

.no-js .flex_container,
.no-js .flex_item{
	margin:auto;}
.no-js .flex_item{
	display:inline-block;
	vertical-align:top;
	margin-right:-4px;}

.no-flexbox .flex_container{
	margin: 0 auto;}
.no-flexbox .flex_container:before,
.no-flexbox .flex_container:after{
  content: "";
  display: table;
  clear: both;}
.no-flexbox [class*='flex_item'] {
  float: left;
  padding-right: 20px;}
.no-flexbox .flex_container [class*='flex_item']:last-of-type {
  padding-right: 0;}

@media (max-width : 850px) {
	.no-flexbox [class*='flex_item'] {
		padding-right:0;}
}

/*-- FLEXBOX --*/

.flexbox .flex_container{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.flexbox .flex_container.middle{
	justify-content: center;
	align-items: center;
}
.flexbox .flex_container.righted{
	justify-content: flex-end;
	align-content:flex-end;
}
.flexbox .flex_container.nowrap{
	flex-wrap: nowrap;
}
.flexbox .flex_container.space-between{
	justify-content: space-between;
}
.flexbox .flex_container.middle{align-items:center}

.flexbox .flex_item.start{
	-webkit-align-self: flex-start;
	-moz-align-self: flex-start;
	-ms-align-self: flex-start;
    align-self: flex-start;}
.flexbox .flex_item.middle{
	-webkit-align-self: center;
	-moz-align-self: center;
	-ms-align-self: center;
    align-self: center;}
.flexbox .flex_item.end{
	-webkit-align-self: flex-end;
	-moz-align-self: flex-end;
	-ms-align-self: flex-end;
    align-self: flex-end;}

.flexbox .flex_item.right{
    justify-content: flex-end;}
.flexbox .flex_item{
	-webkit-flex: 1 auto;
	-moz-flex: 1 auto;
	-ms-flex: 1 auto;
	flex: 1 auto;}

.container{
    width:100%;
    max-width:100%;
    margin:auto;}
.container_1600{
    width:100%;
    max-width:1600px;
    margin:auto;}
.container_1400{
    width:100%;
    max-width:1400px;
    margin:auto;}
.container_1300{
    width:100%;
    max-width:1300px;
    margin:auto;}
.container_1200{
    width:100%;
    max-width:1200px;
    margin:auto;}
.container_1100{
    width:100%;
    max-width:1100px;
    margin:auto;}
.container_1000{
    width:100%;
    max-width:1000px;
    margin:auto;}
.container_900{
    width:100%;
    max-width:900px;
    margin:auto;}
.container_800{
    width:100%;
    max-width:800px;
    margin:auto;}
.container_700{
    width:100%;
    max-width:700px;
    margin:auto;}

.width5{width:5%;}
.width10{width:10%;}
.width15{width:15%;}
.width20{width:20%;}
.width25{width:25%;}
.width30{width:30%;}
.width33{width:33.33%;}
.width35{width:35%;}
.width40{width:40%;}
.width45{width:45%;}
.width50{width:50%;}
.width55{width:55%;}
.width60{width:60%;}
.width65{width:65%;}
.width66{width:66.66%;}
.width70{width:70%;}
.width75{width:75%;}
.width80{width:80%;}
.width85{width:85%;}
.width90{width:90%;}
.width100{width:100%;}
.maxwidth25{max-width:25%;}
.maxwidth33{max-width:33%;}
.maxwidth50{max-width:50%;}
.height100{height:100%;}

@media (max-width : 850px) {
    .welcome .width40,
    .welcome .width60{
			width:100%;
			max-width:100%;}
		.startpunt_routes .width50{
			width:50%;}
}

@media (max-width : 720px) {
    .width5,
	.width10,
	.width15,
	.width20,
	.width25,
	.width30,
	.width33,
	.width35,
	.width40,
	.width45,
	.width50,
	.width55,
	.width60,
	.width65,
	.width66,
	.width70,
	.width75,
	.width80,
	.width85,
	.width90,
	.width100{
		width:100%;
		max-width:100%;}
    .maxwidth50{
		width:100%;
		max-width:100%;}
    .maxwidth25{
        width:50%;
        max-width:50%;}

    .nowrap .width20{width:20%;}
    .nowrap .width25{width:25%;}
    .nowrap .width30{width:30%;}
    .nowrap .width33{width:33%;}
    .nowrap .width40{width:40%;}
    .nowrap .width50{width:50%;}
    .nowrap .width60{width:60%;}
    .nowrap .width66{width:66%;}
    .nowrap .width70{width:70%;}
    .nowrap .width75{width:75%;}
    .nowrap .width80{width:80%;}

    footer .width25{
		width:50%;
		max-width:50%;
    }
}

/*-- LAYOUT --*/

@media (max-width : 720px) {
  .resp_hide{
    display:none;}
}

body{}
header{
  background-color:#fff;}
	.logo_wrap{}
	.logo_wrap .flex_container{
		justify-content: space-between;}
  .logo_wrap a{
    max-height:inherit;
    display:block;
    text-align:center;
	}
    .logo_wrap .logo{
      margin:10px;
      max-width:170px;
      width:100%;}
		.logo_wrap .kamerrijk{
			margin:10px;
			max-width:180px;
			width:100%;}
		.logo_wrap .kamerrijk img{
			margin:auto;
			max-width:120px;}
		.logo_wrap a{
			text-decoration: none;
			color: #1475bc;}
		.logo_wrap .kamerrijk p{
			font-size:0.9em;
			font-weight: bold;
			color: #1475bc;}

/*-- MENU -- */

	.menu_wrap{
		/* padding:0;
		background-color:#303629; */
	/* max-width:770px; */}
		.main-nav{
			/* background-color:#303629; */
			padding:0 30px;}
		.main-nav ul {
			margin: 0;
			padding: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			list-style: none;}
		.main-nav ul li a{
      display:block;
      height:100%;
      line-height: 70px;}
		.mini-menu_wrap{
			display:none;
			/* background-color: #303629; */
			background-color:#0B334E;
		  padding: 0;}
		.mini-menu{
			display:none;
			background-image: url('../img/lines.png');
			background-size:cover;}
    /* .mini-menu_knop{
      display:none;
      z-index:109;
      position: relative;}
		.mini-menu_knop .fa-bars{
			cursor:pointer;} */

@media (max-width : 1100px) {
	.mini-menu_wrap{
	  display:block;}
	.mini-menu_knop{
		display:inline-block;
    height:auto;
    margin:10px 10px 10px 20px;
		width:auto;
		/* min-width:100px; */
		/* text-align:right; */}
.righted .mini-menu_knop{
	margin:10px 20px 10px 10px;
}
	.mini-menu_knop .fa{
		vertical-align: middle;
	}
	.wandelenMap_wrap,
  .menu_wrap{
		display:none;}
    .main-nav ul{
      height:auto;}
    .main-nav li.active,
    .main-nav li{
      height:70px;}
	.main-nav ul li a{
		text-align: left;
		display:block;}
}

@media (max-width : 750px) {
	.main-nav ul{
  	justify-content: flex-start;}
  .main-nav li.active,
	.main-nav li{
		width:50%;}
}


		form.langchoice{
			text-align: right;
			margin-right:20px;}
		.footerlang form.langchoice{
				text-align: center;}
		form.langchoice input{
			border:none;
			background:none;
			text-align: center;
			padding:0 10px;
			color:#43493D;
			text-decoration: underline;
			border-right:1px solid #000;}
		form.langchoice input.active{
			color:#A5CD38;
			text-decoration:none;
			font-weight:600;}
		form.langchoice input:last-of-type{
			border-right:0px solid #fff;}

		.lang-nav{
			text-align:center}
      .lang-nav li{
        display:inline-block;
        margin-right:0px;}
        .lang-nav li:first-of-type{
          border-right: 1px solid #ccc;}
        .lang-nav li a{
          color:#43493D;
          padding:0 5px;
          font-size:0.9rem;}
        .lang-nav li a.active{
          color:#A5CD38;}

/* ::: COLORS ::: */

.bg_groen,
.wandelen{
    /* background-color: #A5CD38; */
	}
.fietsen{
    /* background-color: #00BEF2; */
		/* background-color: #424B38; */
	}
.bg_beige{
    background-color: #F4F1EA;}
.bg_jade{
	background-color: #f2f6f2;}
.bg_rood{
    background-color: #D2232A;}
.bg_oranje{
    background-color: #f27f20;}
.bg_lichtblauw{
    background-color: #95C2E8;}
.bg_lichtgroen{
    background-color: #8FCEB8;}
.bg_lichtoranje{
    background-color: #F5B449;}
.groen{
    color:#4AA988;}
.blauw{
		color:#4B98D8;}
}

sidebar .submenu{
    border-right:1px solid #C2C6C9;}
sidebar .submenu li a{
    display:block;
    height:60px;
    line-height:60px;
    font-size:1.0rem;
    color:#000;
    font-weight:400;
    text-decoration: none;
    border-bottom:1px dashed #C2C6C9;}
sidebar .submenu li a:before{
    font-family: "fontAwesome";
    content: "\f105";
    font-size: 1.4rem;
    color: #959CA2;
    font-weight:800;
    padding-right:10px;}
sidebar .submenu li a.active{
    font-weight:600;}
sidebar .submenu li a.active:before{
    color: #97B72A;
    font-weight:800;}


@media (max-width : 900px) {
    sidebar .submenu{
        margin:0 20px;}
}
@media (max-width : 750px) {
    sidebar{}
    sidebar .submenu{
        margin:-20px 20px 20px;
        display:flex;
        flex-wrap: wrap;
        justify-content: space-around;
        width:calc(100% - 40px);
        border-right:0px solid #C2C6C9;}
    sidebar .submenu li a{
        height:40px;
        line-height:40px;
        white-space: nowrap;
        padding:0 10px;}
    sidebar .submenu li a.active{
        border-bottom:1px solid #97B72A;}
    sidebar .submenu li a:before{
        content: "";
        padding-right:0px;}
}

.top .choice{
  height:inherit;
  height:100%;
  position:relative;
	background-image: url("../img/top.jpg");
	background-size:cover;}
.top .choice .wandelen{
	width:0%;
	display:none;}
.top .choice .fietsen{
	width:100%;
	background-color: rgba(10, 51, 78,0.5);
	background-color: rgba(255, 255, 255,0.5);}

.top .choice .wandelen .icon,
.bottom .choice .wandelen .icon{
    background-image: url('../img/ico_wandelen.png');}
.top .choice .fietsen .icon,
.bottom .choice .fietsen .icon{
    background-image: url('../img/ico_fietsen.png');}
.top .choice .icon,
.bottom .choice .icon{
    width:80px;
    max-height:80px;
    max-width:100px;
    background-size: auto 60%;
    background-position: center;
    background-repeat: no-repeat;}
.top .choice a,
.bottom .choice a{
    font-size:20px;
    line-height:95px;
    color:#fff;
    text-decoration: none;
    font-family: 'Arvo', sans-serif;
}
@media (max-width : 1200px) {
    .top .choice .icon,
    .bottom .choice .icon{
        width:70px;
        /* max-height:70px; */
			}
    /* .top .choice a, */
    .bottom .choice a{
        line-height:85px;}
}
@media (max-width : 1000px) {
    .top .choice .icon,
    .bottom .choice .icon{
        width:60px;
        height:60px;}
    /* .top .choice a, */
    .bottom .choice a{
        line-height:75px;}
		.top .choice span{
			display:none;
		}
}
@media (max-width : 720px) {
    .top .choice .icon,
    .bottom .choice .icon{
        width:50px;
        height:50px;}
    /* .top .choice a, */
    .bottom .choice a{
        line-height:55px;}
}
@media (max-width : 650px) {
}

.rest_news{display:none;}
.subnav_wrap{
    background-color:#95A485;
    background-image:url('../img/lines.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height:450px;}
@media (max-width : 1100px) {
	.subnav_wrap{display:none;}
	.rest_news{display:block;}
}

.subnav_wrap .subnav_head,
.darkbar{
	height:70px;
	background-color:#0B334E;}
.subnav_wrap .subnav_head,
.lightbar{
	height:70px;
	background-color:#0B334E;}
.subnav{margin:20px;}
.subnav{
	border-bottom:0px solid #fff;}
.subnav li{
	border-bottom:1px solid #fff;}
.subnav.wandelroutes li{
	cursor:pointer !important;}
.subnav li a{
	color:#fff;
	text-decoration: none;
	padding:10px 0;
	display:block;
	cursor:pointer;}
.subnav li a span{
	font-size:80% !important;
	float:right;
	line-height:2.5em;}
@media (max-width : 1100px) {
	.subnav li a{padding:10px;}
}
@media (max-width : 720px) {
	.subnav_wrap{
		min-height:0px;}
	.darkbar{
		height:0px;}
	.subnav{margin:0px;}
}

.subnav li.active a:before{
		font-family: "fontAwesome";
		color:#fff;
		padding-right:7px;
		margin-left:-20px;
		content: "\f04b";}

.hp_article{
    min-height:600px;
}
.hp_article_img{
    background-size: cover;
    background-position: center;
    min-height:450px;
}
.topo{
	background-color:rgba(244,241,234,0.2);
  background-image:url('../img/bgmap.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height:450px;}
.hp_article_color{
	/* background-color:rgba(244,241,234,0.5); */
	width:100%;
	height:100%;}

.artikel_bg_oranje{
	background-color:rgba(245, 180, 73, 0.1);
	height:100%;}
.artikel_bg_groen{
	background-color:rgba(143, 206, 185, 0.1);
	height:100%;}
.artikel_bg_blauw{
	background-color:rgba(149, 194, 232, 0.1);
	height:100%;}

.hp_search{
    min-height:130px;
}
.menukaartlink .fa-cutlery{
	color:#fff;
	font-size:25px;
	margin-left:20px;
}
.menutitel{
	padding:20px;
	color:#fff;
}
.menutitel h3{
	border-bottom:1px solid #4B98D8;
}
.grid {
	max-width: 1400px;
}
.grid:after {
	content: '';
	display: block;
	clear: both;
}
.grid-sizer,
.grid-item {
	width: 50%;}

.grid-item {
	padding:0 20px;
	width:50%;
	min-height: 120px;
	min-width: 450px;
	/* min-width: 50%; */
}
.grid article ul{
	padding:0px;
	margin:0;
}
.grid article ul li{
	padding-left:10px;
}
.grid article ul li:before{
	margin: 0 10px 0 -20px;
}
@media (max-width : 750px) {
  .grid-item {
		min-width: 100%;
	}
}

#map-canvas{
	min-height: 700px;
}
@media (max-width : 750px) {
    .hp_search{
        width:80%;
    }
		#map-canvas{
			min-height: 80vh;
		}
}
@media (max-width : 1000px) {
}
@media (max-width : 600px) {
}

.hp_nieuws{}
.hp_nieuws figure{
    min-height:120px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.partners{}
.partners .partner{
	text-decoration: none;
	text-align: center;}
.partners .partner[href]:hover{
	background-color:#efefef;
	border-radius:5px;}
.partners .partner img{
	width:90%;
	max-width:200px;
	margin:auto;}


.slider{}
.slider_big li{
	height:100%;
	background-size:cover;
	background-position:50% 90%;
  position:relative;}
.slider_big li .top{
    top:15%;}
.slider_big li .bottom{
    bottom:20%;}
.slider_big li .left{
    left:10%;}
.slider_big li .right{
    right:10%;
    text-align: right;}
.slider_big li h2{
    position:absolute;
    max-width:80%;
    font-size:3.6em !important;
		font-weight:500;
		line-height:1.2 !important;}
.slider_big li h2 span{
    background-color:rgba(255,255,255,0.5);
    font-weight:300;
    line-height:1.2;
		padding: 0 20px}
.slider_big li .groen h2 span{
    /* background-color:#f27f20; */
		background-color:rgba(242, 127, 32,0.8);
		color:#fff;}
.slider_big li .blauw h2 span{
    /* background-color:#0b334e; */
		background-color:rgba(11, 51, 78, 0.8);
		color:#fff;}
.slider_big li h2 span b{
    font-weight:700;}
.slider_big li h2 span{
	color:#000;
}
.slider_big li .white h2 span{
	color:#fff;
}

@media (max-width : 750px) {
    .slider_big li h2{
      max-width:80%;
			font-size:2.6em !important;}
    .slider_big li h2 span{
        padding:3px 10px;
        font-size:1.0em;
        line-height:1.8em;}
}



@media (max-width : 1000px) {

}

@media (max-width : 850px) {
.footer .backimg{ display:none;}
}

@media (max-width : 750px) {

}

section{}
    .slider_big{
        overflow:hidden;
        border-bottom:10px solid #97B638;}
	.slider_big,
	.slider_big li{
        min-height:300px;
    	height:60vh;}

    .slider_medium{
        overflow:hidden;
/*        border-bottom:7px solid #97B638;*/
    }
	.slider_medium,
    .slider_medium li{
    	min-height:220px;
        height:30vh;}

    .slider_small{
	   overflow:hidden;
        border-bottom:4px solid #97B638;}
	.slider_small,
    .slider_small li{
    	min-height:150px;
        height:22vh;}

    .slider_big li,
    .slider_medium li,
    .slider_small li{
        background-repeat:no-repeat;
        background-size:cover;}
    .slider_big li{
        background-position:center;}
    .slider_medium li{
        background-position:center;}
    .slider_small li{
        background-position:center 60%;}
    .bx-wrapper .bx-controls-direction a{
        height:100%;}

#contactmap{
    width:100%;
    height: 400px;}

.contactgegevens .titel{
	font-weight:600;
	font-size:1em;}
.contactgegevens .titel:before{
	font-family: "fontAwesome";
	color: darkred;
	padding-right:7px;}
.contactgegevens .tit_adres:before{
	content: "\f041";}
.contactgegevens .tit_telefoon:before{
	content: "\f10b";}
.contactgegevens .tit_email:before{
	content: "\f0e0";}

#form{
    margin:0;
    padding:0;}
#form fieldset{
    padding:0;
    display:inline-block;
    border:none;
    margin:0 -2px 10px 0;
    box-sizing:border-box;
    vertical-align: top;
	text-align: left;}
#form fieldset.field_50{
    width:calc(50% - 1px);}
#form fieldset.field_80{
    width:calc(80% - 1px);}
#form fieldset.field_20{
    width:calc(20% - 1px);}
#form fieldset.field_100{
    width:calc(100% - 1px);}
#form .form_error{
    margin:0;
    padding:0 0 0 5px;
    font-size:0.85em;
    font-weight:500;
    color: firebrick;
    line-height:1.7em;
    display:none;}
#form fieldset input[type=text],
#form fieldset textarea{
    padding:5px;
    margin:0;
    font-size:0.85em;
    font-weight:400;
/*    box-sizing:border-box;*/
/*    border-radius:3px;*/
    border:0;
    border-bottom:1px solid #aaa;
    font-weight:300;}
#form fieldset input[type=text]{
	-webkit-width:calc(100% - 10px);
	-moz-width:calc(100% - 10px);
	-o-width:calc(100% - 10px);
    width:calc(100% - 10px);
    height:45px;}
#form fieldset textarea{
	-webkit-width:calc(100% - 8px);
	-moz-width:calc(100% - 8px);
	-o-width:calc(100% - 8px);
    width:calc(100% - 8px);
    min-height:150px;
    resize:vertical;}
#form fieldset .vul_in{
    border-bottom-color:firebrick;
    background-color:#efefef;}
textarea:focus, input:focus{
    outline:none;}
#form .submit_row{
    text-align: right;}
/*
#form fieldset input[type=submit]{
    padding:7px 10px;
    margin:0 7px 0 0;
    font-size:0.85em;
    font-weight:400;
    box-sizing:border-box;
    border-radius:3px;
    border:1px solid #ddd;
    background-color: #ddd;}
*/
#form fieldset input[type=submit]{
	color:#fff;
	height:40px;
	line-height:40px;
	border-radius:10px;
	border:none;
	display:inline-block;
	font-weight:500;
	text-decoration: none;
	padding:0 20px;
    margin-top:10px;
    background-color:#7D9E09;}
#search fieldset input[type=text]{
    padding:5px;
    margin:4px -3px 10px 0;
    font-size:0.85em;
	display:inline;
    border:none;
    width:calc(100% - 150px);
    height:40px;}
#search fieldset button[type=submit]{
	color:#fff;
    width:140px;
	height:40px;
	line-height:40px;
	border:none;
	display:inline;
	font-weight:500;
    font-size:100%;
	text-decoration: none;
    margin:10px 0;
    background-color:#771115;}
#search fieldset button .fas{
    margin-left:10px;}
.required{
    position: absolute;
	height:0px !important;
    padding:0;
    margin:0 !important;
	overflow:hidden;}
::-webkit-input-placeholder{
   font-style: italic;
    color:#999;}
:-moz-placeholder{
   font-style: italic;
    color:#999;}
::-moz-placeholder{
   font-style: italic;
    color:#999;}
:-ms-input-placeholder{
   font-style: italic;
    color:#999;}


/*-- BUTTONS --*/

.linkbutton{
    box-sizing: border-box;
    border:2px solid #868978;
    display:inline-block;
    padding:0 20px;
	margin:10px;}
.linkbutton a{
    font-family: 'Arvo';
    text-decoration: none;
    display: inline-block;
    margin-bottom:-2px;
    padding:15px 0;
    border-bottom:2px solid #fff;}
.linkbutton a .fa-stack{
    margin-right:10px;}
.linkbutton a.wit{
    color:#fff;}
.linkbutton a.groen{
    color:#4AA988;
    border-color:#4AA988;}
.linkbutton a.blauw{
    color:#4B98D8;
    border-color:#4B98D8;}
.linkbutton a.oranje{
    color:#f27f20;
    border-color:#f27f20;}
.linkbutton.archiefbutton{
	margin-right:40px;}
@media (max-width : 720px) {
	.linkbutton.archiefbutton{
		margin-right:20px;}
}

.button{
	color:#fff;
	height:44px;
	line-height:46px;
	border-radius:22px;
	display:inline-block;
	font-weight:300;
/*	text-transform: uppercase;*/
	text-decoration: none;
	padding:0 15px 0 20px;}
.button:after{
  height:20px;
  width:20px;
  line-height:17px;
  text-align:center;
  border-radius:10px;
  display:inline-block;
  border:2px solid #fff;
	font-family: 'fontAwesome';
	content: "\f107";
	margin-left:15px;}

.link{
	color:#777;
	height:44px;
	line-height:46px;
	border-radius:22px;
	border:1px solid #777;
	display:inline-block;
	font-weight:300;
	text-decoration: none;
	padding:0 20px;
	white-space: nowrap;
    background-color:#fff;}
.link:hover{
    background-color:#f3d083;}
.link:after{
    line-height:19px;
    display:inline-block;
	font-family: 'fontAwesome';
	content: "\f105";
	margin-left:15px;}

.sub{
	color:#777;
	min-height:33px;
/*	line-height:35px;*/
	border-radius:17px;
	border:1px solid #777;
	display:inline-block;
	font-weight:300;
	text-decoration: none;
	padding:4px 15px;
	margin:0 15px 10px 0;
    line-height:1.5;
/*	white-space: nowrap;*/
    background-color:#fff;
/*	min-width:250px;*/
/*	max-width:280px;*/
}
.sub.active,
.sub:hover{
    color:#1c5661;
	font-weight:500;}
.sub:before{
    line-height:19px;
    display:inline-block;
	font-family: 'fontAwesome';
	content: "\f105";
	margin-right:8px;}

.bottom .flex-item{
    text-align: center;}
.bottom img{
    max-width: 250px;
    max-height: 70px;}
@media (max-width : 720px) {
    .bottom img{
        max-width: 90%;
    }
}

.bottomtotop{
    color:#fff;
	height:35px;
	line-height:35px;
	border-radius:15px 15px 0 0;
    position:fixed;
    bottom:0;
    left: 50%;
    transform: translate(-50%, 0);
	font-weight:300;
	text-transform: uppercase;
	text-decoration: none;
	padding:5px 10px;
    background-color:#1c5661;}
.bottomtotop:after{
    height:20px;
    width:20px;
    line-height:15px;
    text-align:center;
	padding-left:1px;
    border-radius:10px;
    display:inline-block;
    border:2px solid #fff;
	font-family: 'fontAwesome';
	content: "\f106";}



/*-- MISCELLANEOUS --*/

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
	background-color:rgba(255,255,255,0.8);
	z-index: 999;
}
.sticky:before,
.sticky:after {
    content: '';
    display: table;}

.border_dashed{
    border-width:0px;
    border-style: dashed;}
.border_dotted{
    border-width:0px;
    border-style: dotted;}
.border_all{
    border-width:1px;
	border-color:#888;}
.border_bottom{
	border-bottom-width:1px;
	border-bottom-color:#888;}
.border_top{
	border-top-width:1px;
	border-top-color:#888;}
.border_left{
	border-left-width:1px;
	border-left-color:#888;}
.border_left_fat{
    border-left-style: outset;
	border-left-width:10px;
	border-left-color:#888;}
.border_darkolivegreen_4{
    border-color:#7D9E09;}
.border_right{
	border-right-width:1px;
	border-right-color:#888;}


@media (max-width : 850px) {
  .border_left{
    border-left-width:0px;}
  .welcome .border_right{
    border-right-width:0px;}
}

.gray{
	color:#888;}
.black{
	color:#000;}
.firebrick{
	color: firebrick;}
.gifgroen{
    color:#97B72A;}


hr{
    display:block;
    height:1px;
    border:0;
    margin:1em 0;
    padding:0;}
hr.fat{
    border-width:5px;
	background-color:#888 }
.objcentered{
    margin:auto;
}

.margin0_20{
    margin:0 20px;}
.margin10_20{
    margin:10px 20px;}
.margin0_30{
    margin:0 30px;}
.margin10_30{
    margin:10px 30px;}
.margin15_30{
    margin:15px 30px;}
.margin20_30{
    margin:20px 30px;}
.margin10_40{
    margin:10px 40px;}
.margin15_40{
    margin:15px 40px;}
.margin20_40{
    margin:20px 40px;}
.margin10_50{
    margin:10px 50px;}
.margin15_50{
    margin:15px 50px;}
.margin20_50{
    margin:20px 50px;}
.margin10{
    margin:10px;}
.margin20{
    margin:20px;}
.margin30{
    margin:30px;}
.margin40{
    margin:40px;}
.margin50{
    margin:50px;}
.margin50_30{
    margin:50px 30px;}
.nomargin{
	margin:auto;}
@media (max-width : 720px) {
    .margin0_20,
    .margin0_30,
    .margin10_30,
    .margin15_30,
    .margin20_30,
    .margin10_40,
    .margin15_40,
    .margin20_40,
    .margin10_50,
    .margin15_50,
    .margin20_50,
    .margin10,
    .margin20,
    .margin30,
    .margin40,
    .margin50,
    .margin50_30,
    .nomargin{
        margin:20px;
    }
}
article.marginauto{
	margin-left:auto;
	margin-right:auto;}

.padding10{
    padding:10px;}
.padding20{
    padding:20px;}
.padding30_0{
    padding:30px 0;}
.padding0_30{
    padding:0 30px;}
.padding30{
    padding:30px;}
.padding40{
    padding:40px;}
.nopadding{
    padding:0;}
@media (max-width : 720px) {
    .padding10,
    .padding20,
    .padding30,
    .padding0_30,
    .padding30_0,
    .padding40,
    .nopadding{
        padding:20px;}
}

/*
article .album{
    margin:30px 0;}
article .album div{
    max-height:150px;
    padding-right:10px;
    margin-bottom:10px;}
article .album div img{
    height:100%;
    width:100%;}
*/

.clear{clear:both;}
.clear_5{clear:both;height:5px}
.clear_10{clear:both;height:10px}
.clear_15{clear:both;height:15px}
.clear_20{clear:both;height:20px}
.clear_30{clear:both;height:30px}
.clear_40{clear:both;height:40px}
.clear_50{clear:both;height:50px}

.centered{
	text-align: center;}
.lefted{
	text-align: left;}
.righted{
	text-align: right;}
figure img{
	display:block;
	max-width:100%;}
.objectfit img{
	object-fit: cover;}
.backimg{
  background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;}
/*
.backimg_light{
  position: relative;}
.backimg_light::before{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url('../img/lines.png');
	background-size: cover;
  opacity: .1;
  content: "";
  z-index: -1;}
*/

.datatable{
	display:table;}
.datarow{
	display:table-row;}
.datacel{
	display:table-cell;}
.notify{
    background-color:#97B72A;
    border-radius: 50%;
    color:#fff;
    text-align: center;
    display:inline-block;
    font-size:0.7em;
    font-weight:600;
    line-height:20px;
    width:20px;height:20px;
    margin-left:20px;}

.example{
    min-height:200px;
    padding:20px;
    display:inline-block;
    resize:horizontal;
    overflow:auto;
    border-radius:8px 8px 0 8px;
    border:1px solid #ccc;}
.example .flex_container{
    background-color: blueviolet;
    min-height: 100px;
    padding:10px;
}
.example .flex_item{
}
 .example .flex_item div{
    background-color: deeppink;
    min-height: 100px;
    margin:10px;
    padding:5px;
}
pre{
    background-color:#efefef;
    display:inline-block;
    margin-top:15px;
    padding:10px;
    border-radius:8px;
    border:1px solid #ccc;}
code{
    font-family: monospace;
    font-size:110%;}

.ramdesign{
	color:#fff;
	font-size: 0.9em;
	text-align: center;
	line-height:50px;
}
.ramdesign a{
	color:#fff;
}