/* Struktur */
* {
  margin: 0px;
  padding: 0px; }

img {
  border: none; }

a, a:hover {
  color: #000;
  text-decoration: underline; }
/* Struktur */
body {
  background-color: #fdffe5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000; }

#Rahmen {
  width: 1170px;
  margin: 0px auto 0px auto;
  background-color: #fff;
  box-shadow: 3px 3px 5px #ccc; }

#Gesamt {
  background-color: #fff;
  min-height: 650px;
  margin: 0;
  padding-bottom: 0px;
  margin-left: 0px;
  position: relative; }

#Header {
  background-repeat: no-repeat;
  height: 154px;
  background-color: #fff;
  padding-top: 0px;
  position: relative;
  border-bottom: solid 3px #000; }

#Header #banner {
  background-image: url('/eventmanager-system/daten/images/banner.jpg');
  width: 1170px;
  height: 120px;
  border-top: 10px solid #899c1f; }

#Header .Headerspruch {
  padding-top: 25px;
  color: #899c1f;
  font-weight: bold;
  height: 40px;
  margin-left: 190px;
  width: 250px; }

#Header #logo {
  position: absolute;
  top: 45px;
  left: 10px; }

#Header #White {
  width: 900px;
  height: 100px;
  position: absolute;
  top: 0px;
  left: 260px;
  background-color: #fff; }

#White h1 {
  position: absolute;
  bottom: 5px;
  left: 10px;
  font-family: arial, helvetica, sans-serif;
  font-size: 2em;
  color: #000;
  margin: 0;
  padding: 0; }

#grayBar {
  position: absolute;
  top: 0;
  left: 0px;
  width: 635px;
  height: 25px;
  background-color: #eaeaea; }

#grayBar2 {
  position: absolute;
  top: 0;
  left: 635px;
  width: 265px;
  height: 25px;
  background-color: #ccc; }

#LogInOut {
  display: none;
  border-left: solid 1px #ccc;
  top: 0;
  left: 895px;
  font-size: 10px;
  height: 100px; }

#LogInHeader h2 {
  margin: 0;
  padding: 0;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 10px; }

.inputLogIn {
  width: 120px; }

.inputLogInU {
  width: 140px; }

.inputLogInP {
  width: 100px; }

.submitLogIn {
  float: none;
  width: 100px; }

#LogInButton {
  float: right !important;
  width: 100px; }

#LogOutButton {
  float: none; }

#RahmenInhalte {
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 20px;
  width: 1160px; }

#Inhalte {
  width: 1170px;
  margin-left: 0px;
  min-height: 400px;
  position: relative;
  background-color: #fff; }

#Footer {
  border-top: 10px solid #899c1f;
  background-image: url('/eventmanager-system/daten/images/flaeche_blau.gif');
  font-size: 10px;
  padding: 20px;
  padding-left: 210px; }

#Footer ul {
  list-style-type: none;
  margin-left: 0px; }

#Footer ul li {
  float: left;
  padding-right: 20px; }
/* Inhaltsseiten */
/* Individuelle Einstellungen können jeweils über die ID vorgenommen werden */
.Inhalt {
  width: 600px;
  float: left;
  padding: 20px 30px; }

.Sidebar {
  width: 265px;
  float: right;
  padding-top: 20px; }
/* Allgemeiner Definitionen */
p {
  margin-bottom: 10px; }

h1 {
  color: #209aa0;
  font-size: 14px;
  margin: 0;
  padding: 0;
  margin-bottom: 20px; }

h2 {
  color: #209aa0;
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 3px; }

h3 {
  color: #209aa0;
  font-size: 12px;
  margin-bottom: 3px; }

ul {
  margin-left: 16px; }

li {
  margin-bottom: 12px; }

p {
  line-height: 1.4em; }
/* Darstellung in Listen */
.VList {
  /* gültig für alle Listen ul-Tags, individuell über Einzelklassen */
  margin-left: 0px;
  list-style-type: none; }

.EndeLi {
  /* Überhängende Floats beenden */
  clear: left; }

.ListIconEmptyDiv, .ListIconDiv {
  /* gültig für alle Icons in Listen */
  width: 50px;
  float: left; }

.ListDatenDiv {
  /* gültig für alle Datenbereiche in Listen */
  margin-left: 0px;
  width: 450px;
  float: left; }

.ListPictureDiv {
  /* gültig für alle Vorschaubilder in Listen */
  margin-left: 0px;
  float: left; }

.ListEventName {
  /* gültig für alle Eventnamen in Listen  html-Tag h2*/
  margin-bottom: 0px; }

