/*********************************************************************************************************************\
* allgemeine Definitionen:
\*********************************************************************************************************************/
* { /* Zurücksetzen der Browser-Standard-Werte*/
	margin: 0;
	padding: 0;
}
body  { /* Festlegen des Standard-Fonds und der Hintergrund-Farbe der Seite*/
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #F0E4D8;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
}
#site { 
	width: 1020px; /*Gesamtbreite der Seite mit Rändern*/
	background-color: #fff; /*Hintergrund des aktiven Bereichs*/
	background-image: url(pics/site_strech.gif);
	background-position: top left;
	background-repeat:repeat-y;
	margin: 5px auto 0; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element aufgehoben. */
} 
#header {
	padding: 0;
} 
a img {
	border: none; /* Verhindert, dass verlinkte Bilder automatisch mit einem blauen Rahmen versehen werden */
}
a:link, a:visited { /* Standard-Werte für normale und besuchte Links */
	color: #436488;
	text-decoration: none;
}
a:hover, a:active { /* Standard-Werte für MouseOver- und Aktive Links */
	color: #ff9000;
}

h1, h2, h3 { /* Standard-Werte für Überschriften*/
	color: #3a3a3a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 0 5px;
}
/* Festlegung der Überschriften-Größen */
h1 {font-size: 150%;}
h2 {font-size: 125%;}
h3 {font-size: 110%;}
p, table { 
	font-size: 100%;
	margin: 5px 0;
}
/* Formatierung von Tabellen im Content-Bereich */
#mainContent th, #mainContent td {
	text-align:left;
	padding: 0 5px;
}
#mainContent tr {
	line-height: 25px;
}
#mainContent thead tr {
	background-color:#f9e4d0;
}
#mainContent .tr2 {
	background-color: #f9ebde;
}
/* Formatierung des Buttons zur Online-Buchung */
#button01 ul {
	line-height: 30px;
	margin-left: 0px;
}
#button01 li {
	list-style-type: none;
}
#button01 li a:link, #button01 li a:visited{
	display:block;
	background-image: url(pics/button01.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 30px;
}
#button01 li a:hover, #button01 li a:active {
	background-position: 0 -30px;
}
/*********************************************************************************************************************\
* Horizontales Menu:
\*********************************************************************************************************************/
#menu {
	height: 28px;
	background-color: #22466d;
	background-image: url(pics/site_strech.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 0 0 0 15px;
}
#menu li {
	text-align: center;
	display: inline;
	list-style-type: none;
	line-height: 28px;
}
#menu a {
	text-align:center;
	width: 165px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #fff;
}
#menu a:link, #menu a:visited {
	color: #fff;
}
#menu a:hover{
	color: #FFE4C7;
	background-position: 0px -28px;
}
#menu a:active{
	color:#FFE4C7;
	background-position: 0px -56px;
}
#menu01 a, #menu01 {
	background-image: url(pics/menu01.jpg);
}
#menu02 a, #menu02 {
	background-image: url(pics/menu02.jpg);
}
#menu03 a, #menu03 {
	background-image: url(pics/menu03.jpg);
}
#menu04 a, #menu04 {
	background-image: url(pics/menu04.jpg);
}
#menu05 a, #menu05 {
	background-image: url(pics/menu05.jpg);
}
#menu06 a, #menu06 {
	background-image: url(pics/menu06.jpg);
}
/* Formatierung der Breadcrumb-Leiste unter dem horizontalen Menu */
#subheader {
	height: 30px;
	background-color: #F0E4D8;
	background-image: url(pics/site_strech.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 0 0 0 15px;
	font-size: 10px;
	color: #bfbfbf;
	line-height: 30px;
}
#subheader a:link, #subheader a:visited {
	color: #bfbfbf;
	text-decoration: none;
}
#subheader a:hover, #subheader a:active {
	color: #bfbfbf;
	text-decoration: underline
}
/* Formatierung der Datumsangabe rechts*/
#timestamp {
	float: right;
	margin-right: 15px;
}

/*********************************************************************************************************************\
* Sonstige Allgemeine Formatierungen:
\*********************************************************************************************************************/
#mainContent { 
	margin: 0 185px 0 255px; 
	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}
.floatright { /* Mit dieser Klasse kann man ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 10px;
}
.floatleft { /* Mit dieser Klasse kann man ein Element auf der Seite nach links fließen lassen. (Anwendung z.B. auf der Aktuelles-Seite bei den Bildern) */
	float: left;
	margin-right: 10px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}
.headline_images {
	margin: 5px 0 0 10px;
}
/* Formatierung der Datumsangabe in der Aktuelles-Seite */
.datum_news {
	text-align: right;
	font-style: italic;
	font-size: 80%;
}
input, textarea {
	margin-bottom:10px;
}
/*********************************************************************************************************************\
* Subtext ganz oben (Einführungssatz) und Footer:
\*********************************************************************************************************************/
#footer {	
	padding: 0 10px 0 20px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background-color: #f0e4d8;
	background-image: url(pics/footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: center;
} 
#footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.subtext_small, #footer p {
	font-size: 10px;
	color: #bfbfbf;
	margin: 10px 0 5px;
}
#footer a {
	color: #bfbfbf;
	text-decoration: none;
}
#footer a:hover {
	color: #ff9000;
}

