/*
Theme Name: Treinreiziger
Theme URI: http://www.treinreiziger.nl
Description: Treinreiziger Theme
Author: Publink 
Author URI: http://www.publink.nl
Version: 1.35 - februari 2017
*/
*{
    margin:0;
    padding:0;
    outline:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
body{
    background: #E1E1E1;
    font-family: "Open Sans", arial;
}
a,a:hover{text-decoration:none;}
a:hover {color: #c5333e;}
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: #c5333e;}

.container{
    max-width: 1250px;
    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: 1270px;
    padding: 0 40px 0 0;
    position: relative;
}
header li:first-child span{
    display: block;
    line-height: 7px;
    display: none;
    font-size: 33px;
}
#dontWhite{
    background: none;
}
/*logo dropdown*/
header .logo li:nth-child(1n+2){
    display: block;
    background: #C5333E;
    border-bottom: 2px solid #D26069;
    position: relative;
    left: -13px;
    width: 300px;
    display: none;
}
header .logo li:nth-child(1n+2) a{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 5px 15px 10px 58px;
}
header .logo li:nth-child(1n+2) a:hover{
    background: #35536C;
}
header .logo li:nth-child(1n+2) span{
    height: 30px;
    position: absolute;
    top: 7px;
    left: 15px;
}
header .logo li:last-child{
    border-bottom: 0;
}
/*End logo dropdown*/
.logo{
   position: absolute; 
}
.soc{
   padding-bottom: 10px;    
}
header nav a:hover{
    color: #C5333E!important;
}
.soc .icon{
    margin: 10px 0 0 10px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    text-indent: -9000px;
}

.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: 10px;}
.soc a.youtube:hover{ background: url(img/youtube-zwart.png) no-repeat; background-size: 100%;}


#more{
    position: relative;
    bottom: 10px;
    font-size: 30px;
    color: #C5333E;
    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{
    padding-top: 10px;
    text-align: center;
    margin-left: 200px;
}
header nav li{
    display: inline-block;
    margin-left: 25px;
}
header nav li a{
    color: #fff;
    font-size: 18px;
}
header nav li:first-child{
    display: none;
    cursor: pointer;
    position: relative;
    bottom: 5px;
    width: 10px;
}
.tag header{
    background: none;
}
header .sitelogo { padding-top: 3px; }

#contTop nav li:first-child{
    color: #fff;
}
#contTop nav li:first-child:hover, header li:first-child:hover{
    color: #C5333E;
}
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: #C5333E;
    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;
}
.time img{
    display: inline-block!important;
}
.time span:first-child{
    margin-right: 5px;
    position: relative;
    bottom: -4px;
}
.time span:last-child{
    margin-left: 5px;
}
.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: 1270px;
    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;
}
.newsMainText{
    width: 870px;
    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: #C5333E;
    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;
}
.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 0 auto;
    display: block;
    padding: 10px 30px;
    text-align: center;
    border: none;
    font-size: 20px;
    color: #c5333e;
    cursor: pointer;
}
#show_more:hover{
    background: #fff;
}

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

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

}
footer .container{
    padding-top: 25px;
    position: relative;
    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: #c5333e;    
}
.linksFooter{
    width: 180px;
}
.linksFooter h5{
    color: #A9A9A9;
    font-size: 18px;
    font-family: "Montserrat", arial;
}
.linksFooter li a{
    color: #4A4A4A;
    text-decoration: underline;
    font-size: 14px;
}
.linksFooter li a:hover{
    color: #c5333e;
}
.nieuwsbrief {
    float: left;
    max-width: 300px;
    color: #535353  ;
    height: 175px;
    bottom: 0;
    right: 0;
    font-size: 14px;
}
.nieuwsbrief h5{
    color: #A9A9A9;
    font-size: 18px;
    font-family: "Montserrat", arial;
}
.nieuwsbrief label { font-weight: bold;}

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

/*page*//*page*//*page*//*page*/
.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: 800px;
    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: #c5333e;
    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; }

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

.page #contTop article a.blink { color: #c5333e;}

.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: #c5333e;
    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: #c5333e; 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: #c5333e; }
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: #c5333e;
}
.content article .time{
    float: left;
}
.content h2,.content h3 { margin-top: 25px;}


.articlesTags{
    padding-top: 20px;
}
.tagArt{
    margin-left: 20px;
}
.tagArt h3{
    background: #C3C3C3;
    padding: 2px 20px;
    text-transform: lowercase;
    font-size: 12px;
    color: #fff;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    height: 21px;
    margin-top: 0px;
}
.tagArt h3 a {color: #FFF;}
.tagArt h3 a:hover {color: #53504d;}

.single .tagArt a{
    text-decoration: none!important;
}
.content article p{
    margin-top: 20px;
    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 0.9em;
	line-height: 1.45;
	position: relative;
	color: #fff;
	background:#bbbbbb;
}

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

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

.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: 20px;}

.sidebar-nieuwsbrief { background: #fff; padding: 30px 20px;}
.sidebar-nieuwsbrief label { font-weight: bold;}
.sidebar-nieuwsbrief { color: #535353; }
.mainPage .sidebar{
    width: 336px;
    border-radius: 5px;
    overflow: hidden;
}
.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: #C5333E;
    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{
    margin: 5px 5px 5px 10px;  
}
.contV a { color: #535353;}
.contV a:hover { color: #c5333e;}


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

.lastnewsHide .time{
    margin-top: 5px;
    font-size: 12px;
    color: #ABABAB;
}
.sidebar .klokicoon { width: 15px;}

.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: #C5333E;
}
.buitenTopList li a:hover{
    color: #C5333E;
}
.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:#C5333E;}
#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: #c5333e!important;
    opacity: 1!important;
}
#gs_tti50 input::-webkit-input-placeholder{
    color: #c5333e!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: #C5333E;
    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;
}
.home.page header nav li a{
    color: #fff;
}

.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; 
    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: #C5333E; text-decoration: underline;}
#contTop a.moretag { color: #5c5c5c;text-decoration: underline; }
.moretag:hover { color: #C5333E; 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;}
.banner_archive { text-align: center; display: block;}
.banner-sidebar-336 { width: 336px; background: #FFF;}

/* 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 0;}
#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: #C5333E;}
.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: #C5333E; }
.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: #C5333E;}
.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: #C5333E; }
.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: #C5333E;}
.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: #C5333E; }
.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: #C5333E; }
.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: #C5333E;}
.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: #C5333E; }
.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: #C5333E;}
.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: #C5333E; }
.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: #C5333E;}
.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: #C5333E; }
.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: #C5333E;}
.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: #C5333E; }
.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: #C5333E; }
.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;}