﻿#thumbBox{ /*Outermost DIV for thumbnail viewer, achtergrondkleur venster*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 3px;
padding-bottom: 0;
background: #f1a750;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .headerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: 12px Verdana;
color: white;
padding: 4px;
text-align: right;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: 8px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #f1a750;
padding: 5px;
z-index: 5;
}
/* Content - Portfolio Listing */
ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px; padding-left: 1px; line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; font-size:12px; color: #AAA; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ background-color: #ecf0f8; }
ul#portfolio-filter a.current{ background-color: #ecf0f8; }

ul#portfolio-list{ margin: 36px 0 0 0; padding: 0; list-style: none;  }
ul#portfolio-list li{ width: 165px; height: 150px; display: block; float: left; margin-right: 15px; margin-bottom:10px; overflow: hidden;  }
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; border: 1px solid #CDCDCD; background: #eee; }
ul#portfolio-list li p{ font-size: 11px; line-height: 15px; color: #999; margin: 5px 0; text-align:center; }

/* ### Mouse over effect portfolio */
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
