/* FONT LICENSE 2018 sE6N-HUh8-b3lm-fSPY */

	* { 
		box-sizing: border-box; 
	}
	
	@font-face {
   	font-family: quoteFont;
   	src: url('/fonts/if only.ttf');
	}	
	body {
		margin : 0px;
		background-color: white;
		font-size: 15px;
		font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
		color: #202020;
	}
	
	#logo {
    max-width : 400px;
    padding : 10px;
   }
	
	.grid {
		display: grid !important;
		grid-gap : 20px 10px;
		justify-content: start;
   	grid-template-columns: auto auto 1fr; /*float left */
	}
	
	#addressGrid {
		grid-column : 1;
		grid-row : 1;
	}	

	#patientGrid {
		grid-column : 2;
		grid-row : 1;	
	}	
	
	#patientGrid a {
		display: block;	
	}

	#buttonGrid {
		grid-column-start : 1;
		grid-column-end : 4;
		grid-row : 2;		
	}

	img {
		border-radius: 4px;	
	}
	
	.image_300 {
		width: 300px !important;
		margin-left : calc(50% - 150px);	
	}

	.image_360 {
		width: 360px !important;
		margin-left : calc(50% - 180px);	
	}

	.image_380 {
		width: 380px !important;
		margin-left : calc(50% - 190px);	
	}

	.image_400 {
		width: 400px !important;
		margin-left : calc(50% - 200px);	
	}

	.left {
		text-align: left !important;	
	}
	
	.center {
		text-align: center !important;
	}	
	
	.blue {
		color: #234172 !important;
	}

	h1 {
		font-size: 300%;
		font-weight: 500;	
		margin: 10px auto;	
	}

	h2 {
		font-size: 200%;
		font-weight: 400;	
		margin: 0 auto;
		line-height: 1.1em;
		padding: 0;
	}
	

	h3 {
		font-size: 140%;
		font-weight: 400;
		margin: 5px auto;	
		padding: 0 0 5px 0;
		text-align: left;
	}
	
	.review h3, .review h4 {
		padding: 5px 0 0 0;
		margin : 0px;
	}

	h4 {
		color: #3f5984;
		font-size: 110%;
		font-weight: 300;
		margin: 5px auto;	
	}
	
	.white {
		color: white;
	}

	.workshop {
		display: inline-block;
		float: right;
		color: gray;	
	}
		
	a, a:visited {
		color: #202020;
		text-decoration: none;
	}
	
	.link {
		color: #234172;
		text-decoration: underline;
		cursor : pointer;
	}

	/* top bar, hides when scrolling */
	#top {
		position: relative;
		width: 100%;
	}
	
	/* logo on top bar */
	
	#top_img {
		display: block;
		float:	left;
		clear: both;
		margin: 10px;
	}

