/*  =reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
 ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, /*em, i, strong, b*/, th, var { font-style : normal; font-weight : normal; }

/* =blocktext */
h2, h3, h4, h5, p, ul, ol, dl, form{ 
margin : 0 20px; 
padding : 0.2em 0 0.7em 0; }

ol{ 
margin-left: 40px;
}

dt {
	font-weight: bold;
	color: #58315c;
	margin-top: 0;
}


q:before, q:after { content :''; }
input {
	border: 1px solid #ddd;
	padding: 1px;
}


 #inhoud a[href^="http"] {
	background: url(../img/icon-link.gif) no-repeat center right;
	padding-right: 32px;

}

input.radio,
input.checkbox {
	border: none;
}
label {
	cursor: pointer;
	
}




.noCss 
	{ position: absolute; left: -9999px; }

body {

font: 80%/170% "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
border: 0;
background: transparent url(../img/hout.jpg) 0 0;

}


/* =a */
a { 

background: transparent;

color : #58315c; 
padding: 0 0.2em;
font-weight: bold;
 } 
	
	a:hover, a:visited {
		text-decoration : none;
color: 	#703e75;
	}

h1,h2,h3,h4,h5,h6 {
	color:#703E75;
	padding : .7em 0 0 0;
	clear: both;
}
	
h1 {
	font-size:150%;
}
h2 {
	font-size:130%;
}
h3 {
	font-size:120%;
	font-weight: bold;
}
h4 {
	font-size:100%;
	font-weight: bold;
}
h5,h6 {
	font-size:90%;
} 

/*	Container*/
#sitecontainer {
	padding: 0;
	border:0;
	width: 980px;


}	
		

#header {
	float: left;
	width: 960px;
background:transparent url(../img/header-bg.png) no-repeat 300px 60px;

	}

	
	
	
h1#logo a {
	display: block;
	background:url(../img/logo.png) no-repeat 0 0;
	margin: -20px 10px 10px 20px;
	float: left;
	width: 243px;
	height: 214px;
	text-indent: -9999px;
	padding-bottom: 20px;
	border: none;
	text-decoration: none;
}

p.ng {
position: relative;
top: 0px;
left: 50px;
	text-indent: -9999px;
	float: left;
	background: url(../img/ng.png) no-repeat;
	width: 223px;
	height:49px;
}

/*Submenu*/

ul#submenu {
	width: 300px;
	float: left;
	margin: -55px 0 0 350px;

}

ul#submenu li {
	display: inline;
	text-indent: -9999px;
	float: left;
}
ul#submenu li#home a{
	background:transparent url(../img/welkom2.png) no-repeat 0 0;
	width: 130px;
	height: 88px;
	float: left;
	left: 120px;
	top: -15px;
	position: relative;
		border: none;
	text-decoration: none;
}

ul#submenu li#home a:hover {
	background-position: 0 -83px;
}

ul#submenu li#contact a{
	background:transparent url(../img/contact.png) no-repeat 0 0;
	border: none;
	text-decoration: none;
	width: 135px;
	height: 90px;
	float: left;
		left: -20px;
	top: -20px;
	position: relative;
}

ul#submenu li#contact a:hover {
	background-position: 0 -87px;
}

/*Einde Submenu*/

/*Einde Header*/
#containerInhoud {

	width: 980px;


}



ul#hoofdnavigatie {
	float: left;
	width: 270px;
	background: #fff;
background: transparent url(../img/opacity.png) 0 0; 
	margin-top: -45px;
	padding: 20px;
		text-indent: -9999px;
}

 ul#hoofdnavigatie li a {
		width: 240px;
	height: 50px;
	display: block;
	margin: 2px 0;
	text-decoration: none;
	
	}
	

ul#hoofdnavigatie li a.actief {
cursor: default;
}
	
/*Afbeeldingen hoofdmenu*/
/*De Therapie*/
li#therapie {
background: url(../img/menu/titel-de-therapie.png) no-repeat 0 0;

}




/*De therapeut*/	
ul#hoofdnavigatie li#therapie-therapeut a{
	background: url(../img/menu/detherapeut.png) no-repeat 0 0;

}

ul#hoofdnavigatie li#therapie-therapeut a:hover,
ul#hoofdnavigatie li#therapie-therapeut a.actief {
	background-position: 0 -52px;
}

