/* DIESE STYLE DATEI GILT FÜR ALLE SEITEN !!! */

/* hier keine Farben definieren, es sei denn, dass sie für alle designs gelten sollen */

/****************************** Style allgemein ******************************/
body, td, p, text, font, a, b, h1, h2, h3, h4, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body, td, p, text, font, a, b, input {
	font-size: 11px;
}
h1, h2, h3, h4 {
	font-weight:bold;
	padding: 0;
}
h1 {
	font-size: 14px; 
	margin: 4px 0 5px 0;
}
h2 {
	font-size:14px;
	margin:4px 0 5px 0;
}
h3 {
	font-size:12px;
	margin:2px 0 5px 0;
}
h4 {
	font-size:11px;
	margin:6px 0 5px 0;
}

p.bodytext {
	margin:0 0 3px 0;
	padding:0;
}

/* Links */
a:link, a:visited, a:hover {
	text-decoration: none;
	color: #000000;
}
.content a {
	text-decoration:underline;
}

/* Content */
.content {
	padding:20px 8px;
}
/* Spezialfall content auf der Startseite */
.content_startseite {
	padding: 0 10px;
}
/****************************** Ende Style allgemein ******************************/


/****************************** Umrandung der Site ******************************/
table.inhalt { /* Breite und Hintergrundfarbe des Inhalts */
	width:980px;
}
td.oben_sprach { /* obere Leiste, in der der Link zur Merkliste und die Flaggen sind */
	padding:0;
	height:17px;
}
td.flags { /* obere Leiste, in der der Link zur Merkliste und die Flaggen sind */
	padding-bottom:2px;
}
.merkliste, .merkliste_act { /* Merkliste neben Flaggen und Merkliste neben Flaggen - geklickt! */
	font-weight:bold;
}
/****************************** Ende Umrandung der Site ******************************/


/****************************** Werbebanner ******************************/
td.kopf { /* obere Leiste für den Banner */
	height:75px;
}
td.oben { /* oberer Rahmen im Banner */
	height:5px;
}
td.banner { /* Formatierung der Zelle die die Bilder enthält */
	text-align:center;
	vertical-align:middle;
}
.balken { /* Zeile unter der Bannerzeile, für Slogan reserviert */
	font: italic normal bold 16px/normal Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	padding-left:20px;
	height:5px;
}
/****************************** Ende Werbebanner ******************************/


/****************************** Navigation ******************************/
.menu, .menu_links { /* Container für die Navigation */
	width:161px;
}
.hauptmenu { /* Container für die Menüpunkte */
	position:relative;
}

/* +++ Pfeilicons in der Navigation ausrichten +++ */
.menulevel1 img, .menulevel_hl1 img, .menulevel1_act img, .menulevel3 img, .menulevel3_act img {
	float:right;
}
/* --- Pfeilicons in der Navigation ausrichten --- */

/* +++ die einzelnen Punkte +++ */
.menulevel1 , .menulevel_hl1, .menulevel1_act {
	height:26px;
	border:0;
}
.menulevel2, .menulevel2_act, .menulevel3, .menulevel3_act  {
	height:22px;
	border:0;
}
.menulevel1 a, .menulevel_hl1 a, .menulevel1_act a, .menulevel2 a, .menulevel2_act a, .menulevel3 a, .menulevel3_act a {
	display:block;
	margin-left:0;
	text-decoration: none;
}
.menulevel1 a, .menulevel_hl1 a, .menulevel1_act a, .menulevel3 a, .menulevel3_act a {
	padding:6px 7px 7px 7px;
	font-weight:bold;
}
.menulevel2 a, .menulevel2_act a {
	padding:4px 7px 5px 6px;
}
/* --- die einzelnen Punkte --- */

/****************************** Ende Navigation ******************************/


/****************************** Startseite ******************************/
/* Titelbild und Titel */
td.oben_start { /* Zeile mit dem grossen Image bzw. Flash auf der Startseite */
	width:560px;
	height:160px;
	padding:10px 0 0 10px;
}
.slogan { /* Zeile unter dem grossen Image auf der Startseite, das den Titel enthält */
	width:560px;
	height:20px;
	padding:10px 0 9px 0;
	margin-left:10px;
	text-align:center;
	font: italic normal bold 18px/normal Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
}
/* Ende Titelbild und Titel */

/* Unterkunft-Banner (Top 8) in der Mitte */
.unterkunft {
	margin:0;
	padding:4px 2px;
	width:135px;
	height:132px;
	font-size:10px;
	cursor:pointer;
}
.unterkunft a {
	display:block;
	font-size:10px;
}
/* Ende Unterkunft-Banner (Top 8) in der Mitte */