/* menu */

	.sticky_menu {
		position : fixed;
		top: 0px;	
	}

	@media screen and (max-width: 360px) {
		h1 {
			font-size : 25px;
			padding : 23px 0 !important
		}
		#login_banner {
			padding: 9px 2px 0px 25px;
			background-position : 2px 8px;
			background-size : 20px 20px;
		}
		#menu > ul {
			display: none;
			padding : 0 0 10px 0;
			margin: 0;
		}
		#menu > ul > #who_are {
			display: none;		
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: calc(-1em - 10px) 0 0 9em;
			width: 13em;
		}
		.menu_fixed {
			display : none;
		}
		.container {
			width: calc(100% - 10px);
			padding : 5px;
			margin: 5px;
		}
		.container_border {
			width: calc(100% - 10px);
			margin: 5px;
		}				
		.duo, .tripple, .two_third {
			width: 100%;
			padding : 5px;	
		}
		
		/*.duo ~ .duo, .tripple ~ .tripple, .two_third ~ .tripple, .tripple ~  .two_third {*/
		.duo ~ .duo, .tripple ~ .tripple, .tripple ~ .two_third, .two_third ~ .tripple {
			margin-bottom : 10px;	
		}
		#top_img {
			width : 180px;		
		}
		#footer > div {
			margin: 0 auto;		
		}
		#close {
			font-size : 400%;		
		}
		#stars {
			right: 15px;
			margin-top: calc(1em + 12px);		
			font-size: 1.5em;		
		}
		#twitter_div {
			display : none !important;
		}
		#contact_footer {
			display: initial;		
		}
	}
	
	@media screen and (min-width: 361px) and (max-width: 767px) {
		h1 {
			font-size : 25px;
			padding : 23px 0 !important
		}
		#login_banner {
			padding: 9px 7px 7px 40px;
			background-position : 2px 3px;
		}
		#menu > ul {
			display: none;
			padding : 0 0 10px 0;	
			margin: 0;
		}
		#menu > ul > #who_are { 
			display: none;
		}
		li:hover > ul { /* alle ul waarvan de parent een li:hover is */
			opacity : 1;
			top: 0px; 			
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: calc(-1em - 15px) 0 0 9em;
			top: -500px;	
		}
		.container {
			width: calc(100% - 10px);
			padding : 5px;
			margin: 5px;
		}
		.menu_fixed {
			display : none;
		}
		.container_border {
			width: calc(100% - 10px);
			margin: 5px;
		}
		.duo, .tripple, .two_third {
			width: 100%;
			padding : 10px;	
		}
		.duo ~ .duo, .tripple ~ .tripple, .tripple ~ .two_third, .two_third ~ .tripple {
			margin-bottom : 10px;		
		}
		#top_img {
			width : 215px;		
		}
		#footer > div {
			margin: 0 auto;		
		}
		#footer + div {
			display: none;		
		}
		#close {
			font-size : 400%;		
		}
		#stars {
			right: 15px;
			margin-top: calc(1em + 12px);		
			font-size: 1.5em;		
		}
		#twitter_div {
			display : none !important;
		}
		#contact_footer {
			display: initial;		
		}
	}
	
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		#login_banner {
			padding: 9px 7px 7px 40px;
			background-position : 2px 3px;
		}
		#menuButton {
			display: none;
		}
		#menu > ul {
			display: table;
			padding : 15px 0 10px 0;	
			margin: 0 auto;
		}
		#menu ul li {
			display : inline;
		}
		#menu > ul > #who_are { 
			display: none;			
		}
		li:hover > ul { /* alle ul waarvan de parent een li:hover is */
			opacity : 1;
			top: auto; 
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: 10px 0 0 0;
			top: -500px;
		}
		.menu_fixed {
			opacity: 1;
			top: auto;
			border : 1px solid #D0D0D0;
			background-color: #F8F8F8;
			width: auto;
		}
		.container {
			width: calc(100% - 10px);
			padding : 5px;
			margin: 5px;
		}
		.container_border {
			width: calc(100% - 10px);
			margin: 5px;
		}
		.duo, .tripple, .two_third {
			width: 100%;
			padding : 10px;	
		}
		.duo ~ .duo, .tripple ~ .tripple, .tripple ~ .two_third, .two_third ~ .tripple {
			margin-bottom : 10px;		
		}
		#footer .facebook {
			display: inline-block;
			margin: 15px auto;
		}
		#close {
			font-size : 500%;		
		}
		#stars {
			right: 25px;		
			font-size: 2em;		
		}
		#contact_footer {
			display: initial;		
		}

	}

	@media screen and (min-width : 1025px) and (max-width: 1170px) {
		#login_banner {
			padding: 9px 7px 7px 40px;
			background-position : 2px 3px;
		}
		#menuButton {
			display: none;
		}
		#menu > ul {
			display: table;	
			padding : 15px 0 10px 0;	
			margin: 0 auto;			
		}
		#menu ul li {
			display : inline;
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: 10px 0 0 0;
			top: -500px;	
		}
		li:hover > ul { /* alle ul waarvan de parent een li:hover is */
			opacity : 1;
			top: auto; 
		}
		.menu_fixed {
			opacity: 1;
			top: auto;
			border : 1px solid #D0D0D0;
			background-color: #F8F8F8;
			width: auto;
		}
		.container {
			width : 1024px;
			margin: 5px 0 5px calc(50% - 512px);
			padding: 5px 15px;	
		}
		.container_border {
			width: calc(1024px - 30px);
			margin: 5px 0 5px calc(50% - 496px);
		}

		.duo {
			width: calc(50%);
			margin: 30px 15px;
			padding: 15px;
		}
		.tripple {
			width: calc(33.33%);
			margin: 30px 15px;
			padding: 15px;
		}
		.two_third {
			width: calc(66.67%);
			margin: 30px 15px;
			padding: 15px;
		}
		#footer > div {
			margin: 10px;
			display: inline-block;
			height: calc(350px + 1em + 30px);
		}
		#contact_footer div {
			height: 300px;		
		}
		#close {
			font-size : 500%;		
		}
		#stars {
			right: 25px;		
			font-size: 2em;		
		}
		.break_1 {
   		padding-top : 1em;
   	}

   	.break_2 {
   		padding-top : 2em;
   	}
	}
		
	@media screen and (min-width: 1171px) {
		#login_banner {
			padding: 9px 7px 7px 40px;
			background-position : 2px 3px;
		}
		#menuButton {
			display: none;
		}
		#menu > ul {
			display: table;	
			padding : 15px 0 10px 0;
			margin: 0 auto;
		}
		#menu ul li {
			display : inline;
		}
		li > ul { /* alle ul waarvan de parent een li is */
			margin: 10px 0 0 0;
			top: -500px;
		}
		li:hover > ul { /* alle ul waarvan de parent een li:hover is */
			opacity : 1;
			top: auto; 
		}
		
		.menu_fixed {
			opacity: 1;
			top: auto;
			border : 1px solid #D0D0D0;
			background-color: #F8F8F8;
			width: auto;
		}
		
		.container {
			width: 1024px;
			margin: 5px 0 5px calc(50% - 512px);
			padding: 5px 15px;	
		}
		.container_border {
			width: calc(1024px - 30px);
			margin: 5px 0 5px calc(50% - 496px);
		}

		.duo {
			width: calc(50%);	
			margin: 30px 15px;
			padding: 15px;
		}
		.tripple {
			width: calc(33.33%);
			margin: 30px 15px;
			padding: 15px;
		}
		.two_third {
			width: calc(66.67%);	
			margin: 30px 15px;
			padding: 15px;
		}

		#footer > div {
			margin: 10px;
			display: inline-block;
			height: calc(350px + 1em + 30px);
		}
		#contact_footer div {
			height: 300px;		
		}
		#close {
			font-size : 500%;		
		}		
		#stars {
			right: 25px;
			right: 25px;
			font-size: 2em;		
		}

		.break_1 {
   		padding-top : 1em;
   	}

   	.break_2 {
   		padding-top : 2em;
   	}

	}
	
	.mail:before {
		content: "@";	
	}
	
	.mail:after {
		content: ".";	
	}

	#social_media {
		position: fixed;
		z-index: 2;
	}
	
	#social_media div {
		display: block;
		float: left;
		clear: both;
		padding : 5px 5px 4px 5px;
		background-color: white;
		border-right: 1px solid #E0E0E0;
	}

	#social_media div:first-child {
		border-top-right-radius: 4px;
		border-top: 1px solid #E0E0E0;
	}	
	
	#social_media div:last-child {
		border-bottom-right-radius: 4px;	
		border-bottom:  1px solid #E0E0E0;
		padding-bottom : 5px;
	}	

	#social_media img {
		opacity: 1;
		display: block;	
		width: 32px;
		height : 32px;	
	}
		
	#social_media img:hover {
		opacity: .6;
	}
	
	#menu {
		position: sticky;
		display: table;
		z-index: 3;
		width : 100%;
		border-bottom : 2px solid #63C44180;
		background-color: white;
		top: -4px;
	}
	
	#menuButton {
		padding : 10px 0 10px 10px;
		border-bottom : 1px solid #F0F0F0;
	}

	#menu > ul { /* ul waarvan de parent .menu is */
		list-style: none;
	}
	
	#menu > ul > li { /* li waarvan de parent ul is en daar de parent #menu is */
		padding : 10px 8px;	
		transition: background .5s ease-out .1s;
		margin: 0 1px;
	}
	
	.menu li:hover, .hover {
		background: #F0F0F0;	
		border-radius : 4px;
	}
			
	.current {
		background-color : #D0D0D0;
		border-radius : 4px;
	}
	
	#menu a img { /* drop down image */
		margin: 2px 0px 1px 2px;
	}
	
	/* drop down menu */	
	li > ul { /* alle ul waarvan de parent een li is */
		position : absolute;
		background-color: white;
		z-index : 2;
		opacity : 0;	
		border: 1px solid #91a0b9;
		border-radius: 4px;
		list-style: none;
		padding : 0px;
		transition: background .5s ease .1s;
		transition: height .5s ease .1s;
	}
	
	a ~ ul li { /* alle li dit na een ul na a komen */ 
		padding : 10px;
		display: block !important;
		transition: background .5s ease-out .1s;
	}
	
	li {
		cursor: pointer;
	}
	
