/******************************
	BODY / CONTAINERS / ...
******************************/
html {  overflow: -moz-scrollbars-vertical;}
body {
	background: url(../images/bg-body.jpg) repeat-x;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808285;
	text-align: justify;
}

#bgcontainer_outer_splash, #bgcontainer_inner_splash, #bgcontainer_outer_site, #bgcontainer_inner_site{
	min-height: 382px;
}

* html #bgcontainer_outer_splash, * html #bgcontainer_inner_splash, * html #bgcontainer_outer_site, * html #bgcontainer_inner_site{
	height: 382px;
}

#bgcontainer_outer_splash{
	background: url(../images/container_outer_splash.jpg) repeat-x;
	background-color: #a4bb23;
}

#bgcontainer_outer_site{
	background: url(../images/container_outer_site.jpg) repeat-x;
	background-color: #b2ca2c;
}

#bgcontainer_inner_splash{
	background: url(../images/container_inner_splash.jpg) no-repeat;
}

#bgcontainer_inner_site{
	background: url(../images/container_inner_site.jpg) no-repeat;
}

#header, #content, #content_header, #footer{
	width: 796px;
	margin: 0px auto;
	
}
#content { position:relative;}

strong{
	color: #BCD432;
}

a:link, a:visited, a:active{
	color: #BCD432;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

.faq_link:link, .faq_link:visited, .faq_link:active{
	color: #808285;
	text-decoration: none;
}

.faq_link:hover{
	text-decoration: underline;
}

/******************************
	HEADER
******************************/

#header{
	padding-top: 53px;
}

h4{background: url(../images/logo.gif) no-repeat;width: 209px;height: 97px;margin: 0;padding: 0;float: left; cursor:pointer;}
h4 span{display: none;}

#header h2{width: 380px;height: 25px;margin: 0;padding: 0; margin-top: 10px}

#header h2 span{display: none;}

h2.kine{background: url(../images/toptitle_kine.gif) no-repeat;}
h2.seks{background: url(../images/toptitle_seks.gif) no-repeat;	}
h2.osteo{background: url(../images/toptitle_osteo.gif) no-repeat;	}
h3 { color: #BCD432; font-size: 14px; margin-bottom: .3em;}
p { margin-top: 0;}

h1 {
	font-size: 20px;line-height: normal;padding: 0;margin: 0 0 16px 0;}

/******************************
	SPLASHNAV
******************************/

#splashtxt { position:absolute; text-align:left; color: #F1F5D8; line-height:1.5em; width: 250px; left: 20px; top: 30px;}
#splashintro { position:absolute; left: 321px; top:30px; color: #F1F5D8;}
#splashkeuze {padding: 0;	margin:0;	top: 62px;left: 300px;list-style: none;	position:absolute;}
#splashkeuze a {display: block;	width: 349px;	height: 44px;}
#splashkeuze a span{display: none;}
#splashkeuze li {width: 349px;margin-bottom: 5px;}
#splashkeuze li.kine a:hover, #splashkeuze li.seks a:hover, #splashkeuze li.osteo a:hover {background-position: bottom left;}
#splashkeuze li.kine a {background: url(../images/splashbutton_kine.gif) no-repeat top left;}
#splashkeuze li.seks a {background: url(../images/splashbutton_seks.gif) no-repeat top left;}
#splashkeuze li.osteo a {background: url(../images/splashbutton_osteo.gif) no-repeat top left;}


/******************************
	TOPNAV
******************************/

#topnav{float: left;margin-left: 5px;}
#topnav_button {width: 300px;padding: 0;margin: 0;list-style: none;line-height: 1;}

#topnav_button a {display: block;width: 300px;height: 17px;cursor: pointer;}

#topnav_button a span{
	display: none;
}

#topnav_button li {width: 300px;margin: 5px 0 3px 10px;}

#topnav_button li.kine a {	background: url(../images/topnav_kine.gif) no-repeat top left;}
#topnav_button li.kine a:hover {background-position: bottom left;}
#topnav_button li.seks a {background: url(../images/topnav_seks.gif) no-repeat top left;}
#topnav_button li.seks a:hover {background-position: bottom left;}
#topnav_button li.osteo a {background: url(../images/topnav_osteo.gif) no-repeat top left;}
#topnav_button li.osteo a:hover {background-position: bottom left;}


/******************************
	CONTENT
******************************/

#content_header{
	width: 788px;
	height: 90px;
	margin-top: 30px;
	padding: 5px 0 0 8px;
	background: url(../images/content_header.gif) no-repeat;
}

#content_header_img{
	width: 780px;
	height: 90px;
}

#content_header_img.clouds{
	background: url(../images/content_header_01.jpg) no-repeat;
}

