.dmxGallery
{
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.dmxGallery .dmxImageHolder
{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.dmxGallery .dmxWaiting
{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-image: url(indicator_mozilla_blu.gif);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 25;
}


.dmxGallery a.dmxNext, .dmxGallery a.dmxPrevious, .dmxGallery a.dmxPlay, .dmxGallery a.dmxPause
{
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 20;
}

.dmxGallery a.dmxNext span, .dmxGallery a.dmxPrevious span, .dmxGallery a.dmxPlay span, .dmxGallery a.dmxPause span
{
	display: none;
}

.dmxGallery a.dmxPrevious
{
	bottom: 5px;
	left: 2px;
	width: 40px;
	height: 40px;
	background-image: url( 'none' );
	background-position: left top;
}
.dmxGallery a.dmxPrevious:hover
{
	background-image: url( 'none' );
}

.dmxGallery a.dmxPlay
{
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background-image: url( 'none' );
	background-position: right top;
}
.dmxGallery a.dmxPlay:hover
{
	background-image: url( 'none' );
}

.dmxGallery a.dmxPause
{
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background-image: url( 'none' );
	background-position: right top;
}
.dmxGallery a.dmxPause:hover
{
	background-image: url( 'none' );
}

.dmxGallery a.dmxNext
{
	position: absolute;
	bottom: 5px;
	right: 2px;
	width: 40px;
	height: 40px;
	background-image: url( 'none' );
	background-position: right top;
}
.dmxGallery a.dmxNext:hover
{
	background-image: url( 'none' );
}

/* this is the original list */
.dmxGallery .dmxImageHolder ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.dmxGallery .dmxImageHolder ul li
{
	padding: 0;
	margin: 0;
}

.dmxGallery .dmxImageHolder ul li h3, .dmxGallery .dmxImageHolder ul li p
{
	display: none;
}

.dmxGallery .imageContainer
{
	overflow: hidden;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.dmxGallery .imageMainContainer
{
  border: 1px solid #444444;
}

.dmxGallery .imageMainContainer:hover
{
}

/* this is the thumbnail holder */
.dmxThumbList
{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	height: auto;
	line-height: 0px;
	overflow: hidden;
	z-index: 15;
}

.dmxThumbList ul
{
	position: absolute;
	padding: 0;
	list-style-type: none;
	margin: 0;
	height: 100%;
	white-space: nowrap;
}

.dmxThumbList ul li
{
	padding: 0;
	margin: 0;
	float: left;
	clear: none;
	display: block;
	display: table-cell;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.dmxThumbListVertical ul li
{
	padding: 0;
	margin: 0;
	clear: both;
	display: block;
	display: table-cell;
	vertical-align: middle;
	background-repeat: no-repeat;
}


.dmxThumbList ul li a
{
	float: left;
	padding: 0;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0px solid #444444;
}

.dmxThumbList ul li a.selected
{
	border: none;
}

.dmxThumbList ul li a:hover
{
	border: none;
}

.dmxThumbList a.dmxNext, .dmxThumbList a.dmxPrevious
{
	position: absolute;
	display: block;
	z-index: 20;
}

.dmxThumbList a.dmxNext span, .dmxThumbList a.dmxPrevious span
{
	display: none;
}

.dmxThumbList a.dmxPrevious
{
	bottom: 25px;
	left: 2px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-image: url( 'none' );
	background-position: left top;
}
.dmxThumbList a.dmxPrevious:hover
{
	background-image: url( 'none' );
}

.dmxThumbList a.dmxNext
{
	position: absolute;
	bottom: 25px;
	right: 2px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-image: url( 'none' );
	background-position: right top;
}
.dmxThumbList a.dmxNext:hover
{
	background-image: url( 'none' );
}

.dmxThumbListVertical  a.dmxPrevious
{
	top: 5px;
	left: 50%;
	margin-left: -20px;
	background-image: url( 'none' );
}

.dmxThumbListVertical  a.dmxPrevious:hover
{
  background-image: url( 'none' );
}

.dmxThumbListVertical  a.dmxNext
{
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
  background-image: url( 'none' );	
}

.dmxThumbListVertical  a.dmxNext:hover
{
  background-image: url( 'none' );	
}


/* this is the thumbnail holder */


.dmxGallery .message
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 6px;
	height: 22px;
	display: none;
	background-color: #f00;
	color: #fff;
	font-family: Georgia, arial;
	font-size: 10px;
	z-index: 15;
	opacity: 0.5;
}

.dmxGallery .imageCaption
{
	position: absolute;
	display: block;
	font-family: times;	
	background-color: #fff;
	font-size: 1em;
	height: 60px;
	bottom: 0;
	z-index: 15;
	padding: 10px;
}

.dmxGallery .imageCaption h3
{
	margin: 0;
	padding: 0;
}

.dmxGallery .imageCaption p
{
	margin: 0;
	padding: 0;
}
<div class="dmxGallery" id="cssGallery1">
<ul>
<li><img src="images/proef_gallery/_MG_0562.jpg" width="318" height="480" class="image" alt="" /> </li>
<li><img src="images/proef_gallery/_MG_0656.jpg" width="318" height="480" class="image" alt="" /></li>
<li><img src="images/proef_gallery/_MG_0595.jpg" width="318" height="480" class="image" alt="" /></li>
<li><img src="images/proef_gallery/_MG_0667.jpg" width="318" height="480" class="image" alt="" /></li>
<li><img src="images/proef_gallery/_MG_0689.jpg" width="318" height="480" class="image" alt="" /></li>
<li><img src="images/proef_gallery/_MG_1620.jpg" width="318" height="480" class="image" alt="" /></li>
</ul>
</div>
<div class="dmxThumbList" id="cssGallery1_thumb">
<ul>
<li><img src="images/proef_gallery/thumbs/_MG_0562.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_0656.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_0595.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_0667.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_0689.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_1620.jpg" width="53" height="80" alt="" /></li>
</ul>
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#cssGallery1").dmxGallery(
         {
            width: 420,
            height: 640,
            thumbWidth: 95,
            thumbHeight: 80,
            thumbPadding: 5,
            thumbHolderHeight: 80,
            thumbHolderPosition: 'bottom',
            thumbShowOnHover: false,
            captionPosition: 'top',
            playerDelay: 8,
            autoPlay: true,
            autosize: true,
            captionOpacity: 40,
            imgIndex: 0,
            preloadTreshold: 2,
            currentImage: 0
        }
       );
     }
 );
  // ]]>
