
<div class="err-wrap deprecate">
	<h1>Deprecated</h1>
	<h2>strrpos(): Passing null to parameter #1 ($haystack) of type string is deprecated</h2>
	<p>ee/ExpressionEngine/Library/Resource/Request.php, line 61</p>
	<ul>
		<li><b>Severity</b>: E_DEPRECATED</li>
	</ul>
</div>

<div class="err-wrap deprecate">
	<h1>Deprecated</h1>
	<h2>strtotime(): Passing null to parameter #1 ($datetime) of type string is deprecated</h2>
	<p>ee/ExpressionEngine/Library/Resource/Request.php, line 65</p>
	<ul>
		<li><b>Severity</b>: E_DEPRECATED</li>
	</ul>
</div>
body  {
	font-family: Verdana, Arial;
	font-size:85%;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #475285;

}
#container { 
	width: 1040px;  
	margin: 25px auto; 
	text-align: left; 
	min-height:			620px;
} 
#header { 
display:none;
	padding: 0 10px;  
	margin-left:400px;
	height:50px;
} 
p.toelichting{padding:150px 0 0 250px;
font-size:1em;
font-style:italic;
font-weight:bold;
}
h1.bedrijfsnaam{
font-family:Arial, Helvetica, sans-serif;
font-size:2.2em;
letter-spacing:0.3em;
margin:0;
padding:0 0 0 5px;
/*background-color:#fcf008;*/
background-color:#afe6d1; /*a0d7ad;*/
color:#0099cc; /*pantone 639*/
}
h1.bedrijfsnaam span
{
	display:		inline;
	font-size:		0.5em;
	color:			#fff;
	letter-spacing:	0.05em;
	float:			right;
	padding-top:	12px;
	padding-right:	15px;
}

