/*================= FOTO-frame HOOFD-Gedeelte =================*/

div.Hoofd, div.Partner, div.Kind {
   float: left;
   width: 130px;
   margin: 3px 5px 0px;     /* top - right/left - bottom */
   padding: 3px;
   font-style: italic;
   font-size: 80%; 
   text-align: center;
   border: 1px solid black;
   background-color: #ffffe0;   
}

div.Hoofd {
   clear: left;
}

div.Partner {
   float: right;
   clear: right;  
}

div.Kind {
   clear: left;
}

div.Hoofd IMG, div.Partner IMG, div.Kind IMG {
/* foto maten */
   margin: 0;
   width: 120px;
}

.Ouders IMG {
/* thumbnail maten */
   width: 14px;
   height: 14px;
}

.UGPC IMG {
/* mapje maten */
   width: 16px;
   height: 14px;
   padding: 1px 4px 0px;     /* top - right/left - bottom */
}

.Dossierstukken {
   font-style: italic;
   font-weight: bold;
   color: blue;
}

div.Vrij {
   clear: both;
   margin-bottom: 1em;
}

div.Opschuiven {
   padding: 3px;
   height: 0.5em;   
   margin-left: 140px;
}

/*==================== overschrijven CSS-MAIN - P22 =========================*/


div.PGkidschild {
   clear: both;
}

div.PGkidsnr, div.PGkidssex, div.PGkidstext {
   padding: 1px;
}

div.PGkidsnr{
   margin-left: 3.5em;
}

div.PGkidssex {
   margin-left: 1em;   
}

div.PGkidstext {
   margin-left: 145px;
}

div.Links{
   display: block;
   float: left;
   clear: left;
}

div.Rechts{
   display: block;
}


/*==================== overschrijven CSS-MAIN P15 ===========================*/

.PGgeneration {
   clear: both; 
   margin: 0; 
   padding: 3px; 
   border: 3px solid #808080;
   background-color: #00ffff;
   color: #000000;
}

.PGmainnumber {
   float: left; 
   margin: 3px 5px 0px 3px; 
   padding: 3px;
   text-align: center;
   font-size: 100%;  
   font-weight: bold;  
   border: 2px solid #808080; 
   background-color: #ffffe0; 
   color: #000000;  
}

.PGchildrenheaderline {
   clear: both;
}

/*===========================================================================*/