/*body {margin:0;padding:0;background:#E5E5E5;font-family:Georgia, "Times New Roman",Times,serif;font-size:13px;color:#666}*/



.therapie-banner {
  background-color: #e3f2fd; /* lichtblauw */
  color: #0d47a1; /* donkerblauw tekst */
  text-align: center;
  padding: 20px 15px;
  margin: 15px 0;
  border-radius: 8px;
  font-size: 1.2em;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

  .therapie-banner p {
    margin: 0;
    font-weight: 500;
  }





body {
	margin:0;
	padding:0;
	background-color: azure;
	font-family:Verdana, Arial, sans-serif;
	font-size:1.2em;
  font-size:100%;	
	color:#060606
}


.image {
	margin: 0 0;
	padding: 0 0;
	position: relative;
	width: 100%; /* for IE 6 */
	text-align: center; /* */
	color: white; /* */
}

.image img {
	width: 100%;
	opacity: 0.2;
	min-height: 200px; /* Voor mobiele apparaten */
}

.textimage {
	position: absolute;
	text-align: center;
	top: 2em; 
	left: 0; 
	width: 100%;
	line-height: 1.2em;
	font-size: 2.5em;
	font-weight: normal;
	color: #3E319D; /*            #FF6             */
	/*text-shadow: -1px 0 blue, 0 1px blue, 1px 0 blue, 0 -1px blue;
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); */
}

blockquote {font-style:italic}
/*
a {color:#135293}
a:hover {text-decoration:none}
*/
.title1 {margin:0;padding:10px 0;background:url(../images/img07.gif) repeat-x left bottom;font-weight:normal;font-size:129%;color:#fff}
.title2 {margin:0;padding:10px 0;background:url(../images/img09.gif) repeat-x left bottom;font-size:227%;font-weight:normal;color:#135293}
.title3 {margin:0;padding:10px 0;background:url(../images/img11.gif) repeat-x left bottom;font-size:129%;font-weight:normal;color:#fff}
.title4 {margin:0;padding:10px 0;font-size:129%;font-weight:normal;color:#fff;margin-top:0px; padding-top:170px; line-height:50px;font-size:40px; color: #FFFF00; text-align: center;}
.title5 {font-size:24px; height:25px; color: #FFFF00;}
.title6 {margin:0; margin-top:-4.5em;font-weight:normal;color:#fff; padding-top:-4.5em; padding-bottom:0.5em; font-size:3em; color: #FFFF00; text-align: center;}
.title7 {margin:0; margin-top:-4.5em;font-weight:normal;color:#fff; padding-top:-4.5em; padding-bottom:0.5em; font-size:2em; color: #FFFF00; text-align: center;}

.error {color: #F00;}

.boxed {
	padding-top: 1.2em;
	padding-right: 1.2em;
	padding-bottom: 1.2em;
	padding-left: 1.2em;
	border-radius: 8px 8px 8px 8px;
}

.boxed_l {
	margin-top: 1em;
	padding-top: 0.5em;
	padding-right: 0.2em;
	padding-bottom: 1.0em;
	padding-left: 0.2em;
	border-radius: 8px 8px 8px 8px;
}

.boxed_f {
	padding-top:1.2em;
	padding-bottom:1.2em;
	border-radius:8px 8px 8px 8px;
}

.f_orange {
	background-color: antiquewhite;
}

.f_blue {
	background-color:#DEF6FF;
}

.boxed_ll a:link {
	color: #3c4b9d;
	text-decoration: none;
}

.boxed_ll a:visited {
	color: #3c4b9d;
}
  
.boxed_ll   a:hover {
	color: blue;
}
  
.boxed_ll   a:active {
	color: blue;
}

.boxed_sb {
	padding-top: 1.2em;
	padding-right: 1em;
	padding-bottom: 1.2em;
	padding-left: 1em;
	border-radius: 8px 8px 8px 8px;
}

.boxed p {
  line-height: 160%;
  margin-bottom: 10px;
}

.boxed_l p {
	line-height: 150%;
}

.boxed ul, .boxed ol {
  line-height: 180%;
  color: black;
  list-style-type: circle;
  padding: 0em;
  margin: 0.5em 0em 1em 1em;
}

.boxed_l ul, .boxed_l ol {
	line-height: 180%;
	color: #3c4b9d;
	list-style-type: circle;
	padding: 1.2em;
	margin: 0.5em 0em 1em 1em;
}

.boxed li {
	padding-left:1em;
}
.boxed h1, .boxed h2, .boxed h3, .boxed_l h1, .boxed_l h2, .boxed_l h3 {
  color: #0d47a1;
  padding-top: 10px;
  padding-bottom: 5px;
}

.boxed_sb p, .boxed_sb ul, .boxed_sb ol {
	line-height:180%;
	color:#FFFFFF
}
.boxed_sb h1 , .boxed_sb h2 , .boxed_sb h3 {
	color: #ffffff;
}

.orange h1, .orange h2, .orange h3, .orange ul {
	color: #3c4b9d;
}


.orange {
	margin: 3em 3em;
	background: antiquewhite url(../images/patroon2.png) repeat-x;
	color: #3c4b9d;
}

.orange_l {
	margin: 1em 0.5em 1em 0.2em;
	background: antiquewhite url(../images/patroon2.png) repeat-x;
	color: #3c4b9d;
} 

.orange_l p {
	margin-left:0.5em;
}
.orange a {
	/*color:#fff; */

}

.yellow_l {
	margin:0.6em 0.6em 0.6em 0.6em;
	padding:0.6em 0.6em 0.6em 0.6em;
	background-color: #D9FF715E;
	color: #00F;
	border-radius: 15px;
	font-size:1em;
}

.yellow p {
	line-height:180%;
}

.yellow ul, .boxed ol {
	line-height:180%;
	color:#313131;
	list-style-type: circle;
	padding:0em;
	margin:1em;	
}
.yellow_l ul, .boxed_l ol {
	line-height:180%;
	color: #00F;
	list-style-type: circle;
	padding-left:0.7em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-right:0em;
	margin:1em;
}
.yellow li {
	padding-left:1em;
}

.greenb {
	margin: 3em 3em;
	background-color: yellowgreen;
	color: #3c4b9d;
}


.col-one {
	float:left;
	width:30%;
}
.col-two {
	float:right;
	width:30%;
}
/* Page */
#page {
	max-width: 1150px; /* 980px;  */
	margin: 0 auto;
	background-color: white;
}
/* Sidebar */

img {
    max-width: 100%;
    height: auto;
}

#header {
	width: 100%;
	top: 0px;
	padding-top: 0px;
	/*background-image: url(../images/header.gif);
    background-size:contain;	*/
	 /* <img src="images/header.gif" align="middle" style="width:100%;"/>*/
}

#sidebar {
	clear: left;
	float: left;
	width: 30%; /* 240 px   25%*/
	top: 0px;
	padding-top: 0px;
}

.sidebar p {
	color:#FFFFFF;
	
}
/* Logo */
#logo {height:220px;background:#fff url(../images/img02.gif) repeat-y right top}
#logo h1, #logo h2 {margin:0;text-transform:lowercase;text-align:center;font-weight:normal;font-style:italic;color:#9C9C9C}
#logo h1 {padding:100px 0 0 0;background:url(../images/img03.gif) no-repeat center center;font-size:36px}
#logo h2 {font-size:14px}
#logo a {color:#9C9C9C;text-decoration:none}


#inputtext1, #inputtext2 {width:194px;margin-bottom:.5em;font:bold 100% Georgia, "Times New Roman",Times,serif;color:#666}
#inputsubmit1 {margin-bottom:.5em;font:bold 100% Georgia, "Times New Roman",Times,serif;color:#666}
#login a {color:#fff}

#content {
	float: right;
	width: 75%;
}

/*#footer {width:980px;height:100px;margin:0 auto;background:url(images/img12.gif) repeat-x}*/
#footer {max-width:980px;height:30px;margin:0 auto;}
#footer p {margin:0;font-size:85%;padding:11px}
.fleft {float:left}
.fright {float:right}
.fcenter {float:none;text-align:center}

div.hdr1 {
	background-image: url(../images/jump3.jpg);
    display: block; 
    height: 375px; /* width:740; */
	max-width: 740px;
}

div.hdr2 {
	background-color:#DEF6FF;
}

div.block_L1 {}

div.header_L1 {padding-top:0.5em; height:0.5em}
div.header_L2 {padding-top:0.5em; height:0.5em}

.link_n {
	background-color: #FF8000;
	color: #004000;
	font-size: 100%;
	font-weight: bold;
}
p.regel_normaal  {
	line-height:1.4em;
}

.Definitie_therapeut {
	border-bottom-width:thin;
	border-bottom-color: #333;
	border-bottom: solid 1px;
	vertical-align: top;
}

/* ul.nav a:hover { background-color:#80FF00; color:#FFF }*/
.Lijst {
	line-height: 4px;
	font-size: 2px;
	top: 0px;
	bottom: 0px;
	padding-left: 5px;
	left: 5px;
}

.Lijst li {
	line-height: 14px;
	height: 14px;
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 0px;
	top: 5px;
	bottom: 0px;
	right: 5px;
	padding-left: 5px;
	left: 5px;

}

.attentie {
    background-color: #A6FFFF;
    /*border: 1px solid #D9D9D9;*/
    border-radius: 4px 4px 4px 4px;
    color: #4A4944;
    display: table;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    line-height: 17px;
    margin: 12px 4px 0 0;
   /*  padding: 8px 26px;*/ 
    padding: 5px 5px 5px 5px;   
    text-decoration: none;
}

HTML a.link:link, a.link:visited, a.link:hover, a.link:active {
    background-color: #8CDAFF;
    border: 1px solid #D9D9D9;
    border-radius: 8px 8px 8px 8px;
    color: #4A4944;
    display: table;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: normal;
    line-height: 17px;
    margin: 12px 4px 0 0;
   /*  padding: 8px 26px;*/ 
    padding: 2px 2px;   
    text-decoration: none;
}

HTML a.link:hover {
	color:black;
	/*font-weight: bold;
	text-decoration:underline;*/
	border: 1px solid #B1B1B1;
}

/* MENU */

* {margin:0; padding:0;}

div#menu {
	margin-left:0em;
	width:100%;
	/*background:url(../images/menu_1tp.gif) top no-repeat;*/
	padding-top:0em;
	margin-top: 0em;
	padding-bottom: 1em;
}

div#menubody {
	/*background:url(../images/menu_2tp.gif) repeat-y;*/
	/*padding-left:5%;*/
	padding-top: 1.4em;
	margin-top: 1.4em;
}

div#menubottom {
	height:1em; 
    /*background:url(../images/menu_4tp.gif) bottom no-repeat;*/
}

ul.nav {
	width:95%;
	list-style-type:none;
	vertical-align:middle;
}

ul.nav li {
	height:2.5em;   /* 1.8em xx */
	line-height: 1.5em;
	vertical-align: middle;
	/*background:url(../images/menu_3.gif) bottom repeat-x;*/
}

	ul.nav a {
		width: 95%;
		font: 1em Verdana, Arial, sans-serif;
		height: 2.0em; /* 1.5 em xx */
		line-height: 1em;
		vertical-align: auto;
		color: #800040;
		text-decoration: none;
		padding: 0em 0 0em 0.5em;
		display: block !important;
		display: inline-block;
		/*background-color: #00CFFF;*/
		background-color: lightblue;
		border-radius: 0.2em;
	}

		ul.nav a.selected {
			/*background-color: #C4FFC4;*/
			background-color: lavender;
		}


ul.nav a:hover  {
	background-color: #9DFF9D;
}
ul.nav a:active  {background-color: #FF9}

.submit22 {
    background-color: #9DFF9D;
    border-radius:6px;
    font-size: 1em;
    text-decoration: none;
    cursor: pointer;
    border:none;
}

.submit23 {
	background-color: #62FF62;
	border-radius:6px;
	font-size: 1em;
	text-decoration: none;
	cursor: pointer;
	border:none;
	padding: 1em;
  line-height: 17px;
}

	.submit23:hover {
		background-color: #0056b3; /* Darker shade on hover */
	}





.aanmelden-btn {
  background: linear-gradient(135deg, #4CAF50, #2E7D32); /* Groen verloop */
  color: white;
  padding: 12px 24px;
  border: none;
  border-radius: 50px; /* Maakt de knop mooi rond */
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

  .aanmelden-btn:hover {
    background: linear-gradient(135deg, #66BB6A, #388E3C);
    transform: scale(1.05);
  }




.aanmeld-knop2, .button4 {
  display: inline-block;
  background-color: #0077cc;
  color: white;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  transition: background-color 0.3s ease, transform 0.2s ease;
}

  .aanmeld-knop2:hover, .button4:hover {
    background-color: #005fa3;
    transform: translateY(-2px);
  }




.button7 {
  background-color: #8CDAFF;
  border: 1px solid #D9D9D9;
  border-radius: 8px 8px 8px 8px;
  color: #4A4944;
  display: table;
  font-family: Verdana;
  font-size: 11pt;
  font-weight: normal;
  line-height: 17px;
  margin: 12px 4px 0 0;
  padding: 2px 2px;
  text-decoration: none;
}

/* Fake (pseudo) element, that enables vertical-align */
ul.nav a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.head2 { /* #page #content .boxed   */
	color: #4242FF;
	margin-top:0px;
	padding-top:0.5em;
	line-height:1.5em;
	font-size:1.8em;
}

.KopH1 {
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
}

.PageTitle {
	/*margin-top:40px; */
	padding-top: 0.5em;
	line-height: 1.5em;
	font-size: 1.8em;
	color: #3E319D;
	text-align: center;
}

.google-maps {
        position: relative;
        padding-bottom: 75%; /* This is the aspect ratio*/
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.blind {
	color: white;
}

.testversie::before {
  content: ""; /* test: versie nr. inzetten */
  display: block;
  font-size: 1.0em;
  color:  aqua;
  padding: 10px;
}

.verstop-text {
  opacity: 0;
}
@media (prefers-color-scheme: dark) {
  .verstop-text {
    opacity: 0;
  }
}


 
@media (min-width: 1001px) {

	div.hdr2 {
		height: 180px; 
	}

  .show-only-on-small {
    display: none;
  }

	.show-only-on-small2 {
		display: none;
	}

  .show-only-on-large {
    display: block;
  }
  
  .orange_top_m {
    margin-top:7em;
  }
  
  .center_on_small {
  }

	#page {
		display: flex; /* equal height of the children */
	}

	#sidebar {
		/*flex: 2;  additionally, equal width */
		background-color: azure;
	}

	#content {
		flex: 1; /*additionally, equal width */
	}

}
    

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

	.show-only-on-small {
		display: block;
	}

	.show-only-on-small2 {
		display: inline;
	}

	.show-only-on-large {
		display: none;
	}

	.orange_top_m {
		margin-top: 1em;
	}

	.center_on_small {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}

	.hdr2 {
		height: 200px;
	}

  #sidebar {
	  width: 100%;
	  display: block;
	  clear: both;
    float: none; 	  
  }	

  #content {
	  float: left; 
	  clear: both; 
	  width: 100%;
  }
  
  .boxed {}	
  .orange {margin:1em 1em;}  
  .boxed_l {margin-top: 1em;}
  .orange_l {margin:1em 0em;} 
  
  .boxed_sb p {
	  color:#0000FF;
  }  
  
  div.hdr1 {
	  background-image: url(../images/jump3.jpg);	
	  display: block; 
	  height: 20em;
	  width: 100%;
	  clear: both;
	  float: none;
  }	
  
  #page {width:100%;margin:0 auto;background:#fff }	
  #footer {width:100%;height:30px;margin:0 auto;}
	#footer p {
		margin: 10px;
		font-size: 100%;
		padding: 11px
	}
  
  .title4 {float: none; margin:0;padding:10px 0;font-size:100%;font-weight:normal;color: #3F9;margin-top:0px; line-height:20px; clear: both;}

  div#menu {
	  width:100%;
	  /*background:url(../images/menu_1tp.gif) top no-repeat;*/
	  padding-top:0em;
	  margin-top: 0em;
	  padding-bottom: 0em;
  }

ul.nav {
	width:95%;
	list-style-type:none;
	vertical-align:middle;
}
  
ul.nav li {
	font-size: 1.5em;
	height:3em;
	min-height:3em;
	line-height: 6em;
	vertical-align: middle;
	padding-top:0.5em;
	/*padding-bottom:3em;*/
	/*background-color:#0FF;*/
}

ul.nav a {
  width:85%;
  height:3em;
  font:0.8em Verdana, Arial, sans-serif;
	
  border-left:#75c5de 0em none;
  border-top:#75c5de 0em none;
  border-right:#75c5de 0em none;
  border-bottom:#75c5de 0em none;	  
}
  
.title6 {
	margin:0; margin-top:-5em;font-weight:normal;color:#fff; padding-top:-5em; padding-bottom:0.5em; line-height:1.5em;font-size:1.2em; color: #FFFF00; text-align: center;
}  

.onderschrift {
	font-size: 10px;
}

	.textimage {
		position: absolute;
		text-align: center;
		top: 2em;
		left: 0;
		width: 100%;
		line-height: 1.2em;
		font-size: 1.5em;
		font-weight: normal;
		color: #3E319D; /*            #FF6             */
		/* text-shadow: -1px 0 blue, 0 1px blue, 1px 0 blue, 0 -1px blue;*/
	}


/* Fake (pseudo) element, that enables vertical-align */
ul.nav a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

}

























