/* Allgemeine Formatierungen */
body { background: #fff url(./images/body-bg.png); margin-top: 5px;	font-size: 1em; }

acronym, abbr {	border-bottom: 1px dotted #333;	cursor: help; }

h2 { font-size: 1.2em; color: #b59d6f; background-color: #fff; margin: 0.2em 1em 0.8em 0; }

h3 { font-size: 1em; font-weight: bold;	color: #d1af6e;	background: #fff url(./images/separator.png) no-repeat center left;	padding-left: 30px;	margin: 0.2em 1em 0.5em 0; }

td.header {	background: #fff url(./images/head-bg-02.jpg) no-repeat top left; }

/* Elemente, an denen der Text vorbeifliessen soll, bekommen eine der folgenden Klassen zugewiesen. */
.fleft { float: left;	margin: 0em 1em 0.5em 0; }
.fright {	float: right;	margin: 0 0 0.2em 1em; }

/* Hauptnavigation */
#menu {	text-align: right; font-size: 0.8em; margin-bottom: 1em; padding: 5px; }
#menu ul { list-style: none; }
#menu li { display: inline;	margin-right: 1em; }
#menu li a { color: #847352; font-weight: bold;	text-decoration: underline; }
#menu li a:hover { text-decoration: underline; color: #9c8b6a; }
#menu li a.aktuell { text-decoration: none;	color: #b59d6f; }
#menu li a.aktuell:hover { text-decoration: underline; }

/* Formatierungen Inhalt */
#content { margin: 0 1.5em;	padding: 7px 0 0 20px; color: #847352; background:#fff url(./images/content-bg.png) top left no-repeat; }
#content br {	clear: both; }

/* Using an image to replace text in an h1-Tag. This trick by courtesy of 
	 Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#content h1 {	margin-top: 10px;	width: 219px;	height: 50px; }
#content h1.start {	background: transparent url(./images/ueberschrift-startseite.png) no-repeat top left; }
#content h1.hotel {	background: transparent url(./images/ueberschrift-hotel.png) no-repeat top left; }
#content h1.restaurant { background: transparent url(./images/ueberschrift-restaurant.png) no-repeat top left; }
#content h1.historie { background: transparent url(./images/ueberschrift-historie.png) no-repeat top left; }
#content h1.drumherum {	background: transparent url(./images/ueberschrift-drumherum.png) no-repeat top left; }
#content h1.anfahrt {	background: transparent url(./images/ueberschrift-anfahrt.png) no-repeat top left; }
#content h1.kontakt {	background: transparent url(./images/ueberschrift-kontakt.png) no-repeat top left; }
#content h1.impressum {	background: transparent url(./images/ueberschrift-impressum.png) no-repeat top left; }
#content h1 span { display: none; }

#content p { margin: 0.8em 0 0.8em 0;	font-size: 0.8em; }
#content p a { color: #d27a6d; }

#content ul.tips { margin-left: 2em; list-style-image: url(./images/pfeil-braun-trans.gif); }
#content ul.tips li {	font-size: 0.8em;	margin-bottom: 0.5em; }

/* Fehlermeldungen im Kontaktformular */
p#fehler { color: #a71906; font-weight: bold;	width: 30em; border: 1px solid #a71906;	background-color: #ffd0ca; padding: 5px; }

/* Unternavigation */
#submenu { font-size: 0.8em; margin-bottom: 0.5em; }
#submenu ul {	list-style-image: url(./images/pfeil-rot-trans.gif); margin-left: 1.5em; }
#submenu li {	padding: 0 0 8px 0; }
#submenu li a {	font-weight: bold; color: #d27a6d; }
#submenu li a:hover {	color: #d5958c; }
#submenu li a.aktuell {	color: #edd4d1;	text-decoration: none; }

/* Footer */
#footer {	background-color: #847352; text-align: center; color: #fff4de; }
#footer p {	font-size: 0.7em;	padding: 5px; }

/* Spezielle Formatierungen */
table#preise { margin: 0;	padding: 0;	border: none;	background-color: #847352; color: #847352; }
table#preise td, table#preise th { font-size: 0.8em; padding: 4px; }

ul.preise {	list-style-image: url(./images/pfeil-braun-trans.gif); margin-left: 2em; }
ul.preise li { font-size: 0.8em; margin-bottom: 0.5em; }
ul.preise li ul {	list-style: none; }
ul.preise li li {	font-size: 1em;	background: transparent; margin-bottom: 0.2em; }
a.preise { color: #847352; font-weight: bold; }
a:hover.preise { color: #b59d6f; }

input, textarea {	background: #f7f6f1; color: #000;	font-family: Arial, Helvetica, sans-serif; }
input:focus, textarea:focus {	background: #fff; }
label, input[type=checkbox], input[type=button], input[type=submit] {	cursor: pointer; }

table#kontakt {	margin-bottom: 0.8em;	padding: 0;	border: none;	background-color: #847352; color: #847352; }
table#kontakt td { font-size: 0.8em; padding: 4px; }

