/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  ALGEMENE DINGEN / standaard dingen / h tags zijn belangrijk voor searchengines optimalisatie
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:778px)
			{
			@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
			body
							{
								margin:							0;
								padding:						0;
								font-family:					'Open Sans', Verdana, Arial, Helvetica, sans-serif;
								font-size:						14px;
								background-color:				#fff;
								color:							#000;
							}
			body div
							{
								max-width: 						none !important;
							}
			table, td
							{
								font-family:					'Open Sans', Verdana, Arial,  Helvetica, sans-serif;
								font-size:						14px;
							}
			a
							{
								text-decoration:				none;
								outline:						0;
								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;
							}	
			a:before
							{
  								-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;
							}			
			a:hover
							{
								text-decoration:				underline;
								color:							#517676;
							}
			h1, h2, h3, h4
							{
								font-family: 					'Open Sans', Verdana, Arial,  Helvetica, sans-serif;
								margin:							0px;
								padding:						0px;
								color:							#517676;
								font-weight:					normal;
							}		
			h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
							{
							}
			h2 {
    font-weight: 700;
}
			.clear
							{
								clear:							both;
								margin:							0px;
								padding:						0px;
								height:							0px;
							}
#contact-header {
    width: 100%;
    height: 5px;
    background-color: #517676;
}
.content-content {
    margin: 20px;
}
.contact-phone, .contact-email {
    display: none;
}							
			.container-header .content-header .mobile_button
							{
								margin-top:						12px;
								margin-left:					0;
								height:							auto !important;
								width:							100% !important;
								background-color:#517676;
							}
			.container-header .content-header .mobile_button .mob-nav
							{
								text-align:						left;
							}
			.container-header .content-header .mobile_button_sub .mob-subnav
							{
								margin-top:						11px;
							}
.mob-nav img {
    display: none;
}
#nav-icon {
    width: 44px;
    height: 42px;
    float: right;
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: #3A3838;
}
#nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 33px;
    margin-left: 6px;
    margin-top: 9px;
    background: #FFFFFF;
    border-radius: 0px;
    opacity: 1;
    left: 0;
}

#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {
    top: 11px;
}
#nav-icon span:nth-child(4) {
    top: 22px;
}
.mobile-contact {
   /* margin-left: 43px;*/
}
#action-icons {
    width: 42px;
    height: 35px;
    padding-top: 7px;
    float: left;
    font-size: 29px;
    text-align: center;
    color: #fff;
    border-right: 1px solid #9F9F9F;
}
.logo img {
    width: 190px;
}		
.share {
    display: none;
}					


			.container-header .content-header
							{
								display:						block;
								width:							auto;
								height: 93px;
								padding:						15px 0 20px 0;
							}
			.container-header .content-header .logo,
			.container-header .content-header .top-navig
							{
								display:						block;
							}
			.container-header .content-header .logo
							{
								text-align:						center;
							}
/*
==============================================
fadeIn
==============================================
*/

.logo{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

			.container-header .content-header .top-navig
							{
								text-align:						right;
								vertical-align:					bottom;
							}
			/* navig */
			#container_main_navig
							{
							}
			#container_main_navig #content_main_navig
							{
								width:							100% !important;
								padding:						0 !important;
								margin-top:						54px !important;
								border-top:						0 !important;
								background-color:				transparent !important;
							}
			.container-header .content-header .top-navig ul.topnav
							{
								margin:							0;
								padding:						0;
								list-style:						none;
							}
			.container-header .content-header .top-navig ul.topnav li
							{
								display:						block;
								padding:						0 0 0 0 !important;
								margin:							0 0 0 0 !important;
								text-align:						center;
							}
			.container-header .content-header .top-navig ul.topnav li:last-child
							{
								margin:							0 0 0 0  !important;
								padding:						0 !important;
								border-right:					0;
							}
			.container-header .content-header .top-navig ul.topnav li a
							{
								display:						block;
								color:							#FFF;
								text-decoration:				none;
								text-transform:					uppercase;
								font-weight:					600;
								padding:						10px 0 10px 0;
								background-color:				#3A3838 !important;
								color:							#fff !important;
							}
			.container-header .content-header .top-navig ul.topnav li#main_current a,
			.container-header .content-header .top-navig ul.topnav li a:hover
							{
								background-color:				#fff !important;
								color:							#3A3838 !important;
							}
			/* subnavig 
			NO DISPLAY IN RESPONSIVE SITE
			*/
			.container-header .content-header .top-navig ul.topnav li ul.subnav
							{
								display:						none;
								/*
								position:						absolute;
								visibility:						hidden;
  								opacity:						0;
								/* UNCOMMENT TO SHOW TEMPERARELY */
								/*
								visibility:						visible;
  								opacity:						1;
								float:							right;
								-moz-box-shadow: 				0 0 5px 0 rgba(255,255,255,0.4);
								-webkit-box-shadow: 			0 0 5px 0 rgba(255,255,255,0.4);
								box-shadow: 					0 0 5px 0 rgba(255,255,255,0.4)
								*/
								-o-transition: 					.3s;
								-ms-transition:					.3s;
								-moz-transition: 				.3s;
								-webkit-transition: 			.3s;
								transition: 					.3s;
								height:							auto;
								margin:							auto auto auto -10px;
								padding:						20px 0 0 0;
								z-index:						300002;;
							}
			.container-header .content-header .top-navig ul.topnav li:hover ul.subnav
							{
								visibility:						visible;
  								opacity:						1;
								width:							auto;
							}
			.container-header .content-header .top-navig ul.topnav li ul.subnav li
							{
								display:						block;
								margin:							0;
								padding:						0;
								border-right:					0;
							}
			.container-header .content-header .top-navig ul.topnav li ul.subnav li a,
			.container-header .content-header .top-navig ul.topnav li#main_current ul.subnav li a
							{
								padding: 						10px;
								display:						block;
								text-align:						center;
								color:							#fff;
								font-size:						14px;
								background-color:				#338dc9 !important;
							}
			/*
			5.2.1 sub menu hover
			*/
			.container-header .content-header .top-navig ul.topnav li ul.subnav li a:hover,
			.container-header .content-header .top-navig ul.topnav li#main_current ul.subnav li a:hover,
			.container-header .content-header .top-navig ul.topnav li ul.subnav li#sub_current a,
			.container-header .content-header .top-navig ul.topnav li#main_current ul.subnav li#sub_current a
							{
								background:						#192953 !important;
							}
			/*
			5.2.2 sub menu active
			*/
			div.nav-menu li:hover li.current_page_item a
							{
								background:						#3fb64b !important;
							}
			/* taal */
			.taal_container
							{
    margin-top: 12px;
    background-color: #517676;
    width: 42px;
    border-right: 1px solid #9F9F9F;
    float: right;
    height: 31px;
    padding-top: 11px;
    z-index: 9000;
    position: absolute;
	    display: none;
							}
			.taal_content
							{
								text-align:						center;
							}
.taal_content #current {
    display: none;
}
			.taal_content img 
							{
								  height: 20px;
							}
			.taal_container a:last-child
							{
								margin:							0;
								padding:						0;
								border-right:					0;
							}
							
