@media all and (min-width: 1024px) {
	.mobile { display:none; }
	.desktop { display:inherit!important; }
}

@media all and (max-width: 1024px) {
	body { overflow-x:hidden; }
	.desktop { display:none; }
	#mobileMenu select { width:100%; margin-bottom:10px; }

	#logo { width:100%; text-align:center; }
	#logo img { margin-left:-45px; }

	#breadcrumb { margin-bottom:10px; }
	#ezelsoor { display:none; }
	#container { width:100%; background:none; }
	#border_left { width:3%; background-position:right center; }
	#main { width:88%; padding:0 3%; box-shadow:0 0 5px #000; }
	#border_right { width:3%; }
	#content { margin:20px 0 0 0; width:100%; }
	#sidebar { display:none; }

	#header_top, #main_text_top, #visual_top, .tekst_blok_top, #wistudat_top { display:none; }
	#header { background:#FFF; padding:10px 4% 10px; border:1px solid #FF6600; border-radius:10px; }
	#tekst_footer, #main_text_footer, #visual_bottom, .tekst_blok_footer, #wistudat_footer { display:none; }

	#reizen { background:none; padding:0 0 20px; }
	/*.reizen_blok_titel { border-radius:10px 10px 0 0; }
	.reizen_blok_titel a { display:block; }
	#reizen_titel { background:#f97cca; }
	#specials_titel {background:#aeb96b; }
	#vervoer_titel {background:#FF6600; }
	#accommodaties_titel {background:#4496ea; }
	#actief_titel {background:#8ad530; }*/

	#question { float:none; width:auto; text-align:left; }
	.links_blok { float:none; width:auto; margin:0; }
	.links_blok_step { margin:0; }
	.search_first_step select { width:100%; }
	#buttons { width:100%; margin:30px 0 0 0; }
	#buttons .toelichting { margin:0; width:auto; }
	#buttons .button { width:50%; margin-left:0; float:left; box-sizing:border-box; }
	#buttons > br { display:none; }

	#tekst { background:none; padding:0; }
	#tekst table td { width:auto; }
	#tekst input[type="text"], #tekst textarea { width:100%!important; }
	.reizen_blok_content { width:100%; height:auto; box-sizing:border-box; padding:10px; }

	.panel, .panel_aanbieder { background:#FFF; border-radius:10px; box-sizing:border-box; }
	.panel_blog { background:#FFF; border-radius:10px; box-sizing:border-box; }
	.panel_titel { margin-left:10px; margin-right:10px; }
	.panel_reizen { border:1px solid #f97cca; }
	.panel_specials { border:1px solid #aeb96b; }
	.panel_vervoer { border:1px solid #FF6600; }
	.panel_accommodaties { border:1px solid #4496ea; }
	.panel_actief { border:1px solid #8ad530; }
/* ========== OPTIES ========== */
/* Optie 1: Full Width */
	.panel, .panel_aanbieder { float:none; width:100%; margin:0 0 17px 0; height:auto; }
	.panel_blog { float:none; width:100%; margin:0 0 17px 0; height:auto; }
	.panel_blog_tekst { height:auto; }
	.panel_tekst { height:auto; }
/* Optie 2: 2 Column */
	/*.panel { width:48%; margin-right:4%; }*/
	/*#panels .mobileLast { margin-right:0!important; }*/
/* ========== END OPTIES ========== */
	.panel_picture { width:100%; }
	.panel_picture > img { max-width:100%; }

	#aanbieders { background:#FFF; border:1px solid #FF6600; border-radius:10px; padding:10px; margin:0 0 20px 0; }
	#sorteren_aanbieders { float:none; width:100%; padding:0; margin:0; height:auto; }
	#organisaties_sorteren { width:100%; }
	#filteren_aanbieders { height:auto; margin:0; float:none; text-align:left; width:100%; }
	#aanbieders .aanbieders_tabel { width:100%; }
	#aanbieders .aanbieders_tabel table tr { height:50px; }
	#aanbieders .aanbieders_tabel th, #aanbieders .aanbieders_tabel td { width:25%; }
	#aanbieders_left { width:100%; }
	#aanbieders_right { width:100%; }
	#last_check { text-align:left; }

	#banner_bottom, #banner_bottom_extra { display:none; }

	#main_text { background:#FFF; border:1px solid #FF6600; border-radius:10px; padding:10px; }
	#photo_frame { float:none; }
	#tekst > img { width:100%; height:auto; max-width:100%; }
	#tekst > center > img { width:100%; height:auto; max-width:100%; }

	.button_actiepanel, .button_aanbieder {
		background: #ffa95b;
		background-image: -webkit-linear-gradient(top, #ffa95b, #fe7d06);
		background-image: -moz-linear-gradient(top, #ffa95b, #fe7d06);
		background-image: -ms-linear-gradient(top, #ffa95b, #fe7d06);
		background-image: -o-linear-gradient(top, #ffa95b, #fe7d06);
		background-image: linear-gradient(to bottom, #ffa95b, #fe7d06);
		-webkit-border-radius: 10;
		-moz-border-radius: 10;
		border-radius: 10px;
		width:100%;
		font-size:14px;
	}
	
	#wistudat_content { background:#FFF; border:1px solid #FF6600; border-radius:10px; padding:10px; margin:20px 0 20px 0; }

	#visual { margin-top:20px; padding:0; background-color:#FFF; background-position:center center; border:1px solid #FF6600; border-radius:10px; height:73px; background-size:contain; }
	#banner_top { width:auto; height:auto; margin:0; float:none; }

	#footer { background:#FF6600; border-radius:0 0 10px 10px; width:100%; margin:20px 0 20px; padding:0 10px; box-sizing:border-box; }
/* ========== OPTIES ========== */
/* Optie 1: Full Width */
	/*#footer .footer-column { width:100%; margin:0; float:none; }*/
/* Optie 2: 2 Column */
	#footer ul { margin-left:0; }
	#footer .footer-column { width:48%; margin-right:3%; }
	#footer .mobileLast { margin-right:0!important; }
/* ========== END OPTIES ========== */
}
@media all and (min-width: 320px) and (max-width: 480px) {
	#visual { height:109px; }
	#banner_bottom, #banner_bottom_extra { width:282px; }
}
@media all and (min-width: 480px) and (max-width: 640px) {
	#visual { height:145px; }
}
@media all and (min-width: 768px) and (max-width: 1024px) {
	#content { width:70%; }
	#content #logo { display:none; }
	#visual { height:122px; }
	#sidebar { display:inline; }
	#sidebar #logo { display:block; }
}
@media all and (min-width: 980px) and (max-width: 1024px) {
	#content { width:76%; }

	.reizen_blok_titel { border-radius:10px 10px 0 0; margin-right:0; width:125.6px; }

	#buttons { width:100%; }

	.panel, .panel_aanbieder { width:48%; margin-right:4%; float:left; height:325px; }
	.panel_blog { width:100%; margin-right:4%; float:left; }
	.panel_blog_tekst { height:95px; }
	.panel_tekst { height:95px; }
	#panels .mobileLast { margin-right:0!important; }

	#visual { height:177px; }

	#footer ul { margin-left:80px; }
	#footer .footer-column { width:auto; margin-right:0; }
}

@media all and (min-width: 980px) {
	#sorteren_aanbieders { float:left; width:auto; margin-bottom:10px; margin-top:-10px; padding-top:10px; height:20px; }
	#organisaties_sorteren { width:auto; }
	#filteren_aanbieders { float:right; width:auto; }
	#filteren_aanbieders .filterButtons { float:right; }
}