body {
background-image:url(../bilder/bg-beige.jpg);
background-repeat:repeat-y;
background-color:#336666;
}

p {text-align:left;
}

ul {text-align:left;
}

#iframe {
	Z-INDEX: 5; 
	LEFT:820px; 
	WIDTH: 140px; 
	POSITION:absolute; 
	TOP: 330px; 
	BACKGROUND-COLOR: #ffffe7;
	HEIGHT: 248px
}

#head {
	LEFT: 0px; 
	TOP: 0px;
	width: 990px;
	z-index:2; 
	POSITION:absolute;
	HEIGHT: 275px
}

#logo {
	Z-INDEX:10; 
	LEFT:10px; 
	TOP:10px; 
	WIDTH: 200px; 
	POSITION:absolute;
	HEIGHT: 64px
}

#container {
	position:absolute;
	Z-INDEX: 2;
	LEFT: 180px;
	TOP: 205px;
	WIDTH: 600px;
	PADDING:15px; 
}

#inhalt {
	height: auto;

	Z-INDEX: 2;
	PADDING:15px; 
	BACKGROUND-COLOR: #FAE6BF;
}

#unten {
	z-index:10;
	position:absolute;	
	left: -180px;
	height:85;
	width: 990px;

	BACKGROUND-COLOR: #FAE6BF;
}


#adr {
	POSITION:absolute; 
	TOP: 12px;
	LEFT: 177px; 
	PADDING-BOTTOM: 15px;
	WIDTH: 154px; 
	COLOR: #336666; 
	FONT-SIZE: 11px; 
	LINE-HEIGHT: 12px; 
	FONT-FAMILY: Arial; 
	FONT-WEIGHT: normal; 
}

#tel {
	FONT-SIZE: 11px; 
	POSITION: absolute; 
	LEFT: 370px; 
	TOP: 12px;	
	PADDING-BOTTOM: 15px; 
	WIDTH: 150px; 
	COLOR: #336666;
	LINE-HEIGHT: 12px; 
	FONT-FAMILY: Arial; 
}

#tel a {
	color: #336666;
	text-decoration:none;
}

#link-1 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
	POSITION: absolute;
	LEFT: 567px; 
	TOP: 10px;	
	PADDING-BOTTOM: 15px; 
	WIDTH: 76px; 
	COLOR: #336666;
	LINE-HEIGHT: 12px; 
	FONT-FAMILY: Arial; 
}

#link-1 a {
	color: #336666;
	text-decoration:none;
}

#link-1 a:hover {
	color: #336666;
	text-decoration:underline;
}

#link-2 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px; 
	POSITION: absolute;
	LEFT: 650px; 
	TOP: 11px;	
	PADDING-BOTTOM: 15px; 
	WIDTH: 130px; 
	COLOR: #336666;
	LINE-HEIGHT: 12px; 
	FONT-FAMILY: Arial; 
}

#link-2 a {
	color: #336666;
	text-decoration:none;
}

#link-2 a:hover {
	color: #336666;
	text-decoration:underline;
}

#design {
	FONT-SIZE: 11px; 
	POSITION: absolute; 
	LEFT: 400px; 
	TOP: 95px;	
	PADDING-BOTTOM: 15px; 
	WIDTH: 150px; 
	COLOR: #336666;
	LINE-HEIGHT: 15px; 
	FONT-FAMILY: Verdana; 
}
#ac {
  POSITION: absolute;  
  WIDTH: 600px;
  LEFT: -200px;
  PADDING-TOP: 200px;  
}

#where {
	position:absolute;
	left:184px;
	top:350px;
	width:320px;
	height:17px;
	padding: 1 0 3 10px;
	z-index: 1;
	background-color:#ffffe7;
	text-align:left;
}

#where a {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color:#336666;
	text-decoration:none;
}

#where a:hover {
	text-decoration:underline;
}

#foto {
	Z-INDEX:10; 
	LEFT:10px; 
	TOP:560px; 
	WIDTH: 170px; 
	POSITION:absolute;
	HEIGHT: 100px;
	background-color:#ffffe7;
}

/*=============================================*/
/* Beginn n1 = Hauptnavi*/
#n1 {
	LEFT: 0px;
	width: 987px;
	height: 30px;
	background-color: #336666;
	POSITION: absolute;
	TOP: 177px;
	padding: 4 0 0 0px;
	z-index: 10;
	margin: 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 14px;
	line-height: 18px;
	FONT-WEIGHT: BOLD;
	color:#ffffe7;
	text-align:left;
	BORDER-LEFT: #ffffe7 2px solid; 
	BORDER-RIGHT: #ffffe7 2px solid; 
}

#n1 ul {
	margin:0px;
	padding:0px;
}

#n1 li {
	display:inline;
	padding:5px;
}

.n1 {
	color:#ffffe7;
	text-decoration:none;
}

.n1:hover {
	color:#FA8C62;
}

.n1-a {
	color:#FA8C62;
	text-decoration:none;
}

.n1-a:hover {
	color:#FA8C62;
	text-decoration:underline;
}
/* Ende n1 = Hauptnavi
=======================================================
Beginn navi2 = Subnavi*/