/* content */
	#content {
	position: relative;
	width: 100%;
	z-index: 1;
	}
	
	.last {
		margin-bottom : 40px;
	}
	
	#content_frame {
		padding : 10px;
		margin-bottom : 30px;
	}
	
	#img_bar {
		position: relative;
		width: 100%;
		overflow: hidden;
		margin-bottom : 10px;
	}
	
	#img_bar h1 {
		position	: absolute;
		bottom: 0px;
		color: white;
		padding: 10px;
		width: 100%;
		text-align: center;
		/*background-color: rgba(0,0,0,.5);*/
		background-color : #63c441;
		/*margin: 0 auto; */
	}

	#image_container {
		position: relative;
	}	
	
	#image_container img {
		border-radius: 0px !important;
	}
	
	[id^='img_'], #img_3 img {
		width: 100%;
		position: absolute;
		top: 0px;
		height : calc(3em + 33px);
		/*height: 420px;*/
		object-fit : cover;
		opacity: 1;
		transition: opacity 1.5s linear 0s;
	}
	
	#login_container {
		font-size: 100%;
		width : calc(20em + 30px);
		position: absolute;
		top : 20px;
		padding: 15px;
		left : calc(50% - 10em - 15px);
		background-color: rgba(255,255,255,0.95);
		text-align: center;
		border: 1px solid #F0F0F0;
		border-radius: 4px;
		opacity: 0;
		transition: opacity .5s linear 0s;
		z-index: 5;
		display : none;
	}
		
	#password {
		display: block;
	}
	#eye {
		position: absolute;		
		opacity: 0;
		transition-duration: .5s;
		margin-top : 7px;
		right: 24px;
		cursor: text;	
	}

	#device {
		position: absolute;		
		width : 24px;
		transition-duration: .5s;
		margin-top : 7px;
		right: 19px;
		cursor: pointer;
		display : none;	
	}

	#content input.text, textarea {
		background-color: #fff;
		color: #555;
		height: 2.5em;
		line-height: 1.43;
		padding: 6px 12px;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	   border: 1px solid #c6c6c6;
      border-radius: 4px;
      display: block;
      font-size: inherit;
	}
	
	#content input:focus, textarea:focus {
   	 outline: 0 none; 
   	 border: 1px solid #7688a7;
   	 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(35, 65, 114, 0.6);
   	 padding-left : 8px;
	}

   #content input.placeholder::placeholder {
   	color : red;
   }
   
	small {
		text-justify : none;	
	}
	
	/* input leden gedeelte */
	#content_frame input {
  		border : none;
  		padding : 3px 4px;
 		font-size : 95%;
  		border : 1px solid #D0D0D0;
  		background-color : #FFFFFF;
  		border-radius : 2px;	
	}
	
	*[class^='select_'] {
	position :relative;
   padding : 2px 4px;
   font-size : 95%;
	border-radius : 2px;
	border : 1px solid #D0D0D0;
   background : #FFFFFF url(../images/dropdown_select.png) no-repeat right center;
   overflow: hidden;
	 display: inline-block;
	 margin-bottom : -.5em;
	}

   *[class^='select_'] select {
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    width: calc(100% + 20px);
    padding-right: 30px;
    font-size : 100%;
	 text-overflow: ellipsis;	
	}
		
	.select_150 { width : calc(10em - 4px);}
	
   .edit_75, .noedit_75 {
   	width : 7em;
   	display : inline;
   	margin : 0 10px 0 10px;
   }

   .edit_150 {
   	width : 20em;
   	display : inline;
   	margin : 0 10px 0 10px;
   }

	.required {
   	 outline: 0 none; 
   	 border: 1px solid rgba(242, 62, 37, 0.5);
   	 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 2px rgba(242, 62, 37, 0.6);	 
	}

	#login_form .check_box {
		font-size : 90%;				
	}

	#login_form input {
		margin : 5px auto;
	}
	
	#login_banner {
		position: absolute;
		right : 10px;
		top :10px;	
		background-image: url('/images/login.png');
		background-repeat: no-repeat;
		height: 40px;
		border-radius: 3px;
		transition: background .5s ease .1s;
	}
	
	#login_banner:hover {
		background-color: #F0F0F0;	
	}

	#login_form {
		display : block;	
	}
	
	#login_message {
		display : none;	
		padding-top: calc(50% - .5em);
	}
	