/* Wellness, Angebote, Highlights, Pauschalen */
.rahmenangebote {
	margin-bottom:3px;
}
div.aktion {
	margin:0;
	padding:6px 0;
}
div.aktion.wellness, div.aktion.spezial, div.aktion.highlights, div.aktion.pauschalen {
	margin-bottom:1px;
	cursor: pointer;
}
div.aktion.wellness {
	padding:4px;
	height:52px; /* für IE6 */
}
div.aktion.spezial {
	padding:2px;
}
div.aktion.highlights {
	padding:4px;
}
div.aktion.pauschalen {
	padding:4px;
}
div.aktion h1 { /* Überschrift */
	font: italic normal bold 17px/normal Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
}
div.aktion.wellness h1 {
	margin:8px 0 5px 0;
}
div.aktion.spezial h1 {
	margin:5px 10px 7px 10px;
}
div.aktion.highlights h1 {
	margin:5px 10px;
}
div.aktion.pauschalen h1 {
	margin:5px 10px;
}
div.aktion.wellness div, a.angebote img, a.angebote .vbstart img { /* ausrichtng der bilder */
	float:left;
}
div.aktion.wellness div { /* wellness bild */
	margin-right:4px;
}
a.angebote img { /* pfeil bilder */
	margin-right:4px;
}
a.angebote .vbstart img { /* highlights und pauschalen bilder */
	margin:0 4px 4px 0;
}
a.angebote, a.angebote:visited {
	display:block;
	margin-bottom:1px;
	padding:3px;
	font-size:10px;
	vertical-align:middle;
}
/* Ende Wellness, Angebote, Highlights, Pauschalen */

/* Überschriften in der rechten Spalte */
.titel { /* momentan nicht benutzt */
	height:22px;
	margin:0;
	padding: 4px 0 0 5px;
	font: italic normal bold 14px/normal Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
}
.titel h1 { /* momentan nicht benutzt */
	font: italic normal bold 14px/normal Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
}
.untertitel { /* Startseite: Überschriften in rechter Spalte */
	height:20px;
	margin:0;
	padding: 4px 0 0 5px;
	font: normal normal bold 12px/normal Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
}
.lastminute {
	padding:3px;
	padding-left:5px;
	margin:0;font: normal normal bold 12px/normal Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	
}


/* Überschriften in der rechten Spalte */

/* Suche rechts oben  */
.urlaub_start { /* Überschrift */
	width:214px;
	height:36px;
	margin: 10px 10px 0 1px;
	*margin-bottom:-20px;
	padding-top:4px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.suche_start { /* Suchbox */
	width:214px;
	height:160px;
	margin: 0 10px 0 1px;
	*margin-bottom:-20px;
	font-size:10px;
}
.suche_start  .checken { /* die einzelnen Checkboxen */
	height:16px;
	margin-top:-1px;
	*margin-bottom:-5px;
	padding-left:5px;
	font-weight:bold;
}
.suchwort_start { /* input Felder */
	margin:5px 1px 0 7px;
	font-weight:bold;
}
.suchtext_start { /* Eingabefeld */
	width:70px;
	font-size:10px;
}
.suchbutton_start { /* Finden-Button */
	font-weight:bold;
	font-size:10px;
}
/* Ende Suche rechts oben */

/* Videos/Filme, Kartensuche, 360-Grad- Bilder */
div.videos {
	margin:0;
	padding: 10px 5px;
	text-align:center;
}
div.videos a:link, div.videos a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1pt;
}
/* Ende Videos/Filme, Kartensuche, 360-Grad- Bilder */

/* restliche rechte Spalte - AUCH GASTGEBER RECHTE SPALTE */
div.gastgeber {
	margin: 0;
	padding:2px;
	font-size:10px;
	text-align:left;
	text-decoration:none;
	cursor: pointer;
}
a.gastgeber img {
	float:left;
	margin-right:4px;
}
/* Ende restliche rechte Spalte */

/* unterer Bereich */
td.erlebnis_text { /* Überschrift */
	padding:0 20px;
}
td.erlebnis_bild { /* Spalte für das Bild links vorgesehen; im Moment kein Bild */
	width:216px;
	padding-left:20px;
}
/* Ende unterer Bereich */

