#ccm-account-menu {
	display: none;
  }

body{
	font-family: 'Biryani';
    font-weight: 300;
    font-size: 16px;
    color: #262626;
 
}


.grid-container {
	width:     1300px;  /* breder maken */
    max-width: 100%;
	padding: 0px;
	overflow: hidden; /* te lange teksten afbreken */
}

img {
	margin: 10px 0px;
}



.logo_mobile img
{
	width:280px;
	margin-left:0px;
}

.is-stuck .logo_mobile img
{
	width:140px;
}

.is-stuck{
	margin-top:-40px !important;
}

.is-stuck .cell{
	margin-top:0px  !important;
}

.is-stuck .top_area{
	margin-top:5px !important;
	margin-bottom:0px  !important;
}



.top_navigation{
	margin:20px 0px 0px 0px;
}

.page-template-slider .content_area{
    background-image: url("/application/themes/rensen2019/images/patroon_achtergrond_wit.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: fixed;   
    background-size: 100% auto;
}

.page-template-slider .container {
  width: 500%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.page-template-slider .panel {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding: 10px;
}

a:hover, .breadcrumbs a:hover{
    color: #09465E;	
}

h1{
	font-family: 'Biryani';
	margin: 20px 0px 20px 0px;
	font-weight: 400;
	font-size: 36px; /* 60px;*/
   	line-height: auto;
    color: #073e51;
	hyphens: auto;
}

h2{
	font-family: 'Biryani';
    margin: 15px 0px 15px 0px;
    font-weight: 400;
    font-size: 30px;
    line-height: auto;
	color: #073e51;
	hyphens: auto;
    
}

h3{
	font-family: 'Biryani';
    margin: 0px 0px 5px 0px;
    font-weight: 100;
    font-size: 28px;
    color: #073e51;
    line-height: auto;
	hyphens: auto;
}

h4{
	font-family: 'Biryani';
    margin: 0px 0px 5px 0px;
    font-weight: 400;
    font-size: 26px;
    color: #073e51;
    line-height: auto;
	hyphens: auto;
}

h6{
	font-family: 'Biryani';
    margin: 0px 0px 5px 0px;
    font-weight: 400;
    font-size: 18px;
    color: #808080;
    line-height: auto;   
	hyphens: auto;
}

.button {
	margin: 0px 1px;
}

p.big{
	font-size:18px;
}


.upper{
  	text-transform: uppercase;
}

.down_arrow{
	margin:10px 0px 0px 0px;
}

.down_arrow img{
	width: 70px;	
}

#start{
	position:relative;
	top:-122px;
}

.top-bar{
	font-size:18px;
	padding:0px;
	font-weight: 600;
	color: #193d4f;
}

.top-bar a{
	color: #193d4f;
	padding: 0.5rem 0.6rem;
}

.top-bar-right li:hover{
	background-color:#f2f2f2;
	border-radius:6px;
}

.top-bar .nav-path-selected a{
	color:#ee7d00;
	background:none;
}

.top-bar li.nav-path-selected {
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;
	border-radius:6px;
}

.top-bar li.nav-path-selected:hover {
	border-color:#f2f2f2;
}

.top-bar .menu.align-right li{
	text-align:left;
}

.title-bar{
	background-color:transparent;	
	color: #000000;
}

.menu-icon::after{
    box-shadow: 0 7px 0 #000000, 0 14px 0 #000000;	
	background: #000000;
}

.title-bar .menu-icon{
	margin:auto 0px 10px auto;
}

.r_social{
	float:right; 
	font-size:28px;
	margin-left:5px;
}

.accordion-title{
	font-size: 16px;
	line-height:20px;
}


@media only screen and (min-width: 64em) {
/* tablet */
	
	.below_header h1{
		font-size: 48px;
		line-height: 50px;
	}

        .below_header span{
		font-size: 48px;
		line-height: 50px;
       }
	
	.page-template-frontpage .below_header h1{
		font-size: 48px;
		line-height: 50px;
	}

        .page-template-frontpage .below_header span{
		font-size: 48px;
		line-height: 50px;
       }
	
	.r_social{
		font-size:40px
	}
	

	
}

a{
    color: #193d4f;	
}


.breadcrumbs li,
.breadcrumbs a,
.breadcrumbs a:hover
{
    color: #ee7d00;	
}
	


.top{
	background: #FFFFFF;
	margin:auto;
}



.top-bar, .top-bar ul {
    background-color: #FFFFFF;
	background-color:transparent;
}


.trees{
	min-height: 410px;
	background-image:url("/application/themes/rensen2019/images/forrest.jpg"); 
	background-size: 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-top: -80px;
	padding-top: 160px;
}

.referentie_banner .tegel {
	background-clip: content-box;
	background-color:#FFFFFF;
  	font-family: "Biryani";
	font-weight:800;
	font-size:20px;
	line-height: 24px;
	z-index:10;
}

.referentie_banner div div div{ /* t.v.b. ie */
	z-index:1;
}

.referentie_banner .titel{
	height: 65px;
	overflow:hidden;
}	

.button.large{
	font-size:20px;	
}



@media (min-width: 40em) {
	.button {
		margin: 0px 10px;
	}
}

.button{
 	font-weight:600;
}

.r_button_white {
	background-color: #FFFFFF;
	border-radius:6px;
	color: #09465E;
} 

.r_button_white a{
    color:#09465E;
}

.r_button_white:hover{
    background-color: #e5e5e5;
    text-decoration:none !important;
	color: #09465E;
} 

.r_button_grey {	
    background-color: #FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color: #999999;
	border-radius:4px;
	color:#999999;
} 

.r_button_grey a{
	color:#999999;
}

.r_darklink a{
    color:#09465E;
}

.r_button_grey:hover{
    background-color:  #e5e5e5;
    text-decoration:none !important;
} 

.r_button_darkgrey {	
    background-color: #e6e6e6;
	border-radius:6px;
	color:#193d4f;

} 

.r_button_darkgrey a{
	color:#193d4f;;
}

.r_button_darkgrey:hover{
    background-color: #f2f2f2;
    text-decoration:none !important;
	color: #09465E;
} 

.content_area,
.vacature-banner,
.content-banner,
.area_4,
.area_5,
.area_6,
.footer,
.footer-foot,
.below_header {
	padding: 20px;	
}

.r_renseninzicht{
    background-image: url("/application/themes/rensen2019/images/Rensen_boom_gespiegeld_dekkend.gif");	
	background-repeat: no-repeat;
}

.title_area
 {
	padding: 20px 20px 20px 20px;
	margin-bottom:-20px;
}

.top_area .button{
	font-size:0.70em;
}


.top-bar-left{
    margin-top: -4em;	
}


@media (min-width: 40em) { /* !mobiel */
	.content_area,
	.vacature-banner,
	.content-banner,
	.area_4,
	.area_5,
	.area_6,
	.footer,
	.below_header {
		padding: 60px;	
	}
	
	.footer-foot {
		padding: 20px 60px;	
	}
	
	.logo img
	{
	width:330px;
	padding-left:0px;
	}
	
	.menu .menu-text {
		padding:0px;
	}
	
	.title_area {
		padding: 60px 60px 0px 60px;	
		margin-bottom:-60px;
	}
	
	.top_area .button{
		padding:10px;
		font-size: 16px;
	}
	
	
	.page-template-slider .container {
          width: 3400px;
          height: 100%;
          display: flex;
          flex-wrap: nowrap;
    }

}


.content_area img{
	width:100%;
}

.ccm-block-document-library-table img{
	width:60px;
}

.content_area img.Icon_100{
	width:100px;
}

.below_header .swipe-slide {
		padding: 60px;
}

.page-template-frontpage .below_header {
		min-height: 750px;
		font-size: 16px;
		line-height:20px;
		color:#ffffff;
	    padding:0px;
}

.below_header .text-container{
		text-align:left;
		min-height: 750px;
}

.below_header .swiper-slide{
	background-size:cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.below_header .swiper-slide a{
	color:#ffffff;
}

.below_header h1{
	font-family: "Biryani";
	font-size: 24px;
	line-height: 30px;
	font-weight: 900;
	color:#ffffff;	
}

 .below_header span{
	font-family: "Biryani";
	font-size: 24px;
	line-height: 30px;
	font-weight: 900;	
 }

.below_header .quotation_marks::before{
  content: "\201C";
  position: relative;
  left:-.5%;
  margin-left: -5%;  
}

.below_header .quotation_marks::after{
  content: "\201D";
}

.below_header .content{
	margin: auto 0px;
	font-family: "Biryani";
	font-weight:800;
	height:600px;
}

.below_header .slide .content{
	height:550px;
}

.below_header .slider_control{
	margin-top: -100px;
	z-index: 1;
    position: relative;
}

.below_header {
		min-height: 480px;
		font-size: 16px;
		line-height:20px;
		color:#ffffff;
		background-position-y: bottom;
		background-position-x: -40em;
    	background-size: cover;
}

.below_header h1{
	font-family: "Biryani";
	font-size: 36px;
	line-height: 40px;
	font-weight: 800;
	color:#ffffff;	
}

.below_header span{
	font-family: "Biryani";
	font-size: 36px;
	line-height: 40px;
	font-weight: 800;	
}

.page-template-frontpage .below_header h1{
	font-size: 36px;
	line-height: 40px;
}

.page-template-frontpage .below_header span{
	font-size: 36px;
	line-height: 40px;
 }

.page-template-frontpage .below_header{
	font-size: 20px;
	line-height:24px;
}

@media (min-width: 40em) { /* Niet mobiel */


	.below_header h1{
		font-size: 50px;
		line-height: 65px;
	}

	.below_header span{
		font-size: 50px;
		line-height: 65px;
	}
        
	
	.page-template-frontpage .below_header h1{
		font-size: 48px;
		line-height: 50px;
	}

	.page-template-frontpage .below_header span{
		font-size: 48px;
		line-height: 50px;
	}
	
	.page-template-frontpage .below_header{
			font-size: 20px;
			line-height:24px;
	}
	
	.below_header {
		background-position-x: right;
	}
	

}




.page-template-Vacature .below_header,
.page-template-news .below_header
{
		min-height: 400px;
		font-size: 16px;
		line-height:20px;
		color:#ffffff;
}

.r_vacature_menu .beschrijving
{
	background-color:#193d4f;
	color: #ffffff;
	min-height: 250px;
	text-align: center;
	font-size: 25px;
	font-weight: 800;
	padding:20px;
}

.r_vacature_menu .afbeelding
{
	background-color:#193d4f;
	color: #ffffff;
	height: 300px;
	text-align: center;
	font-size: 25px;
	font-weight: 800;
	padding:0px;
	overflow:hidden;
}

.r_vacature_menu .afbeelding img{
	margin:0px;
    width:100%;
    height:100%;
    object-fit: cover;
    overflow: hidden;


}

.r_nieuws_menu .tegel{
	background-color:#ffffff;
}

.r_nieuws_menu .thumb
{
	background-color:#ffffff;
	color: #000000;
	text-align: center;
	font-size: 25px;
	font-weight: 800;
	padding:0px;
	overflow:hidden
}

.r_nieuws_menu .thumb img{
	margin:0px;
}

.r_vacature_menu .beschrijving .tekst
{
	margin: 100px 0px;
}

.r_vacature_menu .titel{
	background-color:#ffffff;
	font-size: 21px;
	font-weight: 800;
	margin: 0px;
	padding:10px;
}


.r_nieuws_menu .titel{
	background-color:#ffffff;
	font-size: 21px;
	font-weight: 800;
	margin: 0px;
	padding:10px;
}



.r_vacature_menu .titel .small,
.r_nieuws_menu .titel .small
{
	font-size:10px;
	font-weight: 600;
}

.r_vacature_menu .beschrijving a{
	color: #ffffff;
}

.page-template-Vacature  .below_header h1{
	font-family: "Biryani";
	font-size: 50px;
	line-height: 65px;
	font-weight: 800;
	color:#ffffff;	
}

.page-template-Vacature .below_header span{
	font-family: "Biryani";
	font-size: 50px;
	line-height: 65px;
	font-weight: 800;
}

.page-template-Vacature .content tbody{
	background-color: #f1f1f1;
	border-color:#f1f1f1;
}

.page-template-Vacature .content .button_red{
	background-color: #ee7d00;
	color:#ffffff;
	padding: 20px 10px;
	font-size:30px;
	line-height:40px;
	font-weight: 500;
	background-image:url("/application/themes/rensen2019/images/pijl_rechts.png"); 
	background-size:20px;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right:30px;
	border-right: 20px solid transparent;
}

.page-template-Vacature .content .button_red a{
	color: #ffffff;
}

.vertical_align{ 
	margin: auto 0px;
} 

.vacature-banner {
	font-size:20px;
}

.vacature-banner h1{
	font-size: 40px;
	font-family: "Biryani";  
	font-weight: 900;
	line-height: 45px;	
}

.referentie_banner{
		padding-top: 60px;	
	}

.referentie_banner h1, 
.content-banner h1, 
.content-banner h2, /*om bij een gelijkblijvende lay-out toch chronologisch data op te bouwen */
.page-template-frontpage .area_6 h1 {
		margin: 0px 0px 40px 0px;
		font-weight: 900;
		font-size: 40px;
		font-family: "Biryani";  
		line-height: 45px;	
	}

.content-banner .button{
		margin-top:20px;
	}
	
.rslides img.float-center{
    float: inherit;
}

.rslides_nav{
    z-index:2;
}

.hoe-banner{
	color: #ffffff;
}

.hoe-banner .vivid-simple-slider{
	margin-top:-130px;
	z-index:-1
}

.hoe-banner .ccm-image-slider{
	margin-top:-130px;
	z-index:-1
}

/*slides op voorpagina */

.slide .text-container{
    padding: 100px 15% 0;

}

/*slides voor hoe banner */
.hoe-banner h1,
.hoe-banner h2{ /*om bij een gelijkblijvende lay-out toch chronologisch data op te bouwen */
	color: #ffffff;
	margin-top:40px;
	font-weight: 600;
	font-size: 34px;
	font-family: "Biryani";  
	line-height: 48px;	
}

.hoe-banner .text-container{
	margin:250px auto 10px auto;
	text-align:left;
	width: 550px;
	width: 40%;
	overflow: hidden;
}

.hoe-banner .text-container .slide-title{
	font-size:28px;
	line-height: 32px;
	margin-bottom: 20px;
}

.hoe-banner .text-container .slide-desc{
	font-size:18px;
	line-height: 22px;
}

.page-template-frontpage .area_4 {
		font-size:31px;
		line-height:35px;
		font-weight:bold;
	}

.page-template-frontpage .area_5 {
		min-height: 420px;
	}

.page-template-frontpage .area_5 .r_pagelist a{
		color:#ffffff;
}

.page-template-frontpage .area_5 .r_pagelist a:hover{
		color:#f2f2f2;
}


.page-template-frontpage .area_5 .text{
		margin: auto 0px;
		vertical-align:center;
		font-size: 35px;
		line-height: 40px;
		font-weight: bold;
		color:#ffffff;
		text-align:left;
	}

.page-template-frontpage .area_5 .r_description{
		font-size: 20px;
	}
.page-template-frontpage .area_5 img{
		border-style:solid;
		border-color:#ffffff;
		border-width:10px;
		transform: rotate(5deg);
		margin: 20px 0px;
	}



.page-template-frontpage .area_5 .button{
		margin:40px 0px 0px 0px;
	}


.rr_small_font{
		font-size:14px;
		line-height:20px;
	}

.page-template-frontpage .area_6 img{
		margin-bottom: 20px;
	}

	
.r_rensen_blue{
	background-image:url("/application/themes/rensen2019/images/rensen_background.jpg"); 
	background-size:cover;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.r_multimeter{
	background-image:url("/application/themes/rensen2019/images/multimeter.jpg"); 
	background-size: auto 100%;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.r_rensenverbinder{
	background-image:url("/application/themes/rensen2019/images/rensenverbinder_grijs.png"); 
	background-size: auto 100%;
	background-position: bottom left;
	background-repeat: no-repeat;
}



.footer{
	min-height:168px;
	background-image:url("/application/themes/rensen2019/images/footer_background.png"); 
	background-size:cover;
	background-position: bottom right;
	background-repeat: no-repeat;
	font-size:14px;
	line-height:18px;
	color: #ffffff;
}

.footer a{
	color:#ffffff;
}

.footer .menu a{
	margin:0px 0px;
	padding:0px;
	line-height:18px;
	color:#ffffff;
}

.footer .nav-path-selected a{
	color:#ee7d00;
	background:none;
}

.footer .button.small {
    font-size: 14px;
	width:98%;
	line-height:14px;
	margin-bottom: 7px;
	padding:5px;
	color:#09465E;
}

.footer .button a{
	color:#09465E;
}

.footer ul{
	margin-bottom: 20px;
}

.footer-foot{
	font-size:14px;
	line-height:18px;
	color:#999999
}

.footer-foot a{
	color:#999999
}

.footer-foot .navigation{
	text-transform: uppercase;
	text-align: center;
}

.footer-foot .text-right{
		text-align: center;
}


.title-caps-bold strong{
	font-family: "Biryani";
	font-weight:900;
}

.r_orange {
	background-color:#ee7d00;
	color: #ffffff;	
}

.r_orange_text {
	color:#ee7d00;
}

.r_orange h1{
	color: #ffffff;
	margin: 10px 10px 10px 10px;
}

.r_grey {
	background-color:#f2f2f2;
	color: #193d4f;		
}

.r_grey h1{
	color: #193d4f;
}

.r_darkgrey {
	background-color:#c1b9b6;
	color: #193d4f;		
}

.r_darkgrey h1{
	color: #193d4f;
}

.r_white {
	background-color:#ffffff;
	color: #193d4f;		
}





.r_blue{
    background-color:#073e51;    
    color:#ffffff;
}

.r_blue a{
    color:#ffffff;
}

.r_blue a:hover{
    text-decoration:underline;
}


.r_white{
    background-color:#ffffff;
}





.r_vertical-align-center {
    display: flex;
    align-items: center;
    text-align:center;
}

.r_vertical-align-bottom{
    display: flex;   
    align-self: flex-end;
}

.base img{
    margin-top:10px;
}



p{
    line-height:inherit !important;
}

.campagne .rensen40jaar{
	margin-top:20px;
	height: 100px;
}

.campagne .rensen40jaar .tekst{
		margin-left: 10px;
		display: inline;
		overflow: hidden;
	}

.campagne .rensen40jaar .tekst a{
	color: #ffffff;
}

.campagne .rensen40jaar:hover .tekst a{
	color: #ffffff;
}

.campagne .rensen40jaar .banner{
	background: #ee7d00;
	padding: 0px;
	border-top-style:solid;
	border-bottom-style:solid;
	border-width:1px;
	border-color:#a71916;
	height: 60px
}

.campagne .rensen40jaar img{
	width: 100px;
	height: 100px;
	margin: -20px 10px -20px 10px;
}

.campagne .ccm-area-block-list{
	height: 40px;
    border-style: solid;
    border-width: 1px;
    border-color: #acbeb2;
	background-color: #e1faea;
}

.campagne .ccm-block-edit:before{
	content: "Bewerk campagnebalk";
	padding: 5px;
}

.campagne .ccm-block-edit {
	height: 38px;
}


@media (min-width: 40em) {
	body{
		font-size: 18px;
		line-height: 30px;
	}


	h1{
		font-size: 60px;
		line-height: 65px;
	}

	h2{
		font-size: 40px;
		line-height: 55px;         
	}

	h3{
		font-size: 40px;
		line-height: 45px;    
	}

	h4{
		font-size: 32px;
		line-height: 37px;    
	}

	h6{
		font-size: 20px;
		line-height: 25px;    
	}

	p.big{
		font-size:21px;
	}	
	
    .page-template-frontpage .below_header{
        margin-top: 10px;
    }
	
	.footer-foot .navigation{
		text-align: left;
	}
	
	.footer-foot .text-right{
		text-align: right;
	}
	
	.accordion-title{
		font-size: 20px;
		line-height:24px;
	
	}
	
	.is-stuck .top_area{
		margin-top:15px !important;
		margin-bottom:15px !important;
	}
	
	.is-stuck .cell{
		margin-top:15px !important;
	}
	

	.is-stuck{
		margin-top:0px !important;
	}
	
	.campagne .rensen40jaar{
		position: fixed;
		top: 200px;
		right: 10px;
		z-index: 2000;
		width: 100px;
		margin-right: -10px
	}

	.campagne .rensen40jaar .tekst{
		margin-left: -150px;
		display: inline;
		visibility: hidden;
		overflow: hidden;
	}

	.campagne .rensen40jaar .tekst a{
		color: #ffffff;
	}

	.campagne .rensen40jaar:hover {
		 width: 220px;
		 transition: width 0.5s;
	}

	.campagne .rensen40jaar:hover .tekst{
		visibility: visible;
		margin-left: 10px;
		transition-delay: 1s, 0.5s;
		transition: visibility 1s, margin-left 0.5s;
	}

	.campagne .rensen40jaar:hover .tekst a{
		color: #ffffff;
	}

	.campagne .rensen40jaar .banner{
		background: #ee7d00;
		padding: 0px;
		border-top-style:solid;
		border-bottom-style:solid;
		border-width:1px;
		border-color:#a71916;
		height: 60px
	}

	.campagne .rensen40jaar img{
		width: 100px;
		height: 100px;
		margin: -20px 10px -20px -20px;
	}


    
}

.r_nieuws_menu img{
	aspect-ratio: 3/2;
    object-fit: cover;
    object-position: center;
}



.ui-widget ul, .ui-widget li{
    //height: 2em; 
}

@media only screen and (min-width: 40em)
{

	
	
}

.r_title{
	font-weight:bold;
}


.form-actions .btn {
	margin: 0px;
	padding: 15px 40px;
    background-color: #073e51;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
	border-radius: 6px;
	margin: 0 auto;
    display: block;
}

.form-actions .btn:hover {
	background-color: #09465E;
	cursor: pointer;

}

.ccm-block-express-form .control-label, .ccm-block-express-form .checkbox label {
    font-size: 18px;
    line-height: 1.2em;	
	font-weight: normal;
	font-weight: 300;
}

.ccm-block-express-form .small{
	font-size:12px;
}
.ccm-block-express-form .form-group{
	margin:0px 0px;
	padding:0px 10px;
	background-color:#f2f2f2;
}

.ccm-block-express-form fieldset{
	background-color:#f2f2f2;
	padding-left: 10px;
}

.ccm-block-express-form h3{
	margin:10px 0px;
	font-size:18px;
	line-height:1em;
	font-weight:400;
	background-color: #ee7d00;
	color:#ffffff;
    padding: 10px;
    margin: 0px 0px 10px -10px;
}

.alert{
    padding: 20px;
    margin-bottom: 10px;
}

.alert-success{
	background: lightgreen;
}

.alert-danger{
	background: #f50000;
	color:#ffffff;
}


@media print {
  a[href]:after {
    content: none !important;
  }
}

.vul_hoogte{
	height:100%;
}

.vul_breedte{
	width:100%;
}

.vul{
	height:100%;
	width:100%;
}