/* CSS Document */ 
html, body{ 
 font-family:Tahoma;
 font-size:12px;
 margin:0; 
 padding:0; 
 text-align:left; 
 } 
 
body {background-color:
#009cc7}

hr{color:#FFCC00}

td.home { padding-left:4px; background-color:#f5f5f5; border-bottom:1px dashed #A3ACBA; border-top:1px solid #f5f5f5; border-right:1px solid #f5f5f5; }

#paginabreedte{ 
 width:96%;
 margin-top:2%; 
 margin-left:2%; 
 margin-right:2%; 
 text-align:left; 
 min-width: 500px; 
 } 

#boven{ 
 height:86px; 
 width:100%; 
 background-color:#DEEAF1; 
 } 

#buitenkantboven{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 199px ;  /* breedte linkerkolom: rand verbergen in NN4 */ 
 border-left-color: #F0FCFC;   /* kleur linkerkolom */ 
 border-left-style: solid; 
 /*/*/ border-right-width: 0px; /* breedte rechterkolom: rand verbergen in NN4 */ 
 border-right-color: #DEEAF1;  /* kleur rechterkolom */ 
 border-right-style: solid; 
 background-color: #DEEAF1; /* kleur midden */ 
 width: auto; 
 }

#binnenkantboven {margin:0; width:100%;}

#buitenkantboven>#binnenkantboven { border-bottom: 1px solid #F0FCEC;  }

#linkerkolomboven{
 width:199px; 
 float:left; 
 position:relative; 
 margin-left:-199px; 
 margin-right:1px; 
 }

#middenboven{ 
 float: left; 
 width: 100%;
  position: relative; 
 margin: 0 0px 0 -2px; 
 }
 
#rechterkolomboven{
 width:0px; 
 float:right; 
 position:relative; 
 margin-right:-2px; 
 margin-left:1px; 
 } 

#boven .inhoud{padding-bottom:0;} /*padding bottom 0 om spatie in IE5 Mac te verwijderen*/ 

#boven1{ 
 height:19px; 
 width:100%; 
 background-color:#F0FCFC;
 } 

#buitenkantboven1{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 199px ;  /* breedte linkerkolom: rand verbergen in NN4 */ 
 border-left-color: #F0FCFC;   /* kleur linkerkolom */ 
 border-left-style: solid; 
 /*/*/ border-right-width: 350px; /* breedte rechterkolom: rand verbergen in NN4 */ 
 border-right-color: #DEEAF1;  /* kleur rechterkolom */ 
 border-right-style: solid; 
 background-color: #DEEAF1; /* kleur midden */ 
 width: auto; 
 }

#binnenkantboven1 {margin:0; width:100%;}
 
#buitenkantboven1>#binnenkantboven1 { border-bottom: 1px solid #F0FCEC;  }

#linkerkolomboven1{
	width:199px;
	float:left;
	position:relative;
	margin-left:-199px;
	margin-right:1px;
 }

#middenboven1{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
 }
 
#rechterkolomboven1{
 width:350px; 
 float:right; 
 position:relative;
 text-align: right; 
 margin-right:-350px; 
 margin-left:1px; 
 } 

#boven1 .inhoud{padding-bottom:0;} /*padding bottom 0 om spatie in IE5 Mac te verwijderen*/ 

#buitenkant{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 199px ;  /* breedte linkerkolom: rand verbergen in NN4 */ 
 border-left-color: #F0FCFC;   /* kleur linkerkolom */ 
 border-left-style: solid; 
 /*/*/ border-right-width: 2px; /* breedte rechterkolom: rand verbergen in NN4 */ 
 border-right-color: #DEEAF1;  /* kleur rechterkolom */ 
 border-right-style: solid; 
 background-color: #FFFFFF; /* kleur midden */ 
 width: auto;
 height: 1050px; 
 } 

#binnenkant{margin:0; width:100%;}
 
#buitenkant>#binnenkant { border-bottom: 1px solid #DEEAF1;  }

#linkerkolom{
	width:199px;
	float:left;
	position:relative;
	margin-left:-199px;
	margin-right:1px;
 }

#linkerkolomfoto{
	width:199px;
	float:left;
	position:relative;
	margin-left:0px;
	margin-right:1px;
	left: 0px;
 }

#midden{ 
 float: left; 
 width: 100%; 
 position: relative; 
 }

#inhoudmidden {
	width:96%;
	float:left;
	position:absolute;
	margin-left: 0px;
	margin-top: 0px;
	height:auto;
	left: 8px;
	top: 30px;
	text-align: justify;
 }

