#ruthhennig {		height:100%; width:100%; margin:0; padding:0; background:#fc9 url(images/bg.jpg) repeat; text-align:center;
			font:normal 0.8em Verdana,Arial,sans-serif,sans-serif; color:#000; }

#intro {		position:absolute; top:50%; left:50%; }
#inner {		position:relative; top:-50%; left:-50%; display:block;  }
#inner[id] {		margin-top:-25%; }


#main {			position:relative; width:900px; margin:0 auto; text-align:left; padding:75px 0 50px 0; }

#navigation {		position:absolute; text-align:right; top:150px; left:10px; z-index:0; }
#navigation ul {	margin:0; padding:0; list-style:none; }
#navigation li {	margin:0; padding:0; }
#navigation a {		display:block; text-decoration:none; font:bold 125% Times,Georgia,serif; color:#33c; 
			width:180px; height:40px; margin-left:10px; overflow:hidden; }
#navigation a:hover {	margin-right:10px; color:#009; margin-left:0px; }
#navigation span {	display:block; margin:10px 30px 0 0; }
#navigation .first a {	background:transparent url(images/navi_01.gif) right center no-repeat; }
#navigation .second a {	background:transparent url(images/navi_02.gif) right center no-repeat; }
#navigation .third a {	background:transparent url(images/navi_03.gif) right center no-repeat; }
#navigation .fourth a {	background:transparent url(images/navi_04.gif) right center no-repeat; }
#navigation .fifth a {	background:transparent url(images/navi_05.gif) right center no-repeat; }
#navigation .sixth a {	background:transparent url(images/navi_06.gif) right center no-repeat; }

#pen {			position:absolute; background:transparent url(images/pen.gif) no-repeat; width:60px; height:420px; left:800px; top:100px; }

#letter {		position:relative; background:transparent url(images/letter_body.gif) right top repeat-y; width:610px; padding:75px 0 300px 0; z-index:1; left:170px; }
#letter #body {		position:relative; text-align:justify; font:normal 130% Times,Georgia,serif; line-height:120%; color:#006; }
#letter #body p {	padding:0 40px; }
#letter #body h1 {	position:absolute; background:transparent url(images/letter_head.gif) left top no-repeat; width:610px; height:100px; top:-110px; left:9px;
			margin:0; padding:50px 15px 0px 35px; display:block; font:bold 200% Georgia,Times; color:#339; }
#letter #foot {		position:absolute; background:transparent url(images/letter_foot.gif) right bottom no-repeat; bottom:-10px; width:610px; height:310px; left:3px; }
#letter .clear {	clear:both; }

#imgBook {		text-decoration:none; background:transparent url(images/book.gif) no-repeat; width:288px; height:361px; position:relative; float:left; margin-left:-20px; }
#imgRuth {		text-decoration:none; background:transparent url(images/ruth.gif) no-repeat; width:299px; height:327px; position:relative; float:right; margin-right:-50px; }
#imgKarte {		text-decoration:none; background:transparent url(images/karte.gif) no-repeat; width:299px; height:327px; position:relative; float:right; margin-right:-50px; }


#imgMap {		position:relative; background:transparent url(images/map.jpg) 40px 40px no-repeat; width:570px; height:460px; }
#imgMap ul {		position:absolute; top:-200px; left:0; display:block; margin:0; padding:0; list-style:none; text-align:left; }
#imgMap a {		display:block; position:absolute; text-decoration:none; color:#000; }
#imgMap a u {		display:block; position:relative; width:50px; height:50px; }
#imgMap a .div {	display:none; }
#imgMap a .span {	display:none; }
#imgMap a .title {	display:none; }

#imgMap a:hover {	background:transparent; cursor:default; }
#imgMap a:hover .div {	display:block; position:absolute; width:350px; left:-160px; top:100%; font:bold 1em Times,Georgia,serif; }
#imgMap a:hover .span {	display:block; position:relative; padding:10px; background:#fff; border:solid 2px #36c; border-top:0; font:normal 0.7em Verdana,Arial,sans-serif; }
#imgMap a:hover .title {display:block; position:relative; padding:5px 5px 0 5px; margin:0;  background:#fff; border:solid 2px #36c; border-bottom:0; font:bold 1em Times,Georgia,serif; }

#imgMap #zuerich a {	left:480px; top:405px; width: 75px; height:45px; }
#imgMap #basel a {	left:480px; top:365px; width: 60px; height:35px; }
#imgMap #lesney a {	left:405px; top:440px; width: 60px; height:40px; }
#imgMap #hut a {	left:390px; top:360px; width: 60px; height:50px; }
#imgMap #saulieu a {	left:345px; top:415px; width: 65px; height:30px; }
#imgMap #muehle a {	left:290px; top:450px; width:110px; height:65px; }
#imgMap #kopf a {	left:355px; top:345px; width: 30px; height:50px; }
#imgMap #coeur a {	left:270px; top:245px; width: 90px; height:65px; }
#imgMap #korb a {	left:180px; top:365px; width: 95px; height:65px; }
#imgMap #turm a {	left: 80px; top:245px; width: 55px; height:70px; }
#imgMap #milch a {	left:435px; top:515px; width: 95px; height:65px; }