a { outline: none !important; }

#mobilenav { display:none; }
.slicknav_menu { display:none; }

@media screen and (min-width: 40em) and (max-width: 50em) {
	body { min-width: 300px; background: #FFF ; }
	.wrapper {
		position: relative;
		width: 100%;
		margin: 0 auto;
		text-align:left;
	}
	#header {
		height: auto;
		padding-top: 120px;
	}
	#languages {
		text-align: center;
		position: relative;
		height: auto;
		padding: 10px 0px 0px;
		margin: 0px;
		top: 0px;
		right: 0px;
	}
	#rr-logo {
		max-width: 50%;
		left: 0px;
		top: 0px;
		height: 155px;
		overflow: hidden;
	}
	#logo {
		max-width: 50%;
		top: 0px;
		right: 0px;
		padding: 0px;
		text-align: center;
		height: auto;
	}
	#logo img { float: right; }
	#menu { position: relative; margin-top: 0px; margin-bottom: 10px; height: auto; top: 0px; }
	#menu a { color: rgb(4,20,57); }
	#socialmedia,
	#nav,
	#mobilenav {
		display: none;
	}
	body .slicknav_menu { padding: 0px; display:block; text-align: left; border-top: 1px solid #FFF; background: #F3D00C;
border-top: 4px solid #CCCCCC;
border-top: 10px solid #000000;
color: #FFF;
}
	a.slicknav_btn { display: block; height: 60px; line-height: 60px; margin: 0px 20px; padding: 0px; }

	.slicknav_nav { border-top: 0px solid #FFF; }
	.slicknav_nav>li { text-transform: uppercase;}
	.slicknav_nav>li li { text-transform: capitalize;}
	.slicknav_menu .slicknav_menutxt  { margin-top: 20px;  }
	.slicknav_menu .slicknav_icon  { margin-top: 22px; margin-right: 15px; margin-left: 0px; }

	div#slider.nivoSlider.wrapper { height: auto; }
	#slidercontainer {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: auto;
		overflow: hidden;
	}
	.nivo-caption { position: relative; top: 0px; left: 0px; padding: 20px; background: #EFEFEF; }
	.nivo-caption h1,
	.nivo-caption h2 { font-size: 28px; line-height: 28px; }
	.nivo-caption h1 br,
	.nivo-caption h2 br { display: none; }

	#content { position: relative; width: 90%; margin: 0px auto; padding: 0px; }
	#content.home { width: 100%; }
	#content { top: 10px; }
	#kols { position: relative; width: 100%; text-align: center; }
	.kol, .kol.home { position: relative; width: 90%; float: none; margin: 0px auto; margin: 10px 0px; text-align: left; min-height: 100px; }
	.kol-image { display: inline-block; max-width: 30%; margin-right: 30px;  }
	.kol-image img { height: auto; }
	#content .kol-tekst { display: inline-block; vertical-align: top; max-width: 55%; font-size: 16px;  padding-bottom: 0px; padding-top: 10px;text-align: left; }
	#content .kol-tekst b { font-size: 16px; }
	#content .kol-tekst p { margin-top: 0px; }
	#content .kol a.leesmeer { position: relative; clear: both; bottom: 0px; text-align: center; padding: 7px 0px; width: 100%; margin-top: 10px; }
	#content .kol a.booknow { position: relative; clear: both; bottom: 0px; text-align: center; padding: 7px 0px; width: 100%; margin-top: 5px; }
	#content img { max-width: 100%; }
	#content img.left,
	#content img.right { display:block; max-width: 100%; margin: 0px auto; text-align: center; }
	.kol iframe { width: 100% !important; }
	div.kol.home.equalheight { height: auto !important; }

	#rightcolumn { display: none; }
	#footer { margin-top: 20px; text-align: center; }

	form input[type=text], form textarea {  -webkit-appearance: none; box-sizing: border-box; min-height: 30px; border-radius: 0px; }

/* 	TRACKS */
	div#content { max-width: 100%; }
	#track #content h1 { font-size: 25px; line-height: 25px; box-sizing: border-box; padding: 0px 20px; }
	#track_map { width: calc(100% - 307px); margin-right: 0px; }
	#track_weather { width: 307px; margin-right: 0px; padding: 0px 20px; box-sizing: border-box; }
	#track_weather iframe { margin: 0px auto; left: 0px; right: 0px; }
	.cols .col1, .lastcol1 { width: 100%; box-sizing: border-box; padding: 0px 20px; }

.inschrijftabel td { font-size: 10px !important; }

}

