/* [easyALBUM] v 1.1.6 Copyright 2006, Thierry Koblentz - TJKDesign.com. all rights reserved. */
* {margin:0;padding:0}
html {font-size:100.1%;height:100.01%; font-family: Verdana, Helvetica, sans-serif;
}/* very important for Safari */



/********************** Main document *******************/

#wrapper {position:relative /* the DDs would bleed through */;border:0px solid #fff;border-right:0px solid #ccc;border-bottom:0px solid #999}
#bothcolumns {}
/* the Gallery (Unordered List) */
#gallery { float:left; margin-right:-2px;overflow:hidden;  /* FF .8 */;width:530px;background:#transparent; border:0px solid #D8D8D8;z-index:1/* IE Mac */ }
#gallery li {display:inline;overflow:hidden;height:80px}
#gallery li img {border:3px solid #fff;width:100px;height:75px;display:block;margin:0 auto;position:relative;z-index:10}
#gallery h2 {padding: 0 0px 0px  15px; margin:0px 0 3px 10px; background: url("../../../../images/viereck.gif") no-repeat 0 50%}

/* overflow:hidden will break FF 0.8 */ 
#gallery li a {display:block;float:left;height:81px !important /* IE5 Mac */;width:106px;position:relative;color:#fff}
#gallery li a:hover {color:#000; background:#D8D8D8} 
#gallery li a:hover img,
#gallery li a:focus img,#gallery li a:active img {border-color:#D8D8D8}
#gallery span {position:absolute;top:0;left:0;margin-top:2.2em;padding:0 3px;z-index:1}



/************************ The stuff *********************/

.transparent {opacity:.2;-moz-opacity:0.2}
.nonOpaque {opacity:1;-moz-opacity:1}
a.transparent {cursor:default}
a.nonOpaque {cursor:pointer}
#zDIV_slideShow a {color:#000;background-color:#fff}
#zDIV_slideShow {display:none;position:absolute;left:0;top:0 !important;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:0;z-index:10/* IE Mac */}
/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */
@media screen {#zDIV_slideShow {top:50% !important;height:440px;margin-top:-220px}}
#zA_previous,#zA_next,#zA_close {background:transparent !important}
#zA_previous img,#zA_next img,#zA_close img {border:0 !important;margin:5px 2px;margin-bottom:-20px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) ONLY NEEDED if vertical centering is not applied */}
#zA_title {color:black; padding:12px 3px; border:2px solid #D8D8D8;width:350px;margin:30px auto 0 auto;display:block; font-size:0.8em; text-decoration:none}
#zDIV_slideShow #zA_description {color:black; padding:0px 0px; border:0px solid #D8D8D8;width:0px; height:0; margin:0 auto;display:block; font-size:0.0em; text-decoration:none}
#zDIV_counter {display:block;width:0em;margin:0px auto;background:#333;color:#fff;padding:0px; width:0; height:0; font: 0em Verdana, Helvetica, sans-serif}
#zIMG {margin:15px 0 0px 0;padding:3px;background:#fff;border:2px solid #D8D8D8}
#zDIV_slideShow {padding-bottom:50px !important; /* to make sure FF does not cut-off the description below the image */
.hand {cursor:pointer}

* html #gallery {width:532px}
/* for IE5 both Win and Mac - will be reset in the IE6 CCS */
* html #zDIV_slideShow {background-color:#ececec}
/* for IE5 Win and Mac that don't do opacity at all IE */
* html a.transparent {visibility:hidden}
* html a.nonOpaque {visibility:visible}