/* De CSS is onderverdeeld in:
- CSS voor fotoalbumindex
- Kruimelspoor CSS
- CSS voor het weergeven van de thumbs
- CSS voor het weergeven van de foto's
*/


/* CSS voor fotoalbumindex */

.fotoalbumtitel {
display: block;
font-family: Verdana, Arial, helvetica, sans-serif;
font-weight: bold;
font-size: 20px;
}

.fotoalbumwelkomstekst {
display: block;
font-family: Verdana, Arial, helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
padding: 0px;
margin-bottom: 40px;
border-bottom: solid #E5E4E2 1px;
}

.fotoalbumwelkomstekst p {
padding: 0px;
margin: 0px;
padding-bottom: 4px;
}

.albumsinhetjaar {
display: block;
font-family: Verdana, Arial, helvetica, sans-serif;
color: #0070FF;
font-weight: bold;
font-size: 12px;
margin-top: 15px;
margin-bottom: 0px;
border-bottom: solid #E5E4E2 1px;
}

.albumbox {
display: inline-block;
clear: right;
width: 100%;
background-color: #E5E4E2;
margin-top: 15px;
margin-bottom: 10px;
padding: 2px;
border-bottom: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
}

.albumthumb {
float: left;
margin-right: 6px;
border: 0px;
}

a.linknaaralbum, a.linknaaralbum:visited, a.linknaaralbum:active, a.linknaaralbum:focus {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #318CE7;
text-decoration: none;
font-weight: bold;
}

a.linknaaralbum:hover {
text-decoration: underline;
}

.albumbeschrijving {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

.albumbeschrijving p {
margin-bottom: 0;
}


/* Einde CSS voor fotoalbumindex */


/* CSS voor afbeelding Terug */

#afbeeldingterugbox {
display: block;
}

.afbeeldingterug {
display: block;
margin-left: auto;
margin-right: auto;
height: 80px;
width: 80px;
margin-top: 10px;
border: 0;
}

#afbeeldingterugalttekst {
display: block;
width: 80px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 10px;
}

a.afbeeldingteruga, a.afbeeldingteruga:visited, a.afbeeldingteruga:active, a.afbeeldingteruga:focus {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #318CE7;
text-decoration: none;
font-weight: bold;
}

a.afbeeldingteruga:hover {
text-decoration: underline;
}

/* Einde CSS voor afbeelding Terug */


/* Kruimelspoor CSS */

.kruimelspoorblok {
display: block;
margin-bottom: 20px;
}

a.broodkruimel, a.broodkruimel:visited, a.broodkruimel:active, a.broodkruimel:focus {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #318CE7;
text-decoration: none;
font-weight: bold;
font-style: italic;
}

a.broodkruimel:hover {
text-decoration: underline;
}

.kruimelscheidingsteken {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-style: italic;
font-weight: bold;
}

.kruimellaatste {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-style: italic;
font-weight: bold;
}

/* Einde Kruimelspoor CSS */


/* CSS voor het weergeven van de thumbs */

.fotosinhetalbum {
display: block;
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #0070FF;
font-weight: bold;
}

.fotosinwelkalbum {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #0070FF;
font-weight: bold;
}

.fotoalbumbeschrijving {
display: block;
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
padding-bottom: 6px;
margin-bottom: 20px;
border-bottom: solid #E5E4E2 1px;
}

.thumbbox1 {
width: 100%;
text-align: center;
background-color: #E5E4E2;
padding-left: 0px;
padding-right: 0px;
padding-top: 12px;
padding-bottom: 0px;
margin: 0;
margin-left: auto;
margin-right: auto;
}

.thumbbox {
text-align: center;
display: block;
padding: 0px;
background-color: #E5E4E2;
margin: 0;
}

.thumbgeheel {
display: inline-block;
vertical-align: top;
margin: 8px;
padding: 0;
}

a.linknaarfoto:link, a.linknaarfoto:visited, a.linknaarfoto:active, a.linknaarfoto:focus {
display: block;
vertical-align: middle;
min-width: 170px;
background-color: #FFFFFF;
color: #000000;
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
border: 0px;
border-bottom: 1px solid #C0C0C0;
}

