/* 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 {
	/*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-noctalis11.jpg) no-repeat;
}


/* Positionierung der einzelnen Textareas */

#imagemap01 a#textarea01 {
	position: absolute;
	top: 130px;
	left: 105px;
	width: 190px;
	height: 85px;
	z-index: 1000;
}
#imagemap01 a#textarea02 {
	position: absolute;
	top: 0;
	left: 369px;
	width: 60px;
	height: 102px;
}
#imagemap01 a#textarea03 {
	position: absolute;
	top: 84px;
	left: 369px;
	width: 60px;
	height: 102px;
}
#imagemap01 a#textarea04 {
	position: absolute;
	top: 193px;
	left: 369px;
	width: 60px;
	height: 102px;
}
#imagemap01 a#textarea05 {
	position: absolute;
	top: 263px;
	left: 280px;
	width: 70px;
	height: 70px;
}



/* 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: 10px;
	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: 0px;
	left: -380px;
	width: 370px;
}
#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: 0px;
	left: -200px;
	width: 200px;
}
#imagemap01 a:hover#textarea03 span.popupcopyright {
	position: relative;
	top: 0;
	left: 0;
}
#imagemap01 a:hover#textarea04 em, #imagemap01 a:hover#textarea04  span {
	position: absolute;
	display: block;
	top: -200px;
	left: -380px;
	width: 370px;
}
#imagemap01 a:hover#textarea04 span.popupcopyright {
	position: relative;
	top: 0;
	left: 0;
}
#imagemap01 a:hover#textarea05 em, #imagemap01 a:hover#textarea05  span {
	position: absolute;
	display: block;
	top: 3px;
	left: -180px;
}
#imagemap01 a:hover#textarea05 span.popupcopyright {
	position: relative;
	top: 0;
	left: 0;
}