/* Stylesheet voor Isis Kraamzorg. (c) Speak. Alle rechten voorbehouden. */


/* ---------- Stijlen: Algemeen ---------- */

html {
  overflow-y: scroll;
}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #282828;
  background: #ffffff;
}

form {
  margin: 0px;
  padding: 0px;
  height: 100%;
}

a { color: #e6007e; }
a img { border: 0px; }
img { display: block; }

.clearfix {
  height: 0px;
  overflow: hidden;
  clear: both;
  line-height: 0px;
  font-size: 0px;
}

#site {
  width: 984px;
  margin: 0 auto 0px auto;
	min-height: 100%;
}

#divTitel{
  margin-left: 5px;
}

.kleur1 #site { background: #74b825; }
.kleur2 #site { background: #00963e; }
.kleur3 #site { background: #009ee3; }
.kleur4 #site { background: #0068b4; }
.kleur5 #site { background: #2e2382; }
.kleur6 #site { background: #951680; }
.kleur7 #site { background: #e3000b; }
.kleur8 #site { background: #f39100; }


/* ---------- Stijlen: Top ---------- */

#top {
  height: 140px;
  background: #ffffff;
  position: relative;
}

#top .logo {
  position: absolute;
  left: 24px;
  top: 9px;
  width: 135px;
  height: 92px;
  overflow: hidden;
}

#top .logo span {
  position: absolute;
  left: -9001px;
  top: 0px;
}

#top .slogan {
  position: absolute;
  left: 212px;
  top: 77px;
  width: 361px;
  height: 24px;
  overflow: hidden;
  text-indent: -9001px;
  background: url(/interface/images/slogan-top-bg.gif);
}

#top #nav {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 30px;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
  list-style: none;
}

#top #nav li {
  float: left;
  height: 30px;
  width: 123px;
  background: #666666;
}

#top #nav li a {
  display: block;
  height: 20px;
  padding: 5px 11px;
  color: #ffffff;
  text-decoration: none;
  position: relative;
}

#top #nav li a:hover {
  text-decoration: underline;
}

#top #nav li a span {
  position: absolute;
  overflow: hidden;
  display: none;
}

#top #nav li.active a,
#top #nav li.childActive a {
  font-weight: bold;
}

#top #nav li.active a span,
#top #nav li.childActive a span {
  display: block;
}

#top #nav .x1 { background: #75b826; }
#top #nav .x2 { background: #00963e; }
#top #nav .x3 { background: #009ee3; }
#top #nav .x4 { background: #0068b4; }
#top #nav .x5 { background: #2e2382;}
#top #nav .x6 { background: #951680; }
#top #nav .x7 { background: #e3000b; }
#top #nav .x8 { background: #f39100; }

#top #nav .x1 a span { left: -36px; top: -75px; width: 69px; height: 90px; background: url(/interface/images/vogel1.gif); }
#top #nav .x2 a span { left: 29px; top: -53px; width: 66px; height: 60px; background: url(/interface/images/vogel2.gif); }
#top #nav .x3 a span { right: -3px; top: -60px; width: 46px; height: 75px; background: url(/interface/images/vogel3.gif); }
#top #nav .x4 a span { left: 42px; top: -63px; width: 62px; height: 68px; background: url(/interface/images/vogel4.gif); }
#top #nav .x5 a span { right: -8px; top: -70px; width: 55px; height: 74px; background: url(/interface/images/vogel5.gif); }
#top #nav .x6 a span { right: 16px; top: -68px; width: 44px; height: 80px; background: url(/interface/images/vogel6.gif); }
#top #nav .x7 a span { left: 34px; top: -62px; width: 68px; height: 70px; background: url(/interface/images/vogel7.gif); }
#top #nav .x8 a span { left: 28px; top: -61px; width: 71px; height: 63px; background: url(/interface/images/vogel8.gif); }

#top #topnav {
  position: absolute;
  right: 0px;
  top: 23px;
  height: 18px;
  margin: 0px;
  padding: 0px;
  line-height: 18px;
  list-style: none;
}

#top #topnav li {
  float: left;
  background: url(/interface/images/topnav-item-bg.gif) no-repeat right 4px;
}

#top #topnav li a {
  float: left;
  color: #009992;
  padding: 0px 12px;
  text-decoration: none;
}

#top #topnav li a:hover {
  text-decoration: underline;
}

#top #topnav li.link_rss a {
  padding-left: 32px;
  background: url(/interface/images/pic-rss.gif) no-repeat 12px 1px;
}

#top #topnav li.link_hyves {
  background: none;
}

#top #topnav li.link_hyves a {
  width: 50px;
  padding-right: 0px;
  text-indent: -9001px;
  overflow: hidden;
  background: url(/interface/images/logo-hyves.gif) no-repeat right top;
}


