@charset "utf-8";

@media screen and (max-width: 1130px) {
	#slogan {font-size:45px;bottom:45px;}
	#logo {width:17%;}
	#logo img {width:100%;}
	#menuleft {width:75%;}
	#menuright {width:20%;}
	#content {width:75%;}
}

@media screen and (max-width: 960px) {
	#contentleft {width:45%;margin-right:10%;}
	#contentcenter {width:45%;margin:0;}
	#contentright {clear:both;padding-top:50px;float:none;width:100%;}
	#menuleft {width:100%;float:none;margin:0;}
	#menuright {width:100%;clear:both;margin:0;float:none;margin-top:40px;padding-top:40px;border-top:1px solid #dfdfdf;}
	#content {width:100%;float:none;margin:0;}
	.resp {display:block;}
	#nav ul li a {margin:15px 10px;}
}

@media screen and (max-width: 850px) {
	#nav ul li a {margin:15px 7px;}
	.cc-cookies {position:relative;left:auto;bottom:auto;max-width:none;width:90%;padding:10px 5%;font-size: 12px;}
	.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0 0 0;}
	#slogan {font-size:35px;bottom:35px;border-bottom:3px solid #fff;}
}

@media screen and (max-width: 640px) {
	#vakanties {display:block;}
	.cruiseimage {width:100%;}
	.cont td {float:left;}
	.cont td:nth-child(2) {margin-top:20px;}
	table td {display:block;}
	#gegevens {font-size:12px;}
	#header {padding:10px 0;}
	#slogan {font-size:25px;bottom:25px;border-bottom:2px solid #fff;}
	#navContainer {display:none;}
	#navMob {display:block;}	
	.slideshow {margin-bottom:10px;}
	#contentcenter {width:100%;clear:both;margin:0;float:none;margin-top:40px;padding-top:40px;border-top:1px solid #dfdfdf;}
	#contentleft {width:100%;clear:both;margin:0;float:none;}
	#fct {float:left;width:47.5%;margin-right:5%;}
	#fct2 {float:left;width:47.5%;margin-right:0;text-align:right;}
	#fct3 {float:left;width:47.5%;margin-right:5%;}
	#fct4 {float:left;width:47.5%;text-align:right;}
	.line2 {display:block;margin-bottom:40px;}
	#logo {position:relative;top:auto;left:auto;text-align:center;width:100%;padding:10px 0;}
	#logo img {width:20%;}
	#gegevens {text-align:center;float:none;width:100%;}
}

@media screen and (max-width: 480px) {
	#logo img {width:30%;}
	#gegevens {font-size:11px;}
	#slogan {font-size:15px;bottom:15px;border-bottom:1px solid #fff;}
	.cc-cookies { position: relative;font-size:11px; }
	#fct {float:none;width:100%;clear:both;margin-right:0;margin-bottom:40px;}
	#fct2 {float:none;width:100%;clear:both;margin-right:0;margin-bottom:40px;text-align:left;}
	#fct3 {float:none;width:100%;clear:both;margin-right:0;margin-bottom:40px;}
	#fct4 {float:none;width:100%;clear:both;text-align:left;}
	.line2 {display:none;}
}