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


/* container bildergalerie rot innen */
#container {
	position:absolute;
	width:820px;
	height:640px;
	/*margin:0px auto 0 20px;*/
	border:0px solid #aaa;
	background:url();
	top: 0px;
	left: 220px;
	
	background-position: 110px 20px;
	background-repeat: no-repeat;
	background-color: #999999;
}

/* thumbs 3spaltig width:297px BREITE+PosLiRe thumbs*/
#container ul {
	width:268px; 
	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 bilderGROSS LiRe BOrder Thumb MouseOver-bordermuss1*/
#container a.gallery:hover {border:solid 1px #403b33;}
#container a.gallery:hover span {
	position:absolute;
	width:500px;
	height:675px;
	top:20px;
	left:15px;
	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:5px;}
/*#container a.slideb:hover img, #container a.slidei:hover img {float:right;} BOrderBigImg*/


/*thumbnail anfang HEIBREI thumbs*/
#container a.slidea {background:url(o.T.Annasml.jpg); height:135px; width:100px;}

#container a.slideb {background:url(o.T.Erikasml.jpg); height:135px; width:100px;}

#container a.slidec {background:url(o.T.Gretesml.jpg); height:135px; width:100px;}

#container a.slided {background:url(o.T.Karlsml.jpg); height:135px; width:100px;}

#container a.slidee {background:url(o.T.Margarethesml.jpg); height:135px; width:100px;}

#container a.slidef {background:url(o.T.Olgasml.jpg); height:135px; width:100px;}


/*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;
}