/* ---------- Stijlen: Main en Content algemeen ---------- */

#main {
  width: 984px;
  min-height: 500px;
  position: relative;
}

#main h1,
#main h2 {
  margin: 0px 0px 15px 0px;
  padding: 0px;
  font-size: 16px;
  line-height: normal;
  color: #e4007d;
}

#main h1.afbeelding_titel {
  width: 964px;
  height: 25px;
  overflow: hidden;
  margin: 0px;
  padding: 10px;
  line-height: 25px;
  text-indent: -9001px;
  background-repeat: no-repeat;
}

#main h3 {
  margin: 0px 0px 4px 0px;
  padding: 0px;
  font-size: 12px;
}

#main h4,
#main h5,
#main h6 {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  color: #e4007d;
}

#main p {
  margin: 0px 0px 18px 0px;
  padding: 0px;
}

#main .nomargin {
  margin: 0px;
}

#main table {
  width: 100%;
  margin-bottom: 18px;
}

#main ul {
  margin: 0px 0px 18px 0px;
  padding: 0px;
  list-style: none;
}

#main li {
  margin: 0px 0px 6px 0px;
  padding: 0px 0px 0px 15px;
  background: url(/interface/images/bullet.gif) no-repeat left 6px;
}

#main li ul {
  margin: 5px 0px 8px 0px;
}

#main .afbeelding_boven {
  display: block;
  margin-bottom: 14px;
}

#main .afbeelding_rechts {
  float: right;
  clear: right;
  margin: 0px 0px 18px 18px;
}

#main #tekst_onder .afbeelding_rechts {
  margin: 0px 0px 10px 10px;
}

#main #afbeeldingen_onder {
  clear: both;
  width: 551px;
  overflow: hidden;
  margin: 18px -10px 18px 0px;
}

#main #afbeeldingen_onder a {
  float: left;
  margin: 0px 10px 10px 0px;
  text-decoration: none;
}

#main #kraamcanon {
  position: absolute;
  top: 45px;
  left: 0px;
  width: 984px;
  height: 313px;
  z-index: 1;
  background: #ffffff;
}

#main #kraamcanon #kraamcanon_flash {
  width: 984px;
  height: 313px;
  overflow: hidden;
}

#main #kraamcanon #kraamcanon_foto {
  width: 749px;
  height: 313px;
  overflow: hidden;
  left: 235px;
  position: relative;
}

#main #tekst_onder {
  position: absolute;
  top: 366px;
  left: 12px;
  width: 475px;
  /*height: 400px;*/
  overflow: hidden;
  color: #fff;
}

#main #tekst_onder.tekst_onder_smal {
  width: 220px;
}

#main #tekst_onder h3 {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;
}


#main #googlemap {
  position: absolute;
  top: 45px;
  left: 250px;
  width: 984px;
  height: 313px;
  z-index: 19;
  background: #ffffff;
}

#main #kraamteamFoto{
 position: absolute;
  top: 45px;
  left: 250px;
  width: 984px;
  height: 313px;
  z-index: 20;
  background: #ffffff;
}

/* ---------- Stijlen: Home ---------- */

#main #sidebar_home {
  float: right;
  width: 246px;
  position: relative;
  z-index: 10;
  background: #ffffff;
  margin-top: -45px;
}

#main #sidebar_home .sidebox {
  padding: 13px;
}

#main #sidebar_home #nieuwspreviews {
  margin: 0px;
  padding: 7px 13px;
  background: #f39100;
  color: #ffffff;
}

#main #sidebar_home #nieuwspreviews li {
  margin: 0px;
  padding: 6px 0px;
  border-bottom: 1px solid #ffffff;
  line-height: 16px;
  background: none;
}

#main #sidebar_home #nieuwspreviews li a {
  display: block;
  padding-right: 11px;
  color: #ffffff;
  text-decoration: none;
  background: url(/interface/images/pic-plus.gif) no-repeat right bottom;
}

#main #sidebar_home #nieuwspreviews li a:hover {
  text-decoration: underline;
}

#main #sidebar_home #nieuwspreviews li.last {
  border: none;
}

#main #sidebar_home #postcode_zoek {
  background: #00963e;
  color: #ffffff;
}

#main #sidebar_home #postcode_zoek h3.afbeelding_titel {
  height: 77px;
  background: url(/interface/images/titel-ontmoet-jouw-isiskraamteam.gif) no-repeat;
  text-indent: -9001px;
  overflow: hidden;
}

#main #sidebar_home #postcode_zoek h3.afbeelding_titel_wit {
  height: 77px;
  background: url(/interface/images/titel-ontmoet-jouw-isiskraam_wit.gif) no-repeat;
  text-indent: -9001px;
  overflow: hidden;
}

#main #sidebar_home #postcode_zoek p {
  margin-bottom: 6px;
}

