/* CSS Document */
body { 
	margin: 0;
	padding: 0;
	background-color: #d9f4ff;
	text-align: center;
	behavior:url("csshover.htc");
}

img { border: 0; }
table {	border: 0; border-spacing: 0; border-collapse: collapse; }
table td { margin: 0; padding: 0; }

* { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1050af;
}

.hide { width: 0px; height: 0px;}

.clearem { clear: both; height: 1px;line-height: 0px; font-size: 0px;  }

#dit-kan-beter { position: absolute; top: 0; left: 0; }
#form_extra { display: none; }

#mainbox {
	width: 765px;
	margin: 0 auto;
	padding-top: 10px;
	background-image: url(pix/mainbox_bg.gif);
	text-align: left;
}
#header { margin: 0 12px 0 13px; }
#crumpath { margin: 3px 12px 3px 13px; }


#menuvisual { width: 190px; height: 189px; margin: -189px 0 0 13px; }

#infolabel { position: absolute; }

#contentbox { margin: 0 12px 0 13px; }
#contenttbl { 
	border: 0; 
	border-spacing: 0; 
	border-collapse: collapse; 
	background-color: #0089c6;
/*	background-image: url(pix/menu_bg.gif);*/
	background-repeat: repeat-x;
	background-position: bottom;
}
#contenttbl td { margin: 0; padding: 0; width: 740px; }
#contenttbl td.col1 { width: 190px; }
#contenttbl td.col2 { background-color: #ffffff; width: 550px; height: 100%; }

#nav { margin: 0 0 189px 0; list-style-type: none; padding: 10px 0 20px 0; width: 190px; }
#nav li { margin: 0; padding: 0; line-height:0; font-size: 0; }
#nav a { display: block; width: 190px; height: 14px; overflow: hidden; }
#nav a:hover { background-position: left -14px;}

#nav .btn_nieuws				{ background-image: url(pix/menu/menu_nieuws.gif); }
#nav .btn_projecten				{ background-image: url(pix/menu/menu_projecten.gif); }
#nav .btn_kobergroep			{ background-image: url(pix/menu/menu_kobergroep.gif); }

#nav .btn_koberadvies			{ background-image: url(pix/menu/menu_koberadvies.gif); }
#nav .btn_koberzakelijk			{ background-image: url(pix/menu/menu_koberzakelijk.gif); }
#nav .btn_koberoverblijven		{ background-image: url(pix/menu/menu_koberoverblijven.gif); }
#nav .btn_koberkinderlunch		{ background-image: url(pix/menu/menu_koberkinderlunch.gif); }
#nav .btn_kinderdagverblijf		{ background-image: url(pix/menu/menu_kinderdagverblijf.gif); }
#nav .btn_buitenschoolseopvang	{ background-image: url(pix/menu/menu_buitenschoolseopvang.gif); }
#nav .btn_opvangdoorgastouders	{ background-image: url(pix/menu/menu_opvangdoorgastouders.gif); }
#nav .btn_peuterspeelzaal		{ background-image: url(pix/menu/menu_peuterspeelzaal.gif); }
#nav .btn_pedagogischkwaliteit	{ background-image: url(pix/menu/menu_pedagogischkwaliteit.gif); }
#nav .btn_oudercommissie		{ background-image: url(pix/menu/menu_oudercommissie.gif); }
#nav .btn_clientenraad			{ background-image: url(pix/menu/menu_clientenraad.gif); }
#nav .btn_pedagogischkwaliteit	{ background-image: url(pix/menu/menu_pedagogischkwaliteit.gif); }
#nav .btn_locaties				{ background-image: url(pix/menu/menu_locaties.gif); }
#nav .btn_kosten				{ background-image: url(pix/menu/menu_kosten.gif); }
#nav .btn_aanmelden				{ background-image: url(pix/menu/menu_aanmelden.gif); }
#nav .btn_werkenstages			{ background-image: url(pix/menu/menu_werkenstages.gif); }
#nav .btn_extrainformatie		{ background-image: url(pix/menu/menu_extrainformatie.gif); }
#nav .btn_vraagenantwoord		{ background-image: url(pix/menu/menu_vraagenantwoord.gif); }
#nav .btn_contact				{ background-image: url(pix/menu/menu_contact.gif); }
#nav .btn_overblijven			{ background-image: url(pix/menu/menu_overblijven.gif); }
#nav .btn_evenementenopvang		{ background-image: url(pix/menu/menu_evenementenopvang.gif); }