.container-content .content-content h1 {
    padding: 0 0 30px 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;
}
.actueel {
    margin: 20px;
}
.actueel h3 {
    padding: 0 0 30px 0;
    color: #000000;
    font-size: 33px!important;
    font-weight: 800;
    background-image: url(../img/H1-line.gif);
    background-position: 0 45px;
    background-repeat: no-repeat;
}
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  ACTUEEL HOME
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
.news .content {
    margin-left: -28px;
    min-height: 400px;
}	
.news_container {
    background-repeat: no-repeat;
    max-width: 308px;
    float: left;
    background-size: auto 200px;
    background-position: 50% 0;
}
.news-content {
    background-color: #fff;
    float: right;
    padding: 20px 20px 20px 0px;
	margin-top: 200px;
	margin-bottom: 20px;
    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: auto;
}
.container_categorieen.assortiment {
      display: inline-block;
	  width: 100% !important;
}
.nieuws span.small {
    display: none;
}
.portfolio-kantoren {
    display: inline-block;
    width: 100%;
    background-color: #517676;
    margin-right: 38px;
    float: left;
	margin-bottom: 20px;
}
.portfolio-woningen {
    display: inline-block;
    width: 100%;
    background-color: #517676;
	margin-bottom: 20px;
}
.portfolio-kantoren img, .portfolio-woningen img {
    width: 100%;
}
.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;
}
.assortiment .element_container, .nieuws .element_container {
    background-color: #fff;
    border: 1px solid #CECECE;
    padding: 20px 20px 0px 20px;
    margin-bottom: 20px;
    overflow: auto;
}
.assortiment .content, .nieuws .content {
    margin-bottom: 15px;
	float: right;
	width: 100% !important;
}
.port-item {
    margin-bottom: 15px;
}
.content img {
    max-width: 100%;
    height: auto!important;
}
.artikel .container-image a.assortiment_img,
.artikel a.nieuws_img {

}
.nieuws_img img {
    width: 100%;
	margin-bottom: 25px;
}
.assortiment h3, .nieuws h3 {
    font-weight: 800;
    font-size: 26px;
    /*margin-bottom: 23px;*/
}
.image-overlay img {
    width: 100%;
}
.container-image img {
    width: 100%;
    margin-bottom: 20px;
}
.artikel  h3 { margin-bottom: 23px;}
.intro {
    font-weight: 700;
    margin-bottom: 26px;
}
ul.categorieen {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categorieen li {
    display: inline-block;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    width: 100%;
    border-bottom: 1px solid #fff;
}  
.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 {
    margin-bottom: 20px;
}
a.leesverder {
    font-weight: 700;
	line-height: 60px;
}
/*  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: 130px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 83px;
    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
							{
								padding:						10px 0 10px 0;
							}
			#footer_container #footer_content .footer_1
							{
    /* float: left; */
    font-size: 11px;
    padding-top: 0px;
    color: #fff;
    width: 100%;
    text-align: center;
    display: inline-block;
							}
			#footer_container #footer_content .footer_3
							{
    font-size: 27px;
    width: 100%;
    font-weight: 800;
    text-align: center;
    display: inline-block;
    color: #fff;
    padding-bottom: 20px;
							}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* 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;
  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.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 {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
.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;
}		

}