body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #fff;
	color: #1d1d1b;
	overflow: hidden;
}
a, a:active, a:visited {
	color: #000;
	text-decoration: none;
}
h1, h2, p, address, ul, li, hr, form, input {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none inside;
}

.draggable {
	position: absolute;
	left: 50%;
	top: 15%;
}

#photos {
	margin: 21px 0 0 -318px;
	z-index: 800;
	background: url(../images/photos.png) no-repeat;
	width: 445px;
	height: 608px;
	font: 25px liebeerika;
	letter-spacing: 0.2ex;
}
#photos div {
	position: absolute;
	margin: 85px 0 0 0;
	width: 200px;
	text-align: center;
	opacity: 0.8;
}
#photos h2 {
	margin: 47px 0 0 0;
	padding: 0;
	font-size: 25px;
	text-transform: uppercase;
}
#photos ul {
/*	margin: 6px 0;*/
	margin: 2px 0;
	text-align: left;
}
#photos li {
	padding-left: 33px;
	list-style-image: url(../images/photos-bullet.png);
}
#photos p {
/*	margin: 24px 0 8px 0;*/
	margin: 0 0 8px 0;
	font-size: 18px;
}
#photos a:hover {
	background: url(../images/line.png) bottom left no-repeat;
	background-size: 100% 6px;
}

#directions {
	margin: 0 0 0 -81px;
	z-index: 900;
	background: url(../images/directions.png) no-repeat;
	width: 426px;
	height: 595px;
	height: 0;
	padding-top: 595px;
	overflow: hidden;
}
#directions a {
	position: absolute;
	left: 0;
	top: 0;
	width: 66px;
	height: 75px;
	text-indent: -999em;
}
#directions a:hover {
	background: url(../images/directions-highlight.png) no-repeat;
}
#directions #maps-dtm { margin:  51px 0 0  62px; background-position: 0 -375px; }
#directions #maps-hem { margin:  69px 0 0 147px; background-position: 0 -300px; }
#directions #maps-hah { margin:  47px 0 0 258px; background-position: 0    0px; }
#directions #maps-nue { margin: 195px 0 0 287px; background-position: 0  -75px; }
#directions #maps-zrh { margin: 344px 0 0 106px; background-position: 0 -150px; }
#directions #maps-muc { margin: 340px 0 0 278px; background-position: 0 -225px; }
h1 {
	font: 23pt bombshellproregular;
}
#directions h1 {
	position: absolute;
	margin: 458px 0 0 131px;
}
#directions p {
	position: absolute;
	margin: 518px 0 0 97px;
}

.page-nav {
	position: absolute;
	display: none;
	width: 50px;
	height: 100%;
}
.close {
	display: block;
	left: 691px;
	margin-top: -20px;
	height: 50px;
	background: url(../images/close.png) no-repeat;
}
.prev {
	margin-left: -50px;
	background: url(../images/arrows.png) 0 50% no-repeat;
}
#notebook .next {
	left: 359px;
	background: url(../images/arrows.png) -50px 50% no-repeat;
}

#notebook {
	margin: 36px 0 0 -52px;
	z-index: 1000;
	width: 359px;
	height: 534px;
	font-family: liebeerika;
}
#notebook a.bookmark {
	position: absolute;
	display: block;
	height: 0;
	overflow: hidden;
	z-index: 200;
	background: url(../images/bookmark.png) no-repeat;
}
#b1 { margin:  45px 0 0 310px; width: 114px; padding-top: 36px; background-position:   0px    0px !important; }
#b3 { margin:  81px 0 0 318px; width: 114px; padding-top: 39px; background-position:  -8px -118px !important; }
#b5 { margin: 120px 0 0 330px; width: 106px; padding-top: 36px; background-position: -20px  -36px !important; }
#b7 { margin: 163px 0 0 310px; width: 112px; padding-top: 37px; background-position:   0px  -75px !important; }
#b1.zhide { background-position: -126px    0px !important }
#b3.zhide { background-position: -134px -118px !important }
#b5.zhide { background-position: -146px  -36px !important }
#b7.zhide { background-position: -126px  -75px !important }
#notebook #cover {
	position: absolute;
	background: url(../images/notebook-cover.png) no-repeat;
	width: 359px;
	height: 534px;
	z-index: 300;
}
#notebook .page {
	position: absolute;
	display: none;
	height: 534px;
	z-index: 200;
}
#notebook .odd {
	width: 334px;
}
#notebook .even {
	left: 334px;
	width: 349px;
}
#notebook #open {
	position: absolute;
	margin: 0 0 0 -332px;
	display: none;
	background: url(../images/notebook-open.png) no-repeat;
	width: 693px;
	height: 534px;
}

#p1 #stickynote {
	margin-left: 50px;
	background: url(../images/sticky-note.png) no-repeat;
	width: 215px;
	height: 0;
	padding-top: 417px;
	overflow: hidden;
	text-align: center;
}
#p2 {
	margin-left: -7px;
}
#p2 h1 {
	margin: 96px 0 0 49px;
	height: 0;
	padding-top: 44px;
	background: url(../images/calendar-days.png) no-repeat;
	overflow: hidden;
}
#p2 p {
	margin: 126px 0 0 49px;
	height: 0;
	padding-top: 166px;
	background: url(../images/calendar-days.png) 0 -172px no-repeat;
overflow: hidden;
}