a.linknaarfoto:hover {
background-color: #FFFFFF;
border-bottom: 1px solid #808080;
border-right: 1px solid #808080;
padding-left: 4px;
padding-right: 4px;
padding-top: 9px;
padding-bottom: 9px;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

}

.thumbafbeelding {
vertical-align: middle;
/* Voor extra randje om foto kun je padding op 2 zetten en border op 1 */
padding: 0px;
border: 0px;
}

.thumbtoelichting {
display: block;
min-width: 170px;
background-color: #E5E4E2;
font-size: 10px;
color: #000000;
font-weight: normal;
padding: 5px;
}

.vorigevolgendebox {
display: block;
background-color: #E5E4E2;
margin-top: 12px;
}

a.vorigefotopagina, a.vorigefotopagina:visited, a.vorigefotopagina:active, a.vorigefotopagina:focus {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #318CE7;
text-decoration: none;
}

a.vorigefotopagina:hover {
text-decoration: underline;
}

a.volgendefotopagina, a.volgendefotopagina:visited, a.volgendefotopagina:active, a.volgendefotopagina:focus {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #318CE7;
text-decoration: none;
}

a.volgendefotopagina:hover {
text-decoration: underline;
}

a.nummervolgendefotopagina, a.nummervolgendefotopagina:visited, a.nummervolgendefotopagina:active, a.nummervolgendefotopagina:focus {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #318CE7;
text-decoration: none;
}

a.nummervolgendefotopagina:hover {
text-decoration: underline;
}

.nummerhuidigepagina {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

.streepjefotopnumpag {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

/* Einde CSS voor het weergeven van de thumbs */



/* CSS voor het weergeven van de foto's */

.fotoalbumtitelfoto {
display: block;
font-family: Verdana, Arial, helvetica, sans-serif;
font-weight: bold;
font-size: 20px;
}


#fotobox {
text-align: center;
/* ------------ als je dit weglaat strekt het grijze vlak zich uit over de gehele breedte------------ */
width: 600px;
margin-left: auto;
margin-right: auto;
/* Einde tot als je dit weglaat */
background-color: #E5E4E2;
padding: 0px;
border: 1px solid #C0C0C0;
}

#boxomfoto {
width: 600px;
margin-left: auto;
margin-right: auto;
/* achtergrondkleur tijdens het laden van foto's en linker en rechterzijkleur voor smalle foto's */
background-color: #E5E4E2;
}

/* display: block niet verwijderen vanwege XHTML strict mode !
zie: http://www.quirksmode.org/css/quirksmode.html#t15 */
.foto {
display: block;
margin-left: auto;
margin-right: auto;
border: 0;
}

#fototoelichting {
display: block;
width: 600px;
margin-left: auto;
margin-right: auto;
font-size: 10px;
color: #000000;
background-color: #FFFFFF;
}

.vorigevolgendeboxfoto {
display: block;
width: 596px; /* breedte min 2x padding */
margin-left: auto;
margin-right: auto;
background-color: E5E4E2;
padding: 2px;
}

a.vorigefoto, a.vorigefoto:visited, a.vorigefoto:active, a.vorigefoto:focus {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #318CE7;
text-decoration: none;
}

a.vorigefoto:hover {
text-decoration: underline;
}

a.volgendefoto, a.volgendefoto:visited, a.volgendefoto:active, a.volgendefoto:focus {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #318CE7;
text-decoration: none;
}

a.volgendefoto:hover {
text-decoration: underline;
}

a.nummervolgendefoto, a.nummervolgendefoto:visited, a.nummervolgendefoto:active, a.nummervolgendefoto:focus {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #318CE7;
text-decoration: none;
}

a.nummervolgendefoto:hover {
text-decoration: underline;
}

.nummerhuidigefoto {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

.streepjefotofnumfoto {
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}


/* Einde CSS voor het weergeven van de foto's */