/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* --------------------------  Body ------------------------------------ */

html, body {
    height: 100%; 					/*Reg*/
	margin: 0;
	padding: 0;
/*	min-width: 960px !important; */
/*  width: auto; */
	background: url('image/header4c.gif') repeat-x left top;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #464646;
}
h1 { 
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 200%;
}
h2 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 180%;		
}
h3 {
	font-family: Arial, "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;	
	font-size: 100%;		
}
h4 {}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;		
	font-size: 116%;
}
h6 {
	font-family:  "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	letter-spacing: 0px;
	margin-left: -30px;
}

p, ul, ol {
	margin-top: 0;
/*	line-height: 180%; */
}

a {	text-decoration: none;}

ul, ol {}
a:hover {}
span.star {}

/* --------------------------- Spacer ----------------------------------- */

#s1 {padding-top: 1.5%;} #s4 {padding-top: 1.5%;} #s7 {padding-top: 1.5%;}
#s2 {padding-top: 1.5%;} #s5 {padding-top: 1.5%;} #s8 {padding-top: 1.5%;}
#s3 {padding-top: 1.5%;} #s6 {padding-top: 1.5%;} #s9 {padding-top: 1.5%;}

/* --------------------------- Naar Top --------------------------------- */

.naar-top {
	float: right;
}

/* -------------------------- Wrapper ----------------------------------- */

#wrapper {
    position: relative;    			/*Reg*/
    min-height: 100% !important;	/*Reg 100%*/ 
	margin: 0 auto;
	padding: 0;
/*	min-width: 960px !important; 
	width: auto; */
}

* html #wrapper {					
    height: 100%;					/*Reg 100%*/
}

/* Pure CSS : ignored bij IE */
body > #wrapper { height: auto; min-height: 100%; }


/*---------------------------- Header ------------------------------- */

#header {
	width: 940px;
	height: 160px; /*hoogte van body achtergrond-gif = 180 */
	margin: 0 auto;
	padding-top: 24px;
	padding-left: 10px;	
}

/* -------------------------- Header Table ------------------------------ */

table#headertable {
	border: none;
	width: 100%;
}
.headermenu {
	align: left;
	width: 100%;
	height: 100%;
	padding: 14px 0 0 0;
}

/* ---------------------------- Page ------------------------------------ */

#page {
	width: 940px;
	margin: 0 auto;
	padding: 10px 0 0 10px;
	
    /* Reg : this should be the height of your footer 
    plus a bit more to add some space between 
    the end of your content and the footer on 
    long pages */
    
    padding-bottom: 158px; /* 128px + 30px = 158px */
	
}
#page-bgtop {
	padding: 0px;
}
#page-bgbtm {
}

/* ------------------------ Page Table -------------------------------- */

table#pagetable {
    border: none;
    width: 100%;
}
.toprow {
	colspan: 2;
	height: 10px;
}
.midrow {
}
.leftcolumn {
	vertical-align: top;    
	width: 30%;
}
.rightcolumn {
	vertical-align: top;    
	width: 70%;	
}
.tab1 {
	padding-left : 30px;
}
.bottomrow {
	height: 30px;
}	

/* ---------------------------- TopSidebar -------------------------------- */

#topsidebar {
	float: left;
	width: 100%;
	height: 60px;
	padding: 0;
}

#topsidebar ul {
	float: left;
	margin: 0;
	padding: 31px 0 0 30px;
	list-style: none;
}

/* ---------------------------- Sidebar ---------------------------------- */

#sidebar {
	height: 100%;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
#sidebar ul {
	margin: 0;
	padding: 0px 0 0 0;
	list-style: none;
}
#sidebar li {
	margin: 0;
	padding: 0;
	border-left: 1px solid #E2E2E2;
}
#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}
#sidebar li li {
	line-height: 35px;
	border-bottom: 1px dashed #D1D1D1;
	margin: 0px 10px;
	border-left: none;
}
#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}
#sidebar h2 {
	height: 38px;
	padding-left: 30px;
	letter-spacing: -.5px;
	font-size: 1.8em;
}
#sidebar p {
	margin: 0 0px;
	padding: 0px 10px 20px 40px;
	text-align: justify;
}
#sidebar a {
	border: none;
}
#sidebar a:hover {
	text-decoration: underline;	
}

/*------------------------- Sidebar Table ------------------------------ */

table#sidebartable {
	border: none;
	width: 100%;
	vertical-align: top;
}
.cel {
	padding: 30px 0 0 30px; (left padding sidebar)
	vertical-align: top;
	font-size: 110%;
}

.menu {
	vertical-align: top;
/*	height: 200px; */
	line-height: 160%;                                     /*150%*/
	font-family: Arial, Helvetica, sans-serif;	
	
}
.menu ul li {
	line-height: 160%;                                     /*150%*/
	font-family: Arial, Helvetica, sans-serif;	
}

/* ------------------------- Bottomsidebar ------------------------------  */

#bottomsidebar {
	float: left;
	width: 100%;
	height: 30px;
	padding: 0;
}

/* --------------------------- Content ------------------------------------- */