/*********************************************************************************************************************\
* Linke Spalte:
\*********************************************************************************************************************/
#sidebar_l {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 255px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	padding: 0; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
	margin: 0;
	height: auto;
}
.box_l_top {
	height: 31px;
	background: url(pics/box_l_top.gif) top left no-repeat;
	padding: 0 15px;
}
.box_l_strech {
	background: url(pics/box_l_strech.gif) top left repeat-y;
	padding: 10px 0 10px 25px;
}
.box_l_strech p {
	margin: 5px 0;
	width: 210px;
	line-height: 16px;
}
.box_l_bottom {
	height: 11px;
	background: url(pics/box_l_bottom.gif) top left no-repeat;
}

/*********************************************************************************************************************\
* Navigationsbox:
\*********************************************************************************************************************/

.box_l_strech ul, .box_r_strech ul, #sitemap ul {
	margin-top: -3px;
	line-height: 30px;
}
#navigation .box_l_strech ul{
	margin-top: -10px;
}
.box_l_strech li, .box_r_strech li, #sitemap li {
	list-style-type: none;
}
.box_l_strech li a, .box_r_strech li a, #sitemap li a{
	display:block;
	background-image: url(pics/linkfond.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 23px;
}
.box_l_strech li a:hover, .box_l_strech li a:active, .box_r_strech li a:hover, .box_r_strech li a:active, #sitemap li a:hover, #sitemap li a:active {
	background-position: 0 -30px;
}
#navigation .box_l_strech li a, #sitemap li a{
	background-image: url(pics/navifond.gif);
	padding-left: 33px;	
}

/*********************************************************************************************************************\
* Content-Box:
\*********************************************************************************************************************/
.box_m_top {
	height: 31px;
	background: url(pics/box_m_top.gif) top left no-repeat;
}
.box_m_strech {
	height: auto;
	background: url(pics/box_m_strech.gif) top left repeat-y;
	padding: 10px 20px 10px 10px;
}
.box_m_bottom {
	height: 11px;
	background: url(pics/box_m_bottom.gif) top left no-repeat;
}

.box_m_strech ul{
	margin: 15px 0 15px 15px;
}
.box_m_strech li{
	margin: 5px 0 0;
}
.box_m_strech label{
	margin-right: 20px;
	font-weight:bold;
	font-size: 90%;
}

/*********************************************************************************************************************\
* Rechte Spalte:
\*********************************************************************************************************************/
#sidebar_r {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 185px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	padding: 0; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
}
.box_r_top {
	height: 31px;
	background: url(pics/box_r_top.gif) top left no-repeat;
}
.box_r_strech {
	background: url(pics/box_r_strech.gif) top left repeat-y;
	padding: 10px 0 10px 10px;
}
.box_r_strech p {
	margin: 5px 0;
	width: 150px;
	line-height: 16px;
}
.box_r_bottom {
	height: 11px;
	background: url(pics/box_r_bottom.gif) top left no-repeat;
}

/*********************************************************************************************************************\
* Icons unten im Content-Bereich:
\*********************************************************************************************************************/
#printicon, #topicon {
	display: inline;
}
#printicon img {
	margin-right: 5px;
}
#topicon {
	float: right;
}
#topicon img {
	margin:0 5px;
}

/*********************************************************************************************************************\
* eMail-Bild in der Kontaktbox und auf der Kontakt-Seite:
\*********************************************************************************************************************/
#kontaktbox a img, #kontaktadresse a img {
	background-image: url(pics/mailpic.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}
#kontaktbox a:hover img, #kontaktadresse a:hover img {
	background-image:url(pics/mailpic_aktiv.gif);
}
#galerie img {
	margin: 0 2px 5px 0;
	border: #b0b4b2 solid 1px;
}

/*********************************************************************************************************************\
* Hacks für den Internet-Explorer 5 & 6: der Selektor * html wird von allen anderen Browsern ignoriert
* Diese Formatierungen gleichen bestimmte Fehldarstellungen des IE 5.5. und IE6 aus
\*********************************************************************************************************************/
* html #sidebar_l {
	margin-right: -3px;
}
* html #mainContent { 
	margin-left: -5px;
	zoom: 1;/* Mit der proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen*/
}
* html .box_l_strech p, * html .box_r_strech p, * html .box_m_strech p {
	margin-bottom: 0;
}
* html .box_m_strech {
	padding: 10px 15px 10px 10px;
}
* html #galerie img {
	margin: 0 3px 5px 0;
}
* html #menu {
	margin-top: -3px;
}
* html .box_l_bottom, .box_r_bottom, #footer {
	margin-bottom: -5px;
}
* html #site {
	padding-bottom: -10px;
}
/*********************************************************************************************************************\
* Hacks für den Internet-Explorer 7: der Selektor *:first-child+html wird von nur vom IE7 akzeptiert
* Diese Formatierungen gleichen bestimmte Fehldarstellungen des IE 7 aus
\*********************************************************************************************************************/

*:first-child+html #menu {
	margin-top: -3px;
}
*:first-child+html #mainContent {
	zoom: 1;/* Mit der proprietären Zoom-Eigenschaft wird IE die Eigenschaft hasLayout zugewiesen*/
}
*:first-child+html .box_l_bottom, .box_r_bottom, #footer {
	margin-bottom: -5px;
}
*:first-child+html #site {
	padding-bottom: -10px;
}