#n2 {
	width: 170px;
	height: 400px;
	left: 6px;
	top: 220px;
	position: absolute;
	z-index:8;
	FONT-SIZE:12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-WEIGHT: normal;
	text-align:left;
	text-decoration:none;
}

#n2 ul {
	list-style: none;
	margin:0;
	padding:0;
}


#n2 li {
	border-bottom: 1px solid #ffffe7;
	text-decoration:none;
	list-style: none;
	text-align:left;
}

#n2 li a{
	display: block;
	padding: 1px 4px 4px 5px;
	border-left: 8px solid ##996633;
	background-color:#cd8c48;
	color:#ffffe7;
	text-decoration:none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE:12px;
	line-height:15px;
	FONT-WEIGHT: bold;
}

#n2 li a:hover{
	background-color:#ffffe7;
	color:#cd8c48;
}

.n2 {
	padding:5px;
	color:#336666;
	text-decoration:none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE:12px;
	line-height:17px;
}

/* Ende navi2 = Subnavi
=================================================
Beginn navi3 = Buchen*/
#n3 {
	width: 122px;
	left: 823px;
	top: 220px;
	position: absolute;
	z-index:8;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FAE6BF;
	text-align:left;
	text-decoration:none;
}

#n3 ul {
	list-style: none;
	margin:0;
	padding:0;
}

#n3 li {
	border-bottom: 1px solid #ffffe7;
	text-decoration:none;
	list-style: none;
	text-align:left;
}

#n3 li a{
	display: block;
	padding: 1px 4px 4px 5px;
	border-left: 8px solid ##996633;
	background-color:#cd8c48;
	color:#ffffe7;
	text-decoration:none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE:12px;
	line-height:15px;
	FONT-WEIGHT: bold;
}

#n3 li a:hover{
	background-color:#ffffe7;
	color:#cd8c48;
}
/* Ende navi3 = Buchen
=================================================
Beginn navi4 = Links Teil 2*/
#n4 {
	z-index:1;
	position:absolute;
	top:350px;
	left:200px;
	width:400px;
	height:auto;
	FONT-SIZE: 7px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FAE6BF;
}

#n4 ul {
	margin:0px;
	padding:0px;
}

#n4 ul li a{
	display:inline;
	color:#336666;
	text-decoration:none;
	FONT-SIZE: 7px;
}

#n4 ul li a:hover {
	color:#FA8C62;
}
/* Ende navi4 = Links Teil 2
=================================================*/
h1 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 18px; 
	color: #336666;
	text-align:center;
	LINE-HEIGHT: 22px; 
	FONT-FAMILY: Verdana, Arial;
}

h1 a {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 18px; 
	color: #336666;
	text-align:center;
	LINE-HEIGHT: 22px; 
	FONT-FAMILY: Verdana, Arial;
}

h2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	color: #336666;
	LINE-HEIGHT: 20px; 
	FONT-FAMILY: Verdana, Arial}


.text {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	color: #000000;
	LINE-HEIGHT: 16px; 
	FONT-FAMILY: Verdana, Arial
}

.bottom-navi {
	color:#336666;
}
.trhead {
background-color:#99cc99;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
LINE HEIGHT: 16px;
font-weight: bold;
text-align:center;
}


.trinfo {
background-color:#ccffcc;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
LINE HEIGHT: 16px;
text-align:center;
}



.trhead2 {
background-color:#dde8c7;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
LINE HEIGHT: 16px;
font-weight: bold;
}


.trinfo2 {
background-color:#dde8c7;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
color:#5b6754;
LINE HEIGHT: 16px;
text-align: right;
}

.preis {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: normal; 
FONT-SIZE: 12px;
LINE HEIGHT: 16px;
TEXT-DECORATION: none;
COLOR: #000000;
text-Align: center;
vertical-align:top;
}

.preis2 {
background-color:#dde8c7;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
color:#5b6754;
LINE HEIGHT: 16px;
text-align: left;
}

.link {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
LINE HEIGHT: 16px; 
TEXT-DECORATION: underline;
COLOR: #000000;
}

.table-zeiten {
background-color:#dde8c7;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 12px; 
LINE-HEIGHT: 16px; 
text-align: center;
}

zimmer-body {
background-color: #ffffe7;
}

zimmer-table {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: normal; 
FONT-SIZE: 11px; 
LINE HEIGHT: 16px; 
TEXT-DECORATION: none;
COLOR: #000000;
}

.zusatz-top {
background-color:#cd8c48;
text-align: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold; 
FONT-SIZE: 17px; 
LINE-HEIGHT: 16px; 
TEXT-DECORATION: none;
COLOR: #ffffe7;
}

.zusatz-link {
text-align: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
LINE-HEIGHT: 16px; 
TEXT-DECORATION: underline;
COLOR: #ffffe7;
}

.zusatz-link:hover {
text-align: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
LINE HEIGHT: 16px; 
TEXT-DECORATION: none;
COLOR: #996633;
background-color:#ffffe7;
}

.zusatz {
border-width: 1px;
border-style: solid;
border-color: #336666;
text-align: center;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold; 
FONT-SIZE: 11px; 
LINE HEIGHT: 16px; 
TEXT-DECORATION: none;
COLOR: #336666;
}
