/** CSS  File
* @Inhalt       container-galeriebewegt
* @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(beweg01intro.jpg);
	top: 0px;
	left: 200px;
	
	
	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;
	border:0px solid #aaa;
}

#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*/
#container a.gallery:hover {border:solid 1px #403b33;}
#container a.gallery:hover span {
	position:absolute;
	width:625px;
	height:675px;
	top:20px;
	left:30px;
	color:#999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:0px solid #aaa;
}
#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(bewegt001sml.jpg); height:71px; width:100px;}
#container a.slideb {background:url(bewegt002sml.jpg); height:71px; width:100px;}


#container a.slidec {background:url(bewegt003sml.jpg); height:71px; width:100px;}
#container a.slided {background:url(bewegt004sml.jpg); height:71px; width:100px;}

#container a.slidee {background:url(bewegt005sml.jpg); height:71px; width:100px;}
#container a.slidef {background:url(bewegt006sml.jpg); height:71px; width:100px;}

#container a.slideg {background:url(bewegt007sml.jpg); height:71px; width:100px;}
#container a.slideh {background:url(bewegt008sml.jpg); height:71px; width:100px;}


#container a.slidei {background:url(bewegt009sml.jpg); height:71px; width:100px;}
#container a.slidej {background:url(bewegt010sml.jpg); height:71px; 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;
}