/*Integratieve kindertherapie*/
li#therapie-kindertherapie a{
	background: url(../img/menu/int-ki.png) no-repeat 0 0;
}
 
li#therapie-kindertherapie a:hover,
li#therapie-kindertherapie a.actief {
	background-position: 0 -49px;
}
	
/*Wanneer integratieve kindertherapie */
li#therapie-wanneer a{
	background: url(../img/menu/wanneer-ki.png) no-repeat 0 0;

}
li#therapie-wanneer a:hover,
li#therapie-wanneer a.actief {
background-position: 0 -59px;
}

/*Therapieverloop*/
li#therapie-verloop a {
		background: url(../img/menu/therapieverloop.png) no-repeat 0 0;
}

li#therapie-verloop a:hover,
li#therapie-verloop a.actief {
background-position: 0 -58px;
}

/*Therapie voor volwassenen*/

li#therapie-volwassentherapie a  {
		background: url(../img/menu/therapieverloop-volw.png) no-repeat 0 0;
}

li#therapie-volwassentherapie a:hover,
li#therapie-volwassentherapie a.actief {
background-position: 0 -59px;
}

/*Echtscheiding*/

li#therapie-echtscheiding a {
		background: url(../img/menu/echtscheiding.png) no-repeat 0 0;
}

li#therapie-echtscheiding a:hover,
li#therapie-echtscheiding a.actief {
background-position: 0 -61px;
}

/*Broekpoepen*/

li#broekpoepen a {
		background: url(../img/menu/broekpoepen.png) no-repeat 0 0px;
}
li#broekpoepen a:hover,
li#broekpoepen a.actief {
background-position: 0 -61px;
}

/*Nieuw ul  met li Voor Kinderen*/
li#kinderen  {
	background: url(../img/menu/titel-kinderen.png) no-repeat 0 0;
}
/*Info voor kinderen */

li#kinderen-info a {
		background: url(../img/menu/info-kinderen.png) no-repeat 0 0;
}

li#kinderen-info a:hover,
li#kinderen-info a.actief {
background-position: 0 -62px;
}
/*Rechten van het kind*/
li#kinderen-rechten a{
		background: url(../img/menu/rechten-kind.png) no-repeat 0 0;
}

li#kinderen-rechten a:hover,
li#kinderen-rechten a.actief {
background-position: 0 -62px;
}




/*Algemeen*/

li#algemeen {
		background: url(../img/menu/algemeen.png) no-repeat 0 0;
}

/*De ruimte*/
li#algemeen-ruimte a {
		background: url(../img/menu/deruimte.png) no-repeat 0 0;
}

li#algemeen-ruimte a:hover,
li#algemeen-ruimte a.actief {
background-position: 0 -62px;
}

/*  De kosten en zorgverzekering */
li#algemeen-kosten a {
		background: url(../img/menu/kosten.png) no-repeat 0 0;
}

li#algemeen-kosten a:hover,
li#algemeen-kosten a.actief {
background-position: 0 -62px;
}

/*Literatuur en Links*/

li#algemeen-links a {
		background: url(../img/menu/lenl.png) no-repeat 0 0;
}

li#algemeen-links a:hover,
li#algemeen-links a.actief {
background-position: 0 -61px;
}

 ul#hoofdnavigatie li div,
	 ul#hoofdnavigatie li span,
		 ul#hoofdnavigatie li div span {
 	text-indent: 0;
margin-top: 0;
 }

	 ul#hoofdnavigatie li div a,
		ul#hoofdnavigatie li div a {
	 	padding: 0;
			margin: 0;
			display: inline;
	 }
	
/*Einde hoofmenu*/



#inhoud {
	float: left;
	width: 600px;

background: transparent url(../img/opacity.png) repeat top left; 
		margin-top: -45px;
	
		min-height: 520px;

}

#inhoud ul li {
	background: url(../img/bullet.png) no-repeat 0 5px;
	padding-left: 13px;
}

body#links #inhoud ul li {
	background: none;
	padding-left: 0;
}

#inhoud img {
padding: 4px;
border: 1px solid #ddd;
background: #fff;

}

#inhoud .rechts {
margin: 1em 0 1em 20px; 
float: right;
position: relative;

}

#inhoud .links {
margin: 1em 20px 1em 0; 
float: left;
}

