/*	ANJA AARTSEN PRAKTIJK VOOR DIERFYSIOTHERAPIE EN AQUATRAINING */

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	INFORMATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
/*
Base stylesheet
Author: Nicoline van Dijk

CREDITS:
Icons:	http://www.famfamfam.com/lab/icons/silk/

COLOURS:
Blue: #008fc2;
Blue, darker: #006685;
Yellowish: #bcbc7f;

INDEX:
1.0	LAY-OUT
2.0 COMMON ELEMENTS
3.0	NAV
*/

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	1.0	LAY-OUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
body {
	color: #fff;
	font-size: 62.5%; /* 10px */
	height: 100%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	margin: 0;
	background: url(/img/background-columns.gif) repeat-y center 0 #fff;
}

html {
	height: 100%;
}

#wrap {
	min-height: 100%;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: url(/img/background-columns.gif) repeat-y 0 0 #fff;
}

* html #wrap {
	height: 100%;
}

#nav, #subnav, #content, #sidebar {
	display: inline; /* heb ik deze declaratie nodig? */
	float: left;
}

#nav {
	width: 190px;
	padding-top: 22px;
	margin-left: 10px;
}

#subnav {
	width: 190px;
	margin-left: 10px;
}

#content {
	width: 380px;
	margin-left: 10px;
	padding: 66px 0 0 0;
}

#sidebar {
	width: 170px;
	margin: 19px 0 0 20px;
}

#clear {
	clear: both;
	width:1000px;
	height: 44px;
	display: block;
}

#footer {
	width: 1000px;
	text-align: left;
	margin: -44px auto 0 auto;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	2.0	COMMON ELEMENTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
a {
	-moz-outline: none;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	3.0	NAV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#nav h1 {
	width: 190px;
	height: 111px;
	background: url(/img/background-logo.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}

#nav h1 a, #nav h1 a:hover {
	text-decoration: none;
	border: none !important;
	display: block;
	width: 190px;
	height: 111px;
}

#nav h1 a span {
	position: relative;
	left: -9000px;	
}

#nav ul {
	padding: 3px 0 0 0;
	margin: 37px 0 0 0;
	list-style: none;
	background: url(/img/background-nav-top.gif) no-repeat top left;
}

#nav li a {
	display: block;
	height: 44px;
	width: 190px;
	background-image: url(/img/background-nav.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	border: none !important;
}

#nav li a span {
	position: relative;
	left: -9000px;
}

#nav li.home a { background-position: 0 0; }
#nav li.dierfysiotherapie a { background-position: 0 -44px; }
#nav li.aquatraining a { background-position: 0 -88px; }
#nav li.behandelmogelijkheden a { background-position: 0 -132px; }
#nav li.praktijk a { background-position: 0 -176px; }
#nav li.publicaties a { background-position: 0 -220px; }

#nav li.home a:hover,
.bodyHome #nav li.home a {
	background-position: -190px 0; }

#nav li.dierfysiotherapie a:hover,
.bodyDierfysioWatIs #nav li.dierfysiotherapie a,
.bodyDierfysioWatDoet #nav li.dierfysiotherapie a,
.bodyDierfysioTherapeut #nav li.dierfysiotherapie a,
.bodyDierfysioWanneer #nav li.dierfysiotherapie a {
	background-position: -190px -44px; }

#nav li.aquatraining a:hover,
.bodyAquaHydrotherapie #nav li.aquatraining a,
.bodyAquaIndicaties #nav li.aquatraining a,
.bodyAquaZwemmen #nav li.aquatraining a {
	background-position: -190px -88px; }

#nav li.behandelmogelijkheden a:hover,
.bodyBehandelMassage #nav li.behandelmogelijkheden a,
.bodyBehandelBeweging #nav li.behandelmogelijkheden a,
.bodyBehandelMagneetveld #nav li.behandelmogelijkheden a,
.bodyBehandelLaser #nav li.behandelmogelijkheden a,
.bodyBehandelElectro #nav li.behandelmogelijkheden a,
.bodyBehandelUltrageluid #nav li.behandelmogelijkheden a,
.bodyBehandelThermo #nav li.behandelmogelijkheden a,
.bodyBehandelAdvies #nav li.behandelmogelijkheden a {
	background-position: -190px -132px; }

#nav li.praktijk a:hover,
.bodyPraktijkContact #nav li.praktijk a,
.bodyPraktijkAnja #nav li.praktijk a,
.bodyPraktijkVerzekeringen #nav li.praktijk a,
.bodyPraktijkLinks #nav li.praktijk a {
	background-position: -190px -176px; }
	