#content.site{
	
	background: url(../images/content_back.gif) repeat-y;
	padding: 0 30px 20px 30px;
	width: 736px;
	min-height: 210px;
	line-height:1.6em;
	text-align:left;
}

* html #content.site{
	height: 210px;
}

#text{
	width: 525px;
	float:left;
	padding-top: 20px;
}

/******************************
	SUBNAV : LEVEL 1
******************************/

#subnav{width: 180px;float: left;margin-right: 22px;}
#subnav ul {width: 155px;padding: 0;margin: 0;list-style: none;}
#subnav a {display: block;width: 155px;}
#subnav li {width: 155px;margin: 10px 0 0 0;}

#subnav a { padding: 18px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 18px; /* for IE5/Win only */}

#subnav a.veelgesteldevragen {	background: url(../images/subnav_veelgesteldevragen.gif) no-repeat top left;}
#subnav a.manueletherapie {background: url(../images/subnav_manueletherapie.gif) no-repeat top left;}
#subnav a.bekkenbodemrevalidatie {background: url(../images/subnav_bekkenbodemrevalidatie.gif) no-repeat top left;}
#subnav a.lymfedrainage {background: url(../images/subnav_lymfedrainage.gif) no-repeat top left;}
#subnav a.stabilisatietraining {background: url(../images/subnav_stabilisatietraining.gif) no-repeat top left;}
#subnav a.contact {background: url(../images/subnav_contact.gif) no-repeat top left;}

#subnav a.seksueleproblemen {background: url(../images/subnav_seksueleproblemen.gif) no-repeat top left;}
#subnav a.relationeleproblemen {background: url(../images/subnav_relationeleproblemen.gif) no-repeat top left;}
#subnav a.individuelepsychologischeproblemen {background: url(../images/subnav_individuelepsychologischeproblemen.gif) no-repeat top left;}
#subnav a.kinesitherapie {background: url(../images/subnav_kinesitherapie.gif) no-repeat top left;}
#subnav a.osteopathie {background: url(../images/subnav_osteopathie.gif) no-repeat top left;}
#subnav a.sexuologie {background: url(../images/subnav_sexuologie.gif) no-repeat top left;}
#subnav a.therapeuten {background: url(../images/subnav_therapeuten.gif) no-repeat top left;}

#subnav a:hover, #subnav a.active { background-position: 0 -18px;}

#content table { margin-bottom: 1em; width: 100%; border-collapse: collapse; border: 3px solid #F2F7FF; }
#content table td , #content table th { padding: 5px; border: 1px solid #F2F7FF;}
#content table th { background: #F2F7FF; text-align:center; }

/******************************
	SUBNAV : LEVEL 2
******************************/

#subnav ul ul {width: 155px;padding: 0;margin:0;list-style: none;}
#subnav ul ul li { margin-bottom: 10px;}
#subnav ul ul li a {display: block;width: 155px;text-indent: 15px;background: none; color: #808285;text-decoration: none; padding:0; overflow: visible; height: auto !important; padding:0; }
#subnav ul ul li a:hover, #subnav ul ul li a.active {color: #333333;}

/******************************
	FAQ
******************************/

#faq {
	padding: 0;
	margin: 0;
	list-style: none;
}

#text #faq li{border-bottom: 1px dotted #e8f0ff;padding: 9px 9px 9px 23px;background: url(../images/list.gif) no-repeat 8px 15px;}
#text #faq li .answer{background: #F2F7FF url(../images/answer_top.gif) no-repeat;padding: 25px 22px 5px 22px;
	margin: 5px 5px 0 5px; display:none;
}

/******************************
	TEXT
******************************/
#text ul { list-style:none; margin-left: 1em;}
	#text ul li { list-style:none; background: url('../images/list.gif') no-repeat center left; margin:0;padding-left: 15px; margin-bottom: .3em;}
	
#text h2 { font-size: 14px; margin-top: 1.5em;}

#text .pic-right { float:right; margin-left: 20px; margin-bottom: 20px; background: #F2F7FF; padding: 5px;}
#text .pic-left { float:left; margin-right: 20px; margin-bottom: 20px; background: #F2F7FF; padding: 5px;}
#text .transparent { background:none;}

#text .hidden { display:none;}

.top { text-align:right; display:block; font-size: 10px; margin-bottom: 7em;} 

.toc { border-bottom: 3px solid #F2F7FF; border-top: 3px solid #F2F7FF; margin-bottom: 8em;}
.toc a { color: #003284 }

/******************************
	FOOTER
******************************/

#footer{color: #BFC0C2;font-size: 10px;text-align: right;padding: 5px 21px 5px 5px;width: 780px;}
#footer a:link, #footer a:visited, #footer a:active{color: #BFC0C2;text-decoration: underline;}
#footer a:hover{text-decoration: underline;}

/******************************
	COMMON USED
******************************/

.clear{clear: both;height:1px;overflow:hidden;}