/* CSS Document by Tom Benz-Hauke www.benz-hauke.de */

* {
	margin:0;
	padding:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
}
a {
	color: #afafaf;background-color:#fff;
	text-decoration: none; padding: 4px;}
	
/*zermahlene geschichte*/
#Layer1 {
	position:absolute;
	left:26px;
	top:24px;
	width:137px;
	height:137px;
	z-index:1;
}
#Layer1:hover  { background-image: url(../bilder/imageNOT.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer1:visited   { border: 1px solid #afafaf;}


/*passaro livre*/
#Layer2 {
	position:absolute;
	left:214px;
	top:14px;
	width:140px;
	height:140px;
	z-index:22;
}
#Layer2:hover  { background-image: url(../bilder/thumbs/passaro_livre.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer2:visited   { border: 1px solid #afafaf;}


/*graue busse*/
#Layer3 {
	position:absolute;
	left:25px;
	top:194px;
	width:178px;
	height:178px;
	z-index:4;
	/*background-image: url(../bilder/Bus-Alte-Pforte-sw.jpg); background-repeat: no-repeat; font-color:#fff;*/
}
#Layer3:hover  { background-image: url(../bilder/Bus-Alte-Pforte-006.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer3:visited   { border: 1px solid #afafaf;}


/*die tore der deutschen*/
#Layer4 {
	position:absolute;
	left:765px;
	top:11px;
	width:147px;
	height:147px;
	z-index:23;
}
#Layer4:hover  { background-image: url(../bilder/dietorederdeutschenklein.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }
#Layer4:visited   { border: 1px solid #afafaf;}


/*denkmal an ein denkmal*/
#Layer5 { 
	position:absolute;
	left:383px;
	top:18px;
	width:142px;
	height:142px;
	z-index:5;
}
#Layer5:hover  { background-image: url(../bilder/thumbs/imageIHM.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer5:visited   { border: 1px solid #afafaf;}


/*arte da memoria*/
#Layer6 {
	position:absolute;
	left:573px;
	top:11px;
	width:104px;
	height:104px;
	z-index:6;
}
#Layer6:hover  { background-image: url(../bilder/thumbs/imageGB1.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }


#Layer6:visited   { border: 1px solid #afafaf;}


/*aschrottbrunnen*/
#Layer7 {
	position:absolute;
	left:473px;
	top:182px;
	width:97px;
	height:97px;
	z-index:7;
}
#Layer7:hover  { background-image: url(../bilder/thumbs/aschrott1.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer7:visited   { border: 1px solid #afafaf;}


/*mariantonia*/
#Layer8 {
	position:absolute;
	left:229px;
	top:179px;
	width:80px;
	height:80px;
	z-index:8;
}
#Layer8:hover   { background-image: url(../bilder/thumbs/pigeonshitt.jpg) ; font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }
#Layer8:visited   { border: 1px solid #afafaf;}


/*berlin torlos*/
#Layer9 {
	position:absolute;
	left:217px;
	top:328px;
	width:104px;
	height:104px;
	z-index:9;
}
#Layer9:hover  { background-image: url(../bilder/thumbs/Pariserplatzohne.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer9:visited   { border: 1px solid #afafaf;}


/*erich lewinski saeule*/
#Layer10 {
	position:absolute;
	left:589px;
	top:149px;
	width:122px;
	height:122px;
	z-index:8;
}
#Layer10:hover  { background-image: url(../bilder/thumbs/imageTD5.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer10:visited   { border: 1px solid #afafaf;}


/*denksteinsammlung*/
#Layer11 {
	position:absolute;
	left:741px;
	top:197px;
	width:122px;
	height:122px;
	z-index:8;
}
#Layer11:hover  { background-image: url(../bilder/thumbs/Gleis3klein.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer11:visited   { border: 1px solid #afafaf;}


/*fluchtweg*/
#Layer12 {
	position:absolute;
	left:181px;
	top:476px;
	width:165px;
	height:165px;
	z-index:8;
}
#Layer12:hover  { background-image: url(../bilder/thumbs/fluchtweg.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer12:visited   { border: 1px solid #afafaf;}


/*1752x12kg*/
#Layer13 {
	position:absolute;
	left:53px;
	top:410px;
	width:86px;
	height:86px;
	z-index:8;
}
#Layer13:hover  { background-image: url(../bilder/thumbs/produktlinz.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer13:visited   { border: 1px solid #afafaf;}