#inhoud img.noborder {
	border: none;
	background: transparent;
}

#inhoud .gedicht {
margin: 20px 0;
_height: 80px;
min-height: 80px;
	background: url(../img/quote.png) no-repeat 20px 0;
	float: left;
	width: 560px;

}
body#therapie #inhoud #inhoud-a {
	float: left;
	width: 300px;
}

body#therapie #inhoud .gedicht {
	float: right;
	width: 250px;
}
#inhoud .gedicht h2 {
		font-style: italic;
			color: #555;
			font-size: 120%;
			font-weight: bold;
}
#inhoud .gedicht h3 {
		background: url(../img/unquote.png) no-repeat bottom right;
		height: 90px;
			font-style: italic;
					color: #555;
					font-size: 90%;
}

body.kindertherapie #inhoud .gedicht h3 {
		font-size: 140%;
		text-align: center;
		line-height: 200%;
}

#inhoud .gedicht p {
	margin-top:0 20px;
padding : 0.1em 0;

}

#voettekst {
float: left;
clear: both;
width: 550px;
	height: 280px;
background: url(../img/footer.png) no-repeat bottom left;
	margin: 0;

}



/*Contactformulier*/
	form.contact {

	}

	form.contact fieldset {
border: none;
margin-bottom: 1em;	
 overflow: hidden;
 position: relative;
 z-index: 100;
}


form.contact legend p{
	margin: 1em 0 3em 3.5em;
	color: #333;
	background: transparent;
	font-weight: bold;
	
}
	

	
form.contact label,
form.contact input,
textarea {
		margin: 0.3em 0.8em 0.3em 0;
font: 100% "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
		height: 1.5em;
		width: 260px;
		background: url(../img/opacity.png);
		border: 1px solid ddd;
	}
form.contact label {
			background: transparent;
		float: left;
		width: 40%;
		text-align: right;
	}

	
textarea {
height: 9em;
		border: 1px solid ddd;
}
	
form.contact legend div {
margin: 1.5em 0;
}
	
form.contact div.controlset label,
form.contact div.controlset input {
	display: inline;
	float: none;
	
}

form.contact div.controlset div {
	margin-left: 8em;
}

form.contact .label {
	margin-right: 0.5em;
	padding-right: 0.5em;
	width: 40%;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	
	
}



form.contact #radio input {
margin-right: 0;
width: 20px;	

}

form.contact #radio label {

margin-top: -5px;

}
 form.contact input.button {
	float: right;
	text-align: center;
cursor: pointer;
	margin: 1em 40px 2em 180px;
	height: 50px;
	clear: both;
	width: 110px;
background: url(../img/versturen.png) no-repeat 0 0;
border: none;

}	

 form.contact input:hover.button {
 	background-position: 0 -70px;
 }

#errors {
		background: url(../img/opacity.png);
	border-bottom: 1px solid #ddd;
	color: #BF1E2D;
margin: 2em 0;
padding:1em 1em 1em 2.3em;
_height: 4em;
min-height: 4em;
}

#errors p {
	background: url(../img/uitroep.gif) no-repeat 0 0;
	padding-left: 60px;
	font-weight: bold;
	min-height: 40px;
	_height: 40px;
}

/*vcard*/

.vcard {
	margin: 20px;
display: block;
clear: both;
	text-indent: 0;
}


 ul#hoofdnavigatie li p {
 	margin-left: 0;
 }

 ul#hoofdnavigatie li a.vcard-icon,
#inhoud p a.vcard-icon {
	background: url(../img/vcard.png) no-repeat 0 0;
float: left;
padding: 4px  0 0 34px;
margin-left: 0;
color:#333;
height: 35px;
display: block;
}


.inline {
	display: inline;
}

.block {
	display: block;
	clear: both;
}


p.guwoon a,
p.guwoon a:visited {
	font-weight: normal;
	color: #333;
	text-decoration: underline;
	text-indent: 0;
	margin-left: 20px;
}

/*Form Google*/
form.form-google {clear:left; float:left; margin:20px; border:1px solid #666; padding:20px;}
form.form-google input {height:25px; width:275px;}
form.form-google input.submit {cursor:pointer; background:#7F2F7B; height:30px; color:#fff; font-weight:bold; font-size:110%; margin-top-top:2px; width:150px;}
div.google {clear: left; margin-left:20px;}