#p3 {
	width: 683px !important;
	background: url(../images/location.png) 45px 56px no-repeat;
}
#p3 h1, #p3 p, #p3 address, #p3 ol {
	height: 0;
	overflow: hidden;
}
#p4 {
/*	display: none !important;*/
}

#p5 h1 {
	height: 0;
	padding-top: 24px;
	margin: 56px 0 30px 44px;
	overflow: hidden;
	background: url(../images/hotels.png) no-repeat;
}
#p5 ul {
	margin: 0 0 0 44px;
}
.hotels address, .hotels a {
	display: block;
	height: 0;
	overflow: hidden;
	background: url(../images/hotels.png) no-repeat;
}
li.hirsch address { background-position: 0  -53px; padding-top: 54px; margin-bottom:  4px; }
li.hirsch .phone {  background-position: 0 -112px; padding-top: 19px; margin-bottom:  5px; }
li.hirsch .web {    background-position: 0 -136px; padding-top: 19px; margin-bottom: 33px; }
li.adler address {  background-position: 0 -188px; padding-top: 54px; margin-bottom:  1px; }
li.adler .phone {   background-position: 0 -243px; padding-top: 19px; margin-bottom:  5px; }
li.adler .web {     background-position: 0 -267px; padding-top: 19px; margin-bottom: 27px; }
li.kreuz address {  background-position: 0 -313px; padding-top: 56px; margin-bottom:  2px; }
li.kreuz .phone {   background-position: 0 -371px; padding-top: 19px; margin-bottom:  5px; }
li.kreuz .web {     background-position: 0 -395px; padding-top: 19px; margin-bottom:  0px; }
.hotels a:hover:after, .hotels2 a:hover:after {
	position: absolute;
	left: 34px;
	content: "";
	background: url(../images/line.png) no-repeat;
	width: 120px;
	height: 6px;
	margin: -1px 0 0 44px;
}
#p6 ul {
	margin: 110px 0 0 39px;
}
.hotels2 address, .hotels2 a, .hotels2 p {
	display: block;
	height: 0;
	overflow: hidden;
	background: url(../images/hotels2.png) no-repeat;
}
li.zinne address { background-position: 0  -53px; padding-top: 54px; margin-bottom:  4px; }
li.zinne .phone {  background-position: 0 -112px; padding-top: 19px; margin-bottom:  5px; }
li.zinne .web {    background-position: 0 -136px; padding-top: 19px; margin-bottom: 25px; }
#p6 p {
	margin-left: 39px;
	background-position: 0 -180px;
	padding-top: 96px;
}
#p7 h1 {
	height: 0;
	padding-top: 24px;
	margin: 55px 0 33px 44px;
	overflow: hidden;
	background: url(../images/about-us.png) no-repeat;
}
#p7 ul {
	margin: 0 0 0 44px;
}
.aboutus address, .aboutus a {
	display: block;
	height: 0;
	overflow: hidden;
	background: url(../images/about-us.png) no-repeat;
}
li.mc address {  background-position: 0  -57px; padding-top: 78px; margin-bottom:  1px; }
li.mc .phone {   background-position: 0 -136px; padding-top: 20px; margin-bottom:  4px; }
li.mc .mail {    background-position: 0 -160px; padding-top: 24px; margin-bottom:  0px; }
#p8 {
	background: url(../images/stitches.png) 0 5px no-repeat
}
#p8 ul {
	margin: 114px 0 0 49px;
}
.aboutwit address, .aboutwit a {
	display: block;
	height: 0;
	overflow: hidden;
	background: url(../images/about-wit.png) no-repeat;
}
li.alex address {    background-position: 0    0px; padding-top: 19px; margin-bottom: 11px; }
li.alex .phone {     background-position: 0  -30px; padding-top: 19px; margin-bottom:  5px; }
li.alex .mail {      background-position: 0  -54px; padding-top: 20px; margin-bottom: 35px; }
li.andre address {   background-position: 0 -109px; padding-top: 19px; margin-bottom: 11px; }
li.andre .phone {    background-position: 0 -139px; padding-top: 19px; margin-bottom:  5px; }
li.andre .mail {     background-position: 0 -163px; padding-top: 20px; margin-bottom: 35px; }
li.annette address { background-position: 0 -213px; padding-top: 19px; margin-bottom: 11px; }
li.annette .phone {  background-position: 0 -243px; padding-top: 19px; margin-bottom:  5px; }
li.annette .mail {   background-position: 0 -267px; padding-top: 20px; margin-bottom:  0px; }

#hint {
	position: absolute;
	left: 50%;
	top: 15%;
	margin: 300px 0 0 370px;
	background: url(../images/drag-hint.png) no-repeat;
	width: 81px;
	height: 41px;
	z-index: 1000;
	display: none;
}

#dialog {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
}
#dialog #shade {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.7;
}
#password {
	position: absolute;
	top: 35%;
	left: 50%;
	padding: 16px 0;
	margin: 0 0 0 -220px;
	width: 440px;
	height: 200px;
	font: 25px liebeerika;
	letter-spacing: 0.2ex;
	background: url(../images/password-note.png) no-repeat;
	text-align: center;
}
#password h2 {
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#password #pw {
	font-size: 18px;
	border: 1px solid #dc997d;
	margin: 10px 0;
}
#password #go {
	font: 25px liebeerika;
	letter-spacing: 0.2ex;
	margin-right: 30px;
	background: transparent;
}