/* WORTKOMM - RENÉE PÜTHE-SIEGERT */

/* Die gemeinsame Gestaltung der Popups wird in popup_common.css vorgenommen */

/* CSS ZUR GESTALTUNG DER TEXTZONEN IN POPUPFENSTERN */

/* GRÖSSE, POSITION UND AUFTEILUNG DES POPUPS */

#popupwrapper {
	width: 430px;
	height: 670px;
}

div.bildunterschrift {
	top: 635px;
}
#popupwrapper #popupnavigation {
	/* [disabled]top: 695px; */
}

/* Festlegen des BildBereiches */

#imagemap01 {
	width: 430px;
	height: 610px;
	top: 25px;
}


/* Das Bild verstecken und in den Hintergrund legen */

#imagemap01 img {
	display: none;
}
#imagemap01 {
	background: transparent url(../i/sample-noctalis05.jpg) no-repeat;
}


/* Positionierung der einzelnen Textareas */

#imagemap01 a#textarea01 {
	position: absolute;
	left: 40px;
	top: 31px;
	width: 80px;
	height: 103px;
}
#imagemap01 a#textarea02 {
	position: absolute;
	left: 40px;
	top: 259px;
	width: 80px;
	height: 103px;
}
#imagemap01 a#textarea03 {
	position: absolute;
	left: 212px;
	top: 101px;
	width: 145px;
	height: 127px;
}



/* Alle Textareas erst mal ausblenden */

#imagemap01 a em, #imagemap01 a span {
	display: none;
}


/* Die einzelnen Textareas beim Überfahren einblenden und positionieren */

#imagemap01 a:hover#textarea01 em, #imagemap01 a:hover#textarea01  span {
	position: absolute;
	display: block;
	top: 35px;
	left: -20px;
	width: 200px;
}
#imagemap01 a:hover#textarea01 span.popupcopyright {
	position: relative;
	top: 0;
	left: 0;
}
#imagemap01 a:hover#textarea02 em, #imagemap01 a:hover#textarea02  span {
	position: absolute;
	display: block;
	top: 35px;
	left: -20px;
	width: 200px;
}
#imagemap01 a:hover#textarea02 span.popupcopyright {
	position: relative;
	top: 0;
	left: 0;
}
#imagemap01 a:hover#textarea03 em, #imagemap01 a:hover#textarea03  span {
	position: absolute;
	display: block;
	top: 25px;
	left: -40px;
	width: 200px;
}
#imagemap01 a:hover#textarea03 span.popupcopyright {
	position: relative;
	top: 0;
	left: 0;
}