/*********** RESPONSIVE ***********/

.mobile		{ display: none;  }
.tablet		{ display: none;  }
.desktop	{ display: block; }




@media all and (max-width: 990px) {

	.mobile		{ display: none;  }
	.desktop	{ display: none;  }
	.tablet		{ display: block; }
	
	.banners img, 
	.scalable { max-width: 99%; }

	.form #main_container, .faq #main_container, .form #main_containerTop, .faq #main_containerTop {
		padding: 0 0 0 0;
		/*width: 95%;*/
	}

	.logobig {
		margin:						150px 0 0 0;
	}
	#main_container, #main_containerTop{
		width: 						100%;
	}
	
	#header_container {
		background:				url(images/header.jpg) no-repeat left top;
		width: 						100%;
		height:						385px;
		padding:					40px 0 0 0;
	}
	
	#header_container h1 {
		margin-left:			40px;
	}

	.navigation-wrapper {
		width:						100%;
		left:							0;
	}
	
	.navigation-wrapper li {
		padding: 					12px 10px;
		margin:						6px 0 0 0;
	}
	
	.navigation-wrapper li.inlog {
		margin-left:			14px;
	}
	
	.menu {
		margin-left:			40px;
	}
	
	.flags2 {
		position: 				absolute;
		right:						5%;
	}

	/**
	 *	HEADER / SLIDER
	 */
	.fw-slider					{ width:100%; height:300px; }
	.fw-slide						{ width:100%; height:300px; }
	.fw-slide-image			{ width:100%; }
	.fw-slide-content		{ width:100%; height:300px; }
	.fw-slide-content-caption	{ left: 0; top: 0; width: 100%; }
	.fw-slider-arrow		{ top:120px;}	
	.fw-slide-content-caption img { width: 21px; height: 15px; }

}

@media all and (max-width: 820px) {
	body {
		/*background:				url(images/bg.gif) repeat-x center 20px #e12635;*/
	}
	
	#wrapper.choice, #wrapperTop.choice {
		/*background:				url(images/bg_choice.gif) repeat-x center -20px #c51c29;*/
	}

	h1, h2, h3, h6, .banner a, .menu, #header_container h1, .fw-slide-content-caption, a.choice_fleet, a.choice_eind { font-size: 140%; line-height: 140%; }
	h5, .navigation-wrapper li, .navigation-wrapper li a { font-size: 110%; line-height: 110%; }


	a.videoplay {
		position: relative;
		padding: 110px 0 0;
		width: 654px;
		height: 250px;
		margin: 20px auto 50px;
		border-radius: 16px;
	}

	.fw-slide-content-caption {
		top: 0;
	}
	
	.one2goimg {
		width: 						40%;
		height: 					40%;	
	}
	
	.navigation-wrapper {
		width:						100%;
	}
	
	.navigation-wrapper li {
		padding: 					12px 10px;
		margin:						9px 0 0 0;
		
	}
	
	#content, #contentTop {
		/*padding:					0 3%;	*/
	}
	
}

@media all and (max-width: 560px) {
	#wrapper.choice, #wrapperTop.choice {
		/*background:				url(images/bg_choice.gif) repeat-x center -80px #c51c29;*/
	}
	
	a.videoplay {
		position: relative;
		padding: 45px 0 0;
		width: 436px;
		height: 200px;
		margin: 20px auto 50px;
		border-radius: 16px;
	}
	
	.gifani {
		padding:					0 0;
	}

	.tablet		{ display: none;  }
	.desktop	{ display: none;  }
	.mobile		{ display: block; }
}

@media all and (max-width: 420px) {

	#main_containerTop {
		margin:						0 auto 0;
	}

	.menu {
		margin-left:			25px;
	}
	body {
		font: 						normal normal 12px/18px Arial, Helvetica, Verdana, sans-serif;
	}
	
	a.videoplay {
		position: relative;
		padding: 40px 0 0;
		width: 360px;
		height: 185px;
		margin: 20px auto 50px;
		border-radius: 16px;
	}
	
	#wrapperTop {
		background:				#c81d2a;
	}
	
	#header_container {
		background:				url(images/header_mobile.jpg) no-repeat left top;
		width: 						100%;
		height:						155px;
		padding:					40px 0 0 0;
	}
	
	a.choice_fleet, a.choice_eind {
		min-width:				290px;
		padding:					10px;
	}
	
	.flags2 {
		top:							100px;
	}
	
	.menu {
		top:							68px;
	}
	
	/**
	 *	HEADER / SLIDER
	 */
	.fw-slider					{ width:100%; height:200px; }
	.fw-slide						{ width:100%; height:200px; }
	.fw-slide-image			{ width:100%; }
	.fw-slide-content		{ width:100%; height:200px; }
	.fw-slide-content-caption	{ left: 0; top: 0; width: 100%; }
	.fw-slider-arrow		{ top:70px;}	
	.fw-slide-content-caption img { width: 16px; height: 11px; }
	
	#content, .form #content, .faq #content,
	#contentTop, .form #contentTop, .faq #contentTop {
		padding:					25px 8px 0;	
	}
	#content {
		padding:					0 8px 0;	
	}	
	.rondimg {
		width: 						40%;
		height: 					40%;
		margin: 					7% 2% 15% 0 !important;
	}
	
	.homehr {
		width: 						80%; 
		margin: 					0 auto;
	}

	.donkerbreed ul {
		margin-left: 			25px !important;
		padding:					0 1% 0 0;
	}
	
	#stappen {
		position: 				relative;
		background: 			url(images/stappen_mobile.png) no-repeat center top;
		width: 						100%;
		height:						250px;
		margin: 					0 auto;
	}
	
	#stap1, #stap2, #stap3 {
		position: 				absolute;
		top:							122px;
		width:						230px;
		left: 50%; 
		margin-left: -100px;
	}

	#stap1 { top: 123px; }
	#stap2 { top: 155px; }
	#stap3 { top: 187px; }

	.banner a {
		background: 			url(images/banner_bg.gif) no-repeat 10px 8px #ffffff;
		padding:					12px 20px 12px 56px;
	}
	.banner a:hover {
		background: 			url(images/banner_bg.gif) no-repeat 10px 8px #ffe6e8;
		padding:					12px 20px 12px 56px;
	}
	
	.gform_button {
		margin-left: 0px;
	}
	
	.small, .medium, .large, .gform_wrapper textarea.medium		{ 
		width:						265px !important;  
	}
	
	select.small, select.medium{ 
		width:						300px !important;  
	}
	
	.gform_wrapper textarea.medium		{ 
		width:						263px !important;  
	}

}