@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
			
			html, body { 
								height:						100%;
								margin:							0;
								padding:						0;
			}
			body
							{
								font-family:					'Open Sans', Verdana, Arial, Helvetica, sans-serif;
								font-size:						16px;
								background-color:				#fff;
								color:							#000;
								background-image: url(../img/bg.png);
								background-repeat: repeat-x;
								background-attachment: fixed;
							}
			a
							{
								text-decoration:				none;
								outline:						0;
								color:							#517676;
							}	
			a:before
							{
  								
							}			
			a:hover
							{
								text-decoration:				underline;
								color:							#517676;
  								-webkit-transition: 			all 0.5s ease-out;
								-moz-transition: 				all 0.5s ease-out;
								-o-transition: 					all 0.5s ease-out;
								transition: 					all 0.5s ease-out;
							}
			h1, h2, h3, h4
							{
								font-family: 					'Open Sans', Verdana, Arial, Helvetica, sans-serif;
								/*margin:							0px;
								padding:						0px;*/
								color:							#517676;
								font-weight:					normal;
							}	
			h2 {
    font-weight: 700;
}
.element_container_inner2 h2, .element_content h2 {
    margin: 0;
}
.element_container_inner2 h2 { font-size:20px;}
			h3, h4 {
margin:							0px;
								padding:						0px;
}
			h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
							{
							}
			
			hr				{ 
								width: 100%;
								height: 0;
								margin: 0;
								border: none;
								border-bottom: 1px solid #575d65;
							}	
			.clear
							{
								clear:							both;
								margin:							0px;
								padding:						0px;
								height:							0px;
							}
							
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  BASIS OPBOUW DIVS zodat alles netjes op zijn plek blijft staan
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
#contact-header {
    display: block;
    width: 100%;
    height: 35px;
    background-color: #517676;
	position: fixed;
	z-index: 2;
}
#contact-header-wrapper {
    display: block;
    width: 980px;
    margin: auto;
    color: #fff;
	font-size: 14px;
	padding-top: 7px;
}
.contact-phone {
    display: inline-block;
    float: right;
	padding-left: 15px;
}
.contact-email {
   display: inline-block;
    float: right;
}
#contact-header-wrapper i.fa {
    margin-right: 8px;
}
.contact-phone a, .contact-email a {color: #fff !important;}
			#container-page
							{
								min-height:					100%;
								position:						relative;
								width: 							100%;
							}

		/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  HEADER LOGO EN NAVIG
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/

			.container-header
							{
								border-bottom: 1px solid #cecece; width: 100%;
								transition: height 0.3s;
								position: fixed;
								z-index: 5000; 
								margin-top: 35px;
								background-color: #fff;
								-moz-transition: margin-top .3s ease-in;
								-o-transition: margin-top .3s ease-in;
								-webkit-transition: margin-top .3s ease-in;
								transition: margin-top .3s ease-in;
							}
.container-header.cbp-af-header-shrink {
    margin-top: 5px;
}
			.container-header .content-header
							{
								width:							980px;
								padding:						24px 0 24px 0;
							}

			.cbp-af-header-shrink .content-header
							{
								padding:						0px;
							}
			.container-header .content-header .logo
							{
							    width: 234px;
							    height: 76px;
							    padding-bottom: 25px;
							    display: inline-block;
							    float: left;
							    transition: width 0.3s;
							}
			.cbp-af-header-shrink .content-header .logo
							{
								width: 146px;
								height: 38px;
								display: inline-block;
								padding-top: 15px;
							}				
#container_main_navig {
    display: inline-block;
}
			.top-navig
							{
								text-align: left;
								vertical-align: bottom;
								float: right;
								margin-top: 15px;   
								-moz-transition: margin-top .3s ease-in;
								-o-transition: margin-top .3s ease-in;
								-webkit-transition: margin-top .3s ease-in;
								transition: margin-top .3s ease-in;
							}	
			.cbp-af-header-shrink .top-navig
							{
								-moz-transition: margin-top .3s ease-in;
								-o-transition: margin-top .3s ease-in;
								-webkit-transition: margin-top .3s ease-in;
								transition: margin-top .3s ease-in;
							}
							
			/* navig */
			.top-navig ul.topnav
							{
								margin:							0;
								padding:						0;
								list-style:						none;
							}
			.top-navig ul.topnav li
							{
								display:						inline-block;
								padding:						0 0 0 0;
								margin:							0 0 0 0;
								text-align:						left;
							}
			.top-navig ul.topnav li:last-child
							{
								    margin: 0 -15px 0 0;
								padding:						0;
								border-right:					0;
							}
			.top-navig ul.topnav li a
							{
								display:						block;
								color:							#000;
								font-weight: 700;
								font-size: 17px;
								text-decoration:				none;
								text-transform:					uppercase;
								padding: 15px;
							}
			.cbp-af-header-shrink .top-navig ul.topnav li a
							{
								color: #9D9D9D;
							}
			.top-navig ul.topnav li#main_current a
							{
								
							}
			.top-navig ul.topnav li a:hover
							{
								color:							#517676;
							}
			/* subnavig */
		.top-navig ul.topnav li ul.subnav
							{
								position:						absolute;
								visibility:						hidden;
  								opacity:						0;
								-o-transition: 					.3s;
								-ms-transition:					.3s;
								-moz-transition: 				.3s;
								-webkit-transition: 			.3s;
								transition: 					.3s;
								height:							auto;
								margin:							auto auto auto 0px;
								padding:						0 0 0 0;
								float:							right;
								z-index:						300002;
							}
			.top-navig ul.topnav li:hover ul.subnav
							{
								visibility:						visible;
  								opacity:						1;
								width:							200px;
							}
			.top-navig ul.topnav li ul.subnav li
							{
								display:						block;
								margin:							0;
								padding:						0;
								border-right:					0;
							}
			.top-navig ul.topnav li ul.subnav li a,
			.top-navig ul.topnav li#main_current ul.subnav li a
							{
								padding: 						10px;
								display:						block;
								text-align:						left;
								background-color:				#fff;
								color:							#575d65;
								font-size:						14px;
							}
			/*
			5.2.1 sub menu hover
			*/
			.top-navig ul.topnav li ul.subnav li a:hover,
			.top-navig ul.topnav li#main_current ul.subnav li a:hover,
			.top-navig ul.topnav li ul.subnav li#sub_current a,
			.top-navig ul.topnav li#main_current ul.subnav li#sub_current a
							{
								background:						#575d65;
								color:							#fff;
							}
			/*
			5.2.2 sub menu active
			*/
			div.nav-menu li:hover li.current_page_item a
							{
								background:						#3fb64b;
							}
			/* taal */
