html { font-size: 62.5%; background-color:#fff; overflow-y: scroll; height:100%;}
body{ padding:0; margin:0; font-family: 'Open Sans', sans-serif; color:#4a4a4a; font-size: 100%; background-color:#FFFFFF; height:100%;}
header, section, footer, aside, main, article, figure{ display: block; }

/*general*/
	h1, h2, h3, h4{ margin:0; padding:0; font-weight:normal;}
	h1{font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size:2.6em; color:#2f3699;}
	h2{font-family: 'Open Sans Condensed', sans-serif; color:#2f3699; font-size:2.6em; }
	h3{ margin-bottom:1em;font-size:2.2em;}
	h4{ font-size:1.8em; font-family: 'Open Sans Condensed', sans-serif;}
	li{ font-size:1.4em;}
	p{ font-size:1.4em;}
	table{ font-size:1.4em;}
	a{color:#2f3699; text-decoration:none;}
	a:hover{text-decoration: underline;}
	a { outline: 0;}
	img{ border:0;}
	.clear{ clear:both; float:none !important; padding:0 !important; height:0 !important;}
	.floatright{ float:right;}
	.floatleft{ float:left;}
	.aligncenter{ text-align:center;}
	.alignleft{ text-align:left;}
	.block{ display:block !important;}
	.displaynone{ display:none;}
	.posrel{ position:relative;}
	span.clear{ clear:both; display:block}
	ul {list-style-type: none;	margin: 0;	padding: 0;	}
	ul li {	background: url(../images/bullet.png) no-repeat 0 0.7em; background-size:0.5em; padding-left:1.2em; font-size: 1.4em; line-height:1.8em; text-align:left;}
	.inputerror {border: solid 2px #ff9f9f !important;}
	.inputnoerror{border: solid 2px #6fcd00 !important;}
	input[type='text'], input[type='email'], input[type='password']{ height:2.7em; border:1px solid #99b5ed; border-radius:0.3em; padding-left:1em; box-sizing:border-box}
	select{ height:2.7em; padding-left:0.5em; box-sizing:border-box}
	input[type='text'], input[type='email'], input[type='password']{ width:95%;}
	.sectionholder1 .twocolumns > div.bullets{ position:absolute; bottom:1em; padding: 0; width: 39%; text-align: center;} /*!important*/
	.sectionholder1 .twocolumns > div.bullets a{ width:1em; height:1em; display:inline-block; border:1px solid #fff; border-radius:1em; margin-right:0.3em; z-index:10;}
	.sectionholder1 .twocolumns > div.bullets a.active{ background-color:#FFF;}
	.error{ color:#F00}
	.infohdr {
		width:332px;
		font-weight:bold;
		padding:6px 10px;
		background-color: #2f3699;
		color:#FFF;
		font-size:1.4em;
		z-index:2;
		position:relative;
	}
	.infobdy {
		width:330px;
		border: 1px solid #2f3699;
		padding:6px 10px;
		border-top:none;
		font-size:1.4em;
		background-color: #fff;
		z-index:2;
		position:relative;
	}
	.infodot{ padding-right:1.4em; background:url(../images/info.png) no-repeat right top; cursor:default; font-weight:600;}
	.infodotmini{ cursor:default; font-weight:600; border-bottom: #7f7f7f 1px dotted;}
	.sectionholder1 .infodotmini { border-bottom: #fff 1px dotted;}
	.features .infodotmini { border-bottom: #fff 1px dotted;}
	.greyback{ background-color:#f3f3f3;}
	.faq_answer ul , .faq_answer ol  { margin:0 0 1em 0; padding-left:1.5em;}
	.faq_answer ul li, .faq_answer ol li { font-size:1em;}
	.faq .illustratie{ width:25%; margin-left:1em; margin-bottom:1em;}
	.sitesection{ display:none;}
	button.btn, a.btn, input[type="submit"], input[type="button"], .menu_rest a.btn{ font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; background: #cb397a; background-size:1.2em; border-radius:3px; padding:0.2em 1.3em 0.3em 1.3em;color: #FFF; text-decoration:none; display:inline-block; border:none; font-size:2.2rem;}
	.userreviews input[type="submit"]{ width:60%;}
	input[type="button"].selected { background: #53CB39; }
	input[type="button"].selected:hover { background: #7DD06C; }
	button.btn:hover, a.btn:hover, input[type="submit"]:hover, input[type="button"]:hover{ background-color:#f167a4; cursor:pointer;}
	input[type="submit"].displaynone{ display:none;}
	.mobile{ display:none;}
	video { width:100%;}
	.anchor{ position: absolute; top: -12em;}

	.toggle-text {
		font-size: 1.4em;
	}
	.toggle-text h3 {
		font-size: 1.5em;
		margin-top: 1rem;
		margin-bottom: 0.5rem;
	}
	.toggle-text .toggle-text-content span {
		display: none;
	}

/*sections*/
	.section{ padding:0 0 1em 0; position:relative;}
	.section:first-of-type{ padding:12em 0 1em 0; box-sizing: border-box;}
	.sectionholder1{ height:33em; background:url(../images/header.jpg) no-repeat center; background-size: cover; text-align:center; padding: 8% 10% 0 10%; box-sizing: border-box;}
	.pagehome .sectionholder1{ height:46em; background:url(../images/header_photo13.jpg) no-repeat center; background-size: cover; text-align:center; padding: 2% 10% 0 10%; box-sizing: border-box;}
	.sectionholder1 h1{ color:#ffffff; font-size:4.4em; text-shadow: 3px 3px 5px #000; line-height: 100%;}
	.sectionholder1 h2{ font-family: 'Open Sans Condensed', sans-serif; color:#ffffff; font-size:2.8em; text-shadow: 3px 3px 5px #000; font-weight: 300; line-height: 100%; margin-top:0.7em;}
	.sectionholder1 h2.moneyback_warranty{margin-top:0;}
	.sectionholder1 img{ height:30em;}
	.pageaffiliates .sectionholder1{ background:url(../images/header_nocloud.jpg) no-repeat center #6f86b7; background-size:auto 100%;}
	.pageproduct .sectionholder1{ height:46em; background:url(../images/header_photo6.jpg) no-repeat center; background-size: cover; text-align:center; padding: 10% 10% 0 10%; box-sizing: border-box;}
	.pageproduct.backup .sectionholder1{ height:46em; background:url(../images/header_photo9.jpg) no-repeat center; background-size: cover; text-align:center; padding: 10% 10% 0 10%; box-sizing: border-box;}
	.pagesupport .sectionholder1{ height:40em; background:url(../images/header_photo12.jpg) no-repeat center; background-size: cover; text-align:center; padding: 10% 10% 0 10%; box-sizing: border-box;}

	.sectionholder1 .onecolumn > div{ width:100%; padding:5em 5% 5em 5%; box-sizing: border-box; /*height:18em;*/}
	.sectionholder1 .onecolumn > div .header {font-family: 'Open Sans Condensed', sans-serif; font-size:4em;}

	.sectionholder1 .twocolumns > div{ width:50%; float:left; padding:5em 5% 5em 5%; box-sizing: border-box;  }
	.sectionholder1 .twocolumns > div.nopad{ padding:0; text-align:center;}
	.sectionholder1 .twocolumns > div .header{font-family: 'Open Sans Condensed', sans-serif; font-size:4em;}
	.sectionholder1 .twocolumns > div ul { margin:2em 0 3em;}
	.sectionholder1 .twocolumns > div ul li{background:url(../images/check_green.png) no-repeat left; background-size:1em; padding-left:1.5em; line-height:2em;}
	.sectionholder1 .twocolumns > div .btn{ font-size:2.5em; width:100%; text-align:center; box-sizing:border-box; }
	.sectionholder1 .twocolumns > div .boxjes,  div .boxjes{ float:right; font-size:2.4em; text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; margin-top: 0.7em;}
	/*.sectionholder1 .twocolumns .set2 { display:none}*/
	.set2, a.btn.set2 { display:none}
	.sectionholder1 .twocolumns > div .boxjes div,  div .boxjes div{ background-color:#9fb6e7; padding:0.2em 0.4em 0.4em 0.4em; margin-bottom:0.7em;box-sizing: border-box;}
	.sectionholder1 .twocolumns > div .boxjes div span, div .boxjes div span{ font-size: 0.6em; display: block;}

	.sectionholder2 h2{ font-weight:bold;}
	.sectionholder2 h3{ font-family: 'Open Sans Condensed', sans-serif; color:#2f3699; margin-bottom:auto;}
	.sectionholder2	ul li {	background: url(../images/check.png) no-repeat 0 0.5em; padding-left: 1.6em;}
	.sectionholder2 a.btn{ margin-top:1em; width: 60%; text-align: center;}
	.section1 .sectionholder2 input.btn{ margin-top:1em; width: 70%; text-align: center;}

	.sectionholder2 .onecolumn > div{ width:100%; padding: 2em 0 0 0; box-sizing: border-box; /*height:18em; padding: 2em 2em 0 0;*/}
	.sectionholder2 .twocolumns > div{ width:50%; float:left; padding:3em 0 3em 0; box-sizing: border-box; overflow: hidden;} /*height:18em;*/
	.sectionholder2 .twocolumns > div:nth-of-type(1){ padding-right:3em;}
	.sectionholder2 .twocolumns > div:nth-of-type(2){ padding-left:3em;}
	.sectionholder2 .onecolumn div.headermain{font-family: 'Open Sans Condensed', sans-serif; font-size:4em; color: #2f3699; padding: 1em 0 0 0;}
	.sectionholder2 .twocolumns div.firstcolumn{ min-height: 235px;}

	.sectionholder3 .twocolumns div > div{ width:50%; float:left; padding:2em 5% 5em 5%; box-sizing: border-box;}
	.sectionholder3 .twocolumns > div.top{ padding:3em 0 2em 0;}
	.sectionholder3 .twocolumns > div.top a{ background-color:#cfcfcf; background-position: 1em 0.4em; background-repeat:no-repeat; border-radius:3px; padding: 0.5em 1.5em 0.5em 3em; color:#000; font-size:1.3em; font-weight:bold; margin-right:0.5em; }
	.sectionholder3 .twocolumns > div.top a:hover, .sectionholder3 .twocolumns > div.top a.active{ background-color:#2f3699; color:#FFF; text-decoration:none;}

	.sectionholder4 .twocolumns > div{ width:50%; float:left; box-sizing: border-box; /*height:18em;*/}
	.sectionholder4 .twocolumns div.firstcolumn, .sectionholder4 .twocolumns div.fifthcolumn{ background-color:#e6ecf8; border-radius:0.5em; width:40%;padding:1em 3em; }
	.sectionholder4 .twocolumns div.firstcolumn input[type='text'], .sectionholder4 .twocolumns div.firstcolumn input[type='email'], .sectionholder4 .twocolumns div.firstcolumn input[type='password']{ width:93%;}
	.sectionholder4 .twocolumns div.secondcolumn{ margin-left:5%; width:55%; /*margin-top: 9em;*/ }

/*navigation*/
	nav{float:right; margin-top:3em; }
	nav ul li {	display: inline; margin-left:34px; font-size:1.6em; background:none; padding:0; line-height:auto; }
	.ie8 nav ul li{ font-size:1.8em}
	nav ul li a { text-decoration:none; color:#2f3699; font-size:1.3em; padding:0.1em 0 0 1.6em;}
	nav ul li a:hover {color:#b4cbfa;text-decoration:none;}
	nav ul li.active a{color:#b4cbfa;}
	#menu_backup{ background: url(../images/icon_backup.png) no-repeat 0 0.2em; background-size:1.2em;}
	#menu_backup:hover{ background: url(../images/icon_backup_hover.png) no-repeat 0 0.2em; background-size:1.2em;}
	#menu_personal{ background: url(../images/icon_private.png) no-repeat 0 0.2em; background-size:1.2em;}
	#menu_personal:hover{ background: url(../images/icon_private_hover.png) no-repeat 0 0.2em; background-size:1.2em;}
	#menu_account{ background: url(../images/icon_account.png) no-repeat 0 0.2em; background-size:1.2em;}
	#menu_account:hover{ background: url(../images/icon_account_hover.png) no-repeat 0 0.2em; background-size:1.2em;}
	#menu_login{ background: url(../images/icon_login.png) no-repeat 0.9em 0.35em #cb397a; background-size:1.2em; border-radius:3px; padding: 0.2em 0.9em 0.3em 2.3em; color: #FFF}
	#menu_login:hover{ background-color:#f167a4}
	#menu_logoff{ background: url(../images/icon_login.png) no-repeat 0.9em 0.35em #cb397a; background-size:1.2em; border-radius:3px; padding: 0.2em 0.9em 0.3em 2.3em; color: #FFF}
	#menu_logoff:hover{ background-color:#f167a4}
	.menu_inloggen, .menu_rest{
		width:260px;
		background-color:#FFF;
		z-index:2;
		position:absolute;
		right:12%;
		top:4.6em;
		border:1px solid #2f3699;
		padding:1em 2em;
		font-size: 1.4em;
		display:none;
	}
	.menu_rest{
		width:13em;
		padding-top:0.2em;
		padding-bottom:1.8em;
		right:7%;
	}
	.menu_inloggen form{font-size: 1em; }
	.menu_inloggen label{ line-height:2em;}
	.menu_inloggen input[type='text'], .menu_inloggen input[type='password']{ width:100%;}
	.menu_inloggen .btn, .menu_account .btn{ margin-top:0.8em; font-size:1.4em;}
	.menu_inloggen .smalltxt{ font-size:0.8em; margin-left:1em;}
	.menu_inloggen .error{ margin-bottom:0.5em;}
	#menu_login.active{ background-color:#2f3699; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	.menu_account a{ display:block;}
	.menu_account a.btn{ width:4em; float:right;}
	#menu_rest{height: 2em; vertical-align: bottom;	cursor:pointer;}
	.menu_rest h2 {
		margin: 0.6em 0 0.3em;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: bold;
		font-size: 1.5em;
	}
	.menu_rest a {
		display: block;
		background: url(../images/arrow_menu.png) no-repeat left;
		background-size: 0.5em;
		text-decoration: none;
		padding-left: 1em;
		font-size: 1em;
		line-height: 1.6em;
	}
	.menu_rest a:hover {
		text-decoration:underline;
	}
	.menu_rest a.btn{ font-size:1.4em; margin-top: 1em;padding: 0.1em 1.3em 0.2em 1.3em; width: 100%; box-sizing: border-box; text-align:center;}
	.menu_rest a.btn:hover{ text-decoration:none;}

	#menu_opener, #menu_opener_loggedin{ display:none;}

/*sub navigation*/
	#container {
		margin: 0 auto;
		width: 100%;
		margin-top: 12em;
	}

	#nav {
	  list-style: none; height:100%; width:6%; border-right:1px solid #f5f6ff; border-left:1px solid #f5f6ff; position:fixed; top:0; right:1%; background:url(../images/header.png) repeat; z-index:1; padding-top:14em; text-align:center; /*padding:0 0.6em;*/
	}
	ul#nav li{ text-align:center;}
	#nav li{ font-size:1.6em; background:none; padding:0; line-height:auto;}
	#nav a {
	  display: block;
	  text-decoration: none;
	  font-size:0.7em;
	  margin-bottom:1em;
	  color:#2f3699;
	  text-align:center;
	}
	#nav a.displaynone{ display:none !important;}
	#nav a > span {
	  width:4.4em; height:4.4em; border:2px solid #2f3699; border-radius:2.2em; display: block; text-align:center; margin:0 auto; box-sizing: border-box; position:relative;
	}
	#nav a > span span{ background: #cb397a; border-radius:0.9em; width:1.8em; height:1.8em; color:#fff; position:absolute; line-height: 1.8em; right:-2px; top:-2px;}
	#nav a #sectionicon_home { background:url(../images/icon_home.png) no-repeat center center; background-size:100% 100%;}
	#nav .current a #sectionicon_home { background:url(../images/icon_home_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_home { background:url(../images/icon_home_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_price { background:url(../images/icon_price.png) no-repeat center center ; background-size:100% 100%;}
	#nav .current a #sectionicon_price { background:url(../images/icon_price_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_price { background:url(../images/icon_price_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_use { background:url(../images/icon_use.png) no-repeat center center; background-size:100% 100%;}
	#nav .current a #sectionicon_use, #nav .active a #sectionicon_use { background:url(../images/icon_use_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_use { background:url(../images/icon_use_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_benefits { background:url(../images/icon_benefits.png) no-repeat center center; background-size:100% 100%;}
	#nav .current a #sectionicon_benefits, #nav .active a #sectionicon_benefits { background:url(../images/icon_benefits_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_benefits { background:url(../images/icon_benefits_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_users { background:url(../images/icon_users.png) no-repeat center center; background-size:100% 100%;}
	#nav .current a #sectionicon_users, #nav .active a #sectionicon_users { background:url(../images/icon_users_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_users { background:url(../images/icon_users_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_overview { background:url(../images/icon_overview.png) no-repeat center center; background-size:100% 100%;}
	#nav .current a #sectionicon_overview { background:url(../images/icon_overview_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_overview { background:url(../images/icon_overview_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_faq { background:url(../images/icon_faq.png) no-repeat center center; background-size:100% 100%;}
	#nav .current a #sectionicon_faq { background:url(../images/icon_faq_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_faq { background:url(../images/icon_faq_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_account { background:url(../images/icon_accounts.png) no-repeat center center ; background-size:100% 100%;}
	#nav .current a #sectionicon_account { background:url(../images/icon_accounts_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_account { background:url(../images/icon_accounts_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_subscription { background:url(../images/icon_subscription.png) no-repeat center center ; background-size:100% 100%;}
	#nav .current a #sectionicon_subscription { background:url(../images/icon_subscription_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_subscription { background:url(../images/icon_subscription_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_contact { background:url(../images/icon_contact.png) no-repeat center center ; background-size:100% 100%;}
	#nav .current a #sectionicon_contact { background:url(../images/icon_contact_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_contact { background:url(../images/icon_contact_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_downloads { background:url(../images/icon_downloads.png) no-repeat center center ; background-size:100% 100%;}
	#nav .current a #sectionicon_downloads { background:url(../images/icon_downloads_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_downloads { background:url(../images/icon_downloads_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_filestation { background:url(../images/icon_filestation.png) no-repeat center center ; background-size:100% 100%;}
	#nav .current a #sectionicon_filestation { background:url(../images/icon_filestation_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_filestation { background:url(../images/icon_filestation_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a #sectionicon_notestation { background:url(../images/icon_notestation.png) no-repeat center center ; background-size:100% 100%;}
	#nav .current a #sectionicon_notestation { background:url(../images/icon_notestation_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}
	#nav a:hover #sectionicon_notestation { background:url(../images/icon_notestation_active_hover.png) no-repeat center center #2f3699 ; background-size:100% 100%;}

	#nav a:hover { color: #b4cbfa;}
	#nav a:hover > span { border:2px solid #b4cbfa; background-color:transparent !important;}
	#nav a:hover > span span{ background:#b4cbfa;}

/*main*/

	/* features */
	.priceperyear { display:none;}
	.basic > div div, .smart > div div{font-family: 'Open Sans Condensed', sans-serif; font-weight:normal; font-size:0.75em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.selecttable .basic div, .selecttable .smart div{color: #FFF; font-size: 0.8em; line-height: 0.9em; padding: 0.3em 0;text-align: center; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; float:right; width:4em;}
	.selecttable .basic div{background-color: #4d5eae;}
	.selecttable .smart div{background-color: #4d5eae;}
	/*.pagehome .basic div, .pagehome .smart div, .pageproduct  .basic div, .pageproduct  .smart div{ width:6em;}*/

	.features_products{width:100%; border-spacing: 0; border-collapse: separate; margin:1em 0 2em; font-size:1em; }
	.features_products .pack{width:32%; display:inline-block; text-align: center;}
	.features_products .pack div:nth-of-type(1){font-size:1em; font-weight: 600; margin-bottom: 0.3em;}
	/*.pageproduct.personal .features_products .pack div:nth-of-type(2){font-size:0.8em; font-weight: 600; margin-bottom: 0.2em; color: #cb397a; overflow: initial; white-space: inherit; line-height: 1em;}
	.pageproduct.personal .features_products .pack div:nth-of-type(3){margin-bottom: 0.2em;}
	.pageproduct.backup .features_products .pack div:nth-of-type(2){margin-bottom: 0.2em;}*/
	.pageproduct .features_products .pack div:nth-of-type(2){margin-bottom: 0.2em;}
	.features_products .pack input[type="submit"]{font-size: 0.7em; padding: 0.2em 0.7em 0.3em; width: initial;}

	.features_products td{ color: #2f3699; font-size:2.8em; text-align:left; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; width:33%; line-height: 1.2em; padding: 0 1em; vertical-align: top;}
	.features_products td:first-of-type{padding:0;}
	.features_products input[type="submit"]{ width:100%;}
	.selecttable.features_products td{text-align: center; padding: 0 3em 0.5em 0;}
	.register .features_products td span{ font-size:0.8em; display: inline-block;}
	.features_products td div.prices{ margin:0.6em 0;}
	.features_products td div.prices .pink{color: #cb397a;font-weight: 600;}
	.features_products td img{ vertical-align: -0.15em; margin-right: 0.15em; height:1em;}
	.features_products td img.moneyback { width: 50%; height: auto; display: block; margin: 0 auto;}
	span.vanaf{ display: inline !important;}

	.features{ width:100%; color:#FFF; border-spacing: 0; border-collapse: separate; font-size:1em; table-layout: fixed;}
	.pagehome .features, .pageproduct .features{ margin-bottom:4em;}
	.features th{ width:33%; padding: 0.5em 0; font-size: 1.4em;}
	.features th:nth-of-type(1){ background-color:#c3d5fb; color:#2f3699; text-align:left; padding-left:1em; padding-right:0.9em; font-weight:normal; }
	.features th:nth-of-type(2){ background-color:#c3d5fb; font-size: 1.6em;}
	.features th:nth-of-type(3){ background-color:#c3d5fb; font-size: 1.6em;}
	.features td{ width:33%; font-size: 1.4em; word-wrap: break-word; padding: 0.5em 0;}
	.features td:nth-of-type(1){ background-color:#ffffff; color:#2f3699; border-top:1px solid #f4f5fa; border-right: 1px solid #f4f5fa; padding-left:2em; vertical-align:top;}
	.features td:nth-of-type(2){ color:#2f3699; border-top:1px solid #f4f5fa; text-align:center; border-right: 1px solid #f4f5fa;}
	.features tr:nth-of-type(2) td{ /*border-top: none;*/}
	.features td:nth-of-type(3){ color:#2f3699; border-top:1px solid #f4f5fa; text-align:center;}
	.features td img{ height:0.85em; margin-top:0.4em}
	.features tr:last-of-type{ height:3em;}
	.features tr:last-of-type th{ position:relative; background-color: #c3d5fb;}
	.features a.btn{ font-size:1.6em; margin:1em 0; margin-left: auto;margin-right: auto;left: 0;right: 0; width:6em; position:absolute; top:-0.5em;}
	.features input[type="submit"].btn{ font-size:1.58em; margin:1em 0; margin-left: auto;margin-right: auto;left: 0;right: 0; width:9em; position:absolute; top:-0.5em;}
	.features input[type="submit"].btnsmall, .features input[type="button"].btnsmall { font-size: 1.5em;   margin: 1em 0; margin-left: auto; margin-right: auto; left: 0; right: 0;	width: 9em;	position: absolute;	top: -0.5em; }
	/*input[type="button"].btnsmall { font-size: 1.5em; }*/
	input.btnpayment { font-size: 2em; line-height: 1em; margin-top: -5px; padding: 0; padding-left: 3px; position: absolute; right: 20px; bottom: -13px; border-radius: 50%; width: 30px; height: 30px;}

	.features_more{width:100%; color:#FFF; border-spacing: 0; border-collapse: separate; margin-top:3em; font-size:1em; }
	.features_more td{ color: #2f3699;width:25%; font-size:1.2em; text-align:center; height:3em;}
	.features_more td:nth-of-type(1){ text-align:left;}
	.features_more td a img{ vertical-align:-0.2em; height:1em; margin-left:0.4em;}
	.show_features img, .hide_features img{ height: 1em; margin-left: 0.2em; vertical-align: -0.1em;}

	.ie8 .features{ background-color: #7180c9; }
	.ie8 .features td{ text-align:left; padding-left:1em; border-top:1px solid #98a3d7; border-right:1px solid #98a3d7;}
	.ie8 .features th{ font-size:1.6em;background-color:#8d99d4;text-align:left; padding-left:1em;}
	.ie8 .features input[type="submit"].btn, .ie8 .features a.btn, .ie8 .register #featuressmall .features input.btn{ position:relative; margin:0.3em 0; top:auto;}
	.ie8 .features_more{ margin-top:1em}

	/* faq */
	.faq{ position:relative; font-size:1.4em; background-color: #f5f5f5; background-image:url(../images/faqback.png); background-repeat:repeat-y; background-size:100%; border-top: 2px solid #f5f5f5;border-bottom: 2px solid #f5f5f5;}
	.faq_questions{ width:50%; float:left; padding:1em; box-sizing:border-box;}

	.faq_question{ background:url(../images/arrow_list.png) no-repeat left 1.3em; background-size: 0.7em; cursor:pointer; box-sizing: border-box; padding:1em 1em 1em 1.3em;}
	.faq_question.faq_question_active{ margin-left: -1.8em; width: 110%; background:url(../images/arrow_list.png) no-repeat 2em #f5f5f5; background-size: 0.7em; font-weight:bold; padding:1em 1em 1em 3.3em; box-sizing: border-box;}
	.faq_answers{ width:50%; float:right;}
	.faq_answer { box-sizing:border-box; display:none; background-color: #f5f5f5;padding:1em; }

	/*percentage meter*/
	.meter{ width:100%; background-color:#f5f5f5; height:2em; border-radius:0.3em; margin:1em 0;}
	.meter .full{ background-color:#2f3699; height:2em; border-top-left-radius:0.3em; border-bottom-left-radius:0.3em;}

/* header*/
	header{ height:12em; width:100%; position: fixed; top:0; left:auto; right:auto; background-color: #FFF; z-index:3; box-shadow: 0px 0px 5px #d0d0d0; }
	section, .sectioninheader{ margin:0 auto; width:90%; padding:0 7% 0 3%; max-width:1080px; position:relative;}
	.sectionheader{ background-color:#2f3699; padding:1em 0; color: #FFF; margin-bottom:2em;}
	.sectioninheader{ font-size:1.8em; margin-bottom: 0.2em;}
	.logo { margin:1em 0;}
	.logo img{ height:9.8em;}

/*home*/
	#product2, #product3, #product4 { display:none;}
	.product{ position:absolute; top:5em; left:5%; width:80%;}
	.pagehome .sectionholder1 img.moneyback { height:15em; margin-top:20px;}
	.pagehome .sectionholder1 img{ height:35em;}
	.pagehome .sectionholder2 .twocolumns div { /*height:19em; position:relative;*/}
	.pagehome .sectionholder2 .twocolumns div:nth-of-type(3), .pagehome .sectionholder2 .twocolumns div:nth-of-type(4) { /*height:23em; position:relative;*/}
	.pagehome .sectionholder2 .twocolumns div img.thumb{ width: auto; float: left; margin-right: 2em;}
	.pagehome .centered { text-align: center; }
	.pagehome .centered .lineup { margin: 1rem 0; }
	.pagehome .centered .lineup img { margin: 0 1rem; max-width: 31%; height: auto; }
	.pagehome .centered ul { margin-left: 50%; transform: translateX(-50%);}
	.pagehome .contact-intro { position: relative; text-align: center; }
	.pagehome .contact-intro hr { margin: 40px 0; }
	.pagehome .contact-intro img { position: absolute; top: 100px; background: white; left: 50%; transform: translateX(-50%); }
	.pagehome form { width: 70%; margin: 0 auto;}

/* Products */
	.pagehome .onecolumn{ text-align: center; background: #f7f7f7; max-width: none;}
	.pagehome .onecolumn >div{max-width: 1080px; margin: 0 auto;}
	.pagehome .onecolumn div{ padding:2em 0 1em;}
	.pagehome .onecolumn div h1{ margin-bottom:1em;}
	/*.pagehome .onecolumn img{ width:11.4em; margin: 1em 0;}*/

	.pagehome .type{ width:33%; display: inline-block;}
	.pagehome .type p{ line-height: 2em;}
	.pagehome .type .frame { position: relative; }
	.pagehome .type .img {
		background: url("../images/phone-mockup.png") no-repeat;
		width: 222px;
		height: 438px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.pagehome .type video { position: relative; width: 210px; height: 100%; margin: 2rem 0; border-radius: 14px; }
	/*.pagehome .type img { position: absolute; left: 50%; transform: translateX(-50%); width: 222px; height: 438px; }*/
	.pagehome .sectionholder2 .twocolumns div img{ width:100%;}
	.pagehome .sectionholder2 .twocolumns div img.thumb{ width: auto; float: left; margin-right: 2em;}
	.pagehome .sectionholder2 .twocolumns form{margin-top:2em;}

/*over ons*/
	.il_porton{ float:right; height:24em; margin-left:1em;}
	.pageporton ol { counter-reset: item;  display: table; }
	.pageporton ol table td{ font-size:0.7em; vertical-align:top;}
	.pageporton li { display: block; }
	.pageporton li li { font-size: 1em; }
	.pageporton .voorwaarden ol > li{font-family: 'Open Sans Condensed', sans-serif; color:#2f3699; font-size:2.6em; display: table-row;}
	.pageporton .voorwaarden ol > li > ol { margin:0.8em 0;}
	.pageporton .voorwaarden ol > li > ol > li > ol { margin:0;}
	.pageporton .voorwaarden ol > li > ol > li{font-family: 'Open Sans', sans-serif; color:#4a4a4a; font-size:0.55em;}
	.pageporton .voorwaarden ol > li > ol > li > ol > li{font-size:1em;}
	.pageporton ol.numbering{ padding-left:0;}
	.pageporton ol.numbering > li:before { content: "Artikel " counters(item, ".") ". "; counter-increment: item; }
	.pageporton ol.numbering > li ol.numbering > li:before { content: counters(item, ".") "  "; counter-increment: item; display: table-cell; padding-right: .5em }
	.pageporton ol.numbering ol.numbering{padding-left: 0;}
	.pageporton ol.numbering ol.numbering ol{padding: 0.5em 0 0.5em 2em;}
	.pageporton ol.number {padding-left:2em;}
	.pageporton ol.number li {padding-bottom: 0.5em;}
	.pageporton ol.number li b {margin-left:-1em;}

/*support*/
	.faqs .header{ background-color:#656565; color:#FFF; padding:0.8em 1.5em; margin-top:0.3em; font-size:1.4em; background-image:url(../images/plus_white.png); background-position: 99% center; background-repeat:no-repeat; cursor:pointer; background-size:1.5em; }
	.ie8 .faqs .header{ background-image:url(../images/plus_white.png); background-position: right center;}
	.faqs .header:hover{background-color:#2f3699;}
	.faqs .header.active{ background-color:#2f3699;background-image:url(../images/minus_white.png);}
	.faqs .content{ display:none; border-right:1px solid #e5eeff; border-left:1px solid #e5eeff; border-bottom:1px solid #e5eeff; padding:1em;}
	.pagehome #form-contact .floatleft { width: 50%; }
	.pagehome #form-contact .btn { position: absolute; bottom: 52px; }
	.pagehome input[type='text'], .pagesupport input[type='text'], .pagesupport input[type='email']{ width:95%; height:3em;}
	.pagehome textarea {resize: none;}
	.pagehome textarea, .pagesupport textarea{ width:95%; height:4em; border:1px solid #99b5ed; border-radius:0.3em;}
	.pagehome textarea { height: 12em; }
	.ticketnr{font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size:25px; color:#2f3699;}
	.pagesupport a.btn{ font-size:1.4em;}
	.il_contact{ height: 17em; margin-top: 1em;}
	.pagesupport .sectionholder1 .twocolumns > div ul { font-size: 1.3em; margin: 3em 0 3em;}
	.contact-data { text-align: center; font-size: 1.2em;}

/*affiliates*/
	.regelafstand td{ vertical-align:top;}
	.il_affiliates {float:right; height:30em; margin-left:1em;	}

/*register*/

	/*.register input[type="submit"]{ background: #a6a6a6;}
	.register input[type="submit"].selected{ background: #cb397a;}*/
	.register .typebasic#featuressmall .smart, .register .typebasic#featuressmall .features th:nth-of-type(2), .register .typebasic#featuressmall .features td:nth-of-type(2){ opacity:0.3}
	/*.register .typebasic .smart:hover, .register .typebasic .features:hover th:nth-of-type(2), .register .typebasic .features:hover td:nth-of-type(2){ opacity:1}*/
	.register .typesmart#featuressmall .basic, .register .typesmart#featuressmall .features th:nth-of-type(1), .register .typesmart#featuressmall .features td:nth-of-type(1){ opacity:0.5}
	.register .infodot{ float:right; width:15px; height:15px; padding-right:0;margin-top: 0.7em;}

	.register .features_products{ margin:0.5em 0;}
	.register .features_products td{ position:relative; padding-right:3em; padding-bottom: 0.5em; line-height: 1.6em;}
	.register .features_products .priceperyear,
	.register .features_products .pricepermonth,
	.pricepermonths{ visibility:hidden; position:absolute; right:0.4em;}
	.register .features_products .priceperyear.active,
	.register .features_products .pricepermonth.active,
	.register .features .priceperyear.active,
	.register .features .pricepermonth.active,
	.pricepermonths.active{ visibility:visible;}

	.register .features .priceperyear,
	.register .features .pricepermonth { visibility:hidden;}

	.features_products a.btn.pricepermonth { padding: 0.2em 0.3em 0.3em 0.3em; font-size: 80%;}


	.priceperyear.active { visibility:visible; display: block; }

	.register #featuressmall .features{ width:100%; color:#FFF; border-spacing: 0; border-collapse: separate; font-size:1em; }
	.register #featuressmall .features tr:last-of-type{ height:3em;}
	.register #featuressmall .features tr:last-of-type td{ position:relative;}
	.register #featuressmall .features th{ padding: 0.5em 0 0.5em 1em;}
	.register #featuressmall .features th:nth-of-type(1){ background-color:#8d99d4; border-top:1px solid #98a3d7; border-bottom:1px solid #98a3d7;font-size: 1.6em; text-align:center; font-weight:bold;}
	.register #featuressmall .features th:nth-of-type(2){ background-color:#595ead; border-top:1px solid #676db4; border-bottom:1px solid #676db4;font-size: 1.6em; text-align:center; font-weight:bold;}
	.register #featuressmall .features td{ font-size: 1.3em; line-height: 2.1em; padding: 0 2% !important;}
	.register #featuressmall .features td:nth-of-type(1){ text-align:center; padding-left: 0;}
	.register #featuressmall .features td:nth-of-type(2){ text-align:center;}
	/*.register #featuressmall .features select{ width:11em;}*/
	.register #featuressmall .features input.btn{ font-size:1.8em; margin:1em 0; margin-left: auto; margin-right: auto;left: 0;right: 0; width:9em; position:absolute; top:-0.5em;}
	.register #featuressmall .features_products td{ font-size:2.6em;}

	.register #featuresbig{ display:none;}
	.register #featuresbig .features a.btn{ font-size:1.5em;}
	.register #featuresbig .features tr:nth-of-type(1) th{ padding: 0.5em 0 0.5em 1em;}
	.register #featuresbig .features_products td{ font-size:2.6em;}
	.register #featuresbig .features th:nth-of-type(3), .register #featuresbig .features th:nth-of-type(2){ font-size: 1.3em;}
	h2.register { font-size: 3.6em;}

	.selecttable{ position:relative;top: -1em;width:100%; padding:1em 0 0 0; box-sizing:border-box;text-align: center;}
	.selecttablebottom{ position:relative;top: -2em;width:100%; padding:1em 0 0 0; box-sizing:border-box;text-align: center; table-layout: fixed;}
	.selecttablebottom td{ position: relative}
	.selecttable td { width: 50%;}
	.selecttable td.threecols { width: 33%;}
	.basic.hide_features.threecols, .smart.hide_features.threecols  { font-size: 2.4em; }

	.sepaoption.incasso a.btn { position: relative; top: 0.2em; font-size:1.4em;}
	.newpassword form{ font-size:1.4em;}
	input[type='password'].incasso { width: auto;}
	.sepaoption.incasso { width: 65%;}
	.sepaoption.incasso b { width: 9em; display: inline-block; }
	.selectedborder{ position: absolute; width: 50%; left:0; height: 74%; border: 2px solid #53CB39; top: -1%; box-sizing: border-box; pointer-events: none; border-radius: 0.3em;}
	.selectedborder.right{right:0; left:auto;}
	.selectedborder.expanded{width: 33%; left:33.5%; top: -0.2em; height: 92%; }
	.selectedborder.expanded.right{left:auto;}
	.register .features tr:last-of-type th{ background:#fff; color: #2f3699; font-weight: 600;}
	.register .selecttable.features_products td{ text-align: left; padding-left: 0.3em;}
	.register .sectionholder4 .twocolumns div.secondcolumn{width: 60%; margin-left: 3%; position: relative;}
	.register .sectionholder4 .twocolumns div.firstcolumn{ width: 37%;}

	@media only screen and (max-width : 1199px) {
		.selectedborder{ height: 75%; }
		.selectedborder.expanded{ top: -0.2em; height: 92.5%; }
	}
	@media only screen and (max-width : 1023px) {
		.selecttablebottom input[type="button"]{font-size:1.6rem}
	}
	@media only screen and (max-width : 879px) {
		.selectedborder{ height: 76%; }
		.register .features_products td{font-size: 2.4em;}
	}
	@media only screen and (max-width : 779px) {
		.selectedborder{ }
	}
	@media only screen and (max-width : 480px) {
		.selectedborder{height: 79%; }
	}

	.registersection {
		display: flex;
		margin-bottom: 50px;
	}
	.registerstep {
		font-size: 4em;
		font-weight: bold;
		padding-right: 0.3em;
		color: #2f3699;
	}
	.registercontent {
		width: 100%;
	}
	.registertitle {
		border-bottom: 1px solid black;
		margin-bottom: 30px;
	}
	.registertitle h2 {
		font-size: 3rem;
		font-weight: bold;
	}
	.registertitle h3 {
		font-size: 1.5em;
    	color: #2f3699;
	}

	.subscription {
		width: 100%;
	}
	.subscribtiontitle {
		font-size: 3rem;
		font-weight: bold;
	}
	.subscribtiontitle.basic {
		background: url(../images/icon_backup.png) no-repeat 0 0.2em;
    	background-size: 1.2em;
		padding-left: 45px;
	}
	.subscribtiontitle.smart {
		background: url(../images/icon_private.png) no-repeat 0 0.2em;
    background-size: 1.2em;
		padding-left: 45px;
	}
	.subscribtiondescription {
		padding-right: 20px;
	}

	.quotaitem {
		margin-top: 40px;
	}
	.quotaoption {
		float: left;
		width: 18.8%;
		/*padding: 10px 0;*/
		padding-top: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		border-radius: 5px;
		border: 1px solid rgba(150, 150, 150, 1);
		background-color: rgba(244, 249, 253, 1);
		position: relative;
	}
	.quotaoption:hover {
		cursor: pointer;
		background: #dfe0e2;
	}

	.quotaoption.selected {
		color: #008000;
		border: 1px solid #008000;
	}

	.quotaoption.disabled {
		opacity: 0.5;
		cursor: default;
		border: 1px solid rgba(215, 215, 215, 1);
	}
	/*.quotaitem:first-child .quotaoption {*/
		/*border: 1px solid #2f3699 !important;*/
	/*}*/

	.quotainfo {
		text-align: center;
		font-size: 3em;
		position: absolute;
		top: -22px;
		left: -1px;
	}
	.quotainfo.selected,
	.quotainfo.best {
		text-align: center;
		font-size: 1.5rem;
		color: white;
		padding: 0.1em 0;
		border-radius: 10px 10px 0px 0px;
		border: 1px solid transparent;
	}
	.quotainfo.best {
		background: #2f3699;
	}
	.quotainfo.selected {
		background: #008000;
	}

	.quotainfo {width:100%; height:20px; display: none;}
	.quotainfo.selected {display: block;}
	.quotainfo.selected .best {display: none;}
	.quotainfo.best {display: block;}
	.quotainfo.best .selected {display: none;}
	.quotainfo.best.selected .best {display: none!important;}
	.quotainfo.best.selected .selected {display: block!important;}

	.quotaoption {
		text-align: center;
		font-size: 2.5em;
	}
	.quotaoption h6 {
		margin: 0;
		color: #666666;
		font-weight: normal;
	}
	.quotaoption .regularprice {
		margin-top: 3rem;
	}
	 .quotaoption .regularprice span,
	 .quotaoption .actionprice span{
		font-size: 4rem;
		font-weight: 600;
	}
	 .quotaoption .regularprice.oldprice {
		position: absolute;
		margin-top: 0;
		margin-left: 50%;
		transform: translateX(-50%);
		width:100%;
	}
	 .quotaoption .regularprice.oldprice span {
		font-size: 0.5em;
		font-weight: normal;
		color: red;
	}
	 .quotaoption .actionprice {
		margin-top: 3rem;
		/*color: #008000;*/
	}
	.quotaoption .size {
		padding: 0.5em 0;
		margin: 1em 0;
		margin-bottom: 0;
		border-radius: 0 0 5px 5px;
		background-color: white;
		border-top: 1px solid rgba(150, 150, 150, 1);
	}
	/*.quotaoption:first-child .size {*/
		/*color: white;*/
		/*background: #2f3699;*/
	/*}*/
	.quotaoption.selected .size {
		color: white;
		background: #008000;
	}
	.quotaoption .size p {
		font-size: 1.5rem;
		margin: 0;
	}
	.quotaoption .textcolor {
		color: #4a4a4a;
	}
	.textsmall {
		font-size: 1.8rem;
	}

	.pagehome .subscription ul {
		float: left;
		width: 33.3%;
	}
	.pagehome .subscription ul li {
		position: relative;
		background: none;
		padding: 1rem;
		padding-left: 4rem;
	}
	.pagehome .subscription ul li:first-child {
		font-weight: bold;
		margin: 0 1rem;
		padding: 0.5rem;
		border-bottom: 1px solid black;
	}
	.pagehome .subscription ul li img {
		position: absolute;
		left: 10px;
		top: 15px;
	}

	.pagehome .packages {
		display: inline-block;
		/*display: flex;*/
		/*justify-content: center;*/
		/*flex-wrap: wrap;*/
		/*align-items: baseline;*/
		margin-bottom: 2rem;
	}
	.pagehome .quotaitem {
		float: left;
		/*margin-right: 20px;*/
	}
	.pagehome .quotaoption {
		float: none;
		width: 100%;
		width: 204px;
		background-color: rgba(244, 249, 253, 1);
		/*color: #2f3699;*/
		border-radius: 5px;
		border: 1px solid rgba(204, 204, 204, 1) !important;
	}
	.pagehome .quotaitem:nth-child(2) .quotaoption {
		border: 1px solid #2f3699 !important;
	}
	/*.pagehome .quotaoption .content {*/
		/*position: relative;*/
		/*margin-top: 5rem;*/
	/*}*/
	.pagehome .quotaoption p {
		font-size: 0.5em;
	}
	.pagehome .quotaoption .content div:first-of-type {
		color: #4a4a4a;
	}
	.pagehome .quotaoption .content h6 {
		margin: 0;
		color: #666666;
		font-weight: normal;
	}
	.pagehome .quotaoption .content .size {
		padding: 0.5em 0;
		margin-bottom: 0.5em;
		background-color: white;
		box-shadow: inset 0px 10px 8px -10px #000,inset 0px -10px 8px -10px #000;
	}
	.pagehome .quotaoption.selected .size {
		color: #4a4a4a;
	}
	.pagehome .quotaoption .content .size p {
		font-size: 1.5rem;
		margin: 0;
	}
	.pagehome .quotaoption .size.highlight {
		color: white;
		background: #2f3699;
	}
	.pagehome .quotaoption .content .regularprice {
		margin-top: 3rem;
	}
	.pagehome .quotaoption .content .regularprice span,
	.pagehome .quotaoption .content .actionprice span{
		font-size: 5rem;
		font-weight: 600;
	}
	.pagehome .quotaoption .content .regularprice span:nth-child(3),
	.pagehome .quotaoption .content .actionprice span:nth-child(3) {
		font-size: 0.75em;
		vertical-align: super;
		margin-right: -10px;
	}
	.pagehome .quotaoption .content .regularprice.highlight {
		color: rgba(47, 54, 153, 1);
	}
	.pagehome .quotaoption .content .regularprice.oldprice {
		position: absolute;
		margin-top: 0;
		margin-left: 50%;
		transform: translateX(-50%);
		font-size: 0.6em;
	}
	.pagehome .quotaoption .content .regularprice.oldprice span {
		font-size: 0.7em;
		font-weight: normal;
		color: red;
	}
	.pagehome .quotaoption .content .actionprice {
		margin-top: 3rem;
		color: #008000;
	}
	.pagehome .quotaoption .content .best {
		position: absolute;
		top: -2px;
		left: -1px;
		display: block;
		width: 100%;
		margin-top: -2rem;
		padding: 0.2rem 0;
		font-size: 1.4rem;
		background: #2f3699;
		color: #ffffff;
		border-radius: 5px 5px 0 0;
		border: 1px solid #2f3699;
	}
	.pagehome .quotaoption:hover {
		cursor: default;
	}
	.pagehome .quotainfo.selected {
		display: none;
	}
	.pagehome .quotaoption.selected {
		color: #008000;
		border-color: #008000;
	}
	.pagehome .quotaoption {
		font-size: 3em;
	}
	.pagehome .quotaoption .btn.pricepermonth {
		display: block;
		margin: 0 auto;
		margin-bottom: 1em;
		width: 60%;
		bottom: 20px;
	}

	@media only screen and (max-width: 573px) {
		.pagehome .quotaitem {
			width: 100%;
		}
		.pagehome .quotaoption {
			width: 100%;
			min-width: 200px;
		}
	}

	@media only screen and (max-width: 550px) {
		.pagehome .subscription ul {
			width: 100%;
		}
	}

	.subscribtionfeatures {
		width: 95%;
	}
	.subscribtionfeatures td {
	  border-bottom: 1px solid rgba(215, 215, 215, 1);
	  padding: 1em 0;
		background: url(../images/check.png) no-repeat 0 1.2em;
	  padding-left: 1.6em;
	}

	.registerform {
		background: rgba(230, 236, 248, 1);
		padding: 20px;
		margin-bottom: 20px;
		border-radius: 10px;
	}
	.registerform .btn {
		line-height: 2.5rem;
		vertical-align: sub;
		height: 35px;
	}
	.registerform .infodot {
		position: absolute;
		right: -20px;
    top: 5px;
	}
.registerform .formbox .infodot {
	top: 13px;
	right: -2px;
}
	.personalform {
		width: 100%;
	}
	.personalform p {
		margin: 10px 0;
	}
	.formtitle {
		font-size: 1.7em;
    font-weight: bold;
		margin: 0;
		margin-bottom: 10px;
	}
	.box {
		position: relative;
		display: flex;
		margin-right: 20px;
	}
	.box #username {
		width: 85%;
		flex: 1;
	}
	.box .addendum {
		width: 6em;
		font-size: 1.3em;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right:20px;
	}
	.formbox {
		position: relative;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.formbox input {
		width: 100%;
		margin: 10px 0;
		margin-right: 20px;
	}
	.formbox-right {
		width: 50%;
		margin-left: 50%;
	}
	.formbox p.error {
		position: absolute;
		margin-top: 50px;
		padding-left: 10px;
	}
	.actioncode {
			display: flex;
		}
	.actioncode #actioncode {
		width: 62%;
		margin-right: 20px;
		flex: 1;
	}
	.actioninput {
		display: flex;
		width: 50%;
	}
	.actionbox {
		display: inline-block;
    	width: 50%;
    	background: white;
    	margin: 0 20px;
		min-height: 15px;
    	height: auto;
    	padding: 1em 0;
    	font-size: 1.4em;
		line-height: 1.7em;
		text-align: center;
		border: 1px solid #99b5ed;
	}
	#subTitle {
		font-size: 3rem;
    font-weight: bold;
	}
	.subPeriod {
		display: inline-block;
		margin-top: 10px;
    margin-right: 40px;
		padding-bottom: 20px;
	}
	.subPeriod label {
		font-size: 1.5rem;
	}
	.savemoney {
		padding: 5px 10px;
		font-size: 1.5rem;
		color: white;
		border-radius: 5px;
		background: green;
		margin-left: 1em;
		position: relative;
		top: 0.4em;
	}
	.subtotal {
		border-bottom: 1px solid black;
		padding: 5px 0;
		display: block;
		width: 50%;
		font-size: 2rem;
	}
	#subSubtotal {
		display: inline-block;
		font-size: 2rem;
    margin-left: 20px;
		padding-right: 20px;
	}
	.extras {
		margin: 20px 0;
		padding: 20px;
		border-radius: 10px;
		background: rgba(242, 242, 242, 1);
	}
	.total {
		text-align: right;
		font-size: 3rem;
		margin: 0;
		font-weight: 600;
	}
	.generalconditions {
		float: left;
    margin-top: 10px;
		font-size: 1.2rem;
	}

	@media only screen and (max-width: 1042px) {
		.quotaoption {
			width: 27%;
		}
	}

	@media only screen and (max-width: 964px) {
		.actioncode #actiecode {
	    width: 55%;
		}
	}

	@media only screen and (max-width: 915px) {
    .subscription {
			width: 100%;
			margin-bottom: 30px;
		}
	}

	@media only screen and (max-width: 795px) {
		.actioncode {
			display: block;
		}
		.actioninput {
			width: 100%;
		}
		.actionbox {
			width: 100%;
			margin: 10px 0;
		}
	}

	@media only screen and (max-width: 768px) {
		.formbox {
			display: block;
		}
		.formbox-right {
			width: 100%;
			margin: 0;
		}
		.formbox p.error {
			margin-top: -8px;
		}
		.registerform .formbox .infodot {
    	right: -15px;
		}
	}

	@media only screen and (max-width: 460px) {
		.registerstep {
			display: none;
		}
		.quotaoption {
			width: 100%;
			margin-top: 40px;
		}
		.actioncode #actioncode {
			width: 50%;
		}
	}

	@media only screen and (max-width: 375px) {
		.box #username {
			margin-right: 0;
		}
		.actioncode #actioncode {
			margin-right: 0;
		}
	}

/*PSP*/
	#psp_incasso{ background-image: url(../images/icon_psp_incasso.png); background-size:2.7em;}
	#psp_ideal{ background-image: url(../images/icon_psp_ideal.png); background-size:2.7em;}
	#psp_cc{ background-image: url(../images/icon_psp_cc.png); background-size:2.7em;}
	.pay .sectionholder3 .twocolumns > div.top a{ padding-left:4em}
	.payment {overflow:auto; display:block; background-color: #E6ECF8; border-radius: 0.5em;	padding: 1em 1em; margin: 0 0 1em 0; font-size:1.4em;}
	.paymentoption {position: relative; overflow:visible; display:block; background-color: #E6ECF8; border-radius: 0.5em;	padding: 1em 1em; margin: 0 0 1em 0; font-size:1.4em;}
	.paymentoption:hover {text-decoration: none;  background-color: #9FB6E7; }
	.paymentoption img {float:right;}
	.pay > div .header{font-size:2em; margin-top: 0.7em;}
	.paymentoptions.firstcolumn {width:55% !important; background:none !important;}
	.paymentoptions.firstcolumn .payment {padding: 0em 1em;}
	.paymentoptions.secondcolumn {width:45% !important; padding: 1em 3em; margin-left: 0 !important;}
	.paymentoptions .error { font-size: 1.6em; }
	.paymentoptions p {font-size: 1.8em; }
	.singlecolumn { width:75%; }
	.ncoltable1 {border: 1px solid #e6ecf8; background-color: #E6ECF8; border-radius: 0.5em; padding: 1em 3em 2em; margin: 0 0 2em 0; width: 100%; }
	td.ncoltxtr, td.ncoltxtl, td.ncoltxtc {font-size: 1.4em;}
	.ncoltxtl {text-align: left; width: 65%; }
	.ogone form { border: 1px solid #e6ecf8;  border-radius: 0.5em; padding: 1em 3em 2em;  margin: 0 0 2em 0; }
	.ogone form input[type="submit"], .ogone form input[type="button"] { font-size: 1.2em; float: right; width: 11em;}
	.ncoltxtr select { float: right; width: 11em;}
	.ncollogoc form {border:none;}
	.ncollogoc form input[type="submit"], .ncollogoc form input[type="button"] { font-size: 1em; width:auto; }
	.bottom {font-size: 1.2em;}
	.payframe  { overflow: auto; display:none; }
	.paybm { border:solid 1px #000000; padding:10px; width:560px; }
	.payincasso { font-size:0.8em; }

	.clearright { clear:right; }
	.cursorpointer { cursor:pointer; }

	.incasso .steps, .incasso .plaintext { font-size: 1.6em; }
	.incasso .steps { font-weight: bold}
	.incasso .steps.inactive { font-weight: normal; }
	.text.editable {width: auto;}
	.incasso a.btn {font-size: 1.6em;}
	.incasso td { padding: 0.2em 0 }
	.incasso .plaintext td{ font-size: 0.7em; }

	.sepaoption {  background-color: #E6ECF8; border-radius: 0.5em;	padding: 1em; margin: 1em; min-height: 8em; }
	.sepaoption .cell1 { float: left; margin: 0 2em 0 0; }
	.sepaoption .cell2 p { margin: 0 3em 0 0.5em; clear: both; }

	.paymentoption .smalltxt { font-size: 0.8em; }
	.paymentoption .black { color:#000000; }


/*account*/
	.account .sectionholder4 .twocolumns div.firstcolumn{ width:48%}
	.account .sectionholder4 .twocolumns div.firstcolumn, .account .sectionholder4 .twocolumns div.secondcolumn{ min-height:47.5em}
	.account .sectionholder4 .twocolumns div.fourthcolumn, .account .sectionholder4 .twocolumns div.thirdcolumn{ min-height:28em}

	.account .sectionholder4 .twocolumns div.secondcolumn, .account .sectionholder4 .twocolumns div.fourthcolumn, .account .sectionholder4 .twocolumns div.sixthcolumn{border: 1px solid #e6ecf8; border-radius: 0.5em; padding: 1em 3em 2em; width:48%; margin-left:4%;}
	.account .sectionholder4 .twocolumns div.thirdcolumn{border: 1px solid #e6ecf8; border-radius: 0.5em; padding: 1em 3em 2em; width:48%;}
	.account .sectionholder4 .twocolumns div.fourthcolumn, .account .sectionholder4 .twocolumns div.thirdcolumn { margin-top:4%; }

	.account .sectionholder4 .twocolumns div.secondcolumn .details .btn{ margin-top:1em;}
	.account .sectionholder4 .twocolumns div.thirdcolumn .details .btn, .account .sectionholder4 .twocolumns div.fourthcolumn .details .btn{ margin-bottom:0.5em;}
	.account .sectionholder4 .twocolumns div h2{ margin-bottom:0.3em;}
	.account .details{ padding-left:2em; margin-bottom:2em;}
	.mydata.edit{ display:none;}
	.editdata, .canceledit{ float:right; font-size: 1.4em;}
	.editdata img{ height: 1.1em;vertical-align: -0.1em;margin-right: 0.1em;}
	.editmydata input[type='email'], .editmydata input[type='password'], .editmydata input[type='text']{ width:70%; height:2em;}
	.editmydata{ display:none;}
	.editmydata.edit{ display:block;}
	.account .sectionholder4 .twocolumns div table{ width:100%; font-size:1.4em;}
	.account .sectionholder4 .twocolumns div table.loginlog{ width:100%; font-size:1em;}
	.account .sectionholder4 .twocolumns div table thead td{ font-weight:bold;}
	.account .sectionholder4 .twocolumns div .details #loginsText div{ height:26em; overflow:auto;}
	.account .sectionholder4 .twocolumns div .details #usedGB .div1{ height:8em; overflow:auto;}

	.account .sectionholder4 .twocolumns > div ul li{background:url(../images/arrow_menu.png) no-repeat 1em; background-size: 0.8em; font-size: 1.4em; padding:0.5em 0 0.5em 2.7em; cursor:pointer; }
	.account .sectionholder4 .twocolumns > div ul li.active{ font-weight:bold; border-radius:0.3em; color:#cb397a; background:url(../images/arrow_menu.png) no-repeat 1em #f3f3f3; background-size: 0.8em;}

	.account .sectionholder4 .twocolumns div.sixthcolumn, .account .sectionholder4 .twocolumns div.fifthcolumn { width:48%; min-height: 34em; margin-top:4%; }

	.subscriptions { margin-bottom:2em;}
	.point{ border-radius:1.1em; width:1.1em; height:1.1em; float:left; margin:0.2em 0.5em 0 0;}
	.pointpurple{ background-color:#cb397a;}
	.pointblue{ background-color:#2f3699;}
	.pointgrey{ background-color:#c4c4c4;}
	.status0 {color:#c4c4c4;}
	.status1 {color:#2f3699;}
	.status2 {color:#cb397a;}
	.legend { font-size:0.8em;}

	.responsive-table { overflow-x:auto; }
	.invoices img{ height: 2.5em;vertical-align: middle; margin-right: 0.2em;}

	.fourthcolumn.nosubscriptions	{ margin: 4% 4% 0 0 !important; }

    .verifyloader {position:relative; left: 47%; }
    .verifyheader {margin-top: 4em; text-align: center; font-size: 1.4em; color: #4a4a4a; font-weight: bold; }
    .verifytext {float: left; position: relative; margin-top: 2em; text-align: center; font-size: 1.8em; color: #4a4a4a;}
    .infoicon {display: block; margin: 0 auto -5em; }

/* update */
.secondcolumn.upgrade { float: right; }
.firstcolumn.upgrade { margin-top: 6.6em; }

/* interface*/
	.pageinterface .section{height:99%;}
	.pageinterface .sectionheader{ margin-bottom:0;}
	.pageinterface iframe{ width: 100%;}
	.pageinterface .footersection { display:none;}

/* footer*/
	footer{ background-color:#eaeaea; color:#626262; margin-top: 3em;}
	footer section, .copyright div {max-width:1080px;}
	footer section{ padding:2.2em 7% 2.4em 3%;}
	footer section div{ float:left;}
	footer section div h2{  margin-bottom:0.5em; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; color: #626262; font-size:2em }
	footer section div a{ color:#626262; display:block; background:url(../images/arrow_footer.png) no-repeat left; background-size:0.5em; text-decoration:none; padding-left:1em; font-size:1.4em; line-height:1.6em;}
	footer section div a:hover{ text-decoration:underline;}
	footer div{ width:33%;}
	.section section.links{ padding-top:2.2em;}
	.copyright{ color:#626262;}
	.copyright div{ margin:0 auto; width:90%; padding:1.2em 7% 1.2em 3%; font-family: 'Open Sans', sans-serif; font-size:1.5em;}
	.copyright div.fb-like{ padding:0; width:100px; display:inline-block; margin-left:20px;}

	.ie8 footer section div a{ padding-left:1.3em;}

/*promo*/
	.il_promo{ height: 15em; float:right; margin-left:1em;}

@media only screen and (max-width : 1024px) {
	.pagehome .sectionholder1{ padding:7% 10% 0 10%;}
	.pageproduct .sectionholder1{ padding:15% 10% 0 10%;}
	.pagesupport .sectionholder1{ padding:15% 10% 0 10%;}
}
@media only screen and (max-width : 767px) {
	body{ font-size: 80%;}/*c*/

	.logo { margin:1em 0;}
	.logo img{ height:6em;}
	header{ height:8em; } /*c*/
	#container {margin-top: 8em;}
	.section{ padding:2em 0 0 0; height: auto; overflow: visible; min-height:initial;}
	.section:nth-of-type(1){ padding:8em 0 0 0;}
	section, .sectioninheader {	width: 94%;	padding: 0 3% 0 3%;	}

	/*.sectionholder1{ min-height: 39em;}*/
	.sectionholder1 .posrel{ min-height: 38em;}
	.sectionholder1 .twocolumns > div{padding: 3em 5% 3em 5%;}
	.sectionholder1 img { height:auto; width:50%;}
	.pagehome .sectionholder1{ padding:7% 10% 0 10%;}
	.pageproduct .sectionholder1{ padding:10% 10% 0 10%;}
	.pagesupport .sectionholder1{ padding:10% 10% 0 10%;}
	/*.section section{ padding-top:8em;}*/
	.sectionheader{margin-bottom: 1em;}

	#menu_opener, #menu_opener_loggedin{ display:block; position:absolute; right:3%; top:11px; cursor:pointer;}
	#menu_opener img, #menu_opener_loggedin img{ height:28px;}
	#menu_rest{ display:none;}
	/*#menu_login{ display:block;}
	#menu_login_icon{ display:none;}*/
	nav, .menu_rest { position:absolute; height:0; overflow:hidden; width:100%; display:block; margin-top:0; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; right:auto; top:7em; left:0; background-color:#FFF }

	.menu_rest{ border:0; padding: 0 2.5em; font-size:1em; box-sizing:border-box;}
	.menu_rest h2, .menu_rest span{ font-size:2em;}
	.menu_rest a.btn{ font-size:2em;}

	.navslidein { height:6em; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; display:block; border-bottom: 4px solid #eaeaea; }
	.navslidein_rest { height:35em; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; display:block; border-bottom: 4px solid #eaeaea; }
	nav ul li{ margin-left:0;}
	nav ul li a { display: block; border-top: 1px solid #f1f1f1; padding:0.6em 0 0.6em 1em; background:url(../images/new/menu_arrow.png) right center no-repeat;}
	nav ul li:last-child a { border-bottom: 1px solid #f1f1f1;}

	#menu_backup{ background: url(../images/icon_backup.png) no-repeat 1em center; background-size:1.2em; padding-left:2.5em}
	#menu_backup:hover{ background: url(../images/icon_backup_hover.png) no-repeat 1em center; background-size:1.2em; padding-left:2.5em}
	#menu_personal{ background: url(../images/icon_private.png) no-repeat 1em center; background-size:1.2em; padding-left:2.5em}
	#menu_personal:hover{ background: url(../images/icon_private_hover.png) no-repeat 1em center; background-size:1.2em; padding-left:2.5em}
	#menu_account{ background: url(../images/icon_account.png) no-repeat 1em center; background-size:1.2em; padding-left:2.5em}
	#menu_account:hover{ background: url(../images/icon_account_hover.png) no-repeat 1em center; background-size:1.2em; padding-left:2.5em}
	#menu_login{ background: url(../images/icon_login.png) no-repeat 1em center #cb397a; background-size:1.2em; border-radius:0.3em; padding: 0.6em 0 0.6em 2.5em; color: #FFF; box-sizing: border-box; margin: 0 1em;}
	#menu_login:hover{ background-color:#f167a4}

	#nav { display:none;}

	/*main*/
	.menu_inloggen, .menu_account {
		width: 100%;
		right: 0;
		/*top: 17em;*/
		border:0;
		border-bottom: 4px solid #eaeaea;
		padding: 1em 2em 2em;
		box-sizing: border-box;
	}
	/*home*/
	.sectionholder1 .twocolumns div.set2 { display:block; float:none;}
	.sectionholder1 .twocolumns div.set2 div { float:left; width:47%;}
	.sectionholder1 .twocolumns div.set2 div:nth-of-type(1) { margin-right:6%;}

	.pagehome .sectionholder1{ height:auto; font-size: 0.9em;}
	.pagehome .sectionholder1 h2.intro_moneyback { display: none;}
	.pagehome .sectionholder1 img.moneyback { display: none;}
	.pagehome .sectionholder1 h2.intro_moneyback { display: none;}
	.pagehome .sectionholder1 h2.moneyback_warranty { display: none;}
	.pagehome .sectionholder1 .twocolumns > div{ float:none; height:auto; padding: 3em 5% 3em 5%; width: 100%;}
	.pagehome .sectionholder1 .twocolumns .product {position: absolute; top: 2em; left: 5%; width: 90%;}
	/*.pagehome .basic div, .pagehome .smart div, .pageproduct .basic div, .pageproduct .smart div { float:none; margin-bottom:0.5em; width: 100%; box-sizing:border-box; padding: 0.3em; }*/
	.pagehome .sectionholder1 .twocolumns > div.bullets{ padding: 0; width:94%; text-align:center; z-index:10}
	.sectionholder1 .twocolumns > div .boxjes div span, div .boxjes div span{display: inline-block;padding-left: 0.5em;}
	.pagehome .sectionholder1 img{height: 14em;float: right;width: auto; margin-top:2em;}

	.pagehome .sectionholder2{ height:auto;}
	.pagehome .sectionholder2 .twocolumns div{ float:none; padding:2em 0 0 0; height:auto !important;}
	/*.pagehome .sectionholder2 .twocolumns div img{ height:9em;}*/
	.pagehome .sectionholder2 .twocolumns div img.thief {height: 15em; right: -64px; top: 35px; display:none;}
	.pagehome .centered { text-align: left; }
	.pagehome .centered .lineup img { max-width: 100%; }
	.pagehome .centered .lineup img:first-child, .pagehome .centered .lineup img:last-child { display: none; }
	.pagehome .centered ul { margin-left: 0; transform: none;}

	.pagehome .contact-intro img { top: 105px; }
	.pagehome form { width: 100%;}
	.pagehome #form-contact .floatleft {
		float: none;
		width: 100%;
	}
	.pagehome #form-contact .btn { position: relative; bottom: auto; }

	.features a.btn{ padding: 0.2em 0.3em 0.3em 0.3em;}
	.features_products td{ font-size:2em;}
	/*.features_products td span{ font-size:0.6em;}*/
	.features input[type="submit"].btn {font-size: 1.6em;}
	.features_products input[type="submit"]{font-size: 1.6rem;}
	.features td:nth-of-type(1) {padding-left: 1em;	}
	.features th:nth-of-type(2), .features th:nth-of-type(3) {font-size: 1.3em;	}

	/* products*/
	/*.set1, a.btn.set1{ display:none}*/
	.set2{ display:block}
	a.btn.set2{ display:inline-block; margin-top:0.5em;}
	.pageproduct .onecolumn .txtleft, .pageproduct .onecolumn .txtright{ width:100%;}
	.pageproduct .sectionholder2 .twocolumns div:nth-of-type(1){width: 100%; float:none;}
	.pageproduct .sectionholder2 .twocolumns div:nth-of-type(2){width: 100%; float:none;}
	.pageproduct .sectionholder2 .twocolumns div.product_il_slide{ height:31em;}
	.pageproduct .sectionholder2 .twocolumns > div ul li { padding: 0 0 0 2.7em;}
	.pageproduct .sectionholder2 .twocolumns .product_txt_slide{margin: 1em 0 1em;}
	.pageproduct .features_products td:nth-of-type(2) {	padding-left: 0;}
	.pageproduct .product_il_slide div img {height: auto; width:100%;}
	.pageproduct .sectionholder2 .twocolumns div {padding: 2em 0 0 0; width:100%;}
	.pageproduct .sectionholder2 .twocolumns div.product_il_slide{ height:auto;}
	.pageproduct .product_il_slide .sizer{position:relative; display:block; width:100%;}
	.sectionholder1 .twocolumns > div{width: 100%;}
	.pageproduct .sectionholder1 .twocolumns > div ul {	margin: 2em 0 2em;	}
	.toggleholder {	margin-top:1em;	}
	.pageproduct .features{margin-bottom:2em}
	.pageproduct .sectionholder1{ height:auto; font-size: 0.9em;}
	.pagesupport .sectionholder1{ height:auto; font-size: 0.9em;}

	/*support*/
	.faq{ background-color:#FFF; border:none; background:none;}
	.faq_answer{background-color: #f5f5f5;}
	.faq_questions{ width:100%;}
	.faq_answers{ display:none;}
	.faq_question.faq_question_active{ background-color:transparent; width:100%;}
	.sectionholder2 .twocolumns > div{ width:100%;padding: 0 0 0 0;}
	.sectionholder2 .twocolumns > div.firstcolumn{ border-bottom:1px dotted #b4cbfa; padding-bottom:2em;}
	.pagesupport input[type='text'], .pagesupport input[type='email']{ width:100%}
	.pagesupport textarea{ width:100%;}
	.il_contact{ width:50%; height:auto; margin-left:25%;}
	.pagesupport .sectionholder1 .twocolumns > div ul, .pageproduct .sectionholder1 .twocolumns > div ul{font-size: 1em;}




	/*over ons*/
	.il_porton{ width:50%; height:auto;}

	/*affiliates*/
	.il_affiliates {width:50%; height:auto;}

	/*register*/
    .register .sectionholder4 .twocolumns div.firstcolumn{ width:100%; }
	/*.register .sectionholder4 .twocolumns div.firstcolumn{ width:100%; background: none; border: 0; border-radius: 0.5em; padding: 0;}*/
	.sectionholder4 .twocolumns div.secondcolumn{width:100%; margin-left:0; margin-top:1em;}
	.register .sectionholder4 .twocolumns div.secondcolumn{width:100%;  margin-left:0;}
	select{font-size: 1em; padding-left:0;}
	.register .basic div, .register .smart div{ float:none; margin-bottom:0.5em; width: 92%; box-sizing:border-box; padding: 0.3em; }
	.register .features_products td{ padding-bottom:0.2em; padding-right:0; text-align: center !important;}
	.register .features_products td img{margin-top: 2.5em;}

	.register .features_products .priceperyear, .register .features_products .pricepermonth, .pricepermonths{ left:4%; right:0;}




	/*passwordforgotten*/
	.sectionholder4 .twocolumns > div{ width:100%;}

	/*account*/
	.account .sectionholder4 .twocolumns div.firstcolumn, .account .sectionholder4 .twocolumns div.thirdcolumn, .account .sectionholder4 .twocolumns div.fifthcolumn { width:100%; min-height:inherit;}
	.account .sectionholder4 .twocolumns div.secondcolumn, .account .sectionholder4 .twocolumns div.fourthcolumn, .account .sectionholder4 .twocolumns div.sixthcolumn{ width:100%; margin-left:0; min-height:inherit; margin-top: 4%;}
	.account .details {	margin-top: 1em;}

	input#achternaam,
	input#straatnaam,
	input#woonplaats {width: 250px;}

	/* footer*/
	footer{ }
	footer div{ width:auto !important;}
	footer section{padding: 2.2em 3% 2.2em;}
	/*footer section div h2 {background: url(../images/new/plusicon.png) right center no-repeat; background-size:1em; }
	footer section div h2.min {background: url(../images/new/minicon.png) right center no-repeat; background-size:1em;}*/
	footer section div{ float:none; display:block; /*margin-bottom:1.5em;*/}
	footer section div a{ display: block; border-top: 1px solid #c5c5c5; padding: 0.3em 0; 	background: url(../images/arrow_footer.png) right 4px center no-repeat; background-size:0.6em; width:95%; margin-left:1.5em; font-size:1.6em;}
	footer section div a:last-child { border-bottom: 1px solid #c5c5c5;}
	footer section div h2 a { border:none !important;}
	footer .footer_menus span{ overflow: hidden; width: 100%; display: block; margin-top: 0;}
	footer .footer_menus span.footernavslidein1 { height:4em; -webkit-transition: height 1s ease-out; transition: height 1s ease-out; display:block; }
	footer .footer_menus span.footernavslidein2 { height:8em; -webkit-transition: height 1s ease-out; transition: height 1s ease-out; display:block; }
	footer .footer_menus span.footernavslidein3 { height:12em; -webkit-transition: height 1s ease-out; transition: height 1s ease-out; display:block; }
	footer .footer_menus span.footernavslidein4 { height:16em; -webkit-transition: height 1s ease-out; transition: height 1s ease-out; display:block; }

	.mobile{ display:block;}

}

	@media only screen and (max-width : 430px) {
		.sectionholder1 .twocolumns div.set2 div { line-height: 1em;}
		.sectionholder1 .twocolumns div.set2 div span{ display:block;}
	}
	@media only screen and (max-width : 479px) {
		.pagehome .sectionholder1 img.set2{ display:none;}
		.features input[type="submit"].btn {font-size: 1.1em;top: 0.3em; padding: 0.4em 1.3em 0.3em 1.3em;}
		.features_products input[type="submit"]{font-size: 1.1rem;}
		.features_products td { font-size: 1.6em; padding:0; }
		.pageproduct .features input[type="submit"].btn {font-size: 1.5em;top: -0.4em; padding: 0.3em 1.3em 0.3em 1.3em;}
		.sectionholder2 a.btn { width:100%; box-sizing: border-box;}
		.userreviews input[type="submit"]{ width:100%;}
		.section1 .sectionholder2 input.btn{ width:100%;}

	}
	@media only screen and (max-width : 750px) {
		.pagehome .type { width:auto; display: block;}
	}

	@media only screen and (max-width : 1023px) {
		.faqs .header{background-position: 98% center; }
	}

	/* mob filestation */
    .mobdownloadintro { margin-left: auto; margin-right: auto; padding: 0; text-align: center;}
	.mobdownload {margin-left: auto; margin-right: auto; width: 10em; padding: 0; text-align: center; list-style-type: none;}

	ul li.mobandroid a,ul li.mobios a, ul li.mobwindows a { display: block;  background-image: none !important; }
	ul li.mobandroid,ul li.mobios, ul li.mobwindows { padding: 1em;	display: inline-block; margin: 0;  background-image: none !important; text-align: center; }

	/* Landscape */
	@media screen and (orientation:landscape) {
		ul.mobdownload { width: 100%; }
	}
	@media screen and (orientation:portrait) {

	}


@media only screen and (min-width : 768px) and (max-width : 1023px) {
	body{ font-size: 80%;}
	#nav a span {
	  	width:3.3em; height:3.3em; border-radius:3.3em;
	}
	.sectionholder1 .twocolumns > div .header{font-size:3em;}
	.sectionholder1 .twocolumns > div ul {
		margin: 2em 0 2em;
	}

}

@media only screen and (min-width : 1024px) and (max-width : 1199px) {
	body{ font-size: 80%;}
}


@media only screen and (min-width : 1200px) {
	/* header*/
	section{ max-width:1080px;}
}


.nodisplay{display:none;}
.alignmiddle{ vertical-align:top;}
.order_processed_info{ display:none; float:right; font-size:10px; margin-top: 8px; margin-right: 10px;}
.radio{ vertical-align:-2px !important;}


@-moz-keyframes throbber-loader {
    0% {
        background: #b4cbfa;
    }
    10% {
        background: #2f3699;
    }
    40% {
        background: #b4cbfa;
    }
}
@-webkit-keyframes throbber-loader {
    0% {
        background: #b4cbfa;
    }
    10% {
        background: #2f3699;
    }
    40% {
        background: #b4cbfa;
    }
}
@keyframes throbber-loader {
    0% {
        background: #b4cbfa;
    }
    10% {
        background: #2f3699;
    }
    40% {
        background: #b4cbfa;
    }
}
/* :not(:required) hides these rules from IE9 and below */
.throbber-loader:not(:required) {
    -moz-animation: throbber-loader 2000ms 300ms infinite ease-out;
    -webkit-animation: throbber-loader 2000ms 300ms infinite ease-out;
    animation: throbber-loader 2000ms 300ms infinite ease-out;
    background: #b4cbfa;
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 2.9em;
    height: 2.5em;
    text-align: center;
    margin: 0.9em 47%;
}
.throbber-loader:not(:required):before, .throbber-loader:not(:required):after {
    background: #b4cbfa;
    content: '\x200B';
    display: inline-block;
    width: 2.9em;
    height: 2.5em;
    position: absolute;
    top: 0;
}
.throbber-loader:not(:required):before {
    -moz-animation: throbber-loader 2000ms 150ms infinite ease-out;
    -webkit-animation: throbber-loader 2000ms 150ms infinite ease-out;
    animation: throbber-loader 2000ms 150ms infinite ease-out;
    left: -3.6em;
}
.throbber-loader:not(:required):after {
    -moz-animation: throbber-loader 2000ms 450ms infinite ease-out;
    -webkit-animation: throbber-loader 2000ms 450ms infinite ease-out;
    animation: throbber-loader 2000ms 450ms infinite ease-out;
    right: -3.6em;
}

/* circular progress loader verifying */
.background-progress { background: #f3f3f3; border-radius: 50%; width: 16em; height: 16em; position: relative; margin: 1em auto; }
.background-progress div { width: 16em; height: 16em; border-radius: 50%; position: absolute; }
.lt50-progress { clip: rect(0, 16em, 16em, 8em); }
.gt50-progress { background: #2f3699; clip: rect(0, 16em, 16em, 8em); display: none; }
.progress { background: #2f3699; clip: rect(0, 8em, 16em,0em); transform: rotate(0deg); }
.background-progress div.inner-progress { background: #FFF; width: 14em; height: 14em; position: relative; left: 1em; top: 1em; vertical-align: middle; display: table-cell; text-align: center; }
.inner-progress span { font-size: 2.6em; font-weight: bold; color: #2f3699; }

/* feedback */
.feedback { display: inline-block; width:120px; padding: 120px 0 0 0; margin: 0 13px 13px 0; font-size: 1.5em; text-align: center; font-weight: bold; cursor: pointer; opacity: 0.6; }
.feedback.active  {opacity: 1;}
.tevreden { background: url(../images/feedback/feedback_tevreden.png) no-repeat 50% 0;}
.kanbeter { background: url(../images/feedback/feedback_kanbeter.png) no-repeat 50% 0; }
.ontevreden { background: url(../images/feedback/feedback_ontevreden.png) no-repeat 50% 0;}
.tevreden:hover, .tevreden.active {background: url(../images/feedback/feedbackhover_tevreden.png) no-repeat; color:#34D178;}
.kanbeter:hover, .kanbeter.active {background: url(../images/feedback/feedbackhover_kanbeter.png) no-repeat; color:#FD8F19;}
.ontevreden:hover, .ontevreden.active {background: url(../images/feedback/feedbackhover_ontevreden.png) no-repeat; color:#E1331B;}
.pagefeedback textarea{ width:80%; height:4em; border:1px solid #99b5ed; border-radius:0.3em; opacity: 0.6;}
.pagefeedback .sectionholder1 { background-image: none; background-color: #FFFFFF; color: #000000;}
.feedback.left { float:left;}
.feedbackthanks { border: 1px solid #2f3699; height: 98px; border-radius:0.3em; padding: 10px 0 0 10px; font-size: 1.4em;}


/* landing */
.landing { }
.landing .sectionholder4 { background: url(/images/landing/lente_01.jpg); padding-bottom: 11em; padding-top: 10em;}
.landing .sectionheader { margin:0; }
.landing #section-2 { padding: 0; }
.landing .onecolumn .firstcolumn { background-color:#e6ecf8; border-radius:0.5em;padding:1em 3em; }
.landing h1 { font-size: 7.5em; color: #FFFFFF; font-family: 'Open Sans', sans-serif; }
.landing .greyback h1, .landing .greyback h2, .landing .greyback h3 {color: #2f3699; }
.landing .greyback h2 { padding-top: 0.4em; font-size: 4em; font-weight: bolder; margin: 0; }
.landing h2 { color: #FFFFFF; margin: 0 0 2em 0; font-family: 'Open Sans', sans-serif; font-size: 2em;}
.landing h3 { color: #FFFFFF; }
.landing li { color: #FFFFFF; padding: 0.2em 0 0.2em 4em; font-size:1.7em; margin: 1em 0; height: 2em; font-weight: bold;}
.landing li.apps { background: url('/images/landing/smartphone.png') no-repeat 6px 0 / auto 35px ; }
.landing li.porton { background: url('/images/landing/kasteel.png') no-repeat 2px 0 / auto 30px;}
.landing li.world {  background: url('/images/landing/world.png') no-repeat 0 0 / auto 35px; }
.landing li.storage { background: url('/images/landing/webdav.png') no-repeat 3px 0 / auto 35px ; }
.landing td { background: url('/images/check_green.png') no-repeat 2px 4px / auto 15px; padding-left: 30px; text-align: left; min-width: 310px;}
.landing table { margin: 0 auto; padding-bottom: 1.5em; display: block; width: 100%;}
.landing .greyback p { margin: 1em; display: block; padding-bottom: 3em; }
.landing .greyback table { padding-top: 1.5em; margin-left: 8%; }
.landing .greyback .mobilediv { padding-bottom: 1.5em; padding-top: 1.5em; margin-left: 25%; margin-right: 25% }
.landing .sectioninheader a {color: #FFFFFF;}
.landing .backups{ color: #FFFFFF; background: url('/images/landing/backups_maken.jpg') no-repeat center; min-width: 310px; height: 230px; display: block; }
.landing .toegang{ color: #FFFFFF; background: url('/images/landing/toegang_bestanden.jpg') no-repeat center; min-width: 310px; height: 230px; display: block; }
.landing .veilig{ color: #FFFFFF; background: url('/images/landing/veilig_nederland.jpg') no-repeat center; min-width: 310px; height: 230px; display: block; }
.landing .viswaltext { background-image: none !important; text-align: center; padding: 0; margin: 0; color: #2f3699 !important; font-weight: bold; font-size: 1.5em; }
.landing .nobackground { background-image: none !important; }
.landing .onecolumn .firstcolumn input[type='text']{ width: 80% }
.landing .onecolumn .firstcolumn .btn { padding: 0.4em 0.8em; font-size: 1.5em; position: relative; margin-left: 1em; font-family: 'Open Sans', sans-serif;}
.landing .onecolumn .firstcolumn .infodot {position: absolute; margin-top: 1em; margin-left: 1em; width: 14px; height: 14px;}
.landing .twocolumns .secondcolumn { margin-left: 2em !important; margin-top: 1em; }
.landing .synologypowered { color: #FFFFFF; background: url('/images/Synology_powered.png') no-repeat center; min-width: 200px; height: 200px; display: block; position: absolute; top: 10em; right: 3em;}
.landing .fullscreenlanding { display:block; margin-left: 5%; }
.landing .mobilelanding { display:none; margin: 0 auto; }
.landing .check { background: url('/images/check_green.png') no-repeat 2px 4px / auto 15px; padding-left: 30px; margin: 0 16px; text-align: left; min-width: 310px; font-size: 1.8em;}
.landing .confirmation {display: block; background-color:#e6ecf8; border-radius:0.5em; padding:1em 3em; margin-top: 1em;}


/* news items */
.item { margin: 0 0 2em 0; }
/*.pagenews .onecolumn div:nth-of-type(even){ background:#eaeaea;}*/
.pagenews .sectionholder2 .onecolumn > div{ padding: 2em 0 1em 0; border-bottom: solid 1px #c3d5fb;}



@media only screen and (max-width : 1080px) {
    .landing .fullscreenlanding { display:none !important; }
    .landing .mobilelanding { display:block !important;}
    .landing h1 { font-size: 4.5em; }
    .landing .synologypowered {display: none !important;}
    .landing .sectionholder4 { padding-top: 5em; padding-bottom: 5em; }
}

.ncoltable1, td.ncoltxtr, td.ncoltxtl, td.ncoltxtc {
	font-size: initial;
}
td.ncoltxtl2 {
	width: 10% !important;
}

.video {
    width: 100%;
}
.video:hover {
  cursor: pointer;
}
.wrapper {
    display:table;
    width:auto;
    position:relative;
    width:50%;
}
.faq .wrapper {
	display: block;
	width: 100%;
}
.playpause {
    background-image:url("../images/play-pause.png");
    background-repeat:no-repeat;
    width:20%;
    height:20%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}
.playpause:hover {
  cursor: pointer;
}

.hide_on_large {
	display: none;
}

@media only screen and (max-width : 767px) {
	.hide_on_large {
		display: block;
	}
	.hide_on_small {
		display: none;
	}
}

#bannedips { min-width: 142px; }
.deblockip {
	height: 35px;
	width: 112px;
	font-size: 15px !important;
	cursor: pointer;
}

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2f3699;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #2f3699;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2f3699;
}

input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.periodtoggle .period-text{
	font-size: 2em;
	display: inline-block;
	top: 0.4em;
	position: relative;
	margin: 0.4em;
}

.floatright .period-text
{
	top: 0.7em;
}

.savemoney.fadeout{
	background-color: rgba(242, 242, 242, 1);
	color: #bfc3be;
}

.savemoney {
	position: relative;
	top: 0.4em;
}