@media screen and (max-width: 40em) {
	body { min-width: 300px; background: #FFF; }
	.wrapper {
		position: relative;
		width: 100%;
		margin: 0 auto;
		text-align:left;
	}
	#header {
		height: auto;
		padding-top: 120px;
	}
	#languages {
		text-align: center;
		position: relative;
		height: auto;
		padding: 10px 0px 0px;
		margin: 0px;
		top: 0px;
		right: 0px;
	}
	#rr-logo {
		position: absolute;
		max-width: 50%;
		top: 0px;
		height: 155px;
		overflow: hidden;
	}
	#logo {
		position: absolute;
		max-width: 50%;
		top: 0px;
		right: 0px;
		padding: 0px;
		text-align: center;
		height: auto;
	}
	#rr-logo img,#logo img { max-width: 90%; }
	#menu { position: relative; margin-top: 0px; top: 0px; padding-top: 0px; margin-bottom: 10px; height: auto; border-top: 0px solid #000000;}
	#menu a { color: rgb(4,20,57); }
	#socialmedia,
	#nav,
	#mobilenav {
		display: none;
	}
	body .slicknav_menu { padding: 0px; display:block; text-align: left; border-top: 1px solid #FFF; background: #F3D00C;
border-top: 4px solid #CCCCCC;
border-top: 10px solid #000000;
color: #FFF;
}
	a.slicknav_btn { display: block; height: 60px; line-height: 60px; margin: 0px 20px; padding: 0px; }

	.slicknav_nav { border-top: 0px solid #FFF; }
	.slicknav_nav>li { text-transform: uppercase;}
	.slicknav_nav>li li { text-transform: capitalize;}
	.slicknav_menu .slicknav_menutxt  { margin-top: 20px;  }
	.slicknav_menu .slicknav_icon  { margin-top: 22px; margin-right: 15px; margin-left: 0px; }

	div#slider.nivoSlider.wrapper { height: auto; }
	#slidercontainer {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: auto;
		overflow: hidden;
	}
	.nivo-caption { position: relative; top: 0px; left: 0px; padding: 20px; background: #EFEFEF; }
	.nivo-caption h1,
	.nivo-caption h2 { font-size: 22px; line-height: 22px; }
	.nivo-caption h1 br,
	.nivo-caption h2 br { display: none; }

	#content { position: relative; width: 90%; margin: 0px auto; padding: 0px; }
	#content.home { width: 100%; }
	#content { top: 10px; }
	#kols { position: relative; width: 100%; text-align: center; }
	.kol, .kol.home { position: relative; width: 90%; float: none; margin: 0px auto; margin: 10px 0px; text-align: left; min-height: 100px; }
	.skol-image { display: inline-block; max-width: 30%; margin-right: 10px;  }
	.kol-image { text-align: center;  }
	.kol-image img { height: auto; }
	#content .kol-tekst { font-size: 16px;  padding-bottom: 0px; padding-top: 10px;text-align: center; }
	#content .kol-tekst b { font-size: 16px; }
	#content .kol-tekst p { margin-top: 0px; }
	#content .kol a.leesmeer { position: relative; clear: both; bottom: 0px; text-align: center; padding: 7px 0px; width: 100%; margin-top: 10px; }
	#content .kol a.booknow { position: relative; clear: both; bottom: 0px; text-align: center; padding: 7px 0px; width: 100%; margin-top: 5px; }
	#content img { max-width: 100%; }
	#content img.left,
	#content img.right { display:block; max-width: 100%; margin: 0px auto; text-align: center; }
	.kol iframe { width: 100% !important; }
	div.kol.home.equalheight { height: auto !important; }

	#rightcolumn { display: none; }
	#footer { margin-top: 20px; text-align: center; }

	table.groups { font-size: 10px; }
	table.groups td:first-child { width: 20%; }

	form input[type=text], form textarea {  -webkit-appearance: none; width: 100%; box-sizing: border-box; min-height: 30px; border-radius: 0px; }

	table.dataenprijzen { font-size: 10px; line-height: 12px;  }
	table.dataenprijzen td:nth-child(1) { width: 20%; }
	table.dataenprijzen td:nth-child(2) table td { width: 33%; }
	table.dataenprijzen td:nth-child(3) { width: 30px; }

	.data_track1,
	.data_track2 { width: 10px; height: 20px; text-indent: -9999px; line-height: 0;}
	a.data_track.data_track1 { background: #CCC url('../images/track_book.png') no-repeat center center; float: none !important; }
	a.data_track.data_track2 { background: #CCC url('../images/track_info.png') no-repeat center center; float: none !important; }

/* 	TRACKS */
	div#content { max-width: 100%; }
	#track #content h1 { font-size: 25px; line-height: 25px; box-sizing: border-box; padding: 0px 20px; }
	#track_map { float: none; width: 100%; margin-right: 0px; }
	#track_weather { float: none; width: 100%; margin-right: 0px; padding: 0px 20px; box-sizing: border-box; }
	#track_weather iframe { margin: 0px auto; left: 0px; right: 0px; }
	.cols .col1, .lastcol1 { width: 100%; box-sizing: border-box; padding: 0px 20px; }

.inschrijftabel td { font-size: 10px !important; }

}