/*
Theme Name: Treinreiziger
Theme URI: http://www.treinreiziger.nl
Description: Treinreiziger Theme
Author: Publink 
Author URI: http://www.publink.nl
Version: 1.52 - december 2020
*/
* {
    margin:0;
    padding:0;
    outline:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
body { background: #F4F4F4; font-family: "Open Sans", arial; }
a,a:hover{text-decoration:none;}
a:hover {color: #E5303C;}
ol,header ul, footer ul{
    list-style:none;
    padding: 0;
    margin: 0;
}
.clearfix:before, .clearfix:after{
    content:"";
    display:block;
    height:0;
    overflow:hidden;
    clear:both;
}

.left{float:left;}
.right{float:right;}
.clear{
    clear:both;
}



#contTop .stylevar11 a { text-decoration: underline;color: #444;}
#contTop .stylevar11 a:hover { color: #E5303C;}

.container{
    max-width: 1190px;
    margin: 0 auto;
    padding: 0 20px;
}
.container:before, .container:after{
    content:"";
    display:block;
}
img{
    display: inline-block;
}
hr{
    border: 0;
    height: 1px;
    background: #fff;
    margin: 10px 0;
}

#contTop{ background-position: top center!important;}
/*Top*//*Top*//*Top*//*Top*/
/*
#contTop{
    background-position: 100% top!important; 
    background-size: 100% auto!important;   
}

.top{
    background: url(img/Groupen.png);
}
*/
header{
    height: 52px;
    padding-top: 5px;
    background: #fff;
    left: 0;
    right: 0;
}
header .container{
    max-width: 1170px;
    padding: 0 40px 0 0;
    position: relative;
}
header li:first-child span{
    display: block;
    line-height: 7px;
    display: none;
    font-size: 33px;
}

/* stoptober update */

.page .zoeken { min-height: 500px; }
.gsc-input-box { border: 1px solid gray; }
.logo a { margin-top: 4px; width: 300px; height: 40px; text-indent: -7000px; display: block; background: url('https://wwww.treinreiziger.nl/wp-content/themes/treinreiziger/img/logogrey.png') no-repeat; }

#header-nav { box-shadow : 0 0 7px rgba(0,0,0,0.6); }
#header-nav nav li a { color: #4d4e4c; }
#header-nav nav li a:hover { color: #E5303C; }
#header-nav nav li.current-menu-item a { color: #E5303C; }

#search img { padding-top: 10px; }

.soc{ margin-top: 0px; max-height: 35px; }

header nav a:hover{ color: #E5303C!important; }


.soc a.twitter { background: url(img/twitter-treinreiziger.png) no-repeat; background-size: 100%;}
.soc a.twitter:hover{ background: url(img/twitter-treinreiziger-2.png) no-repeat; background-size: 100%; }
.soc a.facebook { background: url(img/facebook-treinreiziger.png) no-repeat; background-size: 100%;}
.soc a.facebook:hover{ background: url(img/facebook-treinreiziger-2.png) no-repeat; background-size: 100%;}
.soc a.youtube{ background: url(img/youtube-rood.png) no-repeat; background-size: 100%; margin-right: 0px;}
.soc a.youtube:hover{ background: url(img/youtube-zwart.png) no-repeat; background-size: 100%;}
.soc a.zoeken{ background: url(img/zoeken.png) no-repeat; background-size: 100%; margin-right: 0px;}
.soc a.zoeken:hover{ background: url(img/zoeken2.png) no-repeat; background-size: 100%; margin-right: 0px;}

#more{
    position: relative;
    bottom: 10px;
    font-size: 30px;
    color: #E5303C;
    cursor: pointer;
}
#more:hover{
    color: #9B9B9B;
}
#less{
    background: url(img/triangleGrey.png) no-repeat;
    display: none;
    background-size:100% 100%; 
    cursor: pointer;
    background-position: 0px 2px!important;   
}
#less:hover{
    background: url(img/triangleLeft.png) no-repeat;
    background-size:100% 100%; 
    cursor: pointer;    
}
header nav{
    max-width: 530px;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-left: 20px;
    padding-top: 8px;
    text-align: center;
}
header nav li{
    display: inline-block;
    margin-left: 25px;
}
header nav li a{

    font-size: 18px;
}
header nav li:first-child{
    display: none;
    cursor: pointer;
    position: relative;
    bottom: 5px;
    width: 10px;
}

header .sitelogo { padding-top: 3px; }

#contTop nav li:first-child{
    color: #fff;
}
#contTop nav li:first-child:hover, header li:first-child:hover{
    color: #E5303C;
}
header li:first-child span{
    line-height: 7px;
    display: block;
    font-size: 33px;
    width: 10px;
    text-align: center;
}
.wigArea1{
    height: 90px;
    top: 45px;
    position: absolute;
    width: 940px;
    margin: 0 auto;
}
.topbanner-1 {width: 300px; float: left; margin-right: 137px; border-radius: 5px;}
.topbanner-2 {width: 300px; float: left; margin-right: 137px; border-radius: 5px;}
.topbanner-3 {width: 300px; float: left; border-radius: 5px;}

.news{
    width: 300px;
    min-height: 455px;
    max-height: 455px;
    border-radius: 5px;
    background: #fff;
    margin-right: 137px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}
.news .fotolink{
    width: 300px;
    height: 200px;
    display: block;
    background: gray;
    overflow: hidden;
}
.news:last-child{
    margin-right: 0px;
}
.textWidCar{
    padding: 20px 35px 15px 35px;
}
.textWidCar h3 a{
    color: #E5303C;
    font-weight: normal!important;
    font-size: 16px;
    font-family: "Montserrat", arial;
}
.textWidCar h3 a:hover{
    color: #53504d;
}
.textWidCar p:nth-child(3){
    line-height: 25px;
    min-height: 135px;
    color: #53504d;
    font-size: 14px;
}
.textWidCar .time{
    margin: 10px 0;
}
.time{
    color: #ABABAB;
    font-size: 14px;
}