.ban1 {
  font-family: 'Merriweather', serif;
  font-size: 2.2rem; /* niet te groot, maar opvallend */
  font-weight: 400; /* normaal gewicht, niet vet */
  color: #2c3e50; /* diep blauwgrijs, vriendelijk */
  line-height: 1.4;
  /*margin-bottom: 1.5rem; */
  text-align: center; /* optioneel: gecentreerd */
  background: linear-gradient(to right, #f0f4f8, #ffffff); /* zachte achtergrond */
  padding: 1rem;
  border-radius: 8px;
}

.banner h2 {
  font-size: 2.4em;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}


.highlight {
  color: #d0884a; /* #f8a45c;*/
  font-weight: 700;
}


/* Keep sidebar sections stacked; use flex so we can reorder on small screens */
#sidebar {
  display: flex;
  flex-direction: column;
}


@media (max-width: 1000px) {
  .kolommen-container {
    display: flex;
    flex-direction: column;
  }

  .linkerkolom {
    order: 2;
  }

  .rechterkolom {
    order: 0; /* eigenlijk 1 */
  }

  .sidebar-bottom {
    order: -1; /* place bottom before top */
  }

  /* On small screens show the bottom section (below menu) above the top section (menu) */
  .sidebar-top {
    order: 0;
  }

}



.mobiele-knopH {
  display: none;
  position: absolute;
  top: 190px;
  right: 20px;
  background-color: #0077cc;
  color: white;
  padding: 0.8rem 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  font-size: 1rem;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease;
}

.mobiele-knopH:hover {
  background-color: #005fa3;
}

@media (max-width: 1000px) {
  .mobiele-knopH {
    display: flex;
    align-items: center;
  }
}




.mobiele-knop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #0077cc;
  color: white;
  padding: 0.8rem 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  font-size: 1rem;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease;
}

.mobiele-knop:hover {
  background-color: #005fa3;
}

/* Alleen tonen op schermen kleiner dan 768px */
@media (max-width: 1000px) {
  .mobiele-knop {
    display: flex;
    align-items: center;
  }
}

.menu-icon {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

/* standaard: lijn verbergen */
.mobile-line {
  display: none;
}

/* alleen tonen op schermen tot 768px breed (mobiel) */
@media (max-width: 1000px) {
  .mobile-line {
    display: block;
    border: 0;
    border-top: 1px solid #ccc; /* optioneel: stijl aanpassen */
    margin: 20px 0;
  }
}