#nav li.publicaties a:hover,
.bodyPublicatiesRevalideren #nav li.publicaties a,
.bodyPublicatiesAquatraining #nav li.publicaties a {
	background-position: -190px -220px; }

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	4.0	SUBNAV
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.3em;
}

#subnav ul li {
	background: url(/img/background-subnav-bottom.gif) no-repeat 10px bottom;
}

#subnav ul li a {
	display: block;
	text-decoration: none;
	border: none !important;
	line-height: 22px;
	padding: 9px 0 13px 0;
	color: #fff;
}

#subnav ul li a:hover,
.bodyDierfysioWatIs #subnav ul li.subDierfysioWatIs a,
.bodyDierfysioWatDoet #subnav ul li.subDierfysioWatDoet a,
.bodyDierfysioTherapeut #subnav ul li.subDierfysioTherapeut a,
.bodyDierfysioWanneer #subnav ul li.subDierfysioWanneer a,
.bodyBehandelMassage #subnav ul li.subBehandelMassage a,
.bodyBehandelBeweging #subnav ul li.subBehandelBeweging a,
.bodyBehandelMagneetveld #subnav ul li.subBehandelMagneetveld a,
.bodyBehandelLaser #subnav ul li.subBehandelLaser a,
.bodyBehandelElectro #subnav ul li.subBehandelElectro a,
.bodyBehandelUltrageluid #subnav ul li.subBehandelUltrageluid a,
.bodyBehandelThermo #subnav ul li.subBehandelThermo a,
.bodyBehandelAdvies #subnav ul li.subBehandelAdvies a,
.bodyAquaHydrotherapie #subnav ul li.subAquaHydrotherapie a,
.bodyAquaIndicaties #subnav ul li.subAquaIndicaties a,
.bodyAquaZwemmen #subnav ul li.subAquaZwemmen a,
.bodyPraktijkContact #subnav ul li.subPraktijkContact a,
.bodyPraktijkAnja #subnav ul li.subPraktijkAnja a,
.bodyPraktijkVerzekeringen #subnav ul li.subPraktijkVerzekeringen a,
.bodyPraktijkLinks #subnav ul li.subPraktijkLinks a,
.bodyPublicatiesRevalideren #subnav ul li.subPublicatiesRevalideren a,
.bodyPublicatiesAquatraining #subnav ul li.subPublicatiesAquatraining a  {
	color: #008fc2;
}

#subnav ul li a span {
	padding: 0 10px;
	display: block;
}

#subnav ul li.knopHydrotherapie {
	padding: 8px 0 10px 0;
}

#subnav ul li.knopHydrotherapie a {
	width: 106px;
	height: 26px !important;
	background: url(/img/knop-hydrotherapie.gif) no-repeat 0 0;
	padding: 0;
	margin: 0 0 0 10px;
}

#subnav ul li.knopHydrotherapie a span {
	position: relative;
	left: -9000px;
}
/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	5.0	CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#content p {
	font-size: 1.3em;
	line-height: 1.692em; /* 22px */
	margin: 0 0 1.692em 0;
}

#content strong {
	letter-spacing: 0.05em;
}

#content ul {
	font-size: 1.3em;
	line-height: 1.692em; /* 22px */
	margin: 0 0 1.692em 0;
	list-style: none;
	padding: 0;
}

#content ul li {
	padding: 0 0 0 12px;
	background: url(/img/icon-bullet.gif) no-repeat 0 8px;
}

#content ul ul {
	font-size: 1em;
	margin: 1.692em 0 1.692em 30px;
}

#content ul ul li {
	font-size: 1em;
	background: url(/img/icon-dash.gif) no-repeat 0 10px;
	padding: 0 0 0 14px;
}

#content a {
	color: #fff;
}

#content a:hover {
	text-decoration: none;
}

#content h2 {
	line-height: 1px;
	font-size: 1px;
	width: 380px;
	height: 50px;
	margin: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#content h3 {
	line-height: 1px;
	font-size: 1px;
	width: 380px;
	height: 28px;
	margin: -6px 0 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#content h2 span, #content h3 span {
	position: relative;
	left: -9000px;
}