.taal_container {
display: block;
    padding-top: 1px;
    height: 42px;
    width: 37px;
    float: right;
	display: none;
}
.lang {
    padding: 15px 0 0 8px;
    display: inline-block;
}
#current {
    display: none;
}
.cbp-af-header-shrink .taal_content img {
    opacity: 0.5;
}							
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  INTRO / PAGEIMAGE
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
			

							
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  CONTENT
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
.content-placeholder {
    display: inline-block;
}
.main-photo {
    background-color: #517676;
    width: 495px;
    height: 400px;
    float: left;
	    margin-right: 25px;
background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.portfolio-stream {
    width: 422px;
    height: 250px;
    margin-right: 30px;
    background-color: #FFFFFF;
    float: left;
    padding-left: 36px;
}
.portfolio-link a {
    font-weight: 700;
    color: #517676;
    margin-left: -37px;
    line-height: 50px;
}
a.leesverder {
    font-weight: 700;
}
#content {
    padding-top: 165px;
}			
			.container-content
							{
								
							}
			.container-content .content-content
							{
								width:							980px;
    padding: 30px 0 30px 0;
								text-align:						left;
								height:							100%;
								line-height: 23px;
							}
			.container-content .content-content h1
							{
								padding:						0 0 50px 0;
								display: flex;
								color: #000000;
								font-size: 33px;
								font-weight: 800;
								background-image: url(../img/H1-line.gif);
								background-position: 0 45px;
								background-repeat: no-repeat;
								    margin: 0;
							}
