@charset "utf-8";
/* CSS Document Webdesign */

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

a.gallery, a.gallery:visited {
	display:block;
	display:inline-block;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:66px;
	height:40px;
	float:left;
	z-index:50;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 9px;
}
a.slidea {background:url(Webgalerie/Coffeatmore-kl.jpg);}
a.slideb {background:url(Webgalerie/Wellensteyn-kl.jpg);}
a.slidec {background:url(Webgalerie/FTS-Berlin-kl.jpg);}
a.slided {background:url(Webgalerie/Marotz-kl.jpg);}
a.slidee {background:url(Webgalerie/penndorf-kl.jpg);}
a.slidef {background:url(Webgalerie/Gastrofunautomaten-kl.jpg);}
a.slideg {background:url(Webgalerie/Grapos-Berlin-kl.jpg);}
a.slideh {background:url(Webgalerie/RealEstate-kl.jpg);}
a.slidei {background:url(Webgalerie/Fatal-embrace-kl.jpg);}
a.slidej {background:url(Webgalerie/Eventhaus-kl.jpg);}
a.gallery em, a.gallery span {
	display:none;
	background-color: #FFF;
}
a.gallery:hover {
	border:1px solid #fff;
}

a.slidea em {background:url(Webgalerie/Coffeatmore.jpg) 5px 5px  no-repeat;}
a.slideb em {background:url(Webgalerie/Wellensteyn.jpg) 5px 5px  no-repeat;}
a.slidec em {background:url(Webgalerie/FTS-Berlin.jpg) 5px 5px  no-repeat;}
a.slided em {background:url(Webgalerie/Marotz.jpg) 5px 5px  no-repeat;}
a.slidee em {background:url(Webgalerie/penndorf.jpg) 5px 5px  no-repeat;}
a.slidef em {background:url(Webgalerie/Gastrofunautomaten.jpg) 5px 5px  no-repeat;}
a.slideg em {background:url(Webgalerie/Grapos-berlin.jpg) 5px 5px  no-repeat;}
a.slideh em {background:url(Webgalerie/RealEstate.jpg) 5px 5px  no-repeat;}
a.slidei em {background:url(Webgalerie/Fatal-embrace.jpg) 5px 5px  no-repeat;}
a.slidej em {background:url(Webgalerie/Eventhaus.jpg) 5px 5px  no-repeat;}


/* styling for BOTTOM gallery */
#container_bottom {
	position:relative;
	width:408px;
	height:466px;
	margin-right: auto;
	margin-left: auto;
	background-color: #EBEDF1;
	background-repeat: no-repeat;
	background-image: url(Bilderseite/HG-Gallerieweb.jpg);
}
#container_bottom img {
	background-color: #FFF;
}
#container_bottom .thumbs {
	position:absolute;
	left:0;
	bottom:14px;
	height:98px;
	width: 408px;
}
#container_bottom a.gallery:hover span {
	display:block;
	position:absolute;
	width:380px;
	height:30px;
	top:-45px;
	left:5px;
	padding:5px;
	font-style:normal;
	color:#333;
	z-index:100;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#container_bottom a.gallery:hover span:first-line {
	font-style:normal;
	font-weight:bold;
	font-size:12px;
	color:#000;
}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {

}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {
	display:block;
	position:absolute;
	width:387px;
	height:250px;
	top:-340px;
	left:5px;
	color:#000;
	z-index:50;
	padding: 5px;
}
#container_bottom h1 {clear:both; margin:0; padding-top:80px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_bottom h1 em {font-size:0.6em; color:#000;}