#content h2.aquatrainingEnDierfysiotherapie { background-image: url(/img/h2-aquatraining-en-dierfysi.gif); height: 72px; }
#content h2.watIsDierfysiotherapie { background-image: url(/img/h2-wat-is-dierfysiotherapie.gif); }
#content h2.watDoetFysio { background-image: url(/img/h2-wat-doet-fysio.gif); }
#content h2.watDoetTherapeut { background-image: url(/img/h2-dierenfysiotherapeut2.gif); }
#content h2.massage { background-image: url(/img/h2-massage.gif); }
#content h2.bewegingstherapie { background-image: url(/img/h2-bewegingstherapie.gif); }
#content h2.magneetveldtherapie { background-image: url(/img/h2-magneetveldtherapie.gif); }
#content h2.lasertherapie { background-image: url(/img/h2-lasertherapie.gif); }
#content h2.electrotherapie { background-image: url(/img/h2-electrotherapie.gif); }
#content h2.ultrageluidtherapie { background-image: url(/img/h2-ultrageluidtherapie.gif); }
#content h2.thermotherapie { background-image: url(/img/h2-thermotherapie.gif); }
#content h2.advies { background-image: url(/img/h2-advies.gif); }
#content h2.hydrotherapie { background-image: url(/img/h2-hydrotherapie.gif); }
#content h2.indicatiesAquatraining { background-image: url(/img/h2-indicaties-aquatraining.gif); }
#content h2.zwemmenAquatraining { background-image: url(/img/h2-zwemmen-aquatraining.gif); }
#content h2.routebeschrijving { background-image: url(/img/h2-routebeschrijving.gif); }
#content h2.wieIsAnja { background-image: url(/img/h2-wie-is-anja.gif); }
#content h2.ziektekostenverzekeringen { background-image: url(/img/h2-ziektekostenverzekeringe.gif); }
#content h2.handigeLinks { background-image: url(/img/h2-handige-links.gif); }
#content h2.naOperatieRevalideren { background-image: url(/img/h2-na-operatie-revalideren.gif); height:72px; margin-left:-6px; }
#content h2.aquatrainingHonden { background-image: url(/img/h2-aquatraining-voor-honden.gif); }
#content h2.nietGevonden { background-image: url(/img/h2-niet-gevonden.gif); }

#content h3.hydrotherapieWerkt { background-image: url(/img/h3-hydrotherapie-werkt.gif); }
#content h3.komLangs { background-image: url(/img/h3-kom-langs.gif); }
#content h3.fysiotherapieZinvol { background-image: url(/img/h3-fysiotherapie-zinvol.gif); }
#content h3.signalenFysiotherapie { background-image: url(/img/h3-signalen-fysiotherapie.gif); height: 50px; margin-top: 18px;}
#content h3.indicaties { background-image: url(/img/h3-indicaties.gif); }
#content h3.watIsMagneetveld { background-image: url(/img/h3-wat-is-magneetveld.gif); }
#content h3.watIsLaser { background-image: url(/img/h3-wat-is-laser.gif); }
#content h3.watIsMassage { background-image: url(/img/h3-wat-is-massage.gif); }
#content h3.watIsBewegings { background-image: url(/img/h3-wat-is-bewegings.gif); }
#content h3.watIsElectro { background-image: url(/img/h3-wat-is-electro.gif); }
#content h3.watIsUltrageluid { background-image: url(/img/h3-wat-is-ultrageluid.gif); }
#content h3.watIsThermo { background-image: url(/img/h3-wat-is-thermo.gif); }
#content h3.aandachtspuntenAquatrainer { background-image: url(/img/h3-aandachtspunten-aquatrai.gif); height:50px; }
#content h3.verwijzing { background-image: url(/img/h3-verwijzing.gif); }
#content h3.meerDierfysiotherapie { background-image: url(/img/h3-meer-dierfysiotherapie.gif); }
#content h3.meerAquatraining { background-image: url(/img/h3-meer-aquatraining.gif); }
#content h3.meerDierenklinieken { background-image: url(/img/h3-meer-dierenklinieken.gif); }
#content h3.meerVerzekeringen { background-image: url(/img/h3-meer-verzekeringen.gif); }
#content h3.jurist { background-image: url(/img/h3-jurist.gif); }
#content h3.linkWebsite { background-image: url(/img/h3-link-website.gif); }
#content h3.viaSite { background-image: url(/img/h3-via-site.gif); }
#content h3.url { background-image: url(/img/h3-url.gif); }

#content p.knop {
	margin: -13px 0 25px 0;
	font-size: 1px;
	line-height: 1px;
}

#content p.knop span {
	position: relative;
	left: -9000px;
}

#content p.knop a {
	display: block;
	height: 26px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

