/* CSS Document */

#gallery {width:65px; float: right; height:620px; padding:15px 17px 0 60px;}

#gallery img.top {width:65px; height:65px; float: right; cursor:pointer; margin:0 -4px 0 0;}
#gallery img.bottom {width:65px; height:65px; float: right; cursor:pointer; margin:0 -4px 0 0;}

#gallery ul {width:65px; list-style:none; padding:0; margin:0; float:left; border:2px solid #2A2A2C; border-width:5px 2px;}
#gallery ul li {display:inline; width:65px; height:65px; float:left; margin:0 0 10px 0; border:1px solid #3C3C3D; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th12 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_gjengen_t.jpg);}
#gallery ul li.th11 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_dor_t.JPG);}
#gallery ul li.th10 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_opning1_t.jpg);}
#gallery ul li.th9 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_opning2_t.jpg);}
#gallery ul li.th8 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_opning3_t.jpg);}
#gallery ul li.th7 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_opning4_t.jpg);}
#gallery ul li.th6 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_opning5_t.jpg);}
#gallery ul li.th5 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_opning6_t.jpg);}
#gallery ul li.th4 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_lokal1_t.jpg);}
#gallery ul li.th3 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_lokal2_t.jpg);}
#gallery ul li.th2 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_lokal3_t.jpg);}
#gallery ul li.th1 {background:url(bilder/bilder_fra_utstillingen/thumbs/Molla_utstilling_omgiv_t.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:65px; height:65px;}

#gallery ul li span {width:545px; height: 80px; top: 545px; left: 290px; font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 1.1em; color: #7B7B7B; line-height: 1.6em; text-align: center; display: none; padding: 5px 3px 3px 3px; overflow: auto; position: absolute;}
   
#gallery ul li b { font-size: 1.2em; line-height: 1.6em; color:#9A9A9A; }

#gallery ul li.chosen {border-color:#7F7F81; cursor:default;}
#gallery ul li.chosen div {position:absolute; left: 290px; top: 5px; width:550px; height:545px; background:#2A2A2C; overflow:auto;}
#gallery ul li.chosen div i {width:550px; height:545px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; margin: 0 auto; border: 4px double #3C3C3D;}
#gallery ul li.chosen span {display:block;}


.bilde { background-color: #2A2A2C; }    
   
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */