body { margin: 0; padding: 0; text-align: center; background: #003772 url(../images/body_bg.gif) center top repeat-y; }

#container { width: 779px; margin: 0 auto; text-align: left; font-size: 100%; }

body { font-family: arial, serif; font-size: 12px; }
a img { border: 0; }

#header #menu { min-height: 27px; padding-top: 48px; background: transparent url(../images/header/hoofdmenu_bg.gif) left top no-repeat; }
#header #menu h2 { display: none; }
#header #menu ul { margin: 0 10px 0 0px; padding: 0 0 0 17px; width: 752px; list-style: none; background: #003772; overflow: hidden; }
#header #menu li { float: left; }
#header #menu a { float: left; height: 22px; padding: 5px 5px 0 15px; font: bold 100% arial, serif; background: #003772 url(../images/menu_bg.gif) left top no-repeat; text-decoration: none; color: #fff; }
#header #menu a:hover, #header #menu a.active { background-image: url(../images/menu_bg_over.gif); }

#header #utiljeugd { min-height: 47px; padding-top: 5px; background: transparent url(../images/util_bg_jeugd.gif) left top no-repeat; position:relative; }
#header #utiljeugd h2 { display: none; }
#header #utiljeugd ul { margin: 0 0 0 215px; padding: 0 0 0 0px; list-style: none; overflow: hidden; }
#header #utiljeugd li { float: left; }
#header #utiljeugd a { float: left; margin-right: 10px;  text-indent: -9999px; width: 33px; height: 33px; background: transparent url() bottom left no-repeat; }
#header #utiljeugd a.home { background-image: url(../images/header/util_home2.gif); }
#header #utiljeugd a.zoom { background-image: url(../images/header/util_zoom2.gif); }
#header #utiljeugd a.zoomout { background-image: url(../images/header/util_zoomout2.gif); }
#header #utiljeugd a.print { background-image: url(../images/header/util_print2.gif); }
#header #utiljeugd a.mail { background-image: url(../images/header/util_mail2.gif); }
#header #utiljeugd a:hover { background-position: left top; }

#header #util { min-height: 47px; padding-top: 5px; background: transparent url(../images/header/util_bg.gif) left top no-repeat; position:relative; }
#header #util h2 { display: none; }
#header #util ul { margin: 0 0 0 215px; padding: 0 0 0 0px; list-style: none; overflow: hidden; }
#header #util li { float: left; }
#header #util a { float: left; margin-right: 10px;  text-indent: -9999px; width: 33px; height: 33px; background: transparent url() bottom left no-repeat; }
#header #util a.home { background-image: url(../images/header/util_home2.gif); }
#header #util a.zoom { background-image: url(../images/header/util_zoom2.gif); }
#header #util a.zoomout { background-image: url(../images/header/util_zoomout2.gif); }
#header #util a.print { background-image: url(../images/header/util_print2.gif); }
#header #util a.mail { background-image: url(../images/header/util_mail2.gif); }
#header #util a:hover { background-position: left top; }
#header #logo { position: relative; width: 779px; height: 129px; float:left; background: transparent url(../images/header/logo_bg.gif) left top no-repeat; }
#header #logo img.logo { margin: 10px 0 0 80px; }
#header #logo img.foto { position: absolute; right: 9px; bottom: 0; }

#header #logo_kraamzorg { position: relative; width: 779px; height: 129px; background: transparent url(../images/header/logo_bg.gif) left top no-repeat; }
#header #logo_kraamzorg img.logo { margin: 10px 0 0 40px; }
#header #logo_kraamzorg img.foto { position: absolute; right: 9px; bottom: 0; }

#logo .headerafbeelding { position:absolute; top: -20px; right:0; height:149px; width:379px;}
#logo .kraamzorg {  background-image: url(../images/headerfotos/kraamzorg_borst.jpg); }
#logo .voeding {  background-image: url(../images/headerfotos/voeding_en_dieet.jpg); }
#logo .aiv {  background-image: url(../images/headerfotos/aiv.jpg); }
#logo .gkd {  background-image: url(../images/headerfotos/gkd.jpg); }
#logo .contact {  background-image: url(../images/headerfotos/fotocontact.jpg); }
#logo .cursus {  background-image: url(../images/headerfotos/cursussen.jpg); }
#logo .brochures {  background-image: url(../images/headerfotos/foldermateriaal.jpg); }
#logo .jeugdgezondheidszorg {  background-image: url(../images/headerfotos/jgz.jpg); }
#logo .verpleging {  background-image: url(../images/headerfotos/gespecialiseerde_verpleging.jpg); }
#logo .kraamzorgverzorgenbaby {  background-image: url(../images/headerfotos/kraamzorg2.jpg); }
#logo .kraamzorgbaby {  background-image: url(../images/headerfotos/kraamzorg.jpg); }
#logo .ledenservice {  background-image: url(../images/headerfotos/ledenservice2.jpg); }
#logo .persoonlijkeverzorging {  background-image: url(../images/headerfotos/persoonlijke_verzorging.jpg); }
#logo .uitleen {  background-image: url(../images/headerfotos/uitleen.jpg); }
#logo .thuiszorgwinkel {  background-image: url(../images/headerfotos/thuiswinkelzorg.jpg); }

/*Telefoonnummer toevoeging*/
#logo .telefoon { color:#fff; position:relative; top:-20px; left:100px; width:200px; font-weight:bold; }
.telefoon_home { color:#3c8c36; position:relative; top:-4px; left:500px; background-color:Transparent; height:0px; width:300px; font-weight:bold; }
.telefoon_home img { margin:0 5px 0 0;  padding:0px 0 0 0;}
/*Einde telefoonnummer toevoeging*/

#container2 { padding-left: 18px; padding-bottom: 50px; overflow: hidden; background: transparent url(../images/container2_bg.gif) left top repeat-y; }
body#homepage #container2 { padding-left: 0; background: transparent url(../images/home_container2_bg.gif) left top repeat-y; }

body#homepage #footer { clear: both; margin-bottom: 25px; position: relative; height: 85px; background: transparent url(../images/footer_bg_home.gif) left top no-repeat; }

#leftcolumn { float: left; width: 221px; }

.telefoonnummer { display: none;}

body#homepage #leftcolumn { width: 390px; background: transparent url(../images/home_leftcolumn_bg.gif) top left no-repeat; }
body#homepage #leftcolumn img.logo { margin: 10px 0 30px 80px; }

#nieuwsteasers {  padding: 1px 0 0 0; margin-left: 18px; width: 340px; background: transparent url(../images/nieuwsteaser_bg.gif) top left no-repeat; }
h2.nieuws {margin: 7px 0 2px 35px; font: normal 200% arial, serif; color: #003772;}
#nieuwsteasers .item {clear:both; position: relative; padding: 10px 10px 20px 0; overflow:hidden;}
#nieuwsteasers .item-recent { left:18px; margin:20px 0 0 0;position:relative;}
#nieuwsteasers .item-recent img { float: left; width: 115px; height: auto; margin: 0 10px 0 0;}

#nieuwsteasers .item-recent .beschrijving { padding:0 0 0 0; overflow: hidden;}
#nieuwsteasers .item-recent .beschrijving p { color:#00276a; margin: 0 0 10px 0;}
#nieuwsteasers .item-recent .beschrijving a { font: bold 100% arial, serif; color: #49ac42; text-decoration:none;}
#nieuwsteasers .nieuwsbanner { margin: 18px 0 0  18px;/*position: absolute; bottom: 20px; left: 20px;*/ }

#nieuwsteasers ul {margin: 0 0 0 20px; padding: 0; list-style: none;}
#nieuwsteasers ul li {margin: 0 0 7px 0; padding: 0 0 0 10px; background-image: url(../images/button.gif); background-repeat:no-repeat;text-decoration:none; }
#nieuwsteasers ul li a { width: 310px; margin: 0 0 0 20px; display:block; padding: 0 0 5px 0; font: bold 100% arial, serif; color: #49ac42; text-decoration:none;}
#nieuwsteasers ul li a:hover { text-decoration: underline; color:#1e4480;}

/*#nieuwsteasers .item img { float: left; margin-bottom: 3px; }*/

#nieuwsteasers .item p { margin: 0 0 0 190px; padding-bottom: 10px; font: normal 100% arial, serif; color: #1e4480;}
#nieuwsteasers .item .leesmeer { position: absolute; bottom: 1px; left: 0; clear: left; display: block; min-height: 22px; background: #e5e2d8; width: 374px;}
#nieuwsteasers .item .leesmeer a { float: right; font: normal 100% arial, serif; color: #1e4480; height: 22px; line-height: 27px; padding: 0 20px 0 25px;  color: #339a3c; font-weight: bold; background: #e5e2d8 url(../images/nieuwsteaser_a_bg.gif) left center no-repeat; }
#nieuwsteasers .item a:hover { text-decoration: none; }

#banners_home { margin: 20px 0 0 0;}
#banners_home img { width: 310px; margin: 20px 0 0 40px;}

#banners {  padding: 18px 0 0 10px; }

#submenu { width: 219px; border: 1px solid #d0d3d0; border-top-width: 0; }
#submenu h2 { display: none; }
#submenu ul { margin: 0; padding: 0; list-style: none; }
#submenu a { display: block; padding: 5px 14px;  background: #FFF url(../images/submenu_li_bg.gif) left bottom no-repeat; font: bold 90% arial, serif; color: #335f8e; text-decoration: none;}
#submenu a:hover, #submenu a.active { color: #fff; background: #08456c url(../images/submenu_a_active.gif) left top no-repeat; }
#submenu ul ul { padding: 5px 0 15px 0;  background: #335f8e url(../images/submenu_ul_ul_bg.gif) left bottom repeat-x; }
#submenu ul ul a { padding-left: 18px; background: none; color: #fff; font-weight: normal; }
#submenu ul ul a.active { font-weight: bold; background: #567595; } 
#submenu ul ul li { background: transparent url(../images/submenu_li_li_bg.gif) left bottom no-repeat; }

#content { width: 510px; padding: 20px 0 20px 20px; float: left; }
body#homepage #content { width: 389px; padding: 0; }
#content h2 { font: bold 150% arial, serif; color: #1e4480; margin-top: 0; float:left;}
.telefoon { margin:5px 40px 20px 0; overflow:hidden; width:200px; float:right; color:#49AC42; font-weight:bold;}
#content .paragraaf { margin-bottom: 10px; overflow: hidden; clear:both; }
#content .paragraaf h3 { font: bold 100% arial, serif; color: #1e4480; margin: 0 30px 5px 0;}
#content .paragraaf .tekst { font: 100% arial, serif; color: #003772; line-height: 19px; margin-right: 30px; }
#content .paragraaf p { margin-top: 0; }
#content .paragraaf a { color: #3f9439; text-decoration: underline; font-weight: bold; }
#content .paragraaf a:hover { text-decoration: none; }
#content .paragraaf ul { list-style: none; margin: 10px 0; padding: 0;  }
#content .paragraaf li { padding: 0 0 0 15px; background: transparent url(../images/paragraaf_li.gif) left 4px no-repeat; }
#content .paragraaf img { float: right; margin: 0 0 5px 5px; }
#content #topbutton { float: right; margin-top: 20px; margin-right: 40px; padding-left: 30px; height: 18px; background: transparent url(../images/topbutton.gif) top left no-repeat; }
#content #topbutton a { font: bold 90% arial, serif; color: #003772; }

#content #homepageblok {position: relative; padding: 42px 10px 400px 20px; min-height: 260px; background: transparent url(../images/home_homepageblok.gif) top left no-repeat; }
*html #content #homepageblok {padding: 42px 10px 490px 20px; height: 268px; }
#content #homepageblok h2 { margin: 0 0 0px 85px; font: bold 135% arial, serif; color: #1e4480; letter-spacing:-0.2px; }

#content #homepageblok .paragraaf { margin: 20px 0 0px 0; width: 350px;}
#content #homepageblok .paragraaf .tekst { width: 350px; }
#content #homepageblok .paragraaf * { line-height: 18px; font: 100% arial, serif; color: #00276a; }
#content #homepageblok a { display: block; font-size: 90%; font-weight: bold; color: #49ac42; height: 15px; padding-left: 20px; background: transparent url(../images/home_homepageblok_a_bg.gif) top left no-repeat; z-index:10;}
#content #homepageblok a:hover { text-decoration: none; }

#content #homepageblok #inzetfoto { position: absolute; top: -270px; right: -10px; width: 167px; height: 270px; background: transparent url(../images/home_inzetfoto.png) top left no-repeat; }
#content #homepageblok .animatie { position:absolute; top:155px; left:2px; width:377px; height:158px; overflow:hidden; }
#content #homepageblok .animatie img {float:right; height:158px;}

#content #informatiezoeken {position: absolute; top: 330px; left: 1px; width: 379px; height: 200px; background: transparent url(../images/home_informatiezoeken1.gif) top left no-repeat; }
* html #content #informatiezoeken { bottom: 0;}
#content #informatiezoeken h2 { margin: 7px 0 0 110px; font: bold 125% arial, serif; color: #1e4480; }
#content #informatiezoeken h3 { position: absolute; top: 9px; left: 130px; margin: 0; font: bold 100% arial, serif; color: #6880a3; }

#content #informatiezoeken .banner-header {position: relative; height:68px; background: transparent url(../images/home_informatiezoeken8.gif) top left no-repeat; }
#content #informatiezoeken .banner-footer {position: relative; clear:both;  height:69px; background: transparent url(../images/home_informatiezoeken9.gif) top left no-repeat; }

#content #informatiezoeken .banners { overflow:hidden; background-color:#ebebeb; border-left:solid 1px #737373; border-right:solid 1px #737373;}
#content #informatiezoeken .banner-full { width: 331px;  margin: 0 0 0 23px; float: left;}
#content #informatiezoeken .banner-full a { width: 331px; height: auto; margin: 0 0 8px 0; padding: 0;}
#content #informatiezoeken .banner-full img {}
#content #informatiezoeken .banner-half { width:159px; height: 74px; float: left; margin: 0 12px 0 0;}
#content #informatiezoeken .eerste { margin: 0 12px 0 23px;} 
#content #informatiezoeken .banner-half img { width:159px; height:74px;}
#content #informatiezoeken .banner-half a { padding: 0;}

#content #informatiezoeken .item a { display: inline; font-size: 95%; margin: 0; color: #49ac42; font-weight: bold; padding: 0; background: none; }
#content #informatiezoeken .item p { margin: 0px 0 0 30px; width: 210px; min-height: 80px; font: normal 100% arial, serif; color: #00276a; }
#content #informatiezoeken a.ganaar { position: absolute; top: 30px; left:3px;  display: block; font-size: 90%; margin: 0 0 0 20px; padding-left: 20px; height: 15px; color: #fff; font-weight: bold; background: transparent url(../images/informatiezoeken_a_bg.gif) top left no-repeat; }
#content #informatiezoeken a:hover { text-decoration: none; }

#content #informatiezoeken .video {margin:20px 0 0 0; height: 227px; width:379px; padding-top: 38px; background: transparent url(../images/home_informatiezoeken2.gif) top left no-repeat;}
#content #informatiezoeken a {display: block; font-size: 90%; font-weight: bold; color: #49ac42; height: 24px; padding: 3px 0 0 30px; background: transparent url(../images/play.jpg) top left no-repeat;}
#content #informatiezoeken .video h3 { position: absolute; top: 43px; left: 130px; margin: 0; font: bold 100% arial, serif; color: #6880a3;}
#content #informatiezoeken .video .flash { overflow: hidden; padding: 0 0 10px 0; height: 88px; background: transparent url(../images/home_informatiezoeken3.gif) top left repeat-y;}
#content #informatiezoeken .video .flash .thumb a { position: absolute; left: 35px; background: transparent url(../images/video1.jpg) no-repeat; width: 115px; height: 88px; display: block; text-indent: -9999px;}
#content #informatiezoeken .video .flash .thumb2 a { position: absolute; left: 35px; background: transparent url(../images/video2.jpg) no-repeat; width: 115px; height: 88px; display: block; text-indent: -9999px;}
#content #informatiezoeken .video .flash .beschrijving { position: absolute; left: 160px; width: 190px; height: 80px; background-color: #fff;}
#content #informatiezoeken .video .eind {height: 31px; background: transparent url(../images/home_informatiezoeken7.gif) top left no-repeat;}

#content #informatiezoeken .informatie2 { position: relative; margin: 30px 0 0 0;  background: #fff url(../images/home_informatiezoeken3.gif) top left repeat-y; }
#content #informatiezoeken .informatie2 h3 { font-size: 16px; position: relative; top: 0; left: 0; padding: 5px 0 0 130px; height: 30px; color: #1e4480; background: transparent url(../images/home_informatiezoeken2.gif) top left no-repeat;}

#content #informatiezoeken .informatie2 .item { color: #49ac42; font-size: 14px; font-weight: bold; margin: 5px 0 0 50px;}
#content #informatiezoeken .informatie2 .item_tekst { font-size: 12px; color: #00276a; margin: 0 0 0 50px; padding: 0 0 8px 0; width: 290px;}

#content #informatiezoeken .informatie2 .item_tekst a {display: inline; font-weight: normal; font-size: 12px; color: #00276a; margin:0; padding: 0; background: transparent}
#content #informatiezoeken .informatie3 { height: 40px!important; position: relative; background: transparent url(../images/home_informatiezoeken3.gif) top left repeat-y; }
#content #informatiezoeken .informatie3 .informatie5 {  position: absolute; top: 0; right: 55px; width: 52px; height: 38px;  background: transparent url(../images/home_informatiezoeken5.gif) top left no-repeat; }
#content #informatiezoeken .informatie4 {position: relative; height:69px; background: transparent url(../images/home_informatiezoeken8.gif) top left no-repeat; }


#container2 #leftcolumn .video { height: 250px;}
#container2 #leftcolumn .video h3 { width:320px; margin: 0 0 20px 20px; padding: 0 0 3px 16px; font: normal 200% arial, serif; color: #003772; background: transparent url(../images/nieuwsteaser_item_bg.gif) bottom left no-repeat;}
#container2 #leftcolumn .video .flash { height: 100px;  }
#container2 #leftcolumn .video .flash .thumb  {float:left; margin-left: 35px; margin-right:10px;  width: 114px; height: 87px; }
#container2 #leftcolumn .video .flash .beschrijving { color:#00276a; width: 200px; float: left;}
#container2 #leftcolumn .video .flash .beschrijving a {color:#49ac42; font-weight:bold;}


#bannerklikmeer { overflow: hidden; width: 250px; float: right; margin:20px 0 0 0;  }
#bannerklikmeer img { float: right; margin: 0px 30px 0px 0px;}

#kraamzorg { padding-right: 30px; clear:both; }
#kraamzorg dl { margin: 0; padding: 0; }
#kraamzorg dt { height: 32px; background: transparent url() top left no-repeat; }
#kraamzorg dt.first { background-image: url(../images/kraamzorg_first.gif) !important; } 
#kraamzorg dt.first.open { background-image: url(../images/kraamzorg_first_open.gif) !important; } 
#kraamzorg dt.licht { background-image: url(../images/kraamzorg_licht.gif); } 
#kraamzorg dt.licht.open { background-image: url(../images/kraamzorg_licht_open.gif); }
#kraamzorg dt.donker { background-image: url(../images/kraamzorg_donker.gif); }
#kraamzorg dt.donker.open { background-image: url(../images/kraamzorg_donker_open.gif); }
#kraamzorg dt a { display: block; width: 440px; height: 26px; padding: 6px 0 0 20px; text-decoration: none; font: normal 100% arial, serif; color: #106718; }
#kraamzorg dt div { display: none; }
#kraamzorg dt.open a { font-weight: bold; }
#kraamzorg dt.open div { display: block; }
#kraamzorg dt.licht.last { background-image: url(../images/kraamzorg_licht_last.gif); } 
#kraamzorg dd { display: none; display: block; padding: 20px 41px 10px 10px; width: 410px; margin: 0; overflow: hidden; background: transparent url(../images/kraamzorg_dd_bg.gif) 16px 0px no-repeat; }
#kraamzorg .paragraaf .tekst { color: #106718; }
#kraamzorg .paragraaf li { background-image: url(../images/paragraaf_li_kraamzorg.gif); }
#kraamzorg dd.licht { background-color: #dfeddf; }
#kraamzorg dd.donker { background-color: #c7e5c5; }
#kraamzorg dd.donker.last { padding: 0; min-height: 26px; width: 461px; background: #c7e5c5 url(../images/kraamzorg_donker_last.gif) left top no-repeat; }
#kraamzorg #dl_bottom { height: 26px; width: 461px; background: #c7e5c5 url(../images/kraamzorg_donker_last.gif) left top no-repeat; }
#kraamzorg #dl_bottom.licht { background-image: url(../images/kraamzorg_licht_last.gif); }
#kraamzorg #dl_bottom.donker { background-image: url(../images/kraamzorg_donker_last.gif); }
#kraamzorg dd img { float: left; margin: 0 10px 10px 0; }

#footer { clear: both; margin: 0 0 25px 0; position: relative; height: 85px; background: transparent url(../images/footer_bg.gif) left top no-repeat; }
#footer ul { position: absolute; bottom: 25px; left: 10px; margin: 0; padding: 0; list-style: none; width: 600px; }
#footer li { float: left; border-right: 1px solid #FFFFFF; font: normal 100% arial, serif; color: #FFFFFF; padding: 0 5px; }
#footer a { font-weight: bold; color: #FFFFFF; }
#footer a:hover { text-decoration: none; }

/* Standaard Formulier */
/*********************************************************/
#cform label, #iform label { display: block; }
#cform button, #iform button { margin-right: 10px; }
#cform input.radiocheck, #iform input.radiocheck { width: auto; display: inline; }
#cform label.radiocheck, #iform label.radiocheck { display: inline; }
#cform p, #iform p { margin: 0 0 10px 0; padding: 0; clear: left;}
#cform span.error, #iform span.error { margin-left: 5px;  }
#cform .submit, #iform .submit { float: none;}
#cform.inline label, #iform.inline label { float: left; }
#cform.inline label.radiocheck, #iform.inline label.radiocheck  { float: none; }
#cform fieldset, #iform fieldset { border: 0; margin: 0; padding: 0; }
#cform legend, #iform legend { display: none; }
/* Layout */
#cform label { width: 115px; }
#iform label { width: 175px; }
#cform input, #iform label { width: 175px; }
#cform select, #iform select { width: 305px; } 
* html #cform select, * html #iform select { width: 309px; } /*IE maakt de select 4px te klein*/
#cform textarea, #iform textarea { width: 175px; height: 100px; }
#cform button, #iform button { width: 120px; margin-top: 20px; }
#cform .border, #iform .border { border: 1px solid #48aa41; }
#cform .errorborder, #iform .errorborder { border: 1px solid #96062F; }
#cform span.error, #iform span.error { color: #96062F; font-weight: bold; }
/* Uitlijning foutmelding bij radiobuttons en checkboxen
#cform label.radiocheck { display: -moz-inline-box; display: inline-block;  width: 65px;  }
* html #cform label.radiocheck { width: 68px; }
*/
/*********************************************************/

#menu a.login { background-image: url(../images/key.gif); display:block;   }