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

div.hoofd, div.partner, div.kind {
   float: left;
   width: 130px;
   margin: 3px 5px 5px 0px; 
   padding: 3px;
   font-style: italic;
   font-size: 80%; 
   text-align: center;
   border: 1px solid black;  
}

div.hoofd {
   float: left;
   clear: left;
   margin-left: 5px;
}

div.partner {
   float: right;
   clear: right;  
   margin-right: 5px;
}

div.kind {
   float: left;
   margin-left: 5px;   
}

div.inhoud {
   margin: 0;
/* margin-right: 150px; */ 
}

div.vrij {
   clear: both;
   color: white;
   padding: 0;
   margin: 10px 0;
}

.Hoofd IMG, .Partner IMG, .Kind IMG {
   margin: 0;
   width: 120px;
}

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

/*================= FOTO-frame Extra =================*/

.PGgeneration {
   clear: both; 
/* width: 100%;  */
   margin: 0; 
   padding: 3px;
   border: 1px solid black; 
   background-color: #ae1109;
   color: #f9e9b0; 
}

.PGmainnumber {
   float: left; 
   margin: 3px 5px 0px 3px; 
   padding: 3px;
   text-align: center;
   font-size: 100%;  
   font-weight: bold;  
   background-color: #ae1109; 
   border: 1px solid black; 
   color: #f9e9b0;  
}

.PGchildrenheaderline {
   clear: both;
}


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

/*
GEBRUIKTE KLEUREN-SCHEMA VOOR HTML & CSS:
#f9e9b0 = beige
#333399 = donker blauw
#00ffff = fel blauw
#808080 = grijs
#dbf0fd = licht blauw
#ae1109 = rood 
#f98680 = roze
#ffffff = wit(=white)
#c0c0c0 = zilver
#000000 = zwart(=black)
#ffffe0 = licht geel 
*/