/********************************	
	Developed by AXA Studios
	The Creative Engine
	http://www.axastudios.com
*********************************/

/* MAIN STYLES *****************************/

html {
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
body {
	padding: 0px!important;
	margin: 0px;
	background:#EEEEEE;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	color:#292929;
}
body.artikel-img-body{
	background: #000000;
}
	
/* TEXT & LINK STYLES *****************************/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	margin-top: 0px;
	line-height: 20px;
}
h1{
	font-size:18px;
	font-weight: 700;
}
h2{
	font-size:24px;
	font-weight: 300;
}
h3{
	font-size: 14px;
	font-weight:900;
}
.italic{
	font-style:italic;
}
.lead{
	font-size: 18px;
}
:focus{
	-moz-outline-style:none;
}	
::selection{
	background-color:#292929;
	color:#fff;
}	
::-moz-selection{
	background-color:#292929;
	color:#fff;
}
a{
	border: none;
	outline:0;
	color: #292929;
	text-decoration: none;
}
a:focus, a:hover {
	color: #292929;
    text-decoration: none;
	border: none;
	outline:0;
	-moz-outline-style:none;
}
a:hover {
	color: #f2c700;
}
a img {
	border: none;
	outline:0;
	-moz-outline-style:none;
}
a.button, input.button, .btn, .btn-primary{
	cursor: pointer;
	color: #000;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	border: 0px;
	border-radius: 0px;
	outline: none;
	background: #F2C700;
	text-align: center;
	 vertical-align: top;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
a.button, .btn {
	display: inline-block;
	text-decoration: none;
	padding: 10px 40px 10px 40px;
}
a.button + a.button {
	margin-left: 15px;
}
input.button, .btn-primary {
	margin: 0;
	height: 40px;
	padding: 0px 30px 0px 30px;
}
a.button:hover, input.button:hover, .btn-primary:hover, .btn:hover, 
a.button:focus, input.button:focus, .btn-primary:focus, .btn:focus {
	color: #FFF;
	background: #292929;
	border: 0px;
	-webkit-animation: btn-animate 0.2s ease-in-out;
	-ms-animation: btn-animate 0.2s ease-in-out;
	animation: btn-animate 0.2s ease-in-out;
}
/*
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
*/

/* HEADER *****************************/

#header {
	position: relative;
	display: block;
	background:#292929;
	z-index: 9;
}
.logo-main{
	display: inline-block;
	margin: 20px 0px 10px 0px;
	opacity: 1;
	width:210px;
}
.logo-main img{
	max-width: 100%;	
}
.logo-main:hover{
	opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.header-search{
	position: relative;
	width: 300px;
	float: right;
	margin: 20px 0px;
}
.header-search input{
	display: inline-block;
	float: left;
	width:calc(100% - 40px);
	height: 40px;
	border-radius: 0px;
	border: 0px;
	padding: 5px 10px 5px 20px;
	margin: 0px;
}
.header-search button{
	display: inline-block;
	float: left;
	border: 0px;
	background: #f2c700;
	width: 40px;
	height: 40px;
	margin: 0px;
}
.main-social{
	position: relative;
	display: block;
	float: right;
	list-style: none;
	margin: 25px 30px 0px 0px;
	padding: 0px;
}
.main-social li{
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 5px;
	width: 30px;
	height: 30px;
	background-size: contain;
}
.main-social li a{
	display: block;
	padding-left: 6px;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
}
.main-social li a i{
	font-size: 14px;
	font-weight: 400;
}
.main-social li.ms-fb{
	background: url(../images/social-icon-bg-fb.png) center no-repeat;
	background-size: 30px;
}
.main-social li.ms-tw{
	background: url(../images/social-icon-bg-tw.png) center no-repeat;
	background-size: 30px;
}
.main-social li.ms-gp{
	background: url(../images/social-icon-bg-gp.png) center no-repeat;
	background-size: 30px;
}
.main-social li:hover{
	background: url(../images/social-icon-bg-hover.png) center no-repeat;
	background-size: 30px;
}
.main-social li.ms-fb a:hover, .main-social li.ms-fb a:active, .main-social li.ms-fb a:focus{
	color: #455f9b;
}
.main-social li.ms-tw a:hover, .main-social li.ms-tw a:active, .main-social li.ms-tw a:focus{
	color: #5fa9dd;
}
.main-social li.ms-gp a:hover, .main-social li.ms-gp a:active, .main-social li.ms-gp a:focus{
	color: #d64135;
}
#weer-slide{
	position: relative;
	display: block;
	float: right;
/*	width: 120px;*/
/*	overflow: hidden;*/
	height: 30px;
	margin-top: 25px;
	margin-right: 40px;
	padding-left: 10px;
	color: #FFF;
}

/* NAVBAR *****************************/	

#navbar {
	position: relative;
	display: block;
	z-index: 9;
	background:#f2c700;
}
#main-nav{
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#main-nav li{
	position: relative;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
#main-nav li a{
	display: block;
	padding: 10px 15px;
	line-height: 20px;
	color: #292929;
	font-weight: 400;
	font-size:15px;
	z-index: 2;
}
#main-nav li:first-child a{
	padding: 10px 15px 10px 0px;	
}
#main-nav li a i{
	margin-right: 10px;
	font-size:14px;
	background: none!important;
}
#main-nav li:before{
	content:"\f0d7";
	position: absolute;
/*	left:calc(50% - 10px);*/
	left:15px;
	top:0px;
	height:40px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	color: #292929;	
	font-size: 24px;
	line-height: 0px;
	display: none;
	z-index: -1;
}
#main-nav li:hover:before{
	display: block;
}
#main-nav li:first-child:before{
	left:0px;
}

/* MAIN CONTENT STYLES *****************************/