@keyframes blink {
    0% {
      opacity: .2;
    }
    20% {
      opacity: 1;
    }
    100% {
      opacity: .2;
    }
	}

	#login_message span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    position: inherit;
    padding: 0px;
    color: black;
    background-color: transparent;
    font-size: 200%;
}

	#login_message span:nth-child(1) {
   	animation-delay: .2s;
	}

	#login_message span:nth-child(2) {
   	animation-delay: .4s;
	}

	#login_message span:nth-child(3) {
   	 animation-delay: .6s;
	}	
	
	#login_code {
		display : none;
	}

	#login_proceed {
		margin : 20px auto;	
	}

	.pin {
   	border-color: #AAAAAA #D4D4D4 #F1F1F1 #D5D5D5;
   	border-image: none;
   	border-radius: 2px;
   	border-style: solid;
   	border-width: 1px;
   	box-shadow: 0 1px 2px 0 #CCCCCC inset;
   	outline: 0 none;
   	display: inline-block;
   	font-size: 1.428em;
   	margin: 0 0px;
   	padding: 4px 0 0; 
   	text-align: center;
   	width: 28px;  
   	height : 28px;
	}

	.pin_ipad {
   	border-color: #AAAAAA #D4D4D4 #F1F1F1 #D5D5D5;
   	border-image: none;
   	border-radius: 2px;
   	border-style: solid;
   	border-width: 1px;
   	box-shadow: 0 1px 2px 0 #CCCCCC inset;
   	outline: 0 none;
   	display: inline-block;
   	font-size: 1.428em;
   	margin: 2px 6px 0 0;
   	padding: 0 0 0 4px; 
   	text-align: left;
   	width: 6em;  
   	height : 25px;
   	text-align: center;
	}	


	.pin:focus, .pin_ipad:focus {
		background-color : #FFFFB0;
	}

	.nocheck {
	  	background: transparent url(/images/checkbtn.gif) no-repeat;
  		background-position : 1px -23px;
  		padding-left : 20px;
  		padding-bottom : 2px;
  		cursor : default;
	}

	.checked {
  		background: transparent url(/images/checkbtn.gif) no-repeat;
  		background-position : 1px -101px;
  		padding-left : 20px;
  		cursor : default;
  		padding-bottom : 2px;
	}
	
	.nocheck:hover { 
		background-position : 1px -49px; 
	}

	.checked:hover { 
		background-position : 1px -127px; 
	}

	.button {
		background-color : #F0F0F0;	
  		border : 1px solid #D0D0D0;
  		border-radius : 2px;
  		cursor	: pointer;
 		display	: block;
  		color 	: #303030;  		
  		width : 10em;
		padding : .4em;
		border-radius : 4px;
		text-align: center !important;
		clear: left;
		margin-top : 20px;	
	}
	
	.smallbtn {
		padding : 3px 4px !important;
		display: inline-block;	
		background-color : #F0F0F0;	
  		border : 1px solid #D0D0D0;
  		border-radius : 2px;
  		cursor	: pointer;
  		color 	: #333;  		
  		width : 8em;
		text-align: center !important;
		font-size : 95%;	
	}
	
	
	.search {
	
	}

	.clear {
	
	}	

	#infoBtn, #dossierBtn {
		float : right;	
		margin-left : 4px;
		display : none;
	}
	
	#searchBtn, #newBtn, #saveBtn, #delBtn, #printBtn {
		float : right;	
		margin-left : 4px;
	}
		
	.button:hover, .smallbtn:hover {
		background-color : #D0D0D0;	
	}
	
	.gray:hover {
		background-color: #F0F0F0 !important;
	}
	
	#login_button {
		margin: 20px auto 0 auto;	
	}
	
	