#rechterkolom{
	width:215px;
	padding:3px;
	position:absolute;
	left: 352px;
	top: 70px;
	height: 400px;
	font-size: 12px;
	background-color: #E7E7F3;
	font-family: "Times New Roman", Times, serif;
 }
 
#rechterkolom1{
	width:200px;
	float:right;
	position:absolute;
	margin-right:-2px;
	left: 355px;
	top: 30px;
	height: 30px;
 }  
 
#onder{
	height:46px;
	width:96%;
	margin-top:0%;
	margin-left:2%;
	margin-right:2%;
	text-align: left;
	min-width: 725px;
	font-size:10px;
	background-color:#F0FCFC;
 } 

#onderimg1{
	height:44px;
	width:56px;
	float:left;
	position:relative;
	margin-top:2px;
	margin-left:5px;
	background-color:#F0FCFC;
 } 

#ondertxt1{
	height:44px;
	width:200px;
	float:left;
	position:relative;
	margin-top:2px;
	margin-left:5px;
	text-align:justify;
	background-color:#F0FCFC;
 } 

#onderimg2{
	height:44px;
	width:44px;
	float:left;
	position:relative;
	margin-top:2px;
	margin-left:35px;
	background-color:#F0FCFC;
 } 

#ondertxt2{
	height:44px;
	width:200px;
	float:left;
	position:relative;
	margin-top:2px;
	margin-left:0px;
	text-align:justify;
	background-color:#F0FCFC;
 } 

 
#linkerkolomfoto {
	width:199px;
	float:left;
	position:absolute;
	margin-left: 5px;
	margin-top: 0px;
	height:71px;
	left: 0px;
	top: 0px;
 }
 
#google {
	width:199px;
	float:left;
	position:absolute;
	margin-left: 5px;
	margin-top: 0px;
	height:204px;
	left: 0px;
	top: 72px;
 }
 
#leftnav {
	width:185px;
	float:left;
	position:absolute;
	margin-left: 5px;
	margin-top: -25px;
	height:313px;
	left: 0px;
	top: 130px;
	z-index: 36;
	overflow: visible;
 }

#leftnav1 {
	width:185px;
	float:left;
	position:absolute;
	margin-left: 5px;
	margin-top: -25px;
	height:313px;
	left: 0px;
	top: 130px;
	z-index: 933;
	overflow: visible;
 }


#flashcontent {
	width:145px;
	height:200px;
	float: left;
	position: relative;
	left: 10px;
	top: 17px;
 }


#menu {
	width:100%;
	float:right;
	position:absolute;
	margin-right: 0px;
	margin-top: 0px;
	height:27px;
	left: 0px;
	top: 0px;
	z-index:35;
	background-color: #DEEAF1;
 }

#facebox {      /* overlay is hidden before loading */     display:none;      
                /* standard decorations */     width:860px;         border:10px solid #666;      
                /* for modern browsers use semi-transparent color on the border. nice! */      border:10px solid rgba(82, 82, 82, 0.698);      
				/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */     -moz-border-radius:8px;     -webkit-border-radius:8px; }  


#facebox div {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}  

.kandidaat {background-image:url(../img/kandidaat_pleegouders_li_gr.jpg);
	background-repeat: no-repeat;
}
 
.kind {background-image:url(../img/kindjes_li_gr.jpg);
	background-repeat: no-repeat;
}

.pleegkind {
	background-image:url(../img/pleegkinderen_li_gr.jpg);
	background-repeat: no-repeat;
}

.pleegouder {
	background-image:url(../img/pleegouders_li_gr.jpg);
	background-repeat: no-repeat;
}

.ouder {
	background-image:url(../img/ouders_li_gr.jpg);
	background-repeat: no-repeat;
}

.opvang {
	background-image:url(../img/opvang_li_gr.jpg);
	background-repeat: no-repeat;
}

.stap {background-image:url(../img/ga%20je%20mee%20op%20stap_li_gr.jpg);
	background-repeat: no-repeat;
}

.clrr{clear:right;}

.clr{clear:both;}

.inhoud{padding:5px;} /*padding for inhoud */ 
.inhoud_1{ padding-left:4px; padding-right:4px; }
 
.foto{
	padding:1px;
	float:left;
	text-align: center; 
} /*padding for foto */ 