#main-wrapper{
	position: relative;
	min-height: 500px;
	margin-bottom: 40px;
	z-index: 9;
}
#main-wrapper > .container{
	background: #FFFFFF;
}
.content-main{
	position: relative;
	width:75%;
	width:calc(100% - 300px);
	float: left;
	background: #FFFFFF;
}
.content-side{
	position: relative;
	width:25%;
	width:300px;
	float: left;
	background: #FFFFFF;
	border-left:1px solid #DDDDDD;
}
.content-left{
	position: relative;
	width:25%;
	float: left;
	background: #FFFFFF;
}
.content-btm{
	position: relative;
	clear: both;
	background: #FFFFFF;
}
.content-blk-left, .content-blk-right{
	position: relative;
	width:50%;
	float:left;
}
.content-blk-left{
	padding-right: 20px;
}
.content-blk-right{
	padding-left: 20px;
}
.content-blk-right:after{
	content: '';
	display: block;
	clear: both;
}
.left-block{
	position: relative;
	display: block;
	width:100%;
	height: 50px;
}
.page-wrapper{
	postion:relative;
	padding:40px;
	margin-bottom: 0px;
	border-right: 1px solid #DDDDDD;
	margin-right: -1px;
}
.heading{
	position: relative;
	margin-bottom: 40px;
}
.content-main > .heading{
	line-height: 40px;
	margin: 0px;
	padding: 20px 20px;
	border-bottom: 1px solid #DDDDDD;
}
.heading h2{
	font-size:24px;
	font-weight: 300;
	margin: 0px;
}
.blk-wrapper{
	position: relative;
	margin-right: -1px;
}
.blk-wrapper:after{
	content'';
	display: block;
	clear: both;
}
.blk-wrapper .full_ad{
	clear: both;
}
.w-blk{
	background: #FFFFFF;
}
.n-blk{
	position: relative;
}
.side-blk{
	position: relative;
	padding: 20px 40px;
	overflow: hidden;
}
.n-blk-img{
	position: relative;
	overflow: hidden;
	max-height: 240px;
}
.n-blk-img:after{
	content:"\f0d8";
	position: absolute;
	left:calc(50% - 15px);
	bottom:0px;
	height:5px;
	width: 30px;
	text-align: center;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	color: #FFFFFF;	
	font-size: 30px;
	line-height: 0px;
	display: block;
	z-index: 1;
}
.n-blk-img a{
	position: relative;
	display: block;
	overflow: hidden;
	background: #999999;
}
.n-blk-img img{
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
	transform:scale(1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.n-blk-img:hover img{
	transform:scale(1.2);
	-webkit-transition: all 1.2s;
	-moz-transition: all 1.2s;
	transition: all 1.2s;
}
.n-blk-img a:after{
	content:'';
	display: block;
	position: absolute;
	left:0px;
	top:0px;
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
}
.n-blk-img:hover a:after{
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.n-blk-img a:before{
	content:"\f067";
	position: absolute;
	display: block;
/*	left:50%;*/
	left:calc(50% - 20px);
/*	top:50%;*/
	top:calc(50% - 20px);
	width: 40px;
	height:40px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	color: #FFFFFF;	
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	z-index: 4;
	opacity: 0;
	transform:scale(0.5);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.n-blk-img:hover a:before{
	opacity: 1;
	transform:scale(1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.n-blk-img a{
	display: block;
	position: relative;
	z-index: 1;
}
.n-blk-txt{
	padding: 35px 40px 0px 40px;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.n-blk-title{
	display: block;
	color: #292929;
	min-height: 72px;
	margin-bottom: 20px;
}
.n-blk-title h3{
	line-height: 18px;
}
.n-blk-cat{
	display: inline-block;
	height: 20px;
	color: #999999;
	margin-bottom: 20px;
}
.n-blk-cat i{
	color: #FFFFFF;
	height: 20px;
	width: 20px;
	text-align: center;
	background:#f2c700;
	line-height: 20px;
	margin-right: 10px;	
}
.n-blk-cat:hover {
	color: #AAAAAA;
}
.n-blk-cat:hover i{
	background: #AAAAAA;
}
.n-blk-btm{
	position: relative;
	padding: 10px 20px 10px 40px;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
}
.n-blk-btm:after{
	content: '';
	display: block;
	clear: both;
}
.n-blk-comment{
	position: relative;
	color: #aaaaaa;
	float: left;
	font-size: 12px;
	line-height: 20px;
}
.n-blk-comment i{
	margin-right: 5px;
	font-weight: 400;
	font-size: 13px;
}
.n-blk-date{
	position: relative;
	color: #aaaaaa;
	float: right;
	font-size: 12px;
	line-height: 20px;
}
.c-blk{
	position: relative;
	width:50%;
	float: left;
}
.c-blk h3{
	height: 40px;
	overflow: hidden;
}
.c-blk p{
	height: 60px;
	overflow: hidden;
	margin-bottom: 40px;
}
.list-blk{
	position: relative;
	padding: 20px 0px 0px 0px;
}
.content-side .list-blk{
	border-top: 1px solid #DDD;
/*	border-bottom: 1px solid #DDD;*/
}
.list-blk .heading{
	padding: 10px 40px 10px 40px;
	margin-bottom: 0px;
}
.list-blk ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.list-blk ul:after{
	content: '';
	display: block;
	clear: both;
}
.list-blk ul li{
	position: relative;
	display: block;
	margin: 0px;
	padding: 15px 40px;
}
.list-blk ul li a{
	display: block;
	max-height: 60px;
	overflow: hidden;
}
.list-blk i{
	color: #FFFFFF;
	height: 20px;
	width: 20px;
	margin-right: 10px;
	text-align: center;
	line-height: 20px;
}
.pagination-centered{
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 0px;
	clear: both;
}
.pagination {
    display: inline-block;
    padding-left: 0px;
    margin: 20px auto 15px auto;
    border-radius: 0px;
}
.pagination > li{
	margin-bottom: 5px;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    color: #f2c700;
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid #DDD;
    margin-left: -1px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
    margin: 0px;
    border-radius: 0px;
}
.pagination > li:last-child > a{
	border-left: none;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #f2c700;
    background-color: #EEE;
    border-color: #DDD;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #f2c700;
    border-color: #f2c700;
}

.tarieven{
	position: relative;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}
.tarieven li{
	position: relative;
	margin: 0px;
	padding: 0px;
}
.tarieven span{
	display: inline-block;
	width:100px;
	font-weight: 700;
}

/* SLIDER STYLES *****************************/

#mainslider ul, #mainslider li, #catslider ul, #catslider li{
	margin:0px;
	padding:0px;
}
#catslider{
	position: relative;
}
.mainslider-wrap, .catslider-wrap{
	position: relative;
	display: block;
	background: #FFFFFF;
	z-index: 1;
}
.mainslider-wrap{
/*	margin-right: -1px;*/
}
.mainslider-wrap .carousel-inner{
	position: relative;
	display: block;
}
#mainslider .carousel-inner img{
	width:100%;
	z-index: 2;
	margin-top: -5%;
	margin-bottom: -5%;
}
#mainslider .carousel-indicators {
    position: absolute;
	bottom: 20px;
	right:0px;
    margin: 10px auto 0px auto;
	padding: 0px 25px 0px 20px;
    z-index: 5;
    list-style: outside none none;
    text-align: center;
	cursor: default;
}
#mainslider .carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
	border: 0px;
    background: rgba(255,255,255,0.5);
    border-radius: 8px;
}
#mainslider .carousel-indicators .active {
    width: 8px;
    height: 8px;
    margin: 2px;
    background-color: #FFFFFF;
}
.slider-title{
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0px;
	padding: 40px 40% 40px 40px;
	background: rgba(41,41,41,0.7);
	background: -moz-linear-gradient(top, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41,41,41,0)), color-stop(100%, rgba(41,41,41,1)));
	background: -webkit-linear-gradient(top, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	background: -o-linear-gradient(top, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	background: -ms-linear-gradient(top, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	background: linear-gradient(to bottom, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#292929', GradientType=0 );
	z-index: 3;
}
.slider-title a{
	color: #FFFFFF;
	font-weight: 700;
	font-size: 24px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	line-height: 30px;
	z-index: 5;
}
.slider-title span{
	font-weight: 700;
}
#catslider .item{
	overflow: hidden;
}
#catslider .item:after{
	content: '';
	display: block;
	clear: both;
}
.catslider-img{
	position: relative;
	display: block;
	z-index: 1;
	overflow: hidden;
}
.catslider-img img{
	width:100%;
	z-index: 2;
	margin-top: -5%;
	margin-bottom: -5%;
}
.catslider-title{
	position: absolute;
	display: block;
	color: #FFFFFF;
	bottom: 0px;
	width: 100%;
	z-index: 9;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	padding: 30px 20px 10px 20px;
	border: none;
}
.catslider-title i {
    color: #FFF;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    text-align: center;
    line-height: 20px;
}

/* PREMIUM STYLES *****************************/

.premium .premium-overlay{
	position: absolute;
	display: block;
	top: 0px;
	left:0px;
	height:100%;
	width:100%;
	z-index: 3;
	background: rgba(238,238,238,0.85) url(../images/bekendeburen-premium-content-icon.png) no-repeat;
	background-size: 35%;
	background-position: center 40%;
	
}
.premium-customer .premium .premium-overlay{
	display: none;
}
.premium .slider-title, .premium .catslider-title{
/*
	background: rgba(110,110,110,1);
	background: -moz-linear-gradient(top, rgba(110,110,110,0) 0%, rgba(110,110,110,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(110,110,110,0)), color-stop(100%, rgba(110,110,110,1)));
	background: -webkit-linear-gradient(top, rgba(110,110,110,0) 0%, rgba(110,110,110,1) 100%);
	background: -o-linear-gradient(top, rgba(110,110,110,0) 0%, rgba(110,110,110,1) 100%);
	background: -ms-linear-gradient(top, rgba(110,110,110,0) 0%, rgba(110,110,110,1) 100%);
	background: linear-gradient(to bottom, rgba(110,110,110,0) 0%, rgba(110,110,110,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#464646', GradientType=0 );
*/
	background: none;
}
.premium .slider-title a, .premium .catslider-title h3{
	color: #333333;
	text-shadow: none;
}

/* HOME STYLES *****************************/

.content-top{
	position:relative;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
#mainslider{
	position: relative;
	display: block;
	width:100%;
	margin:0px;
	padding: 0px;
	z-index: 1;
}

#home-blks {
    position: relative;
	margin-right: -2px;
	overflow: hidden;
}
#home-blks:after{
	content: '';
	display: block;
	clear: both;
}
.h-blk{
	position: relative;
	width:33.3333%;
	float: left;
}
.h-blk .list-blk{
	min-height:377px;
	border-top:1px solid #DDDDDD;
}
.t-blk{
	display: block;
	height: 100%;
}
.t-blk .n-blk-txt{
	border: none;
}
.t-blk .t-blk-btm{
	padding: 0px 40px 40px 40px;
	
}
.h-blk-f {
	position: relative;
}
.h-blk-f .n-blk-img{
	position: relative;
	overflow: hidden;
	max-height: 300px;
}
.h-blk-f .n-blk-img a{
	margin-left: -50%;
	margin-right: -50%;
}
.h-blk-f .n-blk-txt{
	position: absolute;
	display: block;
	bottom: 0px;
	width: 100%;
	z-index: 9;
	padding: 40px 40% 40px 40px;
	background: rgba(41,41,41,0.7);
	background: -moz-linear-gradient(top, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(41,41,41,0)), color-stop(100%, rgba(41,41,41,1)));
	background: -webkit-linear-gradient(top, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	background: -o-linear-gradient(top, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	background: -ms-linear-gradient(top, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	background: linear-gradient(to bottom, rgba(41,41,41,0) 0%, rgba(41,41,41,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929', endColorstr='#292929', GradientType=0 );
	padding: 40px 40px 20px 40px;
	border: none;
}
.h-blk-f .n-blk-txt a h3{
	display: block;
	color: #FFFFFF;
}
.h-blk-f .n-blk-title {
	margin-bottom: 0px;
}
.h-blk-f:hover .n-blk-img img{
	transform:scale(1.2);
	-webkit-transition: all 1.2s;
	-moz-transition: all 1.2s;
	transition: all 1.2s;
}
.h-blk-f:hover .n-blk-img a:after{
	opacity: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.h-blk-f .n-blk-img a:before{
	top:40%;
}
.cat-blks{
	position: relative;
	margin: 0px;
}
.cat-heading{
	padding: 20px 40px 20px 40px;
	display: block;
	border-bottom:1px solid #DDDDDD;
}
.cat-heading h2{
	margin: 0px;
}
.cat-blks-wrap{
	overflow: hidden;
}
.cat-blk-left, .cat-blk-right{
	position: relative;
	width: 50%;
	float: left;
}
.cat-blk-right{
	border-left:1px solid #DDDDDD;
}
.cat-arts, .cat-list{
	position: relative;
	width: 50%;
	float: left;
	display: block;
}
.cat-arts{
	padding: 20px 0px 20px 40px;
}
.b-blk{
	position: relative;
	display: block;
	padding: 15px 0px;
	overflow: hidden;
	border-bottom:1px solid #DDDDDD;
}
.b-blk:last-child{
	border: none;
}
.b-blk-img, .b-blk-txt{
	position: relative;
	width: 50%;
	float: left;
	display: block;
}
.b-blk-img{
	padding-top: 5px;
	padding-right: 10px;
}
.b-blk-txt{
	padding-left: 10px;
	height: 72px;
	overflow: hidden;
	line-height: 18px;
}
.b-blk a{
	position: relative;
	display: block;
}
.zoek-empty{
	position: relative;
	padding: 20px 20px 300px 20px;
	font-size: 16px;
	border-bottom:1px solid #DDDDDD;
}

/* ARTIKEL STYLES *****************************/

.artikel-wrapper{
	position: relative;
}
.artikel-wrapper .content-side{
	border-left: none;
}
.artikel-details{
	position: relative;
	width:100%;
	display: block;
	padding: 0px;
	margin: 0px;
	color: #999999;
	top:0px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.artikel-details.affix {
    position: fixed;
    top: 20px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.artikel-details .w-blk{
	position: relative;
	display: block;
	padding: 0px;
}
.artikel-details.affix .w-blk{
	width: 225px;
}
.artikel-details .n-blk-cat{
	position: relative;
	display: block;
	padding: 20px 20px 10px 20px;
}
.artikel-details .datum{
	position: relative;
	display: block;
	padding: 0px 20px 20px 20px;
	color: #999999;	
/*	border-top: 1px solid #EEE;*/
}
.artikel-details .social-block{
	display: block;
	margin: 0px;
	padding: 10px 20px;
	color: #999999;	
	overflow: hidden;
	border-top: 1px solid #DDDDDD;
}
.artikel-details .social-block a{
	color: #999999;	
}
.artikel-details .social-button{
	float: left;
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
}
.artikel-details .social-block i{
	text-align: left;
	width: 20px;
}
.artikel-details .social-counter{
	float: right;
	text-align: right;
}
.artikel-details .ad-blk{
	position: relative;
	min-height: 200px;
	display: block;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.content-artikel{
	position: relative;
	width:75%;
	float: left;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.artikel-main{
	margin-bottom: 20px;
	background: #FFFFFF;
}
.artikel-header{
	padding: 20px 40px 20px 40px;
	border-top: 1px solid #DDDDDD;
}
.artikel-header h1{
	margin: 0px;
}
.artikel-inltxt{
	padding:0px 40px 10px 40px;
	font-weight: 700;
	font-size: 15px;
}
.artikel-txt{
	padding: 0px 40px;
}
.artikel-txt a:hover{
	text-decoration: underline;
}
#artikel-slider{
	position: relative;
	display: block;
/*	margin-bottom: 20px;*/
	padding: 0px;
}
#artikel-slider .right.carousel-control, #artikel-slider .left.carousel-control {
    display: none!important;
	opacity: 0.7;
	height: 90%;
	height: calc(100% - 30px);
}
#artikel-slider .left.carousel-control:hover,
#artikel-slider .left.carousel-control:focus,
#artikel-slider .right.carousel-control:hover,
#artikel-slider .right.carousel-control:focus{
  filter: alpha(opacity=100);
  opacity: 1;
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .0001) 100%);
	background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .3)), to(rgba(0, 0, 0, .0001)));
	background-image:         linear-gradient(to right, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .3) 100%);
	background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .3) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .3)));
	background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}
