/** 
 * s-at.ch
 * 
 * css style definitions for s-at.ch typo3-extension "gallery"
 * 
 * @author  Markus Howald 
 * @see     http://www.s-at.ch/portfolio
 * @copyright copyright(c) Klink GmbH
 * @date 2008-11-14
 * @media screen
 *
 * @colordef #8C7A61; grey
 * @colordef #009AC5; blue 
 */ 



/** 
 * @section general
 * 
 * general styles
 */ 
 
img {
	border:0;
}

* {
	margin:0;
	padding:0;
}


/** 
 * @section gallery
 * 
 * mainframe, wraps all
 */ 

.gallery {
	height:20.75em;
	margin-bottom:2em;
	width:37.5em;
}


/** 
 * @section image-box
 * 
 * image-box contains main-image
 * table/tr/td is used for vertical centering
 */ 

.image-box {
	height:18.75em;
	margin-bottom:1em;
	width:37.5em;
}

.image-box table td {
	height:18.75em;
	vertical-align:middle;
}


/** 
 * @section image-nav
 * 
 * 1-level navigation to browse trough the images/to change main-image
 */ 

.image-nav ul {
	height:0.75em;
	list-style:none;
}

.image-nav ul li {
	float:left;
	margin-right:0.5em;
}

.image-nav ul li a {
	background:url('../image/gallery/quad.gif') center center no-repeat; 
	display:block;
	height:16px;
	line-height:12px;
	text-decoration:none;
	width:16px;
}

.image-nav ul li a.active,
.image-nav ul li a:hover {
	background:url('../image/gallery/quad_f2.gif') center center no-repeat;
}