/**********
 **
 ** Template: Header (content_home.html)
 ** ID: #home #temp-header
 ** Partial: #part-slideshow
 ** 
 ****************************************/
 
	/* General */
	#home #temp-header {
		width: 100%;
		overflow: hidden;
		position: relative;
		margin-bottom: 2px;
	}
	
	/* Partial: Contact Buttons */
	#home #temp-header #part-contact-buttons {
		position: absolute;
		top: 25px;
		width: 100%;
		text-align: center;
	}
	#home #temp-header #part-contact-buttons li { margin: 0px 0px 17px 0px; list-style: none; }
	#home #temp-header #part-contact-buttons li a {
		display: inline-block;
		padding: 24px 25px 22px 20px;
		color: #FFFFFF;
		border: 1px solid #FFFFFF;
		background-color: rgba(0,0,0,0.2);
		text-decoration: none;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 700;
		transition-property: background-color, color;
		transition-duration: 0.2s;
		transition-timing-function: linear;
	}
	#home #temp-header #part-contact-buttons li a:hover { background-color: #FFFFFF; color: #d75f08; }
	#home #temp-header #part-contact-buttons li a.desktop { display: none; }
	#home #temp-header #part-contact-buttons li a:before{
		font-family: FontAwesome;
		content: "\f017";
		-webkit-font-smoothing: antialiased;
		text-rendering: auto;
		-moz-osx-font-smoothing: grayscale;
		vertical-align: -6px;
		margin-right: 7px;
		font-size: 30px;
		font-weight: 400;
	}
	#home #temp-header #part-contact-buttons li.phone a:before{
		content: "\f095";
		vertical-align: -4px;
		font-size: 26px;
	}
	#home #temp-header #part-contact-buttons li.route a:before{
		content: "\f041";
		vertical-align: -4px;
		font-size: 26px;
	}
	@media( min-width: 768px ){
		#home #temp-header #part-contact-buttons { top: 365px; }
		#home #temp-header #part-contact-buttons ul {
			margin: auto;
			overflow: hidden;
			display: inline-block;
		}
		#home #temp-header #part-contact-buttons li { margin: 0px 5px 17px 5px; float: left; }
		#home #temp-header #part-contact-buttons li a:before{ margin-right: 15px; }
	}
	@media( min-width: 1024px ){
		#home #temp-header #part-contact-buttons { top: 320px; }
	}	
	
	/* Partial: Contact Buttons */
	#home #temp-header #part-weather {
		display: block;
		position: absolute;
		bottom: 12px;
		left: 0px;
		right: 0px;
		margin: 0 auto;
		width: 147px;
		display: none;
	}
	@media( min-width: 768px ){
		#home #temp-header #part-weather {
			display: block;
			position: absolute;
			left: 5px;
			top: 5px;
			bottom: auto;
			width: auto;
		}
	}	
	@media( min-width: 1024px ){
		#home #temp-header #part-weather {
			display: block;
			position: absolute;
			left: auto;
			top: auto;
			right: 5px;
			bottom: 5px;
		}
	}
	@media( min-width: 1280px ){
		#home #temp-header #part-weather {
			display: block;
			width: 1245px;
			bottom: 5px;
			position: absolute;
			left: 0px;
			right: 10px;
			margin: auto;
		}
		#home #temp-header #part-weather > div { float: right; margin-right: 5px; }
	}
 
/**********
 **
 ** Template: Services (content_home.html)
 ** ID: #home #temp-content-top
 ** Partial: #part-services
 ** 
 ****************************************/
 
 	/* General */
	#home #temp-content-top { overflow: hidden; }
	@media( min-width: 1280px ){
		#home #temp-content-top { margin-bottom: 45px; }
		#home #temp-content-top #inner { width: 1245px; margin: auto; }
		#home #temp-content-top #inner-left { float: left; width: 830px; }
		#home #temp-content-top #inner-right { float: right; width: 415px; }
	}		
	
	/* Partial: Content Top */
	#home #temp-content-top #part-services h3.csc-firstHeader { display: none; }
	#home #temp-content-top #part-latest-news h4 { margin: 15px 20px; line-height: 20px; }
	@media( min-width: 768px ){
		#home #temp-content-top #part-latest-news h4 { margin: 27px 20px; }
	}
	@media( min-width: 1024px ){
		#home #temp-content-top #part-latest-news h4 { margin: 45px 20px 20px; }
	}	
	@media( min-width: 1280px ){
		#home #temp-content-top #part-latest-news h4 { display: none; }
	}	 
 