/* Winter-Aktion auf der Startseite - momentan verborgen! */
div.winter {
	width:98%;
	margin-left:8px;
}
/* Ende Winter-Aktion auf der Startseite - momentan verborgen! */
td.strich {
	height:2px;
}
/* speziell fur Winter-Details - ??? */
td.strich2 {
	height:1px;
}
.detail_bild {
	width:150px;
	height:100px;
}
.detail {
	width:520px;
}
.detail_rechts {
	width:100px;
}
.detail_links {
	width:150px;
}
.detail_links  h3 {
	font-size: 11px;
}
.detail  p {
	padding:10px;
}
.detail a:link, .detail a:visited, .detail a:hover {
	font-size: 11px;
}
.detail a:hover {
	text-decoration:none;
}
/* Ende speziell fur Winter-Details - ??? */

/****************************** Startseite ******************************/


/****************************** Unterkünfte - Liste ******************************/
/* Gueltig fuer Gastgeber, Ferienorte, Ausflugziele, Wellness */
hr { /* Trennlinie zwischen den Unterkünften */
	height:1px;
}
img.iconborder { /* Abstand um Buttons (Buchen, Ortsinfo, Merken, ...) */
	margin:1px;
}
td.liste_oben { /* Bereich in dem die Icons für die Sortierung liegen */
	padding:5px;
	font-size:10px;
}
td.liste_oben input { /* Abstand der Icons zueinander */
	margin:0 10px 0 0;
}
.suchbutton.sortbutton { /* der Sortieren-Button */
	margin:0 10px;
	vertical-align:top;
}
td.blaettern, td .sortieren, th.sortieren { /* Leiste mit vorige, nächste und Seitenzahlen */ /* Sortieren-Box: Name, PLZ und Ort */
	padding:3px;
	font-weight: bold;
}
td.blaettern a, td.blaettern a:hover, td.blaettern a:visited, /* Formatierung der Seitenzahlen */
td.sortieren a, td.sortieren a:hover, td.sortieren a:visited,
th.sortieren a, th.sortieren a:hover, th.sortieren a:visited { /* Tabellen-Überschrift für Liste-Unterkünfte, Liste-Orte, Liste-Pauschalen, Liste-Ausflüge, Liste-Veranstaltungen */
	text-decoration:underline;
}
td.eintrag, td.eintrag a { /* Formatierung der Unterkunft-Liste */
	font-weight: bold;
	padding-right:2px;
}
td.eintrag_preise { /* Preise in der Unterkunft-Liste */
}
/* rechte Spalte */
td.spalte_rechts {
	width:214px;
}
table.spalte_rechts td {
	padding:5px 0;
	text-align:right;
}
td.titel_rechts, td.titel_rechts a {
	padding-top:4px;
	text-align:right;
	font: normal normal bold 12px/normal Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
}
input.suchbutton { /* Finden-Button */
	font-weight:bold;
	margin-top:10px;
}
/****************************** Ende Unterkünfte - Liste ******************************/


/****************************** Unterkünfte - Details ******************************/
td.zurueck_linie { /* Rahmen für die Box bei Anfragen und bei Detail-Unterkünfte, Detail-Pauschale */
	height:2px;
}
td.db_links { /* Detail-Unterkünfte, Detail-Pauschale, Detail-Orte: linke Spalte, Liste-Psuchalen: Zeiträume, Gewinnspiel */
	padding-left:4px;
}
td.db_text { /* Detail-Unterkünfte, Detail-Pauschale, Detail-Orte: mittlere Spalte */
	padding-left:6px;
}
/****************************** Ende Unterkünfte - Details ******************************/


/****************************** Buchungsanfragen für Unterkünfte ******************************/
ul.buchungsvorgang li { /* Bestätigung nach Buchung - ANFRAGE-OK, ANFRAGEFORMULAR-ALLGEMEIN-OK-ALT, UNTERKUNFT-LEER */
	padding-bottom:5px;
}
table.anfragen a, table.anfragen tr.neu td, .bold {
	font-weight:bold;
}
table.anfragen td.click { /* ??? */
	font-weight:bold;
	cursor:pointer;
}
table.anfragen td.click:hover { /* ??? */
	text-decoration:underline;
} /* Absende-Button in Formularen Absage-Button in Formularen */
table.anfragen input.angebot_button,
table.anfragen input.angebot_button:hover,
table.anfragen input.angebot_button:active,
table.anfragen input.angebot_button:focus,
table.anfragen input.absage_button,
table.anfragen input.absage_button:hover,
table.anfragen input.absage_button:active,
table.anfragen input.absage_button:focus,
table.anfragen input.zurueckbutton,
table.anfragen input.zurueckbutton:hover,
table.anfragen input.zurueckbutton:active,
table.anfragen input.zurueckbutton:focus {
	font-weight:bold;
}
/****************************** Ende Buchungsanfragen für Unterkünfte ******************************/