#head {
  background-color : #E0E0E0;
}

#data {
	border-collapse :collapse;
	margin : 10px 0;
	width : 100%;
}

#data td {
	padding: 2px;
}

tr .current {
  	background : url(../../images/updown.png) 0px 2px no-repeat, linear-gradient(#a0a5ff, #868ad6, #7276b6, #868ad6);
  	padding-left : 16px !important;
	color	: white;
	border-radius : 0px;
}

#data tbody tr:nth-child(even) {
	background-color : #EEE;
}

#data tbody tr:hover {
	background-color : #63c441;
}

 #head td:hover {
  background-color : #AEB5E3 !important;
  cursor : pointer;
}

.pages
{
   display 	    		: inline;
   list-style       : none;
   float            : left;
   width            : 100%;
}

.pages a 
{
   display          : inline;
   margin           : 0px 2px;
  	background-color : #F0F0F0;	
 	border : 1px solid #D0D0D0;
   border-radius : 2px;
   cursor	: pointer;
   padding: 3px 4px;
   color: #303030;
   float: left;
}

.pages a:hover
{
	background-color : #D0D0D0;
}

.pages a.current
{
	background-color : #D0D0D0;
	font-weight: 600;
}

.pages span {
	margin:	4px 0 0 5px;
	display: block;
	float: left;
}

