@charset "UTF-8";

/* -------------------------------- 
Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#textavg{ margin-left:20px; margin-top:10px; color:#F90; font-size:1.1em; font-weight:600; display:none;}

a {
  text-decoration: none;
}

/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 20px;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=’#5d14f2′, EndColorStr=’#c7aff9′);
  background: -ms-linear-gradient(top left,  #020C1C, #5A718A, #020C1C, #5A718A);
  background: -moz-linear-gradient(top left,  #020C1C,  #5A718A, #020C1C, #5A718A);
  background: -webkit-linear-gradient(top left,  #020C1C,  #5A718A, #020C1C, #5A718A);
  background: -o-linear-gradient(top left, #020C1C,  #5A718A, #020C1C, #5A718A);
  background: linear-gradient(top left,  #020C1C,  #5A718A, #020C1C, #5A718A);
  -webkit-box-shadow: 0px 3px 12px 6px #111;
  -moz-box-shadow: 0px 3px 12px 6px #111;
  box-shadow: 0px 3px 12px 6px #111;
  z-index:999;
  opacity:0.95;

}
.cd-header:after {
  content: "";
  display: table;
  clear: both;
}
.cd-header #cd-logo {
  float: left;
  margin: 11px 0 0 5%;
  
}
.cd-header #cd-logo img {
  display: block;
  width:11em;
  height:auto;
  margin-top:0px;
}
.cd-header #cd-logo li{
	display:inline-block;
}

.cd-main-nav {
  float: right;
  margin-right: 5%;
  width: 100px;
  height: 100%;
  background: url("../images/cd-icon-menu.svg") no-repeat center center;
  background-size: 150px 150px;
  cursor: pointer;
}
.cd-main-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

/*--------------------------------------------------positie open geklapt menu----------------------------------*/
.cd-main-nav ul.is-visible {
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  font-size:1.3em;
}
.cd-main-nav a {
  display: block;
  height: 100%;
  line-height: 1.0em;
  padding-left: 5%;
  padding-top: 1%;
  background-color:#006; 
  border-top: 1px solid #f90;
  color: #FFF; color:#BC9465;
  font-size:1.0em;
  text-align:center;
}
#boxplayer1 img{ display:none;}

@media only screen and (min-width: 930px) {
.cd-header {
    height: 70px;
}
  .cd-header #cd-logo {
    margin: 0px 0 0 5%;
}
	
  .cd-main-nav {
    width: auto;
    height: auto;
    background: none;
    cursor: auto;
}
  .cd-main-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 100px;
}
.cd-main-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
  .cd-main-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
  .cd-main-nav li {
    display: inline-block;
    margin-left: 0;
}
  .cd-main-nav a {
    display: inline-block;
    height: auto;
    line-height: 2.0em;
    background: transparent;
    padding: 0 1em;
    border-top: none;
    font-size: 2.0em;
    font-weight: bold;
    text-transform: uppercase;
}
}

/*-----------------------------------------------------main navigatie----------------------------------------------*/

.cd-header {
    height: 40px;
}
.cd-header #cd-logo img {
  display: block;
  width:4em;
  height:auto;
  margin-top:-6px;
}
.cd-main-nav {
  float: right;
  margin-right: 0%;
  width: 100px;
  height: 100%;
  background: url("../images/cd-icon-menu.svg") no-repeat center center;
  background-size: 50px 50px;
  cursor: pointer;
}
.cd-main-nav a {
  display: block;
  height: 100%;
  line-height: 1.0em;
  padding-left: 5%;
  padding-top: 1%;
  background: #2e313d;
  background-color:#FFF; background-color:#4B525B;
  border-top: 1px solid #353846;
  color: #F90;
  font-size:1.4em;
  text-align:center;
}
.cd-main-nav a:hover {
	color:#B1CFFF;
}
 .cd-main-nav ul.is-visible {
  -webkit-transform: translateY(52px);
  -moz-transform: translateY(52px);
  -ms-transform: translateY(52px);
  -o-transform: translateY(52px);
  transform: translateY(52px);
  font-size:1.0em;
}
.cd-main-nav li {
	padding: 0;
	height: 32px;
}
.cd-main-nav li img {
	width:15%;
	height:auto;
}




img, object, embed, video {
	max-width: 100%;
}
/* IE 6 biedt geen ondersteuning voor max-width en gebruikt standaard de breedte 100% */
.ie6 img {
	width:100%;
}
a{color:#F90; font-weight:bold; font-size:1.0em;}
.textlinks {text-decoration:underline;}
.textlinks:hover{color:#B1CFFF;}


/*
	Eigenschappen van dynamisch raster van Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		9;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	5;
	
	Geïnspireerd door "Responsive Web Design" van Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	en "Golden Grid System" van Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobiele lay-out: 480 px en lager. */
body{
		
	text-align:center;
	background-color:#3F4D5E; background-color:#333; background-color:#222935; background-color:#15181C; background-color:#232F37;
	max-width:100%;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 96.2063%;
	padding-left: 0.3968%;
	padding-right: 0.3968%;
    -webkit-box-shadow: 0 8px 6px 6px #111;
	-moz-box-shadow: 0 8px 6px 6px #111;
	box-shadow: 0 8px 6px 6px #111;
	font-size:2.1em;
	padding-top: 0;
}
#boxweer {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;
	display: none;
}
#boxprijs {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxlogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top:12%;
	text-align:center;
	margin-bottom:4%;
}
#boxinfotext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	text-align:center;
	padding-top:10px;
	padding-right:5px;
	font-size:1.7em;
	font-weight:700;
	line-height:1.1em;
}
#boxinfotext img{display:block;}
#boxinfotext2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	text-align:center;
	padding-top:10px;
	padding-right:5px;
	font-size:1.7em;
	font-weight:700;
	line-height:1.1em;
}
#boxinfotext2 img{display:none;}
#boxplayer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
img { 
	width:100%;
}
#box24tips {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.4em;
}
#boxplayer2 {
	clear: both; 
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#boxtripstext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxform {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	-webkit-box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
    -moz-box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
    box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
	margin-top:30px;
	text-align:center;
	font-size:0.3em;
}
#boxmoborgtext li {
		font-size:0.6em;
		text-align:left;
		margin-left:2%;
}
#boxorganisatietext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxclass1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxclass2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxclass3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxclass4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxsplplan {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxhenkfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxpeterfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxguidofoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxronfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxerikfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	padding-bottom:0.5%;
}
#boxfreekfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxalmafoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxjarnofoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxpietfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxlouisfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxstevanfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxmoniquefoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxlinks1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxlinks2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxlinks3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxlinks4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxlinks5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxlinks6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxcontact1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	text-align:left;	
}
#boxcontact1 .backarticle{max-height:510px;}
#boxcontact2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.6em;
}
#boxcontact2 legend{font-size:1.1em;}
#boxcontact3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
	text-align:left;
	padding-left:4%;
}
#boxsitelinks1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
	text-align:left;
	padding-left:4%;
}
#boxsitelinks1 li {
	line-height:2.2em;
}
#boxsitelinks2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
	text-align:left;
	padding-left:4%;
}
#boxsitelinks2 li {
	line-height:2.2em;
}
#boxsitelinks3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
	text-align:left;
	padding-left:4%;
}
#boxsitelinks3 li {
	line-height:2.2em;
}
#boxsitelinks4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
	text-align:left;
	padding-left:4%;
}
#boxsitelinks4 li {
	line-height:2.2em;
}
#boxfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
}
#boxteamheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxlinksheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxsitesheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxcontactheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#classesheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#divider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
video{display:none;}