/**********
 **
 ** Template: Content (content_home.html)
 ** ID: #home #temp-content
 ** Partial: #part-content-left, #part-content-right 
 ** 
 ****************************************/
 
 	/* General */
	@media( min-width: 768px ){
		#home #temp-content #inner-left { background-color: #FFFFFF; padding: 20px; }
	}
	@media( min-width: 1024px ){
		#home #temp-content #inner-left { padding-bottom: 40px; }
	}	
	@media( min-width: 1280px ){
		#home #temp-content { overflow: hidden; padding-bottom: 100px; }
		#home #temp-content #inner-left { padding: 0; background-color: transparent; }
		#home #temp-content #inner-right { width: 415px; padding: 0; }
	}
	
	/* Partial: Content left */
	#home #temp-content #part-content-left ul.contact { display: none; }
	#home #temp-content #part-content-left li { margin: 0px 25px 0px 0px; list-style: none; float: left; }
	#home #temp-content #part-content-left li a{ color: #000000; font-weight: 700; text-decoration: none; }
	#home #temp-content #part-content-left li a:before{
		font-family: FontAwesome;
		content: "\f095";
		-webkit-font-smoothing: antialiased;
		text-rendering: auto;
		-moz-osx-font-smoothing: grayscale;
		vertical-align: -1px;
		margin-right: 15px;
		color: #d75f08;
		font-size: 18px;
		font-weight: 400;
	}
	#home #temp-content #part-content-left li.route a:before {
		content: "\f041";
	}
	#home #temp-content #part-content-left li.mail a:before {
		content: "\f003";
	}
	@media( min-width: 768px ){
		#home #temp-content #part-content-left ul.contact { display: inherit; }
	}
	
	/* Partial: Content Right */
	#home #temp-content #part-content-right h4 { margin: 25px 5px 30px 20px; } 
	#home #temp-content #part-content-right li {
		display: block;
		position: relative;
		padding: 20px 0px 20px 50px;
		margin: 0;
		list-style: none;
	}	
	#home #temp-content #part-content-right li:nth-child(2n-1){ background-color: #FFFFFF; }
	#home #temp-content #part-content-right li:before {
		content: "";
		position:absolute;
		display: block;
		background: url("/fileadmin/custom/image/Beeldmerk.png") no-repeat 0px 0px transparent;
		width: 16px;
		height: 25px;
		top: 20px;
		left: 20px;
		background-size: cover;
	}
	@media( min-width: 768px ){
		#home #temp-content #part-content-right { padding: 0px 20px; }
		#home #temp-content #part-content-right h4 { margin: 25px 0px; }
		#home #temp-content #part-content-right li {
			width: calc(50% - 55px);
			width: -webkit-calc(50% - 55px);
			width: -moz-calc(50% - 55px);
			width: o-calc(50% - 55px);
			float: left;
			background-color: #FFFFFF;
		}
		#home #temp-content #part-content-right li:nth-child(2n) { margin-left: 5px; }
		#home #temp-content #part-content-right li:nth-child(3),
		#home #temp-content #part-content-right li:nth-child(4){ background-color: transparent; }
	}
	@media( min-width: 1024px ){
		#home #temp-content #part-content-right li{
			width: calc(50% - 60px);
			width: -webkit-calc(50% - 60px);
			width: -moz-calc(50% - 60px);
			width: o-calc(50% - 60px);
		}
		#home #temp-content #part-content-right li:nth-child(2n) { margin-left: 20px; }
	}	
	@media( min-width: 1280px ){
		#home #temp-content #part-content-right { padding: 0px; overflow: hidden; }
		#home #temp-content #part-content-right h4 { margin-top: 0px; }
		#home #temp-content #part-content-right li{
			width: calc(100% - 60px);
			width: -webkit-calc(100% - 60px);
			width: -moz-calc(100% - 60px);
			width: o-calc(100% - 60px);
			background-color: transparent !important;
		}
		#home #temp-content #part-content-right li:nth-child(2n-1){ background-color: #FFFFFF !important; }
		#home #temp-content #part-content-right li:nth-child(2n) { margin-left: 0; }
		#home #temp-content #part-contact-right { padding: 25px 0px 0px 0px; }
	}	 
 
/**********
 **
 ** Template: News (content_home.html)
 ** ID: #home #temp-news
 ** Partial: #part-latest-news
 ** 
 ****************************************/
 
 	/* General */
	#home #temp-news { overflow: hidden; margin-top: 15px; }
	
	/* Partial: Latest news */
	#home #temp-news #part-latest-news h3.csc-firstHeader { margin-left: 10px; }