#artikel-slider .carousel-control i{
	position: absolute;
	font-size: 30px;
	top:45%;
}
#artikel-slider .left.carousel-control i{
	left:20%;
}
#artikel-slider .right.carousel-control i{
	right:20%;
}
.wrapper-indicators{
	
}
.wrapper-carousel-indicators{
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 0px;
}
.carousel-indicators {
	display: block;
    position: relative;
	width: 100%;
	bottom: 0;
	left:0;
    margin: 10px auto 0px auto;
	padding: 0px 25px 0px 20px;
    z-index: 5;
    list-style: outside none none;
    text-align: center;
	cursor: default;
}
.carousel-indicators li, .carousel-indicators a {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
	border: 0px;
    background-color: #DDDDDD;
    border-radius: 14px;
}
.carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 1px;
    background-color: #f2c700;
}
.artikel-social{
	position:relative;
	list-style:none;
	min-height:20px;
	padding:0px;
	margin:20px 40px 20px 40px;
}	
.artikel-social li{
	display:inline-block;
	float:left;
	padding:0px;
	margin:0px 20px 5px 0px;
}
.artikel-leesmeer{
	position: relative;
	padding:20px 40px 20px 40px;
	margin-bottom: 20px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
}
.artikel-leesmeer a{
	width:50%;
	float: left;
	font-size: 18px;
	font-weight: 400;
	color: #999;
}
.artikel-leesmeer a i{
	font-size: 14px;
}
.artikel-leesmeer .vor-art{
	text-align: left;
}
.artikel-leesmeer .vor-art i{
	margin-right: 5px;
}
.artikel-leesmeer .vol-art{
	text-align: right;
}
.artikel-leesmeer .vol-art i{
	margin-left: 5px;
}
.artikel-social .tw{ width:72px;}
/*.artikel_social .go{ width:90px;}
.artikel_social .fb{ min-width:300px;}*/