#content p.knop a:active {
	background-position: 0 -26px;
}

#content p.knop a.meerIndicaties { background-image: url(/img/knop-meer-indicaties.gif); width: 236px; }
#content p.knop a.afspraak { background-image: url(/img/knop-afspraak.gif); width: 161px; }

#map {
	height: 350px;
	width: 370px;
	background: url(/img/plattegrond.gif) no-repeat top left;
}

.print {
	display: none;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	6.0	SIDEBAR
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#sidebar p, #sidebar address {
	font-size: 1.3em;
	line-height: 1.692em; /* 22px */
	margin: 0;
	color: #bcbc7f;
	font-style: normal;
}

#sidebar a {
	color: #bcbc7f;
}

#sidebar a:hover {
	color: #bcbc7f;
	text-decoration: none;
}

#sidebar h2 {
	line-height: 1px;
	font-size: 1px;
	width: 170px;
	height: 50px;
	margin: 25px 0 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sidebar h2 span {
	position: relative;
	left: -9000px;
}

#sidebar h2.contact { background-image: url(/img/h2-sidebar-contact.gif); }
#sidebar h2.verzekering { background-image: url(/img/h2-sidebar-verzekering.gif); }
#sidebar h2.aquatrainer { background-image: url(/img/h2-sidebar-aquatrainer.gif); }
#sidebar h2.asterisk { background-image: url(/img/h2-sidebar-asterisk.gif); }
#sidebar h2.asteriskLeeg { background-image: url(/img/h2-sidebar-asterisk-leeg.gif); }
#sidebar h2.leeg { background-image: url(/img/h2-sidebar-leeg.gif); height: 28px; }
#sidebar h2.adresgegevens { background-image: url(/img/h2-sidebar-adresgegevens.gif); }
#sidebar h2.nvfd { background-image: url(/img/h2-sidebar-nvfd.gif); }
#sidebar h2.opleiding { background-image: url(/img/h2-sidebar-opleiding.gif); height: 72px; }
#sidebar h2.fotos { background-image: url(/img/h2-sidebar-fotos.gif); }
#sidebar h2.artikelen { background-image: url(/img/h2-sidebar-artikelen.gif); }
#sidebar h2.gezondheidsverklaring { background-image: url(/img/h2-sidebar-gezondheidsverkl.gif); height: 72px; }
#sidebar h2.afspraakAfzeggen { background-image: url(/img/h2-sidebar-afspraak-afzegge.gif); }

dl {
	font-size: 1.3em;
	color: #bcbc7f;
	margin: 0;
	padding: 0;
	line-height: 1.692em; /* 22px */
}

dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	letter-spacing: 0.05em;
}

dd {
	margin: 0;
	padding: 0;
	text-indent: 12px;
	background: url(/img/icon-bullet-sidebar.gif) no-repeat 0 8px;
}

#sidebar p.knop {
	margin: 9px 0 9px 0;
	font-size: 1px;
	line-height: 1px;
}

#sidebar p.knop span {
	position: relative;
	left: -9000px;
}

#sidebar p.knop a {
	display: block;
	height: 26px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}

#sidebar p.knop a:active {
	background-position: 0 -26px;
}

#sidebar p.knop a.routebeschrijving { background-image: url(/img/knop-routebeschrijving.gif); width: 128px; }
#sidebar p.knop a.verzekeringen { background-image: url(/img/knop-verzekeringen.gif); width: 105px; }

#thumps {
	width: 181px;
	margin-right: -11px;
	margin-top: 5px;
}

#thumps a img {
	margin: 0 11px 11px 0;
	float: left;
	border: 1px solid #fff;
}

#thumps a:hover img {
	border: 1px solid #bcbc7f;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	0.0	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#footer ul {
	padding: 0 0 0 410px;
	line-height: 3.385em;
	font-size: 1.3em;
	margin: 0;
	list-style: none;
	color: #bcbc7f;
}

#footer li {
	float: left;
	margin-right: 0.5em;
}

#footer abbr {
	text-decoration: none;
	border-bottom: 1px dotted #bcbc7f;
}

#footer li.boven {
	font-size: 1px;
	line-height: 1px;
	float: right;
	margin-right: 210px;
}

#footer li.boven a {
	width: 10px;
	height: 44px;
	background: url(/img/icon-naar-boven.gif) no-repeat 0 17px;
	text-decoration: none;
	display: block;
}

#footer li.boven a span {
	position: relative;
	left: -9000px;
}