/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
    display:none;
}
form#news-wrapper  {
  float: none !important;
  position: relative;
}

.info { padding :10px; margin-bottom :0.5em; background :#f8f8f8; color :#666666; font-size :91.7%; }
.note { border :2px #448844 solid; padding :10px; margin :10px auto; background :#eeffee; color :#004400; }
.important { border :2px #888844 solid; padding :10px; margin-bottom :1em; background :#ffffee; color :#444400; }
.warning { border :2px #884444 solid; padding :10px; margin-bottom :1em; background :#ffeeee; color :#440000; }

/**/
.flexrow {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: flexrow;
  flex-wrap: wrap;
}
.flexcol {
  flex: 1 1 8%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* nested grids */
.flexrow .flexrow, .flexrow.nested {
  flex: 1 1 auto;
  margin-top: -.5em;
  margin-bottom: 1em;
}
/* flexcolumns widths */
.flexcol-span-3 {
  flex-basis: 25%;
}
.flexcol-span-9 {
  flex-basis: 75%;
}
.flexcol-span-12 {
  flex-basis: 100%;
}
.nested h1 {
	font-family: 'Balthazar', serif;
    position: relative;
	width: 35%;
	padding: 15px;
    font-size: 20px;
    color: #FFF;
    background: #f7c100;
	z-index: 0;
	margin:0;
}
.nested h1:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	z-index: -1;
    background: #f7c100;
    transform-origin: bottom left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
}
.title {
	background-image: linear-gradient(135deg, #f7c100 25%, #000000 25%, #000000 50%, #f7c100 50%, #f7c100 75%, #000000 75%, #000000 100%);
	background-size: 84.85px 84.85px;
	height: 8px;
}
.short {
	background: #222;
	padding: 54px 30px 10px 10px !important;
}
.link {
	background: url(img/muur.jpg);
	display: flex;
  	align-items: center;
	background-repeat: repeat;
	background-position: left;
}
.link_detail {
	display: flex;
  	align-items: center;
	background-image: url(img/muur.jpg);
	background-repeat: repeat;
	background-position: left;
}
.link a, .link_detail a {
	color: #fff;
	margin: auto;
	border: 3px solid #f7c100;
	padding: 5px 10px;
	background: rgba(0,0,0,.7);
}
.link a:hover, .link_detail a:hover {
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
}
@media all and (max-width: 767px) {
	.flexcol-span-3 {
		flex-basis: 50%;
	}
	.flexcol-span-9 {
		flex-basis: 100%;
	}
	.nested .flexcol {
		flex-basis: 100%;
	}  
}
@media (max-width: 767px) {
	.link, .link_detail {
		background-image: none;
	}
}
div.flexrow .flexrow img {
	width: 125px;
	height: auto!important;
	padding: 0 10px 10px 0;
}
/*detailpagina*/
div.flexrow .flexrow .more img {
	Max-width: 100%!important;
	height: auto!important;
	padding: 0 10px 10px 0;
}
@media (max-width:579px) {
	div.flexrow .flexrow img {
		width: 100%!important;
		height: auto!important;
	}
}
div.flexrow .flexrow .img-responsive {
	object-fit: contain;
}
                                                      object-fit: contain;
}