/*Content Start*/
/*===== CHAPTER 7 ==========  Content styles  ==========*/
.mainContent{ position:relative;}					
.mainContent h1{
	font-size: 32px;
	margin: 0px 0px 20px 0px;
	line-height:34px;
	z-index:0;
}
.mainContent h2{
	font-size: 24px;
	font-weight: normal;
	color: #f38338;
	margin:0px 0px 20px 0px;
	line-height:28px;
}					
.mainContent h3 {
	color: #f37638;
	font-size: 18px;
	font-weight: 500;
	margin:0px 0px 10px 0px;
}	
.mainContent h4 {
	color: #404040;
	font-size: 18px;
	font-weight: 500;
	margin:0px 0px 10px 0px;
}			
.mainContent p {
	line-height:23px;
	font-weight:400;
	margin-bottom:20px;
	color:#444;
}
.mainContent p a,
.mainContent p a:visited {
	color: #00aad7;
	font-size:14px; 
	text-decoration:underline;
}
.mainContent p a:hover{
	color: #02668f;
	text-decoration:none;
}
.mainContent .basic-table{ overflow-x:auto; margin:20px 0px;}
.mainContent .basic-table table{
	border:1px solid #a2a2a2;
	width: 100%;
	margin:10px 0px 20px;
}					
.mainContent .basic-table th, .mainContent .basic-table td {
	text-align: left;
	padding: 10px;
}
.mainContent .basic-table tr:nth-child(even){background-color: #f2f2f2}
.mainContent .basic-table th {
	background-color: #a2a2a2;
	color: white;
	text-wrap:none;
}
.mainContent .basic-table tr:hover{background-color: #efefef}
.mainContent .h1clone,
.mainContent .h1clone-logo,
.mainContent .h1clone-pijlers{
	font-size: 30px;
	font-weight: 400;
	margin-top: 0px;
	line-height:1;
	color:#404040;
}
.mainContent .h1clone-pijlers{
	color:#333333;
	font-weight: 600;
	margin-bottom:10px;
}
.mainContent .h1clone-first{
	font-size: 24px;
	font-weight: 400;
	margin-top: 0px;
	line-height:1;
	color:#404040;
}
.mainContent .h1clone-sm{
	font-size: 24px;
	font-weight: normal;
	color:#737373 !important;
}
.mainContent .hp-orange-bold{ 	font-size: 34px; font-weight:600; color: #f39138;}
.mainContent .h2clone,
.mainContent .h2clone-logo,
.mainContent .h2clone-pijlers{
	font-size: 20px;
	font-weight: 400;
	color: #666;
	margin-top:10px;
	margin-bottom:20px;
}
.mainContent .h2clone-pijlers{color: #f39138; margin-top:0px;}
.mainContent .subtileh3{
	font-size: 20px;
	font-weight: 400;
	color:#000;
}
.mainContent .h1clone,
.mainContent .h1clone-first,
.mainContent .h2clone{
	text-align:center;
}
.mainContent .middle-conent-text{
	font-size: 14px;
	font-weight: bold;
	color: #010101;
}
.joppage-hr{
	margin:30px 0 30px 0;
	color:#404040;
}
.standard-ul{
	padding-bottom: 20px;
	line-height:23px;
}
.standard-ul li{						
	margin-left:20px;padding-left:10px;						
}
.basic-ul, .basic-pos-ul, .basic-neg-ul, .basic-pos-ul-black, .basic-neg-ul-black, .basic-check-ul, .basic-check-ul-black{
	list-style:none;
	padding-top: 0px;
	margin-bottom:25px;					
	padding-left:40px;
}
.basic-ul li, .basic-pos-ul li, .basic-neg-ul li, .basic-pos-ul-black li, .basic-neg-ul-black li, .basic-check-ul li, .basic-check-ul-black li{    
	margin-left:20px; margin-bottom:15px; line-height:23px;
}

.basic-ul li:before {    
	font-family: 'FontAwesome';
	content: '\f101';
	margin:0 12px 0px -20px;
	line-height:23px;
	color: #010101;
}

.basic-pos-ul li:before, .basic-pos-ul-black li:before {    
	font-family: 'FontAwesome';
	content: '\f067';
	margin:0 12px 0px -20px;
	line-height:23px;
	color: #ff9754;
	font-size:12px;
}
.basic-pos-ul-black li:before{color: #454545;}

.basic-neg-ul li:before, .basic-neg-ul-black li:before {    
	font-family: 'FontAwesome';
	content: '\f068';
	margin:0 12px 0px -20px;
	line-height:23px;
	color: #ff9754;
	font-size:12px;
}
.basic-neg-ul-black li:before{color: #454545;}

.basic-check-ul li:before, .basic-check-ul-black li:before {    
	font-family: 'FontAwesome';
	content: '\f14a';
	margin:0 12px 0px -20px;
	line-height:23px;
	color: #ff9754;
	font-size:16px;
}
.basic-check-ul-black li:before{color: #454545;}

/* unordered list zelfde als basic- maar voor gebruik in dossiers - pijltjes - marge tussen items */
.enhanced-ul{
	list-style:none;
	padding-top: 0px;
	margin-bottom:25px;					
	padding-left:40px;
}

.enhanced-ul li {    
	margin-left:20px; margin-bottom:15px; line-height:23px;
}
.enhanced-ul li:before {    
	font-family: 'FontAwesome';
	content: '\f101';
	margin:0 12px 0px -20px;
	line-height:23px;
	color: #010101;
}
.basic-ol {
   list-style:none;
   padding-top: 0px;
   margin-bottom:25px;	
   counter-reset: foo;
   line-height:23px;
}
.basic-ol li {    
	list-style: none;
	counter-increment: foo;
	margin-left:25px; margin-bottom:15px; line-height:23px;
}
.basic-ol li:before {    
	content: counter(foo) ".";			
	margin:0 12px 0 -23px;
	line-height:23px;
	color: #010101;
}
.enhanced-ol {
   list-style:none;
   padding-top: 0px;
   margin-bottom:25px;	
   counter-reset: foo;
   line-height:23px;
}
.enhanced-ol li {    
	list-style: none;
	counter-increment: foo;
	margin-left:25px; margin-bottom:15px; line-height:23px;
}
.enhanced-ol li:before {    
	content: counter(foo) ".";			
	margin:0 12px 0 -23px;
	line-height:23px;
	color: #010101;
}
.standard-ol{
	padding-bottom: 20px;
	line-height:23px;
}
.standard-ol li{						
	margin-left:20px;					
}
.basic-ul a, .standard-ul a, .basic-ol a, .standard-ol a,
.basic-pos-ul a, .basic-pos-ul-black a, .basic-neg-ul a, 
.basic-neg-ul-black a, .basic-check-ul a, .basic-check-ul-black a,
.enhanced-ul a, .enhanced-ol a,
.basic-ul a:visited, .standard-ul a:visited, .basic-ol a:visited, .standard-ol a:visited,
.basic-pos-ul a:visited, .basic-pos-ul-black a:visited, .basic-neg-ul a:visited, .basic-neg-ul-black a:visited,
.basic-check-ul a:visited, .basic-check-ul-black a:visited,
.enhanced-ul a:visited, .enhanced-ol a:visited {
	color: #00aad7;
	font-size:14px; 
	text-decoration:underline;
}
.basic-ul a:hover, .standard-ul a:hover, .basic-ol a:hover, .standard-ol a:hover, .enhanced-ul a:hover, .enhanced-ol a:hover,
.basic-pos-ul a:hover, .basic-pos-ul-black a:hover, .basic-neg-ul a:hover, .basic-neg-ul-black a:hover,
.basic-check-ul a:hover, .basic-check-ul-black a:hover{
	color: #02668f;
	text-decoration:none;
}
.extended-ul {
	list-style: none; margin-top: 30px;
} 					 
.extended-ul li {
	padding-bottom: 10px; position: relative;  
}
.extended-ul-less-margin li {padding-bottom: 0px; position: relative;  }
.extended-ul h3 {
	margin-left: 30px;						
	font-size: 18px;
	font-weight:400;
}
.extended-ul h4 {
	margin-left: 30px;						
	font-size: 18px;
	font-weight:400;
}										
.extended-ul li p {
	margin-left: 30px;
	margin-top: 5px;
}
.extended-ul-less-margin li p {margin-left: 30px;	margin-top: 0px; }
.extended-ul li p a, .extended-ul li p a:visited {
	color: #00aad7;
	font-size:14px; 
	text-decoration:underline;
}
.extended-ul li p a:hover {
	color: #02668f;
	text-decoration:none;
}					
.ext-ul-standard-orange:before {    
	font-family: 'FontAwesome';	content: '\f101';font-size:18px;color: #ff9754;	float:left;	margin-top:-3px;}
.ext-ul-standard:before, .ext-ul-standard-black:before {    
	font-family: 'FontAwesome';	content: '\f101';font-size:18px;color: #333333;	float:left;	margin-top:-3px;}
.ext-ul-positive:before, .ext-ul-positive-orange:before{    
	font-family: 'FontAwesome'; content: '\f067';font-size:16px;color: #666666;	float:left;	margin-top:-2px;}
.ext-ul-negative:before, .ext-ul-negative-orange:before {    
	font-family: 'FontAwesome';	content: '\f068';font-size:16px;color: #666666;	float:left;	margin-top:-2px;}
.ext-ul-check:before, .ext-ul-check-orange:before {    
	font-family: 'FontAwesome';	content: '\f14a';font-size:18px;color: #666666;	float:left;	margin-top:-2px;}
.ext-ul-positive-orange:before, .ext-ul-negative-orange:before, .ext-ul-check-orange:before {  color: #ff9754; }
.ext-ul-standard h3, .ext-ul-standard-black h3, .ext-ul-standard-orange h3, .ext-ul-positive h3, .ext-ul-negative h3, .ext-ul-positive-orange h3, .ext-ul-negative-orange h3, .ext-ul-check h3, .ext-ul-check-orange h3{	color: #333333; }

 .img-section-full,
 .img-series-section {
	margin-top: 20px;
	position: relative;
}				 
 .img-section-full .content-img-container,
 .img-series-section .content-img-container{
	border: 1px solid #3394c7;
	padding: 10px;
	width:100%; height:auto;
}
 .img-section-full .img-responsive,
 .img-series-section .img-responsive{
	width:100%; height:auto;
}
.img-series-section .img-sidetext{ padding-right:30px;}
.img-section-full .img-textbelow{ display:block;
	padding-top:5px;}
 .img-section-full .img-textbelow, .img-section-full .img-textbelow p,
 .img-series-section .img-textbelow,  .img-series-section .img-textbelow p,
 .img-section-half-img-right .img-textbelow,  .img-section-half-img-right .img-textbelow p,
 .img-section-half-img-left .img-textbelow,  .img-section-half-img-left .img-textbelow p {
	font-size: 12px;
	margin-top: 5px;
	font-style: italic;
	text-align:center;
	line-height:16px;
}
.img-section-full .img-textbelow a, .img-section-full .img-textbelow p a,
.img-section-full .img-textbelow a:visited, .img-section-full .img-textbelow p a:visited,
.img-series-section .img-textbelow a, .img-series-section .img-textbelow p a,
.img-series-section .img-textbelow a:visited, .img-series-section .img-textbelow p a:visited,
.img-section-half-img-right .img-textbelow a,  			.img-section-half-img-right .img-textbelow p a,
.img-section-half-img-right .img-textbelow a:visited,  	.img-section-half-img-right .img-textbelow p a:visited,
.img-section-half-img-left .img-textbelow a,  			.img-section-half-img-left .img-textbelow p a,
.img-section-half-img-left .img-textbelow a:visited,  	.img-section-half-img-left .img-textbelow p a:visited {
	font-size: 13px !important; 
}
.img-series-section .img-textbelow p { text-align:left; margin-top:10px; margin-bottom:10px;}

.img-textlabel-bottom-flag {
    display:block;
	overflow: hidden;
	position: relative;
	width: 100%;
	bottom: 0;
	background: rgba(29, 137, 193, 0.9);
	padding: 15px 20px;
	color:#fff;
	font-size:13px;
	line-height:17px;
	font-style:italic;
}
.img-textlabel-bottom-flag p {
	display: inline-block;
	float: left;
	margin-bottom: 0;
	
	position: relative;
	
}
.img-textlabel-flag a, .img-textlabel-flag p a,
.img-textlabel-flag a:visited, .img-textlabel-flag p a:visited,
.img-textlabel-bottom-flag a, .img-textlabel-bottom-flag p a,
.img-textlabel-bottom-flag a:visited, .img-textlabel-bottom-flag p a:visited {
	font-size: 13px !important; color:#fff !important;
}
 .img-section-half-img-left,
 .img-section-half-img-right {
	display: block;
    position: relative;
    margin-top: 30px;
}
 .img-section-half-img-left .content-img-container,
 .img-section-half-img-right .content-img-container {
	border: 1px solid #3394c7;
	padding: 10px;
	width:100%; height:auto;
}
 .img-section-half-img-left .img-responsive,
 .img-section-half-img-right .img-responsive {
	width:100%; height:auto;
}
.img-section-half-img-left .img-greyborder,
 .img-section-half-img-right .img-greyborder {
	border: 1px solid #ddd;
	padding: 10px;
	width:100%; height:auto;
}
.img-series-section .img-side-img-container { margin-bottom:30px; overflow:hidden; display:block;}
.img-section-half-img-left .img-side-img-container {
	position: relative; margin-bottom:30px; overflow:hidden;
}
.img-textlabel-flag p,
.img-textlabel-bottom-flag p {
	color: #fff;
	font-size: 13px;
	line-height: 17px;
	font-style: italic;
}

.content-box-quotes,
.cw-review-list{
	border: 1px solid #d5dbde; 
	padding: 10px;
	width:100%;
	margin:30px 0px 0px 0px;
	position:relative;
}
.content-box-quotes .cont-box-quote-record,
.cw-review-list .cont-box-review-record{
	color: #333;
	font-size: 14px;
	padding: 15px 20px;
	border-bottom:1px solid #eaeaea;
	position:relative;
}
.content-box-quotes .cont-box-quote-record h3,
.content-box-quotes .cont-box-quote-record span{color: #333;
	font-size: 14px; margin:0; padding:0; font-weight:bold; display:block;}
.content-box-quotes .cont-box-quote-record a:hover{ text-decoration:none;}
.content-box-quotes .cont-box-quote-opened{
	color: #333;
	font-size: 14px;
	padding: 0px 20px 15px 20px;
}
.content-box-quotes .record-active,
.cw-review-list .record-active {
	background: #eaeaea;
	border-bottom:10px solid #fff;
	border:0px;
}
.content-box-quotes .record-active{
	background: #d4d4d4;
}
.content-box-quotes .record-closed {
	background: #f5f5f5;
	border-bottom:10px solid #fff;
	border:0px;
	padding: 8px 20px;
}
.content-box-quotes .cont-box-quote-record:last-child,
.cw-review-list .cont-box-review-record:last-child{
	border-bottom:10px solid #fff;
}
.content-box-quotes .cont-box-quote-record:hover,
.cw-review-list .cont-box-review-record:hover {
	background: #f5f5f5;
}
.content-box-quotes .cont-box-active-quote-content {
		padding-bottom:30px;
		border-bottom: 1px solid #f5f5f5;
}
.content-box-quotes .sm-btn-info,
.cw-review-list .sm-btn-info {
		border: 1px solid #63b802;
		background: #fff;
		color: #63b802 !important;
		display: block;
		font-size: 13px !important;
		font-weight: 400;
		margin: 0px;
		padding: 2px 5px;
		text-align: center;
		text-transform: lowercase;
		width:100%;				
		position:relative;
		float:left;
}
.cw-review-list .sm-btn-info {
		border: 1px solid #00aad7;
		background: #fff;
		color: #00aad7 !important;
		border-radius:  4px;
}		
.content-box-quotes .sm-btn-info:hover,
.cw-review-list .sm-btn-info:hover {
		border: 1px solid #999999;
		text-decoration: none;
		color: #333333 !important;
}
.quote-record-place{
	font-weight:bold;}
.active-quote-info{
	padding:20px 20px 0px 16px;}
.active-quote-info h3{
	font-size:14px; font-weight:bold;
	margin:0px;
	padding-bottom:10px;
	}	
.cw-review-list  .review-list-score{ text-align:center; }	
.companywall-signature{
	font-size: 18px;
	font-weight: normal;
	font-style:italic;
	color: #999;
	padding-bottom:20px;
	margin:10px 0px 30px 0px;
}
.content-cw-cta-overview{
	margin:30px 20px 50px 30px; padding:0px;
	width:100%;
}
.content-cw-cta-overview .cw-cta-item{
	float:left;
	width:100%;
	padding-bottom:25px;
	cursor:pointer;
}
.content-cw-cta-overview .cw-cta-item img,
.cw-cta-others img{
	width:37px;
	height:auto;
	border:0px;
	position:relative;
	float:left;
	display:inline-block;
}
.content-cw-cta-overview .cw-cta-btn {
	border: 2px solid #008db2;
	background: #fff;
	color: #008db2;					
	font-size: 14px;
	font-weight: 400;
	display:inline-block;
	margin: 0px 0px 0px 10px;
	padding: 6px 0px 6px 10px;
	text-align: left;
	text-transform: uppercase;
	width:215px;				
	position:relative;
}	
.content-cw-cta-overview .cw-cta-btn i {
	float:right;
	font-size:16px;
	padding:1px 10px 0px 0px;	
}
.content-cw-cta-overview .cw-cta-btn:hover {
		border: 2px solid #00b4e3;
		text-decoration: none;
		color: #00b4e3;	
}
.content-postal-search,
.content-contractor-search	{
	border: 1px solid #d5dbde;
	padding: 10px;	
	width:100%;
	margin:30px 0px 40px 0px;	
}
.content-contractor-search{margin:0px 0px 40px 0px;}
.content-postal-search-content{
	background: -moz-linear-gradient(60deg, #f2f2f2 0%, #f2f2f2 50%, #e6ebee 50%, #f2f2f2 85%, #f2f2f2 100%);
	background: -webkit-linear-gradient(60deg, #f2f2f2 0%, #f2f2f2 50%, #e6ebee 50%,#f2f2f2 85%,#f2f2f2 100%);
	background: linear-gradient(60deg, #f2f2f2 0%, #f2f2f2 50%, #e6ebee 50%,#f2f2f2 85%,#f2f2f2 100%);
	padding: 20px 0px 20px 20px;
	min-height:90px;			
}
.content-contractor-search-content{
	background: #e6ebee;
	padding: 20px 0px 20px 20px;
	min-height:150px;			
}
.content-postal-search-content .qry_zip{ margin-top:10px;}
.content-postal-search-content h2,
.content-contractor-search-content h2 {
	color: #1d89c1;
	text-transform: uppercase;
	font-weight: 600;
	font-size:20px;
	margin:5px 0px 0px 0px;
}
.content-postal-search-content p,
.content-contractor-search-content p {
	margin-bottom: 0;
	font-weight:600; 
}
.content-postal-search-content .btn-class{
	width: 100%;
	overflow: hidden;
	margin-top:5px;
	float:right;
}
.content-postal-search-content .btn-class form{
	float:right;
}
.content-postal-search-content .btn-class .form-control{
	width: 45%;
	float: left;
	padding: 10px 5px 11px 5px;
	border-radius: 0;
	height: auto;
	margin-right: 10px;
	border: 1px solid #a9b2b9;
	font-size:12px;
}
.content-postal-search-content .btn-class .zoeken-btn{
	margin:0px;
 }
.contractor-search-component h4 {color: #1d89c1;}
.contractor-search-component p { font-weight:normal; font-size:14px; margin-bottom:5px;}
.contractor-search-component img { width:75%; height:auto; margin:20px 0px 0px 0px;}
.company-request-container{ display:none; }
.company-request-overview{
	margin:30px 0px;
}
.company-request-item,
.company-request-item-short{
	width:100%;
	display:block;
	margin-bottom:30px;	
	position:relative;
	cursor: pointer;	 
	overflow:hidden;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;	
}
.company-request-item-short{
	border-radius:4px;
	margin-bottom:20px;
}
.company-request-item img{
	width:100%; height:auto;
	display:block;
	z-index:0;
}
.company-request-item div,
.company-request-item-short div{
	width:100%; 
	background:#00aad7;	
	-webkit-transition: background 0.5s;	
	color:#fff;
	display:block;
	padding:10px 10px 10px 15px;
	font-weight:500;
	text-transform:uppercase;
	z-index:1;
}
.company-album-overview{
	margin:30px 0px;
}
.company-album,
.company-image{
	width:100%;
	height:315px;
	display:block;
	margin-bottom:30px;	
	position:relative;
	cursor: pointer;	 
	overflow:hidden;
	border-radius:0px;
}
.company-image{ height:150px;}
.company-album img,
.company-image img{
	z-index:0;
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.company-album img.album-portrait,
.company-image img.album-portrait {
	/*class assigned by jquery */
	width: 100%;
	height: auto;
	
}
.company-album img.album-landscape,
.company-image img.album-landscape {
	/*class assigned by jquery */
}
.company-images-overview{
	margin:30px 0px;
}
.company-album .cw-album-title,
.company-album .cw-album-numbers{
	width:100%; 
	background:#00aad7;	
	-webkit-transition: background 0.5s;	
	color:#fff;
	display:block;
	padding:10px 10px 10px 15px;
	font-weight:500;
	text-transform:uppercase;	
	z-index:1;
	position:absolute;
	bottom:0px;	
}
.company-album .cw-album-title{
	width:85%;
	bottom:50px;
	padding:10px 0px 10px 40px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.company-album .cw-album-numbers{
	width:40%;
	bottom:25px;
	background:#fff;
	opacity: 0.85;
	filter: alpha(opacity=85);
	font-size:12px;
	text-transform:lowercase;
	padding:4px 10px 4px 40px;
	color: #000;
	border-bottom-right-radius: 4px;
}
.company-request-item div .fa-angle-right,
.company-request-item-short div .fa-angle-right{
	position:absolute; top:calc(100%-20px); right:20px; font-weight:600; font-size:16px;  -webkit-transition: right 0.5s;
}
.company-album div .fa-picture-o{
	position:absolute; top:13px; left:15px; font-weight:400; font-size:14px; 
}
.company-request-item a:hover,
.company-request-item-short a:hover,
.company-album a:hover{
	text-decoration:none;		
}
.company-request-item a:hover img,
.company-album a:hover img{
	opacity: 0.85;
	filter: alpha(opacity=85);
}
.company-request-item a:hover div,
.company-request-item-short a:hover div,
.company-album a:hover .cw-album-title{
	background:#1d89c1;	
}
.company-request-item a:hover div .fa-angle-right,
.company-request-item-short a:hover div .fa-angle-right{
	right:10px;
}
.cw-content-adres h3{
	color:#000000;
	font-size:14px;
	margin:10px 0px 10px 0px; padding: 0px;
	font-weight:700;	
}
.cw-content-adres p span{ min-width:25px; display:inline-block; margin-bottom:5px;}
.cw-content-adres p span a, .cw-content-adres p span a:visited { color:#333;}
.cw-content-adres-border,
.cw-content-streetview-border,
.cw-content-googlemaps-border{
	border-left:1px solid #d2d2d7;	
	padding-left:35px;
}
.cw-content-streetview,
.cw-content-googlemaps{ width:100%; clear:both; padding:20px; overflow:hidden; border:1px solid #d8d8d8; min-height:250px; background:#fcfcfc; color:#000;}

/* Content Blockquote */
.blockquote-normal { padding:10px 0px;}
.blockquote-normal blockquote { margin: 0; padding: 20px 20px 20px 20px; background:#f4f8fb; border-left:5px solid #00aad7; font-size:14px; }
.blockquote-normal blockquote a, .blockquote-normal blockquote a:visited { font-size:14px; text-decoration:none;}

.blockquote-fancy { padding:30px 0px;}
.blockquote-fancy blockquote {
	position: relative;
	margin: 0;
	padding: 30px 80px;
	text-align: center;
	font-size: 20px;
	border:0px;
}
.blockquote-fancy blockquote:before, .blockquote-fancy blockquote:after {
	position: absolute;
	width: 60px;
	height: 60px;
	font-size: 50px;
	line-height: 1;
}
.blockquote-fancy blockquote:before {
	top: 0;
	left: 0;
	content: "\201C";
}
.blockquote-fancy blockquote:after {
	top: 0;
	right: 0;
	content: "\201D";
}
.colored-area {
	display:block;
	position:relative;
	padding:25px 40px;
	background:#f4f8fb;
	margin:20px 0 40px 0;
	-webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
}
.colored-area p{ margin-bottom:0; }
.colored-area-green-light{background:rgba(99, 184, 2, 0.25);}
.colored-area-green{background:rgba(99, 184, 2, 0.95);}
.colored-area-blue-light{background:#e8f1f7;}
.colored-area-blue{background:#00aad7;}
.colored-area-grey{background:#616161;}
.colored-area-grey-light{background:#f5f5f5;}
.colored-area-orange{background:#ffbe79;}
.colored-area-orange-light{background:#fae6d1;}
.colored-area-blue p, .colored-area-green p, .colored-area-grey p, .colored-area-orange p{
	color:#ffffff;}


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 767px) {
	.mainContent h1{
		font-size: 28px;
		margin-top: 10px;
		line-height:30px;
	}
	.mainContent .h1clone-pijlers{ margin-top: 60px; font-weight: 400;}
	.mainContent h2{
		font-size: 20px;
		font-weight: normal;
		line-height:22px;
	}	
	.box-1 .box-first {
		padding: 10px;
		float: left;
	}
	.extended-ul {
		padding: 0px 0 0 10px;
	}
	.img-series-section .img-sidetext{ padding-right:15px;}
	.img-textlabel-flag{
		height: 60px;
		overflow: hidden;
		position: relative;
		width: 100%;
		bottom: 0px;
		display:block;
		font-style:italic;
		text-align:center;
		padding-top:5px;
	}
	.img-textlabel-flag p {
		display: inline-block;
		float: left;
		margin-bottom: 0;
		padding: 5px 44px 10px 20px;
		position: relative;
		background: rgba(29, 137, 193, 0.9);
	}
	 .img-section-half-img-right {
		margin-top: 0px;
	}	
	 .img-section-half-img-left .img-sidetext p,
	 .img-section-half-img-right .img-sidetext p {
		padding: 10px 0px;
	}
	.content-box-quotes .sm-btn-info {
		margin: 20px auto 0px auto;
		width:77%;
		max-width:250px;				
		float:none;		
	}	
	.quote-record-distance i{ display:none;}	
	.cw-review-list .review-list-score{ display:block; position:absolute; top:20px; right:20px; font-size:24px; color:#00aad7; }	
	.cw-review-list .sm-btn-info {
		margin-top:10px;
	}
	.content-cw-cta-overview .cw-cta-item {
		float:none;
		width:270px;
		margin:0px auto;	
	}
	.content-postal-search-content{
		padding: 20px;
		min-height:150px;				
	}
	.content-postal-search-content h2 {
		text-align:center;
	}
	.content-postal-search-content p {
		margin-bottom: 10px;
		text-align:center; 
	}
	.content-postal-search-content .btn-class{
		float:none;
		padding:0px auto;
	 }
	 .content-postal-search-content .btn-class form{
		float:none;
	 }
	 .content-postal-search-content .centerdiv{margin:0px auto; width:200px;}
	.content-postal-search-content .btn-class .form-control{
		width: 100px;
		float: left;
		padding: 10px 5px 11px 5px;
		border-radius: 0;
		height: auto;
		margin-right: 10px;
		border: 1px solid #a9b2b9;
		font-size:12px;
	}
	.content-postal-search-content .btn-class .zoeken-btn{
		margin:0px;
	 }
	.company-request-item div,
	.company-album .cw-album-title{
		background:#1d89c1;	
	}
	.cw-content-adres{
		padding:10px 15px;}
	.cw-content-adres-border{
		border-left:0px;	
		border-top:1px solid #d2d2d7;	
		padding-left:15px;
		padding-top:15px;
		margin-top:15px;
	}
	.cw-content-streetview-border,
	.cw-content-googlemaps-border{
		border-left:0px;	
		padding: 15px 15px 0px 15px;
		margin-top:15px;
	}
	.company-image{ height:250px;}
	.contractor-search-component{ padding-right:40px; margin-bottom:10px;}
	.company-request-container{ display:block; /* display on XS-view only */ }
	.blockquote-fancy blockquote {
		padding: 30px 30px;
	}
}
@media only screen and (min-width : 550px) and (max-width : 991px) {
	.content-cw-cta-overview .cw-cta-item {
		float:left;
		width:45%;
		margin-left:20px;						
	}
}	
@media only screen and (min-width : 550px) and (max-width : 625px) {
	.content-cw-cta-overview .cw-cta-item img {
		display:none;						
	}
}	

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	 .img-textlabel-flag {
		bottom: 60px;
		display:block;
		position: absolute;
	    color: #fff;
		font-size:13px; 
		line-height:18px;
		font-style:italic;
		background: rgba(29, 137, 193, 0.9);
		padding: 10px 20px 10px 20px;
	}
	.img-textlabel-flag p{ margin-bottom: 0;}
	
	.flag-half{
		width: 65%;
	}
	.flag-full{
		width: 100%;
	}
	 .img-section-half-img-left .img-sidetext p,
	 .img-section-half-img-left .img-sidetext h3{
		padding: 0 0 10px 10px; margin-top:0px; /* opgelet ook gebruikt op de hoe-werkt-het pagina bij bedrijven */
	}
	 .img-section-half-img-right .img-sidetext p,
	 .img-section-half-img-right .img-sidetext h3 {
		padding: 0 0 10px 0px; margin-top:0px; 
	}
	 .img-section-half-img-right .img-sidetext p {
		padding: 0 10px 10px 0px;
	}
	 .img-section-half-img-right .img-sidetext h3 {
		margin-top:0px;
	}
	.company-request-item-short div span{
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
		width:170px;
		display:block;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.mainContent{
		margin-top: 10px;
	}
	.informatie-aanvragen-maincontainer{
	    margin-top: -69px;
	}
	.content-cw-cta-overview .cw-cta-item{
		width:50%;
		display:inline-block;
	}
	.sidebar-contentmenu{
		width:100%;
		}

	.contentmenu-title{
		  width: 100%;
		  overflow: hidden;
		  position: relative;
		  background-color: #f4f8fb;   
		 
	}	
	.contentmenu-title a{
		position: relative;
		font-weight: bold;
		padding: 15px 0px 15px 20px;
		float: left;
		width: 100%;
		font-size: 14px;
		color: #f37638;
		text-transform:uppercase;
		text-decoration:none;
	}
	.contentmenu-title a span{
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
		width:230px;
		display:block;
		}
	.sidebar-contentmenu .collapse.in{
		height: auto;
	}		
	.sidebar-contentmenu .contentmenu-title .accordion-toggle {
		position: relative; padding-top:15px; padding-bottom:10px;
	}
	.sidebar-contentmenu .contentmenu-title .accordion-toggle span {
		display:inline-block;
	}
	.sidebar-contentmenu .contentmenu-title .accordion-toggle .fa{
		display:inline-block;
		margin-right: 20px;
		color: #ffffff;
		float:right;
		font-size: 18px;
	}
	.sidebar-contentmenu .contentmenu-title .accordion-toggle .fa-caret-up,
	.sidebar-contentmenu .contentmenu-title .accordion-toggle[aria-expanded="true"] .fa-caret-down {
		display: none;
	}
	.sidebar-contentmenu .contentmenu-title .accordion-toggle[aria-expanded="true"] .fa-caret-up {
		display: block;
	}
	.sidebar-contentmenu ul {
		width:100%;
		list-style-type: none;
		padding-left:0px;
		margin:0px;
		overflow: hidden;
	}
	.sidebar-contentmenu ul li{
		width: 100%;
		overflow: hidden;
	
	}
	.sidebar-contentmenu ul li:last-child{
		border:none;
	}
	.sidebar-contentmenu ul li > ul{
		padding:0px 15px 15px 15px;
		overflow: hidden; 
	}
	.sidebar-contentmenu ul li > ul li{
		border:none;
		margin:5px 0px;
	}
	.sidebar-contentmenu ul li > ul li a, .sidebar-contentmenu ul li > ul li a:visited{
		text-decoration: none;
		padding: 0px;
	
	}
	.contentmenu-link{
		display: flex;
		padding: 0 93px;
	}
	.contentmenu-link span {
		padding: 0 10px;
		width: 209px;
	}
	.contentmenu-link img {
		padding: 0 14px;
	}
	.sidebar-contentmenu ul li > ul li a:hover{
		padding: 0px;
	}
	.contentmenu-btn,
	.contentmenu-btn-info,
	.contentmenu-btn-info-sub,
	.contentmenu-btn-cta,
	.contentmenu-no-btn,
	.contentmenu-sub-btn,
	.contentmenu-btn:visited,
	.contentmenu-sub-btn:visited{
		width: 100%;
		color: #000000;
		font-weight: bold;
		padding: 15px 10px 15px 0px;
		float: left;
		font-size: 14px;
	}
	.contentmenu-btn,
	.contentmenu-btn-info,
	.contentmenu-btn-info-sub{
		background-color: #f4f8fb;
	}					
	.contentmenu-btn-cta {
		background-color: #e3edf4;
	}
	.contentmenu-btn .fa,
	.contentmenu-btn-info .fa,
	.contentmenu-btn-info-sub .fa,
	.contentmenu-btn-cta .fa,
	.contentmenu-no-btn .fa,
	.contentmenu-sub-btn .fa{
		padding: 0px 0px 0px 25px;
		margin-left: 0px;
		float: left;
		font-size: 16px;
	}

	.contentmenu-btn i.fa-angle-right,
	.contentmenu-btn-info i.fa-angle-right,
	.contentmenu-btn-info-sub i.fa-angle-right,
	.contentmenu-btn-cta i.fa-angle-right,
	.contentmenu-no-btn i.fa-angle-right,
	.contentmenu-sub-btn i.fa-angle-right{
		padding: 0px 0px 0px 25px;
		margin-left: 0px;
		float: right;
		font-size: 16px;
	}



	.contentmenu-btn{
		padding: 14px 10px 7px 0px;	}
	.contentmenu-btn-info .fa{
		padding: 0px 0px 0px 25px;
		margin-left: 20px;
	}
	.contentmenu-btn-info-sub .fa{
		padding: 0px 0px 0px 25px;
		margin-left: 42px;
	}
	.contentmenu-btn:hover,
	.contentmenu-btn-info:hover,
	.contentmenu-btn-info-sub:hover,
	.contentmenu-btn-cta:hover {
		color: #000000;
		background-color: #ffffff;
		text-decoration: none;    
	}
	.contentmenu-no-btn {
		cursor:default;
	}
	.contentmenu-no-btn:hover {
		color: #000000;
		text-decoration:none;
	}
	.contentmenu-sub-btn:hover {
		color: #000000;
		text-decoration:underline;
	}
	.contentmenu-btn div,
	.contentmenu-btn-info div,
	.contentmenu-btn-info-sub div,
	.contentmenu-btn-cta div,
	.contentmenu-no-btn div,
	.contentmenu-sub-btn div{
	   width:100%;
	   padding-left:55px;
	   text-transform: inherit;
	   font-weight: 400;
	}
	.contentmenu-btn div p{
	    display: inline-block;
    width: 221px;
	}
	.contentmenu-btn-info div{
	   padding-left:65px;
	}
	.contentmenu-btn-info-sub div{
	   padding-left:95px;
	}
	.contentmenu-btn-info-sub {
		text-indent: 15px;
	}
	.sidebar-contentmenu-inner li a:hover span{text-decoration: underline;}
	.contentmenu-btn.active{
		color: #000000;
		background-color: #f4f8fb;
	}
	.company-album{
		width:100%;
		height:290px;
	}
	.company-request-item-short div span{
		width:135px; /*ellipsis width */
	}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.company-album{
		width:100%;
		height:315px;
		}
	
	.contentmenu-title a span{
		width:250px;
		}
	
	.company-request-item-short div span{
		width:170px; /*ellipsis width */
	}
}
/*--------------------------HOMEPAGE AND MAIN PAGES------------------------------*/
.homepageheader{
	background: -webkit-linear-gradient(0deg, #d1e4ee 0%, #ffffff 100%);
	background: -moz-linear-gradient(0deg, #d1e4ee 0%, #ffffff 100%);
	background: -o-linear-gradient(0deg, #d1e4ee 0%,  #ffffff 100%);
	background: linear-gradient(0deg, #d1e4ee 0%, #ffffff 100%);
	width:100%;
	height:420px;
	position:relative;
}
.homepageheader .container{
	background: url(../images-content/offrea-bouwen-en-verbouwen-lg.jpg) no-repeat right bottom;
	background-size: 1280px 600px;
	height:420px;
	position:relative;
}
.homepageheader .logoContainer{ margin-top:45px;}
.homepageheader .mainContent{}
.homepageheader .mainContent h1 {margin-top:60px; font-size: 38px;
	font-weight:300;
	line-height:1;}
.homepageheader .mainContent h2 {margin-top:30px; font-size: 28px;
	font-weight:500;}
.homepageheader .mainContent p {margin-top:30px;}
.homepageintro-xs{ display:none;}
.hp-facts-container{
 background: -moz-linear-gradient(60deg, #e6ebee 0%, #e6ebee 50%, #f2f2f2 50%, #f2f2f2 100%);
	background: -webkit-linear-gradient(60deg, #e6ebee 0%,#e6ebee 50%,#f2f2f2 50%,#f2f2f2 100%);
	background: linear-gradient(60deg, #e6ebee 0%,#e6ebee 50%,#f2f2f2 50%,#f2f2f2 100%);
	background-size: 100% 100% ;	
	padding-top:10px;
	padding-bottom:50px;
}
.hp-facts{background: url('/images-content/check-i.png') no-repeat left top;
	background-size: 55px;
	padding:0px 40px 15px 65px;
	margin:25px 0px 0px 0px;
	font-size:14px;
	display: block;}
.hp-number{ font-size:26px; font-weight:600; color:#555; margin-top:-5px;}


@media only screen and (max-width : 767px) {
	.homepageheader{ height:280px; }
	.hp-search-container {display:none;}
	.homepageheader .container{ background: url(../images-content/offrea-bouwen-en-verbouwen-xs.jpg) no-repeat center bottom; 	background-size: 600px 280px; height:280px; 
	}
	.homepageintro-xs{ display:block;}
	.hp-xs-h1-container{ background:#5c5c5c; padding:20px 30px;}
	.hp-xs-h1-container h1 { color:#fff; text-align:center; font-size:22px; font-weight:300; margin:0px; padding:0px; }
	.hp-intro-btn{ height:55px;  border-top:1px solid #71b4d8; margin:0px; padding:0px; position:relative;}
	.hp-intro-btn-one{ background: #3395c7;}
	.hp-intro-btn-two{ background: #4aa1cd;}
	.hp-intro-btn-three{ background: #60acd3;}
	.hp-intro-btn-one .hp-intro-btn-icon{ background: #248dc3;}
	.hp-intro-btn-two .hp-intro-btn-icon{ background: #2a90c5;}
	.hp-intro-btn-three .hp-intro-btn-icon{ background: #3193c6;}
	.hp-intro-btn-icon{ height:54px; width:55px; float:left; padding:10px 0px 0px 10px; }
	.hp-intro-btn-icon img{ width:33px; height:auto;}
	.hp-intro-btn-span{ height:55px; color:#fff; text-decoration:none; float:left;  font-size:18px; padding:15px 20px; font-weight:300; }
}
@media only screen and (min-width : 768px) {
	.homepageheader{ 
			height:340px;
			background: -webkit-linear-gradient(0deg, #d1e4ee 0%, #ffffff 80%);
			background: -moz-linear-gradient(0deg, #d1e4ee 0%, #ffffff 80%);
			background: -o-linear-gradient(0deg, #d1e4ee 0%,  #ffffff 80%);
			background: linear-gradient(0deg, #d1e4ee 0%, #ffffff 80%); }	
	.homepageheader .container{ background: url(../images-content/offrea-bouwen-en-verbouwen-lg.jpg) no-repeat right -35px bottom;	background-size: 600px 281px; height:340px;}
	.hp-search-container { display:block; margin:0px auto; width:100%; float:none; position:relative;}
	.homepageheader .mainContent h1 { margin-top:100px; font-size:30px; }
	.homepageheader .mainContent h2 { margin-top:25px; font-size: 16px;  margin-bottom:25px;}
	.hp-search-container { margin-top:40px;}
}
@media only screen and (min-width : 992px) {
	.homepageheader{ 
			height:380px; 						
			background: -webkit-linear-gradient(0deg, #d1e4ee 0%, #ffffff 100%);
			background: -moz-linear-gradient(0deg, #d1e4ee 0%, #ffffff 100%);
			background: -o-linear-gradient(0deg, #d1e4ee 0%,  #ffffff 100%);
			background: linear-gradient(0deg, #d1e4ee 0%, #ffffff 100%);
	}		
	.homepageheader .container{background: url(../images-content/offrea-bouwen-en-verbouwen-lg.jpg) no-repeat right -20px bottom;	background-size: 820px 384px; height:380px;}
	.hp-orange-bold{ max-width:95%;}
	.homepageheader .mainContent h1 { margin-top:35px; font-size: 34px; }
	.homepageheader .mainContent h2 { font-size: 18px; }
	.hp-search-container { margin-top:40px;}
}
@media only screen and (min-width : 1200px) {
	.homepageheader .mainContent h2 {  }
	.hp-search-container { margin-top:50px;}
}

.hp-search-container .search-btn{ background:#1d89c1;}
.content-logo-spacer{
		background: url(../images-site/offrea-grey-square.png) no-repeat;
		background-size: 27px 27px;
		background-position: 0px 6px; 
		padding-left:44px;
}
.content-content-spacer{padding-left:44px;}	

@media only screen and (max-width : 767px) {
	.content-content-spacer{ padding-left:0px;}
}	
.quoteslist-basic{
	width:100%;
	margin-bottom:30px;
}
.quoteslist-basic .quoteslist-title{
	  width: 100%;
	  overflow: hidden;
	  position: relative;
	  background-color: #e6ebee;   
	  border: 1px solid #e6ebee;
}	
.quoteslist-title-popular{ 
	  background-color: #3a94c2 !important;   
	  border: 1px solid #3a94c2 !important;}
	  
.quoteslist-title-transparent{ 
	  border: 0px !important;						  
	  background-color: rgba(0, 0, 0, 0.4) !important;
	  z-index:1;
	  position:absolute;
	  top:90px;
	 }
.quoteslist-title-transparent span { font-weight:600; }

@media only screen and (min-width : 768px) and (max-width : 991px) {
	.quoteslist-title-transparent span, .quoteslist-title span { white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	width:200px; }
	.quoteslist-title span{width:175px;}
}
		
.quotelist-collection-img{ width:100%; height:140px; position:relative; overflow:hidden;}
.quotelist-collection-img img{ z-index:0;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}		
.quoteslist-basic .quoteslist-title a, .quoteslist-basic .quoteslist-title a:visited{
	position: relative;
	font-weight: normal;
	padding: 15px 0px 15px 20px;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #006699;
	text-transform:uppercase;
	text-decoration:none;
}
.quoteslist-title-popular a, .quoteslist-title-popular a:visited,
.quoteslist-title-transparent a, .quoteslist-title-transparent a:visited{ 
		color: #fff !important;}
.quoteslist-basic .collapse.in{
	height: auto;
}		
.quoteslist-basic .quoteslist-title .accordion-toggle {
	position: relative; padding:0px;
}
.quoteslist-basic .quoteslist-title .accordion-toggle span {
	display:inline-block; padding:15px 0px 15px 20px;
}
.quoteslist-basic .quoteslist-title .accordion-toggle .fa{
	display:inline-block;
	margin-right: 20px;
	margin-top: 15px;
	color: #006699;
	float:right;
	font-size: 18px;
}
.quoteslist-basic .quoteslist-title-popular .accordion-toggle .fa,
.quoteslist-basic .quoteslist-title-transparent .accordion-toggle .fa{
	color: #fff !important;
}

.quoteslist-basic .quoteslist-title .accordion-toggle .fa-caret-up,
.quoteslist-basic .quoteslist-title .accordion-toggle[aria-expanded="true"] .fa-caret-down {
	display: none;
}
.quoteslist-basic .quoteslist-title .accordion-toggle[aria-expanded="true"] .fa-caret-up {
	display: block;
}
.quoteslist-basic .quoteslist-inner{
	border: 1px solid #e6ebee;
	padding:20px;	
}
.quoteslist-basic .quoteslist-inner ul{
	list-style:none;
	padding: 0px 10px;
}
.quoteslist-basic .quoteslist-inner ul li:before {    
	font-family: 'FontAwesome';
	content: '\f105';
	display:table-cell;
	color: #8cb0c6;
	text-align: right;
	padding-right: 10px;
	font-weight:bold;
}
.quoteslist-basic .quoteslist-inner ul li {    
	display:table-row;
	height:24px;

}
.quoteslist-basic .quoteslist-inner ul li a, .quoteslist-basic .quoteslist-inner ul li a:visited{
	font-size: 14px;
	text-decoration:underline;
	color:#44abc7;
}
.quoteslist-basic .quoteslist-inner ul li a:hover{
	font-size: 14px;
	color: #f38338;
	text-decoration:none;
}
.box-body {
	width: 100%
}
.box-icon-outer {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 5px
}
.box-icon-inner {
	display: inline-block;
	width: 85px;
	height: 85px;
	text-align: center;
	padding: 9px 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out
}
.box-icon-inner:hover {
	border-radius: 8px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.box-icon-inner img {
	-webkit-transition: -webkit-transform .8s ease-in-out;
	-ms-transition: -ms-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
	width:60px; height:auto;
}
.box-icon-inner:hover img {
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.box-title {
	width: 100%;
	text-align: center
}
.box-title p{
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	margin-bottom: 10px
}
.box-description {
	width: 100%;
	text-align: center;
}
.box-description p {
	margin: 0px auto;
	width: 84%;
	font-size: 14px;
	color: #888888;
}
.box-cta-more{ float:none; width:100%; margin-top:20px; text-align:center;}
.box-cta-facts{ float:none; width:100%; margin-top:50px; text-align:center;}
.box-cta-more a, .box-cta-more a:visited,
.box-cta-facts a, .box-cta-facts a:visited{
	background-color: #63b802;
	color: #fff;							
	font-size: 14px;
	font-weight: 400;
	margin: 15px auto;
	padding: 5px 30px;
	text-align: center;		
	-webkit-moz-border-radius: 4px;
	-moz-moz-border-radius: 4px;
	-ms-moz-border-radius: 4px;
	-o-moz-border-radius: 4px;
	moz-border-radius: 4px;
	border-radius:  4px;

}
.box-cta-more a, .box-cta-more a:visited{ font-size:13px; text-transform:uppercase;}
.box-cta-facts a{
	padding: 15px 30px;
	text-transform:uppercase;
}
.box-cta-more a:hover,
.box-cta-facts a:hover{
	background-color: #70D200;
	text-decoration: none;
}
.boxborder{ border-right:1px solid #e5e5e5; }
.hp-pillar-spacer{ padding:60px 0px;}
.hp-img-right{float:right;}
.hp-img-xs { display:none;}
.hp-img-lg { display:block;}

@media only screen and (max-width : 767px) {
	.hp-pillar-spacer{ padding:0px 0px 60px 0px;}
	.hp-img-xs { display:block; width:100%; max-width:440px; height:auto; margin:20px auto;}
	.hp-img-lg { display:none;}
}

@media only screen and (min-width : 768px) {
	.hp-img-lg { width:100%; max-width:340px; height: auto; margin-top:30px;}
}

@media only screen and (min-width : 992px) {
	.hp-img-lg { width:100%; max-width:400px; height: auto; margin-top:0px;}
	
}
.mousediv{ border-left: 1px solid #dadada; margin:20px 0px 60px 0px; text-align:center; padding: 20px 40px 0px 40px;}
.mousediv h3{ font-size:18px; font-weight:600;}
.mousediv p{ color:#999;}
.mousediv-arrow {
	background: url(../images-content/arrow-down.png);
	background-repeat: no-repeat;
	background-position: center bottom 25px;
	padding: 0px 0px 60px 0px;
}

/*--------------------------PANEL CSS------------------------------*/

.panel-group { margin: 30px 0px;}
.panel-group .panel-default { margin-bottom:10px; }
.panel-group .panel-heading{
	background-color: #f4f8fb; padding:15px 30px;					
}
.panel-group .panel-heading:hover {background-color: #ffffff;
	text-decoration: none; cursor:pointer;    }
.panel-group .panel-heading a, .panel-group .panel-heading a:visited{}
.panel-group .panel-heading a:hover{ text-decoration:none; }
.panel-group .panel-heading h4{ font-size:14px;  font-weight:600; color: #333;}
.panel-group .panel-heading:hover h4{ color: #f37638; }
		
/*-------------------------BOUWDOSSIER DOORKLIK PAGINA------------------------*/

.bouwdossier-container	{
	border: 1px solid #d5dbde; /*border: 1px solid #eaeaea;*/
	padding: 10px;			
	width:100%;
	margin:0px 0px 30px 0px;
	position:relative;			
}
.bouwdossier-image{ width:100%; position:relative;}
.bouwdossier-image img{ width:100%; height:auto;}
.bouwdossier-title{ 
	color:#fff; display:block; padding:5px 0px 5px 30px; font-weight:500;	text-transform:uppercase;
	width:85%;		position:absolute;	bottom:30px;
	 background: -webkit-linear-gradient(60deg, rgba(0,170,215, 0.9) 0%, rgba(0,170,215, 0.9) 80%, transparent 80%, transparent 100%);
	 background: -moz-linear-gradient(60deg, rgba(0,170,215, 0.9) 0%, rgba(0,170,215, 0.9) 80%, transparent 80%, transparent 100%);
	 background: -o-linear-gradient(60deg, rgba(0,170,215, 0.9) 0%, rgba(0,170,215, 0.9) 80%, transparent 80%, transparent 100%);
	 background: linear-gradient(60deg, rgba(0,170,215, 0.9) 0%, rgba(0,170,215, 0.9) 80%, transparent 80%, transparent 100%);
}
.bouwdossier-title:hover { 
	 background: -webkit-linear-gradient(60deg, rgba(0,170,215, 1) 0%, rgba(0,170,215, 1) 80%, transparent 80%, transparent 100%);
	 background: -moz-linear-gradient(60deg, rgba(0,170,215, 1) 0%, rgba(0,170,215, 1) 80%, transparent 80%, transparent 100%);
	 background: -o-linear-gradient(60deg, rgba(0,170,215, 1) 0%, rgba(0,170,215, 1) 80%, transparent 80%, transparent 100%);
	 background: linear-gradient(60deg, rgba(0,170,215, 1) 0%, rgba(0,170,215, 1) 80%, transparent 80%, transparent 100%);
}
.bouwdossier-title h3{  font-size:20px; margin:10px 0px;}
.bouwdossier-title h3 div{ font-size:16px; color: #cde2ea;}
.bouwdossier-description{  padding: 20px 10px; font-size:14px;}

/*-----404-------*/

.notfound-container{
}
.notfound-content .col-sm-8{
	margin-left: 30px;
}
.notfound-content h2{
	font-size: 32px;
	font-weight: 400;
	margin-top: 30px;
	line-height:1;
	color:#404040;
}
.notfound-content h3{ margin-bottom:20px;}


/*-----Bouwdossier elementen - carousel -------*/		
.article-carousel-wrapper{
	max-width: 720px;
	max-height: 720px;
	border: 1px solid #ddd;
	padding: 10px;
}
.article-carousel-wrapper .item{  width: 100%; }
.article-carousel-wrapper .item .carousel-image{  width: 100%; background:#f2f2f2;}
.article-carousel-wrapper .item img{ width:auto; margin:0px auto; display:block;}
.article-carousel-wrapper .carousel-caption {
	position:relative;
	left: auto;
	right: auto;	
	margin-top:20px;
	margin-bottom:-30px;
	max-height:115px;
	overflow:hidden;
	background:#fff;
	text-shadow:none;	
}
.article-carousel-wrapper .carousel-control.left, .article-carousel-wrapper .carousel-control.right {
	background-image: none; max-height:250px; margin-top:50px;
}

@media only screen and (max-width : 767px) {
	.article-carousel-wrapper{ width: 100%; max-height: 580px;}
	.article-carousel-wrapper .item .carousel-image{ height:350px;}
	.article-carousel-wrapper .item img{ max-height:350px; }
	.article-carousel-wrapper .carousel-caption {
		max-height:150px;	
	}
}		
@media only screen and (min-width : 768px) {
	.article-carousel-wrapper{ width: 720px; height: 540px;}
	.article-carousel-wrapper .item .carousel-image{ height:394px;}
	.article-carousel-wrapper .item img{  max-height:394px; }
}
@media only screen and (min-width : 992px) {
	.article-carousel-wrapper{ width: 615px; height: 480px;}
	.article-carousel-wrapper .item .carousel-image{ height:335px;}
	.article-carousel-wrapper .item img{  max-height:335px;}
	.article-carousel-wrapper .carousel-caption {
		max-height:140px; padding-bottom:0px;
	
	}
}
@media only screen and (min-width : 1200px) {
	.article-carousel-wrapper{ width: 695px; height: 520px;}
	.article-carousel-wrapper .item .carousel-image{ height:380px;}
	.article-carousel-wrapper .item img{  max-height:380px;}
}
	
/*-----Bouwdossier elementen - tabs (responsive) -------*/					
.article-tabs-wrapper { padding:20px 0px 30px 0px; overflow:auto;}
.article-tabs-wrapper ul.tabs {
	margin: 0;
	padding: 0px 0px 0px 20px;
	float: left;
	list-style: none;						
	border-bottom: 1px solid #d5dbde;
	width: 100%;
}
.article-tabs-wrapper ul.tabs li {
	float: left;
	margin: 0 1px 0 0;
	cursor: pointer;
	padding: 0px 25px;
	line-height: 31px;
	border-top: 1px solid #00aad7;
	border-left: 1px solid #00aad7;
	border-right: 1px solid #00aad7;
	border-bottom: 0px;
	background-color: #00aad7;
	color: #fff;
	overflow: hidden;
	position: relative;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	height: 28px;
	margin-top:6px;
}
.article-tabs-wrapper .tab_last { border-right: 1px solid #62afd8; }
.article-tabs-wrapper ul.tabs li:hover {
	background-color: #3394c7;
	color: #fff;
	border-color:#62afd8;
}
.article-tabs-wrapper ul.tabs li.active {
	background-color: #fff;
	color: #333;
	border: 1px solid #d5dbde;
	border-bottom: 1px solid #fff;
	display: block;
	height: 34px;
	margin-top:0px;
	top:1px;
}

.article-tabs-wrapper .tab_container {
	border: 1px solid #d5dbde;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	overflow: auto;
}

.article-tabs-wrapper .tab_content {
	padding: 40px 25px 20px 25px;
	display: none;
}

.article-tabs-wrapper .tab_content h3 {
	color: #404040;
	font-size: 18px;
	font-weight: 500;
	margin:0px 0px 10px 0px;
}

.article-tabs-wrapper .tab_drawer_heading { display: none; }

@media screen and (max-width: 480px) {
	.article-tabs-wrapper .tabs {
		display: none;
	}
	.article-tabs-wrapper .tab_drawer_heading {
		background-color: #62afd8;
		color: #fff;
		border-top: 1px solid #3394c7;
		margin: 0;
		padding: 8px 20px;
		display: block;
		cursor: pointer;
		font-size: 18px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.article-tabs-wrapper .d_active {
		background-color: #3394c7;
		color: #fff;
	}
	.article-tabs-wrapper .tab_container {
	border: 1px solid #3394c7;
	}
}
	
/*-----Bouwdossier elementen - accordion (responsive) -------*/		

.article-accordion-wrapper { padding:20px 0px 30px 0px; overflow:auto;}	
.article-accordion-wrapper .panel-group {margin:0px;}
.article-accordion-wrapper .panel {border: 1px solid #d5dbde; margin-bottom:10px; border-radius:0px;}
.article-accordion-wrapper .panel-heading{ background:#f4f8fb; padding:12px 20px 6px 20px;}
.article-accordion-wrapper .panel-heading:hover{background:#f4f8fb;}
.article-accordion-wrapper .panel-title{ font-size:14px; color: #333; font-weight:bold; cursor: pointer;}
.article-accordion-wrapper .panel-title h2{ font-size:14px; color: #333; font-weight:bold; cursor: pointer; margin-bottom:0px;}
.article-accordion-wrapper .panel-title h3{  display:inline-block; font-size:14px; color: #333; font-weight:bold; height:17px; cursor: pointer; margin-bottom:0;  width:85%; }

.article-accordion-wrapper .panel-body {padding:20px; border-radius:0px; font-size:14px;}
.article-accordion-wrapper .panel-body h3 { color: #404040; font-size: 18px; font-weight: 500; margin:0px 0px 10px 0px;	}
.article-accordion-wrapper .accordion-toggle span { display:inline-block; padding:0px; white-space:nowrap; overflow:hidden; height:17px; text-overflow: ellipsis; width:85%; }
.article-accordion-wrapper .accordion-toggle .fa{ display:inline-block; margin-right: 0; margin-top:0; color: #aaa; float:right; font-size: 16px; font-weight:normal; }
.article-accordion-wrapper .accordion-toggle .fa-minus{	display: none; }	

		
.article-accordion-wrapper .accordion-toggle[aria-expanded="true"] .fa-minus{ display: block; }			
.article-accordion-wrapper .accordion-toggle[aria-expanded="true"] .fa-plus{ display: none;	}
/* sector: eerste accordion *article-accordion-first* open -fa-minus wel actief standaard */
.article-accordion-wrapper .article-accordion-first .accordion-toggle .fa-minus{ display: block; }
.article-accordion-wrapper .article-accordion-first .accordion-toggle .fa-plus{	display: none; }
.article-accordion-wrapper .article-accordion-first .accordion-toggle[aria-expanded="false"] .fa-minus{	display: none; }		
.article-accordion-wrapper .article-accordion-first .accordion-toggle[aria-expanded="false"] .fa-plus{ display: block; }

/*-----Share buttons bij de artikels -------*/					

.article-user-interaction { border-top:1px solid #d5dbde; width:100%; padding-top:20px;}
.article-user-interaction-title p {}
.article-user-interaction-sharebuttons{}
	
/*-----Vakman zoeker partnerpagina -------*/						

.content-partners-search{/*vakman zoeken op partnerpagina door postcode in te geven */ 
	width:100%;
	 /*background-color: rgba(0, 0, 0, 0.60);*/
	background: url(../images-content/bedrijven-zoeken-partnerpagina.jpg) no-repeat; 
	background-size: 750px 200px;
}
.content-partners-search-main{background-color: rgba(250, 250, 250, 0.05); }					
.content-partners-search-topdiv{ border-bottom:1px solid #999; padding:15px 0px 15px 30px; }
.content-partners-search-topdiv h3{ color:#fff; font-size:16px; margin:0px; padding:0px;  }	
.content-partners-search-centerdiv{ padding:15px 30px 25px 30px; }
.content-partners-search-component{ position:relative; float:left;}
.content-partners-search-component p  { color:#f47b20; margin:0; padding-top:5px; }
.content-partners-search-part-1{ width:25%; }
.content-partners-search-part-2{ width:50%; padding:0px 15px; }
.content-partners-search-part-3{ width:25%; padding:0px 15px; }
.content-partners-search-part-3 .contractor-zoeken-btn{ margin:0px auto 0px auto;padding: 6px 15px;}

@media only screen and (max-width : 767px) {
	.content-partners-search{ min-height:200px;}
	.content-partners-search-topdiv{padding:15px 0px 15px 0px; text-align:center; }
	.content-partners-search-centerdiv{ padding:5px 30px 25px 30px; }
	.content-partners-search-part-1, .content-partners-search-part-2, .content-partners-search-part-3{ width:100%;}
	.content-partners-search-part-2, .content-partners-search-part-3{ padding-top:15px;}
	.content-partners-search-component p  { text-align:center; }
	.content-partners-search-part-3 .contractor-zoeken-btn{ width:200px;}
}
@media only screen and (min-width : 320px) and (max-width : 375px) {
	.content-partners-search-part-2, .content-partners-search-part-3{ padding-top:5px;}
}		
@media only screen and (min-width : 992px) {
	.content-partners-search-part-2{ width:48%;  }
}
@media only screen and (min-width : 1200px) {
	.content-partners-search-part-2{ width:50%;  }
}
		
		
/*----------Pinterest Board Responsiveness---------*/
	
.pinterest-responsive-wrapper {
  width: 100%;
  margin: auto;
}

.pinterest-board-wrapper {
  margin: auto;
  text-align: center;
}

.pinteres-board-wrapper span {
  overflow: hidden;
  max-width: 100%!important;
}
/* 
/* sidebar menu */


.sidebar .contentmenu-btn,
.sidebar .contentmenu-btn-cta{
	padding:12px 20px 12px 20px;
} 
.sidebar .contentmenu-btn-info,
.sidebar .contentmenu-btn-info-sub {
	padding: 8px 20px 8px 45px;
	font-weight:400;
} 
.sidebar .contentmenu-btn, 
.sidebar .contentmenu-btn-info, 
.sidebar .contentmenu-btn-info-sub,
.sidebar .contentmenu-btn-cta,
.sidebar .contentmenu-btn:hover, 
.sidebar .contentmenu-btn-info:hover, 
.sidebar .contentmenu-btn-info-sub:hover, 
.sidebar .contentmenu-btn-cta:hover {
	background-color:#F4F8FB;
}

/*
.sidebar .contentmenu-btn .fa,
.sidebar .contentmenu-btn-info .fa,
.sidebar .contentmenu-btn-info-sub .fa,
.sidebar .contentmenu-btn-cta .fa,
.sidebar .contentmenu-no-btn .fa,
.sidebar .contentmenu-sub-btn .fa{
	float:right;
	padding: 0px 0px 0px 10px;
    margin-left: 0;
}

*/
 */

.sidebar i.fa-angle-right{
	float:right;
	padding: 0px 0px 0px 10px;
	margin-left: 0;
}



.sidebar_2 .contentmenu-btn .fa,
.sidebar_2 .contentmenu-btn-info .fa,
.sidebar_2 .contentmenu-btn-info-sub .fa,
.sidebar_2 .contentmenu-btn-cta .fa,
.sidebar_2 .contentmenu-no-btn .fa,
.sidebar_2 .contentmenu-sub-btn i.fa{
	float:right;
	padding: 0px 0px 0px 10px;
	margin-left: 0;
}





.sidebar .sidebar-contentmenu-inner{
    border: none;
    background-color: #F4F8FB;
    padding: 20px 0;
}
.sidebar .sidebar-contentmenu hr{
    border-top: 2px solid #C9C9C9;
	width:70%;
}
.sidebar .sidebar-contentmenu ul li{
	border-bottom:none;
}
.sidebar .sector-menu-icon{
	display:inline-block;
	padding-bottom: 0.3em;
	width: 1.5em;
}
.sidebar .contentmenu-btn span{
	font: 800 17px/23px Open Sans;
    text-transform: uppercase;
    padding-left:.75em;
}
.sidebar .contentmenu-btn-info span,
.sidebar .contentmenu-btn-info-sub span,
.sidebar .contentmenu-btn-cta span{
    padding-left:1em;
}

.sidebar .sector-form-helper-content{
	display:none;
}

.sidebar a{
	color:#333;
}