@charset "utf-8";
/* CSS Document */
body {
  font: 12px/165% 'Lucida Grande', Verdana, Helvetica, sans-serif;
  color: #000;
  margin: 0;
  background: #fff;
  line-height:20px;
}
#main{
	min-height:250px;
  height:auto !important;
  height:250px;
	
}
h1{
	font-size: 2.5em;
	padding: 20px 0 20px 0;
}
#header{
	position:relative;	
	height: 270px;
	margin-left: 0;
	padding-bottom:15px;
}

h1#logo-text a {
	position:absolute;
	top:115px;
	left:0;
	font: 45px 'Lucida Grande', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	color: #000;
	text-decoration: none;
}
.pink{
	color: #f1592a;	
}
.black{
	color:#000;	
}
#header-main{
	background: #fff url(../images/konijntjesHeader.jpg) no-repeat top right;	
	height:183px;
	border-bottom: 3px solid black;
}


/* Navigation */

#header #nav {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 200px;
  width:960px;
}
#header #nav ul {
  float: left;
  list-style: none;
  margin: 0;
  height: 70px;
  width:960px;
  padding: 0;
  font-size: 19px;
  text-transform: uppercase;
}
#header #nav ul li {
  float: left;
  height: 70px;
  width: 238px;
  margin: 0;
  padding:0;
  background-color: #272727;
  border-bottom: 3px solid #ccc;
  border-right:1px solid white;
  font: 1em Georgia, 'Times New Roman', Times, serif;	
}
#header #nav ul li a .sub-nav-text{
  float: left;
  margin: 0;
  padding-top: 10px;
  color: #ccc;
  font-size: 11px;
  text-transform: none;
}
#header #nav ul li a {
  float: left;
  margin: 0;
  padding: 15px 0 0 15px;
  color: #fff;
  text-decoration:none;
}
#header #nav ul li:hover,
#header #nav ul li.active {
  background-color: #54504F;
  border-bottom: 3px solid #f1592a;
}

 /* main */

#main{
	margin-left:0;
	line-height:23px;
	padding-top:20px;
}
#main h2{
	font: 30px Georgia, 'Times New Roman', Times, serif;		
}
div#sidebar{
	float:right;
	padding-top:30px;
}
div.slogan{
	width:305px;
	height:123px;
	background: #fff url(../images/speachBubble.jpg) no-repeat top right;	
	margin-bottom:20px;
}
div.slogan p{
	font: 1.5em Georgia, 'Times New Roman', Times, serif;
	padding:15px;
	font-size:1.4em;
	font-style:oblique;
}
div.sidebar-image img{
	border: 2px solid #9a9999;
	padding: 12px;
}
#main ul {
	margin:25px;	
}
#main ul li {
	list-style-type: square;;
}
#main p{
	margin-bottom:15px;	
}
#main div.therapy-content{
	margin-bottom:15px;
}
#page-title{
	font: 3em Georgia, 'Times New Roman', Times, serif;	
}
.pageContent{
	padding-top:20px;	
}
/* therapeuten opmaak */
.naam{
	font-weight:bold;
	text-decoration:underline;
}
div.therapeuten{
	margin-top:20px;
}
#main p.t-area,
#main h3.t-area {
	margin-bottom:10px;	
}

#main h3.t-area {
	font-size:14px;	
}
.therapeut{
	width:100%;
	margin-bottom:15px;
	background-color:#ccc;
	padding:5px;
}
div.therapeut img{
	background-color: #EEEEEE;
	border: 1px solid #a7a4a4;
	padding: 10px;
	margin: 4px 10px 4px 4px;
}

div.therapeut h3 {
	font: 17px Georgia,'Times New Roman',Times,serif;
	margin:3px 0 5px 0;
}

div.therapeut ul {
	clear:both;
	margin:0 !important;
	padding: 12px 0 0 30px;
	list-style:none;
}

div.therapeut ul li {
	margin-right: 9px;
	padding: 2px 0 0 4px;
	list-style-type:none;
	list-style-image: url(../images/arrow.png);
}

.clear{
	clear:both;	
}
/* footer */
#footer-wrapper{
	margin-bottom:0;
	margin-left:0;
}
#footer-content{
	position:relative;
	background: #fff url("../images/rabbitFooterBack.jpg") no-repeat top left;	
	height:185px;
}
#footer-text{
	position:absolute;
	bottom:0;
	height:70px;
	background-color: #54504F;	
	border-left:40px solid white;
	width:920px;
}
#footer-text p{
	text-align:right;
	bottom:0;
	right:0;
	color:#fff;
	font-size:16px;
	padding:40px 10px 0 0;
}
#footer-text a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer-content img{
	position:absolute;
	left:0;
	bottom:-2px;
	z-index:100;
}

/* slideshow  */
div.therapeut div.slideshow {
	float:left;
	width:190px;
	height:180px;
}
.slideshow {height:252px; margin: 0; }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

/****************************
***** cursussn **************
****************************/

table.cursus {margin-left: 25px;}
table.cursus th {font-weight:bold; padding-right:10px;}
h3 {font-size:18px; color:#F1592A; margin-top:10px;}
div.pagelinks a, .side p a {color:#F1592A;}

/****************************
***** sidebanner ************
****************************/

.side {margin-bottom:20px;}

.side {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  padding: 15px;
}
.sideimg {float:right;}
.side_title {font-size: 14px; font-weight: bold;}