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

/*==============================*/
/* Website kulturhof-itzehoe.de	*/
/* Version 3.0					*/
/* Datum: Januar 2009			*/
/* Autor: graugans-design		*/
/*==============================*/

/*==============================*/
/* CSS für den Rundgang			*/
/* Datei: rundgang.css			*/
/*==============================*/

/* abstand grndris von oben */
#grundriss {
	margin-top:8px;
}

/*grundriss ohne rahmen */
#grundriss .ohne_rahmen {
	border:none;
	margin:20px 0 0 0;
	padding:0;
}

/* positionierung der raumnummern */
/* raum 1 */
a.raum1 strong {
	position:absolute;
	top:255px;
	left:530px;
	font-size:small;
}

/* raum 2 */
a.raum2 strong {
	position:absolute;
	top:228px;
	left:530px;
	font-size:small;
}

/* raum 3 */
a.raum3 strong {
	position:absolute;
	top:160px;
	left:530px;
	font-size:small;
}

/* raum 4 */
a.raum4 strong {
	position:absolute;
	top:150px;
	left:470px;
	font-size:small;
}

/* raum 5 */
a.raum5 strong {
	position:absolute;
	top:191px;
	left:470px;
	font-size:small;
}

/* raum 6 */
a.raum6 strong {
	position:absolute;
	top:230px;
	left:470px;
	font-size:small;
}

/* Flur */
a.flur strong {
	position:absolute;
	top:255px;
	left:470px;
	font-size:small;
}

/* Foyer */
a.foyer strong {
	position:absolute;
	top:300px;
	left:490px;
	font-size:small;
}

/* Musiklaienhandlung */
a.musikalienhandlung strong {
	position:absolute;
	top:343px;
	left:340px;
	font-size:smaller;
	background-color:#FFF;
}

/* kleine Schlagzeughütte */
a.klschlagzeughuette strong {
	position:absolute;
	top:390px;
	left:620px;
	font-size:smaller;
	background-color:#FFF;
}

/* text im IE6 */
*html #grundriss a.klschlagzeughuette strong {
	position:absolute;
	top:390px;
	left:370px;
	font-size:smaller;
	background-color:#FFF;
}

/* große Schlagzeughütte */
a.grschlagzeughuette strong {
	position:absolute;
	top:240px;
	left:620px;
	font-size:smaller;
}

/* text im IE6 */
*html #grundriss a.grschlagzeughuette strong {
	position:absolute;
	top:240px;
	left:370px;
	font-size:smaller;
	background-color:#FFF;
}

/* Garten */
a.garten strong {
	position:absolute;
	top:290px;
	left:620px;
	font-size:small;
}

/* Eingang */
a.eingang strong {
	position:absolute;
	top:380px;
	left:450px;
	font-size:small;
}


/* Raum 10 */
a.raum10 strong {
	position:absolute;
	top:530px;
	left:430px;
	font-size:small;
}

/* Raum 11 */
a.raum11 strong {
	position:absolute;
	top:530px;
	left:404px;
	font-size:small;
}

/* Raum 12 */
a.raum12 strong {
	position:absolute;
	top:530px;
	left:373px;
	font-size:small;
}

/* Raum 13 */
a.raum13 strong {
	position:absolute;
	top:520px;
	left:337px;
	font-size:small;
}

/* Raum 14 */
a.raum14 strong {
	position:absolute;
	top:525px;
	left:315px;
	font-size:small;
}

/* Raum 15 */
a.raum15 strong {
	position:absolute;
	top:580px;
	left:320px;
	font-size:small;
}

/* Raum 16 */
a.raum16 strong {
	position:absolute;
	top:630px;
	left:320px;
	font-size:small;
}

/* Raum 17 */
a.raum17 strong {
	position:absolute;
	top:630px;
	left:359px;
	font-size:small;
}

/* Raum 18 */
a.raum18 strong {
	position:absolute;
	top:630px;
	left:459px;
	font-size:small;
}

/* Saal */
a.saal strong {
	position:absolute;
	top:460px;
	left:470px;
	font-size:small;
}


/* formatierung der fotos, rahmen etc */
#grundriss img {
	margin-left:6px;
	margin-top:6px;
	border:1px solid #ddcccc;
	padding:4px;
}

/* positionierung 1.raumbild */
a span.raum_a {
	position:absolute;
	top:141px;
	left:14px;
}

/* positionierung 2.raumbild */
a span.raum_b {
	position:absolute;
	top:323px;
	left:14px;
}

/* da spinnt der IE6/ */
*html a span.raum_a {
	position:absolute;
	top:149px;
	left:-237px;
}

/* da spinnt der IE6/ */
*html a span.raum_b {
	position:absolute;
	top:330px;
	left:-237px;
}

/* workaround IE6 */
a span {
	visibility:hidden;
	text-decoration:none;
}

/* positionierung unterschrift */
a span.raum_a strong {
	position:absolute;
	top:156px;
	left:6px;
	width:100px;
	height:20px;
	font-size:80%;
	font-weight:normal;
	background-color:#fff;
}
	
/* positionierung unterschrift */
a span.raum_b strong {
	position:absolute;
	top:156px;
	left:6px;
	width:100px;
	height:20px;
	font-size:80%;
	font-weight:normal;
	background-color:#fff;
}

/* hover lässt das bild erscheinen */
a:hover span {
	visibility:visible;
	color:#450000;
	cursor:auto;
}

/* hover für IE6 */
*html a:hover {
	visibility:visible;
}