.ListDate {
  /* gültig für alle Datums-Absätze in Listen */
  margin-bottom: 0px; }

.ListLocation {
  /* gültig für alle Ortangaben in Listen */
  margin-bottom: 0px; }

.ListShortD {
  /* gültig für alle Kurzbeschreibungen in Listen */
  margin-bottom: 0px; }

.OVListVr {
  margin-left: 50px; }

.OVListVrEventDaten {
  width: 400px; }
/* Spezielle allgemeine Seiten-Elemente, oft mit identischem Aussehen */
.EventKontakt, .EventDownloads {
  width: 100%;
  padding: 10px;
  padding-left: 0px;
  font-size: 0.9em; }

.GoogleMaps {
  /* allgemeiner Wrapper */ }

#GMap {
  width: 520px;
  height: 400px; }

#GoogleMapsForm #GMap {
  width: 250px;
  height: 250px; }

.GMapHide {
  /*Blendet den Inhalt des MapFensters aus */
  visibility: hidden;
  width: 1px;
  height: 1px; }

.Print {
  /* allgemeiner Wrapper umschließt die Print- Elemente  */
  margin-top: 10px; }

#Printbutton {
  width: 100%;
  padding: 10px;
  font-size: 0.9em;
  color: #fff;
  background-color: #0099a1;
  text-align: center;
  box-sizing: border-box; }

#Printbutton a:link, #Printbutton a:visited, #Printbutton a:hover {
  color: #fff; }

.Link {
  /* allgemeine Link Klasse  */
  color: #000;
  text-decoration: underline; }

/* Einzeldarstellung von Veranstaltungen  */

.LongDescription {
  margin-top: 15px; }

.Salutation2 {
  margin-top: 5px; }
/* fallz Anrede in zwei Teilen  */
.EventName {
  margin-top: 10px;
  font-weight: bold;
  font-size: 1.1em; }

.EventZeit {
  margin: 0px; }

.EventLocation {
  margin: 0px; }

.VListMeForm li {
  border: solid 1px #0099a1;
  padding: 10px; }
/* Formulare  */
.Formular {
  /* für alle Formulare*/
  margin-left: 0px;
  width: 600px; }

.submit, .IsButton {
  /* für alle submits  */
  background-color: #0099a1;
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  text-decoration: none;
  width: auto; }

.submitAnmeldung {
  clear: left;
  margin-left: 400px; }
/* Buchungsnummer */
#EingabeBN {
  width: 300px;
  float: left; }

#WeiterBN {
  width: 120px;
  float: left; }

.Buchungsnr {
  /* ansonsten i.d.R. wie class Textinput */
  width: 280px; }

.BuchungsnrLabel {
  /* wird i.d.R. ausgeblendet */
  display: none; }

#SidebarEingabeBN .BuchungsnrLabel {
  display: block; }
/*Anmeldeformulare */
#TestEMail {
  /* blendet das spezielle Honycomb E-Mail Feld aus */
  display: none; }

.PflichtfeldStern {
  color: #0099a1;
  font-weight: bold; }

.GroupFieldset {
  /* für alle Fragensätze */
  padding: 10px;
  margin-top: 10px;
  border: none; }

.GroupFieldsetAttendance {
  /* Teilname */ }

.GroupFieldsetApplicant {
  /* Teilnehmer */ }

.GroupFieldsetEscort, .GroupFieldsetRepresentative {
  /*speziell für das Ausblenden der Begleitpersonen Fragen*/
  display: none; }

.GroupFieldsetQuestions {
  /* alle Zusatzfragen */ }

.RadioGroupFieldset {
  display: block;
  margin-bottom: 3px;
  border: none; }

.GroupFieldsetQuestions .Frage .RadioGroupFieldset .LabelRadiogroupInput {
  /* Zeilenweise Darstellung der Radios für "normale" Fragensätze */
  display: block; }

.GroupFieldsetAttendance .LabelRadiogroupInput {
  margin-right: 10px; }

#Attendance {
  clear: left;
  border: none;
  padding-top: 10px; }

#Attendance h2 {
  margin-top: 0px; }

#Attendance .LabelRadiogroupInput {
  display: block;
  margin-bottom: 3px;
  /* Zeilenweise Darstellung der Radios für "Teilname" */ }

.Frage {
  /*umschließt jede Einzelfrage */
  padding-top: 3px;
  padding-bottom: 13px;
  clear: left; }

.LabelTextInput, .LabelRadioGroup, .LabelTextarea, .LabelDateInput, .LabelSelect {
  margin-bottom: 3px;
  width: 33%;
  margin-right: 2%;
  display: block;
  float: left; }

