/* standaard ul en ol */
.content ol { margin: 15px 10px 15px 10px; padding: 0 0 0 15px; }
.content ul { margin: 15px 10px 15px 5px; padding: 0; }
.content ul li { padding:0 0 0 20px; }

/* BASIS ELEMENTEN */
html, body, #hoofdmenu, #topmenu, #zoeken, h1, h2, h3, h4, hr, .content, .content form, a.pijl, .kop_grijs, ul.pijltje, ul.pijltje li, .filter ul, .filter ul li, ul.nummering, ul.nummering li, ul.projecten, ul.projecten li, .intro p, .spotlight p, .grijs, .datum, .datumzwart, #submenu, #submenu li, #extrasubmenu, #extrasubmenu li, #breadcrumb, #breadcrumb li { margin:0; padding:0;}
a, a:hover, a:link, a:visited, a:active { outline:0;}

/* SPRITE img achtergronden */
.logo, #labelzoek, #zoekbutton, a span.meer, span.telefoon, .filter ul li a, .content ul li, #extrasubmenu li a { background: url(/img/layout/sprite.gif); }
.content ul li { background: url(/img/layout/ul.png); }
body, .leftcorner, .leftcornerfooter, .rightcorner, .rightcornerfooter, .middelfooter, .klein h2, .middel h2, .middel h1.h2, .groot h2, .groot h1.h2 { background: url(/img/layout/balken.png); }
.rechterkolom { background: url(/img/layout/rechterkolom_schaduw.png); }
body { background-color: #f2f2f2; background-repeat: repeat-x; background-position: 0 -327px; }
#hoofdmenu li a, #submenu, #submenu li a, .rss, .hr, a.button, .introcontent a, a.pdf { background: url(/img/layout/spritemenu.png); }
.introcontent h1 a, .introcontent td a { background: none; }
#masker, .introrechts { background: url(/img/layout/sprite2.png); }
ul.pijltje li { background: url(/img/layout/pijltje.gif) }
ul.pijltje.rond li {background: url(/img/layout/pijltjerond.gif)}

/* standaard ul achtergrond + fix */
.content ul li { background-position: 1px 4px; background-repeat: no-repeat; }
ul.projecten li, ul.nummering li, .filter ul li, #extrasubmenu li { background:none; }

/* IE 6 fix PNG */
* html #hoofdmenu li a, * html .leftcorner, * html .rightcorner, * html .leftcornerfooter, * html .rightcornerfooter, * html .klein, * html .middel, * html .groot, * html .hr, * html #masker, * html .introrechts, * html .rss, * html .rechterkolom { behavior: url("/img/htc/iepngfix.htc"); }

/* HYPERLINKS EN FONTS */
body, input { font-family: "Trebuchet MS", Arial; font-size: 13px; color: #434343; }
a, a:visited { color:#C5014C; text-decoration: none; font-weight: bold; }
.intro a:hover, .introrechts a:hover { text-decoration: none; }
a:hover, .intro h1 a:hover { text-decoration: underline; }

a.pijl {position:relative; padding-right:22px; float:left; }
a.pijl span{ background-position: -37px -108px; width:20px; height:20px; display:block; position:absolute; right:0; top:0; }
* html a.pijl span { top:2px;}

ul.nummering li a.active { color: #000; text-decoration: underline; }

.intro h1, .intro h1 a { color: #fff; font-size: 20px; margin-bottom: 20px; text-decoration: none; font-weight: normal;}
.intro p, .intro a, .intro a:visited { color: #fff; }
.intro a, .introrechts a.pijl:hover { text-decoration: underline;}

/* grote knop */
a.button, a.button:visited, .introcontent a, .introcontent a:visited { display:block; margin:0; padding: 0 37px 0 20px; width: 204px; height:41px; line-height: 41px; color:#C5014C; font-weight: bold; font-size:14px; background-position: -2px -165px; text-decoration:none; }
a.button:hover, .introcontent a:hover { background-position: -264px -165px; text-decoration:none; }
a.button:active, .introcontent a:active { background-position: -526px -165px; outline:0 }

/* download pdf knop */
a.pdf, a.pdf:visited { float:left; height:1%; margin: -3px 1px 0 0; padding-left: 11px; display:block; width: 159px; height:28px; line-height: 28px; color:#C5014C; font-size:14px; background-position: -916px -99px; text-decoration:none; }
a.pdf:hover {  background-position: -916px -128px; text-decoration:none; }
a.pdf:active {  background-position: -916px -157px; outline:0 }
/* print knop */
a.pdf.print, a.pdf.print:visited { background-position: -519px -311px; }
a.pdf.print:hover { background-position: -692px -311px; }
a.pdf.print:active {  background-position: -865px -311px; }
/* doorsturen knop */
a.pdf.doorsturen, a.pdf.doorsturen:visited { background-position: 0 -311px; }
a.pdf.doorsturen:hover { background-position: -173px -311px; }
a.pdf.doorsturen:active {  background-position: -346px -311px; }

a.wat_is, a.wat_is:visited { color: #b1a59a; font-size: 11px; }

#zoek, #topmenu li a { color: #8f8f8f; font-size: 12px; }
#topmenu li a { margin: 14px 9px 0 9px; text-transform:lowercase; }
#topmenu li a.active { color: #000; }

#hoofdmenu li a { color: #000; font-size: 14px; }
#submenu li a { font-size: 14px; } 
#submenu li a.active, #submenu li a:hover, .filter ul li a:hover, .filter ul li a.active { color:#fff; text-decoration: none; } 

.content.spotlight { font-size: 12px; color: #868686; }
h1, h1 a, h1 a:visited, .titelrose { font-size: 20px; color: #c5014c; }
.content h1 { margin-bottom: 10px; line-height: 26px }
h2, .middel h1.h2, .groot h1.h2, h2.spotlight, h2 a, h2 a:visited, .kop_grijs, .kop_grijs a { font-size: 18px; font-weight: bold; color: #696969; }
.content h2, content h2 a, h3, h3 a, h3 a:visited, span.resultaten, h4 { font-size: 16px; color: #000; }
.content h3 { margin-top: 5px; }
.content h2, content h2 a { font-size: 18px; margin-top: 10px; }
h2.titelrose { font-size: 20px; color: #c5014c; }
ul.projecten li h3 { font-size: 14px}
.spotlight h3 { color:#C5014C; margin-bottom: 15px }
h4 { font-size: 14px; margin-top: 20px; }
h4.titelrose, h4.titelrose { margin-top:0;}
.kop_grijs { float:left; width: 163px; }
.grijs, ul.projecten li a span { color: #696969; font-size: 12px; line-height: 18px; }
.grijs { margin-top: 10px; }
.grijs a { text-decoration: underline; }

#extrasubmenu li a { background-position: -19px -127px; background-repeat: no-repeat; }
#extrasubmenu li a:hover { background-position: -38px -108px; }
#extrasubmenu li a.active,#extrasubmenu li a.active:hover {  background-position: 0 -148px; color:#000; }

span.telefoon { color: #000; font-size: 16px;}

#breadcrumb li, #breadcrumb li a { font-size: 12px; color:#7d7d7d; text-transform:lowercase; }

#footer {color:#fff; font-size:11px;}
#footer ul {display:block;margin-top:11px;}
#footer ul li {float:left;list-style-type:none;border-left:solid 1px #ccc;padding:0px 14px;}
#footer ul li.first {border:none;padding:0 14px 0 0}
#footer ul li a { color: #fff; font-weight: normal; line-height:15px; }
#footer ul li a.active { text-decoration: underline; }
#footer ul li a.active:visited { text-decoration: underline; }

.datum, a span.datum, a:hover span.datum, .datumzwart, a span.datumzwart, a:hover span.datumzwart{ position:relative; display:block; font-size: 11px; color: #797979; clear: both; position:relative; text-decoration: none; }
.datumzwart, a span.datumzwart, a:hover span.datumzwart { font-weight: bold; color:#000; }
a span.datum { margin-top: 6px; }
a span.datumzwart { margin-top: 4px; }
#content { line-height: 21px; }

/* UL, LI */
#topmenu, #topmenu li, #hoofdmenu, #hoofdmenu li, ul.pijltje, ul.pijltje li, #breadcrumb, #breadcrumb li, ul.nummering, ul.nummering li, .filter ul, .filter ul li, ul.projecten, ul.projecten li, .content ul, .content ul li { list-style: none; }
/* standaard ul, ol */

/* CONTAINER */
#container { margin: auto; width: 947px; min-height: 740px; position:relative; }

/* HEADER */
#header { height: 185px; position:relative; }
.logo { text-indent: -20000px; background-position: 0 0; width: 415px; height: 108px; display: block; float:left; overflow:hidden;}

/* TOPMENU */
#topmenu { float: right; }
#topmenu li, #topmenu li a { float: left;}

/* ZOEKEN */
#zoeken { position: absolute; top: 84px; left: 600px; }
#labelzoek { width: 25px; height: 29px; background-position: -415px -87px; display:block; float:left; overflow:hidden }
#zoek { padding-top: 7px; height:19px; overflow: hidden; border:none; border-top: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0; width: 243px; float:left; }
#zoekbutton { float:left; background-position: -417px 0; width: 72px; height:29px; text-indent: -2000px; border:0; cursor:pointer; overflow:hidden}
#zoekbutton:hover { background-position: -417px -29px;}
#zoekbutton:active { background-position: -417px -58px;}

/* HOOFDMENU */
#hoofdmenu { position: absolute; top: 139px; left:23px; height:44px; width:100%;   }
* html #hoofdmenu { left: 8px; }
#hoofdmenu li, #hoofdmenu li a { float: left; }
#hoofdmenu li a { height: 44px; display:block; text-indent:-2000px;  background-position: 0 0; background-repeat:no-repeat; }
#hoofdmenu li a:active { outline:0;}
#hoofdmenu li a.home { margin-left: 15px; width:61px; }
#hoofdmenu li a.ggz { width: 115px; background-position: -61px 0; }
#hoofdmenu li a.fysio { width: 133px; background-position: -176px 0; }
#hoofdmenu li a.huisarts { width: 89px; background-position: -309px 0; }
#hoofdmenu li a.logopedist { width: 107px; background-position: -398px 0; }
#hoofdmenu li a.oefentherapeut { width: 138px; background-position: -505px 0; }
#hoofdmenu li a.verloskundige { width: 121px; background-position: -643px 0; }
#hoofdmenu li a.partners { width: 116px; background-position: -764px 0; }

/* menu rollover */
#hoofdmenu li a.home:hover { background-position: 0 -88px; }
#hoofdmenu li a.ggz:hover { background-position: -61px -88px; }
#hoofdmenu li a.fysio:hover { background-position: -176px -88px; }
#hoofdmenu li a.huisarts:hover { background-position: -309px -88px; }
#hoofdmenu li a.logopedist:hover { background-position: -398px -88px; }
#hoofdmenu li a.oefentherapeut:hover { background-position: -505px -88px; }
#hoofdmenu li a.verloskundige:hover { background-position: -643px -88px; }
#hoofdmenu li a.partners:hover { background-position: -764px -88px; }

/* menu actieve status */
#hoofdmenu li a.homeactive { width:92px; background-position: 0 -44px; }
#hoofdmenu li a.ggzactive { width: 137px; background-position: -92px -44px; }
#hoofdmenu li a.fysioactive { width: 160px; background-position: -229px -44px; }
#hoofdmenu li a.huisartsactive { width: 117px; background-position: -389px -44px; }
#hoofdmenu li a.logopedistactive { width: 133px; background-position: -505px -44px; }
#hoofdmenu li a.oefentherapeutactive { width: 166px; background-position: -638px -44px; }
#hoofdmenu li a.verloskundigeactive { width: 147px; background-position: -804px -44px; }
#hoofdmenu li a.partnersactive { width: 140px; background-position: -951px -44px; }
* html #hoofdmenu li a.partnersactive { filter:none; background:url(/img/layout/ketenpartners.png);}

/* SUBMENU */
#submenu { margin-top: 8px; height: 33px; overflow:hidden; margin-bottom: 9px; display:block; overflow:hidden; width:921px; background-position: -181px -278px; }
#submenu li, #submenu li a { float:left; width: 185px; display:block; text-align:center; line-height: 33px; text-transform:lowercase; overflow:hidden }
#submenu li.left, #submenu li.left a, #submenu li.right, #submenu li.right a { width: 183px; }
#submenu li a { background-position: -183px -212px; } 
#submenu li a:hover { background-position: -183px -245px;}
#submenu li a:active { background-position: -734px -212px;}
#submenu li a.active { background-position: -734px -245px;}
/* SUBMENU links */
#submenu li.left a { background-position: 0 -212px; } 
#submenu li.left a:hover { background-position: 0 -245px; } 
#submenu li.left a:active { background-position: -551px -212px;}
#submenu li.left a.active { background-position: -551px -245px;}
/* SUBMENU rechts */
#submenu li.right a { background-position: -368px -212px; } 
#submenu li.right a:hover { background-position: -368px -245px; } 
#submenu li.right a:active { background-position: -919px -212px;}
#submenu li.right a.active { background-position: -919px -245px;}

/* BREADCRUMB */
#breadcrumb { height: 28px; width: 920px; display:block;}
#breadcrumb li, #breadcrumb li a { float:left; }
#breadcrumb li { margin-right: 7px; }

/* INTRO blokken */
.intro, .introrechts { height:242px; margin-top:8px; position:relative;}
.intro { width: 567px; /*clear:both*/ }
.intro img { position: absolute; left: 16px; top:17px; z-index:9; }
.introcontent { z-index: 11; position:absolute; left: 282px; top: 20px; width:250px; }
#masker { background-position: -2px 0; position:absolute; left:0; top:0; width:100%; height:240px; z-index:10; }
.introrechts { background-position: -3px -244px;}
.introrechts a.pijl { position: absolute; left:23px; top:205px; }

/* CONTENT */
#content { padding-left: 25px; position:relative; height:1%;}
.nieuwscontent { height: 1%; position:relative; }
#content:after, .nieuwscontent:after, .project:after { content: "."; height:0; line-height:0; display:block; visibility:hidden; overflow:hidden; }

/* BLOKKEN met content */
.klein, .middel, .groot, .intro, .introrechts { position:relative; margin-bottom: 17px; overflow:hidden; }
.klein, .introrechts { width: 346px; float: right; clear:right; }
.middel, .intro { width: 559px; float:left; }
.groot { width: 922px; clear:both; }
.content { clear: both; padding: 20px 23px;}

/* achtergrond content gedeelte */
.klein div.content { background:url(/img/layout/bg_klein.png) repeat-y; }
.middel div.content { background:url(/img/layout/bg_middel.png) repeat-y; }
.groot div.content { background:url(/img/layout/bg_groot.png) repeat-y; }

*html .content { z-index:2 }
*+html .content { padding-top: 10px; }

/* hoekjes en achtergrond titels */
.leftcorner, .rightcorner, .klein h2, .middel h2, .middel h1.h2, .groot h2, .groot h1.h2 { background-position: 0 0; width: 5px; height: 52px; display: block; float: left; overflow:hidden; }
.rightcorner { background-position: 0 -52px; }

.klein h2, .middel h2, .middel h1.h2, .groot h2, .groot h1.h2 { background-position: 0 -104px; background-repeat: repeat-x; height: 38px; padding: 14px 0 0 18px; overflow:hidden; }
.klein h2 { width: 318px; }
.middel h2, .middel h1.h2  { width: 531px; } 
.groot h2, .groot h1.h2 { width: 894px; }
.content h2, h2.titelrose { padding:15px 0 0 0; background: none; margin: 10px 0 0 0; line-height:normal; height:1%; overflow:visible;}
h2.titelrose { padding:0; margin:0; }
.introrechts h2 { padding:0; margin:0; height: 53px}
.content p { margin: 0 0 8px 0}

/* in the spotlight */
.leftcorner.spotlight, .rightcorner.spotlight, h2.spotlight { height: 47px; }
.leftcorner.spotlight { background-position: 0 -5px ;}
.rightcorner.spotlight { background-position: 0 -57px ;}
h2.spotlight { background-position: 0 -109px; height: 33px; margin:0 }
* html .leftcorner.spotlight {  background-position: -1px -109px; }

/* nieuwsbrief en formulieren */
.label { width: 80px; float:left; position:relative; line-height: 28px;}
.label.error { color: #c5014c } 
.input { border: solid 1px #d0d0d0; width: 205px; height:28px; line-height: 28px; float:left; clear:none; position:relative; margin-bottom: 5px; padding-left: 5px}
.input.error { border-color: #c5014c}

/* hoekjes en achtergrond titels rose */
.rose .leftcorner { background-position: 0 -171px; }
.rose .rightcorner { background-position: 0 -275px;}
.rose h2 { background-position: 0 -223px; }

/* content footer hoekjes */
.leftcornerfooter, .rightcornerfooter, .middelfooter {background-position: 0 -156px; width: 5px; height: 5px; display: block; float: left; overflow:hidden; }
.rightcornerfooter { background-position: 0 -161px; }
.middelfooter { background-position: 0 -166px; background-repeat: repeat-x; padding:0; margin:0; }
.klein .middelfooter { width: 336px; }
.middel .middelfooter { width: 549px; }
.groot .middelfooter { width: 912px; }

/* rss link */
.rsslink { position:absolute; top: 12px; right: 13px; z-index:98; }
* html div.rsslink { height: 1%; display:block; margin-top:-55px; position:relative; overflow:hidden; margin-bottom: 28px}
* html .klein div.rsslink { left: 239px;}
* html .middel div.rsslink { left: 451px;}
* html .groot div.rsslink { left: 815px;}
* html div.klein, * html div.middel, * html div.groot { overflow:visible; }
.wat_is { line-height: 25px; display:block; float:left; display:block; z-index:99;}
.rss { width: 36px; height:25px; background-position: 0 -132px; display:block; overflow:hidden; text-indent: -2000px; float:left; margin-left:4px; z-index:100; }

/* nieuws en agenda */
.nieuws { clear:both;}
.nieuws img { border: solid 1px #c81056; float:left; margin: 6px 23px 0 0; }
.nieuwscontent { float:left; width: 350px; padding:0; margin:0; }
.nieuwscontent p { margin: 5px 0 10px 0;}
.hr { clear:both; border:0; height:1; height:15px; line-height:1px; overflow:hidden; background-position: -75px -130px; margin: 15px 0;}
hr { visibility:hidden;}

/* projecten en filter blok */
.project, .filter, ul.projecten li { background-color: #f9f9f9; border: solid 1px #c8c8c8; padding: 20px 25px; height:1%; margin-top: 20px; }
.project a, .filter ul li, .filter ul li a { float:left; }
.project h3 { width: auto; margin-bottom:0}
.project span.datum { float:left; clear:none; /*margin-left: 10px;*/ }
.project p { clear:both; margin-top: 13px; padding-top:0}
.filter, ul.projecten li { padding: 12px 14px; margin-bottom: 20px; margin-top: 0;}
.filter ul li a { background-position: -443px -90px; display:block; line-height:25px; height: 25px; width:156px; text-align:center; margin: 2px; overflow:hidden }
.filter ul.adviseurs li a { margin: 6px 13px 6px 0; }
* html .filter ul.adviseurs li a { margin-right: 8px; } 
.filter ul li a:hover { background-position: -443px -115px; }
.filter ul li a.active, .filter ul li a:active { background-position: -443px -140px; outline:0 }

/* ul, project overzicht */
ul.projecten { margin-top: -20px; }
ul.projecten, ul.projecten li, ul.projecten li a { float:left; }
ul.projecten li { margin: 20px 20px 0 0; width: 248px; height:175px; display: block; overflow:hidden; position:relative; cursor:pointer}
ul.projecten li.last { margin-right: 0;}
ul.projecten li span { margin: 68px 0 3px 0; display:block;}
ul.projecten li span.meer { margin-top: 0; }
.imgwrap{ position:absolute; width:295px; height:60px; margin-left:0px; margin-top:40px; top: 0; left:0; overflow:hidden }
.imgcrop{ position:absolute; clip:rect(0px 395px 98px 0px); } /* top right bottom left */

/* nummering */
ul.nummering { float:right; background:none;  }
ul.nummering li, ul.nummering li a { float:left;}
ul.nummering li { margin-left: 5px; }

/* adviseurs pagina */
#flash {height: 475px; background:grey; margin-bottom: 20px}
.kolomlinks { float:left; width:500px;}
.kolomrechts { float:right; width: 350px;}
ul.adviseurs_lijst li{width:400px; float: left; margin-right:20px;}
.adviseur_slogan{display:block; font-size: 11px; color: #797979; text-decoration: none; margin-top:5px; }
h4.first{margin-top:0;}

/* extra submenu */
#extrasubmenu li { margin-bottom: 7px; }
#extrasubmenu li a { padding-left:25px; display: block; height:1% }

/* ul met pijl rechts */
ul.pbottom { padding-bottom: 25px; }
ul.pijltje li, ul.pijltje.rond li { background-position: right 4px; background-repeat: no-repeat; line-height: normal; padding: 0 15px 5px 0; height:1%}
ul.pijltje.linkerkolom, ul.pijltje.rechterkolom { width: 427px; float:left; }
ul.pijltje.rechterkolom { width: 395px; margin-left:20px; padding-left: 30px; background-repeat: repeat-y; }
ul.pijltje li a { line-height: 12px; position:relative;}
ul.pijltje.rond li a img { float:left; margin-right:12px; border:0 }
ul.pijltje.rond li a span.datum { float: left; clear:none; }
ul.pijltje div.hr { margin:0; width: 300px; position:relative; left: 0px; background-position: -75px -148px;}
* html ul.pijltje div.hr { width: 285px; }
*+html ul.pijltje div.hr { width: 285px; }

/* FOOTER */
#footer { position: absolute; height:33px; line-height: 12px; background: #ba0040; overflow:hidden; }
#footerafbeelding { position:absolute; bottom: -102px; left:-315px; width: 1004px; height:619px; overflow:hidden; background: url(/img/layout/bg_footer.jpg) 50% 0 no-repeat;}

/* CLASSES */
.clear { clear:both; }
.margintop { margin-top:9px;}
h2.nomargintop { margin:0; padding:0; }
.linkspace { margin-right: 17px; }
span.telefoon { background-position: -490px 0; background-repeat: no-repeat; padding-left: 50px; height:25px; display:block;  }
img.imgright { float: right; margin: 15px 0 15px 15px;}
img.imgleft { float: left; margin: 15px 15px 15px 0;}