#name {
	background-color : #63c44180;
	padding : 4px 5px;
	font-size: 95%;
	border-radius : 2px;
	float: right;
	display: none;
}

.edit_75 { width: calc(7em - 4px); }
.edit_100 { width: calc(9em - 4px); }
.edit_300 { width: calc(29em - 4px); }

	/* block moet interactief op scherm resolutie */
	
	.full {
		position: relative;	
	}

	
  /* default container without border */	
	.container {
		display: block;
		float: left;
		clear: both;	
		text-align: center;	
		line-height: 1.6em;
	}
		
	/* default container with border */	
	.container_border {
		display: block;
		float: left;
		clear: both;	
		padding : 0px;
		border-radius: 4px;
		border: 1px solid #E0E0E0;
	}
	
	.container_parent {
		width: 100%;
		display: block;
		float: left;
		clear: both;	
		padding : 0px;
		border-radius: 4px;
		text-align: center;
	}
	
   /* default container for h2 only */	
	.container_parent_h2 {
		display: block;
		float: left;
		clear: both;	
		text-align: center;	
		line-height: 1.6em;
		margin: 15px auto 5px auto;
		width: 100%;
		padding: 0 calc(50% - 512px);
	}
	
	.container_parent_h2 h2 {
		padding : 20px 0;	
	}
	
	#container_frame {
		padding : 10px;
	}
		
	.dark {
		background-color: #E0E0E0;	
	}
	
	.yellow {
		background-color: yellow;	
	}
	
	.gray {
		color : gray !important;	
	}

	.single {
		padding: 15px;	
		text-align: justify;
	}

	.duo, .tripple, .two_third {
		display: block;
		float: left;
		border: 1px solid #E0E0E0;
		overflow: hidden;
		border-radius: 4px;
		line-height: 1.6em;
		text-align: justify;
	}
	
	.container_border .duo, .container_border .tripple, .container_border .two_third {
		border-width: 0px; 
		margin: 0px;
	}

	.duo img, .tripple img, .two_third img {
		object-fit: cover;
		width: 100%;	
	}
			
	.no-border {
			border : 1px solid white;
			margin : 0px;
	}

	.border-left {
			border-top-left-radius: 4px;
			border-top-right-radius: 0px;
			border-bottom-left-radius : 4px;
			border-bottom-right-radius: 0px;
			border-top : 1px solid #E0E0E0;
			border-left : 1px solid #E0E0E0;
			border-bottom : 1px solid #E0E0E0;
			border-right-width: 0px;			
	}

	.border-right {
			border-top-left-radius: 0px;
			border-top-right-radius: 4px;
			border-bottom-left-radius : 0px;
			border-bottom-right-radius: 4px;
			border-top : 1px solid #E0E0E0;
			border-left-width: 0px;
			border-right : 1px solid #E0E0E0;
			border-bottom : 1px solid #E0E0E0;			
	}

	.quote, .noquote {
		color: #234172;	
		text-align: center;
		font-family: quoteFont;
		font-size : 250%;
		line-height: 1em;
	}
	
	.tripple .noquote  {
		font-size : 170%;
		line-height: 1.05em;
	}

	.quote:before {
		content: "\201C";		
	}	

	.quote:after {
		content: "\201D";
	}	
	
	ul.free { /* ul waarvan de parent .menu is */
		list-style: none;
		padding: 0px;		
	}
	
	.free li::before {
		content: "\2713\0020\fe0e";
		color	: green;
		padding: 0 10px 0 5px;
		font-size: 120%;
	}
	
	.free li span {
		display: block;
		margin : -1.65em 0 7px calc(1em + 10px);
		text-align: left;	
	}

	#footer h3 {
		padding: 0 0 10px 0;
		display: block;	
	}
	
	#footer > div {
		padding: 0;
		width: 306px;
		overflow: hidden;
	}
	
	.facebook  {
		height: calc(350px + 1em + 30px);
	}
	
	#footer iframe {
		display: block;
		width: 100%;
		height: 350px;
		border-radius : 4px;
	}
	
	#contact_footer div {
		background : white;
		border-radius : 6px;
		height: 350px;;	
	}
	
	#footer {
		position : fixed;
		border-top : 1px solid #63c44180;
		bottom : 0px;
		left : 0px; 
		right  :0px;	
		padding : 2px;
		background-color : white;
		z-index : 2;
		text-align: center;
	}

	.container textarea {
		height: 8em; 
		resize: none;
		width: 100%;
		margin : 5px auto;
	}
	.container input {
		height: 2.5em;
		width: 100%;	
		margin : 15px auto;
	}
	