.Buchungsnr, .TextInput, .EmailInput, .UrlInput, .NumberInput, .TextareaInput, .SelectInput {
  width: 60%;
  padding-left: 2px;
  padding-top: 2px;
  background: none repeat scroll 0 0 #fff;
  border-color: #bac0c3 #bac0c3 #bac0c3 #bac0c3;
  border-style: solid;
  border-width: 1px;
  color: #000; }

.NumberInput {
  width: 30%; }

.TextareaInput {
  height: 200px; }

#LabelDatenschutz {
  clear: left;
  display: block;
  padding-top: 20px; }

#EndeFormular {
  clear: both; }

.errorMessage {
  display: none; }

.error {
  box-sizing: border-box; }
  .error em {
    border-color: #fff transparent transparent; }

#TextMiddle {
  clear: left;
  margin-top: 20px;
  padding-top: 30px; }

#OffeneVeranstaltungen {
  clear: left;
  padding-top: 20px; }

#TextTop, #TextTopMe, #TextTopFormular, #TextTopMeForm, #TextTopConfirmation, #Formular, #MeFormList, #Confirmation {
  margin-left: 0px; }

#Formular {
  margin-bottom: 20px; }

#EventStartFormular {
  margin-top: 20px; }

#barcode {
  background-color: #fff;
  width: 520px; }

.MeLongDescription {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px; }

.AnmeldungTagesordnung {
  clear: left; }

.InputFieldPicture {
  clear: both;
  display: block; }

.EventStart {
  line-height: 1.3em;
  margin-bottom: 20px; }

.EventConfirmationStart {
  margin-bottom: 20px; }

.EventPicture {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px; }

.ConfirmationPictureYes, .ConfirmationPictureNo {
  float: right; }

#LogIn, #LogIn li {
  list-style-type: none;
  margin: 0;
  padding: 0 !important;
  margin-bottom: 2px; }

#HauptMenu {
  width: 100%; }

#HauptMenu ul {
  margin: 0 0 40px 10px;
  list-style-type: none; }

#HauptMenu li {
  background-image: url("/eventmanager-system/daten/images/button_grau.gif");
  padding-left: 5px;
  margin-bottom: 0px; }

#HauptMenu li a {
  list-style-image: url("/eventmanager-system/daten/images/quadrat_5.gif");
  display: list-item;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  margin-left: 15px;
  padding: 2px 0; }

#HauptMenu li a:hover {
  text-decoration: underline; }

#HauptMenu li a.Self {
  background-color: #005a9a;
  outline-color: #005a9a; }

#HauptMenu li a.InSelf {
  background-color: #005a9a;
  outline-color: #005a9a; }

#HauptMenu li #MenueLevel2 {
  border: medium none;
  font-size: 100%;
  margin: 0 0 -1px;
  padding: 0;
  width: 100%;
  font-weight: bold; }

#HauptMenu li li {
  border-bottom: 0 none;
  border-top: 1px solid #fff;
  margin: 0 0 0 0px;
  padding-left: 10px;
  position: relative;
  width: auto; }

#SidebarLeft {
  width: 210px;
  float: left;
  padding-top: 20px; }

.Navigation {
  width: 100%;
  min-height: 400px;
  text-align: left; }

#NavigationTop {
  height: 30px;
  margin-top: 10px;
  padding-left: 210px;
  position: absolute;
  top: 10px;
  left: 400px; }

#NavigationTop #TopMenu ul {
  margin: 0;
  padding: 0; }

#NavigationTop #TopMenu ul li {
  float: left;
  list-style-type: none;
  padding: 3px;
  padding-left: 5px;
  padding-right: 10px;
  height: 16px;
  margin: 0; }

#NavigationTop #TopMenu ul li a:link, #NavigationTop #TopMenu ul li a:visited, #NavigationTop #TopMenu ul li a:hover {
  color: #209aa0;
  padding: 3px;
  font-weight: bold; }

#NavigationTop #TopMenu ul li a.Self:link, #NavigationTop #TopMenu ul li a.Self:visited, #NavigationTop #TopMenu ul li a.Self:hover {
  color: #209aa0;
  text-decoration: underline;
  padding: 3px; }

.SidebarHtml {
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px 0px;
  padding: 0 0 20px; }

#CalendarSmallHome {
  margin-bottom: 20px; }

.SidebarHtml h2 {
  font-weight: bold;
  font-familiy: arial, geneva, helvetica, verdana, tahoma, sans-serif; }

.sideLink {
  margin-bottom: 20px; }

#Answers {
  margin-top: 20px;
  margin-bottom: 20px; }