/****************************** Buchungsanfragen für Anfrager ******************************/
table.anfragen td, table.anfragen th { /* Formatierung der Zellen */
	padding:4px;
}
table.anfragen input.absende_button,
table.anfragen input.absende_button:hover,
table.anfragen input.absende_button:active,
table.anfragen input.absende_button:focus {
	font-weight:bold;
}
/****************************** Ende Buchungsanfragen für Anfrager ******************************/


/****************************** Kontakt: Wünsche, Werbemöglichkeiten, Fragen, Allg. Buchungsanfragen ******************************/
fieldset {
	padding: 1em;
}
label {
	float:left;
	width:25%;
	margin-right:0.5em;
	padding-top:0.2em;
	text-align:right;
	font-weight:bold;
	cursor:pointer;
}
.csc-mailform-label { /* Abstand zwischen den einzelnen input Feldern */
	padding-left:200px;
}
/****************************** Ende Kontakt: Wünsche, Werbemöglichkeiten, Fragen, Allg. Buchungsanfragen ******************************/


/****************************** Pauschalen-Details ******************************/
h1.ptopic { /* Titel */
	font: italic normal bold 17px/normal Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1pt;
}
/****************************** Ende Pauschalen-Details ******************************/


/****************************** Pauschalen-Liste ******************************/
td.preis {
	font: normal normal bold 13px/normal Arial, Helvetica, sans-serif;
}
/****************************** Ende Pauschalen-Liste ******************************/


/****************************** Spezialangebote - Liste ******************************/
.arrangements td.odd, .arrangements td.even {
	vertical-align:top;
	text-align: center;
}
.arrangements th {
	padding: 10px;
	text-align: center;
	font-size: 16px;
}
/****************************** Ende Spezialangebote - Liste ******************************/


/****************************** Highlights - Liste und weitere Highlights ******************************/
.highlights td {
	padding:0;
}
td.highlights_start {
	padding:0 4px;
}
td.highlights_start .listenformat ul { /* Formatierung der Liste */
	padding-left:20px;
}
td.highlights_oben { /* Detail-Arrangements und Detail-Highlights - Titel mit Unterkunft und Ort */
	height:110px;
}
td.highlights_oben h3 { /* Detail-Arrangements und Detail-Highlights - Titel */
	font-size:14px;
}
td.highlights_links { /* Details-Highlights: linke Spalte */
	width:175px;
}
td.highlights_mitte { /* Details-Highlights: mittlere Spalte */
	width:487px;
	padding:15px;
}
td.highlights_rechts { /* Details-Highlights: rechte Spalte */
	width:75px;
}
td.highlights_strich {
	height:2px;
}
table.highlights_inhalt {
	width:100%;
}
.highlight-preis { /* Highlights-Übersicht: Preis */
	padding: 20px 0 10px 0;
}
/****************************** Ende Highlights - Liste und weitere Highlights ******************************/


/****************************** Highlights - Anfrage ******************************/
div.anfragetitel, h1 b { /* Highlights: Anfrage: Angebotstitel */
	font-size:16px;
}
.anfragename { /* Highlights: Anfrage: Unterkunftsname */
	margin-top: 10px;
	font-size: 11px;
	color: #000000;
}
.anfrage-text { /* Highlights: Anfrage: Angebotstext */
	padding:10px;
}
.anfrage_weitere_hl_titel {
	padding:5px;
	font-size:12px;
	font-weight:bold;
}
/****************************** Ende Highlights - Anfrage ******************************/


/****************************** Highlights/Spezialangebote - Anfrage ******************************/
table.anfrage {
	padding: 2px;
}
.anfrage th {
	padding: 10px;
	text-align: center;
	font-size: 16px;
}
/****************************** Ende Highlights/Spezialangebote - Anfrage ******************************/