.content_bottom a {
    font-weight: 700;
}
	
	.container-content .actueel {
    width: 980px;
    padding: 30px 0 30px 0;
    text-align: left;
    height: 100%;
    line-height: 23px;
}
.actueel h3 {
								padding:						0 0 55px 0;
								color: #000000;
								font-size: 33px;
								font-weight: 800;
								background-image: url(../img/H1-line.gif);
								background-position: 0 45px;
								background-repeat: no-repeat;
}	
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  Portfolio home
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
.port-item img {
min-width: 395px!important;
    max-width: 395px!important;
    height: auto;
}
.portfolio-kantoren {
    display: inline-block;
    width: 471px;
    background-color: #517676;
    margin-right: 38px;
    float: left;
	margin-bottom: 100px;
}
.portfolio-woningen {
    display: inline-block;
    width: 471px;
    background-color: #517676;
	margin-bottom: 100px;
}
.port-cat-info {
    padding: 15px 10px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    font-weight: 700;
}
.portfolio-kantoren a:hover, .portfolio-woningen a:hover {
    background-color: black;
    display: block;
    text-decoration: none;
}
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  ACTUEEL HOME
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
.news .content {
    margin-left: -28px;
    min-height: 400px;
}	
.news_container {
    background-repeat: no-repeat;
    width: 308px;
    float: left;
    margin-left: 28px;
    background-size: auto 200px;
    background-position: 50% 0;
}
.news-content {
    background-color: #fff;
    /*width: 245px;*/
	width: 269px;
	/*min-height: 230px;*/
    float: right;
    padding: 20px;
    /*margin-top: 170px;
	margin-top: 200px;*/
    font-size: 14px;
	background-image: url(../img/news-corner.gif);
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.news-content H4 a {
    text-decoration: none;
    font-weight: 700;
    color: #517676;
    font-size: 16px;
}
.news-content p {
    margin: 8px 0px 5px 0;
    line-height: 26px;
}
.news-content a.leesverder {
    font-weight: 700;
    color: #517676;
}
/*  ACTUEEL PAGE OVERVIEW //////////////////*/
.container_overzicht .element_content {
    overflow: hidden;
}
.container_categorieen.assortiment {
    float: right;
	height: 52px;
}
.nieuws span.small {
    display: none;
}
.assortiment .element_container, .nieuws .element_container {
    background-color: #fff;
    border: 1px solid #CECECE;
    padding: 20px;
    margin-bottom: 20px;
	overflow: hidden;
    width: calc(100% - 40px);
}
.assortiment .content, .nieuws .content {
    margin-bottom: 27px;
}
.artikel a.nieuws_img {
    float: right;
    margin-top: 0px;
    margin-left: 10px;
	    margin-bottom: 10px;
	border: 10px solid #fff;
}
.artikel .container-image a.assortiment_img{
	    margin-bottom: 10px;
	border: 10px solid #fff;
	display: block;
}
a.assortiment_img img {
    max-width: 960px;
	min-width: 960px;
}
.assortiment h3, .nieuws h3 {
    font-weight: 800;
    font-size: 26px;
	    line-height: 30px;
    /*margin-bottom: 23px;*/
}
.artikel  h3 { margin-bottom: 23px;}
.intro {
    overflow: hidden;
    font-weight: 700;
    margin-bottom: 26px;
}
ul.categorieen {
    margin: 0;
    padding: 0 0 25px 0;
    list-style: none;
}
.categorieen li {
    display: inline-block;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}  
.categorieen li a {
    display: block;
    color: #FFF;
    font-weight: 700;
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
    background-color: #517676
}
li#cat_current a {
    background-color: #000!important;
}
a.nieuws_img, .image-overlay {
    float: right;
    margin-top: 0px;
	margin-left: 20px;
}
/*  FOTO GALERIE ///////////////////////////*/


.foto_galerie_container {
    float: right;
    position: relative;
    width: calc(100% - 40px);
    margin: 8px 0 30px 0;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #CECECE;
}
			/* weergave */
			.foto_galerie_container .foto_galerie_content .image_foto_galerie
							{
								float:							left;
							}
			.foto_galerie_container .foto_galerie_content .image_foto_galerie .inner_image_foto_galerie
							{
background-color: #fff;
    border: 5px solid #fff;
    width: 178px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 130px;
    overflow: auto;
							}
			.foto_galerie_container .foto_galerie_content .image_foto_galerie .inner_image_foto_galerie img
							{
								width:							100px;
							}
			
			.foto_galerie_container .foto_galerie_content .image_foto_galerie .inner_image_foto_galerie a
							{
								bottom:							0;
								color:							transparent;
							}
			.foto_galerie_container .foto_galerie_content .image_foto_galerie:after	
							{
								content:						"aaa";
								font-size:						0px;
								display:						block;
								width:							120px;
								height:							10px;
							}
				/* medium sized */
				.foto_galerie_container .foto_galerie_content .image_foto_galerie.medium
								{
									width:							180px;
									background-image:				url(../img/bg_assortiment_detaillist.html);
								}
				.foto_galerie_container .foto_galerie_content .image_foto_galerie.medium .inner_image_foto_galerie
								{
									min-height:						120px;
									width:							160px;
								}
				.foto_galerie_container .foto_galerie_content .image_foto_galerie.medium .inner_image_foto_galerie a
								{
									min-height:						120px;
									width:							160px;
									display:						block;
								}
				.foto_galerie_container .foto_galerie_content .image_foto_galerie.medium:after	
								{
									width:							160px;
								}
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  FOOTER
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
a.at300b .at4-icon, a.at300m .at4-icon {
    display: block;
    width: 30px;
    height: 30px;
    background-position: 50%;
    margin-right: 10px;
    margin-bottom: 20px;
}			
			#footer 
							{
								width: 100%;
								bottom: 0;
								left: 0;
							}
			#footer_container
							{
								background-color:				#517676;
								width: 100%;
								color:							#fff;
								position:absolute;
							}
			#footer_container a
							{
								color:							#fff;
							}
			#footer_container a:hover
							{
								color:							#a3c0df;
								text-decoration:				none;
							}
			#footer_container #footer_content
							{
								width:							980px;
								padding:						10px 0 10px 0;
							}
			#footer_container #footer_content .footer_1
							{
								float:							left;
								font-size: 11px;
								    padding-top: 32px;
							}
			#footer_container #footer_content .footer_3
							{
    float: right;
    font-size: 27px;
    padding: 20px 0 20px 0;
    font-weight: 800;
    display: inline-block;
							}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(48, 48, 48, 0.8);
      background-image: url(../img/2top.png);
    background-repeat: no-repeat;
    background-position-x: right;
	background-size: 40px 40px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}