#content {
	float: left;
	width: 90%; 
	padding: 10px 20px 0px 30px; /*24*/
}
#content h1 h2 h3 h4 h5 h6 {
	padding-left: 30px;
}
.post {
	margin-bottom: 15px;
}
.post-bgtop {}
.post-bgbtm {}

.post .title {
	height: 38px;
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 10px;
	padding: 12px 0 0 0px;
/*	letter-spacing: -.5px;*/
}
.post .title a {
/*	font-size: 90%;*/
	border: none;
}
.post .entry {
	padding-bottom: 0px; /*20*/
	text-align: justify;
	line-height: 150%;   /*100%*/
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 111%;		
}
.post .entry a:hover {
	text-decoration: underline;
}
.post .meta {
	margin-bottom: 30px;
	padding: 5px 0px 15px 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.post .meta .date {
	float: left;
}
.post .meta .posted {
	float: right;
}
.post .meta a {}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

/* ---------------------- Therapieen Table ------------------------------ */

table#therapietable {
	border: none;	
	width: 97%;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 111%;
}

/* ---------------------- Contact Table ------------------------------ */

table#contacttable {
	border:0;
	width: 480px;
	height: 100%;
}
.td1 {
	width: 100px;
	height: 100%;
	vertical-align: middle;
}
.td2 {
	width: 230px;	
	height: 100%;
	padding: 5px 1px 5px 1px;
}
.knop {
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #6e64a2;	/* apart onderaan werkt hier niet */	
}

/* --------------------------- Form Contact ----------------------------- */

form#contact {}

.inputfield {

	font-size: 100%;
	font-weight: normal;
	font-family: "Trebuchet MS"; 
	color: #660066;
	background-color:#FbFbFb; 	
	text-align: left; 
	
	border-left: 1px solid #808080;
	border-top: 1px solid #808080;
	border-right: 1px solid #C0C0C0;;
	border-bottom: 1px solid #C0C0C0;
	padding-left: 4px; 
	padding-right: 4px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	
	scrollbar-3dlight-color:#ffffff; 
	scrollbar-arrow-color: #a0a0a0;
	scrollbar-base-color:  #a0a0a0;
	scrollbar-darkshadow-color:#000000; 
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color:#a0a0a0;
	scrollbar-shadow-color: #a0a0a0; 	
}

/* --------------------------- Footer ------------------------------- */

#footer {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #DEDEDE;
	min-width: 960px; 
    margin-top: -128px;     /* Reg : this should be the height of your footer */
	padding-top: 40px;	
	height: 88px;          /* 98px - 28px = 70px*/
	position: relative; 	/* Pure CSS */
	z-index: 10;			/* Yes */
	float: none;
	text-align: center; 	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 80%;
}	

#footer p {
	margin: 0;
	line-height: 150%;
	text-transform: uppercase;
}

#f1 {padding-top: 1.6%;} #f2 {padding-top: 1.2%;} #f3 {padding-top: 1.4%;}

#footer a {}

#narrow_display_fix { 			/*Reg*/
	width: 960px;
	align: center; 
/*	margin: 0 auto;*/
}

/* ******************************* CLEAR FIX ******************************** */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix {	display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { 	height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ---------------------- PureCss Dropdown Menu ----------------------------- */

ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:0px;top:100%;}
ul.cssMenu ul ul{position: absolute;left:100%;top:-2px;}

ul.cssMenu,ul.cssMenu ul {
	margin:0px; 
	background-repeat:repeat;
	list-style-type:none; 
	padding: 8px 2px 8px 2px; /* bepaalt de ruimte rond de sublijst*/
	border-width: 1px 0px 0px 0px; 
	border-color: #F0F0F0;
	border-style: solid;
}
/*ul.cssMenu  {margin-top:6px;}*/

ul.cssMenu ul {
/*    background:url("image/header4.jpg") repeat-x left top;*/
}

ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	height:21px;
	float: left;
}
ul.cssMenu ul{
	width:242px; /* bepaalt de breedte van submenulijst, moet groot genoeg zijn */
}
ul.cssMenu- ul{
	width:200px;
}

ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px; /* bepaalt de ruimte tussen submenublokjes*/
	font-size:0px;
}

ul.cssMenu a:active, ul.cssMenu a:focus {
	outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	font: 14px Trebuchet MS;	
	vertical-align:middle;
	font-weight: normal;
	text-decoration:none;
	border-width: 0px 0px 0px 0px;
	border-color:#fff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	margin: 0px 10px 0px 10px;
	padding:2px 5px 3px 5px; /*bepaalt ruimte rond een submenuitem */	
/*	cursor:default; */
/*	_padding-left:5px;*/
/*	background-color: #3f7cbd;*/	
/*	border-left: 1px dashed #E2E2E2; */	
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	
	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#808080;
	background-image:none;
}
ul.cssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
/*	background-color:#DBF0F9;
	border-color:#45ADE4;
	border-style:solid;
	font:bold 13px Trebuchet MS;
	color: #B8497C;
	text-decoration:none;*/
}
ul.cssMenu li a:hover{
	position:relative;
	text-decoration:none;
	font-weight:normal;
/*	border-color:#45ADE4;
	border-style:solid;
	color: #B8497C; */
}
ul.cssMenu li.dis a {
	color: #557D4F !important;
}
ul.cssMenu img {
	border: none;
	float:left;_float:none;
	margin-right:2px;
	width:16px;
	height:16px;
}
ul.cssMenu ul img {
	width:16px;
	height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url('images/arrv_white.gif');
	background-position: right center;
	background-repeat: no-repeat;
    padding-right:9px}
