@media screen and (max-width: 1000px) {
	#search input[type="text"] { width:30%}
}

/* Grid #2 700-960 */
@media screen and (max-width: 940px) {


	#logo {	height: 120px;background-size:contain;}	
	#logo h1  { padding-top:0.75em; font-size:2.2em}
	#logo h1 span   {  min-width:69px; min-height:26px }
	#logo h1 div:before {border-width: 0 6px 6px 0;}	
	
	.two-columns .column, .two-columns .column:first-child {
		width: 100%;
	}

	.two-columns .column {
		float: none;
	}

	

}
/* Grid #3 @ 640-700px */
@media screen and (max-width: 700px) {


}
/* Grid #4 @ 320-640px */
@media screen and (max-width: 640px) {

	header { position:fixed; width:100%; z-index:1001; height:auto}
	header>.inner { padding-top:0em; z-index:1003; background:#fff; position:relative}
	#nav-main { display:none;margin-top:7.15em; z-index:1002; position:absolute}
	#nav-main  li { display:block; width:100%; border-bottom:1px solid #ccc}

	#menu-button { display:block; float:right; font-size:20px; line-height:24px; padding:5px 5px; margin:20px 10px }
	#menu-button a { color:#444; border:1px solid #444; padding:5px; border-radius:3px; display:block; text-decoration: none}
	#menu-button a:before {content: '\f0c9';  font-family: "gzb"; font-style: normal; font-weight: normal; padding-right:0.25em; font-size:1em; } 	
	#menu-button a:hover { text-decoration :none; }
	#menu-button a.active {color:#fff; background:#444;} 	
	
	#gezondheidszorgbanen-promo { min-height:200px}
	#gezondheidszorgbanen-promo  a { font-size:2em}
	#jobalert-promo h2 { font-size:1.5em}

	#logo {	height: 70px;background: #fff !important; background-image:none; border-style:solid; border-width: 0 0 10px 0 ; z-index: 1001; margin-bottom:10px}
	#logo h1  { padding-top:0em; font-size:2.0em}
	#logo h1 span   {  min-width:69px; min-height:20px }
	#logo h1 div:before {border-width: 0 6px 6px 0;}		
	
	.column section {    margin: 2em 1em 1em 1em;    padding: 0 }
	.column section.main,.column section.alt, .column section.alt-light {  padding:0 1em 1em 1em;  }	
	#search { position:relative}
	#search input[type="text"] {   width: 100%;   margin-right:0em; display:block; margin-bottom:1em; box-sizing: border-box;}
	#search select {   width:100%;   margin-right: 0em;  padding-right: 1em; margin-bottom:1em;box-sizing: border-box;}
	#search button {    display:block; width:100%}
	#search select {float:right; position:absolute; right:1.1em  }
	#search #location { width:100%}
	#search #distance { width:25%; margin-top:-3.35em}		
	#search-advanced #btn-search2 { display:block}
	
	.information dt { display:none}

	
	#search-advanced .option { float:none; width:auto }	
	
	main { padding-top:100px}
	
	.split { padding:0}
	.split section, .split section:last-child { width:auto; margin: 1em !important; float:none; clear:both}	
	.three-columns .column {   float: none; width:100%}
	#categories ul, ul.categories { columns: auto;  -webkit-columns: auto; -moz-columns: auto;}
	#categories ul { padding:0; text-align:center}
	#categories ul li { line-height:2em}
	#categories h2 { padding:0.5em 0}
	#sub-links ul li {  display:block; line-height:2em}
			
	/*  Job Alert */
	fieldset label {float:none; width:100%; clear:both; padding:3px 0px; display:block}
	fieldset div.field { width:100%;padding:1px 0px;display:block; float:none}
	fieldset div.row label {float:none; width:100%; clear:both;display:block; margin-left:0px; padding:0; font-weight:Bold;  box-sizing: border-box;}
	fieldset div.row {clear:both;padding:3px 0px 3px 0}
	fieldset div.row input { max-width:85%; box-sizing: border-box;}


	
	.job-respond { float:none; height:100%;margin:0.5em 0}
	.job-respond a { display:block; text-align:center; font-size:1.2em}
	.job-options { float:none; height:100%;}
	.job-options ul { float:none; height:100%;   -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;}
	.job-options ul  li{ float:none; margin:0}
	.job-options ul  li a.button{padding: 0.5em; display:block; text-align:center}
	
	.paging li {margin-bottom:1.5em !important; line-height:2.2em; height:100%; overflow:auto; padding-bottom:1em}
	.paging li a, .paging li span.pgs { padding:0 5px;  display:inline-block; height:auto; width:auto; min-width:24px; margin-bottom:0.5em}
	
	
}
/* Grid #5 @ 320-640px */
@media screen and (max-width: 350px) {
	
	#nav-main { margin-top:6.1em;}	
	
	#logo {	height: 60px;background: #fff !important; background-image:none; border-style:solid; border-width: 0 0 10px 0 ; z-index: 1001; margin-bottom:10px}
	#logo h1  { padding-top:0em; font-size:1.8em}
	#logo h1 span   {  min-width:60px; min-height:15px }
	#logo h1 div:before {border-width: 0 4px 4px 0;}			

	#menu-button a:before {padding:0em 0.25em }		
	#menu-button span { display:none}
	
	#categories ul{  columns:auto;  -webkit-columns: auto;  -moz-columns: auto; }	

		
	
}
		
/* IPad/Tablet portrait*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

}
/* IPad/Tablet landscape*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

}

  /* high resolution styles */  
@media (-webkit-min-device-pixel-ratio: 1.5),  
       (-o-min-device-pixel-ratio: 3/2),  
       (min--moz-device-pixel-ratio: 1.5),  
       (min-device-pixel-ratio: 1.5) {  


}