.artikel-more-left, .artikel-more-right{
	position: relative;
	width: 50%;
	float: left;
}
.artikel-more-left{
	padding: 20px 20px 20px 40px;
}
.artikel-more-right{
	padding: 20px 40px 20px 20px;
}
.artikel-more-right .list-blk{
	padding: 0px;
}
.artikel-more-right .list-blk ul li {
	padding:20px 0px;
}
.artikel_list{
	position: relative;
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
}
.artikel_list li{
	position: relative;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
.artikel_list li a{
	display: block;
}
.artikel_list li .al-img{
	width: 40%;
	float: left;
}
.artikel_list li .al-txt{
	position: relative;
	display: block;
	width: 60%;
	height: 100%;
	float: left;
	padding: 0px 0px 10px 20px;
}
.artikel_list li .al-txt a{
	height: 60px;
	overflow: hidden;
}
.artikel_list li:after{
	content: '';
	display: block;
	clear: both;
}
.artikel_list li .n-blk-comment{
	position: relative;	
	float: left;
	bottom: inherit;
	left: inherit;
}
.artikel_list li .n-blk-date{
	position: relative;	
	float: right;
	bottom: inherit;
	right: inherit;
}
.wrapper_comments{
	position: relative;
	clear: both;
	border-top: 1px solid #DDDDDD;
	padding: 20px 40px 40px 40px;
}
.wrapper_comments h2{
	margin-bottom: 20px;
}
.prem-blk{
	padding-bottom: 20px;
	border-top: 1px solid #DDDDDD;
}
/*
.prevnews .n-blk-txt{
	border-right:none;
	padding-bottom: 42px;
}
.content-side .vol-art{
	position: relative;
	display: block;
	padding:0px 0px 0px 40px;
	border-bottom: 1px solid #DDDDDD;
	overflow: hidden;
	font-size: 18px;
	line-height: 40px;
	font-weight: 400;
	color: #999;
}
.content-side .vol-art i{
	display: block;
	float: right;
	height: 40px;
	width: 40px;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	border-left: 1px solid #DDDDDD;
}
*/

#artikel-img-single{
	margin-bottom: 10px;
}
.wrapper-indicator-btn{
	
}
.wrapper-indicator-btn .carousel-control i{
	position: absolute;
	font-size: 30px;
	top:45%;
}
.wrapper-indicator-btn .right.carousel-control{
	opacity: 1;
}


#artikel-img-modal.modal{
    z-index: 999999999;
}
#artikel-img-modal .modal-backdrop.in {
	opacity: 0.9;
}
#artikel-img-modal .logo-main{
	position: absolute;
	left: -5px;
	top:10px;
	z-index: 9;
}
#artikel-img-modal .close{
	position: absolute;
	top:40px;
	right: 40px;
	color: #FFFFFF;
	font-size: 40px;
	text-shadow: none;
	opacity: 1;
	padding: 0px;
	height: 20px;
	line-height: 20px;
	vertical-align: top;
}
#artikel-img-modal .close:hover{
	opacity: 0.7;
}

#artikel-img-modal .modal-dialog {
    width: 1200px;
    max-width: 90%;
    margin: 0px auto;
/*    padding: 15% 0px 0px 0px;*/
	padding: 100px 0px 0px 0px;
	background: none;
}
#artikel-img-modal.tmp-test .modal-dialog {
	padding: 100px 0px 0px 0px;
}
#artikel-img-modal .modal-body {
	padding: 0px;
	background: #000000;
	background: #292929;
}
.artikel-img-title{
	color: #FFFFFF;
}
.artikel-img-title h2{
	font-weight: 700;
}
#artikel-img-modal #artikel-slider .right.carousel-control, #artikel-img-modal #artikel-slider .left.carousel-control {
	display: block!important;
	height:100%;
}
#artikel-img-modal #artikel-slider{
	position: relative;
	display: block;
	float: left;
	width: 68%;
}

#artikel-img-text{
	position: relative;
	display: block;
	float: left;
	width: 32%;
	color: #FFFFFF;
	padding: 30px 30px 20px 30px; 
}
.artikel-img-inltxt{
	margin-bottom: 30px;
}
.artikel-img-inltxt span{
	display: block;
}
.artikel-img-inltxt a{
	color: #F2C700;
}
.artikel-img-inltxt a:hover{
	color: #FFFFFF;
}
.artikel-img-count{
	display: block;
	font-weight: 700;
	margin-bottom: 20px;
	font-size: 18px;
}
.artikel-img-link{
	position: absolute;
	display: block;
	right: 0;
	top:-30px;
	color: #FFFFFF;
	font-weight: 700;
}
.artikel-img-link:hover{
	color: #F2C700;
}