#divider5{ clear: both; float: left; margin-left: 0; width: 100%; }

#divider5 .mobscreen{display:block;}

h1,#boxsplplan h1{ width:auto; padding-left:1%; font-size:0.6em; line-height:2.3em; color:#999; color:#FFF; font-weight:bold; background-image:url(../images/lineP.png); background-repeat:repeat-x; background-position:bottom; text-align:left; }
h6{ width:auto;font-size:0.6em; line-height:5.3em; color:#FFF;font-weight:bold; background-image:url(../images/lineP.png); background-repeat:repeat-x; background-position:top; text-align:left; }
h1 img{margin-bottom:3%; max-width:100%; width:auto;}
#boxform h1, #boxform h6{ width:auto; padding-left:1%; font-size:2.0em; line-height:2.3em; color:#FFF; font-weight:bold; background-image:url(../images/lineP.png); background-repeat:repeat-x; background-position:bottom; text-align:left; }
h4{ font-size:1.3em; color:#FFF;}
h5 {color:#FFC; text-align:left; font-size:1.0em; font-weight:800; text-decoration:underline; margin-bottom:10%;}
p{font-size:0.5em; text-align:left; margin: 0 1% 0 1%;}

#boek24{font-size:2.4em; color:#FFF; line-height:1.0em; font-weight:600; 
}

#telefoonnummer{font-size: 1.6em; color:#B1CFFF; font-weight:400; line-height:1.1em; letter-spacing:2px;}
li #mobtelefoonnummer{font-size: 1.4em; line-height:1.1em; color:#F90;}
#telefoon{position:relative; margin:0; width:20px; height:auto;}
.tips2 {font-size:1.5em; color:#B1CFFF; line-height:0.6em;}

#formulier2{display:none;}
input, textarea, select{width:100%;color:#000; margin:0; background-color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:0.9em;}

#contactform2{display:none;}

.verborgen{position:relative; opacity:0;}

legend{ font-size:2.0em; color:#FFF; width:auto; margin-left:3%;}
.inputname{position:relative; padding: 6px 0 0 0; width:auto; height:auto; font-size:1.9em;color:#FFC; font-weight:100;}
.inputname2{position:relative; padding: 6px 0 0 0; width:15%; height:auto; font-size:1.9em;color:#FFC; font-weight:100;}
.inputname1{text-align:right; color:#FFC;}

.inputcontact{position:relative; padding: 6px 0 0 0; width:10%; height:auto; font-size:1.0em;color:#FFC; font-weight:100; text-align:left;}

table td{font-size:0.9em; font-weight:800;}


.bigscreen {display:none;}
.mobscreen {display:block;}

.tips img{
	width:90%;
    height:auto;
}
#koffers{text-align:right;}

#boxform li{ font-size:1.6em;
}

#boxform .formtel{font-size:1.9em; color:#FFF;}

.formtel a{color:#F90;}
.formtel a:hover{color:#B1CFFF;}
.formtel a:visited{color:#F90;}


#checkbox1{width:3.0em; height:3.0em; display:inline-block; vertical-align:top;}

#controle{color:#FFF; font-size:1.3em;}
.reset{color:#000; width:auto; height:2.2em; font-size:1.6em;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 498, color-stop(0, #FFFFFF), color-stop(1, #FF9900));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FF9900 100%);


}
.reset2{color:#000; width:auto; height:2.2em; font-size:1.0em;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 498, color-stop(0, #FFFFFF), color-stop(1, #FF9900));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FF9900 100%);


}
.vraag{font-size:1.0em; width:3.6em; text-align:right;}
#contactform2 .vraag2{width:3.6em; text-align:right;}
.naamcontact{width:110%;}

#boxfooter{display:block; font-size:0.6em; color:#666;}
#boxfooter a{color:#666;}
#boxfooter a:hover{color:#B1CFFF;}
#boxfooter a:visited{color:#666;}
#boxfooter .copyright{font-size:1.4em;}
#boxfooter #contactgegevens{display:none;}

input .adres2 {
	text-align:right;
}

.verborgen{display:none;}
.adres1{text-transform:lowercase;}

#resverzonden {text-align:center; font-family:Tahoma, Geneva, sans-serif;}
#resverzonden p{text-align:center; font-size:3.8em;}
#resverzonden h2{text-align:center; font-size:4.0em;}
#resverzonden .highlight{color:#FFC;}

#boxfooter .top a{font-size:1.0em; color:#FFC;}
#boxfooter .top a:hover {color:#FFF;}
#boxfooter .top a:visited{color:#FFC;}

.listheader{ font-size:1.2em; color:#FFC; text-decoration:none; line-height:1.6em;}
.listheader2{ font-size:1.0em; color:#B1CFFF; text-decoration:underline; margin-left:0;}

hr { 
	border: none;
    height: 1px;
    color: #FFF; /* old IE */
    background-color: #FFF; /* Modern Browsers */
	width:20%;
	margin: 0 auto; 
	margin-top:0.5%;
	color:#F80; background-color:#F80;
	opacity:0.5;
	display:none;

}
.lijn1{margin-top:3%; height:3px; color:#FFC; background-color:#FFC; width:30%;display:none;}
.lijn2{width:25%; height:2px;display:none;}

.plus{color:#FFC; font-size:1.4em;}



#boxplayer1 .ipadscreen{display:none;}
.datumipad{display:none}

/*-----------------------------------------------------vaste klantenformulier----------------------------------------------*/

#vasteklantenformulier .inputname{position:relative; padding: 6px 0 0 0; width:auto; height:auto; font-size:1.3em;color:#FFC; font-weight:100; text-align:left;}

#vasteklantenformulier .inputname1{position:relative; padding: 6px 0 0 0; margin-right:0px; width:auto; height:auto; font-size:1.2em;color:#FFC; font-weight:100; text-align:right;}

#vasteklantenformulier select{ font-size:0.9em;}

#vasteklantenformulier .reset{
	color:#000; width:auto; height:2.2em; font-size:1.4em;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 498, color-stop(0, #FFFFFF), color-stop(1, #FF9900));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FF9900 100%);


}

#vasteklantenformulier #controle{color:#FFF; font-size:1.2em; text-align:center;}
#vasteklantenformulier #voorwaarden{color:#FFF; font-size:1.0em;}

#vasteklantenformulier{font-family:"Century Gothic";}

.team{display:inline-block;}
#contactgegevens img{vertical-align:bottom; vertical-align:text-bottom;}

.textonsteam5 img{display:none;}
.textonsteam img{display:none;}



/* Tabletlay-out: 481 px tot 768 px. Neemt stijlen over van: mobiele lay-out.*/

@media only screen and (min-width: 481px) {
#textonsteam3 img{display:none;}
.textonsteam5 img{display:none;}
.textonsteam img{display:none;}
 .mobscreen{display:block;}
 .bigscreen{display:none;}
.effect-sadie  .bigscreen{display:none;}
#boxmoborgtext .categorie3{font-size:1.0em;}
.cd-main-nav .britishflag{width:3.5%; height:auto;}


.gridContainer {
	width: 99.4708%;
	padding-left: 0.2645%;
	padding-right: 0.2645%;
	margin-top:0px;
	font-size:2.8em;
}
#boxweer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxprijs {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxlogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxinfotext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
}
#boxplayer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#box24tips {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxplayer2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	overflow:hidden;
}
#boxplayer2 .mobscreen img{display:block;}
#boxtripstext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxform {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxform input, #boxform textarea, #boxform select{width:100%;}
.vraag{width:2em;}
#boxorganisatietext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxclass1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxclass2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxclass3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxclass4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxsplplan {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxhenkfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxpeterfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxguidofoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxronfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxerikfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxfreekfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxalmafoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxjarnofoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxpietfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxlouisfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxstevanfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxmoniquefoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#boxlinks1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxlinks2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxlinks3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxlinks4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxlinks5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxlinks6 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxcontact1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	font-size:0.5em;
}
#boxcontact2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxcontact3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxsitelinks1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxsitelinks2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxsitelinks3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxsitelinks4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxteamheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxlinksheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxsitesheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxcontactheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#classesheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#divider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
video{display:none;}

.cd-main-nav li{ font-size:1.0em;}
.cd-main-nav img{ width:auto;}
#divider5{ clear: both; float: left; margin-left: 0; width: 100%; display: block;}
#boxfooter .copyright{font-size:1.0em; display:none;}
.inputname1{position:relative; padding: 6px 0 0 0; width:auto; height:auto; font-size:1.4em;color:#FFC; font-weight:100;}
#boxform .reset{width:100%; font-size:1.0em;}
#boxform #controle{font-size:1.4em;}
#boxform .inputname1 .vraag{ width:3.0em;}

}



p{padding: 0 1% 0 1%;color:#B1CFFF; font-weight:400;}
ul{color:#FFF;}
table{color:#FFF;}
#divider{ position:relative; height:0px; width:80%; margin: 2% 0 3% 10%; background-color:#FFF;}
.headerpagina{ margin-left:2%; text-decoration:underline; font-size:0.9em; letter-spacing:10px; text-align:center;color:#FFC;}
h4{text-decoration:underline; text-align:center; padding: 3% 0 3% 0;}
#plaatsnaam {font-size:2.0em; color:#B1CFFF;}



.verborgen{position:relative; opacity:0;}
legend{ font-size:2.0em; color:#B1CFFF; width:auto; margin-left:3%;}

table{max-width:100%;}


#map   {position:relative; width:100%; height:auto; padding-right:0px; clear:both; background-color:#222E38; text-align:center;}


#call{font-size:1.7em;color:#B1CFFF; font-weight:400;}
#mobcontact{text-align:left;}
#boxform #contactbox{margin: 0 2.6% 0 2.6%; padding:4% 1% 1% 1%;}
.stip{color:#FFC;}



/*------------------------------copyright---------------------------------*/

.copyright  					 {
	font-family:"Century Gothic"; 
	font-size:2.0vw; 
	color:#777; color:#637F98;
	text-align:center;
	opacity:0.3;
}		
#boxfooter p{text-align:center;}
.copyright p{text-align:center;}


a{color:#F90;}
a:hover{color:#B1CFFF;}
a:visited{color:#F90;}

#boxsitelinks1 a{color:#ccc;}
#boxsitelinks2 a{color:#ccc;}
#boxsitelinks3 a{color:#ccc;}
#boxsitelinks4 a{color:#ccc;}
#boxsitelinks5 a{color:#ccc;}
#boxsitelinks6 a{color:#ccc;}

#boxsitelinks1 a:hover{color:#B1CFFF;}
#boxsitelinks2 a:hover{color:#B1CFFF;}
#boxsitelinks3 a:hover{color:#B1CFFF;}
#boxsitelinks4 a:hover{color:#B1CFFF;}
#boxsitelinks5 a:hover{color:#B1CFFF;}
#boxsitelinks6 a:hover{color:#B1CFFF;}


#boxinfotext ul{color:#FFF;}
#boxinfotext2 ul{color:#B1CFFF;}

form{padding:2%;}



.tips {font-size:1.5em; color:#B1CFFF; line-height:1.6em;}

#contactgegevens{color:#D7AF88; font-size:0.6em; text-align:center;}

#boxfooter .copyright  {font-family:"Century Gothic"; width:100%; font-size:2.0em; color:#393939; color:#768FAA;}

#boxform form{ text-align:left;}
.categorie{ margin-left:0;color:#B1CFFF; text-align:left; line-height: 1.6em; font-weight:600; font-size:0.5em; list-style:none;}
.categorie2{ margin-left:1%;color:#B1CFFF; text-align:left; line-height: 1.6em; font-weight:600; font-size:0.48em; list-style:none;}
.categorie3{ margin-left:0%;color:#B1CFFF; text-align:left; line-height: 0.8em; font-weight:600; font-size:1.2em; list-style:none;}

#divider2{width:100%; background-color:#FFF; height:2px;}

.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

#ankerform {
                
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
  margin-top:-10%;
}

#ankerafhalen {
	clear:both;
	float:left;
	display:block;
	margin-top:-6%;
}


#ankercontact {
	clear:both;
	float:left;
	display:block;
	margin-top:-83.3%;
}



#boxmoborgtext {
                
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}

#boxsplplanmob {
                
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}



#line {
                
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block;
}


.contactvraag ul{font-size:2.6em; color:#FFF; padding-top:0%; color:#9A9A9A;}
#container{position:relative; margin:0 auto; width:100%; margin-top:6%; background-color:#142133; padding-top:2%; padding-bottom:2%; font-size:2.0em;}
.highlight4{color:#FFC;}
h8{color:#B1CFFF; font-size:2.0em; text-decoration:underline;}






/*---------------------------------------------------------------------big screen--------------------------------------------------------------*/

@media only screen and (min-width: 930px) {
.vragen{font-style:italic; font-size:0.9em; font-weight:bold;color:#B1CFFF;}
.textvragen{font-size:0.8em; color:#9A9A9A;}
#container{position:relative; margin:0 auto; width:80%; margin-top:6%; background-color:#142133; padding-top:2%; padding-bottom:2%; font-size:1.0em;}
body{
background-image:url(../images/backbodyP.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;

}
#textonsteam3 img{display:block;}
.cd-main-nav .britishflag{width:100%; height:auto;}
#afhaalprocedure{text-align:left; margin-left: 22%; font-size:1.4em; line-height:1.5em;color:#9A9A9A;}
p {
	font-size:1.0em; font-weight:400; line-height:1.2em;color:#9A9A9A; 
}

#boxfooter #contactgegevens{display:block; color:#B1CFFF;}
#boxfooter h6{line-height:1em;}
.textonsteam, .textonsteam5 {
	font-size:1.0em; max-width:100%; margin:-8.5% 3% 5% 3%;
	background-size:contain; 
	background-position:center; 
	padding:3% 0 3% 6%; color:#536981; color:#C7C9D2;
	
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Opera */ 
background-image: -o-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 956, color-stop(0, #41556B), color-stop(1, #19273A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-side at right bottom, #41556B 0%, #19273A 100%);
}

.textonsteam img{ position:relative; float:right; margin: 0 2% 0 1%; text-wrap:none; width:34%; height:auto;}
#textonsteam3 img{ position:relative; float:right; margin: 0 2% 0 1%; text-wrap:none; width:34%; height:auto;}
.textonsteam1 {
	font-size:1.0em; max-width:100%; margin:-8.5% 3% 5% 3%;
	background-size:contain; 
	background-position:center; 
	padding:3% 15% 3% 17%; color:#536981; color:#C7C9D2;
	
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Opera */ 
background-image: -o-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 956, color-stop(0, #41556B), color-stop(1, #19273A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-side at right bottom, #41556B 0%, #19273A 100%);
}
.textonsteam5 {padding-right:4%;}
.textonsteam5 img { position:relative; float:left; margin: 0 1% 0 0; text-wrap:none; width:32%; height:auto;}

#organisatie{max-width:100%;}
h1 {
	font-size:1.1em;line-height:2.4em; margin:4% 0 2% 0; padding-left:4%;
}
h6 {font-size:3.4em; color:#FFF; text-align:left; margin-top:5%; padding-left:4%; padding-top:2%; font-weight:100; line-height:4.6em;color:#FFC; }
.gridContainer {
	width: 99.6031%;
	max-width: 1232px;
	padding-left: 0.1984%;
	padding-right: 0.1984%;
	margin: auto;
	margin-top:70px;
	font-size:1.0em;
	background-image:url(../images/backheaderfinalP.jpg);
	background-repeat:repeat-x;
	background-color:#4D667E; background-color:#142133;
	padding-top:10px;
	
}
img{ width:auto;}
#boxweer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.7011%;
	display: block;
	padding:0 0 0 5%;
}
#boxprijs {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 7.9681%;
	display: block;
}
#boxlogo {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 44.8007%;
	display: block;
	margin:0;
	padding:0;
	max-height:150px;
}
#boxinfotext {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	margin-top:10px;
	width: 29.7011%;
	display: block;
	margin-right:0;
}
#boxplayer1 {
	clear: both;
	float: left;
	margin-left: 0.3984%;
	width: 28.0677%;
	display: block;
}
#boxplayer1 img{ position:relative; margin-top:-56.2%; margin-top:0; display:block; z-index:1;}

#foto1  { position:relative;  margin: 0; z-index:1; opacity:1; }
#foto1a { position:relative;  margin: 0; margin-top:-60%; z-index:1; opacity:0;}
#foto2  { position:relative;  margin: 0; margin-top:-60%; z-index:1; opacity:0;}
#foto2a { position:relative;  margin: 0; margin-top:-60%; z-index:1; opacity:0;}
#foto3  { position:relative;  margin: 0; margin-top:-60%; z-index:1; opacity:0;}
#foto3a { position:relative;  margin: 0; margin-top:-60%; z-index:1; opacity:0;}
#foto4  { position:relative;  margin: 0; margin-top:-60%; z-index:1; opacity:0;}
#foto4a { position:relative;  margin: 0; margin-top:-60%; z-index:1; opacity:0;}

#box24tips {
	clear: none;
	float: left;
	margin-left: 0;
	width: 43.0677%;
	display: block;
	text-align:center;
}
#boxplayer2 {
	clear: none;
	float: left;
	margin-left:0.3984%;
	width: 28.0677%;
	display: block;
	overflow:visible;
}
#boxplayer2 img{display:block;}
#boxtripstext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.7011%;
	display: block;
}
#boxform {
	clear: both;
	float: left;
	margin-left: 0.3984%;
	width: 49.8007%;
	display: none;
	-webkit-box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
    -moz-box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
    box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
}
#boxorganisatietext {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#boxclass1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.7011%;
	display: block;
}
#boxclass2 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxclass3 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxclass4 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxsplplan {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxhenkfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.7011%;
	display: block;
}
#boxpeterfoto {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxguidofoto {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxronfoto {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxerikfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.7011%;
	display: block;
}
#boxfreekfoto {
	clear: none;
	float: left;

	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxalmafoto {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxjarnofoto {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxpietfoto {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.7011%;
	display: block;
}
#boxlouisfoto {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxstevanfoto {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxmoniquefoto {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxlinks1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 16%;
	display: block;
}
#boxlinks2 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 16%;
	display: block;
}
#boxlinks3 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 16%;
	display: block;
}
#boxlinks4 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 16%;
	display: block;
}
#boxlinks5 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 16%;
	display: block;
}
#boxlinks6 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 16%;
	display: block;
}
#boxcontact1 {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 45%;
	display: block;
	font-size:1.05em;
}
.backarticle {
	max-height:510px;}
#boxcontact2 {
	clear: none;
	float: left;
	margin-left: 6%;
	width: 45%;
	display: block;
	min-height:510px;
}
#boxcontact3 {
	display:none;
}
#boxsitelinks1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.7011%;
	display: block;
}
#boxsitelinks2 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxsitelinks3 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxsitelinks4 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 24.7011%;
	display: block;
}
#boxsitelinks5 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 16.3346%;
	display: block;
}
#boxsitelinks6 {
	clear: none;
	float: left;
	margin-left: 0.3984%;
	width: 16.3346%;
	display: block;
}
#boxfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxteamheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}
#boxlinksheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:1%;
}
#boxsitesheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxcontactheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#classesheader {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#divider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
video{display:block;}
.cd-main-nav img{ width:auto;}
#divider5{ clear: both; float: left; margin-left: 0; width: 100%; display: none;}	

	
#boxinfotext {display:block; font-size:1.0em;}
#boxinfotext2 {display:none;}	
	
#boxmoborgtext li {
		font-size:1.1em;
}	
#boxlogo img {
	position:relative;
	z-index:3;
}


.tips img{
	display:none;
}

/*----------------------------------------------------------menu-----------------------------------------------------------*/

 .cd-header {
    height: 70px;
}
  .cd-header #cd-logo {
    margin: 0px 0 0 5%;
}

/*----------------------------------------------------------hier dusssssssssssssssss----------------------------------------------------------*/
.cd-main-nav {
    width: auto;
    height: auto;
    background: none;
    cursor: auto;
}
  .cd-main-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height: 100px;
}
  .cd-main-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
  .cd-main-nav li {
    display: inline-block;
    margin-left: 0;
}
  .cd-main-nav a {
    display: inline-block;
    height: auto;
    line-height: 1.0em;
    background: transparent;
    padding: 0 1em;
    border-top: none;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
}
.cd-header #cd-logo img {
  display: block;
  width:7em;
  height:auto;
  margin-top:6px;
}
.cd-main-nav li img{
	width:100%;
	height:auto;
}
#ankerform{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#boxmoborgtext{
	clear: none;
	float: left;
	margin-left: 0;
	width: 24.7011%;
	display: block;
}
#boxsplplanmob{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
.categorie{color:#B1CFFF; text-align:left; line-height: 1.6em; font-weight:600; font-size:0.8em; list-style:none;

/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Opera */ 
background-image: -o-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 956, color-stop(0, #41556B), color-stop(1, #19273A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-side at right bottom, #41556B 0%, #19273A 100%);
}
.categorie li{margin:0 5% 0 5%;}

.plus{color:#FFC; font-size:1.0em; font-weight:bold;}

#boxform2 {
	clear: none;
	float: left;
	margin: 0 1% 0 1%;
	width: 48%;
	display: block;
	-webkit-box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
    -moz-box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
    box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
	background-size:contain; 
	background-position:center; 
	
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Opera */ 
background-image: -o-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 956, color-stop(0, #41556B), color-stop(1, #19273A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-side at right bottom, #41556B 0%, #19273A 100%);
}

#boxplayer2 .mobscreen {display:none;}
#boxlogo .mobscreen {display:none;}
#boxlogo .bigscreen {display:block;}
#boxform {display:none;}
#boxform2 {display:block;}

#boxform2 input, #boxform2 textarea, #boxform2 select{width:100%;color:#000; margin:0;font-family:Verdana, Geneva, sans-serif; font-size:0.9em;

border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
background-color:#fff; background-color:#E0E0E0; background-color:#E4F4FF; background-color:#B8DBF4; background-color:#E6F2FF;
color:#000;

}


.inputname{position:relative; padding: 6px 0 2px 0; width:auto; height:auto; font-size:1.0em;color:#FFC; font-weight:400; text-align:left;}
.inputname4{position:relative; padding: 6px 0 2px 0; width:35%; height:auto; font-size:1.0em;color:#FFF; font-weight:400; text-align:right;}

#boek24{font-size:1.4em; color:#FFF; line-height:1.0em; font-weight:600; 
}
#call{ font-size:1.5em; color:#FFC; font-weight:400;}
legend{font-size:1.6em; text-align:left;}
#boxform2 .vraag{ width:3.6em; text-align:right;}

#boxform2 #contactbox2{margin: 0 0 0 2.5% ; padding: 0 0 4% 0 ; width:95%; font-size:0.9em; }


#boxmoborgtext .categorie3{ margin-left:0.75%;color:#FFC; text-align:left; line-height: 1.2em; font-weight:400; font-size:0.9em; list-style:none;

background-size:contain; 
	background-position:center; 
	padding:5%;
	width:98.5%;}
	
	
.mobscreen{display:none;}
.effect-sadie .bigscreen{display:block;}
#boxmoborgtext .bigscreen{display:block;}
#boxfooter .copyright{display:block;}

.tips {font-size:3.0em; color:#B1CFFF; line-height:1.6em;}
.stip {color:#FFC; font-size:1.1em;}
.top{display:none;}

.grid figure h2 {
	display:block;
}
.cd-main-nav .mobscreen{display:none;}

.spacer2{line-height:0.2em;}
#contactform2 #spacer3{line-height:3.0em;}

#boxform2 .tijd1{ position:relative; width:4.8em; text-align:left;  padding:0; margin-top:15%;}
#boxform2 .tijd2{ position:relative; width:4.8em; text-align:left; margin-right:100%;}

#boxform2 .dag{width:105%; margin-left:0;}
#boxform2 .maand{width:108%; margin-left:2.5%;}
#boxform2 .jaar{width:80%; margin-left:2%;}

.links{text-align:left; margin:0;}

#boxform2 textarea{margin-top:1%;}

.websitelinks a{ font-size:1.6em;
}

#boxlinks1{ margin-left:2%;}
#line{ clear: both; float: left; margin-left: 0; width: 100%; display: block;}

li #mobtelefoonnummer{font-size: 1.2em; line-height:1.1em; color:#F90;}


.backarticle{
	background-size:contain; 
	background-position:center; 
	padding:5% 3% 5% 4% ; color:#3F94EC; color:#4E73A5; color:#4D5A67; color:#9A9A9A;color:#C7C9D2; font-size:0.95em;
	
	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Opera */ 
background-image: -o-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 956, color-stop(0, #41556B), color-stop(1, #19273A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-side at right bottom, #41556B 0%, #19273A 100%);
 

 
}

.meerinfo{color:#C7C9D2; font-size:0.95em;}

#contactform2 .reset3 {color:#000; width:100%; height:2.2em; font-size:1.4em; 
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 498, color-stop(0, #FFFFFF), color-stop(1, #FF9900));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FF9900 100%);
}


#voorwaarden, #controle{text-align:right;}

.highlight{color:#B1CFFF;}
#boxcontact2 h4{font-size:2.3em;}
#boxcontact2 li{font-size:2.4em; text-align:center; margin-left:3%;}
#contactform { display:none;}
#contactform2 { display:block; text-align:right;

}
#contactform2 input, #contactform2 textarea{width:100%; font-size:1.8em;

border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
background-color:#B1CFFF;background-color:#E6F2FF;
color:#000;}
#contactform2 #contactlegend{ font-size:3.0em;}
#contactform2 fieldset{margin-top:-2%;}
.inputname3{font-size:1.6em; color:#FFC; font-weight:400;}

#resverzonden {text-align:center; font-family:Tahoma, Geneva, sans-serif;}
#resverzonden p{text-align:center; font-size:2.8em;}
#resverzonden h2{text-align:center; font-size:3.0em;}
#resverzonden .highlight{color:#FFC;}

#boxfooter .copyright{font-size:3.4em;}

#boxfooter{display:block; font-size:1.6em; color:#FFC; z-index:999; opacity:0.7;}
#boxfooter a{color:#F90;}
#boxfooter a:visited{color:#F90;}
#boxfooter a:hover{color:#B1CFFF;}

#boxfooter .top{display:block; font-size:0.8em;}
#boxfooter .top a:hover{color:#B1CFFF;}
.grid .maptext{font-size:2.0em;}


#vasteklantenformulier{ max-width:30%; min-width:800px; font-size:1.0em; line-height:2.0em; font-family:"Century Gothic";}
#vasteklantenformulier .inputname{font-size:1.3em;}
#vasteklantenformulier .reset{font-size:1.0em;}
#vasteklantenformulier select{ font-size:1.2em;}
#vasteklantenformulier{ padding:0; margin:0 auto; margin-top:10%;

/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Opera */ 
background-image: -o-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 956, color-stop(0, #41556B), color-stop(1, #19273A));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-side, #41556B 0%, #19273A 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-side at right bottom, #41556B 0%, #19273A 100%);

-webkit-box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
    -moz-box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);
    box-shadow: 0px 3px 12px 6px rgba(41,41,41,0.88);


}
#vasteklantenformulier #controle{text-align:right;}
#ankercategorie {
	clear:both;
	float:left;
	display:block;
	margin-top:-1.8%;
}
.textonsteam5 img{display:block;}
.textonsteam img{display:block; margin-right:0;}
#boxplayer1 .ipadscreen{display:block; z-index:1; }
#video1{ position:relative; z-index:2;}

}

@media only screen and (min-width: 1182px) {
.vragen{font-style:italic; font-size:1.0em; font-weight:bold;color:#B1CFFF;}
.textvragen{font-size:1.0em; color:#9A9A9A;}
#container{position:relative; margin:0 auto; width:50%; margin-top:6%; background-color:#142133; padding-top:2%; padding-bottom:2%;font-size:1.0em;}
.textonsteam5 img{display:block;}
.textonsteam img{display:block;}
}
/*---------------------------------------------------------------------ipad retina--------------------------------------------------------------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	 

#boxplayer1 img .ipadscreen{display:block;}
p {
	font-size:1.1em;
}

h6 {
	font-size:3.1em;
	line-height:1.3em;
	color:#FFC;
	padding-top:10%;
}
#boxmoborgtext .categorie3 {
	font-size:0.8em;
}
.categorie{
	font-size:0.7em;
}
.vragen{ font-size:0.95em;}
.textvragen{ font-size:0.9em;}
.contactgegevens{font-size:0.9em;}
#boxfooter .copyright {
	font-size:2.4em;
}
#boxfooter #contactgegevens{display:block; color:#B1CFFF; margin: 0 2% 0 2%; font-size:0.6em;}
#boxform2 input, #boxform2 textarea, #boxform2 select{font-size:0.8em; text-align:left;}
#boxform2 .dag{width:4.8em;}
#boxform2 .maand{width:6.8em;}
#boxform2 .jaar{width:5.5em;}
table{text-align:left;}

#ankercategorie {
	clear:both;
	float:left;
	display:block;
	margin-top:-10%;
}

#vasteklantenformulier select{font-size:1.1em;}
#vasteklantenformulier .vraag{width:4em; font-size:0.8em;}
#vasteklantenformulier .tijden{ padding-right:5%;}
#vasteklantenformulier{font-family:"Century Gothic";}
.textonsteam {
	margin:-1% 3% 5% 3%;
	
}
.textonsteam1 {
	margin:-1% 3% 5% 3%;
	
	
}
.textonsteam5 {
	margin:-1% 3% 5% 3%;
	
	
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { 

#vasteklantenformulier select{font-size:1.0em;}
#vasteklantenformulier .dag{ width:4.5em;}
#vasteklantenformulier .maand{ width:8.0em;}
#vasteklantenformulier .jaar{ width:5.5em;}
#vasteklantenformulier .adres1{ font-size:1.0em;}
#vasteklantenformulier .adres2{ font-size:1.0em;}
#vasteklantenformulier input{ font-size:1.1em;}
#vasteklantenformulier .vraag{ width:3.5em;}
#vasteklantenformulier #controle{ text-align:right;}
#vasteklantenformulier #voorwaarden{ text-align:right;}
#vasteklantenformulier .reset{ font-size:1.0em;}
#vasteklantenformulier{font-family:"Century Gothic";}


}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
#boxplayer1 .ipadscreen{display:block;}
h1{
	font-size:1.0em;
	line-height:3.0em;
	color:#FFF;
}
h6 {
	font-size:3.1em;
	line-height:1.3em;
	color:#FFC;
	padding-top:10%;
}
#boxform2 #boek24{font-size:1.2em;}
.vragen{ font-size:0.95em;}
.textvragen{ font-size:0.9em;}
.contactgegevens{font-size:0.9em;}
#boxmoborgtext .categorie3 {
	font-size:0.75em;
}
.categorie{
	font-size:0.7em;
}
#boxfooter .copyright {
	font-size:2.4em;
}
#ankercategorie {
	clear:both;
	float:left;
	display:block;
	margin-top:-10%;
}
#vasteklantenformulier select{font-size:1.0em;}
#vasteklantenformulier .dag{ width:4.5em;}
#vasteklantenformulier .maand{ width:8.0em;}
#vasteklantenformulier .jaar{ width:5.5em;}
#vasteklantenformulier .uur{ width:4.5em; margin-left:25%;}
#vasteklantenformulier .minuut{ width:4.5em; margin-right:25%;}
#vasteklantenformulier .inputname{ font-size:1.1em;}
#vasteklantenformulier .vraag{ width:3.5em;}
#vasteklantenformulier #controle{ text-align:right;}
#vasteklantenformulier #voorwaarden{ text-align:right;}
#vasteklantenformulier .reset{ font-size:1.0em;}
#vasteklantenformulier{font-family:"Century Gothic";}
.textonsteam {
	margin:-1% 3% 5% 3%;
	
}
.textonsteam1 {
	margin:-1% 3% 5% 3%;
	
	
}
.textonsteam5 {
	margin:-1% 3% 5% 3%;
	
	
}

}

/*----------------------------------------------------------------ipad portrait-------------------------------------------------------------*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
body{width:80%; margin:0 auto;}
h1{font-size:0.8em;}
h6{font-size:0.8em;}

.cd-main-nav li {
	padding: 0;
	height: 96px;
	}

.cd-main-nav .britishflag{width:15%; height:auto;}
	
}

/*-----------------------------------------------------iPhone 5 portrait---------------------------------------------------------*/


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

input, textarea, select{width:100%;color:#000;; background-color:#D0DEF4; font-family:Verdana, Geneva, sans-serif; font-size:0.7em;}

#box24tips {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.35em;
}

#boxform {max-width:100%;}

#boxform table #boekingsform{ width:100%;}

#boxform .formtel{font-size:1.7em; color:#FFF;}

.reset{
	color:#000; width:9em; height:2.8em; font-size:1.7em; background-color:#FFC; margin-left:2px;
}

#boek24{font-size:1.8em; color:#FFF; line-height:1.0em; font-weight:600; 
}
#call{font-size:1.5em;color:#B1CFFF; font-weight:400;}
#boxform .inputname1{position:relative; padding: 6px 0 0 0; margin-right:0px; width:auto; height:auto; font-size:1.7em;color:#FFC; font-weight:100; text-align:right;}
#controle{color:#FFF; font-size:1.6em; text-align:right;}

#boxmoborgtext li {
		font-size:0.5em;
		text-align:left;
}

#boxsitelinks1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
	text-align:left;
	padding-left:2%;
}
#boxsitelinks2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
	text-align:left;
	padding-left:2%;
}
#boxsitelinks3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
	text-align:left;
	padding-left:2%;
}
#boxsitelinks4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:0.5em;
	text-align:left;
	padding-left:2%;
}