.socRight{
    margin-top: 10px;
    float: right;
    bottom: 0px;
}
.socRight a{
    margin-left: 12px;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.socRight a:first-child{
    background: url(img/mail.png)no-repeat;
    background-position: 5px;
    width: 25px;
}
.socRight a:first-child:hover{
    background: url(img/mailRed.png)no-repeat; 
    background-position: 5px;       
}
.socRight a:nth-child(2){
    background: url(img/facebook.png)no-repeat;
    background-position: 3px;
}
.socRight a:nth-child(2):hover{
    background: url(img/facebookRed.png)no-repeat; 
    background-position: 3px;       
}
.socRight a:last-child{
    background: url(img/twitter.png)no-repeat;
    background-position: 5px; 
    width: 25px;
    margin-left: 0;   
}
.socRight a:last-child:hover{
    background: url(img/twitterRed.png)no-repeat; 
    background-position: 5px;          
}
/*End Top*//*End Top*//*End Top*/

/*main*//*main*//*main*//*main*/
.channelScrol{
    margin-top: 0px;
}
.main{
    background: #E1E1E1;
}
.newsMain{
    max-width: 1245px;
    margin-top: 20px;
    height: 156px;
    border-radius: 5px;
    overflow: hidden;
}
.newsMain:before, .newsMain:after{
    content:"";
    display:block;
    height:0;
    overflow:hidden;
    clear:both;
}
.newsMain a{
    height: 150px;
    overflow: hidden;
    background: #fff;    
}
.cutBack{
    float: left;
    width: 300px;
    height: auto;
}

.newsMainTextSmal {
    width: 500px;
    height: 100%;
    min-height: 156px;
    padding: 20px 30px;
    background: #fff;
    position: relative;
    overflow: hidden;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.newsMainTextSmal h2 a{
    color: #E5303C;
    font-size: 22px;
    max-height: 30px;
    overflow: hidden;
    font-weight: normal;
    display: inline-block;
}
.newsMainTextSmal h2 a:hover{
    color: #1f43d9;
}
.newsMainTextSmal span { 
    float: left;
    padding-right: 8px;
    font-size: 14px;
    color: #ababab;
}
.newsMainTextSmal .timedate { padding-left: 20px; background: url(img/klok.png) no-repeat;}


.newsMainText{
    width: 850px;
    height: 100%;
    min-height: 156px;
    padding: 20px 30px;
    background: #fff;
    position: relative;
    overflow: hidden;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.newsMainText h2 a{
    color: #E5303C;
    font-size: 22px;
    max-height: 30px;
    overflow: hidden;
    font-weight: normal;
    display: inline-block;
}

.newsMainText h2 a:hover{ color: #1f43d9;}
.newsMainText span { float: left; padding-right: 8px;
    font-size: 14px;
    color: #ababab;
}
.newsMainText .timedate { padding-left: 20px; background: url(img/klok.png) no-repeat;}

.newsMain article{
    margin-top: 0px;
    line-height: 25px;
    color: #4A4A4A;
    font-size: 16px;
    overflow: hidden;
    height: 80px;
    width: 100%;
}
.newsMain article img{
    display: none;
}
.newsMain article strong{
    font-weight: normal!important;
}
.newsMainText .socRight{
    position: absolute;
    right: 20px;
    bottom: 10px;
}


.afgelopen .newsMainText h2 a { color: gray; }
.afgelopen img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.afgelopen .newsMain article { color: gray; }
.newsMain article.afgelopen { color: gray; }
#contTop .afgelopen a.moretag { color: gray; }
span.textafgelopen { font-weight: bold; color: #ff6600; font-size: 16px;}
.textafgelopen { font-weight: bold; color: #ff6600; font-size: 16px;}
article .textafgelopen a { color: #ff6600; }

article .tweederde { width: 66%; }
article ul { padding: 0 25px;}

.wigMain{
    margin-top: 20px;
}
.wigMain .left{
    height: 250px;
    width: 350px;
    margin-right: 60px;
    border-radius: 5px;
}
.wigMain .left:first-child{
    background: #FFEC00;
}
.wigMain .left:nth-child(2){
    background: #DDEBF6;
}
.wigMain .left:last-child{
    background: #F38464;
    margin-right: 0;
}
#show_more{
    margin: 20px auto 20px auto;
    display: block;
    padding: 10px 30px;
    text-align: center;
    border: none;
    font-size: 20px;
    color: #E5303C;
    cursor: pointer;
}
#show_more:hover{
    background: #fff;
}

.category-buttons { margin-top: 30px; line-height: 50px;}
.category-buttons h3 { color: #E5303C; font-size: 22px; font-weight: normal;}
.category-buttons .button-1 {}
.category-buttons .button-2 {padding-left: 100px;}
.category-buttons .button-3 {padding-left: 100px;}

/*End main*//*End main*//*End main*/
/*footer*//*footer*//*footer*/
footer {
    height: 300px;
    clear: both;
    padding-top: 25px;
    display: block;
    background: url('/wp-content/themes/treinreiziger/img/treinreizigerlogofoot.png') right bottom no-repeat #E1E1E1;
    background-image: url('/wp-content/themes/treinreiziger/img/treinreizigerlogofoot.png');
    

}
footer .container{
    padding-top: 25px;
    display: block;
}

.textFooter{
    max-width: 640px;
    padding-right: 50px;
    padding-bottom: 60px;
}
.textFooter .textwidget{
    margin-top: 20px;
    color: #A9A9A9;
    font-size: 14px;
}
.textFooter ul{
    margin-top: 25px;
}
.textFooter ul li{
    margin-right: 15px;
    display: inline-block;
}
.textFooter ul li a{
    color: #4a4a4a;
    text-decoration: underline;
    font-size: 14px;
}
.textFooter ul li a:hover{
    color: #E5303C;    
}
.linksFooter{
    width: 350px;
    padding-right: 50px;
    height: 250px
}
.linksFooter h5{
    color: #A9A9A9;
    font-size: 18px;
    font-family: "Montserrat", arial;
    padding-bottom: 5px;
    font-weight: normal;
}
.linksFooter li a{
    transition: all 0.5s ease;
    color: #4A4A4A;
    text-decoration: underline;
    font-size: 14px;
}
.linksFooter li a:hover{
    color: #E5303C;
}
.linksFooter a{
    transition: all 0.5s ease;
    color: #4A4A4A;
    text-decoration: underline;
    font-size: 14px;
}
.linksFooter a:hover{
    color: #E5303C;
}
.nieuwsbrief {
    height: 300px;
    float: left;
    max-width: 300px;
    margin-left: 80px;
    color: #535353  ;
    height: 175px;
    bottom: 0;
    right: 0;
    font-size: 14px;
}
.nieuwsbrief h5{
    color: #A9A9A9;
    font-size: 18px;
    font-family: "Montserrat", arial;
    padding-bottom: 5px;
    font-weight: normal;
}
.nieuwsbrief label { font-weight: bold;}

.mainPage .content article a.nieuwsbriefknop { color: #fff; text-decoration: none; }
.mainPage .content article a.nieuwsbriefknop:hover { color: #fff; text-decoration: none; }


.disclaimer-bar { background-color: #A9A9A9; clear: both; display: block; min-height: 40px; bottom: 0;}
.disclaimers { max-width: 1250px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; clear: both; display: block; text-align: center;}
.disclaimers .text { float: left;font-size: 12px; padding-left: 20px; color: #fff;}    
.disclaimers ul { float: left; padding-left: 20px; color:#fff; list-style: none;} 
.disclaimers li { float: left; padding-right: 25px; font-size: 12px; color:#fff;}
.disclaimers li a { transition: all 0.5s ease; text-decoration: underline; color:#fff;}
.disclaimers li a:hover { color: #333;} 

/*End footer*//*End footer*//*End footer*/

/*page*//*page*//*page*//*page*/

/* veroorzaakt bug in footer
.single .single li a, .page li a{
    color: #535353;
}
*/

.single .single, .page .page{
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);
}
.mainPage{
    margin-top: 50px;
}
/*mainPage content*/
.mainPage .content{
    max-width: 830px;
    min-width: 350px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}
.mainPage .content article a{
    color: #5c5c5c;
    text-decoration: underline;
}

.mainPage .content article a:hover{
    color: #E5303C;
    text-decoration: underline;
}

.mainPage .content .knopgroen{ 
    background: url(img/knop_groen.png)no-repeat;
    width: 204px;
    height: 33px;
    display: block;
    line-height: 31px;
    text-align: center;
    color: white;
    text-decoration: none;
    font-weight: bold;
font-size: 14px;}
.mainPage .content .knopgroen:hover { color: black;}
.mainPage li {
    list-style: none;
    background: url(img/li_small.png) no-repeat;
    padding-left: 25px; }

a.knopgroen.thirstylink { color: #fff; }

.mainPage ul.okay { padding-left: 15px;}
.mainPage ul.kruis { padding-left: 15px;}

.page #contTop article a.blink { color: #E5303C; }
.mainPage .content article a.blink { color: #E5303C; }

.page #contTop article a.thirstylink { color: #E5303C; }
.mainPage .content article a.thirstylink { color: #E5303C; }

.dagjeweg {float: left; margin: 15px 25px 15px 0; width: 330px; height: 200px; border-radius: 5px; position: relative; background-size: cover;}
.dagjeweg p { font-weight: bold; font-size: 25px; color: #fff; padding: 0px 15px; line-height: 150%;}
.dagjeweg a { position: absolute; bottom: 0px; right: 0px; background:#E5303C; padding: 5px 15px; border-top-left-radius: 5px; border-bottom-right-radius: 5px;  }
.dagjeweg a:hover { background: gray; } 
.mainPage .content article .dagjeweg a { color: #fff; text-decoration: none; font-size: 25px;}
.mainPage .content article .dagjeweg a:hover {color: #000;}

.dagjeweg2 {float: left; margin: 15px 25px 15px 0; width: 210px; height: 150px; border-radius: 5px; position: relative; background-size: cover;}
.dagjeweg2 p { font-weight: bold; font-size: 16px; color: #fff; padding: 0px 15px; line-height: 150%;}
.dagjeweg2 a { position: absolute; bottom: 0px; right: 0px; background:#E5303C; padding: 5px 15px; border-top-left-radius: 5px; border-bottom-right-radius: 5px;  }
.dagjeweg2 a:hover { background: gray; } 
.mainPage .content article .dagjeweg2 a { color: #fff; text-decoration: none; font-size: 16px;}
.mainPage .content article .dagjeweg2 a:hover {color: #000;}

.mainPage ol {
    padding-left: 25px;
    list-style-type: decimal;
}


.mainPage .content .okay li {
    list-style: none;
    background: url(img/li-groen.png) no-repeat;
    padding-left: 25px;
}
.mainPage .content .kruis li {
    list-style: none;
    background: url(img/li-rood.png) no-repeat;
    padding-left: 25px;
}

.fotograaf { float: right; font-size: 10px; color: #fff; line-height: 25px;}
.fotograaf a {color: #fff; text-decoration: underline;}
.fotograaf a:hover {color: #000; text-decoration: underline;}
.topImg{
    height: 400px;
    position: relative;
    overflow: hidden;
}
.topImg img{
    position: absolute;
    width: 100%;
    height: auto; 
    margin: 0; 
}
.topImg h1{
    position: absolute;
    bottom: 10px;
    left: 35px;
    right: 30px;
    color: #fff;
}

.socPage{
    height: 50px;
    background: #E5303C;
    z-index: 25;
    margin: 0; 
    padding: 12px 30px 0 30px;
}

.socPage .social-facebook { float: left; padding-right: 10px;}
.socPage .social-facebook a { width: 85px; display: block; text-align: center; background: #4267b2; color: #FFF; font-size: 12px; font-weight: bold; height: 28px; margin: 2px 0 0; padding: 5px 10px; border-radius: 3px;}
.socPage .social-facebook a:hover { background: #365899; }

.socPage .social-twitter { float: left; padding-right: 10px;}
.socPage .social-twitter a { width: 85px; display: block; text-align: center; background: #1b95e0; color: #FFF; font-size: 12px; font-weight: bold; height: 28px; margin: 2px 0 0; padding: 5px 10px; border-radius: 3px;}
.socPage .social-twitter a:hover { background: #0c7abf; }

.socPage .social-disqus { float: left; padding-right: 10px;}
.socPage .social-disqus a { width: 85px; display: block; text-align: center; background: #fff; color: #E5303C; font-size: 12px; font-weight: bold; height: 28px; margin: 2px 0 0; padding: 5px 10px; border-radius: 3px;}
.socPage .social-disqus a:hover { background: #A8A8A8; }

.artikelvlak { color: red;}
.artikelvlak a:hover {color: #E5303C; }
article ul, .artikelvlak ul { list-style-type: disc; line-height: 1.7;}


.content article{
    padding: 30px 40px 30px 35px;
    background: #fff;
    color: #5C5C5C;
    font-size: 16px;
}
.fullHeight img{
    width: auto!important;
}
.content article h1{
    color: #E5303C;
}
.content article .time{
    float: left;
}
.content h2,.content h3 { margin-top: 25px;}


.articlesTags{
    padding-top: 20px;
}
.tagArt{
    margin-left: 20px;
}
.lefttag { padding: 0; margin: 0; float: left;}
.tagArt a{
    margin: 0;
    background: #C3C3C3;
    padding: 0px 10px;
    text-transform: lowercase;
    font-size: 12px;
    color: #fff;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 21px;
    line-height: 21px;
    display: block;
}

.tagArt a:hover {color: #53504d;}

.single .tagArt a{
    text-decoration: none!important;
}
.content article p{
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.7;
}
.content article p .alignright{
    float: right;
    margin-left: 10px;
}
.content article p .alignleft{
    float: left;
    margin-right: 10px;
}
blockquote {
	font: bold 18px Open Sans, serif;
	width: 100%;
	margin: 0.25em 0;
	padding: 0.25em 40px 40px 40px;
	line-height: 1.45;
	position: relative;
	color: #fff;
	background:#ccc;
    border-radius: 2px;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -10px;
	top: -10px;
	color: #7a7a7a;
}

blockquote:after {
    display: block;
    content: "\201D";
    font-size: 80px;
    position: absolute;
    right: -10px;
    top: -10px;
    color: #7a7a7a;
}


blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
    content: "\2014 \2009";
}

.artikelvlak hr { height: 2px; color: #ccc; border: 1px #ccc solid;}

.aandachtkader { background: #ffe8d9; border: 3px dashed #ff6600; padding: 10px 15px; font-weight: bold; color: #3c3c3c; margin: 15px 0 0 0;}
.aandachtkader li { padding-left: 30px; }
li.aandachtkader-prijs  { list-style: none; background: url(img/li_euro.png) no-repeat; }
li.aandachtkader-aantal  { list-style: none; background: url(img/li_aantal.png) no-repeat; }
li.aandachtkader-nl { list-style: none; background: url(img/li_nl.png) no-repeat; }
li.aandachtkader-tijd  { list-style: none; background: url(img/li_tijd.png) no-repeat; }
li.aandachtkader-enkel  { list-style: none; background: url(img/li_pijl_enkel.png) no-repeat; }
li.aandachtkader-dubbel  { list-style: none; background: url(img/li_pijl_dubbel.png) no-repeat; }

.aandachtkader2 { background: #fff5cc; border: 3px dashed #ffcc00; padding: 10px 15px; color: #3c3c3c; margin: 15px 0 0 0;}
.aandachtkader2 li { padding-left: 30px; }
li.aandachtkader2-prijs  { list-style: none; background: url(img/li_euro2.png) no-repeat; }
li.aandachtkader2-aantal  { list-style: none; background: url(img/li_aantal2.png) no-repeat; }
li.aandachtkader2-nl { list-style: none; background: url(img/li_nl2.png) no-repeat; }
li.aandachtkader2-tijd  { list-style: none; background: url(img/li_tijd2.png) no-repeat; }
li.aandachtkader2-enkel  { list-style: none; background: url(img/li_pijl_enkel2.png) no-repeat; }
li.aandachtkader2-dubbel  { list-style: none; background: url(img/li_pijl_dubbel2.png) no-repeat; }

.mainPage .content article a.aandachtkader2-link { float: right; text-align: right; background: #fff5cc; border: 3px #ffcc00 solid; color: #ffcc00; margin-top: -40px;  padding: 5px 20px; text-decoration: none; font-weight: bold; }
.mainPage .content article a.aandachtkader2-link:hover { background: #ffcc00; color: #fff5cc; }

.sidebarDown{
    display: none;
}
.newsLine{
    width: 100%;
    height: 70px;
    overflow: hidden;
    position: relative;
    clear: both;
    background-size: 100% auto !important;
}
.newsLine div{
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    padding: 8px 20px 8px 30px;
}

.newsLine div:hover {background: rgba(0, 0, 0, 0.9);}

.newsLine h4{
    color: #fff;
    font-size: 18px;
}
/*mainPage sidebar*/

.sb-wg-top { background: #fff; padding: 25px 0;}
.sb-wg-middle { background: #fff;padding: 25px 0;}
.sb-wg-bottom { background: #fff;padding: 25px 0;}

.widget_wysija_cont { padding: 0px;}
.srowPage .mailpoet_form p { padding-bottom: 0px;}
.mailpoet_paragraph { clear: both; padding-top: 15px;}
.mailpoet_text_label { float: left; width: 150px; font-weight: bold;}
.mailpoet_text { float: left; padding: 2px 5px; font-size: 16px; color: #000; }
.mailpoet_checkbox_label { padding-bottom: 0; clear: both; padding-top: 5px;}
.mailpoet_submit { transition: all 0.5s ease; border: 0; width: 250px; height: 40px; font-size: 16px; padding: 2px 10px; margin-bottom: 15px; text-align: center; border-radius: 5px; display: block; line-height: 34px; color: #fff; background: #cd333E;}
.mailpoet_submit:hover { background:#cf4c56; color: #fff; font-size: 17px; cursor: pointer;}
.mailpoet_segment_label { width: 400px;}
.mailpoet_checkbox_label { clear: both; width: 250px; margin-left: 150px; font-weight: normal;}
.mailpoet_submit { margin-left: 150px; margin-bottom: 25px;}

.sidebar-nieuwsbrief { background: #fff; padding: 30px 20px;}
.sidebar-nieuwsbrief label { font-weight: bold;}
.sidebar-nieuwsbrief { color: #535353; }
.mainPage .sidebar{
    width: 300px;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 20px;
}
.sidebar h2{
    background: #A8A8A8;
    font-weight: normal;
    font-size: 18px;
    font-family: "Montserrat", arial;
    padding: 15px 20px;
    color: #fff;
}
.lastnews img:nth-child(2){
    width: 100%;
    max-height: 100px;
}
.lastnewsText{
    padding: 15px 35px 15px 30px;
}
.lastnewsText h3 a{
    color: #E5303C;
    font-size: 20px;
    font-weight: normal!important;
}
.lastnewsText h3 a:hover{
    color: #5c5c5c;
}
.lastnewsText p:nth-child(2){
    margin: 12px 0;
    color: #D1D1D1;
}
.lastnewsText p:last-child{
    color: #5C5C5C;
}
.lastnewsHide{
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 0px;
    clear: both;
    overflow: hidden;
    background: #fff;
}
.imgFoot{
    cursor: pointer;
}
.contV {
    display: block; float: left;
    width: 200px;
}
.contV a { color: #535353;}
.contV a:hover { color: #E5303C;}


.imgFoot h4{
    font-size: 15px;
    font-weight: normal!important;
}
.imgFoot .fotodiv {
    width: 50px;
    height: 50px;
    text-indent: -3000px;
    float: left;
    margin-right: 10px;
    }

.lastnewsHide .time{
    color: #ABABAB;
}

.sidebar .widgetAds{
    margin-top: 20px;
    height: 300px;
    background: #FFEC00;
    border-radius: 5px;
}
/*jQuery css*/
.lastnewsText{
    display: none;
}
.active .contV{
    display: none;
}
.active .lastnewsText{
    display: block;
    background: #fff;
    font-size: 14px;
}
.big_image img{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 25;
}
.huge_it_slideshow_image_wrap_3{
    cursor: pointer;
}
/*END page*//*END page*//*END page*/

/*buitenland (basic for statistiek)*//*buitenland(basic for statistiek)*//*buitenland(basic for statistiek)*/
.buitenland{
    background-size: 100% 100%;
}
.buitenland header{
    background: none;
}
.buitenlandList{
    color: #fff;
    padding-top: 25px;
}
.channelTopText{
    max-width: 500px;
}
.buitenlandTop .channelTopText h1{
    font-size: 90px;
    font-weight: normal;
}
.buitenlandTop .channelTopText article{
    margin-top: 20px;
    line-height: 30px;
    font-size: 20px;
}
.buitenTopList{
    width: 285px;
    margin-top: 80px;
    font-size: 18px;
}
.buitenTopList li:first-child{
    padding-bottom: 20px;
    color: #E5303C;
}
.buitenTopList li a:hover{
    color: #E5303C;
}
.buitenTopList a span{
    font-weight: bold;   
}
.buitenTopList li a span:last-child{
    float: right;
}
.divider{
    position: relative;
    text-align: center;
    margin: 20px 0 35px;
}
.divider hr:first-child{
    float: left;
    width: 43%;
    margin-top: 25px;
}
.divider hr:nth-child(2){
    float: right;
    width: 43%;
    margin-top: 25px;
}
.divider img{
    display: inline-block;
}
/*END buitenland (basic for statistiek)*//*END buitenland (basic for statistiek)*/

/*statistiek*//*statistiek*//*statistiek*/
.category-statistiek{
    background-size: 100% 100%;
}
.category-statistiek .buitenTopList a span{
    font-weight: bold;
}
/*END statistiek*//*END statistiek*//*END statistiek*/

/*sorting*//*sorting*//*sorting*/
.sorting{
    height: 50px;
    background: #FFF;
    color: #ACACAC;
    z-index: 2;
    display: none;
}
.sorting a { color: #ACACAC; text-decoration: underline;}

.sorting .filter{
    margin: 0;
    position: relative;
}

#filterTags h6 { font-size: 16px; margin: 15px 0 0 35px;}

#filterslide { 
    display: none; 
    background: gray; 
    padding: 15px 35px;
    background-color: #fff;
}
#filterslide a { display: block; float: left; padding-right: 20px; font-size: 14px; line-height: 150%;}
#filterslide a:hover { color:#E5303C;}
#filterslide.active { display: inline-block; background: #fff;}





/*js css sorteer*/
.channelScrol .shadow{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.sorting #butDatum, .sorting #butWard{
    cursor: pointer;
}
#icUp{
    display: none;
}
.active #icUp{
    display: inline;
    position: relative;
    bottom: 3px;
}
.active #icDw{
    display: none;
}
#butWard span{
    display: none;
}
.sorteer .active2 span{
    display: inline!important;
}
#icDw2{
    display: none;
}
.active3 #icDw2{
    display: inline!important;    
}
.active3 #icUp2{
    display: none!important;
}
#icUp2{
    position: relative;
    bottom: 3px;    
}
/*END sorting*//*END sorting*//*END sorting*/

/*header fixing Fixed position/js css*//*header fixing Fixed position/js css*/
header{
    position: fixed;
    top: 0;
    z-index: 30;
}
.top .container, .mainPage .container, .buitenland .container, .statistiek .container{
    padding-top: 40px;
}
#bigger, #smoller{
    cursor: pointer;
}

/*js css search*/

/* 
header .soc .active{
    position: absolute;
    right: 40px;
    top: 8px;
    height: 32px;
    width: 24px;
    background: #fff;
    border-bottom: 1px solid #ED1C24;
    z-index: 15;
}
#search{
    min-height: 33px;
}
.active2 header{
    background: #fff!important;
    height: 52px!important;
}
.shadow{
    box-shadow: 0 0 7px rgba(0,0,0,0.6);
}
#smoller{
    display: none;
}
.active2 #smoller{
    display: inline-block;
    float: left;
}
.active2 #bigger{
    display: none!important;
}
.active2 #search img{
    top: 6px!important;
}
#___gcse_0{
    display: none;
    margin-left: 35px;
}
.active2 #___gcse_0{
    display: block;
    position: relative;
    z-index: 5;
}
.gsc-input-box{
    border: none!important;
}
.gsc-input-box:hover, .gsc-input-box-focus{
    box-shadow: none!important;
}
.gsc-search-button{
    width: 1px;
    opacity: 0;
    float: right;
    overflow: hidden;
}
#gs_tti50{
    padding: 0!important;
}
#gs_tti50 input{
    background: none!important;
}
#gs_tti50 input::-moz-placeholder{
    color: #E5303C!important;
    opacity: 1!important;
}
#gs_tti50 input::-webkit-input-placeholder{
    color: #E5303C!important;
    opacity: 1!important;
}
.gsc-input{
    width: 100%!important;
}
.gsc-control-cse{
    padding: 5px 0 0!important;
}
#gsc-i-id1{
    height: 25px!important;
    font: italic 300 16px 'Montserrat'!important;
}
#gs_cb50{
    display: none!important;
}
.gsc-control-cse{
    background: none!important;
}
#search img{
    position: relative;
    top: 10px;
}
form.gsc-search-box, table.gsc-search-box{
    margin: 0!important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
    padding-right: 0!important;
}
td.gsc-search-button{
    width: 0!important;
}
.gsc-results-wrapper-overlay{
    max-width: 980px;
}

*/

/*End header fixing Fixed position/js css*//*End header fixing Fixed position/js css*/
#slider {
    margin: 20px -40px 0 -35px;   
}
.sliderImg{
    width: 100%;
    height: 320px;
    background: blue;
}
.smollImg{
    height: 150px;
}
#slider .left{
    width: 25%;
    height: 73px;
    border: 1px solid #979797;
}
.smollImg{
    clear: both;   
}
.img1{
    background: blue;    
}
.img2{
    background: red;    
}
.img3{
    background: black;    
}
.img4{
    background: grey;    
}
.img5{
    background: green;    
}
.img6{
    background: yellow;    
}
.img7{
    background: #125678;    
}
.img8{
    background: #333333;    
}
/*tags page*/

.tagtitel { padding-top: 40px;}

.tagsMass .container{
    background: #fff;
    border-radius: 5px;
    max-width: 940px;
    padding: 0px 30px;
}
.tagsMass{
    margin-top: 100px;
}
.tagsMass .tagArt{
    padding-bottom: 20px;
}
.tagsMass h1{
    color: #E5303C;
    font-size: 36px;
    padding: 20px 0 15px;
}
.tagsMass h2{
    color: #5C5B5C;
    font-size: 28px;
}
.tagsMass .tagArt:nth-child(2){
    margin-left: 0;
}
.tagsMass .container .clearfix{
    padding-bottom: 20px;
}
.black h3{
    background: #4A4A4A;
}
/*End tags page*/
.clone {
    position: absolute;
    top: 0;
    left: 0;
}

#truediv3 label { display: block;}


.backgroundverloop { background: url(img/backverloop.png) top repeat-x; }



/*page*//*page*//*page*/

#extraPage { min-height: 400px; padding-top: 80px; }
#extraH1 { color: white;}

.srowPage{
    background: #fff;
    border-radius: 5px;
    padding: 30px 40px 30px 35px;
    margin-top: 100px;
}
.srowPage p {padding-bottom: 25px;}

.page blockquote{
    background: #fff;
}
.home.page #contTop .container{
    background: none;
}
.page .container {padding-bottom: 40px;}
.page blockquote{
    color: grey;    
}
.page #contTop h1{
    color: #000;
    font-size: 24px;
}
.page #contTop article{
    line-height: 1.7;
    /* margin-top: 20px; bug op home */
    font-size: 16px; 
    color: #5c5c5c;  
}
.page #contTop article a{
    color: #5c5c5c;
    text-decoration: underline;
}

.related_items { display: block; padding: 10px 0; min-height: 600px;}

#contTop a.moretag:hover { color: #E5303C; text-decoration: underline;}
#contTop a.moretag { color: #5c5c5c;text-decoration: underline; }
.moretag:hover { color: #E5303C; text-decoration: underline;}
.moretag { color: #5c5c5c; text-decoration: underline;}
/*End page*//*End page*/

/* exta page */
#extraPage { min-height: 400px; }
.page #contTop h1.extraH1 { color: white;}
.page #contTop article.extraArticle{ color: white; }
#extraPage h1 { color: white;}
.topbanner { clear: both; text-align: center;}

.banner_detail { padding: 5px 0; text-align: center; margin: 0 auto; display: table; position: relative;}
.banner_detail .bannercontent { width: 728px; height: 90px; border-radius: 5px; }

.banner_archive { float: left; width: 336px;}

.banner_left { margin-right: 50px;}
.banner_middle { margin-right: 50px;}
.banner_right { padding-right: 0;}

.banner_home { text-align: center; margin: 1px auto;}
.list-wg-middle { margin: 0 auto; }
.banner_archive { text-align: center; display: block;}
.banner-sidebar-336 { width: 336px; background: #FFF;}

.mainPage .content article a.pv-button {color: #fff;}



/* comment */
cite { font-style: normal; font-weight: bold; float: left; color: #5C5C5C; padding-right: 10px; }
.says { float: left;}
.comment { margin-top: 20px;}
#comments a { color: #ababab;}
.comment p { padding-top: 0px; margin-top: 0px; clear:both; }
.comment-author { display: inline; float: left; color: #ababab; } 
.comment-meta { float: left; padding-left: 5px; color:#ababab; text-decoration: none;}
.comment-meta { text-decoration: none;}
#commentform label { width: 100px; display: block;}
#commentform textarea { width: 400px; margin-left: 0px;padding: 3px 5px;border: 1px #5c5c5c solid;}
#commentform input { width: 400px; margin-left: 0px; padding: 3px 5px; border: 1px #5c5c5c solid;}
.mainPage ol.comment-list { padding-left: 0px;}
.mainPage ol.childeren { padding-left: 0px;}
/* code */
#priceplanner-wrapper .pv-box { border-radius: 5px; height: 455px;}
#pv-wrapper .pv-box { border-radius: 5px; height: 455px;}

#priceplanner-wrapper.versie2 .pv-box { border-radius: 5px; width: 728px; height: 90px;}
#priceplanner-wrapper.versie2 .pv-box-header { width: 160px; height: 90px; float: left;} 
#priceplanner-wrapper.versie2 h1 { font-size: 17px; padding-top: 8px; line-height: 1.5;}
#priceplanner-wrapper.versie2 .pv-box-body { width: 568px; float: left; padding: 0;}
#priceplanner-wrapper.versie2 .pv-row {  }
#priceplanner-wrapper.versie2 .pv-column-5 {width: 160px;}
#priceplanner-wrapper.versie2 .pv-column-7 {width: 160px;}
#priceplanner-wrapper.versie2 .pv-form-item { width: 160px; float: left; padding-left: 10px; margin-bottom: 3px; margin-top: 8px;}
#priceplanner-wrapper.versie2 .pv-column-5 .pv-form-item {padding-left: 0px;}
#priceplanner-wrapper.versie2 .pv-form-item input { padding: 4px 0 4px 40px; font-size: 11px; }
#priceplanner-wrapper.versie2 .pv-form-item label { padding: 7px 12px 0 8px; font-size: 10px;}
#priceplanner-wrapper.versie2 .pv-form-item .pv-form-datepicker ipnut { padding: 6px 0 0px 50px; font-size: 11px; }
#priceplanner-wrapper.versie2 .pv-form-radio-set { display: none;}
#priceplanner-wrapper.versie2 .pv-form-expand { display: none;}
#priceplanner-wrapper.versie2 .pv-form-item-submit { clear: none; float: left; width: 170px; margin-top: 10px; margin-left: 10px;}
#priceplanner-wrapper.versie2 .pv-form-dropdown { width: 250px;}

#priceplanner-wrapper.versie3 h1 { color: blue;}
#priceplanner-wrapper.versie3 .pv-box-header { background-image: none;}
#priceplanner-wrapper.versie3 .pv-box { border-radius: 5px; width: 728px; height: 190px;}
#priceplanner-wrapper.versie3 .pv-form-item { width: 150px; float: left; }
#priceplanner-wrapper.versie3 .pv-form-item input { padding: 4px 0 4px 40px; font-size: 11px; margin-right: 20px; }

#priceplanner-banner-wrapper { margin: 20px auto;}
#priceplanner-banner-wrapper .pv-box { background-color: #f8e0e1; }




/* categorie top style 1 */
.stylevar1 { color: white;}/*delete line-height: 165%;*/
.stylevar1 h1 { font-size: 40px; padding: 45px 0 25px;}
.stylevar1 h2 { font-size: 20px; padding: 0 0 10px; color: #E5303C;}
.stylevar1 .left { width: 45%; padding: 25px 0 50px 0;line-height: 25px; }
.stylevar1 .right { width: 45%; padding: 5px 0 30px 0;}
.stylevar1 .tekst { padding: 10px 0;}
.stylevar1 li { border-top: 1px white solid;}
.stylevar1 a { color: white; padding: 4px 0;}
.stylevar1 a:hover {color: #E5303C; }
.stylevar1 span { float: right;}

/* categorie top style 2 */
.stylevar2  { color: #000;}/*delete line-height: 165%;*/
.stylevar2 h1 { font-size: 40px; padding: 45px 0 25px;}
.stylevar2 h2 { font-size: 20px; padding: 0 0 10px; color: #E5303C;}
.stylevar2 .left { width: 45%; padding: 25px 0 50px 0;line-height: 25px; }
.stylevar2 .right { width: 45%; padding: 5px 0 30px 0;}
.stylevar2 .tekst { padding: 10px 0;}
.stylevar2 li { border-top: 1px #000 solid;}
.stylevar2 a { color: #000; padding: 4px 0;}
.stylevar2 a:hover {color: #E5303C; }
.stylevar2 span { float: right;}

/* categorie top style 3 */
.stylevar3 { color: white;}/*delete line-height: 165%;*/
.stylevar3 h1 { font-size: 40px; padding: 45px 0 25px;}
.stylevar3 h2 { font-size: 20px; padding: 0 0 10px; color: #E5303C;}
.stylevar3 .left { width: 45%; padding: 25px; margin: 0 -20px;line-height: 25px;  background: url(img/back-zwart-30.png) repeat;}
.stylevar3 .right { width: 45%; padding: 25px; margin: 0 -20px; background: url(img/back-zwart-30.png) repeat;}
.stylevar3 .tekst { padding: 10px 0;}
.stylevar3 li { border-top: 1px white solid;}
.stylevar3 a { color: white; padding: 4px 0;}
.stylevar3 a:hover {color: #E5303C; }
.stylevar3 span { float: right;}

/* categorie top style 4 */
.stylevar4 { color: #000; margin-left: 25px; margin-right: 55px;}/*delete line-height: 165%;*/
.stylevar4 h1 { font-size: 40px; padding: 45px 0 25px;}
.stylevar4 h2 { font-size: 20px; padding: 0 0 10px; color: #FFF;}
.stylevar4 .left { width: 45%; padding: 25px; margin: 0 -20px; border-radius: 5px; line-height: 25px; background: url(img/back-wit-50.png) repeat;}
.stylevar4 .right { width: 45%; padding: 25px; margin: 0 -20px; border-radius: 5px; background: url(img/back-wit-50.png) repeat;}
.stylevar4 .tekst { padding: 10px 0;}
.stylevar4 li { border-top: 1px #000 solid;}
.stylevar4 a { color: #000; padding: 4px 0;}
.stylevar4 a:hover {color: #E5303C; }
.stylevar4 span { float: right;}

/* categorie top style 5 */
.stylevar5 { color: white;}/*delete line-height: 165%;*/
.stylevar5 h1 { font-size: 40px; padding: 45px 0 25px;}
.stylevar5 h2 { font-size: 20px; padding: 0 0 10px; color: #E5303C;}
.stylevar5 .left { width: 45%; padding: 25px; margin: 0 -20px; line-height: 25px; }
.stylevar5 .right { width: 45%; padding: 25px; margin: 0 -20px;}
.stylevar5 .tekst { padding: 10px 0;}
.stylevar5 li { border-top: 1px white solid;}
.stylevar5 a { color: white; padding: 4px 0;}
.stylevar5 a:hover {color: #E5303C; }
.stylevar5 span { float: right;}
.stylevar5-top .backgroundverloop-top { background: url(img/backverloop-zwart.png) top repeat-x; }

/* categorie top style 6 */
.stylevar6 { color: #000;}/*delete line-height: 165%;*/
.stylevar6 h1 { font-size: 40px; padding: 45px 0 25px;}
.stylevar6 h2 { font-size: 20px; padding: 0 0 10px; color: #E5303C;}
.stylevar6 .left { width: 45%; padding: 25px; margin: 0 -20px; line-height: 25px;}
.stylevar6 .right { width: 45%; padding: 25px; margin: 0 -20px; }
.stylevar6 .tekst { padding: 10px 0;}
.stylevar6 li { border-top: 1px #000 solid;}
.stylevar6 a { color: #000; padding: 4px 0;}
.stylevar6 a:hover {color: #E5303C; }
.stylevar6 span { float: right;}
.stylevar6-top .backgroundverloop-top { background: url(img/backverloop-wit.png) top repeat-x; }

/* categorie top style 3 */
.stylevar7 { color: white; margin-right: 35px;}/*delete line-height: 165%;*/
.stylevar7 h1 { font-size: 40px; margin: 45px 0 40px 0; padding: 15px 25px; border-radius: 5px; background: url(img/back-zwart-70.png) repeat;}
.stylevar7 h2 { font-size: 20px; padding: 0 0 10px; color: #E5303C;}
.stylevar7 .left { width: 45%; padding: 25px; margin: 0;line-height: 25px; border-radius: 5px;  background: url(img/back-zwart-70.png) repeat;}
.stylevar7 .right { width: 45%; padding: 25px; margin: 0; border-radius: 5px; background: url(img/back-zwart-70.png) repeat;}
.stylevar7 .tekst { padding: 10px 0;}
.stylevar7 li { border-top: 1px white solid;}
.stylevar7 a { color: white; padding: 4px 0;}
.stylevar7 a:hover {color: #E5303C; }
.stylevar7 span { float: right;}

/* categorie top style 8 */
.stylevar8 { color: #000; margin-right: 35px;}/*delete line-height: 165%;*/
.stylevar8 h1 { font-size: 40px; margin: 45px 0 40px 0; padding: 15px 25px; border-radius: 5px; background: url(img/back-wit-70.png) repeat;}
.stylevar8 h2 { font-size: 20px; padding: 0 0 10px; color: #E5303C;}
.stylevar8 .left { width: 45%; padding: 25px; margin: 0 ; line-height: 25px; border-radius: 5px;line-height: 25px; background: url(img/back-wit-70.png) repeat;}
.stylevar8 .right { width: 45%; padding: 25px; margin: 0; border-radius: 5px;background: url(img/back-wit-70.png) repeat;}
.stylevar8 .tekst { padding: 10px 0;}
.stylevar8 li { border-top: 1px #000 solid;}
.stylevar8 a { color: #000; padding: 4px 0;}
.stylevar8 a:hover {color: #E5303C; }
.stylevar8 span { float: right;}

/* categorie top style 9 */
.stylevar9 {background: url(img/back-wit-70.png) repeat; border-radius: 5px; margin-top: 45px;}
.stylevar9 { color: #4A4A4A; margin-right: 35px; line-height: 25px;}/*delete line-height: 165%;*/
.stylevar9 h1 { font-size: 50px; margin: 25px 0 15px 0; padding: 0px 25px; }
.stylevar9 h2 { font-size: 20px; padding: 0 0 3px; color: #4A4A4A;}
.stylevar9 .left { width: 45%; padding: 0 25px 25px 25px; margin: 0 ; line-height: 25px; }
.stylevar9 .right { width: 45%; padding: 0 25px 25px 25px; margin: 0; line-height: 25px; }
.stylevar9 .tekst { padding: 10px 0;}
.stylevar9 li { border-top: 1px #000 solid;}
.stylevar9 a { color: #4A4A4A; padding: 0; text-decoration: underline;}
.stylevar9 a:hover {color: #E5303C; }
.stylevar9 span { float: right;}

.stylevar10 h1 { font-size: 50px; margin: 25px 0 15px 0; padding: 0px 0px; color: #FFF;}
.stylevar10 h2 { font-size: 20px; padding: 0 0 3px; color: #FFF;}
.stylevar10 .left { width: 100%; padding: 0 25px 25px 0px; margin: 0 ; line-height: 25px; color: #fff; }
.stylevar10 .right { width: 100%; padding: 0 0px 25px 0px; margin: 0; line-height: 25px; color: #fff;}

.stylevar11 h1 { font-size: 50px; margin: 25px 0 15px 0; padding: 0px 0px; color: #444;}
.stylevar11 h2 { font-size: 20px; padding: 0 0 3px; color: #444;}
.stylevar11 .left { width: 100%; padding: 0 45px 25px 0px; margin: 0 ; line-height: 30px; font-size: 18px; color: #444; }
.stylevar11 .right { width: 100%; padding: 0 45px 25px 0px; margin: 0; line-height: 30px; font-size: 18px; color: #444;}


.stylevar12 h1 { font-size: 50px; margin: 25px 0 15px 0; padding: 0px 0px; color: #111;}
.stylevar12 h2 { font-size: 20px; padding: 0 0 3px; color: #111;}
.stylevar12 .left { width: 300px; padding: 0 45px 25px 0px; margin: 0 ; line-height: 30px; font-size: 18px; color: #111; }
.stylevar12 .right { width: 70%; padding: 0 45px 25px 0px; margin: 0; line-height: 30px; font-size: 18px; color: #111;}
.stylevar12 .conversie { width: 300px; background-color: #fff; border-radius: 5px; padding: 15px;}
.stylevar12 .conversie p { color: #FFA500;}
.stylevar12 .conversie a { background-color: #FFA500; border-radius: 5px; display: block; margin: 10px 0; width: 270px; padding: 3px 10px; color:#fff; font-weight: bold; font-size: 12px;}
.stylevar12 .conversie a.superconversie { background-color: #E5303C; }
.stylevar12 .conversie a:hover { background-color: #E5303C; }
.stylevar12 a.superconversie:hover { background-color: #35536C;}

.topText.stylevar15 { height: 95px; }
.stylevar15 h1 { font-size: 30px; margin: 15px auto 0 auto; color: #fff; text-align: center; font-weight: bold; font-family: "Montserrat";}
.stylevar15 .subtitel { margin: 0px auto 0 auto; color: #fff; text-align: center; font-weight: bold; }
.stylevar15-top .list { margin-top: 125px }

.list-wg-bottom, .list-wg-top, .list-wg-middle { margin: 0 auto;}
.nieuwsbriefknop { transition: all 0.3s ease; width: 250px; height: 40px; font-size: 18px; margin-top: 15px; text-align: center; font-weight: bold; border-radius: 5px; display: block; line-height: 40px; color: #fff; background: #E5303C;}
.nieuwsbriefknop:hover { background:#73181E; color: #fff; }

.lijstbanner { padding: 25px 0 0; border-radius: 10px; overflow: hidden; display: block;}
.lijstbanner iframe { border-radius: 10px; overflow: hidden;}


.category-15 .topText h1 { text-align: center; padding: 20px 0 0; color: #fff; }
.category-15 #priceplanner-banner-wrapper { text-align: center; margin: 15px auto 0 auto;  }

.category-15 .backgroundverloop { background: none; }
.category-15 #contTop { background-size: 1048px; }
.category-15 #list-category { display: block; clear: both; padding: 50px 0; }


.extra-content a { color: #000; text-decoration: underline; }
.extra-content a:hover { color: ##E5303C; }

.nos-kader { background: #fafbfd; border: 1px solid #d5e3ee; padding: 1em 1.2em; font-size: 14px; margin-top: 20px; }

article .treinkaartje { clear: both; display: inline-block;}
article .treinkaartje .titel { font-size: 18px; margin-bottom: 10px; }
article .treinkaartje .kolomrechts {  padding-left: 215px;  }
article .treinkaartje .foto { width: 200px; float: left; }
article .treinkaartje .prijstag { position: absolute; z-index: 1000; background-color: #d23238; color: #fff; padding: 0 6px; line-height: 40px; width: 70px; font-weight: bold; font-size: 15px; text-align: center; }
article .treinkaartje a.knop { position: absolute; background-color: #d23238; color: #fff; width: 200px; margin-top: 120px; margin-left: 0px; text-decoration: none; padding: 0 12px; height: 40px; line-height: 40px; text-align: center;}
article .treinkaartje a.knop:hover { background-color: #880005; color: #fff; } 
article .treinkaartje .tags { margin: 0 0 15px 5px; padding-bottom: 15px;}
article .treinkaartje .tag { background-color: #f4cccd; color: #d23238; font-size: 14px; line-height: 30px; padding: 0 12px; float: left; margin-right: 10px; }
article .treinkaartje .tekst {  float: left; margin: 10px 10px 5px 5px; line-height: 170%;}

#comments { clear: both; }

.mainPage .content article a.knop.thirstylink { color: #fff;  }

.wp-embed-site-title { display: none; }
.wp-embed-site-title a { display: none; }
.wp-embed-site-icon { display: none; }

.waGDPR_consentButton { display: none; } 

.supertopdiv { max-width: 1440px; margin: 0 auto; height: 400px; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.supertop { position: relative; width: 50%; float: left; height: 400px; color: #fff; font-size: 30px; font-weight: bold; padding: 30px; }
.supertext { position: absolute; bottom: 25px; }
.supertext a { color: #fff; }
.supertext a:hover { color: #d23238; }

#list-category-home { width: 800px; padding-top: 50px; float: left;}
.newsMainSmall { clear: both; overflow: hidden; height: 150px; margin-bottom: 20px; border-radius: 5px;}
.newsMainSmall a { height: 150px; width: 300px; display: table; float: left; overflow: hidden; background: #fff; }
.newsMainSmall a img { height: auto; overflow: hidden; }
.newsMainSmall article{
    margin-top: 0px;
    line-height: 25px;
    color: #4A4A4A;
    font-size: 16px;
    overflow: hidden;
    height: 80px;
    width: 100%;
}

.wit {color: #fff;}

.beautifulsidebar {float: left; background: #fff; border-radius: 5px; width: 300px; min-height: 600px;margin-top: 30px; margin-left: 50px;}
.part1 { padding: 20px 20px; }

.wp-block-button__link { color: #fff; }
.mainPage .content article a.wp-block-button__link { color: #fff; text-decoration: none; border-radius: 10px; }
.mainPage li.blocks-gallery-item { background: none; padding-left: 0; }
blockquote { display: block; }

#mailpoet_form_1 { background: url(img/nieuwsbrief-bck.png); background-color: #cb3542; margin-left: -35px; margin-right: -40px; padding: 15px 40px; }
#mailpoet_form_1 h2 { color: #fff; padding: 0; margin:0; line-height: 40px; font-size: 40px; }
#mailpoet_form_1 h3 { color: #fff; padding: 0; margin:0 0 40px 0; font-weight: normal;}
#mailpoet_form_1 h3 a { color: #fff; }
#mailpoet_form_1 label { color: #fff; }
.mailpoet_text_label { width: 100px; margin-bottom: 16px; }
input.mailpoet_text { width: 400px; height: 30px; }
.mailpoet_submit { background-color: #471317; margin-left: 100px; margin-bottom: 10px; }
.mailpoet_submit:hover { background-color: #471317; font-weight: bold;  }
.mailpoet_paragraph { padding-top: 0px; margin:0;}
#mailpoet_form_1 .parsley-custom-error-message { color: #fff; }

span.wpcf7-list-item { display: block; }

figcaption { font-size: 10px; }
.wp-block-image { max-width: 730px;}
.wp-block-image img { max-width: 730px; height: auto; }

@media only screen and (max-width: 768px) {

    .wp-block-image { max-width: 500px;}
    .wp-block-image img { max-width: 100%; height: auto; }
}

.tr-header { box-shadow: 0 0 7px rgba(0,0,0,.3); }
.tr-container { max-width: 1170px; padding: 0; margin: 0 auto; }
.tr-logo { float: left; }
.tr-logo-img { padding: 2px 0 0 0; }


.footer { min-height: 300px; }
.tr-social { padding: 20px 0 40px; }
.tr-social a { color: #535353; padding: 2px 5px 2px 30px; margin: 3px 5px 3px 0;}
.tr-social a:hover { color: #E5303C; }
.tr-facebook { background: url('/wp-content/themes/treinreiziger/img/icon-facebook-gray.png') no-repeat; }
.tr-facebook:hover { background: url('/wp-content/themes/treinreiziger/img/icon-facebook-red.png') no-repeat; }
.tr-twitter { background: url('/wp-content/themes/treinreiziger/img/icon-twitter-gray.png') no-repeat; }
.tr-twitter:hover { background: url('/wp-content/themes/treinreiziger/img/icon-twitter-red.png') no-repeat; }
.tr-youtube { background: url('/wp-content/themes/treinreiziger/img/icon-youtube-gray.png') no-repeat; }
.tr-youtube:hover { background: url('/wp-content/themes/treinreiziger/img/icon-youtube-red.png') no-repeat; }
.tr-social a.tr-youtube { padding-left: 34px; }

.topnav {
  float: right;  
  overflow: hidden;
  text-align: center;
  margin: 0 auto;

}

.topnav a {
  float: left;
  display: block;
  color: #4d4e4c;
  text-align: center;
  margin: 5px 0;
  padding: 6px 12px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover { color: #E5303C; }
.topnav a.icon-search { margin: 5px 10px; padding: 9px 12px 8px; background: url('/wp-content/themes/treinreiziger/img/icon-zoeken.png') center center no-repeat; text-indent: -9999px; }
.topnav a.icon-search:hover { background: url('/wp-content/themes/treinreiziger/img/icon-zoeken-red.png') center center no-repeat #fff; }
.topnav a.icon-search.active { background: url('/wp-content/themes/treinreiziger/img/icon-zoeken-red.png') center center no-repeat; }

.topnav a.active { color: #E5303C; }
.topnav .icon { display: none; }

@media screen and (max-width: 720px) {
    .disclaimer-bar { height: 80px; }
    .disclaimers .text { display: none; }
  .tr-logo { margin-left: 10px; }  
  footer { background: none;  }  
  .linksFooter { height: auto; }
  .nieuwsbrief { height: 300px; margin-left: 0; }
  .topnav a { display: none;}
  .topnav a.icon { float: right; display: block; margin-right: 15px; }
}


@media screen and (max-width: 720px) {
  .topnav.responsive { position: relative; top: 6px; width: 100%; }
  .topnav.responsive a.icon { position: fixed; right: 7px; top: 2px;z-index: 50; }
  .topnav.responsive a {
    margin: 0;
    background-color: rgba(255, 255, 255, 0.95);
    text-align: center;
    float: none;
    display: block;
    text-align: left;
    padding: 0px 20px 0 40px;
    font-size: 20px;
    line-height: 50px;
  }
  .topnav.responsive a.icon-search { background: url('/wp-content/themes/treinreiziger/img/icon-zoeken.png') center center no-repeat rgba(255, 255, 255, 0.95); text-indent: 0px; }
  .topnav.responsive a.icon-search:hover { background: url('/wp-content/themes/treinreiziger/img/icon-zoeken-red.png') center center no-repeat rgba(255, 255, 255, 0.95); }
}

.extralink { display: block; min-height: 230px; width: 100%; margin: 25px 0 30px 0; }
.extralinks { display: block; width: 49%; border-radius: 4px; min-height: 230px; }
.extralinks.left { background: #B2C7D2; padding: 20px 20px; float: left;}
.extralinks.left a:hover { color: #000; }
.extralinks.right a:hover { color: #000; }
.extralinks.left h3 {color: #186C99; font-size: 16px; margin: 0 0 5px 0; font-weight: normal; }
.extralinks.left a {display: inline-block; color: #186C99; background: #fff; padding: 3px 12px; border-radius: 3px; margin: 4px 10px 4px 0; margin-right: 10px; font-size: 14px; }
.extralinks.right { float: right; } 
.extralinks.right a { display: block; border-radius: 3px; background: #F7D2D9; color: #D91F43; padding: 4px 12px; margin: 0 0 10px 0; font-size: 18px; line-height: 30px; } 

.ads-banner-top { padding-bottom: 20px; }

/*  tabs */
#laatstenieuws {}
#populair {}
#newssidetabs {background-color: #fff;}
#newssidetabs ul {border-bottom: 1px #B2C7D2 solid;}
#newssidetabs li { background: none; padding: 10px 15px; margin: 0; line-height: 42px; display: inline; position: relative; }
.news-tabs { display: none; }
.tabs-aan { display: block; }
.news-tab { border-bottom: 1px #B2C7D2 solid; color: #B2C7D2;  }
.news-tab:hover { cursor: pointer; color: #D91F43; }
.tab-aan { border-bottom: 1px #D91F43 solid; color: #D91F43;}

@media only screen and (max-width: 768px) {
    .extralink { margin-top: 50px; }
    .extralinks { display: block; width: 100%; margin: 20px 0;}

}

.ads-adsense-treinreiziger-horizontaal { min-height: 90px; margin-top: 20px; }
.ads-adsense-treinreiziger-horizontaal.inlist { min-height: 90px; }

.ads-adsense-treinreiziger-verticaal-3 { max-height: 250px;}
.ads-adsense-treinreiziger-verticaal-4 {}
.ads-adsense-treinreiziger-horizontaal-5 { min-height: 90px; margin-top: 20px; }