.hptitel { font-family: Arial, Helvetica; font-size: 20px; color: #316397; text-decoration: none; text-align: center; margin: 0px; font-weight: bold; font-style: normal; }
.hpsubtitel { font-family: Arial, Helvetica; font-size: 14px; color: #316397; text-decoration: none; text-align: left; margin: 0px; font-weight: bold; font-style: normal; }
.hptext { font-family: Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hptext A { font-family: Arial, Verdana, Helvetica; font-size: 12px; color: #ffffff; text-decoration: underline; text-align: left; margin: 0px; font-weight: normal; font-style: normal; font-weight: bold; color: #FFFFFF; font-size: 12px; text-decoration: underline;}
.hptext A:hover { font-family: Arial, Helvetica; font-size: 12px; color: #ffffff; text-decoration: none; text-align: left; margin: 0px; font-weight: bold; font-style: normal; font-weight: bold; color: #FFFFFF; font-size: 12px; text-decoration: none;}
.hpnav { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #000066; text-decoration: none; text-align: left; font-weight: normal; font-style: normal; }
.hpnav:hover { font-family: Arial, Helvetica; font-size: 10px; color: #ffffcc; text-decoration: underline; text-align: left; font-weight: normal; font-style: normal; }
.hpbildunterschrift { font-family: Arial, Helvetica; font-size: 10px; color: #000066; text-decoration: none; text-align: center; margin: 5px; font-weight: bold; font-style: italic; }
.hpbildfocus { font-family: Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: italic; }
.hpadresse { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #000066; text-decoration: none; text-align: left; margin: 0px; font-weight: normal; font-style: normal; }
.hpbuttons a { text-align: center; }
.clear { clear: both; }

#cmDisclaimerContainer {
	display: none;
	background-color: #ffffff;
	border: #000000 dotted 1px;
	width: 400px;
	height: 250px;
	overflow: auto;
	color: #000000;
	padding: 10px;
	position: absolute;
	left: 150px;
	top: 150px;
	z-index: 100;
}
#cmDisclaimerClose {
	position: absolute;
	top: 5px;
	right: 20px;
}


/******************************************************/
/* allgemeiner Standardselektor um Sachen zu vermeiden */
img, div, table, tr, td, span, p, ul, li, h1, h2, h3, h4, h5, h6, h7, form {
 padding: 0px;
 border: 0px;
 margin: 0px;
}

/* allgemeiner Selektor für Schriftart, Schriftgröße und Schriftfarbe */
div#bda_static h2, table table div.hptext div.hpsubtitel, div#bda_impressum h2, div.bda_gb_ueberschrift {
	font-family: Verdana, Arial, serif;
}

/******************************************************/
/* Styles für die Kopfzeile oder absolut positionierte Sachen */

/* Dieser Style stellt den Abstand über und unter dem Headerbild her */
td.hpbuttons img {
	margin-top: 40px;
}

body img {
 margin-top: 8px;
 margin-bottom: 29px;
}

/* Style für das "Akzent-Hotel"-Logo ganz oben über den Kopfbildern */
div#headimg {
 position: absolute;
 top: 0px;
 left: 210px;
 margin: 0px;
}

img#headimg {
 margin: 0px;
 margin-top: 37px;
}

/* Styles für die Links in der Navigationsspalte über dem Kopfbild */
div.headnavi {
 position: absolute;
 top: 7px;
 left: 756px;
 width: 248px;
 text-align: center;
 font-size: 11px;
 font-weight: normal;
 color: #ffffff;
}

div.headnavi a, div.headnavi a:hover, div.headnavi a:link, div.headnavi a:visited, div.headnavi a:active, div.headnavi a:focus {
 font-size: 11px;
 font-weight: normal;
 text-decoration: none;
}

/* styles für den tollen Niedersachsenteller */
div#bda_nst a {
	color: white;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
}

div#bda_nst span {
	margin-top: 35px;
}

/******************************************************/
/* Styles für systemgenerierte Informationen */

/* Fix für die Navigation, damit die Bilder ein wenig Abstand zueinander haben, weil der servergenerierte Code nicht funktioniert */
body td.hpbuttons a img {
 margin-top: 4px;
 margin-bottom: 4px;
}

/* Fix für alle anderen Bilder, damit der obere Headerfix nicht alles kaputt macht */
body table img, body img.outer, a img {
 margin-top: 0px;
 margin-bottom: 0px;
}

/* Informationen für die untergestellte systemgenerierte Adresse */
div.hpadresse {
	text-align: center;
	font-size: 12px;
	color: #316397;
}

/* Links von Aktuelles-Meldungen bitte in schwarz */
div.hptext a, div.hptext a:hover {
	color: #000000;
}

body div.headnavi a, body div.headnavi a:hover {
	color: #ffffff;
}


/******************************************************/
/* Markup für die statischen und komplett von Hand administrierten Seiten */

/* Große Überschriften am oberen Ende der Seite */
div#bda_static h2 {
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;

	display: block;
	margin: 0px 0px 15px 0px;
	padding: 0px 3px;
	line-height: 24px;
	background-color: #316397;
}

/* Links in den hellblauen Inhaltsboxen im gesamten Inhaltsfeld */
div#bda_static div a, div#bda_static div a:hover {
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}