#artikel-img-banner-top{
	position: relative;
	text-align: center;
	margin-bottom: 50px;
	max-width: 100%;
	max-height: 250px;
}

#artikel-img-banner{
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	text-align: center;
	max-height: 300px;
}

#artikel-img-modal .modal-body:after{
	content: '';
	display: block;
	clear: both;
}

.artikel-txt-btn{
	position: relative;
	display: block;
	text-align: center;
	padding: 0px 40px;
	margin: 30px 0px;
}

/* ARTIKEL VIDEO *****************************/

#artikel-video{
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding: 0px;
	text-align: center;
}
#video-main{
	position: relative;
	max-width: 100%;
	max-height: 40vh;
	margin: auto;
	vertical-align: top;
	z-index: 1;
}

#video-card{
	position: absolute;
	display: none;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 10%;
	top: 0;
	left: 0;	
	opacity: 0;
	background: rgba(0,0,0,0.7);	
	z-index: 2;
}

.vidcardshow #video-card{
	display: flex;
	-webkit-animation: opac-in-animate 0.4s ease-out forwards;
	animation: opac-in-animate 0.4s ease-out forwards;
}

.video-card-text{
	position: relative;
	margin-bottom: 20px;
	font-size: 20px;
	color: #FFFFFF;
}

.video-card-close{
	position: absolute;
	z-index: 3;
	top: 20px;
	right: 20px;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFFFFF;
	cursor: pointer
}

.youtube-video {
    position: relative;
    display: block;
    padding-bottom: 56.25%;
    height: 0;
}
.youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@-webkit-keyframes opac-in-animate {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes  opac-in-animate {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes opac-out-animate {
	0% { opacity: 1;}
	100% { opacity: 0;}
}
@keyframes  opac-out-animate {
	0% { opacity: 1;}
	100% { opacity: 0;}
}

/* ACCORDION *****************************/

.archief{
	position: relative;
	border-bottom: 1px solid #DDDDDD;
}

.accordion{
	position: relative;}

.accordion-group {
	margin-bottom: 5px;
	border:none;}

.accordion-heading {
	border: 1px solid #CCCCCC;}

.accordion-heading .accordion-toggle {
	display: block;
	padding: 8px 15px 8px 25px;
	color: #f2c700;
	background:url(../images/icon_down_hover.png) 15px center no-repeat;}

.accordion-toggle {
	cursor: pointer;}
	
.accordion-heading .collapsed{
	color:#292929;
	background:url(../images/icon_right.png) 15px center no-repeat;}
	
.accordion-heading .collapsed:hover{
	background:url(../images/icon_right_hover.png) 15px center no-repeat;}

.accordion-inner {
	padding: 0px;
	border-top:none;}
  
.accordion ul{
	position:relative;
	overflow:hidden;
	margin:0px;
	padding:0px;
	list-style: none;
	border-left:1px solid #CCCCCC;}
	
.accordion li{
	float:left;
	text-align:center;
	width:33.3333%;
	margin:0px;
	padding:0px;
	border:none;}
	
.accordion li a{
	display:block;
	padding:5px 0px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;}
	
.accordion li a:hover, .accordion .active a{
	color: #f2c700;
	background:#fcfcfc;
}

/* AD BLOCKS *****************************/

.ad-blk{
	position: relative;
	text-align: center;
}
.ad-blk-prem{
	position:relative;
	text-align:center;
}
/*
.content-side .ad-blk{
	margin-bottom: -5px;
}
*/
.full-ad{
	position:relative;
	margin:0px;
	text-align:center;
	padding: 0px;
	line-height: 0;
	clear: both;
}
.full-ad.home-ad{
	position:relative;
	margin:0px -1px 0px 0px;
	border-right:1px solid #DDDDDD;
}
.artikel-main .full-ad{
	display: block;
	padding: 0px 40px;
/*	padding: 0px;*/
	margin-bottom: 10px;
}
.artikel-txt-ad{
	padding: 20px 0px 0px 20px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	clear: both;
}
/*
.full_ad .small{
	display:none;
}
*/
.sidebar-ad{
/*
	position:relative;
	margin:0px 0px 0px 0px;
	line-height:0px;
	text-align:center;
*/
}
.img-ad{
	position: relative;
	display: block;
}
.img-ad a{
	position: relative;
	display: block;
}
.img-ad img{
	max-width: 100%;
}
.ban-ad{
	display: none;
}
#adblock-text{
	display: none;
	position: relative;
	border-top: 1px solid #DDDDDD;
	padding: 40px 40px 30px 40px; 
	font-size: 16px;
	font-weight: 700;
}
.adblock-text-wrap{
	position: relative;
	-webkit-animation: opac-pulse-animate 3.0s ease infinite;
	animation: opac-pulse-animate 3.0s ease infinite;
	-webkit-animation-delay: 2.0s;
    animation-delay: 2.0s;
}
@-webkit-keyframes opac-pulse-animate {
	0%, 40%, 60%, 100% { opacity: 1;}
	50% { opacity: 0;}
}
@keyframes opac-pulse-animate {
	0%, 40%, 60%, 100% { opacity: 1;}
	50% { opacity: 0;}
}

/* SUB BANNER *****************************/

.sub_banner{
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 0px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
.sub_banner .img-lnk{
	position: relative;
	line-height: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}
.sub_banner .img-lnk img{
    display: block;
    margin: 0 auto;
}
.sub_banner .txt-lnk{
	position: relative;
	display: block;
	padding: 39px 40px;
	overflow: hidden;
}
.sub_banner .txt-lnk:hover{
/*	color: #FFFFFF;*/
}
.sub_banner .txt-lnk h3{
	margin: 0px 0px 10px 0px;
}
.sub_banner .txt-lnk p{
	position: relative;
	display: block;
	margin: 0px 0px 5px 0px;
	width: 100%;
	overflow: hidden;
	font-weight: 400;
	line-height: 20px;
}
.sub_banner .txt-lnk span{
	position: relative;
	display: block;
	height: 20px;
	line-height: 20px;
}

/* FOOTER *****************************/
	
#footer	{
	position:relative;
	margin-bottom: 10px;
}
.logo-footer{
	float: left;
	margin: 0px;
}
#footer-nav	{
	position: relative;
	float: left;
	list-style: none;
	margin: 12px 0px 10px 15px;
	padding: 0px 0px 0px 5px;
	border-left: 1px solid #CCCCCC;
}
#footer-nav	li{
	display: block;
	float: left;
}
#footer-nav	li a{
	display: block;
	color: #999;
	padding: 0px 15px;
}
#footer-nav	li:last-child a{
	padding-right: 0px;
}
#footer-copyright {
	position:relative;
	margin-bottom: 80px;
	color: #999;
/*	text-align: center;*/
	font-size: 12px;
}
#footer-copyright a{
	color: #999;
}
.copyright{
	padding-left: 245px;
}


/* FORM STYLES *****************************/

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.form-control:focus {
    border-color: #f2c700;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 5px rgba(242, 199, 0, 0.6);
}
textarea{
	width:100%!important;
}
.form-group{
	margin-bottom: 20px;
}
.checkbox, .radio {
	margin-top: 0px;
}
.radio label + label{
	margin-left: 20px;
}
input:focus, button:focus{
    outline:none!important;
}
.adverteren-form{
	padding-top: 10px;
}
.adverteren-form h2{
	margin-top: 20px;
}

