/* -------------------------------------------------
Fotoboek container
---------------------------------------------------*/ 

.fotoboeken_container {
   width:740px;;
   height:800px;
   border-style:solid;
   text-align:left;
   margin-left:-20px;
}

/* -------------------------------------------------
Fotoboek Pagina Header 
---------------------------------------------------*/ 
.fotoboeken_header_container{
    width:100%;
    margin-top:0px;
    color:#00513F;
    border-style:solid;
    padding-bottom:30px;
}
.fotoboeken_header_titel{
    float:left;
    padding-left:15px;
    font-size: 25px; 
}
.fotoboeken_header_terug{
    float:right;
    font-size: 25px; 
    padding-right:20px;
}
.fotoboeken_header_terug A {
    font-size: 17px; 
}

/* -------------------------------------------------
Fotoboek Blokken
---------------------------------------------------*/ 
.fotoalbum_container, .fotoboek_container, .foto_container {
    float:left;
    border-style:solid;
    border-width:1px;
    background-color:#e4f0e4;
    width:200px;
    height:175px;
    margin: 15px;
}
.foto_container {
    height:150px;
}

.fotoboek_label {
    position:absolute;
    background-color: #00513F;
    border-bottom-style:dashed;
    border-color:white;
    border-width:1px;
    color:white;   
    overflow:hidden;
    height:25px;
    width:200px;;
}

.fotoboek_label_padding{
    padding:3px;
}

.fotoboek_icon_boek {
    position:absolute;
    margin-top:48px;
    margin-left:73px;
}
.fotoboek_icon_map {
    position:absolute;
    margin-top:90px;
    margin-left:98px;
    width:100px;
}

.foto_icon_map {
    border-style:none;
    width:180px;
    height:150px;
}
   

.fotoboek_icon_achtergrond_container {
    position:absolute;
    height:120px;
    width:150px;
    margin-top:25px;
}

/* De foto's zelf */
.foto_container img {
    position:absolute;
    width:200px;
    height:150px;
    padding:0px;
    margin:0px;
}
.foto_label {
    background-color: #585858;
    overflow:hidden;
    color:white;
    height:25px;
    border-top-style:dashed;
    border-width:1px;
    border-color:white;
    margin-top:150px;
}
.foto_label_padding {
    padding-left :3px;
}


/* polaroid's maken voor de achtergrond  
               <div class='fotoboek_polaroid'>
                  <div class="fotoboek_polaroid_inhoud"><img src="<?=$ar['Thumbnail_url']?>">aa</div>
               </div>
*/
.fotoboek_polaroid {
    width:50px;
    height:30px;
    float:left;
    padding:5px;
    background-color:white;
    border-style:solid;
    border-color:black;
    border-width:1px;
    margin-left:4px;
    margin-top:5px;
} 
.fotoboek_polaroid_inhoud_map img {
    width:50px;
    height:30px;
}              

.fotoboek_polaroid_inhoud_boek {
    margin-left:0px;
    font-size:10px;
    width:50px;
    height:30px;
    overflow:hidden;
}