/****************************** Gewinnspiel ******************************/
/* Überschriften */
.balken_gewinn { /* Balken auf der Gewinnspielseite */
	font: italic normal bold 16px/normal Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	padding-left:20px;
	height:24px;
}
a div.balken_gewinn {
	cursor:pointer;
}
/* die aufgelisteten Preise */
.gewinnspiel {
	margin-bottom:30px;
}
.gewinnspiel td {
	font-size:11px;
	vertical-align:top
}
.gewinnspiel a {
	text-decoration:none;
	font-size:10px;
}
.gewinnspiel a:hover {
	text-decoration:underline;
}
.gewinnen {
	margin:0px;
	padding:4px;
	width:118px;
	cursor:pointer;
}
td.aktiv, td.unaktiv, td.verlost { /* aktueller Monat, kommende Monate, vergangene Monate */
	padding: 3px 0;
	font-weight:bold;
}
td.verlost { /* vergangene Monate */
	text-transform:uppercase;
}
td.strich {
	height:2px;
}
/* Spiel */
.gspielstart {
	width: 183px;
}
/* Beschreibung des aktuellen Gewinns (unten) */
.gewinndetail th {
	width:520px;
}
.gewinndetail td {
	padding:20px;
}
/****************************** Ende Gewinnspiel ******************************/


/****************************** Gutschein ******************************/
table.gutschein th {
	font-size:20px;
	padding: 5px;
	text-align: center;
}
.gutscheininhalt p, .gutscheininhalt p a, .gutscheininhalt ul li {
	font-size: 12px;
	line-height: 150%;
}
.gutscheininhalt2 {
	padding:10px;
	font-size:12px;
}
.versand {
	padding: 5px;
}
.logintitel {
	margin:10px;
	font-weight:bold;
}
.ginpruefen {
	font-weight:bold;
	padding:10px;
	margin:10px;
}
p.gtopic {
	font-size:17px;
	font-weight:bold;
}
.bestellung {
	padding:10px 10px 0 10px;
}
.gbestellung td {
	padding: 10px;
}
.gbestellung td ul {
	margin-bottom: 0;
}
.gbeschreibung {
	padding:0 10px;
}
.geingaben {
	padding:10px;
}
.geingabenbox {
	width:100%;
}
.geingabentopic {
	padding:5px 5px 5px 0;
}
.gueberschrift {
	padding:10px 5px 0 5px;
}
.geingabentopictext {
	font-weight:bold;
	font-size:12px;
	padding:5px;
}
.gbutton {
	padding:2px;
	width:100px;
	font-weight:bold;
}
.gboxangaben {
	padding:10px 5px 10px 5px;
}
.ginnenboxangaben {
	min-height:150px;
}
.gutscheindaten td {
	padding: 4px;
}
/****************************** Ende Gutschein ******************************/


/****************************** Sonstige ******************************/
.rechtespalte { /* Ferienorte-Liste: Box mit Gastgeber-Links */
	padding: 10px;
}
.anfrage-ok { /* Ferienorte-Details: Hinweis, dass Anfrage gesendet wurde */ /* DIESE FARBE BLEIBT */
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 5px;
	border: 5px solid #FED41D;
	background-color: #FFFEA2;
	color:#000000;
}
.text-zentriert {
	text-align: center;
}
#user_sdb_pauschalen_monatsnav {
	padding:6px;
}
/****************************** Ende Sonstige ******************************/


/****************************** Shop ******************************/
td.shop {
	width:250px;
}
/****************************** Ende Shop ******************************/


/****************************** Winterhighlights Unterseite - gibts nicht mehr ******************************/
td.winterhighlights_start {
	padding-left:10px;
	padding-right:10px;
}
td.winterhighlights_oben {
	height:110px;
}
td.winterhighlights_links {
	width:150px;
}
td.winterhighlights_mitte {
	width:520px;
	padding-left:10px;
}
td.winterhighlights_rechts {
	width:100px;
}
table.winterhighlights_inhalt {
	width:100%;
}
/****************************** Ende Winterhighlights Unterseite - gibts nicht mehr ******************************/


/****************************** Last Minute Angebote ******************************/
.lmangebot {
	display:block !important;
	padding:5px !important;
	text-decoration:none !important;
	cursor:pointer !important;
}
.lmangebottext {
	padding:5px;
	margin-left:105px;
	width:250px;
	position:relative;
	z-index:0;
}
.status {
	display: inline-block;
	position:absolute;
	height: 10px;
	width: 10px;
	top:0;
	right:0;
	z-index:-1;
}
/****************************** Ende Last Minute Angebote ******************************/

/****************************** JS-Meldung bei Buchungsanfragen ******************************/
.meldung {
	padding:3px;
	margin-bottom:10px;
	border:5px solid #FF0000;
	color:#FF0000;
	background-color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
/****************************** Ende JS-Meldung bei Buchungsanfragen ******************************/