div#bda_static div a:hover {
	text-decoration: none;
}

/* kleinere Überschriften für die einzelnen Inhaltsteile */
div#bda_static h3, div#bda_static h3 a, div#bda_static h3 a:hover {
	background-color: #316397;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 0px 4px;
	line-height: 18px;
	text-decoration: none;
	border-bottom: 5px white solid;
}

div#bda_static h3 a, div#bda_static h3 a:hover {
	padding: 0px;
}

/* spezialklasse, wo obiger effekt (untere border) nicht erwünscht ist */
div#bda_static h3.noborder, div#bda_static h3.noborder a, div#bda_static h3.noborder a:hover {
	border-bottom: 0px;
}

/* Inhaltsboxen in gesamten Inhaltsfeld */
div#bda_static div {
	background-color: #9BB3D4;
	color: #ffffff;
	font-size: 12px;
	line-height: 130%;
}

/* Absätze in den hellblauen Inhaltsboxen im gesamten Inhaltsfeld */
div#bda_static div p {
	margin: 3px;
}

/* Positionierung der drei Boxen-zeilen */
div#bda_static div.box_left {
	float: left;
	width: 228px;
	margin-right: 5px;
}

div#bda_static div.box_center {
	float: left;
	width: 234px;
}

div#bda_static div.box_right {
	float: right;
	width: 228px;
}

div#bda_static div.box_double {
	width: 467px;
}

div#bda_static div.box_full {
	clear: both;
	width: 700px;
	margin-top: 15px;
}

div.bda_static_wilk div.box_left, div.bda_static_wilk div.box_center, div.bda_static div.box_right {
	width: 230px !important;
}

/* zusätzliches Layout für die Boxen-zeilen, die nur Bilder enthalten (sollen) */
div#bda_static div.box_img {
	background-color: transparent;
}

div#bda_static div.box_img h3 {
	border-bottom: 2px white solid;
}

/* Das Layout für die Bilder in den Bildboxenzeilen */
div#bda_static div.box_img a img {
	border: 1px #9BB3D4 solid;
	margin-top: 3px;
}

/*  Für Auflistungen in den Inhaltsboxen */
div#bda_static div ul {
 list-style-type: square;
 margin-left: 23px;
 color: #ffffff;
}

/******************************************************/
/* Fixes für die Aktuelles-Meldungen */
/* REIHENFOLGE: Dieser Absatz sollte wohl hier bleiben; Risiken möglich, aber keine bekannt */

body table table div.hptext blockquote div.hpsubtitel {
	width: 600px !important;
	margin: 15px 0px;
}

/* die normalen Aktuelles-Anzeigen */
body table table div.hptext blockquote div.hptext {
	width: 600px !important;
}

/* fix für die Breite von Bildern in den Aktuelles-Anzeigen */
body table table div.hptext blockquote div.hptext img {
	width: auto !important;
}


/******************************************************/
/* die Anfrage-Seite in ordentlichem Makeup; es wird empfohlen, den html-code dringenst zu überarbeiten */
/* REIHENFOLGE: Dieser Absatz muss _ÜBER_ impressum und _ÜBER_ Gästebuch und _UNTER_ Aktuelles stehen */

/* fix für das padding-problem */
table table div.hptext {
	width: 700px;
}

/* Die Überschrift über die Seite, wird eventuell auch auf andere Seiten wirken */
table table div.hptext div.hpsubtitel {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;

	display: block;
	margin: 0px;
	padding: 0px 4px;
	line-height: 24px;
	background-color: #316397;
}

/* Das generelle Feld der Form, das den Rest der Seite umschließt */
table table div.hptext form {
	background-color: #9BB3D4;
	width: 700px;
	padding: 4px 0px;
	color: #ffffff;
}

/* die gesamte Tabelle, die als einziges innerhalb der Form liegt */
table table div.hptext form table {
	margin-left: 10px;
	line-height: 130%;
}

/* die einzelnen Zellen der Form-Tabelle, da die Farbangabe für die Tabelle nicht reicht */
table table div.hptext form table td {
	color: #ffffff;
}

/* Fix für die Linkfarbe der Aktuelles-Meldungen */
table table div.hptext form a, table table div.hptext form a:hover {
	color: #ffffff;
}


/******************************************************/
/* das Gästebuch in ordentlichem Makeup; es wird empfohlen, den html-code dringenst zu überarbeiten */
/* REIHENFOLGE: Dieser Absatz muss _UNTER_ Anfahrt stehen */

/* die extra implementierte Überschrift für das Gästebuch */
div.bda_gb_ueberschrift {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;

	display: block;
	margin: 0px;
	padding: 0px 4px;
	line-height: 24px;
	background-color: #316397;
}