#Answers h2 {
  margin-top: 10px; }

#Answers h3 {
  margin-top: 10px; }

.AnswerEventName {
  font-weight: bold;
  margin-bottom: 5px; }

.AnswerItem .AnswerEventName {
  margin-bottom: 2px; }

.AnswerEventZeit {
  margin-bottom: 5px; }

.AnswerItem .AnswerEventZeit {
  margin-bottom: 2px; }

.AnswerEventLocation {
  margin-bottom: 5px; }

.AnswerItem .AnswerEventLocation {
  margin-bottom: 2px; }

.AnswerItem h3 {
  margin-top: 5px; }

.AnswerAntwort {
  margin-bottom: 5px; }

.AnswerItem .AnswerAntwort {
  margin-bottom: 2px; }

.AnswerBottom {
  font-size: 4px;
  margin: 0px;
  padding: 0px;
  height: 6px; }

#Answerlist .AnswerPerson {
  margin: 0; }

.AnswerPerson {
  margin-top: 0;
  margin-bottom: 4px; }

#Zahlungspflicht {
  clear: left;
  margin-left: 0px;
  padding-top: 10px;
  margin-bottom: 10px; }

.PflichtfeldHinweis {
  margin-left: 400px; }

.LabelAlignleft, .LabelRadioGroupAlignleft {
  float: none;
  width: auto; }

.InputfieldAlignleft {
  width: 95%; }

.CheckboxInput {
  float: left;
  margin-left: 35%;
  margin-right: 1%; }

.LabelCheckboxInput {
  display: block;
  width: 55%;
  float: left; }

.CheckboxInputAlignleft {
  float: left;
  margin-left: 0%;
  margin-right: 1%; }

.LabelCheckboxInputAlignleft {
  display: block;
  width: 90%;
  float: left; }

.RadiogroupInputAlignleft, .RadiogroupInputStandard {
  display: inline; }

.LabelRadiogroupInputAlignleft, .LabelRadiogroupInputStandard {
  display: inline !important;
  margin-right: 15px; }

.RadiogroupInputMultirow, .RadiogroupInputMultirowalignleft {
  display: block;
  float: left;
  clear: left;
  margin-right: 1%; }

.LabelRadiogroupInputMultirow, .LabelRadiogroupInputMultirowalignleft {
  display: block;
  width: 90%;
  float: left;
  padding-bottom: 5px; }

.LabelRadioGroupMultirowalignleft {
  float: none;
  width: auto; }

.DateSelectInputDay {
  width: 50px;
  text-align: right; }

.DateSelectInputHour, .DateSelectInputMinute {
  width: 70px;
  text-align: right; }

.DateSelectInputMonth {
  width: 60px;
  text-align: right; }

.DateSelectInputYear {
  width: 50px;
  text-align: right; }

option {
  padding-right: 10px; }

.Dateinput {
  float: left;
  padding-bottom: 5px; }

.DateSeperator, .TimeSeperator {
  font-weight: bold; }

.DatetimeSeperator {
  font-weight: bold; }

.ErrorContainer {
  width: 400px;
  float: left;
  color: #f00; }

.GroupFieldsetAttendance .LabelRadiogroupInput {
  margin-right: 10px;
  display: block; }

#NewsletterAbmeldung {
  margin-top: 40px; }

#LocaleSwitch {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: 0;
  width: 48px; }

#LocaleSwitch ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#LocaleSwitch ul li {
  list-style-type: none;
  float: left;
  margin: 0; }

#LocaleSwitch ul li a {
  background-repeat: no-repeat;
  display: block; }

#LocaleSwitch ul li a:hover img {
  visibility: hidden; }

.MeFormEventForm {
  clear: both; }

#FormularSearch, #LocaleSwitch {
  display: none; }

#FormularFragen {
  border: solid 1px #0099a1; }

#FormTabs {
  margin-bottom: 20px;
  background-color: #0099a1;
  height: 30px;
  font-size: 11px; }

.FormStep {
  margin-top: 7px;
  padding-top: 7px;
  padding-bottom: 5px;
  height: auto;
  font-weight: normal; }

.FormStep a {
  border-left: solid 1px #000;
  color: #fff;
  padding: 0 10px; }

.FormStep a.active, .FormStep a:hover {
  border-left: solid 1px #000;
  color: #dbdb00;
  padding: 0 10px; }

#FormStep0 a, #FormStep0 a.active {
  border: none; }

.DataSummeryQuestion {
  margin-bottom: 6px; }

.DsLabel {
  width: 30%;
  margin-right: 3%;
  display: inline-block; }

.DsData {
  width: 60%;
  display: inline-block;
  vertical-align: top; }