.form-group .i-link{
	float: right;
	font-style: italic;
}
.log-good{
	position: relative;
	display: block;
	margin-bottom: 40px;
}

/* OTHER STYLES *****************************/

.clear{
	clear:both;
}	
.no_border{
	border:none!important;
}
.modal-dialog {
    width: 400px;
	max-width: 80%;
    margin: 200px auto;
	background: #FFFFFF;
}
.modal-header{
	border: 0px;
	padding: 40px 40px 20px 40px;
}
.modal-body{
	padding: 40px;
	padding-top: 0px;
}
.modal-footer{
	padding: 40px;
	padding-top: 0px;
	border: 0px;
}
.modal-body .btn{
	display: inline-block;
	margin-top: 10px;
}
.modal-body .btn + .btn{
	margin-left: 20px;
}

.modal-header .close {
	margin-top: -20px;
	margin-right: -20px;
}
#dialog_not_loggedin .modal-footer .btn + .btn{
	float:right;
}



#dialog-poster .modal-dialog {
    width: 640px;
	max-width: 90%;
    margin: 2% auto;
	background: #FFFFFF;
    text-align: center;
}

#dialog-poster .modal-body img{
    
    max-width: 100%;
}
#dialog-poster .modal-dialog .button{
    font-size: 16px;
}
#dialog-poster .modal-footer{
    text-align: center;
}


/* ANIMATIONS *****************************/

@-webkit-keyframes btn-animate {
	0%, 100% { -webkit-transform:scale(1); }
	50% { -webkit-transform:scale(1.1); }
}
@-ms-keyframes btn-animate {
	0%, 100% { -ms-transform:scale(1); }
	50% { -ms-transform:scale(1.1); }
}
@-o-keyframes btn-animate {
	0%, 100% { -o-transform:scale(1); }
	50% { -o-transform:scale(1.1); }
}
@keyframes btn-animate {
	0%, 100% { transform:scale(1); }
	50% { transform:scale(1.1); }
}

@-webkit-keyframes bm-animate {
	0% { background: rgba(255,255,255,0); }
	100% {	background: rgba(255,255,255,0.2); }
}
@-ms-keyframes bm-animate {
	0% { background: rgba(255,255,255,0); }
	100% {	background: rgba(255,255,255,0.2); }
}
@-o-keyframes bm-animate {
	0% { background: rgba(255,255,255,0); }
	100% {	background: rgba(255,255,255,0.2); }
}
@keyframes bm-animate {
	0% { background: rgba(255,255,255,0); }
	100% {	background: rgba(255,255,255,0.2); }
}

/* BOOTSTRAP RESET *****************************/

.container {
	width: 1200px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    margin-right: -20px;
    margin-left: -20px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
}
.fade {
/*
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in;
	-moz-transition: opacity 0.5s ease-in;
	-ms-transition: opacity 0.5s ease-in;
	-o-transition: opacity 0.5s ease-in;
	transition: opacity 0.5s ease-in;
*/
}

/* PAGE COLORS STYLES *****************************/

.huizen #navbar, .huizen .header-search button, i.huizen, .huizen .n-blk-cat i, .huizen.cat-title-blk i, .huizen #artikel-slider .carousel-indicators .active{
    background: #F2C700;
}
.huizen .heading h2, .huizen .n-blk-title span, .huizen a:hover, .huizen a:active, .huizen a:focus .huizen.active a, .huizen .artikel-details .social-button:hover, .slider-title.huizen span, .huizen.catslider-title span, .huizen .artikel-txt a{
	color: #F2C700;
}
.huizen .header-search button, .huizen #main-nav li a {
	color: #292929;
}

.paparazzi #navbar, .paparazzi .header-search button, i.paparazzi, .paparazzi .n-blk-cat i, .paparazzi.cat-title-blk i, .paparazzi #artikel-slider .carousel-indicators .active{
    background: #e00000;
}
.paparazzi .heading h2, .paparazzi .n-blk-title span, .paparazzi a:hover, .paparazzi a:active, .paparazzi a:focus .paparazzi.active a, .paparazzi .artikel-details .social-button:hover, .slider-title.paparazzi span, .list-blk.paparazzi i, .paparazzi.catslider-title span, .paparazzi .artikel-txt a{
	color: #e00000;
}
.paparazzi .header-search button, .paparazzi #main-nav li a {
	color: #FFFFFF;
}

.shownieuws #navbar, .shownieuws .header-search button, i.shownieuws, .shownieuws .n-blk-cat i, .shownieuws.cat-title-blk i, .shownieuws #artikel-slider .carousel-indicators .active{
    background: #3ebd00;
}
.shownieuws .heading h2, .shownieuws .n-blk-title span, .shownieuws a:hover, .shownieuws a:active, .shownieuws a:focus .shownieuws.active a, .shownieuws .artikel-details .social-button:hover, .slider-title.shownieuws span, .list-blk.shownieuws i, .shownieuws.catslider-title span, .shownieuws .artikel-txt a{
	color: #3ebd00;
}
.shownieuws .header-search button, .shownieuws #main-nav li a {
	color: #FFFFFF;
}

.auto_s #navbar, .auto_s .header-search button, i.auto_s, .auto_s .n-blk-cat i, .auto_s.cat-title-blk i, .auto_s #artikel-slider .carousel-indicators .active {
    background: #41a9fa;
}
.auto_s .heading h2, .auto_s .n-blk-title span, .auto_s a:hover, .auto_s a:active, .auto_s a:focus .auto_s.active a, .auto_s .artikel-details .social-button:hover, .slider-title.auto_s span, .auto_s.catslider-title span, .auto_s .artikel-txt a{
	color: #41a9fa;
}

i.huizen:before{
	content:"\f015";
	font-size: 16px;
}
i.paparazzi:before{
	content:"\f030";
	font-size: 13px;
}
i.auto_s:before{
	content:"\f1b9";
	font-size: 13px;
}
i.shownieuws:before{
	content:"\f005";
	font-size: 15px;
}

.huizen .pagination > li > a, .huizen .pagination > li > span, .huizen .pagination > li > a:focus, .huizen .pagination > li > a:hover, .huizen .pagination > li > span:focus, .huizen .pagination > li > span:hover {
    color: #F2C700;

}
.huizen .pagination > .active > a, .huizen .pagination > .active > a:focus, .huizen .pagination > .active > a:hover, .huizen .pagination > .active > span, .huizen .pagination > .active > span:focus, .huizen .pagination > .active > span:hover {
	color: #292929;
    background-color: #F2C700;
    border-color: #F2C700;
}

.paparazzi .pagination > li > a, .paparazzi .pagination > li > span, .paparazzi .pagination > li > a:focus, .paparazzi .pagination > li > a:hover, .paparazzi .pagination > li > span:focus, .paparazzi .pagination > li > span:hover {
    color: #e00000;

}
.paparazzi .pagination > .active > a, .paparazzi .pagination > .active > a:focus, .paparazzi .pagination > .active > a:hover, .paparazzi .pagination > .active > span, .paparazzi .pagination > .active > span:focus, .paparazzi .pagination > .active > span:hover {
	color: #FFF;
    background-color: #e00000;
    border-color: #e00000;
}