/* recention */
	.review {
		text-align: left;
		border: 1px solid #E0E0E0;
		padding: 0 10px 10px 10px;
		margin: 10px auto;
		border-radius: 10px;
	}
	.review p:before {
		content: "'";		
	}	

	.review p:after {
		content: "'";
	}	
	
	.review p {
		margin: 0px;	
	}

	#stars {
		display:	block;
		float: right;
		top: 5px;
		margin-top : 8px;
	}

	.stars_none:before {
		margin: 0px;
		display: block;
		float: left;
		content: "\2605\fe0e";
		color: #ddd;
	}

	.stars_full:before {
		margin: 0px;
		display: block;
		float: left;
		content: "\2605\fe0e";
		color: #FFED85; 
	}
			
/* rating */	
	fieldset, label { 
		margin: 0; 
		padding: 0; 
	}

	.rating { 
  		border: none;
  		float: left;
  		display: inline-block;
  		margin-top: 10px;
	}

	.rating > input {
		display: none; 
	}
	 
	.rating > label:before { 
		margin: 0px;
		font-size: 2.5em;
		display: inline-block;
		content: "\2605";
	}

	.rating > label { 
  		color: #ddd; 
 		float: right; 
	}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


#imageBox 
{
  background-color: rgba(0, 0, 0, .8);
  display : none;
  clear : both;
  position : fixed;
  z-index : 99;
  width : 100%;
  height : 100%;
  opacity: 0;
  transition: opacity 0.5s; 
}

#imageContainer {
	position: absolute;
	transition-duration: .5s;
	transition-timing-function: ease-in-out;
	width : 0px;
	height : 0px;
	left : 50%;
	top: 50%;
	overflow: hidden;	
}

#close {
	color: white;
	font-weight: 200;
	margin: -10px -10px 0 0;
	position: inherit;
	top: 10px;
	right: 10px;
	z-index: 2;
	cursor: pointer;
	transform: rotate(45deg);
	transform-origin: .4em .3em;
	font-size: 800%;
}

td {
	padding: 3px 10px 3px 0;
}

td:nth-child(even) {
	padding-right: 20px;
}

#personal td {
	padding-right: 10px;
}

#personal td:nth-child(4) {
	display: inline;
	float: right;
	padding-right: 0;
}

#ip {
	display  :block;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	color : #606060;
	padding : 3px 0 3px 0;
}

	#dm_div i {
    display: block;
    float: left;
    margin: 2px 0px 0 0px;
    width: 10px;
    text-align: right;
    font-style: normal;
   }
	 	
	#zp0, #zp1, #zp2, #zp3, #zp4
	{
	float : left;
	}
	#zp0 input, #zp1 input, #zp2 input, #zp3 input, #zp4 input
	{
	margin : 2px 4px 3px 4px;
	}
	
	#dm_div input {
	  display: block !important;
     float: left;
	}
	
	
	#zp0 { background-color : #0066FF; border-radius : 4px 0 0 4px;}
	#zp1 { background-color : #6CFF5F; }
	#zp2 { background-color : yellow; }
	#zp3 { background-color : #FF9900; }
	#zp4 { background-color : red; border-radius : 0 4px 4px 0;}
	.dm { float : left; clear: both; background: linear-gradient(#FAFAFA,#E0E0E0); border: 1px solid white; font-size : 90%; border-radius : 2px; padding : 4px; margin :5px 0 10px 0;}
	.dm a { display : block; float : left; clear : both; height : 15px; margin : 4px 0 2px -4px;}
	.dm_text {  display : block; clear : both; float : left; width : 9.5em; height : 2.2em; margin : 1px 0 -4px 0; }
	.maxZPpre { margin-top : 5px !important; }
	
#tooltip
{
	display : none;
	border : 1px solid gray;
	background : white;
	border-radius : 3px;
	position : absolute;
	padding : 3px 4px 2px 4px;
	min-width : 30px;
	font-size : 90%;
	box-shadow : 2px 3px 3px 1px gray;
	opacity : 0;
	z-index : 101;
	text-align : left;
}

#tooltip b {
	font-weight: 600;
}

#tooltip .img_pm {
	margin : 2px 2px -5px 0;
}


