/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}

/* style the outer containing div to fit the landscape, portrait and buttons */
#album {
width:500px;
height:208px;
background: url(http://www.kimono-berlin.de/Das_Buch_zum_Kimono/i/kimono-buch-1.jpg) no-repeat right;
border: 0px solid #aaa;
margin:0 auto;
}

#buch {
background: white url(http://www.kimono-berlin.de/Das_Buch_zum_Kimono/i/golden-back.jpg) no-repeat left;
border: 1px solid #990000;
height: 370px;
margin-top: 17px;
}

/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0;
margin:0 0 0 0;
list-style-type:none;
position:relative;
width:500px;
}

/* remove the default image border */
.gallery img {
border: 0px solid #990000;
}

/* make the list horizontal */
.gallery li {
float:left;
font: 20px "Helvetica Neue", Verdana, Helvetica, Geneva, sans-serif;
}

/* style the link text to be central in a surrounding box */
.gallery li a {
font-size:11px;
float:left;
text-decoration:none;
color:#F9911B;
text-align:center;
width:18px;
height:18x;
line-height:20px;
border:1px solid #F9911B;
margin:2px;
font-weight: bold;
background: #990000;
}

/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute;
top:-400px;
left:0;
visibility:hidden;
border:0;
}

/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:29px;
left:100px;
}

/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:50px solid #eee;
border-right:50px solid #eee;
}

/* style the hover background color for the text boxes */
.gallery li a:hover, .gallery li a:visited {
background:#F9911B;
color: #990000;
font-weight: normal;
border:1px solid #990000;
}

/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background: #990000;
color: #F9911B;
font-weight: bold;
border:1px solid #990000;
}

/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}