/*floating towers*/
#Layer14 {
	position:absolute;
	left:345px;
	top:305px;
	width:156px;
	height:156px;
	z-index:8;
}
#Layer14:hover  { background-image: url(../bilder/FLOATINGTOWERS69.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer14:visited   { border: 1px solid #afafaf;}


/*peacefreighter*/
#Layer15 {
	position:absolute;
	left:545px;
	top:306px;
	width:157px;
	height:157px;
	z-index:8;
}
#Layer15:hover  { background-image: url(../bilder/thumbs/peacefreighter.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer15:visited   { border: 1px solid #afafaf;}


/*denkmal für die ermodeten juden europas*/
#Layer16 {
	position:absolute;
	left:750px;
	top:337px;
	width:242px;
	height:242px;
	z-index:8;
}
#Layer16:hover  { background-image: url(../bilder/thumbs/ohnetorklein.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer16:visited   { border: 1px solid #afafaf;}


/*deutsche boden */
#Layer17 {
	position:absolute;
	left:380px;
	top:496px;
	width:200px;
	height:200px;
	z-index:8;
}
#Layer17:hover  { background-image: url(../bilder/thumbs/deutscheboden.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer17:visited   { border: 1px solid #afafaf;}


/*kunst im bau*/
#Layer18 {
	position:absolute;
	left:220px;
	top:1030px;
	width:92px;
	height:92px;
	z-index:8;
}
#Layer18:hover  { background-image: url(../bilder/thumbs/genetausschnitt.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer18:visited   { border: 1px solid #afafaf;}



/*the net of names*/
#Layer19 {
	position:absolute;
	left:35px;
	top:528px;
	width:112px;
	height:112px;
	z-index:8;
	
}
#Layer19:hover  { background-image: url(../bilder/thumbs/Greta.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer19:visited   { border: 1px solid #afafaf;}


/*sinais de vida*/
#Layer20 {
	position:absolute;
	left:343px;
	top:189px;
	width:100px;
	height:100px;
	z-index:8;
}
#Layer20:hover  { background-image: url(../bilder/thumbs/rollen_.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer20:visited   { border: 1px solid #afafaf;}


/*curriculum vitae*/
#Layer21 {
	position:absolute;
	left:637px;
	top:626px;
	width:90px;
	height:14px;
	z-index:8; padding-top:80px;
}
#Layer21:hover  { background-image: url(../bilder/thumbs/marcelo-horst-andreas.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer21:visited   { border: 1px solid #afafaf;}


/*raumstation*/
#Layer22 {
	position:absolute;
	left:736px;
	top:626px;
	width:90px;
	height:14px;
	z-index:8;padding-top:80px;
}
#Layer22:hover  { background-image: url(../bilder/thumbs/gruen-orange.jpg ); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer22:visited   { border: 1px solid #afafaf;}


/*architektur*/
#Layer23 {
	position:absolute;
	left:637px;
	top:725px;
	width:90px;
	height:90px;
	z-index:8;
}
#Layer23:hover  { background-image: url(../bilder/thumbs/imageH5A.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer23:visited   { border: 1px solid #afafaf;}


/*kontakt*/
#Layer24 {
	position:absolute;
	left:736px;
	top:725px;
	width:90px;
	height:90px;
	z-index:8;
}
#Layer24:hover  { background-image: url(../bilder/thumbs/BlickArchivhinaus_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer24:visited   { border: 1px solid #afafaf;}


/*copa da cultura*/
#Layer25 {
	position:absolute;
	left:27px;
	top:692px;
	width:170px;
	height:170px;
	z-index:8;
}
#Layer25:hover  { background-image: url(../bilder/thumbs/berlin-iai-button_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer25:visited   { border: 1px solid #afafaf;}


/*patmos, eine spur von hoelderlin*/
#Layer26 {
	position:absolute;
	left:211px;
	top:815px;
	width:200px;
	height:200px;
	z-index:8;
}
#Layer26:hover  { background-image: url(../bilder/thumbs/hoelderlin-button_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer26:visited   { border: 1px solid #afafaf;}


/*die schichten*/
#Layer27 {
	position:absolute;
	left:245px;
	top:686px;
	width:100px;
	height:100px;
	z-index:8;
}
#Layer27:hover  { background-image: url(../bilder/thumbs/caracas-button_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer27:visited   { border: 1px solid #afafaf;}


/*die chemie der erinnerung*/
#Layer28 {
	position:absolute;
	left:437px;
	top:718px;
	width:170px;
	height:170px;
	z-index:8;
}
#Layer28:hover  { background-image: url(../bilder/thumbs/buenos-aires-button.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer28:visited   { border: 1px solid #afafaf;}


