/** CSS  File
* @Inhalt       container-galeriemassem
* @Autor       Stefan Tatendurst
* @copyright  Copyright 2012, Stefan Tatendurst
* @Website    www.apoloy.com
*
*
**/


/* container bildergalerie rot innen BGpic-HöWei*/
#container {
	position:absolute;
	width:950px;
	height:640px;
	/*margin:0px auto 0 20px;*/
	border:0px solid #aaa;
	background:url();
	top: 0px;
	left: 200px;
	
	background-position: 290px 80px;
	background-repeat: no-repeat;
	background-color: #999999;
}

/* thumbs 3spaltig width:297px BREITE thumbs+PosLiRe thumbs*/
#container ul {
	width:200px; 
	height:386px; 
	padding:0px;  
	margin:20px; 
	list-style-type:none; 
	float:right;
}

#container li {	float:left;}
/* standert ansicht bilder ausblenden */
#container a.gallery span {
	position:absolute;
	width:0px;
	height:0px;
	top:5px;
	left:5px;
	overflow:hidden;
	
}

/* thumbnail einfügen BORDER COLOR thumb!!!*/
#container a.gallery, #container a.gallery:visited {
	display:block;
	text-decoration:none;
	border:solid 1px #403b33;
	margin:1px;
	text-align:left;
	cursor:default;
	/*color: #604A44;*/
}

/* einstellung bildaustausch BOrder Thumb MouseOver*/
#container a.gallery:hover {border:solid 1px #403b33;}
#container a.gallery:hover span {
	position:absolute;
	width:675px;
	height:675px;
	top:20px;
	left:0px;
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#container a.gallery:hover img {border:0px solid #fff; float:right; margin-right:25px;}
/*#container a.slideb:hover img, #container a.slidei:hover img {float:right;}BILDbig-lire BOrderBigImg*/


/*thumbnail anfang HEIBREI thumbs*/
#container a.slidea {background:url(masse003sml.jpg); height:90px; width:60px;}
#container a.slideb {background:url(masse018sml.jpg); height:90px; width:60px;}
#container a.slidec {background:url(masse017sml.jpg); height:90px; width:60px;}



#container a.slided {background:url(masse002sml.jpg); height:90px; width:60px;}
#container a.slidee {background:url(masse001sml.jpg); height:90px; width:60px;}
#container a.slidef {background:url(masse016sml.jpg); height:90px; width:60px;}



#container a.slideg {background:url(masse006sml.jpg); height:90px; width:60px;}
#container a.slideh {background:url(masse007sml.jpg); height:90px; width:60px;}

#container a.slidei {background:url(masse014sml.jpg); height:90px; width:60px;}
#container a.slidej {background:url(masse005sml.jpg); height:90px; width:60px;}

#container a.slidek {background:url(masse004sml.jpg); height:90px; width:60px;}
#container a.slidel {background:url(masse015sml.jpg); height:90px; width:60px;}



/*thumbnail ende*/

#footer {
	border: solid 0px #403b33;
	height: 600px;
	left: 20px;
	overflow: auto;
	position: absolute;
	top: 20px;
	width: 200px;
	text-align: left;
	color: #FFFFFF;
}




/*höhe/links!!!!!!!!!!!!!!!!!!!!!!!wichtigsteEinstellung*/
.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}