.shownieuws .pagination > li > a, .shownieuws .pagination > li > span, .shownieuws .pagination > li > a:focus, .shownieuws .pagination > li > a:hover, .shownieuws .pagination > li > span:focus, .shownieuws .pagination > li > span:hover {
    color: #3ebd00;

}
.shownieuws .pagination > .active > a, .shownieuws .pagination > .active > a:focus, .shownieuws .pagination > .active > a:hover, .shownieuws .pagination > .active > span, .shownieuws .pagination > .active > span:focus, .shownieuws .pagination > .active > span:hover {
	color: #FFF;
    background-color: #3ebd00;
    border-color: #3ebd00;
}

.auto_s .pagination > li > a, .auto_s .pagination > li > span, .auto_s .pagination > li > a:focus, .auto_s .pagination > li > a:hover, .auto_s .pagination > li > span:focus, .auto_s .pagination > li > span:hover{
    color: #41a9fa;

}
.auto_s .pagination > .active > a, .auto_s .pagination > .active > a:focus, .auto_s .pagination > .active > a:hover, .auto_s .pagination > .active > span, .auto_s .pagination > .active > span:focus, .auto_s .pagination > .active > span:hover {
	color: #FFF;
    background-color: #41a9fa;
    border-color: #41a9fa;
}

.paparazzi .dms_cp_IDS_68626:hover a, .paparazzi .dms_cp_IDS_68628:hover a {
	color: #e00000;
}
.shownieuws .dms_cp_IDS_68626:hover a, .shownieuws .dms_cp_IDS_68628:hover a {
	color: #3ebd00;
}
.auto_s .dms_cp_IDS_68626:hover a, .auto_s .dms_cp_IDS_68628:hover a {
	color: #41a9fa;
}
/*
.prem-blk .heading h2{
	color: #e00000;
}
*/

/* RESPONSIVE STYLES *****************************/

.nav-main-trig{
	position: absolute;
	left:20px;
	top:34px;
	color: #FFFFFF;
	margin:0px;
	width: 20px;
}
.nav-main-trig .icon-bar{
	position: relative;
	display: block;
	background: #FFFFFF;
	height: 2px;
	margin-bottom: 4px;
}
.nav-main-trig .icon-bar:last-child{
	margin-bottom: 0px;
}
.nav-main-trig, #navbar .main-social{
	display: none;
}
#main-wrapper .bg-wrap{
	opacity: 0;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.header-search-trigger{
	display: none;
}
.article-mob-ad-blk {
	display: none!important;
	text-align: center;
}

@media (min-width: 1240px) {

	.desk-clear{
		position: relative;
		clear: both;
	}
	
}

@media (min-width: 992px) and (max-width: 1239px) {
	
	.container {
		width: 970px;
	}
	#home-blks {
		margin-right: -1px;
	}
	.h-blk{
		width:50%;
		height: 398px;
	}
	.t-blk{
		border-right: 1px solid #DDDDDD;
	}
	.artikel-details.affix .w-blk {
		width:170px;
	}
	
	#artikel-img-modal .modal-dialog {
		width: 100%;
		max-width: 100%;
		margin: 0px auto;
		padding: 15% 20px;
	}
	#artikel-img-modal .logo-main {
		left: 20px;
	}
	#artikel-img-modal .close {
        top: 30px;
    	right: 20px;
	}

	#artikel-img-modal #artikel-slider{
		width: 62%;
	}

	#artikel-img-text{
		width: 38%;
	}
	
	
}
	
@media (min-width: 768px) and (max-width: 991px) {
	
	.container {
		width: 100%;
	}
	#header{
		padding: 0px 40px;
	}
	#main-nav {
		padding: 0px 40px;
	}
	#weer-slide{
		display: none;
	}
	.h-blk{
		width:50%;
		height: 354px;
	}
	.n-blk-img {
		margin-right: 1px;
	}
	.content-main{
		width:75%;
	}
	.content-side{
		width:25%;
	}
	.t-blk{
		border-right: 1px solid #DDDDDD;
	}
	.t-blk .t-blk-btm {
    	padding: 0px 40px 40px 40px;
	}
	.cat-arts, .cat-list {
		width: 100%;
		float: none;
	}
	.cat-arts{
		padding-right: 40px;
	}
	.artikel-details.affix .w-blk {
		width:170px;
	}
	#footer{
		padding: 0px 40px;
	}
	
	#artikel-slider .carousel-indicators li, #artikel-slider .carousel-indicators .active  {
		width: 16px;
		height: 16px;
		margin: 1px 2px;
	}
	#artikel-slider .carousel-indicators li.active + li {
		width: 22px!important;
		height: 22px!important;
	}
	
	#artikel-img-modal .modal-dialog {
		width: 100%;
		max-width: 100%;
		margin: 0px auto;
		padding: 15% 20px;
	}
	#artikel-img-modal .logo-main {
		left: 20px;
	}
	#artikel-img-modal .close {
        top: 30px;
    	right: 20px;
		z-index: 999;
	}
	.artikel-img-link {
    	right: 20px;
    	top: 20px;
	}

	#artikel-img-modal #artikel-slider{
		position: relative;
		display: block;
		float: left;
		float: none;
		width: 100%;
	}

	#artikel-img-text{
		position: relative;
		display: block;
		float: none;
		width: 100%;
	}
	
}