#nav .btn_algemenevoorwaarden	{ background-image: url(pix/menu/btn_algemenevoorwaarden.gif); }
#nav .btn_plaatsingsbeleid		{ background-image: url(pix/menu/btn_plaatsingsbeleid.gif); }
#nav .btn_bedrijfsregeling		{ background-image: url(pix/menu/btn_bedrijfsregeling.gif); }
#nav .btn_diensten				{ background-image: url(pix/menu/btn_diensten.gif); }
#nav .btn_tarievenenmogelijkhed	{ background-image: url(pix/menu/btn_tarievenenmogelijkheden.gif); }
#nav .btn_werkenalsgastouder	{ background-image: url(pix/menu/btn_werkenalsgastouder.gif); }
#nav .btn_rekeningenperemail	{ background-image: url(pix/menu/btn_rekeningenperemail.gif); }
#nav .btn_wetkinderopvang		{ background-image: url(pix/menu/btn_wetkinderopvang.gif); }
#nav .btn_werkgeversverklaring	{ background-image: url(pix/menu/btn_werkgeversverklaring.gif); }
#nav .btn_registratiebewijzen	{ background-image: url(pix/menu/btn_registratiebewijzen.gif); }
#nav .btn_vacatures				{ background-image: url(pix/menu/btn_vacatures.gif); }
#nav .btn_solliciteren			{ background-image: url(pix/menu/btn_solliciteren.gif); }
#nav .btn_werkenenleren			{ background-image: url(pix/menu/btn_werkenenleren.gif); }
#nav .btn_stage					{ background-image: url(pix/menu/btn_stage.gif); }
#nav .btn_invalpool				{ background-image: url(pix/menu/btn_invalpool.gif); }
#nav .btn_contactformulier		{ background-image: url(pix/menu/btn_contactformulier.gif); }
#nav .btn_ditkanbeter			{ background-image: url(pix/menu/btn_ditkanbeter.gif); }
#nav .btn_uwserviceteam			{ background-image: url(pix/menu/btn_uwserviceteam.gif); }
#nav .btn_routebeschrijving		{ background-image: url(pix/menu/btn_routebeschrijving.gif); }
#nav .btn_kindaanhuis			{ background-image: url(pix/menu/btn_kindaanhuis.gif); }
#nav .btn_bsoenco           	{ background-image: url(pix/menu/btn_bsoenco.gif); }
#nav .btn_ouders	       		{ background-image: url(pix/menu/btn_ouders.gif); }
#nav .btn_scholen   			{ background-image: url(pix/menu/btn_scholen.gif); }