#boxfooter .copyright{font-size:1.2em;}

#boxcontact2 .inputname1{font-size:0.8em; color:#FFC;}

.reset{color:#000; width:auto; height:2.2em; font-size:1.7em;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 498, color-stop(0, #FFFFFF), color-stop(1, #FF9900));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FF9900 100%);


}

.reset2{color:#000; width:auto; height:2.2em; font-size:0.9em;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 498, color-stop(0, #FFFFFF), color-stop(1, #FF9900));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FF9900 100%);


}

#vasteklantenformulier .reset{color:#000; width:auto; height:2.2em; font-size:1.1em;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 498, color-stop(0, #FFFFFF), color-stop(1, #FF9900));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FFFFFF 0%, #FF9900 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FF9900 100%);


}

#boxclass1 .effect-sadie{display:none;}
#boxclass1 .effect-sadie img{display:block;}
#boxclass2 .effect-sadie{display:none;}
#boxclass2 .effect-sadie img{display:block;}
#boxclass3 .effect-sadie{display:none;}
#boxclass3 .effect-sadie img{display:block;}
#boxclass4 .effect-sadie{display:none;}
#boxclass4 .effect-sadie img{display:block;}

.categorie li{ margin-left:2%;color:#B1CFFF; text-align:left; line-height: 1.6em; font-weight:600; font-size:0.65em; list-style:none;}


#vasteklantenformulier .inputname1{text-align:right; font-size:1.1em;}

#vasteklantenformulier #controle{text-align:center; font-size:1.1em;}

.inputcontact{position:relative; padding: 6px 0 0 0; width:10%; height:auto; font-size:1.0em;color:#FFC; font-weight:100; text-align:left;}
.inputcontact2{position:relative; padding: 6px 0 0 0; width:100%; height:auto; font-size:1.0em;color:#FFC; font-weight:100; text-align:left;}

.headerpagina{ margin-left:2%; text-decoration:underline; font-size:0.8em; letter-spacing:8px; text-align:center;color:#FFC;}

#voorwaarden{font-size:1.6em; text-align:center;}

#controle{color:#FFF; font-size:1.7em; text-align:center;}
#vasteklantenformulier #controle{text-align:center; font-size:1.0em;}


.categorie2{ margin-left:2%;color:#B1CFFF; text-align:left; line-height: 1.6em; font-weight:600; font-size:0.40em; list-style:none;}
.categorie3 li{color:#FFC; margin:6px 0 6px 0; text-align:left; line-height: 1.3em; font-size:90px; font-weight:600; list-style:none;}

.cd-main-nav li{font-size:2.0em;}

}
/*-----------------------------------------------------iPhone 5 landscape---------------------------------------------------------*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {

.cd-main-nav li {
	padding: 0;
	height: 40px;
}

.cd-main-nav li img{
	width:8%;
	height:auto;
}

.cd-main-nav ul.is-visible {
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  font-size:1.1em;
}

input, textarea, select{width:100%;color:#000;; background-color:#D0DEF4; font-family:Verdana, Geneva, sans-serif; font-size:0.8em;}
	
#boxform .inputname1{position:relative; padding: 6px 0 0 0; margin-right:0px; width:auto; height:auto; font-size:1.7em;color:#FFC; font-weight:100; text-align:right;}

.reset{width:100%;  margin-left:0%; }

#controle{color:#FFF; font-size:1.5em; text-align:center; width:100%;}

#voorwaarden{font-size:1.5em; text-align:center; width:100%;}

#boxclass1 .effect-sadie{display:none;}
#boxclass1 .effect-sadie img{display:block;}
#boxclass2 .effect-sadie{display:none;}
#boxclass2 .effect-sadie img{display:block;}
#boxclass3 .effect-sadie{display:none;}
#boxclass3 .effect-sadie img{display:block;}
#boxclass4 .effect-sadie{display:none;}
#boxclass4 .effect-sadie img{display:block;}

.cd-main-nav li{font-size:2.0em;}

.categorie li{ font-size:0.8em;}
	
}

/*-------------------------------------------------------iPhone 6 portrait---------------------------------------------------*/


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

#boxform .formtel{font-size:2.0em; color:#FFF;}
#boxform .inputname1{position:relative; padding: 6px 0 0 0; margin-right:0px; width:auto; height:auto; font-size:1.9em;color:#FFC; font-weight:100; text-align:right;}
input, textarea, select{width:100%;color:#000;; background-color:#D0DEF4; font-family:Verdana, Geneva, sans-serif; font-size:0.8em;}

#voorwaarden{font-size:1.5em;}

#controle{color:#FFF; font-size:1.5em; text-align:center;}

#vasteklantenformulier .reset{
	color:#000; 
	width:9em; 
	height:2.2em; 
	font-size:1.3em; 
	background-color:#FFC; 
	margin-left:2px;
	

}
#boxclass1 .effect-sadie{display:none;}
#boxclass1 .effect-sadie img{display:block;}
#boxclass2 .effect-sadie{display:none;}
#boxclass2 .effect-sadie img{display:block;}
#boxclass3 .effect-sadie{display:none;}
#boxclass3 .effect-sadie img{display:block;}
#boxclass4 .effect-sadie{display:none;}
#boxclass4 .effect-sadie img{display:block;}

.categorie li{font-size:0.75em;}
.categorie2{ margin-left:2%;color:#B1CFFF; text-align:left; line-height: 1.6em; font-weight:600; font-size:0.45em; list-style:none;}
.cd-main-nav li{font-size:2.0em;}
h1{font-size:1.3em;}

#boxplayer2{overflow:hidden;}
}

/*-------------------------------------------------------iPhone 6 landscape---------------------------------------------------*/

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {	
	
.cd-header #cd-logo img {
  display: block;
  width:5em;
  height:auto;
  margin-top:-6px;
}
	
.cd-header {
    height: 54px;
}
.cd-main-nav li {
	padding: 0;
	height: 42px;
}
.cd-main-nav li img{
	width:10%;
	height:auto;
}
.cd-main-nav {
  float: right;
  margin-right: 5%;
  width: 100px;
  height: 100%;
  background: url("../images/cd-icon-menu.svg") no-repeat center center;
  background-size: 70px 70px;
  cursor: pointer;
}
.cd-main-nav ul.is-visible {
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transform: translateY(60px);
  font-size:1.0em;
}
.cd-main-nav li img{
	width:9%;
}


input, textarea, select{width:100%;color:#000;; background-color:#D0DEF4; font-family:Verdana, Geneva, sans-serif; font-size:0.8em;}

#boxform .inputname1{position:relative; padding: 6px 0 0 0; margin-right:0px; width:auto;width:195%; height:auto; font-size:1.9em;color:#FFC; font-weight:100; text-align:right;}
.reset{width:100%;  margin-left:0%; }

#controle{color:#FFF; font-size:2.5em; text-align:right;}
.cd-main-nav .britishflag{width:10%; height:auto;}
}

@media only screen and (max-width: 1048px) {

.cd-main-nav  a { font-size:0.7em; padding-right:0%;}


}
@media only screen and (max-width: 930px) {
#textonsteam3 img{display:none;}
}

@media only screen and (max-width: 1100px) {

}

@media only screen and (min-width : 1024px) and (max-width: 1032px)   {
h1{font-size:1.0em; padding-bottom:10px; line-height:1.4em;}
.categorie{font-size:0.65em;}
#boxmoborgtext li{font-size:0.8em;}
#formmedscreen{font-size:0.8em;}
.backarticle{font-size:0.8em;}



}
@media only screen and (max-width: 1200px) {
h1{font-size:0.95em;}
.categorie{font-size:0.7em;}
#boxmoborgtext .categorie3{font-size:1.0em;}
}
@media only screen and (min-width: 1025px) and (max-device-width : 1199px) 
 {
h1{font-size:0.8em;}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	#boxmoborgtext .categorie3{font-size:1.0em;}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
h1{font-size:0.6em;}
}

/*-----------------------------------------------------einde iphone layout---------------------------------------------------------*/

#boxtripstext h1, #boxmoborgtext h1{font-size:0.6em;}
@media only screen and (min-width: 900px) {
#boxtripstext h1, #boxmoborgtext h1{font-size:1.0em;}
}
@media only screen and (min-width: 1130px) {
#boxtripstext h1, #boxmoborgtext h1{font-size:1.2em;}
}


#boxform2 .vraag {font-size:1.0em; width:5.5em;}
#boxform2 .inputname1{font-size:1.3em;}

#boxform .vraag {font-size:1.0em; width:5.5em;}
#boxform .inputname1{font-size:1.6em;}

#boxcontact2 .vraag {font-size:0.6em; width:5.5em;}
#boxcontact2 .inputname1{font-size:0.8em;}

#boxcontact2 .vraag2 {font-size:2.0em; width:5.5em;}
#boxcontact2 .inputname3{font-size:1.8em;}

#vasteklantenformulier .vraag {font-size:1.0em; width:5.5em;}
#vasteklantenformulier .inputname1{font-size:1.3em;}


.privacy{width:5.0em; max-width:5.0em;}