/* CSS Document */
/* Accordeon-Galerie css */
/* (c) / written by Bert Riecken (www.tonbildtext.de) anno 2009 / all rights reserved */
/* dont use without link/comment to www.tonbildtext.de */
/**********************************************************************************************/
/* ### Grafik-Accordeon ### */
/**********************************************************************************************/

.accordeon-galerie {
	clear:left;
	text-align:center;
	height:auto;
}
.accordeon-galerie p {
	text-align:center;
}
.accordeon {
	padding:0;
	margin:0;
	list-style-type:none;
	overflow:hidden;
	border:1px solid #000;		/* border of accordeon */
	background:#1F4164;			/* bg-color of accordeon */
}
.accordeon-galerie ul {
	padding:0; 
	margin:0; 
}
.accordeon li {
	padding:0; 
	margin:0; 
	float:left;
}
.accordeon li a {
	padding:0; 
	margin:0;
	display:block; 
	text-decoration:none; 
	cursor:default;
}
.accordeon li a.small, .accordeon li a.thickbox {
	width:30px; 				/* width of small pic-previews (width + 1: add for border-right) ; also as parameter */
	border-left:1px solid #000000;		/* separation: right-border of img */
	overflow: hidden;
}
.accordeon li a.full {
 	width:auto;
}
.accordeon li a.last {
	width:260px;				/* width of last pic (default the pic with text) ; also as parameter */
	border-left:1px solid #000000;		/* separation: right-border of img */
}
.accordeon li a.last img {
	border:0px;
	margin: 0px;
	padding: 0px;
}
.accordeon li a img {
	padding:0; 
	margin:0;
	width:auto;
	border:0px;
}
.accordeon li a.small:hover, .accordeon li a.thickbox:hover {
	width:auto;
	cursor:pointer;
}
.accordeon li a:hover img {
	width:auto;
	border-left:4px solid #000000;		/* separation: right-border of img */
	border-right:4px solid #000000;		/* separation: right-border of img */
}
.accordeon li a.last:hover img {
	width:auto;
	border-left:0px solid #000000;		/* separation: right-border of img */
	border-right:0px solid #000000;		/* separation: right-border of img */
}