h3 {font-size:1.5em; color:#0099cc;}
h4 {font-size:1.1em;color:#0099cc;}
h5 {font-size:1em;color:#6e77c8;}

.bedrijfsnaam h3{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
/*color:#0078ad; *//*pantone 641U*/
color:#69d8dd; /*pantone 318U*/
margin:10px 0 0 0;
letter-spacing:0.2em;
width:100%;
padding-left:5px;
background-image:url(../img/praktijk.jpg);
background-repeat:no-repeat;
height:36px;
padding-top:0;
}
.printimage{ display:none}
.offset1{position:relative;left:175px; top:5px;}
.offset2{position:relative;left:25px; top:5px;}

ol.klachten {font-size:0.9em; margin:5px 0 0 0;}
ol.klachten ul {margin:5px 0 0; font-size:0.85em; text-indent: 0; padding:0;}
ol.klachten ul li
{ 
	font-size:	0.8em;
	color: 		#888F8F;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 5px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.dialog
{
	font-size:				0.9em;
	padding:				0;
	margin:					0;
	text-align:				left;
}
.dialog ul, .dialog li
{
	margin:					0;
	text-align:				left;
	clear:					left;
}
.dialog1 ul
{
	list-style:				outside;
}
.dialog
{
	display:			none
}
.dialog > p
{
	margin:					0;
}
input[type="button"]
{
	font-family: 			Verdana, Arial;
	border:					none;
	background-color:		#fff;
	color:					#6e77c8;
	font-weight:			bold;
	text-decoration:		underline;
}
button{
	border: 			none;
	padding:			3px;
	color: 				#0099cc;
	background-color:	#fff;
	margin:				10px;
}
button:before
{
	content:			"> ";
}
.fa 
{
	color: #0099cc;
}
i.fa
{
	margin-right: 10px;
}
#sidebar1 {

	float: left; 
	clear:both;
	width: 380px; 
	padding: 0; 
	margin:0;
	height:400px;
	/*
	background-image:url(img/logo.jpg);
	background-repeat:no-repeat;
	background-position:0 50px;
	position:relative;
	*/
}
#sidebar1 img
{
	width:		100%;
}
#sidebar1.hide
{
	display:		none
}
#sidebar2 {

	float: left; 
	width: 600px; /* since this element is floated, a width must be given */
	padding: 0 ;
	margin-left: 5px;
	min-height:425px;
}

#mainContent 
{ 
	margin: 0 20px 0 0; 
	margin-left:	400px;
	padding:0 0 0 0;
	min-height:		650px;
	} 
#mainContent.normal
{
	margin-left:		20px
}
ul p
{
	margin:			0;
	display:		none;
}

div.highlight{margin-right:3px; font-weight:bold; color:#6e77c8; display:inline}	
span.highlight	{
	margin-right:3px; font-weight:bold; color:#6e77c8; display:inline;
	padding:		0;
	}	

#voetnoten
{
width:100%;
float:left;
}


.voetnoot h4 {color:#0099cc}
.voetnoot img, .footnote img
{
	float:right;
}
.voetnoot  a img{border:none;}
.voetnoot
{
	margin:				10px;
	font-size:			0.9em;
}
.footnote_link
{
	position:				relative;
	margin-bottom:			20px;

}
.footnote_link a span
{
	display:		none; 
	color:			#333; 
	font-size:		0.9em; 
	font-weight:	normal; 
	position:		absolute; 
	top:			-100px;
	left:			-10px; 		
	background:		white;
	width:			300px;
	padding:		3px;
	border:			1px solid grey;
}
.footnote_link a:hover span
{
	display:block
}
.footnote
{
	display:			none; 
	font-size:			0.9em; 
	color:				#333333; 
	width:				345px;  
	margin:				20px; 
	position:			absolute;
	z-index:			1000;
	background:			white;
	border: 			1px solid grey; 
	padding:			5px;
	top:				-50px;
	right:				50px;
}
#voetnoot1 a span, #voetnoot2 a span, #voetnoot3 a span, #voetnoot4 a span{display:none}
#voetnoot1 a:active span, #voetnoot2 a:active span, #voetnoot3 a:active span, #voetnoot4 a:active span{display:block; text-decoration:none; font-weight:normal; font-size:0.9em; color:#333333}
#voetnoot1 a:focus span, #voetnoot2 a:focus span, #voetnoot3 a:focus span, #voetnoot4 a:focus span{display:block; text-decoration:none; font-weight:normal; font-size:0.9em; color:#333333}
li span {cursor:text}

#mainContent h4{margin:5px 0 0 0}	
#mainContent ul {list-style: none;
}
#mainContent li {margin-bottom:3px; margin-left:10px;
text-indent:0;
}

table th, table td
{
	padding:		3px;
}

#credits
{
	font-size:			8px; 
	position:			absolute; 
	width:				120px;
	text-align:			right;
	right:				5px;
	bottom:				10px;
	color:				#fff;
}

ul.lijst
{
	margin:		0;
	padding:	0;
}
ul.lijst li
{
	text-indent:		inherit;
	margin-left:		0;
	padding-left:		0;
	list-style:			none;
	padding:			1px 0;
}
ul.lijst li span
{
	display:			block;
	margin-left:		15px;
}
ul.full
{
	clear:				left;
	width:				100%;
	height:				auto;
	display:			table;
	margin-top:			20px;
	
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#teller
{font-size:0.9em;
color:#0066FF;
}

#map-container
{
	width:		100%;
	height:		400px;
	overflow:	hidden;
}


#map
{
	width:100%; 
	height:400px;
	float:left;
	margin:0 0 10px 0;
}
#info
{
	display:none
}
#vertrekpunt
{
	width:500px;
	float:left;
	display:none;
}
#warnings_panel
{
	float:right;
	width:635px;
	font-size:0.9em;
	color:grey;
}

p.leesverder
{
	background-image:		url(img/readon-blue.gif);
	background-repeat:		no-repeat;
	background-position:	0 6px;
	padding-left:			15px;
	margin:					10px 0 8px 0;
	font-size:				1.1em;
}

p.leesverder a, p.terug a,  #mainContent a
{
	text-decoration:none;
	color:			#0099cc;
	font-weight:	600;
	font-size:		0.8em;
}

#footer 
{ 
	width: 			1040px;  
	margin: 		25px auto; 
	padding: 		10px 0 10px 3px; 
	background: 	#afe6d1;
	text-align:		left;
	font-size:		0.7em;
	position:		relative;

} 
#footer a
{
	font-size:		0.7em;
	font-weight:	200;
}

p.current a{color:#FF0000}
p.leesverder a:hover, p.current a:hover{
text-decoration:none;
}
p.terug
{
	background-image:url(img/terug.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	padding:0 0 3px 15px;
	margin:0 0 10px 0;
	font-size:1.1em;
}

.pic {
float:right;
margin:0 5px 5px 5px;
text-align:center;
}
.foto
{

width:					200px;
float:					right;
margin:					0 5px 5px 5px;
}
.foto img
{
	width:			100%;
}

.titel {
font-size:0.8em;
text-align:left;
color:#6e77c8;
font-weight:bold;
margin:0 0 10px 0;
}
#foto .titel
{
	text-align:		center
}
ol.tarief li
{
	font-weight:		bold;
	clear:				left;
	padding-top:		20px;
}
ol.tarief p
{
	font-weight:		normal
}
ol.tarief li li
{
	font-weight:normal
}
.tarief ul li
{
	padding:			0;
	margin:				0;
}
ul.normaal li
{
	list-style:circle
}
.logo img
{
	width:			200px;
	display:		block;
	margin:			20px 0 0 0;
}
img.logo
{
	height:			50px;
	margin-top:		0;
}
.logo_groot, a .logo_groot
{
	width:			75px;
	float:			right;
	clear:			right;
	margin:			0;
}
.logo_klein
{
	width:			55px;
	float:			right;
	margin-left:	10px;
	padding-bottom:		5px;
}
iframe
{
	margin:			5px 0;
}