/* Der "Neuer Eintrag"-Link */
table table table div.hptext a, table table table div.hptext a:hover {
	color: #316397;
}

/* Titel der "Neuer Eintrag"-Seite */
table table table div.hptext div.hpsubtitel {
	background-color: #9BB3D4;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	line-height: 16px;
}


/* Der Titel des Gästebuches */
table table table div.hptext div.gbtitel {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;

	display: block;
	margin-bottom: 15px;
	padding: 2px 4px;
	background-color: #9BB3D4;
	width: 550px;
}

/* die Gästebucheinträge selbst */
/* obere Zeile des Eintrages */
table table table.eintrag_top {
	background-color: #9BB3D4;
	border-bottom: 1px solid #316397;
}

table table table.eintrag_top td.gblink {
	color: #ffffff;
	font-size: 12px;
	line-height: 130%;
}

/* Eintragstext */
table table div.eintrag_text {
	background-color: #9BB3D4;
}

table table div.eintrag_text span.hptext {
	color: #ffffff;
	font-size: 12px;
	line-height: 130%;
}


/******************************************************/
/* besseres Impressum, nur leider nicht Servergeneriert */
/* REIHENFOLGE: Die Impressum-Seite sollte möglichst ganz unten stehen, da sie ihre eigenen Verkapsel-Tags hat */

/* generelles außenumliegendes div */
div#bda_impressum {
	width: 700px;
	text-align:left;
	color: #ffffff;
	font-size: 12px;
	line-height: 130%;
}

/* Fix für die Links im Impressum, da sie sonst von den Gästebuch-Styles überschrieben werden */
div#bda_impressum a, div#bda_impressum a:hover {
	font-size: 12px;
	color: #ffffff;
	display:inline;
	font-weight: bold;

	margin-left: auto;
	background-color: transparent;
	width: auto;
}

/* überschrift */
div#bda_impressum h2 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Sans-serif;
	color: #ffffff;

	display: block;
	margin: 0px;
	padding: 0px 4px;
	line-height: 24px;
	background-color: #316397;
}

/* unter-Überschrift */
div#bda_impressum h5 {
	font-size: 12px;
	color: #ffffff;
	display:block;
	font-weight: bold;

	margin-bottom: 15px;
	padding: 2px 4px;
	background-color: #9BB3D4;
}

/* Das Feld unter den Titeln, dass die eigentlichen Informationen enthält */
div#bda_impressum div#bda_content {
	background-color: #9BB3D4;
	padding: 10px 0px;
}

/* das Bild des Akzent Hotels */
div#bda_impressum img {
	float: left;
	margin: 0px 15px 15px 10px;
}

/* Beschriftungen der einzelnen Informationen */
div#bda_impressum dl dt {
	width: 170px;
	float: left;
	margin-left: 5px;
}

/* die Informationen, die auf der Seite stehen */
div#bda_impressum dl dd {
	text-align: left;
}

/******************************************************/
/* fixes für das gesamtlayout, müssen unten bleiben */
td.hpbuttons {
 width: auto;
}

table table img {
 width: auto;
 border: 0px;
}


/* testbereich * /
td, div, img {
	border: 1px solid red !important;
}

/* */

table table div.hptext ul li {
margin-left: 15px;
}

TABLE.impressum TD.hptext {
color: #fff;
padding-left: 10px;
}
.gbtitel_link, .gbtitel_link:hover, .gbtitel, .gblink, .gblink:hover {
 color: #000000;
 font-size: 12px;
 font-family: Arial, Helvetica;
 text-align: left;
 font-weight: normal;
 font-style: normal;
}
.gbtitel_link, .gbtitel_link:hover, .gbtitel {
 color: #316397;
 font-size: 14px;
 font-weight: bold;
 font-style: normal;
}
.eintrag_top, .eintrag_text {
 border: 0px solid #ffffff;
}
.eintrag_top, .eintrag_text, .eintrag_top TD {
 padding: 3px;
}
.eintrag_top {
 border-collapse: collapse;
 background-color: #ffffff;
}
.eintrag_text {
 border-top: 0px;
 background-color: #ffffff;
}

#gb * td, #gb input, #gb textarea, .gbtitel_link, .gbtitel_link:hover, .gbtitel, .gblink, .gblink:hover, .gbtext {
 color: #000000;
 font-size: 12px;
 font-family: Arial, Helvetica;
 text-align: left;
 font-weight: normal;
 font-style: normal;
 text-align: left;
}
.gbtitel_link, .gbtitel_link:hover, .gbtitel {
 font-size: 14px;
 font-weight: bold;
}
.gbtitel_link, .gbtitel_link:hover, .gblink, .gblink:hover {
 text-decoration: underline;
}
#gb, #gb tr, #gb * td {
 border: 0px;
 padding: 0px;
 margin: 0px;
 border-collapse: collapse;
}
.gb_breite1 {
 width: 185px;
 vertical-align: top;
}
.gb_breite2 {
 width: 400px;
}