/*fliegender teppich*/
#Layer29 {
	position:absolute;
	left:460px;
	top:909px;
	width:130px;
	height:130px;
	z-index:8;
}
#Layer29:hover  { background-image: url(../bilder/thumbs/fliegender-teppich_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer29:visited   { border: 1px solid #afafaf;}


/*moti(a)ktion*/
#Layer30 {
	position:absolute;
	left:832px;
	top:833px;
	width:122px;
	height:122px;
	z-index:8;
}
#Layer30:hover  { background-image: url(../bilder/thumbs/motiv-aktion_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer30:visited   { border: 1px solid #afafaf;}


/*adorno denkmal*/
#Layer31 {
	position:absolute;
	left:640px;
	top:859px;
	width:114px;
	height:114px;
	z-index:8;
}
#Layer31:hover  { background-image: url(../bilder/thumbs/adorno_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer31:visited   { border: 1px solid #afafaf;}


/*openends*/
#Layer32 {
	position:absolute;
	left:39px;
	top:885px;
	width:136px;
	height:136px;
	z-index:1;
}
#Layer32:hover  { background-image: url(../bilder/thumbs/OpenEnds_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer32:visited   { border: 1px solid #afafaf;}




/*underGround*/
#Layer33 {
	position:absolute;
	left:650px;
	top:1008px;
	width:172px;
	height:172px;
	z-index:1;
}
#Layer33:hover  { background-image: url(../bilder/thumbs/unterGRUND1_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer33:visited   { border: 1px solid #afafaf;}

/*AusgeLAGERte ERINNERUNG*/
#Layer34 {
	position:absolute;
	left:882px;
	top:187px;
	width:92px;
	height:92px;
	z-index:1;
	border: 1px solid #afafaf;
	/*background-image: url(../bilder/thumbs/outsourced_thumb.jpg); background-repeat: no-repeat; font-color:#fff;*/
}
#Layer34:hover  { background-image: url(../bilder/thumbs/outsourced_thumb.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer34:visited   { border: 1px solid #afafaf;}


/*Die Kunst der Erinnerung - Die Erinnerung der Kunst*/
#Layer35 {
	position:absolute;
	left:100px;
	top:1100px;
	width:92px;
	height:92px;
	z-index:1;
	border: 1px solid #afafaf;
	/*background-image: url(../bilder/thumbs/outsourced_thumb.jpg); background-repeat: no-repeat; font-color:#fff;*/
}
#Layer35:hover  { background-image: url(../bilder/thumbs/erinnerung.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer35:visited   { border: 1px solid #afafaf;}


/*Die Strasse der Heiligen*/
#Layer36 {
	position:absolute;
	left:382px;
	top:1087px;
	width:192px;
	height:192px;
	z-index:1;
	border: 1px solid #afafaf;
	/*background-image: url(../bilder/thumbs/outsourced_thumb.jpg); background-repeat: no-repeat; font-color:#fff;*/
}
#Layer36:hover  { background-image: url(../bilder/thumbs/strassederheiligen.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer36:visited   { border: 1px solid #afafaf;}


/*Visual Correspondances */
#Layer37 {
	position:absolute;
	left:700px;
	top:650px;
	width:140px;
	height:140px;
	z-index:1;
	border: 1px solid #afafaf;
	/*background-image: url(../bilder/thumbs/outsourced_thumb.jpg); background-repeat: no-repeat; font-color:#fff;*/
}
#Layer37:hover  { background-image: url(../bilder/thumbs/intro_visual-corespondences.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer37:visited   { border: 1px solid #afafaf;}


/*schulfenster der erinnerung */
#Layer38 {
	position:absolute;
	left:228px;
	top:1200px;
	width:92px;
	height:92px;
	z-index:1;
	border: 1px solid #afafaf;
	/*background-image: url(../bilder/thumbs/outsourced_thumb.jpg); background-repeat: no-repeat; font-color:#fff;*/
}
#Layer38:hover  { background-image: url(../bilder/thumbs/schulfenster.jpg); font-size:0; line-height: 0; color: transparent; background-repeat: no-repeat; }

#Layer38:visited   { border: 1px solid #afafaf;}




.boxen {
 border: 1px solid white;
 
 font-size:10px;
 font-color: #afafaf;
 text-padding: 2px;
 
} 
/* Stil für curriculum, raumstation, architektur und kontakt*/
.Stil1 {color: #333333}