/* @media screen and (max-width:778px) */
			@media screen and (max-width:778px)
			{
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
      	/*
     	/*  BASICS
     	/*
      	/* //////////////////////////////////////////////////////////////////////////////////////////*/
			
			body
							{
								font: 							400 15px 'Roboto', sans-serif;
								color:							#111;
							}
			body div
							{
								width:							100%;
								max-width: 						none !important;
							}
			a
							{
								text-decoration:				none;
								outline:						0;
								color:							#2caae2;
							}
			a:hover
							{
								text-decoration:				underline;
								color:							#2caae2;
							}
			h1, h2, h3
							{
								text-transform:					uppercase;
							}
			h1
							{
								font-size: 						39px;
								font-weight: 					100;
								color:							#2caae2;
								margin-top:						0px;
								margin-bottom: 					20px;
								line-height: 					40px;
							}
			h2
							{
								background-color:				#2caae2;
								padding: 						5px;
								padding-left: 					7PX;
								font-size: 						25px;
								color: 							#fff;
								font-weight: 					300;
								background-repeat: 				no-repeat;
								background-position: 			right;
								margin-bottom: 					0px;
								line-height: 					35px;
								margin-top: 					33px;
							} 
			h3
							{
								font-size: 						20px;
								font-weight: 					500;
								color: 							#2caae2;
								line-height: 					35px;
							}
			h4
							{
								font-size: 						20px;
								font-weight: 					500;
								color: 							#000;
								line-height: 					35px;
							}
							
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
      	/*
     	/*  HEADER
     	/*
      	/* //////////////////////////////////////////////////////////////////////////////////////////*/
			.cc_banner-wrapper  { display: none;}
			.header_container-home #header_logo, .header_container #header_logo
							{
								float:							center;
								height: 						80px;
								width: 							80px;
								background-image:				url(../img/vactik-icon.png);
								background-repeat:				no-repeat;
								background-position:			center center;
								float:							right;
							}
			.mobile_button
							{
								float:							left;
								position:						static;
								margin-top:						15px;
								margin-left:					15px;
							}
			#container_main_navig #content_main_navig
							{
								margin-top:						0px;
							}
.header_container {
    border-bottom: 1px solid #AFAFAF;
}
 	.slide_wrapper 
							{
								height:							430px;
								width:							100% !important;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(213,213,213,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(213,213,213,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(213,213,213,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */

							}	
.contactbox {
float:right; 
width: 20px;
}
.contactitem
{
height: 43px;
width: 200px;
background:#2CAAE2;
color:#FFFFFF;
text-align: left;
position: fixed;
z-index: 10000;
margin-left: -20px;
transition: all 5s;
/*browser specific versions*/
-moz-transition: all 1s;
-ms-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.phone {
top: 200px;
}
.email {
top: 244px;
}
.facebook {
top: 288px;
}

.contactitem i.fa {
    font-size: 23px;
    border-right: 1px solid #fff;
    padding: 10px;
    width: 20px;
}
.contactitem .icon {
    float: left;
}
.contactitem .content {
    padding: 14px 0px 0 12px;
    height: 24px;
    display: none;
}
.contactitem  a {
	color: #fff;
	text-decoration: none;
	}
							
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
      	/*
     	/*  COLS
     	/*
      	/* //////////////////////////////////////////////////////////////////////////////////////////*/
			
			#content_content .col1_home,
			#content_content .col1
							{
								padding:						20px;
								background-color:				#ECECEC;
								width:							calc(100% - 40px);
							}
			#content_content .col2_home,
			#content_content .col2
							{
								padding:						0 20px 20px 20px;
								width:							calc(100% - 40px);
								border-bottom:					20px solid #ececec;
							}
							
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
      	/*
     	/*  CARROUSEL/SLIDER
     	/*
      	/* //////////////////////////////////////////////////////////////////////////////////////////*/
			
			#carousel
							{
								width:							100% !important;
							}
			#image_container
							{
								height:							430px;
								overflow:						hidden;
								margin-left:					auto;
								margin-right:					auto;
								
							}
			.caroufredsel_wrapper
							{
							}
			.slide_wrapper 
							{
								height:							430px;
								width:							100% !important;
							}
			.slider_container
							{
								background-repeat:				no-repeat;
								background-position:			center left;
								background-position:			50% 50%;
								float:							left;
								/*
								margin-left:					auto;
								margin-right:					auto;
								margin-left:					-50%;
								*/
							}
			.slider_content
							{
								text-align: 					left;
								width: 							0px;
								height: 						442px;
								float:							right;
								/*
								margin-left:					540px;
								*/
							}
			.slider_content h2
							{
								font-size: 						30px;
								font-weight:					100;
								background: 					none;
								margin-left: 					-8px;
								margin-bottom: 					5px;
							}
			.slider_content a
							{
								color:	 						none;
							}
			#pager 
							{
								border-radius: 					7px;
								background: 					#ECECEC;
								text-align: 					center;
								width: 							140px;
								height: 						25px;
								position: 						absolute;
								z-index: 						2000;
								padding-top: 					2px;
								margin-right: 					-60px;
								margin-top: 					-15px;
								margin-left: 					-62px;
								left: 							50%;
							}
			#pager a.selected span 
							{
								background:						#2caae2;
							}
			#pager a 
							{
								display: 						inline-block;
								padding: 						5px;
							}
			#pager span 
							{
								border-radius:					10px;
								background: 					#afafaf;
								text-indent: 					-100px;
								line-height: 					0;
								display: 						inline-block;
								width: 							10px;
								height: 						10px;
								overflow: 						hidden;
							}
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
      	/*
     	/*  NAVIG
     	/*
      	/* //////////////////////////////////////////////////////////////////////////////////////////*/
			
			#container_main_navig #content_main_navig
							{
								padding:						0;
							}
			#content_main_navig li
							{
								text-align:						center;
								border-bottom:					1px solid #fff;
							}
			#content_main_navig li a
							{
								text-transform:					uppercase;
								display:						block;
								background-color:				#ececec;
								line-height:					35px;
							}
			#content_main_navig li a:hover,
			#content_main_navig li#main_current a
							{
								text-decoration:				none;
								background-color:				#2caae2;
								color:							#FFF;
							}
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
		/* 
		/*  FORMS
		/* 
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
			
			form
							{
								margin:							0;
								padding:						0;
							}
			form ul
							{
								list-style:						none;
								margin:							0;
								padding:						0;
								clear:							both;
							}
			form ul li
							{
								list-style:						none;
								margin:							0;
								padding:						0;
								/*display:						table-cell;*/
								vertical-align:					top;
								line-height:					30px;
							}
			form ul li.input.text
							{
								display:						none;
							}	
			form em
							{
								color:							#F00
							}
			form input[type="text"], 
			form input[type="password"],
			form textarea
			
							{
								display: 						inline-block;
								width: 							100%;
								height: 						20px;
								line-height: 					20px;
								padding: 						4px 0;
								text-indent:					10px;
								margin-bottom: 					5px;
								font-family:					'Open Sans', Verdana, Arial, Helvetica, sans-serif;
								font-size:						14px;
								vertical-align: 				middle;
								-webkit-border-radius: 			4px;								
								border-radius:  				4px;								
								background-color:  				#fff;
								border:  						1px solid #cecece;
								-moz-box-shadow: 				inset 0 1px 1px rgba(0,0,0,0.075);
								-webkit-box-shadow: 			inset 0 1px 1px rgba(0,0,0,0.075);
								box-shadow: 					inset 0 1px 1px rgba(0,0,0,0.075);
  								-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;
							}
			form textarea 
							{ 
								height: 						150px;
								width: 							100%;
							}	
			form input[type="text"]:focus, 
			form input[type="password"]:focus,
			form textarea:focus
							{
								background-color:				#fff;
							}
			
			/* button */
			.button_container	
							{
								padding:						5px 0 0 0;
							}
			.button_container .button_middle	
							{
								margin:							15px 0 15px 0;
							}
			.button_container .button_middle a
							{
								padding:						15px 50px 15px 50px;
								background-color:				#2caae2;
  								-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;
								color:							#fff;
								text-shadow: 					0 0 1px rgba(0,0,0,1);
								-moz-text-shadow: 				0 0 1px rgba(0,0,0,1);
								-khtml-text-shadow: 			0 0 1px rgba(0,0,0,1);
							}
			.button_container .button_middle a:hover
							{
								background-color:				#192953;
								text-decoration:				none;
							}
			.bijschrift
							{
								font-size:						11px;
								font-style:						italic;
							}
			#ajax-fc-content div#ajax-fc-right {
  background-color: #fff !important;
  border: 1px solid #cecece;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  }
			
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
      	/*
     	/*  FORMS
     	/*
      	/* //////////////////////////////////////////////////////////////////////////////////////////*/
		
			#map_canvas
							{
								float:							left;
								width: 							100%; 
								height: 						500px;
								margin-right:					25px;
								border: 						1px solid #000; 
								margin-top:						20px;
							}			
			#container_routebeschrijving
							{
								margin-top: 					20px;
								border-top: 					1px solid #cdcdcd;
								padding-top: 					20px;
							}
							
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
      	/*
     	/*  DIVERS
     	/*
      	/* //////////////////////////////////////////////////////////////////////////////////////////*/
									
		.koetshuis img { width:100% !important; height: auto !important; margin-top: 22px;margin-bottom: 20px;}
		.offerte-btn a {
  background-color: #2caae2;
  color: #FFF;
  font-size: 24px;
  font-weight: 100;
  text-align: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  text-decoration: none;
}
.content_widget.vestigingen h3 {
  display: none;
}
.content_widget.tangram_recente_vacatures h4, .content_widget.vestigingen h4, .content_verfijn.vacature_groepspecifiek h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
		
		/* //////////////////////////////////////////////////////////////////////////////////////////*/
      	/*
     	/*  FOOTER
     	/*
      	/* //////////////////////////////////////////////////////////////////////////////////////////*/
			
			
			#footer_container
							{
								padding:						15px;
								background-repeat:				repeat-x;
								background-position:			top center;
								background-color:				#fff;
								font-size:						11px;
								width:							calc(100% - 30px);
							}
			#footer_content
							{
								text-align:						left;
								margin-left: 					auto;
								margin-right: 					auto;
								color:							#8e8e8e;
							}
			#footer_content a
							{
								color:							#8e8e8e;
							}
			.footer_1
							{
								display:						inline;
							}
			.footer_2
							{
								display:						inline;
							}
			.footer_3		{
							}
			}