@charset "utf-8";
/* CSS Document */
/*banner 383*/
/*CSS BASIS Document*/

html, body { height:100%;}
/* als je de website altijd in verticaal beeldvullend wilt hebben. Indien dit niet nodig is kun je dit deleten */

body { height:100%; font-family:Arial; margin:0px; padding:0px; font-size:100%; background-color:#fbf7c7;  }
html {  height:100%; background-color:#fbf7c7; }

/* sitewide weergave van links */
a {color:#2b415c}
a:hover {color:#b52c2f}
a:visited {color:#2b415c}

h2 { font-size:16px; font-weight:bold; margin:0px; padding:0px;}


/* De hoofdcontainer. Dit is het werkgebied waarbinnen de div's worden gepositioneerd */
#container {min-height:510px; height:auto !important; height:510px;   margin-left:auto; margin-right:auto; width:910px; position:relative; background-color:#ffffff; background-position:30px 0px;  }

#banner { height:300px; width:850px; position:absolute; left:30px; top:35px; z-index:4;}




#kleurbalk { height:35px; width:850px; position:absolute; left:30px; top:0px; background-color:#ffffff; background-image:url(../img/kinderhonk-slogan-b.jpg); background-repeat:no-repeat; background-position:0px;}

#onder { position:absolute; background-image:url(../img/kinderhonk-onder2.jpg); background-repeat:no-repeat; width:180px; height:170px; left:730px; bottom:-5px; z-index:2;}

#teksten { width:910px;  min-height:375px; height:auto !important; height:375px; top:346px; left:0px; position:absolute; background-color:#ffffff; z-index:2; background-image:url(../img/Kinderhonk-kh.gif); background-position:center; background-repeat:repeat-y; }



#plaat { position:absolute; top:0px; left:30px; background-image:url(../img/index-slogan2.jpg); background-repeat:no-repeat; height:300px; width:362px; z-index:3;}

#plaat a:link , #plaat a:visited , #plaat a:hover { position:absolute; top:150px; left:96px; height:140px; width:170px;}

#content {  width:345px;  min-height:305px; height:auto !important; height:305px; position:relative; top:40px; left:392px; padding:0px 0px 45px 0px; color:#000000; font:Arial; font-size:12px;   line-height:16px;z-index:5;  }

#content h1 {color:#ed378b; font-size:12px; font-weight:bold; font-family:Arial;  padding:0px 0px 20px 0px; margin:0px; }
#content h2 {color:#000000; font-size:16px;  margin:0px; padding:0px;}
#content p { color:#000000; font:Arial; font-size:12px;  margin:0px; padding:0px; line-height:16px;  }
#content table {color:#000000; font:Arial; font-size:12px;  margin:0px; padding:0px; line-height:16px;}


#footer {  height:30px;  left:0px; bottom:0px; color:#000000; font-size:9px; font-family:Arial; width:910px;   position:relative; text-align:center; background-color:#ffffff; line-height:30px; }
#footer a { color:#000000; font-size:9px; text-decoration:none;}
#footer a:hover { color:#000000; font-size:9px; text-decoration:none;}



#menu { width:722px; height:21px; position:absolute; top:346px; left:175px; z-index:4; }

#nso {position:absolute; left:184px; top:0px; line-height:21px; text-align:center;}
#nso a {width:92px; height:21px; position:absolute; z-index:4;  background-image: url(../img/nso.gif); background-repeat:no-repeat;}
#nso a:hover {width:92px; height:21px; position:absolute; z-index:4;  background-image: url(../img/nso-a.gif); background-repeat:no-repeat;}

#algemeen {position:absolute; left:0px;  top:0px; line-height:21px; text-align:center;}
#algemeen a {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/algemeen.gif); background-repeat:no-repeat; text-decoration:none; }
#algemeen a:hover {width:92px; height:21px; position:absolute; z-index:4;background-image: url(../img/algemeen-a.gif); background-repeat:no-repeat; }

#kdv {position:absolute; left:92px;  top:0px; line-height:21px; text-align:center;}
#kdv a {width:92px; height:21px; position:absolute; z-index:4;  background-image: url(../img/kdv.gif); background-repeat:no-repeat;}
#kdv a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/kdv-a.gif); background-repeat:no-repeat;  }

#contact {position:absolute; left:550px;  top:0px; line-height:21px; text-align:center;}
#contact a {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/contact.gif); background-repeat:no-repeat;}
#contact a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/contact-a.gif); background-repeat:no-repeat; }

#actueel {position:absolute; left:642px;  top:0px; line-height:21px; text-align:center;}
#actueel a {width:65px; height:21px; position:absolute; z-index:4; background-image: url(../img/actueel.gif); background-repeat:no-repeat;}
#actueel a:hover {width:65px; height:21px; position:absolute; z-index:4; background-image: url(../img/actueel-a.gif); background-repeat:no-repeat; }

#personeel { position:absolute; left:275px;  top:0px; line-height:21px; text-align:center;}
#personeel a {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/personeel.gif); background-repeat:no-repeat;}
#personeel a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/personeel-a.gif); background-repeat:no-repeat;  }

#adressen { position:absolute; left:367px;  top:0px; line-height:21px; text-align:center;}
#adressen a {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/adressen.gif); background-repeat:no-repeat;}
#adressen a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/adressen-a.gif); background-repeat:no-repeat; }

#ouders {position:absolute; left:459px; top:0px; line-height:21px; text-align:center;}
#ouders a {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/ouders.gif); background-repeat:no-repeat;}
#ouders a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/ouders-a.gif); background-repeat:no-repeat; }

#nso_a {position:absolute; left:184px; top:0px; line-height:21px; text-align:center;}
#nso_a a {width:92px; height:21px; position:absolute; z-index:4;   background-image: url(../img/nso-a.gif); background-repeat:no-repeat;}
#nso_a a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/nso-a.gif); background-repeat:no-repeat;}

#algemeen_a {position:absolute; left:0px;  top:0px; line-height:21px; text-align:center;}
#algemeen_a a {width:92px; height:21px; position:absolute; z-index:4;   background-image: url(../img/algemeen-a.gif); background-repeat:no-repeat;}
#algemeen_a a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/algemeen-a.gif); background-repeat:no-repeat;  }

#kdv_a {position:absolute; left:92px;  top:0px; line-height:21px; text-align:center;}
#kdv_a a {width:92px; height:21px; position:absolute; z-index:4;   background-image: url(../img/kdv-a.gif); background-repeat:no-repeat;}
#kdv_a a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/kdv-a.gif); background-repeat:no-repeat;  }

#contact_a {position:absolute; left:550px;  top:0px; line-height:21px; text-align:center;}
#contact_a a {width:92px; height:21px; position:absolute; z-index:4;   background-image: url(../img/contact-a.gif); background-repeat:no-repeat;}
#contact_a a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/contact-a.gif); background-repeat:no-repeat; }

#personeel_a { position:absolute; left:275px;  top:0px; line-height:21px; text-align:center;}
#personeel_a a {width:92px; height:21px; position:absolute; z-index:4;   background-image: url(../img/personeel-a.gif); background-repeat:no-repeat;}
#personeel_a a:hover {width:92px; height:21px; position:absolute; z-index:4;background-image: url(../img/personeel-a.gif); background-repeat:no-repeat;  }

#adressen_a { position:absolute; left:367px;  top:0px; line-height:21px; text-align:center;}
#adressen_a a {width:92px; height:21px; position:absolute; z-index:4;  background-image: url(../img/adressen-a.gif); background-repeat:no-repeat;}
#adressen_a a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/adressen-a.gif); background-repeat:no-repeat; }

#ouders_a {position:absolute; left:459px; top:0px; line-height:21px; text-align:center;}
#ouders_a a {width:92px; height:21px; position:absolute; z-index:4;  background-image: url(../img/ouders-a.gif); background-repeat:no-repeat;}
#ouders_a a:hover {width:92px; height:21px; position:absolute; z-index:4; background-image: url(../img/ouders-a.gif); background-repeat:no-repeat; }

#actueel_a {position:absolute; left:642px;  top:0px; line-height:21px; text-align:center;}
#actueel_a a{width:65px; height:21px; position:absolute; z-index:4; background-image: url(../img/actueel.gif); background-repeat:no-repeat;}
#actueel_a a:hover {width:65px; height:21px; position:absolute; z-index:4; background-image: url(../img/actueel-a.gif); background-repeat:no-repeat; }