@media (max-width: 767px) {
	
	.container {
		width: 100%;
	}
	#header{
		position: fixed;
		display: block;
		z-index: 999;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 60px;
	}
	#navbar{
		background: #FFFFFF!important;
	}
	.nav-main-trig{
		display: block;
		z-index: 99;
		top: 23px;
	}
	.logo-main {
		display: inline-block;
		text-align: center;
		margin: 12px 20px 10px 60px;
		width:180px;
	}		
	.header-search {
		position: absolute;
		width:80%;
		right:-80%;
		top: 0px;
		margin: 0px;
		padding: 10px 0px;
		background: #292929;
		-webkit-transition: 0.2s;
		-moz-transition: 0.2s;
		-ms-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}
	.header-search-trigger {
		position: absolute;
		display: block;
		height: 40px;
		width:50px;
		left:-50px;
		color: #FFFFFF!important;
		line-height: 36px;
		text-align: center;
		font-size: 18px;
		background: #292929;
	}
	.header-search .search_btn{
		visibility: hidden;	
	}
	.header-search.search-open {
		right:-25px;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-ms-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		transition: 0.3s ease-in;
	}
	#navbar {
		position: fixed;
		display: block;
		z-index: 999;
		top: 60px;
		left: -200px;
		width: 200px;
		height: 100%;
		-webkit-transition: 0.2s;
		-moz-transition: 0.2s;
		-ms-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s;
	}
	#navbar.menu-open {
		left: 0px;
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-ms-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		transition: 0.3s ease-in;
	}
	#main-wrapper.menu-open .bg-wrap{
		display: block;
		position: absolute;
		z-index: 998;
		width: 100%;
		height: 100%;
		opacity: 1;
		background: rgba(0,0,0,0.5);
		-webkit-transition: 0.3s ease-in;
		-moz-transition: 0.3s ease-in;
		-ms-transition: 0.3s ease-in;
		-o-transition: 0.3s ease-in;
		transition: 0.3s ease-in;
	}
	#main-nav{
		margin-top: 10px;
	}
	#main-nav li{
		display: block;
	}
	#main-nav li a, #main-nav li:first-child a  {
        padding: 10px 20px;
		width:100%;
		color: #292929!important;
	}
	#main-nav li:hover:before, #weer-slide, .main-social{
		display: none;
	}
	#navbar .main-social{
		display: block;
		float: none;
		margin: 20px 20px;
	}
	#navbar .main-social li {
		margin: 0px 10px 0px 0px;
		-ms-interpolation-mode:bicubic; 
	}
	#main-wrapper{
		margin-top: 60px;
	}
	.content-main, .content-left{
		width:100%;
		float: none;
		padding-right: 0px;
		border-bottom: 1px solid #DDD;
		margin: 0px!important;
	}
	.ad-blk-prem, .content-left .social-block, .left-block, .content-side .ad-blk {
		display: none;	
	}
	.article-mob-ad-blk {
		display: block!important;
	}
	.content-left{
		border-bottom: none;
	}
	.artikel-details .ad-blk{
		border: none;
		min-height: inherit;
		display: none;
	}
	.artikel-details .n-blk-cat, .artikel-details .datum{
		display: none;
	}
	.content-main:after{
		content:'';
		display: block;
		clear: both;
	}
	.content-side{
		width:100%;
		float: none;
		padding-left:0px;
	}
	.content-side .ad-blk {
		margin: 0px;
	}
	.content-blk-left, .content-blk-right{
		width:100%;
		float: none;
		padding: 0px;
	}
	#home-blks {
		margin-right: 0px;
	}
	.blk-wrapper{
		margin: 0px;
	}
	#mainslider .carousel-inner img, .catslider-img img {
		margin: 0;
	}
	#mainslider .carousel-inner .item, #catslider .carousel-inner .item{
		overflow: hidden;
	}
	#mainslider .carousel-inner .slider-img, #catslider .carousel-inner .catslider-img {
		margin-left: -5%;
		margin-right: -5%;
	}
	#artikel-slider .carousel-indicators li, #artikel-slider .carousel-indicators .active  {
		width: 16px;
		height: 16px;
		margin: 1px 2px;
	}
	#artikel-slider .carousel-indicators li.active + li {
		width: 22px!important;
		height: 22px!important;
	}
	.carousel-inner .premium .premium-overlay{
		background-size: 35%;
		background-position: center 20%;
	}
    
    #artikel-slider .item.last_item{
        display: none!important;
    }
    
	.slider-title {
		padding: 20px 20px 20px 20px;
	}
	.slider-title a {
		font-weight: 700;
		font-size: 16px;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
		line-height: 20px;
	}
	.h-blk, .c-blk{
		width:50%;
	}
	.n-blk-txt {
    	padding: 20px 20px 0px;
	}
	.n-blk-title {
        min-height: 90px;
		max-height: 90px;
		overflow: hidden;
	}
	.n-blk-btm {
    	position: relative;
		height:40px;
		overflow: hidden;
    	padding: 10px 20px 10px 20px;
	}
	.t-blk{
/*		border-right: 1px solid #DDDDDD;*/
		width: 100%;
	}
	.t-blk .t-blk-btm{
		padding: 10px 20px 0px 20px;
	}
	.t-blk a{
		max-height: 180px;
		overflow: hidden;
	}
	.list-blk {
		padding: 20px 0px;
	}
	.cat-blk-left{
		border-right: none;
		border-bottom: 1px solid #DDDDDD;
	}
	.cat-arts, .cat-list, .cat-blk-left, .cat-blk-right {
		width: 100%;
		float: none;
	}
	.cat-arts {
		padding: 20px 20px 20px 20px;
	}
	.cat-list{
		border-top: 1px solid #DDDDDD;
	}
	.artikel-details.affix {
		position: relative;
		top: 0px;
	}
	.artikel-details.affix .w-blk {
    	width:100%;
	}
	.content-artikel{
		width:100%;
		float: none;
		border: none;
	}
	.artikel-social li{
		margin:0px 15px 5px 0px;
	}
	.artikel-more-left, .artikel-more-right {
		position: relative;
		width: 100%;
		float: none;
		padding: 20px 20px;
	}
	.artikel-more-right{
		padding-top: 40px;
		border-top: 1px solid #DDDDDD;
	}
	.artikel-txt-ad {
    	padding: 20px 20px 0px 0px;
	}
	.full-ad.home-ad {
        margin: 0px;
		text-align: -mox-center;
	}
	.full-ad.home-ad img{
		max-width: 100%;
	}
	.pagination-centered {
		padding: 0px 10px;	
	}
	#footer{
		padding: 0px 40px;
	}
	.logo-footer{
		float: none;
	}
	#footer-nav {
		position: relative;
		float: none;
		margin: 20px 0px 20px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
	}
	#footer-nav li{
		width:50%;
		float: left;
	}
	#footer-nav li a {
        padding: 0px 0px;
	}
	#footer-copyright{
		padding: 0px 40px;
	}
	.copyright {
		padding: 0px;
	}
	.page-wrapper {
    	padding: 20px;
		margin: 0px;
	}
	.artikel-main .full-ad {
		padding: 0px 20px 0px 20px;
	}
	.artikel-leesmeer a {
		font-size: 16px;	
	}
	.artikel-header, .artikel-leesmeer {
		padding: 20px;
	}
	.artikel-inltxt {
    	padding: 0px 20px 10px 20px;
	}
	.artikel-txt {
		padding: 0px 20px;
	}
	.artikel-social {
        margin: 20px;
	}
	.wrapper_comments {
    	padding: 0px 20px 40px;
	}
	.list-blk .heading {
    	padding: 10px 20px;
	}
	.list-blk ul li {		
		padding: 15px 20px;
	}
	.sub_banner .txt-lnk {
		padding: 19px 20px;
	}
	.fb-comments span {
		width: 100% !important;
	}
	.fb-comments iframe span[style] {
		width: 100% !important;
	}
	
	
	#artikel-img-modal .modal-dialog {
		width: 100%;
		max-width: 100%;
		margin: 0px auto;
		padding: 60px 15px;
	}
	#artikel-img-modal .logo-main {
		left: 15px;
		top: 10px;
		margin: 0px;
	}
	#artikel-img-modal .close {
        top: 10px;
    	right: 15px;
		z-index: 999;
		font-size: 32px;
	}
	.artikel-img-link {
    	right: 15px;
    	top: 15px;
	}
	.artikel-img-title h2 {
		font-size: 18px;
	}
	
	#artikel-img-banner-top {
		margin-bottom: 20px;
		overflow: hidden;
	}

	#artikel-img-modal #artikel-slider{
		position: relative;
		display: block;
		float: left;
		float: none;
		width: 100%;
	}

	#artikel-img-text{
		position: relative;
		display: block;
		float: none;
		width: 100%;
		padding: 15px;
	}
	.artikel-img-count {
    	font-size: 14px;
	}
	.artikel-img-inltxt {
		margin-bottom: 20px;
	}
	
}