/* opmaak html CSS document */
p, br { font-family: Tahoma; font-size: 12px; color: #333333; font-weight: normal;}

H1 {font-family: Tahoma; font-size: 16px; color: #666666; font-weight: bold; }
H2 {font-family: Tahoma; font-size: 14px; color: #5B80AA; font-weight: bold; }
H3 {font-family: Tahoma; font-size: 14px; color: #EAA560; font-weight: bold; }
H4 {font-family: Tahoma; font-size: 14px; background: #FFE4C4; color: #000000; font-weight: normal;}
H5 {font-family: Tahoma; font-size: 10pt; color: #5B80AA; font-weight: bold; }

.tah {font-family: Tahoma; font-size: 18px; font-weight: bold; }

.purpert {font-family: Tahoma; font-size: 18px; color: #851C2A; font-weight: bold; }
.blauwt {font-family: Tahoma; font-size: 12px; color: #5B80AA; font-weight: bold; }
.blauwt1 {font-family: Tahoma; font-size: 12px; color: #3333FF; font-weight: bold; }
.style3 {font-family: Tahoma; font-size: 10pt; color: #666666; background-color: #E7E7F3; font-weight: bold; }
.frametxt {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}
.center { text-align: center }
.links { text-align: left }
.rechts { text-align: right }
.schuin { font-style: italic }
.kleinhoofd { font-variant: small-caps }
.vet { font-weight: bold }
.lichter { font-weight: lighter }
.grootte1 { font-size: 100% }
.grootte2 { font-size: 150% }
.grootte3 { font : 14pt/18pt Arial}
.letterspatie { letter-spacing: 0.5em }
.onderlijn { text-decoration: underline }
.hoofdletter { text-transform: capitalize}
.inspringen { text-indent: 5em }
.verticalespatie { line-height: 200%}
.boord1 { border: thick double red}
.boord2 { border: thin dotted yellow}
.boord3 { border: groove 10em}
.boord4 { border: thick red }
.knopin { border: inset blue }
.knopuit { border: outset blue }

a:link {color: #5B80AA; text-decoration: none; }
a:visited {color: #5B80AA; text-decoration: none; }
a:hover { color: #54AC5A; text-decoration: none; }
a:active { color: #5B80AA; text-decoration: none; }

.class1 A:link {text-decoration: none; color:#851C2A; }
.class1 A:visited {text-decoration: none; color:#851C2A; }
.class1 A:active {text-decoration: none; color:#851C2A; }
.class1 A:hover {text-decoration: none; color:#54AC5A; background-color:#DEEAF1; font-weight:bold }

.floatleft  { float: left;  width: 360px; height: 40px; padding: 5px; margin: 1px; text-align: justify}

/* KLEUREN */
/* Beige kleuren       */
.datum_bg { background-color: #fdcb96; font-family: Tahoma; font-size: 10pt; color: #666666; font-weight: normal; }
.titel_bg { color: #EAA560; font-weight: bold; }

/* Blauwe kleuren      */
.blauw { color: #5B80AA; }
.li_bl { color: #DEEAF1; }
.med_bl { color: #87bbf0; }
.dk_bl { color: #3333FF; }
.datum_bl {
	background-color: #E7E7F3;
	font-family: Tahoma;
	font-size: 10pt;
	color: #666666;
	font-weight: normal;
}

.txt_bl {
	font-family: Tahoma;
	font-size: 10pt;
	color: #5B80AA;
}

.td_bl {
	background-color: #E7E7F3;
	font-family: Tahoma;
	font-size: 12px;
	font-weight:bold;
	background-color:#66CCFF;	
	color: #FFFFFF;
}

/* Bordeau kleuren       */
.purper { color: #851C2A; }

/* Beige kleuren       */
.li_bg { color: #fdcb96; }
.med_bg { color: #f9a752; }
.beige { color: #FFE4C4; }

/* Rode kleuren       */
.rood { color: #FF0000; }

/* Gele kleuren      */
.style1 {color:#FFFF00; }

/* Zwarte kleuren      */
.li_zw {color: #666666; }
.li_gr{ color: #e3dbca; }

/* Groene kleuren
kleur verticaal-menu #54AC5A
kleur pijl-menu #0BF91C 
*/

/*Ajax tekstwissel */
#tekst1 { /* stijl buitenste div (kader) */
position:absolute;
left: 4px;
top: 5px;
width: 200px;
height: 332px;
padding: 5px;
background-color: #E7E7F3;}

#tekst1 div { /* stijl binnenste div (tekst) */
	font-size: 10px;
	background-color: #E7E7F3;
	color: #851C2A;
	text-align:justify;
	padding: 3px;
	font-family: "Lucida Handwriting";
} /* bugfix voor IE6: zelfde achtergrondkleur instellen als hierboven */

.classnaam { } /* deze classnaam kan gebruikt worden in het tekstbestand indien alle opmaak dezelfde is */