</script>
<div class="dmxGallery" id="cssGallery1">
<ul>
<li><img src="images/proef_gallery/_MG_0562.jpg" width="318" height="480" class="image" alt="" /> </li>
<li><img src="images/proef_gallery/_MG_0656.jpg" width="318" height="480" class="image" alt="" /></li>
<li><img src="images/proef_gallery/_MG_0595.jpg" width="318" height="480" class="image" alt="" /></li>
<li><img src="images/proef_gallery/_MG_0667.jpg" width="318" height="480" class="image" alt="" /></li>
<li><img src="images/proef_gallery/_MG_0689.jpg" width="318" height="480" class="image" alt="" /></li>
<li><img src="images/proef_gallery/_MG_1620.jpg" width="318" height="480" class="image" alt="" /></li>
</ul>
</div>
<div class="dmxThumbList" id="cssGallery1_thumb">
<ul>
<li><img src="images/proef_gallery/thumbs/_MG_0562.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_0656.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_0595.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_0667.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_0689.jpg" width="53" height="80" alt="" /></li>
<li><img src="images/proef_gallery/thumbs/_MG_1620.jpg" width="53" height="80" alt="" /></li>
</ul>
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#cssGallery1").dmxGallery(
         {
            width: 420,
            height: 640,
            thumbWidth: 95,
            thumbHeight: 80,
            thumbPadding: 5,
            thumbHolderHeight: 80,
            thumbHolderPosition: 'bottom',
            thumbShowOnHover: false,
            captionPosition: 'top',
            playerDelay: 8,
            autoPlay: true,
            autosize: true,
            captionOpacity: 40,
            imgIndex: 0,
            preloadTreshold: 2,
            currentImage: 0
        }
       );
     }
 );
  // ]]>
</script>