#content { border: 1px solid #d6d6d6; height: 100%; width: 100%; }
.quote-outer {  background-color: #d8e9fa; background-image: url(pix/quote_bg_lt.gif); background-position: top left; background-repeat: no-repeat; }
.quote-inner { padding: 12px 40px 18px 40px; font-weight: bold;  height: 18px; background-image: url(pix/quote_bg_rb.gif); background-position: bottom right; background-repeat: no-repeat; } 

#content .col1 { width: 274px; float: left; margin-top: 10px; }
	.homecontent { padding: 0 5px 15px 10px }	
#content .col2 { width: 273px; float: right; margin-top: 10px; border-left: 1px solid #d6d6d6; }
	.nieuws {  padding: 0 10px 0 10px; }
	.nieuws div { padding: 0; margin: 2px 0 2px 0; }
	.nieuws a { font-weight: normal; text-decoration: none; }
	.hr { height: 1px; font-size: 0; line-height: 0; padding:0; margin: 0; background-color: #ef98c3; } 
	.banner {  padding: 2px 10px 2px 10px; }
.content {   padding: 15px 10px 15px 10px; }
.content h5 { padding: 0; margin: -5px 0 0; font-weight: normal; color: #c1001f; }


.pages { width: 90%; padding: 5px; text-align: right; }
hr { border: 1px solid #d8e9fa; }

#footer { height: 83px; margin: 3px 12px 0 13px; background-image: url(pix/footer_bg.gif); background-repeat: no-repeat; }
#footer table { margin: 0 10px; }
#footer .disclaimer { width: 190px; padding-left: 11px; padding-top:13px; }
#footer .hkzlogo { width: 550px; text-align: right;  padding-top:9px; padding-right: 5px;}
#footer a { margin-right: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

.nieuwsarchiefitem {
	background-color: #d8e9fa; 
	border: 1px solid #003883;
	padding: 2px;
	margin-bottom: 12px;
}
.nieuwsarchiefitem .datum { background-color: #003883; color: #ffffff; padding: 1px 2px 1px 2px; }
.nieuwsarchiefitem .datum * { color: #ffffff; }
.nieuwsarchiefitem .intro { margin: 5px 0 0 0;}
.nieuwsarchiefitem .intro img { padding: 0 10px 0 0;}
.nieuwsarchiefitem .more { margin: 10px 0 0 0; text-align: right; }
.nieuwsarchiefitem .more  img { padding: 0; margin: 0;}
.nieuwsarchiefmeer { text-align: right; margin: -10px 0 10px 0; } 

/* VACATURES 
-----------------------------------------------*/
#vacatures { padding: 0 10px 0 10px; }
.vacatureitem {
	background-color: #d8e9fa;
	border: 1px solid #003883;
	padding: 2px;
	margin-bottom: 12px;
}
.vacatureitem img { padding: 0; margin: 0; }
.vacatureitem span  { display: block; float: left; }
.vacatureitem .datum { background-color: #1a3276; color: #ffffff; padding: 1px 2px 1px 2px; }
.vacatureitem .datum * { color: #ffffff; }
.vacatureitem .more { margin: 1px 0 0 0; background-color: #d8e9fa; text-align: right; }
.vacatureitem td.intro { background-color: #d8e9fa; }
.vacatureitem td.intro * { font-weight: bold; padding-left: 1px; padding-bottom: 25px; }
.vacatureitem td.intro strong { display: block; float: left; height: 100%; margin-right: 4px; }
.vacatureitem td.intro2 { background-color: #d8e9fa; }
.vacatureitem td.intro2 * { font-weight: bold; padding-left: 1px; }

.vacatureitem_detail {
	padding: 0px;
	margin-bottom: 2px;
	background: #ffffff url('pix/vacatures_bg.gif') repeat-x top left;
}
.vacatureitem_detail img { padding: 0; margin: 0; }
.vacatureitem_detail span { display: block; float: left; width: 108px; }
.vacatureitem_detail .datum { background-color: transparant; color: #ffffff; padding: 1px 2px 0px 2px; }
.vacatureitem_detail .datum * { font-weight: bold; color: #ffffff; }
.vacatureitem_detail .functie { font-weight: bold; background-color: transparant; color: #ffffff; padding: 0px 2px 1px 2px; margin-top: 0px; margin-bottom: 1px; }
.vacatureitem_detail .functie * { font-weight: bold; color: #ffffff; }
.vacatureitem_detail table { width: 100%; }
.vacatureitem_detail td { width: auto !important; }
.vacatureitem_detail td.intro { background-color: #d8e9fa; }
.vacatureitem_detail td.intro * { font-weight: bold; padding-left: 1px; padding-bottom: 25px; }
.vacatureitem_detail td.intro strong { display: block; float: left; margin-right: 4px; }
.vacatureitem_detail td.intro2 { background: url('pix/vacatures_bg_intro2.gif') repeat-x top left; color: #ffffff; }
.vacatureitem_detail td.intro2 * { font-weight: bold; color: #ffffff; padding: 2px 0px 4px 1px; }

.vacatureitem_detail td.intro3 { background: url('pix/vacatures_bg_intro2.gif') repeat-x top left; line-height: 19px; }
.vacatureitem_detail td.intro3 * { font-weight: bold; padding-left: 1px;	  }
.vacatureitem_detail td.intro3 strong { display: block; float: left; height: 100%; margin-right: 4px; }

.vacatureitem_detail .left span { margin-left: 1px; width: 107px; }
.vacatureitem_detail .right span { margin-left: 10px; width: 76px; }
.vacatureitem_content {
	padding: 3px;
	margin-bottom: 10px;
}


/* VACATURES 
-----------------------------------------------*/
#locaties { padding: 0 10px 0 10px; }
#locatiezoeken { width: 0%; }
.locatiezoekregel1 { background-image: url(pix/locaties_zoekregel1.gif); background-repeat: repeat-x; }
.locatiezoekregel1 table { width: 0%; }
.locatiezoekregel1 td { font-weight: bold; color: #ffffff; text-transform: uppercase; padding:0 5px;}
.locatiezoekregel2 { background-image: url(pix/locaties_zoekregel2.gif); background-repeat: repeat-x; }
.locatiezoekregel3 { background-image: url(pix/locaties_zoekregel3.gif); background-repeat: repeat-x; }

/* CONTACT 
-----------------------------------------------*/
.contactfrm { padding: 0 10px 0 10px; }
.contactfrm img { padding: 0; margin: 0; }
.formbalkje { background-image: url(pix/form_balkje.gif); background-repeat: repeat-x; height: 19px; margin-bottom: 13px; }
.formbalkje .right { float: right; }
.formbalkje .left { float: left; }
#contactfrm td { vertical-align: top; font-weight: bold; width: auto; padding-left: 10px; }
#contactfrm .frmhr { height: 1px; background-color: #307cca; margin-bottom: 13px; }
#contactfrm input { width: 235px; height: 18px; font-weight: normal;  border: 0px; background-color: #e4f0fc; border: 1px solid #2677c6; margin-bottom: 13px;}
#contactfrm select { background-color: #e4f0fc; border: 1px solid #2677c6; }
#contactfrm .small { width: 45px; margin-right: 4px; height: 18px; font-weight: normal;  border: 0px; background-color: #e4f0fc; border: 1px solid #2677c6; margin-bottom: 13px;}
#contactfrm input.radio { width: 18px; height: 18px;  font-weight: normal; font-size: 0px; padding:0; margin: 0; background: none; border: 0px solid; }
#contactfrm input.checkbox { width: 18px; height: 18px;  font-weight: normal; font-size: 0px; padding:0; margin: 0; background: none; border: 0px solid; }
#contactfrm textarea { width: 235px; height: 150px; font-weight: normal;  border: 0px; background-color: #e4f0fc; border: 1px solid #2677c6; margin-bottom: 13px;}
#contactfrm select {  width: 235px; height: 18px; font-weight: normal;  border: 0px; background-color: #e4f0fc; border: 1px solid #2677c6; margin-bottom: 13px;}

#contactfrm div.verplicht { width: 4px; height: 4px; background: #e00; margin-top: 7px; }

/* FEEDBACK FORM 
-----------------------------------------------*/
.feedbackfrm { padding: 0 10px 0 10px; }
.feedbackfrm img { padding: 0; margin: 0; }
#feedbackfrm td { vertical-align: top; font-weight: bold; width: auto; padding-left: 10px; }
#feedbackfrm .frmhr { height: 1px; background-color: #307cca; margin-bottom: 13px; }
#feedbackfrm input { width: 235px; height: 18px; font-weight: normal;  border: 0px; background-color: #e4f0fc; border: 1px solid #2677c6; margin-bottom: 13px;}
#feedbackfrm select { background-color: #e4f0fc; border: 1px solid #2677c6; }
#feedbackfrm .small { width: 45px; margin-right: 4px; height: 18px; font-weight: normal;  border: 0px; background-color: #e4f0fc; border: 1px solid #2677c6; margin-bottom: 13px;}
#feedbackfrm input.radio { width: 18px; height: 18px;  font-weight: normal; font-size: 0px; padding:0; margin: 0; background: none; border: 0px solid; }
#feedbackfrm td.checkbox { font-weight: normal; padding: 0 0 10px 0; }
#feedbackfrm td.checkbox td { font-weight: normal; }
#feedbackfrm td.checkbox td.col-b { padding-left: 5px; }
#feedbackfrm input.checkbox { width: 18px; height: 18px;  font-weight: normal; font-size: 0px; padding:0; margin: 0; background: none; border: 0px solid; }
#feedbackfrm textarea { width: 235px; height: 150px; font-weight: normal;  border: 0px; background-color: #e4f0fc; border: 1px solid #2677c6; margin-bottom: 13px;}
#feedbackfrm select {  width: 235px; height: 18px; font-weight: normal;  border: 0px; background-color: #e4f0fc; border: 1px solid #2677c6; margin-bottom: 13px;}
#feedbackfrm select optgroup { padding: 0; margin: 0; } 
#feedbackfrm select optgroup option { padding: 0 0 0 10px; margin: 0; }

#feedbackfrm div.verplicht { width: 4px; height: 4px; background: #e00; margin-top: 7px; }


/* QUOTE
----------------------------------------------*/
#quote { margin: 0px; padding: 0px; }
#quote table { height: 49px; width: 520px; border: none; border-collapse: collapse; }
#quote td { padding: 5px 0px 5px 0px; font-weight: bold; font-style: italic; background-color: #d8e9fa; vertical-align: middle; text-align: left; }
#quote .links { width: 45px; background-image: url(pix/quote_left.gif); background-repeat: no-repeat; }
#quote .rechts { width: 55px; background-image: url(pix/quote_right.gif); background-repeat: no-repeat; background-position: bottom right; }

/* FAQ
----------------------------------------------*/
#faq h3 { margin: 0; }
#faq ul, #faq li { margin: 0; padding: 0; list-style: none; }
#faq ul { margin: 5px 0 10px 2px; }
#faq li { padding: 2px 0 2px 15px; background: url(pix/faq_li_0.gif) no-repeat left 5px; }
#faq li div { display: none; padding: 0 0 5px 0; }