a, a:visited, a:hover, a:active {
color:#000;
}

#album {
width:700px; 
height:550px; 
background:#eee;
border:1px solid #aaa;
margin:0 auto;
}

.gallery {
padding:156px 0 0 30px; 
margin:320px 0 0 0px; 
list-style-type:none; 
position:relative; 
width:650px;
}


.gallery img {
border:0;
}

.gallery li {
float:left;
}

.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}

.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
}

.gallery li a img.landscape {
top:-308px;
border-left:11px solid #eee;
}


.gallery li a img.landscape2 {
top:-308px;
border-left:50px solid #eee;
}

.gallery li a img.portrait {
top:-308px;
border-left:200px solid #eee;
left:0;
}

.gallery li a img.portrait2 {
top:-308px;
border-left:181px solid #eee;
left:0;
}

.gallery li a img.portrait3 {
top:-308px;
border-left:194px solid #eee;
left:0;
}

.gallery li a:hover {
background:#ddd;
}

.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}

.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}


span {
font-family: Small Fonts;
font-size: 10;
}


#inhoud {
text-align: center;
min-height: 550px;
min-width: 700px;
}


#footer {
padding-top: 5px;
}


#xouter{
height: 100%;
width: 100%;
display: table;
vertical-align: middle;
}


#xcontainer {
text-align: center;
position: relative;
vertical-align: middle;
display: table-cell;
height: 550px;
}	


#xinner {
width: 700px;
height: 550px;
text-align: center;
margin-left: auto;
margin-right: auto;
position: relative;
}