body
{
  margin: 0px;
  padding: 0px;
}

/*Std. Definitionen*/
img
{
  border: 0px;
}

h1
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

h2
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

h3
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

h4
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

ul
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  list-style-type: none;
}

ul ol
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
  list-style-type: none;
}

ul li
{
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

ol li
{
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
}


a
{
}

p
{
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

div
{
  font-family: Arial, Helvetica, Verdana, Sans-Serif;
}


/* ----- STYLES JOHANNESBAD - CM 11012011 ----- */

body
{
  background-position: left 52px;
  background-repeat: repeat-x;
}


div#Wrapper
{
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  position: relative;
}

div#AbstandHeader
{
  height: 15px;
}
/*ie6*/
* html div#AbstandHeader
{
  height: 14px;
}

div#Hauptnavigation
{
  margin-left: 22px;
  margin-right: 22px;
  height: 37px; /*ie6*/
  min-height: 37px;
  background-repeat: no-repeat;
  background-position: right top;
  position: relative;
}

div#Hauptnavigation ul
{
  margin-right: 25px;
}

div#Hauptnavigation ul li
{
  float: left;
}

div#Hauptnavigation ul li a
{
  text-decoration: none;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 12px;
  text-transform: uppercase;
  height: 35px; /*ie6*/
  min-height: 35px;
  display: block;
  vertical-align: middle;
  line-height: 36px;
  padding-top: 2px;
}

/*ie6*/
* html div#Hauptnavigation ul li a
{
  display: inline-block;
}

div#Hauptnavigation ul li a:link
{
}

div#Hauptnavigation ul li a:hover
{
}

div#Hauptnavigation ul li a:active
{
}

div#Hauptnavigation ul li a:visited
{
}


div#Unternavigation
{
  margin-right: 15px;
}

div#Unternavigation div.UnternavigationAbstand
{
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
}


div#Unternavigation ul
{
  list-style-type: square;
  font-size: 11px;
  padding-left: 20px;
}

div#Unternavigation ul li
{
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
}

div#Unternavigation ul li a
{
  text-decoration: none;
}

div#Unternavigation ul li a:link
{
  text-decoration: none;
}

div#Unternavigation ul li a:hover
{
  text-decoration: underline;
}

div#Unternavigation ul li a:active
{
}

div#Unternavigation ul li a:visited
{
}

div#Unternavigation ul li a.Markiert
{
  font-weight: bold;
  text-decoration: none;
}

div#Unternavigation ul li ul li a.Markiert
{
  font-weight: bold;
  text-decoration: none;
}


div#Unternavigation ul ul
{
  list-style-type: none;
  padding-left: 15px;
  padding-top: 1px;
}

div#Unternavigation ul li ul li
{
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 11px;
  border-bottom: 0px;
}



/*Submenue*/
div.Submenu
{
  display: none;
  position: absolute;
  left: -23px;
  top: 37px;
  z-index: 600;
  width: 902px;
  margin-left: 23px;
  margin-right: 23px;
  margin-bottom: 25px;
  background-repeat: repeat-x;
  background-position: left top;
}


div.Submenu div.SubmenuAbstand
{
  margin: 10px;
  margin-top: 20px;
}

div.Submenu div.SubmenuAbstand div.SubmenuZeile
{
  margin-bottom: 20px;
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1
{
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li
{
  float: left;
  border: 0px !important;
  width: 20%;
}



div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li div.BildEbene1
{
  margin-bottom: 4px;
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li div.BildEbene1 img
{
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li div.TextEbene1
{
  padding-left: 4px;
  padding-right: 4px;
  width: 140px;
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li div.HeadlineEbene1
{
  padding-left: 4px;
  padding-right: 4px;
  width: 140px;
}



div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li div.HeadlineEbene1
{
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li div.TextEbene1
{
  font-size: 11px;
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li a
{
  font-size: 11px !important;
  display: inline !important;
  width: auto !important;
  line-height: normal !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  height: auto !important;
  min-height: auto !important;
  vertical-align: baseline !important;
  text-transform: none !important;
  text-decoration: underline !important;
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li a:link
{
  text-decoration: underline !important;
  background-color: Transparent !important;
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li a:hover
{
  text-decoration: none !important;
  background-color: Transparent !important;
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li a:active
{
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 li a:visited
{
}


div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 ul.SubmenuEbene2
{
  padding-left: 22px;
  list-style-type: square;
  font-size: 11px !important;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-right: 10px !important;
}

div.Submenu div.SubmenuAbstand ul.SubmenuEbene1 ul.SubmenuEbene2 li
{
  float: none !important;
  border: 0px !important;
  width: auto !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}


/*SucheSprachwahl*/

div#SucheSprachwahlLinkPanel
{
  position: absolute;
  width: 40px;
  height: 36px;
  right: 0px;
  top: 0px;
  z-index: 5;
  text-align: left;
  padding-top: 1px;
}

div#SucheSprachwahl
{
  position: absolute;
  background-repeat: repeat-x;
  background-position: left top;
  right: 23px;
  top: 52px;
  z-index: 11;
  display: none;
  width: 191px;
  height: 100px;
}

div#SucheSprachwahl div#SucheSprachwahlSchliessen
{
  position: absolute;
  top: 5px;
  right: 5px;
  width: 12px;
  height: 12px;
}


div#SucheSprachwahl div#SucheSprachwahlAbstand
{
  padding: 10px;
}

div#SucheSprachwahl h4
{
  font-size: 12px;
}

div#SucheSprachwahl img.IconSprache
{
}

div#SucheSprachwahl input.txtQuery
{
  width: 91px;
  padding: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: left;
  font-size: 12px;
}

div#SucheSprachwahl input.btnSchnellsuche
{
  padding: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 2px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 12px;
  text-align: center;
  width: 67px;
}





div#SucheSprachwahl div#SucheSprachwahlAbstand div#SprachwahlPanel
{
  margin-bottom: 5px;
}

div#SucheSprachwahl div#SucheSprachwahlAbstand div#SuchePanel
{
  margin-bottom: 5px;
}


/*Visual*/
div#Visual
{
  position: relative;
  height: 278px;
}

div#Visual img.VisualBild
{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1 !important;
  display: none;
}


div#Visual div#HintergrundLogo
{
  width: 228px;
  height: 278px;
  position: absolute;
  left: 23px;
  z-index: 2;
}

div#Visual div#Logo
{
  position: absolute;
  left: 40px;
  bottom: 15px;
  z-index: 3;
}



/*ie6*/
* html div#Logo img
{
  behavior: url(pngbehavior.htc);
  width: 201px;
  height: 83px;
}


div#WrapperContent
{
  padding-bottom: 15px;
}

div#WrapperBreadCrumbs
{
  margin-left: 23px;
  margin-right: 23px;
  height: 25px;
  position: relative;
}

div#BreadCrumbs
{
  position: absolute;
  left: 228px;
  top: 0px;
  padding-left: 9px;
  font-size: 11px;
  padding-top: 6px;
}

div#BreadCrumbs a
{
  font-size: 11px;
  text-decoration: none;
}

div#BreadCrumbs a:link
{
  text-decoration: none;
}

div#BreadCrumbs a:hover
{
  text-decoration: underline;
}

div#BreadCrumbs a:active
{
}

div#BreadCrumbs a:visited
{
}


div#Fontsize
{
  position: absolute;
  right: 8px;
  top: 0px;
  padding-top: 4px;
  font-size: 11px;
}

div#Fontsize a
{
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  margin-left: 1px;
}

div#Fontsize a.Kleiner
{
  font-size: 11px;
}

div#Fontsize a.Standard
{
  font-size: 13px;
}

div#Fontsize a.Groesser
{
  font-size: 15px;
}

div#Fontsize a:link
{
  text-decoration: none;
}

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

div#Fontsize a:active
{
}

div#Fontsize a:visited
{
}


div#TrennerOben
{
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 8px;
  margin-left: 23px;
  margin-right: 23px;
  margin-bottom: 9px;
}

div#WrapperInhalt
{
  margin-left: 23px;
  margin-right: 23px;
}


div#WrapperInhalt div#SpalteLinks
{
  float: left;
  width: 228px;
}

div#WrapperInhalt div#SpalteMitte
{
  margin-left: 228px;
  margin-right: 208px;
  padding-top: 0px;
}


div#WrapperInhalt div#SpalteRechts
{
  float: right;
  width: 208px;
}

/*Aktuelles*/
div#WrapperInhalt div#SpalteMitte div.AktuellesBild
{
}

* html div#WrapperInhalt div#SpalteMitte div.AktuellesBild
{
	float:left;
}


div#WrapperInhalt div#SpalteMitte div.AktuellesText
{
  margin-left: 0px;
  margin-right: 0px;
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt
{
  min-height: 64px;
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunktBGOff
{
  min-height: 64px;
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunktBGOn
{
  min-height: 64px;
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunktAbstand
{
  padding-left: 16px;
  padding-right: 12px;
  padding-top: 8px;
  padding-bottom: 10px;
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt h3
{
  font-size: 12px;
  margin-bottom: 2px;
}


div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt h3 a
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt h3 a:link
{
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt h3 a:hover
{
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt h3 a:active
{
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt h3 a:visited
{
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt p
{
  font-size: 11px;
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt p a
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt p a:link
{
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt p a:hover
{
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt p a:active
{
}

div#WrapperInhalt div#SpalteLinks div.AktuellesMenuPunkt p a:visited
{
}


div#WrapperInhalt div#SpalteMitte div.AktuellesText div.TextMittlereSpalte
{
  display: none;
  padding-bottom: 10px;
}

div#WrapperInhalt div#SpalteMitte div.AktuellesBild p img.BildMittlereSpalte
{
  display: none;
}


/*Resevieren und Buchen */
div#WrapperInhalt div#SpalteRechts div#ReservierenUndBuchen
{
  margin-left: 15px;
}

div#WrapperInhalt div#SpalteRechts h3, div#WrapperInhalt div#SpalteLinks div#Unternavigation h3
{
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 11px;
  padding-bottom: 9px;
  padding-left: 7px;
  padding-right: 3px;
}

div#WrapperInhalt div#SpalteRechts h4
{
  font-size: 13px;
}

div#WrapperInhalt div#SpalteRechts div#Kalender
{
  position: relative;
}

.KalenderLoading
{
  position: absolute;
  top: 4px;
  right: -20px;
  z-index: 400;
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht
{
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender
{
  width: 100%;
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender th
{
  font-size: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  height: 18px;
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender td
{
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  height: 18px;
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender td a
{
  text-decoration: none;
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender td a:link
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender td a:hover
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender td a:active
{
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender td a:visited
{
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender td.KalenderNichtAktuellerMonat
{
  font-weight: normal;
}

div#WrapperInhalt div#SpalteRechts div.KalenderUebersicht table.Kalender td.KalenderAktuellesDatum
{
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter
{
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter
{
  width: 100%;
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter td
{
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter td a
{
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter td a:link
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter td a:hover
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter td a:active
{
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter td a:visited
{
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter td.KalenderSchalterZurueck
{
  text-align: left;
  width: 20px;
}

div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter td.KalenderSchalterMonat
{
  text-align: center;
  padding-top: 2px;
  font-weight: bold;
}


div#WrapperInhalt div#SpalteRechts div.KalenderFooter table.KalenderSchalter td.KalenderSchalterVor
{
  text-align: right;
  width: 20px;
}


/*Anreisedatum*/
div#WrapperInhalt div#SpalteRechts div#Anreisedatum
{
  margin-top: 10px;
}

div#WrapperInhalt div#SpalteRechts div#Anreisedatum div#AnreiseFormular
{
}


/* Tooltips */
div#WrapperInhalt div#SpalteRechts div.TT
{
  display: none;
  font-size: 11px;
  padding: 5px;
  position: absolute;
  left: 0px;
  top: 0px;
  top: /*\**/ -1px\9;
  width: 181px;
  z-index: 200;
  margin: 0px;
}


div#WrapperInhalt div#SpalteRechts div.TTPfeil
{
  display: none;
  position: absolute;
  text-align: center;
  width: 22px;
  z-index: 200 !important;
  left: 35px;
  bottom: -1px;
  bottom: /*\**/ 0px\9;
}

div#WrapperInhalt div#SpalteRechts div.TTPfeil img
{
  z-index: 200 !important;
}

div#WrapperInhalt div#SpalteRechts div#TTAnzeigeButtons
{
  position: relative;
  margin: 0px;
  z-index: 200;
  height: 0px;
  padding: 0px;
}

div#WrapperInhalt div#SpalteRechts div#Anreisedatum div#AnreiseFormular a
{
  margin-right: 0px;
  height: 35px;
  padding: 0px !important;
  position: relative;
  z-index: 200 !important;
  display: inline-block;
  text-align: center !important;
  overflow: hidden;
}


div#WrapperInhalt div#SpalteRechts div#Anreisedatum div#AnreiseFormular input.txtAnreisedatum
{
  width: 90px;
  padding: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  font-size: 12px;
}

div#WrapperInhalt div#SpalteRechts div#Anreisedatum div#AnreiseFormular input.btnBuchen
{
  width: 91px;
  padding: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 5px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 12px;
}



/*Veranstaltungen*/
div#WrapperInhalt div#SpalteRechts div#Veranstaltungen
{
  margin-top: 10px;
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste
{
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung
{
  margin-bottom: 1px;
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung table.tblEineVeranstaltung
{
  width: 100%;
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung table.tblEineVeranstaltung td
{
  font-size: 11px;
  padding: 3px;
  vertical-align: top;
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung table.tblEineVeranstaltung td.VeranstaltungHeadline a
{
  text-decoration: none;
  font-weight: bold;
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung table.tblEineVeranstaltung td.VeranstaltungHeadline a:link
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung table.tblEineVeranstaltung td.VeranstaltungHeadline a:hover
{
  text-decoration: underline;
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung table.tblEineVeranstaltung td.VeranstaltungHeadline a:active
{
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung table.tblEineVeranstaltung td.VeranstaltungHeadline a:visited
{
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung table.tblEineVeranstaltung td.VeranstaltungUhrzeit
{
  width: 50px;
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung div.EineVeranstaltungEven
{
}

div#WrapperInhalt div#SpalteRechts div#Veranstaltungen div#Veranstaltungsliste div.EineVeranstaltung div.EineVeranstaltungOdd
{
}


/*Kontaktbutton*/
div#WrapperInhalt div#SpalteLinks div#Kontaktbox, div#WrapperInhalt div#SpalteRechts div#Kontaktbox
{
  margin-top: 10px;
  margin-right: 15px;
}

div#WrapperInhalt div#SpalteRechts div#Kontaktbox
{
	margin-right: 0px;
}

div#WrapperInhalt div#SpalteLinks div#Kontaktbox input.btnKontaktbox, div#WrapperInhalt div#SpalteRechts div#Kontaktbox input.btnKontaktbox
{
  width: 100%;
  padding: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 12px;
}



/*SocialmediaLinks*/

div#ContainerSocialMedia
{
  background-color: #EFEFEF;
  padding-top: 10px;
  
  }
  
  
div#ContainerSocialMedia div#SocialmediaLinks
{
  margin-top: 8px;
  position: relative;
}

div#ContainerSocialMedia div#SocialmediaLinks a
{
 margin-right: 15px !important;

}


div#ContainerSocialMedia div.TTPfeilSocialMedia
{
  display: none;
  position: absolute;
  text-align: center;
  width: 22px;
  z-index: 200 !important;
  left: 0px;
  bottom: -1px;
}

div#ContainerSocialMedia div.TTPfeilSocialMedia img
{
  z-index: 200 !important;
}


div#ContainerSocialMedia div.TTSocialMedia
{
  display: none;
  font-size: 11px;
  padding: 5px;
  position: absolute;
  left: 0px;
  top: -2px;
  top: /*\**/ -2px\9;
  width: 100%;
  z-index: 200;
  margin: 0px;
  overflow: hidden;
}


* + html div#ContainerSocialMedia div.TTSocialMedia
{
  top: -5px;
  margin: 0px;
}

* html div#ContainerSocialMedia div.TTSocialMedia
{
  top: -6px;
}

div#ContainerSocialMedia div#TTAnzeigeSocialMedia
{
  position: relative;
  margin-top: 2px;
  z-index: 200;
  height: 20px;
  width: 200px;
}


div#ContainerSocialMedia div#SocialmediaLinks a
{
  margin-right: 3px;
  height: 27px;
  padding: 0px !important;
  position: relative;
  z-index: 200 !important;
  display: inline-block;
}

div#ContainerSocialMedia div#SocialmediaLinksHTML
{
 margin-top: 30px;
}




/*ServiceLinks*/
div#WrapperInhalt div#SpalteLinks div#ServiceLinks
{
  margin-top: 8px;
  margin-right: 22px;
  display: inline-block;
  height: 27px;
  padding: 0px !important;
  position: relative;
  z-index: 200 !important;
}

div#WrapperInhalt div#SpalteLinks div.TTPfeilServiceLinks
{
  display: none;
  position: absolute;
  text-align: center;
  width: 22px;
  z-index: 200 !important;
  left: 0px;
  bottom: -1px;
}

div#WrapperInhalt div#SpalteLinks div.TTPfeilServiceLinks img
{
  z-index: 200 !important;
}


div#WrapperInhalt div#SpalteLinks div.TTServiceLinks
{
  display: none;
  font-size: 11px;
  padding: 5px;
  position: absolute;
  left: 0px;
  top: -2px;
  top: /*\**/ -2px\9;
  width: 100%;
  z-index: 200;
  margin: 0px;
  overflow: hidden;
}


* + html div#WrapperInhalt div#SpalteLinks div.TTServiceLinks
{
  top: -5px;
  margin: 0px;
}

* html div#WrapperInhalt div#SpalteLinks div.TTServiceLinks
{
  top: -6px;
}

div#WrapperInhalt div#SpalteLinks div#TTAnzeigeServiceLinks
{
  position: relative;
  margin-top: 2px;
  z-index: 200;
  height: 20px;
  width: 200px;
}


div#WrapperInhalt div#SpalteLinks div#ServiceLinks a
{
  margin-right: 3px;
  height: 27px;
  padding: 0px !important;
  position: relative;
  z-index: 200 !important;
  display: inline-block;
}

div#WrapperInhalt div#SpalteLinks div#ServiceLinksHTML
{
 margin-top: 30px;
}





/* QM Logos */
div#WrapperInhalt div#SpalteLinks div#QM
{
	padding-top: 50px;
	text-align: center;
	padding-right: 10px;
}


/* Header Bild für Inhalt von Arrangements */
* html div#WrapperInhalt div#SpalteMitte div.Bildgross
{
	float: left;
}

/*Seiteninhalt*/
div#WrapperInhalt div#SpalteMitte h1
{
  font-size: 16px;
  text-transform: uppercase;
  padding-top: 20px;
  margin-bottom: 12px;
}

div#WrapperInhalt div#SpalteMitte h2
{
  font-size: 13px;
  margin-top: 22px;
  margin-bottom: 5px;
}

div#WrapperInhalt div#SpalteMitte h3
{
  font-size: 12px;
  margin-top: 22px;
  margin-bottom: 5px;
}

div#WrapperInhalt div#SpalteMitte h4
{
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 0px;
}

div#WrapperInhalt div#SpalteMitte h4.SubheadlineSuche
{
  padding-left: 5px;
}

div#WrapperInhalt div#SpalteMitte div.SuchErgBlock
{
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.Datum
{
  font-size: 11px !important;
}

div#WrapperInhalt div#SpalteMitte p.StelleKurzLink
{
  margin-top: 3px;
  padding-top: 5px;
  font-size: 11px;
}









div#WrapperInhalt div#SpalteMitte p
{
  font-size: 12px;
}

div#WrapperInhalt div#SpalteMitte p.TextSuche
{
  padding-left: 5px;
  font-size: 11px;
}
div#WrapperInhalt div#SpalteMitte .TextKlein
{
  font-size: 11px;
}

div#WrapperInhalt div#SpalteMitte img.Bildrahmen
{
}






div#WrapperInhalt div#SpalteMitte a
{
  text-decoration: underline;
}

div#WrapperInhalt div#SpalteMitte a:link
{
  text-decoration: underline;
}

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

div#WrapperInhalt div#SpalteMitte a:active
{
}

div#WrapperInhalt div#SpalteMitte a:visited
{
}


div#WrapperInhalt div#SpalteMitte ul
{
  padding-left: 30px;
  list-style-type: square;
  margin-top: 5px;
  margin-bottom: 5px;
}

div#WrapperInhalt div#SpalteMitte ol
{
  padding-left: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
}

div#WrapperInhalt div#SpalteMitte ul li, div#WrapperInhalt div#SpalteMitte ol li
{
  font-size: 12px;
  padding-top: 1px;
  padding-bottom: 1px;
}

div#WrapperInhalt div#SpalteMitte table
{
  font-size: 12px;
}

div#WrapperInhalt div#SpalteMitte table.StdTabelle100Prozent
{
  width: 100%;
}

div#WrapperInhalt div#SpalteMitte table.StdTabelle100ProzentRahmen
{
  width: 100%;
  border-collapse: collapse;
}

div#WrapperInhalt div#SpalteMitte table.StdTabelle100ProzentRahmen td
{
  padding: 3px;
}



div#WrapperInhalt div#SpalteMitte table td
{
  font-size: 12px;
}

div#WrapperInhalt div#SpalteMitte table td.StdTabelleHead
{
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 3px;
  padding-top: 3px;
}
div#WrapperInhalt div#SpalteMitte table td.StdTabelleDatum
{
  text-align: center;
  font-size: 11px !important;
  padding-bottom: 3px;
  padding-top: 3px;
}

div#WrapperInhalt div#SpalteMitte table td.PreisBesch
{
  font-weight: bold;
  font-size: 13px;
  padding-left: 3px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: center;
  padding-right: 3px;
}

div#WrapperInhalt div#SpalteMitte table td.Preis
{
  text-align: center;
  font-size: 12px;
}



/* Personen-Kontaktbox - AV 02.03.2011 */ 
div#WrapperInhalt div#SpalteMitte div.PContainer
{
	/*width: 213px;*/
	overflow: hidden;
	/*height: 105px;*/
}

div#WrapperInhalt div#SpalteMitte div.PPosition
{
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	/*height: 15px;*/
	padding-top: 2px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
}

div#WrapperInhalt div#SpalteMitte div.PContent
{
	/*width: 143px;*/
	float: left;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 5px;
}


div#WrapperInhalt div#SpalteMitte div.PContent p.PPerson
{
    
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
}

div#WrapperInhalt div#SpalteMitte div.PImage
{
	float: left;
	padding: 0px !important;
	margin: 0px !important;
	margin-right:5px !important;
	/*width: 60px;*/
}






div#WrapperInhalt div#SpalteMitte div#InhaltsText
{
  margin-left: 12px;
  margin-right: 12px;
  padding-top: 0px;
}


div#InhaltsFooter
{
  margin-top: 10px;
  text-align: right;
  padding-right: 2px;
  /*margin-bottom: 2px;*/
  padding-bottom: 2px;
}



  

div#InhaltsFooter a
{
  margin-left: 3px;
}


/*Footer*/

div#TrennerUnten
{
  background-repeat: no-repeat;
  background-position: center bottom;
  height: 7px;
  margin-bottom: 5px;
}

div#Footer
{
  position: relative;
}

div#Footernavigation ul
{
  margin-left: 5px;
}

div#Footernavigation ul li
{
  float: left;
}

div#Footernavigation ul li.Letzter
{
  border: 0px;
}

div#Footernavigation ul li a
{
  text-decoration: none;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
}

div#Footernavigation ul li a.Markiert
{
  font-weight: bold;
}

/*ie6*/
* html div#Footernavigation ul li a
{
  display: inline-block;
}

div#Footernavigation ul li a:link
{
  text-decoration: none;
}

div#Footernavigation ul li a:hover
{
  text-decoration: underline;
}

div#Footernavigation ul li a:active
{
}

div#Footernavigation ul li a:visited
{
}

div#Footeradresse
{
  font-size: 11px;
  margin-top: 5px;
  margin-left: 10px;
}

div#Footeradresse a
{
  text-decoration: none;
}

div#Footeradresse a:link
{
  text-decoration: none;
}

div#Footeradresse a:hover
{
  text-decoration: underline;
}

div#Footeradresse a:active
{
}

div#Footeradresse a:visited
{
}


div#FooterSlogan
{
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 10px;
  text-align: right;
}

div#FooterSlogan a
{
  text-decoration: none;
}

div#FooterSlogan a:link
{
  text-decoration: none;
}

div#FooterSlogan a:hover
{
  text-decoration: underline;
}

div#FooterSlogan a:active
{
}

div#FooterSlogan a:visited
{
}


.clear
{
  clear: both;
}

/*Aktuelles,Arrangements, Last-Minute*/

div.AktuellesKurz
{
  font-size: 12px;
  padding-bottom: 5px;
  margin-bottom: 0px;
  min-height: 135px;
}

* html div.AktuellesKurz
{
  height: 135px;
  padding-bottom: 30px;
}

* + html div.AktuellesKurz
{
  height: 135px;
  padding-bottom: 30px;
}

div.AktuellesKurz img.AktuellesKurzBild
{
}
div.AktuellesKurz div.AktuellesKurzBildPanel
{
  float: left;
  margin-right: 5px;
}

div.AktuellesKurz div.AktuellesAnriss
{
  margin-left: 170px;
}

div.AktuellesKurz div.AktuellesKurzLink
{
  margin-left: 170px;
}

div.AktuellesKurz div.AktuellesPreis
{
}


input.btnStandard
{
  padding: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 2px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 12px;
  text-align: center;
  overflow: visible;
}


input.btnStandardLanding
{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 120px;
}



div.SitemapHN
{
  float: left;
  width: 49%;
}


div.SitemapFN
{
  float: left;
  width: 49%;
}

ul.SitemapULEb1
{
  margin-bottom: 30px !important;
}
ul.SitemapULEb2 li.SitemapUNEb2
{
  font-size: 11px !important;
}


/*Links*/
div.pnlLink
{
  padding-bottom: 20px;
  padding-top: 20px;
  overflow: hidden;
}

div.LinkText
{
	margin-left: 120px;
  font-size: 11px;
}

div.LinkText h3
{
	margin-top: 0px !important;
	padding-top: 0px !important;
	margin-bottom: 5px;
}

div.LinkLogo
{
  float: left;
}

div.LinieGB
{
  margin-bottom: 10px;
  margin-top: 10px;
}

div.CamBild
{
}

div.CamText
{
}

/**** Erweiterung für Wettereinbindung *****/
h2.Tag
{
  margin-right: 10px;
}

table.Wetter
{
  margin-top: 10px;
  width: 100%;
}

table.Wetter td
{
}

table.Wetter td.ErsteZeile
{
  /*Std. Textfarbe*/
  font-size: 13px;
  font-weight: bold;
  width: 33%;
}

table.TabelleWerte
{
  /*Hintergrund von Hauptnavigation*/
  margin-top: 5px;
  width: 100%;
}

table.TabelleEintrag
{
}

table.TabelleWerte td
{
  font-size: 12px;
  padding: 3px;
}

table.TabelleWerte td.WetterSpalte
{
}

table.TabelleWerte td.WetterSpalteMitte
{
}

td.WetterIcon
{
  padding-right: 4px;
}

td.WetterTempText
{
  padding-top: 6px;
  font-size: 12px !important;
}


td.WetterBesch
{
  padding-top: 5px;
  font-size: 11px !important;
}

div.Temperatur
{
  text-align: right;
  font-size: 12px;
}

td.WetterWert
{
  font-weight: bold;
  text-align: right;
  text-align: right;
  font-size: 11px;
}

.Highlight
{
  font-weight: bold !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
}

a.ZoomBild
{
  margin-right: 10px;
}

/*Kalender Seite*/

div#WrapperInhalt div#SpalteMitte div#KalenderSeite
{
  position: relative;
}

div#WrapperInhalt div#SpalteMitte div#KalenderSeite div.KalenderLoading
{
  position: absolute;
  top: 4px;
  right: 0px;
  z-index: 500;
}





div#WrapperInhalt div#SpalteMitte table.Kalender
{
  width: 100%;
}

div#WrapperInhalt div#SpalteMitte table.Kalender th
{
  font-size: 11px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  height: 18px;
  font-size: 13px;

}

div#WrapperInhalt div#SpalteMitte table.Kalender td
{

  font-size: 16px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
  height: 18px;
  height: 85px;
  padding: 3px;
  padding-top: 0px;
}

div#WrapperInhalt div#SpalteMitte table.Kalender td a
{
  text-decoration: none;
  padding-top: 0px;
  padding-bottom: 2px;
  font-weight: normal;
  font-size: 10px !important;
  display: block;
  padding-left: 16px;
  margin-bottom: 2px;
}

div#WrapperInhalt div#SpalteMitte table.Kalender td a.LinkLastMinute
{
  background-image: url(../images/icn_Veranst_LastMinute.gif);
  background-repeat: no-repeat;
  background-position: left center;
  
}

div#WrapperInhalt div#SpalteMitte table.Kalender td a.LinkArrangements
{
  background-repeat: no-repeat;
  background-position: left center;
}

div#WrapperInhalt div#SpalteMitte table.Kalender td a.LinkAktuelles
{
  background-repeat: no-repeat;
  background-position: left center;
}

div#WrapperInhalt div#SpalteMitte table.Kalender td a.LinkVeranstaltung
{

  background-repeat: no-repeat;
  background-position: left center;
}


div#WrapperInhalt div#SpalteMitte table.Kalender td a:link
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteMitte table.Kalender td a:hover
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteMitte table.Kalender td.KalenderNichtAktuellerMonat
{
  font-weight: normal;

}

div#WrapperInhalt div#SpalteMitte table.Kalender td.KalenderEintraegeGefunden
{

}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter
{

  background-repeat: no-repeat;
  background-position: center top;
  text-transform: uppercase;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td a
{
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter
{
  width: 100%;
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td
{
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td a
{
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td a:link
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td a:hover
{
  text-decoration: none;
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td a:active
{
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td a:visited
{
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td.KalenderSchalterZurueck
{
  text-align: left;
  width: 20px;
}

div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td.KalenderSchalterMonat
{
  text-align: center;
  padding-top: 2px;
  font-weight: bold;
}


div#WrapperInhalt div#SpalteMitte div.KalenderFooter table.KalenderSchalter td.KalenderSchalterVor
{
  text-align: right;
  width: 20px;
}



div#Dachmarke
{
	padding: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
  overflow: hidden;
}

div#Dachmarke div#DachmarkBild
{
  text-align: right;
}

div#Dachmarke div#DachmarkText
{
  font-size: 10px;
  color: #061C5C;
  text-align: left;
  padding-left: 62px;
}



div.VeranstKalenderOeffnen
{
  text-align: right;
  font-size: 11px;
  margin-top: 4px;
}

div.VeranstKalenderOeffnen a
{
  text-decoration: underline;
  color: #333333;
}

div.VeranstKalenderOeffnen a:link
{
  text-decoration: underline;
  color: #333333;
}

div.VeranstKalenderOeffnen a:hover
{
  text-decoration: none;
  color: #333333;
}

div.VeranstKalenderOeffnen a:active
{
}

div.VeranstKalenderOeffnen a:visited
{
}




div.BewertungenExtern
{
  position: absolute;
  right: 22px;
  top: 15px;
  z-index: 10;

}

div.BewertungenExtern div.BewertungExtern
{
  text-align: left;
}

div.BewertungenExtern div.BewertungExtern a
{
  color: #EFEFEF;
}

div.BewertungenExtern div.BewertungExtern a:link
{
  color: #EFEFEF;
}

div.BewertungenExtern div.BewertungExtern a:hover
{
  color: #EFEFEF;
}

div.BewertungenExtern div.BewertungExtern a:active
{
  color: #EFEFEF;
}

div.BewertungenExtern div.BewertungExtern a:visited
{
  color: #EFEFEF;
}






/* Flowplayer für FLV-Videos */
#player
{
	border: 1px solid #333333;
}

div.Bestdaten
{
  border: 1px solid #939393; 
  padding: 4px;
  margin-top: 4px; 
  margin-bottom: 4px;
}

.BildAusRichtungLinks
{
  margin-right: 15px;
  margin-left: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}




div.Hotelausgabe
{
  border-top: 1px solid #939393; 
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

div.Hotelausgabe td
{
  vertical-align: middle;
}

td.HotelausgabeLogo
{

 padding-right: 10px;
}

.NurAlsPDF
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:11px;
    color:Gray;
    text-align:right;
}
div#IframeNavigation
{
  position: absolute;
  z-index: 4;
  right: 0px;
  bottom: 0px;
}

div#IframeNavigation ul
{
  position: relative;
  right: 0px;
  bottom: 0px;
}

div#IframeNavigation ul li
{
	float: right;
}

div#IframeNavigation img
{
  position: relative;
  right: 0px;
  bottom: 0px;
}

div.LogoutButton
{
  padding-right: 10px;
  text-align:right;
}


div#Vorschau
{
  color: Red;
  border: 2px dotted red;
  text-align: center;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  background-color: #FFFFD8;
}



/* AV - Standorte, neue Karte */
div#ImageMapJohannesbad
{
	background-image: url(../images/Unternehmensgruppe/Userbilder/AllgemeineBilder/ImageMapBG.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 468px;
	width: 389px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

div#ImageMapJohannesbad a
{
	position: absolute;
}