.SingeleEscortDataEnd {
  margin-bottom: 20px; }

#CalendarSmallHome {
  margin-left: 0px !important; }

.Inhalt img {
  max-width: 100%; }

.MeFormListEvent::after {
  content: "";
  clear: both;
  display: block; }
  .MeFormListEvent .AttendanceCheckbox {
    float: left; }
  .MeFormListEvent .MeFormListEventDaten {
    float: left;
    padding-left: 8px; }
    .MeFormListEvent .MeFormListEventDaten .MeFormListEventName {
      margin-top: 0px; }

#DataSummeryParticipationYes, #DataSummeryParticipationNo, #DataSummeryParticipationYesAddP {
  font-weight: normal; }

.PaneButtons {
  list-style: none;
  padding-left: 0;
  margin-top: 20px;
  display: inline-block; }
  .PaneButtons::after {
    content: "";
    clear: both;
    display: block; }
  .PaneButtons .PaneButtonLeft, .PaneButtons .PaneButtonCenter, .PaneButtons .PaneButtonRight {
    float: left;
    width: calc(100% / 3); }
  .PaneButtons .PaneButtonLeft {
    text-align: left; }
    .PaneButtons .PaneButtonLeft a {
      display: inline-block; }
  .PaneButtons .PaneButtonCenter {
    text-align: center; }
    .PaneButtons .PaneButtonCenter .PaneButtonCenterContent {
      padding-top: 0; }
  .PaneButtons .PaneButtonRight {
    text-align: right;
    float: right; }
    .PaneButtons .PaneButtonRight a {
      display: inline-block; }

#CalendarSmallCage .info, .calendar_cage .info {
  padding: 10px 20px; }
  #CalendarSmallCage div#nav, .calendar_cage div#nav {
    background-color: #fff;
    color: #fff; }
    #CalendarSmallCage div#nav #prev_month, .calendar_cage div#nav #prev_month, #CalendarSmallCage div#nav #next_month, .calendar_cage div#nav #next_month {
      background: none;
      border: none;
      height: auto;
      border-radius: unset;
      position: relative; }
      #CalendarSmallCage div#nav #prev_month > form, .calendar_cage div#nav #prev_month > form, #CalendarSmallCage div#nav #next_month > form, .calendar_cage div#nav #next_month > form {
        position: relative;
        z-index: 100; }
      #CalendarSmallCage div#nav #prev_month::after, .calendar_cage div#nav #prev_month::after, #CalendarSmallCage div#nav #next_month::after, .calendar_cage div#nav #next_month::after {
        font-family: FontAwesome;
        display: inline-block;
        height: 25px;
        top: 6px;
        left: 11px;
        position: absolute;
        z-index: 99;
        color: #333; }
    #CalendarSmallCage div#nav #prev_month::after, .calendar_cage div#nav #prev_month::after {
      content: "\f053"; }
    #CalendarSmallCage div#nav #next_month::after, .calendar_cage div#nav #next_month::after {
      content: "\f054"; }
    #CalendarSmallCage div#nav #CalendarSmallPrevMonth, .calendar_cage div#nav #CalendarSmallPrevMonth, #CalendarSmallCage div#nav #CalendarSmallNextMonth, .calendar_cage div#nav #CalendarSmallNextMonth, #CalendarSmallCage div#nav #CalendarLargePrevMonth, .calendar_cage div#nav #CalendarLargePrevMonth, #CalendarSmallCage div#nav #CalendarLargeNextMonth, .calendar_cage div#nav #CalendarLargeNextMonth {
      height: 25px;
      width: 20px; }
    #CalendarSmallCage div#nav #week_days_header, .calendar_cage div#nav #week_days_header {
      width: 100%; }
      #CalendarSmallCage div#nav #week_days_header tr td, .calendar_cage div#nav #week_days_header tr td {
        color: #333;
        height: 40px;
        font-weight: bold; }
  #CalendarSmallCage #timetravel, .calendar_cage #timetravel {
    font-size: 18px;
    color: #333; }
  #CalendarSmallCage table td, .calendar_cage table td {
    width: 40px;
    height: 31px;
    background-color: #fff !important;
    border: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff; }
    #CalendarSmallCage table td.events, .calendar_cage table td.events {
      background-color: #c1022d !important;
      color: #fff !important; }

#GoogleMapsForm #GMap {
  width: 100%; }

.inputLogIn.inputLogInU, .inputLogIn.inputLogInP {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  box-sizing: border-box;
  padding: 5px 12px;
  width: 100% !important; }

.sidebar-contact-area {
  margin-bottom: 23px; }