@media screen {
}

@media print {
}

body {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	background-color: #000000;
}

p {
	margin: 5px 0;
}

h1 {
	font-family: "Lucida Handwriting", Sans-Serif;
	font-size: 150%;
	margin: 3px 0 10px 0;
	font-style: italic;
}

h2 {
	font-size: 115%;
	font-style: italic;
	font-weight: bold;
	margin: 7px 0 7px 0;
}

a,
a:hover,
a:visited {
	color: #FFFFFF;
}

div.navigation {
	padding: 0 1px;
}

div.navigation a,
div.navigation span {
	display: block;
	font-weight: bold;
	background-repeat: no-repeat;
	min-height: 19px;
}

div.navigation * span {
	display: inline;
}

div.navigation .current,
div.navigation .sibling {
	padding-left: 20px;
}

div.navigation .current {
	background-image: url('images/icons/next.gif');
	background-position: 0 0;
}

div.navigation .child {
	padding-left: 40px;
	background-image: url('images/icons/down.gif');
	background-position: 20px 0;
}

div.navigation .laresonance * {
	color: inherit;
}

img {
    padding: 0;
    margin: 0;
    border: none;
}

table.gallery td {
	text-align: center;
	vertical-align: middle;
	line-height: 100%;
}

div.gallery {
	text-align: center;
}

.laresonance {
    font-family: Lucida Handwriting;
    font-weight: bold;
    white-space: nowrap;
}
.laresonance span {
    font-style: italic;
    color: #FF9900;
}
.laresonance span span {
    color: #00CCDD;
}

#book {
	position: relative;
	margin: 0px auto;
	color: #000000;
	font-size: 14px;
	text-align: left;
	width: 846px;
	height: 520px;
	background-image: url('images/Buch-wide.jpg');
	background-repeat: no-repeat;
}

#book a,
#book a:hover,
#book a:visited {
	color: #006677;
	font-weight: bold;
	text-decoration: none;
}

#book a:hover {
	text-decoration: underline;
}

#left, #right 
{
	margin: 0;
	padding: 0;
	position: absolute;
	width: 350px;
	max-width: 350px;
	height: 470px;
	max-height: 470px;
	top: 22px;
	overflow: auto;
}

#left {
	left: 45px;
}

#left div.content {
	margin-top: 20px;
	text-align: center;
}

#right {
	right: 42px;
}

table.grid {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

table.grid th,
table.grid td {
	border-right: solid 1px black;
	border-bottom: solid 1px black;
}

table.grid thead th {
	text-align: center;
	vertical-align: bottom;
}

table.grid tbody th {
	text-align: left;
	vertical-align: middle;
}

table.grid tbody td {
	text-align: center;
	vertical-align: middle;
}

table th {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

table td {
	text-align: left;
	vertical-align: top;
}

table .vertical th {
/*	layout-flow : vertical-ideographic; */
}

.shop {
	background-color: #00CCDD;
}

.massage {
	background-color: #DDCC00;
}

.paverpol {
	background-color: #FF9900;
}

.aquadouce {
	background-color: #5577FF;
}

.shop span,
.aquadouce span,
.paverpol span,
.massage span {
	display: -moz-inline-box;
	display: inline-block;
	width: 100px;
}