#main #sidebar_home #postcode_zoek .zoekvlak {
  width: 100%;
  overflow: hidden;
  margin-bottom: 6px;
}

#main #sidebar_home #postcode_zoek .zoekvlak input {
  float: left;
  padding: 3px 5px;
  border: 0px;
  width: 146px;
  color: #282828;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

#main #sidebar_home #postcode_zoek .zoekvlak a {
  float: left;
  width: 62px;
  height: 22px;
  background: url(/interface/images/knop-zoeken.gif);
  text-indent: -9001px;
}

#main #sidebar_home .logos_onder {
  width: 246px;
  overflow: hidden;
  color: #009ee3;
  font-size: 11px;
  font-weight: bold;
}

/*#main #sidebar_home .logos_onder a,
#main #sidebar_home .logos_onder div {
  float: left;
  margin: 0px 12px 5px 0px;
}

#main #sidebar_home .logos_onder .last {
  margin-right: 0px;
}*/

#main #sidebar_tekst {
  top: 55px;
  height: 440px;
  overflow: scroll;
  overflow-x: hidden;
  float: right;
  width: 350px;
  position: relative;
  z-index: 10;
  background: #ffffff;
  margin-top: -55px;
  filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	padding: 10px;
}


/* ---------- Stijlen: Vervolgpagina's algemeen ---------- */

#main #subnav {
  float: left;
  width: 234px;
  height: 313px;
  overflow: hidden;
  position: relative;
  z-index: 10;
  font-weight: bold;
}

#main #subnav #subnav_inner {
  float: left;
  width: 208px;
  height: 291px;
  margin: 0px;
  padding: 11px 13px;
  background: url(/interface/images/wit-bg.png);
}

#main #subnav li {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  clear: both;
  background: none;
}

#main #subnav li a {
  display: block;
  width: 100%;
  padding: 4px 0px;
  text-decoration: none;
}

#main #subnav li a:hover {
  text-decoration: underline;
}

#main #content {
  float: right;
  width: 364px;
  position: relative;
  z-index: 10;
}

#main #content #content_inner {
  width: 340px;
  padding: 12px 12px 12px 12px;
  min-height: 289px;
  background: url(/interface/images/wit-bg.png);
}


#main #content.contentbreed {
  width: 739px;
  /*padding: 12px 12px 12px 12px;*/
}

#main #content.contentbreed #content_inner {
  width: 715px;
}

#main #afbeelding_links {
  position: absolute;
  top: 45px;
  left: 0px;
  padding-left: 234px;
  width: 750px;
  height: 313px;
  z-index: 1;
  background: #ffffff;
}

#main .afbeelding_boven {
  display: block;
  margin-bottom: 20px;
}

#main .afbeeldingen_links {
  float: left;
  clear: left;
  margin: 3px 10px 0px 0px;
}

#main .afbeeldingen_rechts {
  float: right;
  clear: right;
  margin: 3px 0px 0px 10px;
}

#main .afbeeldingen_links a,
#main .afbeeldingen_rechts a {
  display: block;
  margin-bottom: 10px;
}

#main .afbeeldingen_onder {
  clear: both;
  width: 408px;
  margin: 15px -10px 0px 0px;
  overflow: hidden;
}

#main .afbeeldingen_onder a {
  float: left;
  margin: 0px 10px 10px 0px;
  text-decoration: none;
}



/* ---------- Stijlen: Nieuwsoverzicht / detailpagina ---------- */

#main .overzicht {
  width: 100%;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

#main .overzicht li {
  width: 100%;
  float: left;
  clear: both;
  margin: 0px;
  padding: 0px;
  background: none;
}

#main .overzicht li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #282828;
}

.kleur1 #main .overzicht li a, .kleur1 #main .overzicht-agenda li { border-bottom: 1px solid #74b825; }
.kleur2 #main .overzicht li a, .kleur2 #main .overzicht-agenda li { border-bottom: 1px solid #00963e; }
.kleur3 #main .overzicht li a, .kleur3 #main .overzicht-agenda li { border-bottom: 1px solid #009ee3; }
.kleur4 #main .overzicht li a, .kleur4 #main .overzicht-agenda li { border-bottom: 1px solid #0068b4; }
.kleur5 #main .overzicht li a, .kleur5 #main .overzicht-agenda li { border-bottom: 1px solid #2e2382; }
.kleur6 #main .overzicht li a, .kleur6 #main .overzicht-agenda li { border-bottom: 1px solid #951680; }
.kleur7 #main .overzicht li a, .kleur7 #main .overzicht-agenda li { border-bottom: 1px solid #e3000b; }
.kleur8 #main .overzicht li a, .kleur8 #main .overzicht-agenda li { border-bottom: 1px solid #f39100; }