#tooltip_arrow
{
	display : none;
	position : absolute;
	opacity : 0;
	z-index : 102;
}

#buttonDiv {
	float: left;
	clear: both;
}

#msg {
	display : none;
}
	
/* enquete gedeelte */
.enquete {
	padding : 10px;
}

.pro_100_0B1BAB { background : transparent url(../images/pro_100_0B1BAB.jpg) no-repeat 1px; }
.pro_100_077609 { background : transparent url(../images/pro_100_077609.jpg) no-repeat 1px; }
.pro_100_FF8000 { background : transparent url(../images/pro_100_FF8000.jpg) no-repeat 1px; }
.pro_100_B811A7 { background : transparent url(../images/pro_100_B811A7.jpg) no-repeat 1px; }

.enquete input {
  border : none;
  padding : 0.2em;
  font-size : 95%;
  border : 1px solid #84B0C7;
  background-color : #FFFFFF;
  border-radius : 3px;
}

.radio, .check
{
display : none;
}
label 
{
display : inline;
}
.radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	padding: 8px;
	margin : 4px 4px -4px 10px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.radio:checked + label:after {
	content: '\2713\fe0e';
	width: 12px;
	height: 12px;
	position: absolute;
	top: -.55em;
	left: 1px;
	font-size: 2em;
	color : green;
	font-weight : 600;
}

.radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
}

.radio + label:active, .radio:checked + label:active {
}

.check + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	padding: 8px;
	margin : 4px 4px -4px 0;
	border-radius: 4px;
	display: inline-block;
	position: relative;
}

.check:disabled + label:after {
	color : gray !important;
} 

.check:checked + label:after {
	content: '\2713\fe0e';
	width: 12px;
	height: 12px;
	position: absolute;
	top: -.55em;
	left: 0px;
	font-size: 2em;
	color : green;
	font-weight : 600;
}

.check:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #adb8c0;
}

.check + label:active, .check:checked + label:active {
}

.file_win, .file
{
  position : relative; 
  width : 154px; 
  height : 53px;
  margin : 9px 0px 0px 20px;
}

.file img, .file_win img
{
  display : block; 
  position : absolute; 
  top : 0px; 
  left : 0px;
}

.file input {
	display : block; 
	position : absolute; 
	font-size : 38px; 
	width : 154px; 
	height : 53px;	
	margin-right : 10px;
	opacity: 0; 
	z-index: 2;
	left : 50px;
}

.file_win input
{
  display : block;
  position : absolute;
  left : 160px; 
  top : 10px;
  font-size : 12px;
  height : 20px;
  }

#spider {
	max-width : 100%;
	height : auto;
}

#msg
{
	box-shadow : 8px 8px 10px 1px black;
	border : 1px solid #F0F0F0;
	background : #DBE8FF; 
	border-radius : 3px;
	border : 1px solid gray;
	display : none;
	right : -300px;
	top : 45px;
	padding : 5px 5px 5px 5px;
	position : absolute;
	width : 250px;
	font-size : 90%;
	text-align : left;
	z-index : 110;
}

#msg_img
{
	clear : both;
	float : left;
	width : 31px;
	background : transparent url(/images/info.gif) no-repeat 2px center;	
}

#msg_text
{
	width : 200px;
}

#msg_ok 
{
  background : transparent url(../images/close_16.png) no-repeat 0 0;
  position : absolute;
  display : none;
  right : 3px;
  top : 3px;
  width : 16px;
  height : 16px;
  padding : 0;
}

#_condition_text { padding : 0px 2px !important; width : calc(11em - 19px); margin-left : -2px; font-size : 12px !important; display : block;}
#_condition_text:focus-visible { outline :none; }


#statusbar {
  float : right;
  clear : both;
  padding-top : 5px;
}