ul.cssMenu ul span{background-image:url('images/arr_black.gif')}
ul.cssMenu ul li:hover > a span{	background-image:url('images/arr_white.gif');}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span,ul.cssMenu table a:hover a:hover a:hover span{background-image:url('images/arr_white.gif')}
ul.cssMenu table a:hover table span,ul.cssMenu table a:hover a:hover table span{background-image:url('images/arr_black.gif')}

ul.cssMenu li.cssMenui0 {
	width:50px; 		/*bepaalt ook mede marges tussen hoofdmenublokjes*/
	height:23px;
}
ul.cssMenu li.cssMenui0+ {
	width: 200px;
	height:23px;
}
ul.cssMenu li a.cssMenui0{
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration:none;
 	float:left;
    margin:0;
	border: none; 
/*  background:url("image/tab4c.gif") no-repeat left top;  */
   	padding: 9px 27px 10px 27px;			/* bepaalt lengte hoofdmenublokjes */    
	font-size: 14px; 
}
ul.cssMenu li a.cssMenui0:hover{
	font-size: 14px; 
 	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
    text-decoration:none;
 	float:left;
    margin:0;
	border: none;
    background-position:0% -42px;
}
 ul.cssMenum0 {
	border-width:0px;
	margin-left:0px;
	padding:0px 0px 0px 0px;	
}
 ul.cssMenum0>li>a {
	padding:8px 10px 0px 10px;
}
 ul.cssMenum0 a {
	padding:8px 10px 0px 10px;
}
 ul.cssMenum0 ul a {
	padding:2px 5px 5px 10px;
}
 ul.cssMenum0>li {
	margin:0px 0px 0px 0px;
}
 ul.cssMenum0 li {
	margin:0px 2px 0px 2px;         /* bepaalt mede de ruimte tussen de hoofdmenublokjes */
}
ul.cssMenum0 li li  {
 	margin:0px 0px 0px 0px;
/*	margin:2px 0px 0px 2px;*/
}

/* ul.cssMenum0 li li a:hover {
	background:url("image/menu4c.gif") no-repeat left top;  	 			    		
	background-position:0% -42px;
}*/

ul.cssMenum0 #current a {
	background-position:0% -42px;
}

/* -------------------------- COLORS TEXT ----------------------------------*/

h1, h1.title1, h1.title1 a, h1.title1 a.hover, 
	h1.title2, h1.title2 a, h1.title2 a.hover, 
	ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover, 
	ul.cssMenu li a.cssMenui0, ul.cssMenu li a.cssMenui0:hover
{	color: #FFFFFF;
}
h2, a, #sidebar, .title, .post .title a {
	color:  #4F4F6F; /* #32639A; */
}
h3 {
	color: #464646;
}
h5, #sidebar a, .post a {
	color: #786CA8; /*#5C5387;*/ /* #32639A; */
}
body, h6 {
	color: #181818; 
}
#sidebar a:hover, .post .entry a:hover {
	color:  #5C5387; /*paars*/
}
#footer p , #wrapperlayer p {
	color: #a0a0a0;
}
#footer a , #wrapperlayer a {
	color: #a0a0a0; /*#8A8A8A;*/
}
ul.cssMenu li a:hover{
	color: #000000;
}
span.star {
	color: #94B0C8;
}
span.book {
	color: #5C5387;
}
	
/* -------------------------- COLORS BACKGROUND ----------------------------------*/	
	
html, body, #page, #content
{	background-color: #F7F7F7;
}	
#wrapper, #header {
	background-color: transparent;
}	
#sidebar, .leftcolumn {	
	background-color: #FFFFFF;
}
#topsidebar {
	background: url('image/sidebartop1.jpg') repeat-x top;
}
#bottomsidebar {
	background: url('image/sidebarbottom1.jpg') repeat-x top;
}
ul.cssMenum0, ul.cssMenu {
	background-color: transparent; 
}
ul.cssMenu li a.cssMenui0{
  background:url("image/tab4c.gif") no-repeat left top;  
}
ul.cssMenu ul {
	background:url("image/menu-item4c.gif") repeat-y left top;
}
ul.cssMenu ul a:hover {
	background:url("image/menu-item-hover4c.gif") repeat-y left top;
}
#footer, table#wrappertable
{	background-color: #efefef;
}	

/* --------------------------- PICTURES --------------------------------- */

img.picture1 {
 	border: 0px;
 	width: 192px;
 	height: 192px;
 	margin-left: 44px;
 	margin-top: 30px;
}
img.picture-book {
 	border: 0px;
 	width: 90px;
 	height: 120px;
 	margin-top: 0px;
 	margin-right: 20px;
	padding-right: 0px;
	padding-top: 5px;
	float: left;	
}