#main .overzicht li a .datum {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
  color: #666666;
}

#main .overzicht li a .titel {
  display: block;
  font-weight: bold;
}

#main .overzicht li a:hover .titel {
  text-decoration: underline;
}

.kleur1 #main .overzicht li a:hover .titel { color: #74b825; }
.kleur2 #main .overzicht li a:hover .titel { color: #00963e; }
.kleur3 #main .overzicht li a:hover .titel { color: #009ee3; }
.kleur4 #main .overzicht li a:hover .titel { color: #0068b4; }
.kleur5 #main .overzicht li a:hover .titel { color: #2e2382; }
.kleur6 #main .overzicht li a:hover .titel { color: #951680; }
.kleur7 #main .overzicht li a:hover .titel { color: #e3000b; }
.kleur8 #main .overzicht li a:hover .titel { color: #f39100; }

#main .overzicht h2,
#main .titel_faq {
  margin: 0px 0px 2px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: normal;
  color: #e4007d;
}

#main .titel_faq {
  margin-top: 15px;
}


/* ---------- Stijlen: Agenda-overzicht ---------- */

#main .overzicht-agenda li {
  margin-bottom: 14px;
  padding-bottom: 10px;
}

#main .overzicht-agenda .datebox {
  float: left;
  width: 26px;
  height: 34px;
  overflow: hidden;
  padding: 3px;
  background: #e6007e;
  text-align: center;
}

#main .overzicht-agenda .datebox .datebox-day {
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}

#main .overzicht-agenda .datebox .datebox-month {
  display: block;
  width: 100%;
  color: #fff;
}

#main .overzicht-agenda .text {
  float: right;
  width: 670px;
}

#main .overzicht-agenda .text p { margin: 0; }

#main .overzicht-agenda .text p a {
  display: inline;
  padding: 0;
  border: 0;
  color: #E6007E;
  text-decoration: underline;
}


/* ---------- Stijlen: Formulieren ---------- */

#main .formulier {
  width: 100%;
}

#main .formulier .regel {
  width: 100%;
  overflow: hidden;
  padding: 5px 0px;
  border-bottom: 1px solid #fff;
}

#main .formulier .regel label {
  float: left;
  width: 210px;
  padding: 3px 15px 3px 0px;
}

#main .formulier .veld input,
#main .formulier .textarea textarea {
  float: left;
  width: 250px;
  padding: 3px 5px;
  border: 1px solid #E4007D;
  font-family: Arial, Helvetica, Sans-Serif;
  color: #282828;
  font-size: 12px;
}

#main .formulier .select select {
  float: left;
  width: 62px;
  border: 1px solid #E4007D;
}

#main .formulier .textarea textarea {
  width: 460px;
  height: 150px;
}

#main .formulier .ster_verplicht {
  float: left;
  padding-left: 5px;
}

#main .formulier .button {
  height: 23px;
}

#main .formulier .button a {
  float: right;
  background: #E4007D;
  padding: 3px 7px;
  color: #ffffff;
}

#main .formulier .regel table {
  float: left;
  width: 472px;
  margin: 0px;
}

#main .formulier .regel table input {
  float: left;
  width: 13px;
  height: 13px;
  margin: 5px 7px 0px 0px;
  padding: 0px;
}

#main .melding {
  margin-bottom: 15px;
  padding: 10px 14px 10px 54px;
  font-weight: bold;
  border: 2px solid #e4bc00;
  background: #fff9cd url(/interface/images/pic-melding.gif) no-repeat 12px center;
  color: #cc7800;
  clear: both;
  display: none;
}

#main .melding_klein {
  padding: 6px 10px 6px 37px;
  font-size: 11px;
  background: #fff9cd url(/interface/images/pic-melding-klein.gif) no-repeat 7px center;
}

#main #formulier_inloggen {
  width: 487px;
}

/*zoeken*/

#top .zoeken
{
	width: 220px;
	height:	24px;
	float:right;
	background: #00963E;
	padding: 13px;
	margin-top: 65px;
}

#top .zoeken input
{
	border:0 none;
color:#282828;
float:left;
font-family:Arial,Helvetica,Verdana,Sans-Serif;
padding:3px 5px;
width:146px;	
}

#top .zoeken .btnZoeken
{
	background:url("/interface/images/knop-zoeken.gif") repeat scroll 0 0 transparent;
float:left;
height:22px;
text-indent:-9001px;
width:62px;	
}

#main .overzicht.overzicht_zoekresultaten li
{
	border-bottom:1px solid #74B825;
	margin-bottom:14px;
}

#main .overzicht.overzicht_zoekresultaten li a
{
	border-bottom:none;
	padding: 0px;
}

.inschrijfbutton
{
float: left;
  clear: left;
  margin: 6px 6px 6px 0px;
}