@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	font-family: Raleway;
	font-size: 18px;
	font-weight:400;
	font-style:normal;
	opacity: 1;
	line-height: 24px;
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
}
body, html{
	max-width:100%;
	max-height:100%;
}
a{
	color:#000;
}
input[type=submit]{
	-webkit-appearance: none; -moz-appearance: none;
	max-width:100%;
	height:40px;
	float:none;
	line-height:40px;
	font-size:18px;
	font-weight:bold;
	border-radius:20px;
	background-color:#F4822B;
	color:#FFF;
	border:none;
	padding-left: 20px;
	padding-right: 20px;
	cursor:pointer;
}
input[type=button]{
	-webkit-appearance: none; -moz-appearance: none;
	max-width:100%;
	width:50%;
	height:30px;
	float:none;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	border-radius:15px;
	background-color:#F4822B;
	color:#FFF;
	border:none;
	padding-left: 15px;
	padding-right: 15px;
	margin:5px;;
	cursor:pointer;
}
.tekstblok-links input[type=button], .knop13 input[type=button]{
	width:95%;
}

.banaan input[type=submit], .banaan input[type=button]{
	background-color:#F4822B !important;
	width:100%;
	height:60px;
	line-height:60px;
	font-size:24px;
	font-weight:bold;
	border-radius:30px;
	background-color:#06C;
}
.ITCBlair-Medium { 
	font-family: ITCBlair-Medium;
	font-weight: normal;
	font-style: normal;
}
/*Popup css-------------------------------------------------------*/
.knop1, .knop2, .knop3, .knop4, .knop5, .knop6, .knop7, .knop8, .knop9, .knop10, .knop11, .knop12, .knop13, .knop14, .knop15{
	cursor:pointer;
}
#popup1, #popup2, #popup3, #popup4, #popup5, #popup6, #popup7, #popup8, #popup9, #popup10, #popup11, #popup12, #popup13, #popup14, #popup15 {
	display:none;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	height:50%;
	margin:auto;
	padding:25%;
	background-color:rgba(0,0,0,0.5);
	z-index:1000;
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.3s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.container{
	position:relative; 
	background-color:#FFF; 
	padding:20px; 
	width:100%; 
	height:100%; 
	left:0; 
	top:0; 
	right:0; 
	bottom:0;
	overflow:auto;
}
.close{
	position:absolute;
	top:10px;
	right:10px;
	background-color:#F00;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	z-index:20000;
}
/*----------------------------------------------------------------*/
h1{
	line-height:30px;
}
.milk{
	background-color: rgba(255,255,255,0.8);
	width:100%;
}
.justify{
	text-align:justify;
}
.phone{
	display:none;
}
.map{
	width:100%;
	height:450px;
}

