/* reset
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
/*ol, ul { list-style: none; }*/
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { color: #636466; font: 12px/16px Verdana, Arial, sans-serif; }
h1,
h2#nieuwsTitel { margin: 0 0 20px -20px; padding: 0 0 0 20px; background: url(/images/bg_title.gif) bottom left no-repeat; color: #032366; font-size: 18px; line-height: 22px; font-weight: normal; }
h2 { margin: 0 0 0 -20px; padding: 0 0 0 20px; background: url(/images/bg_title.gif) bottom left no-repeat; color: #212324; font-size: 14px; line-height: 18px; font-weight: normal; }
h3 { margin: 0; color: #212324; font-size: 12px; line-height: 16px; font-weight: normal; }
h3.error { margin-bottom: 3px; color: #ff0000; }

ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color: #7681B3; }
a:hover { color: #032366; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { color: #032366; font-weight: normal; }
em { font-style: italic; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* colours 
-------------------
#636466 gray (body)
#ff5a00 orange
#032366 blue
------------------- */

/* page structure
------------------------------------------------------------------*/
#wrapper { width: 958px; margin: 0 auto; }
#header { position: relative; width: 958px; height: 122px; margin: 0 0 8px 0; background: url(/images/bg_header.gif) bottom left no-repeat; }
#navContentWrapper { padding: 8px 0 0 0; }
#navigation { float: left; width: 242px;/*width: 200px;*/ }
#content { float:left; width: 632px; margin: 0 0 0 64px;/*margin: 0 0 0 106px;*/ padding: 0 0 0 20px; }
#beeldenWrap { width: 958px; }
#footer { clear: both; width: 958px; padding: 20px 0 0 0; color: #6d6e71; font-size: 10px; line-height: 14px; }

/* header
------------------------------------------------------------------*/
#logo { position: absolute; top: 20px; left: 0; width: 244px; height: 77px; }
#headerLinks { position: absolute; top: 20px; left: 326px; width: auto; }
#headerLinks div { text-align: right; }
#headerLinks #language { margin-top: 15px; }
#headerLinks { color: #6d6e71; }
#headerLinks a { padding: 0 6px 0 8px; background: url(/images/bg_headerLinks_a.gif) 0 70% no-repeat; color: #6d6e71; }
#headerLinks a.active,
#headerLinks a:hover { color: #032366; }
#headerLinks a.noSeparator { background: none; }
#headerLinks #hLinks a { text-decoration: none; }
#headerLinks #hLinks a#LokLink,
#headerLinks #hLinks a#logoutLink { color: #032366; text-decoration: underline; }
#headerLinks #hLinks a#logoutLink { padding: 0 40px 0 0; }
#languages { float: right; }
#headerLinks #medium { font-size: 15px; }
#headerLinks #large { font-size: 18px; }
#header form { position: absolute; top: 20px; right: 0; width: 290px; }
#header form div { margin: 0 0 10px 0; /*text-align: right;*/ }
#header form input { float: left; width: 200px; }
#header form #btnSubmit { float: right; width: auto; }
#path { position: absolute; top: 80px; right: 0; width: 632px; font-size: 10px; text-align: right; }
#path a { padding: 0 8px 0 6px; background: url(/images/bg_headerLinks_a.gif) 100% 70% no-repeat; color: #636466; font-size: 10px; }
#path a:hover { color: #032366; }

/* navigation
------------------------------------------------------------------*/
#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation ul li { margin: 0 0 10px 0; }
#navigation ul li a { display: block; padding: 5px 5px 5px 15px; background: #dcdddf; color: #636466; text-decoration: none; }
#navigation ul li.active a,
#navigation ul li a:hover { background: #032366; color: #fff; }

#navigation ul ul { margin-bottom: 4px; }
#navigation ul ul li { margin: 0; }
#navigation ul li.active li a { padding: 2px 0 0 15px; background: none; color: #7681b3; text-decoration: underline; }
#navigation ul li.active li.active a,
#navigation ul li.active li a:hover { background: none; color: #032366; }

#navigation ul li.active li.active li a { padding-left: 32px; background: url(/images/bg_nav_checkbox.gif) 15px 3px no-repeat; color: #7681b3; text-decoration: none; }
#navigation ul li.active li.active li.active a,
#navigation ul li.active li.active li a:hover { background: url(/images/bg_nav_checkbox_act.gif) 15px 3px no-repeat; color: #ff5a00; }

#navigation ul li.active li.active li.active li a { margin: 0 0 6px 32px; padding: 0 0 2px 8px; background: url(/images/bg_nav_underscore.gif) 0 10px no-repeat; color: #7681b3; text-decoration: underline; }
#navigation ul li.active li.active li.active li.active a,
#navigation ul li.active li.active li.active li a:hover { background: url(/images/bg_nav_underscore_ho.gif) 0 10px no-repeat; color: #032366; }

/* content
------------------------------------------------------------------*/
#banner { margin: 0 0 5px 0; padding: 0 0 30px 0; background: url(/images/bg_banner.gif) bottom left no-repeat; }

sup,
sub { vertical-align: 0; position: relative; }
sup { bottom: 4px; font-size: 9px; }
sub { top: 4px; font-size: 9px; }

.blocks img { margin: 0; }
.blocks ol { margin: 0 0 14px 24px; }
.imgTopShadowWrap { float: right; margin: 0 0 20px 20px; padding-top: 19px; background: url(/images/imgTopShadow.gif) repeat-x; }
.imgBottomShadowWrap { padding-bottom: 19px; background: url(/images/imgBottomShadow.gif) bottom left repeat-x; }
.bestand { margin: 2px 0 4px 0; }
.bestand a { text-decoration: none; }
.bestand img { margin: 0 5px 0 0; }
.bestand span { text-decoration: underline; }

#artsen { margin: 0; padding: 0; list-style-type: none; }
#artsen li { float: left; width: 300px; }
#artsen li.first { margin-right: 32px; }
#artsen .imgTopShadowWrap { margin: 0; }
#artsen .imgBottomShadowWrap .imgWrap { overflow: hidden; height: 100px; }
#artsen li a { color: #7681b3; font-size: 9px; }

#fastLinks { width: 632px; height: 130px; margin: 0 0 20px 0;padding: 22px 0; background: url(/images/bg_fastLinks.gif) no-repeat; }
#fastLinks a { position: relative; float: left; display: block; overflow: hidden; width: 143px; height: 130px; margin: 0 20px 0 0; color: #fff; font-size: 18px; line-height: 22px; text-decoration: none; }
#fastLinks span { position: absolute; display: block; bottom: 10px; left: 10px; width: 123px; cursor: pointer; }
#fastLinks #link1 { background: #0096db; }
#fastLinks #link2 { background: #6cd4e1; }
#fastLinks #link3 { background: #00aecb; }
#fastLinks #link4 { margin: 0; background: #0098aa; }

form h2 { margin: 20px 0 5px -20px; }
form div { margin-bottom: 5px; }
label { float: left; padding: 0 10px 0 0; }
.input { height: 14px; padding: 2px; background: none; border: #395286 1px solid; border-right-width: 2px; font-size: 12px; }
.error { border-color: red; }

textarea { padding: 2px; background: none; border: #395286 1px solid; border-right-width: 2px; font-size: 12px; }

#afspraakForm label { width: 170px; }
#afspraakForm .input,
#contactForm .input { width: 330px; }
#afspraakForm textarea,
#contactForm textarea { width: 330px; }
#afspraakForm .submit { margin: 10px 0 0 180px; }

.filterForm label,
#contactForm label { width: 80px; }
.filterForm .input { width: 160px; }
.filterForm .submit { margin: 0 0 0 10px; }

#loginForm label { width: 130px; }
#loginForm .input { width: 230px; }
#loginForm .submit { margin: 10px 0 0 140px; }

#contactForm .submit { margin: 10px 0 0 90px; }

.submit { color: #395286; font-size: 12px; }

table { width: 100%; margin: 10px 0; }
th { color: #212324; font-weight: normal; text-align: left; }
th,
td { padding: 5px 20px 5px 0; border-bottom: #b1b1b2 1px solid; }

.pages { /*float: right; width: 200px;*/ text-align: right; }
.pages a:hover { color: #032366; }
.pageLabel { padding-right: 20px; }
.pageNumber { padding-left: 6px; }
.prevPage,
.nextPage { font-size: 14px; }

.downloadPdf { color: #636466; text-decoration: none; }
.downloadPdf span { text-decoration: underline; }

#indicaties h2 { background: none; margin: 0; padding: 0; }

#map { margin: 10px 0; }

.categorie { width: 459px; margin: 40px 0 10px 0; border-bottom: #e0e0e0 1px solid; list-style-type: none; }
.categorie li { float: left; width: auto; }
.categorie li a { padding: 0 40px 0 0; color: #636466; text-decoration: none; }
.categorie li.active a,
.categorie a:hover { color: #ff5a00; }

.pageSubNav { margin: 20px 0 0 0; list-style-type: none; }
.pageSubNav li { margin: 0 0 4px 0; }
.pageSubNav li a { color: #7681b3; }
.pageSubNav li.active a,
.pageSubNav li a:hover { color: #032366; }

#anatomieWrap { float: left; width: 459px; }
#anatomie { margin: 40px 0 0 0; padding: 0; list-style-type: none; }
#anatomie li { height: 76px; border-top: #e0e0e0 1px solid; }
#anatomie a { display: block; color: #636466; text-decoration: none; }
#anatomie a:hover { color: #ff5a00; }

#lichaam { float: left; overflow: hidden; width: 173px; height: 470px; }
.man { background: url(/images/man.png) 0 0 no-repeat; }
.man .hoofd { background: url(/images/man.png) -173px 0 no-repeat; }
.man .borst { background: url(/images/man.png) -346px 0 no-repeat; }
.man .buik { background: url(/images/man.png) -519px 0 no-repeat; }
.man .benen { background: url(/images/man.png) -692px 0 no-repeat; }
.man .armen { background: url(/images/man.png) -865px 0 no-repeat; }
.vrouw { background: url(/images/vrouw.png) 0 0 no-repeat; }
.vrouw .hoofd { background: url(/images/vrouw.png) -173px 0 no-repeat; }
.vrouw .borst { background: url(/images/vrouw.png) -346px 0 no-repeat; }
.vrouw .buik { background: url(/images/vrouw.png) -519px 0 no-repeat; }
.vrouw .benen { background: url(/images/vrouw.png) -692px 0 no-repeat; }
.vrouw .armen { background: url(/images/vrouw.png) -865px 0 no-repeat; }

/* beeldenWrap
------------------------------------------------------------------*/
#beeldenWrap { margin: 10px 0 0 0; }
#beeldenWrap #indekijker { float: left; width: 242px; height: 132px; padding: 21px 0; background: url(/images/bg_indekijker.gif) no-repeat; }
#beeldenWrap #beeldenband { float: left; width: 632px; height: 132px; padding: 21px 0; margin-left: 84px; background: url(/images/bg_beeldenband.gif) no-repeat; }
#beeldenWrap #indekijkerContent { overflow: hidden; height: 132px; background: #6cd4e1; }
#beeldenWrap #indekijkerContent,
#beeldenWrap #indekijkerContent a { color: #fff; font-size: 16px; line-height: 20px; }
#beeldenWrap #indekijkerContent a,
#beeldenWrap #indekijkerContent span { display: block; text-decoration: none; }
#beeldenWrap #indekijkerContent a { overflow: hidden; height: 92px; padding: 20px 15px; }
#beeldenWrap #indekijkerContent span#meerInfo { margin: 10px 0 0 0; text-decoration: underline; }
#beeldenWrap .imgWrap { float: left; overflow: hidden; width: 143px; height: 132px; margin-left: 20px; }
#beeldenWrap #first.imgWrap { margin: 0; }

/* footer
------------------------------------------------------------------*/
#footer p { float: left; width: 800px; }
#footer a { color: #6d6e71; font-size: 10px; line-height: 14px; text-decoration: none; }
#duo { float: right; width: 100px; text-align: right; }



/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }