/************************/
/*   css for stamm      */
/*                      */
/*     imageGallery     */
/* written and composed */
/*  by markus erdmann   */
/*   2008 esense gmbh   */
/*                      */
/************************/

/***  ***/

.mainImage img {
position:relative;
top:0px;
left:0px;
padding:0;
margin:0 0 20px 0;
line-height:0;
}

/*** thumb styles ***/

.imageThumbs {
position:relative;
margin-left:-12px;
width:381px;
padding:10px 0px 0px 0px;
background:transparent url(../pics/point-line.gif) 0px 0px no-repeat;
}

.imageThumbs li {
list-style-type:none;
float:left;
padding:0  0 12px 12px;
width:30px;
height:30px;
overflow:hidden;
}

.imageThumbs li img {
padding:0;
margin:0;
line-height:0;
}

.pxView {
filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}  

.pxHide {
filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;
}

.pxHide:hover {
filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}

/*** hide description (thumb) ***/

.hideDescr {
visibility: hidden;
display:none;
} 

.showDescr {
visibility: visible;
display:block;
padding:0;
margin:0;
}

.showDescr p {
font-size: 12px;
line-height: 15px;
padding:0;
margin:0;
}

.showDescr p a {
font-size: 12px;
line-height: 15px;
color: #e33833;
font-weight:normal;
text-decoration: none;
}

.showDescr p a:hover {
color: #000;
}

.showDescr a {
font-size: 12px;
line-height: 15px;
color: #e33833;
font-weight:bold;
text-decoration: none;
}

.showDescr a:hover {
color: #000;
}

.fileContainer {
position:relative;
top:0px;
left:0px;
margin:15px 0 15px 0;
padding:0 0 3px 0;
float:left;
display:block;
width:370px;
border-bottom:1px solid #717171;
}

.showDescr .fileType {
position:relative;
top:0px;
left:0px;
margin:3px 0 0 0;
float:left;
}

.showDescr .extention {
font-size: 12px;
line-height: 15px;
color:#717171;
font-weight:normal;
}

/*** galleryNav ***/

.galleryNav {
position:relative;
top:-40px;
left:-83px;
height:0px;
width:51px;
}

.galleryPrev a {
position:relative;
top:0px;
left:0px;
height:17px;
width:17px;
float:left;
background:transparent url(../pics/stamm_pervious_button.gif) 0 0 no-repeat;
}

.galleryPrev a:hover {
background:transparent url(../pics/stamm_pervious_hover_button.gif) 0 0 no-repeat;
}

.galleryNext a {
position:relative;
top:0px;
left:0px;
height:17px;
width:17px;
float:right;
background:transparent url(../pics/stamm_next_button.gif) 0 0 no-repeat;
}

.galleryNext a:hover {
background:transparent url(../pics/stamm_next_hover_button.gif) 0 0 no-repeat;
}

/*** end of css ***/