.positioner{
	margin: auto;
	max-width: 960px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:20px;
	padding-right:20px;
	overflow: hidden;
}
.admin-positioner{
	position:relative;
	top:0;
	margin:auto;
	max-width:960px;
	width:100%;
	border-spacing:0;
}
.white table, .white th, .white td{
	border:1px solid;
}
#pd10{
	padding-left:40px;
	padding-right:10px;
}
body > table{
	border-collapse:collapse;
	border-color:#fff;
	width:100%;
	min-height:600px;
}
a.menu{
	color:#4D6B3F;
}
a.whitelink{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
a.whitelink:hover{
	color:#A2E184;
}
a.white{
	color:#FFFFFF;
	text-decoration:underline;
}
a.white:hover{
	color:#A2E184;
}
.alert{
	color:#FF0000;
}
.center{
	position:relative;
	top:0px;
	left:50%;
	width:400px;
	margin-left:-180px;
}
/*Checkmarks of groene vinkjes: */
ul.check-mark {
	list-style:none;
	padding-left:3em;
	text-indent:-1.75em;
}
ul.check-mark li::before{
	content:'\2713\0020 ';
	font-weight:bold;
	color:#00BF00;
	font-size:20px;
	
}
/*Oranje vinkjes:*/
ul.orange-mark {
	list-style:none;
	padding-left:3em;
	text-indent:-1.75em;
}
ul.orange-mark li::before{
	content:'\2713\0020 ';
	font-weight:bold;
	color:#F4822B;
	font-size:20px;
	
}
/*---------------------*/
.footer{
	width:100%;
	position:relative;
	background-color:rgba(255,255,255,0.8);
	top:52px;
}
.footertext{
	width:220px;
	float:left;
	padding-right:20px;
}
.bottomer{
	text-decoration:none;
	position:relative;
	text-align:center;
	bottom:0;
	left:0;
	right:0;
	float:right;
	width:100%;
}
.bottomer a{
	text-decoration:none;
	color:#000000;
}
a.telefoon{
	text-decoration:none;
	color:#000000;
}
.menu{
	color:#4D6B3F;
}
.tabs{
	width:100%;
	background-color:#A2E184;
	height:35px;
	position:absolute;
	top:0px;
	z-index:-100;
}
.tekstblok-links{
	width: 460px;
	float: left;
	position:relative;
	padding-right: 20px;
	padding-bottom:20px;
	vertical-align: top;
}
.tekstblok-rechts{
	vertical-align: top; 
	text-align: justify;
	height:500px;
}
.logo{
	-webkit-filter: drop-shadow(2px 2px 2px #222 );
	filter: drop-shadow(2px 2px 2px #222);
	-webkit-transform: translate3d(0, 0, 0);
}
	
.logotext > img, input[type=image]{
	float:none;
	text-align:center;
	max-width:50%;
}
.logotext{
	color: white;
    text-shadow: 2px 2px 2px #222;
}
.paramis{
	color:#FFFFFF;
	font-size:60px;
	line-height:1.0em;
	font-family: ITCBlair-Medium;
	font-weight: normal;
	font-style: normal;
}
.coaching{
	color:#F4822B;
	font-size:40px;
	font-family: ITCBlair-Medium;
	font-weight: normal;
	font-style: normal;
}
.tagline{
	position:relative;
	top:-530px;
	left:0px;
	right:0px;
	text-align:center;
	color:#FFFFFF;
	font-size:24px;
	font-family: ITCBlair-Medium;
	font-weight: normal;
	font-style: normal;
}

.succesgarantie > img{
	position:absolute;
	left:20px;
	width:250px;
}

.succesgarantie{
	position:relative;
	top:-535px;
	float:left;
}
.footersuccesgarantie{
	-webkit-filter: drop-shadow(1px 1px 1px #222 );
	filter: drop-shadow(1px 1px 1px #222);
	position:relative;
	-webkit-transform-style: preserve-3d;
}
.headerbg{
	height:300px;
	vertical-align:text-top;
	margin-top:0px;
	z-index:100;
}
.gekozen{
	color:#FFFFFF;
}
.linkermenu{
	background-color:#AAAAAA;
	
}
.biglink{
	font-size:18px;
	font-weight:bold;
}
a.small{
	font-size:10px;
}
.small{
	font-size:10px;
}
.top{
	height:300px;
}
.white{
	color:#FFF;
}
#theImg{
	width:160px;
}
#inschrijving{
	position:absolute;
	left:595px;
	top:10px;
	width:150px;
	height:150px;
	z-index:1;
}
#training{
	position:absolute;
	left:705px;
	top:0px;
	width:250px;
	height:250px;
	z-index:1;
}
#topmenu{
	position:relative;
	margin:auto;
	width:100%;
	max-width:960px;
	z-index:1000;
	color:#000000;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}
/*Dropdownmenu
---------------------------------------------------------
*/
.menu-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color:#fff;
}
.footermenu-ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.menu-list {
    float: left;
}

.menu-list a, .dropbtn {
    display: inline-block;
    text-align: center;
	font-size:18px;
    padding: 14px 14px;
    text-decoration: none;
	color:#000000;
}
.footermenu-list a, .footerdropbtn {
    display: inline-block;
    text-align: left;
    text-decoration:underline;
	color:#000000;
}

.menu-list a:hover, .dropdown:hover .dropbtn {
    background-color: #FFFFFF;
}
.footermenu-list a:hover, .footerdropdown:hover .dropbtn {
	font-weight:bold;
}
.dropdown-content .libtn:hover {
    background-color: #A2E184;
}


.menu-list .dropdown {
    display:none;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color:#FFF;
    min-width: 200px;;
}
.footerdropdown-content {
	position:relative;
	text-align:left;
}
.list-content {
	display:none;
	position:absolute;
	background-color:#FFF;
	min-width: 200px;;
}

.dropdown-content a {
    padding: 14px 16px;
	font-size:16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.menu-box{
	display:none;
}
.dropdown-content a:hover {
	background-color: #fff;
}

.dropdown:hover .dropdown-content {
    display: block;
}
a:hover .dropdown-content {
	display:block;
}

a.libtn:hover + .list-content{
	display:block;
	position:relative;
	left:50px;
}
.list-content:hover{
	display:block;
	position:relative;
	left:50px;
}
/*
--------------------------------------------
mainpage
*/
.column{
	float:left;
	width:380px;
	display:inline-block;
}
.colimage{
	width:360px;
	height:215px;
	text-align:justify;
}
.mid{
	padding-left:10px;
	text-align:justify;
}
.right{
	float:right;
	text-align:justify;
}
.row{
	position:relative;
	display:inline-block;
	top:50px;
}
/*
--------------------------------------------
*/
/*Slider:
*/
.firstim{
	position:absolute;
	top:175px;
	left:10px;
}
.secim{
	position:absolute;
	top:390px;
	left:10px;
}
.slider-animate-fading{
	-webkit-animation:fading 5s infinite;
	animation:fading 5s infinite;
	float:left;
}
.slider-content{
	max-width:67%;
	width:67%;
	height:430px;
	position:relative;
	float:left;
}
.slider-right{
	max-width:33%;
	width:33%;
	height:430px;
	display:inline-block;
	position:relative;
	float:left;
}
.smallimage{
	display:block;
	width:100%;
	height:50%;
}
.inimage{
	max-height:215px;
	width:100%;
	display:block;
	height:100%;
}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-center{text-align:center!important}
.w3-right{float:right!important}
.w3-padding-left{padding-left:16px!important}
.w3-padding-right{padding-right:16px!important}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}
.w3-large{font-size:18px!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-display-bottomleft{position:absolute;left:0;top:320px}
.w3-hover-text-pink:hover{color:#A2E184!important; cursor:pointer;}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}
/*
--------------------------------------------------
*/
@media (max-width: 960px) {
	.slider-content{
		width:100%;
		max-width:100%;
		height:400px;
	}
	/*img{
		max-width:100%;
		width:inherit !important;
		height:inherit !important;
	}*/
	.slider-right{
		width:100%;
		max-width:100%;
		height:200px;
	}
	.smallimage{
		max-width:50%;
		height:100%;
		float:left;
	}
	.inimage{
		max-width:100%;
		height:100%;
	}
	.firstim{
		position:absolute;
		top:150px;
		left:2%;
	}
	.secim{
		position:absolute;
		top:150px;
		left:52%;
	}
	
}
@media (max-width: 480px) {
	body{
		-webkit-overflow-scrolling: touch;
		/*-webkit-transform: translate3d(0, 0, 0);*/
	}
	table{
		margin-left:0px;
		margin-right:0px;
	}
	.tekstblok-links{
		width:100%;
		max-width:320px;
	}
	.contact > table{
		width:100%;
	}
	select {
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
     }

    select {
        background: -webkit-linear-gradient(#999, #000);
        border: 1px solid #ccc;
		padding:10px;
		font-size:12px;
        border-radius: 5px;
        color: white;
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    }

	input[type=text], input[type=tel], input[type=email]{
		-webkit-appearance: none; 
		-moz-appearance: none;
		margin:0;
		width: 95%; height: 40px;
		font-size: 17px;
		border: 1px solid #bbb;
	}
	input[type=submit]{
		-webkit-appearance: none; 
		-moz-appearance: none;
		height:60px;
		line-height:60px;
		font-size:20px;
		font-weight:bold;
		border-radius:30px;
		color:#FFF;
	}
	input[type=button]{
		max-width:100%;
		width:100%;
	}
	.banaan input{
		background-color:#F4822B !important;
	}
	textarea{
		-webkit-appearance: none; -moz-appearance: none;
		margin:0;
		width: 100%; height: 100px;
		line-height: 40px; font-size: 17px;
		border: 1px solid #bbb;
	}
		
	h1{
		font-size:32px;
	}
	.map{
		width:100%;
		height:150px;
	}

	.headerbg{
		height:190px;
		vertical-align:text-top;
		margin-top:0px;
		z-index:100;
	}
	.justify{
		text-align:left;
	}
	.menu-box {
		display:block;
		padding: 14px 16px;
		font-size:18px;
		font-weight:900;
	}
	.menu-ul{
		display:none;
	}
	.menu-list a, .dropbtn {
		padding:12px 20px;
	}
	.menu-list{
		border-top:#000 0.5px solid;
		border-right:#000 0.5px solid;
		width:200px;;
		overflow:visible;
	}
	.dropdown-content a{
		border-bottom:#000 0.5px solid;
		padding:12px 16px;
		width:auto;
	}
	.footerdropdown-content a{
		float:none;
		width:220px;
	}
	.dropdown-content{
		border-left:#000 0.5px solid;
		border-right:#000 0.5px solid;
		border-top:#000 0.5px solid;
		margin-bottom:10px;
	}

	#topmenu{
		position:absolute;
		top:0px;
		width:60%;
		left:0px;
	}
	#topmenu:hover ul{
		display: inline-block;
	}
	.menu-list {
		float:none;
	}
	.dropdown-content, .list-content{
		position: relative;
		left:20px;
	}
	.slider-content{
		height:300px;
	}
	.slider-right{
		width:100%;
		max-width:100%;
		height:150px;
	}
	.w3-display-bottomleft{position:absolute;left:0;top:200px}
	.firstim{
		position:absolute;
		top:100px;
		left:2%;
	}
	.secim{
		position:absolute;
		top:100px;
		left:52%;
	}
	/*
--------------------------------------------
	mainpage
	*/
	.phone{
		display:inline;
	}
	.desktop{
		display:none;
	}
	.top{
		height:135px;
	}
	.logotext > img, input[type=image]{
		float:none;
		text-align:center;
		max-width:40%;
	}
	.column{
		float:left;
		width:100%;
		display:inline-block;
	}
	.colimage{
		max-width:100%;
		width:inherit;
		height:inherit;
		text-align:justify;
	}
	/*Popup css-------------------------------------------------------*/
	#popup1, #popup2, #popup3, #popup4, #popup5, #popup6, #popup7, #popup8, #popup9, #popup10, #popup11, #popup12, #popup13, #popup14, #popup15 {
		padding:10% 10% 10% 10%;
		width:80%;
		height:90%;
		background-color:rgba(0,0,0,0.5);
		z-index:1000;
	}
	.container{
		position:relative; 
		background-color:#FFF; 
		width:90%;
		height:90%;
		left:0px; 
		top:0px; 
		right:0px; 
		bottom:0px;
		overflow-y:auto;
	}
	/*----------------------------------------------------------------*/
	.paramis{
		font-size:36px;
		line-height:1.2em;
	}
	.coaching{
		font-size:24px;
	}
	.tagline{
		position:relative;
		top:-300px;
		left:0px;
		right:0px;
		text-align:center;
		font-size:16px;
	}
	.succesgarantie{
		top:-300px;
	}
	.succesgarantie > img{
		width:100px;
		height:100px;
	}
	.footertext{
		width:100%;
		float:none;
	}
	.left{
		float:none;
		text-align:justify;
	}
	.mid{
		padding-left:0;
		text-align:justify;
	}
	.right{
		float:left;
		text-align:justify;
	}
	.row{
		position:relative;
		display:inline-block;
		top:auto;
	}
	/*
--------------------------------------------
	*/
}
@media (max-width:960px) and (orientation:landscape){
	.top{
		height:55px;
	}
	.paramis{
		font-size:40px;
		font-family: ITCBlair-Medium;
		font-weight: normal;
		font-style: normal;
	}
	.coaching{
		font-size:24px;
	}
	.tagline{
		position:relative;
		top:-255px;
		left:0px;
		right:0px;
		text-align:center;
		font-size:16px;
	}
	.succesgarantie > img{
		width:120px;
		height:120px;
	}
	.succesgarantie{
		top:-260px;
	}
	.logotext > img{
		float:none;
		text-align:center;
	    max-width:30%;
	}
	.menu-box {
		display:block;
		padding: 14px 16px;
		font-size:18px;
		font-weight:900;
	}
	.menu-ul{
		display:none;
	}
	.menu-list{
		border-bottom:#000 0.5px solid;
	}
	.dropdown-content a{
		border-bottom:#000 0.5px solid;
	}
	.footerdropdown-content a{
		float:none;
		width:100%;
	}
	.dropdown-content{
		border-left:#000 0.5px solid;
		border-right:#000 0.5px solid;
		border-top:#000 0.5px solid;
	}
	#topmenu{
		position:absolute;
		width:40%;
		top:0px;
		left:0px;
	}
	#topmenu:hover ul{
		display: inline-block;
	}
	.menu-list {
		float:none;
	}
	.dropdown-content, .list-content{
		position: relative;
		left:20px;
	}

}