.submit {
  -webkit-appearance: none; }

.ResponsiveButtonDown {
  display: none;
  width: 27px;
  height: 27px;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  right: -11;
  top: -55px;
  background-color: #fff; }

.ResponsiveSwitch {
  cursor: pointer; }

.ResponsiveButtonDown, .ResponsiveButtonClosedDown, .ResponsiveButtonOpenUp {
  background-image: url('/media/icons_touchnav.gif');
  right: -5px; }

h2.ResponsiveSwitch {
  position: relative;
  padding-right: 0px; }

#ResponsiveEventMenu {
  position: fixed;
  border-left: 20px solid #fffdea;
  /* Make a little room */
  padding-left: 0px;
  z-index: 10000;
  left: 0px;
  top: 200px;
  display: none;
  min-height: 200px; }

#EventNavResponsive {
  padding-left: 20px; }

#EventNavResponsive li {
  margin-bottom: 3px; }

#ResponsiveEventMenu h3 {
  font-weight: normal;
  background: #fc0;
  color: #000;
  padding: 0px 10px;
  padding-right: 80px;
  margin: 0;
  position: absolute;
  bottom: -20px;
  left: -20px;
  /* Border is the new background */
  background: none;
  /* Rotate from top left corner (not default) */
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg); }

#EventMenuRahmen {
  display: none; }

#EventMenuRahmen {
  background: linear-gradient(to bottom, #ded1b6 0%, #c9b488 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-size: 13px;
  padding: 10px;
  width: auto;
  max-width: 200px; }

#EventMenuRahmen a {
  font-size: 13px;
  color: #000; }

#NavigationResponsiveSwitch {
  margin-left: 30px;
  position: relative; }

#NavigationResponsiveSwitch {
  width: 100%;
  position: relative;
  background-color: #525252;
  background: linear-gradient(center bottom, #313131 0%, #525252 100%) repeat scroll 0% 0% transparent;
  border: 0px none;
  border-radius: 0px;
  min-height: 0px;
  height: 38px;
  padding-left: 0px;
  padding-right: 0px;
  z-index: 101;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin: 0px 15px 0px;
  margin-left: 0px;
  list-style-type: none;
  background-color: #0067ad;
  border-radius: 10px 0px 0px;
  text-decoration: none;
  text-transform: uppercase; }

#NavigationResponsiveSwitch:before {
  background-image: url("/eventmanager-system/images/menu-arrow-light2.png") !important;
  background-repeat: no-repeat;
  content: "";
  display: block;
  float: left;
  left: 0;
  padding-right: 0px;
  width: 25px; }

#NavigationResponsiveSwitch h2 {
  padding-top: 2px;
  font-size: 0; }

#NavigationResponsiveSwitch h2 {
  color: #fff;
  text-transform: uppercase;
  height: 36px;
  line-height: 36px; }
/* Liste der Einzelelemente, die später ausgeblendet werden, stellt sicher, das sie wieder eingeblendet werden bei rezize */
#LogIO, #CalendarSmallCage, #HauptMenuRahmen, #SecondLevelMenuRahmen, #TopMenuRahmen, #TagCloudList, #HauptMenuRahmen .ResponsiveFolded {
  display: block; }
/* Liste der Einzelelemente, die später eingeblendet werden, stellt sicher, das sie wieder eingeblendet werden bei rezize */
#NavigationResponsiveSwitch, #Navigation2ndLevelResponsiveSwitch, #NavigationTopResponsiveSwitch, #HauptMenuRahmen .SidebarResponsiveSwitch {
  display: none; }

#LogoSmall {
  margin-top: 10px;
  margin-left: 10px; }

#SidebarLeft, .SidebarHtml h2 {
  position: relative; }

#debugMediaDetektors {
  display: block; }
/* hb */
.OVListEventDaten.ListDatenDiv {
  margin-left: 0; }

.ErrorHint {
  width: auto; }
/* ab hier entstehen die Scrollbars, eigentlich bei 1140px */
@media only screen and (max-device-width: 1157px), only screen and (max-width: 1157px) {
  /*I*/
    .IsResponsive #footer_wrapper {
      width: 954px; }
      .IsResponsive .Print {
        padding-bottom: 20px; }
      .IsResponsive #debugMediaDetektorI {
        display: block; }
      .IsResponsive #NavigationTop {
        margin-left: auto;
        margin-right: 15px;
        width: auto; }
      .IsResponsive #subfoot #contain {
        margin-left: auto;
        margin-right: 15px;
        width: auto; }
      .IsResponsive Logo {
        width: 1140px; }
      .IsResponsive #Inhalte, .IsResponsive #HauptMenu {
        width: 989px; }
      .IsResponsive .mod-mp-header, .IsResponsive #subfoot {
        width: 1157px; } }

@media only screen and (max-device-width: 1024px) and (orientation: landscape), only screen and (max-width: 1024px) {
  .MainResponsiveSwitch {
    display: block;
    position: relative;
    z-index: 99; }

  .IsResponsive {
    /*H*/ }
    .IsResponsive #debugMediaDetektorH {
      display: block; }
    .IsResponsive #Inhalte, .IsResponsive #HauptMenu {
      width: 750px; }
    .IsResponsive #Gesamt, .IsResponsive #Header {
      width: 760px; }
    .IsResponsive #claim {
      right: 10px;
      font-size: 12px; }
    .IsResponsive #windrad {
      right: 12px; }
    .IsResponsive #footer_wrapper {
      width: 715px; }
    .IsResponsive #c00, .IsResponsive #c01 {
      display: none; }
    .IsResponsive #SidebarLeft {
      min-height: 0; }
    .IsResponsive #InhaltStart {
      margin-left: 100px; }
    .IsResponsive #HauptMenu li {
      margin: 0px 0px 0px 82px; }
    .IsResponsive .Sidebar {
      margin-left: 100px; }
    .IsResponsive #SidebarLeft {
      width: 120px; }
    .IsResponsive .Sidebar {
      width: auto;
      padding-right: 30px;
      margin-left: 120px; }
    .IsResponsive #Logo {
      margin-top: 15px; }
    .IsResponsive #Header {
      height: 130px; }
    .IsResponsive body {
      zoom: 0.88505; } }

@media only screen and (max-width: 935px) {
  /*G*/
    .IsResponsive {
      /* Radio */ }
      .IsResponsive #NavigationResponsiveSwitch, .IsResponsive #NavigationResponsiveSwitch h2 {
        height: 0; }
      .IsResponsive #debugMediaDetektorG {
        display: block; }
      .IsResponsive #footer_wrapper {
        width: 717px; }
      .IsResponsive #PrintForm {
        width: auto; }
      .IsResponsive #InhaltFormular, .IsResponsive #InhaltConfirmation {
        padding-top: 30px; }
      .IsResponsive #Sidebarleft {
        margin-right: 10px; }
      .IsResponsive .Print {
        clear: both; }
      .IsResponsive #HauptMenu ul {
        background-color: transparent; }
      .IsResponsive .clearAfterHauptMenuUL {
        clear: both; }
      .IsResponsive #InhaltStart {
        margin-left: 0; }
      .IsResponsive .Sidebar {
        margin-left: 0; }
      .IsResponsive #top_l {
        width: 62%; }
      .IsResponsive .RadioLabelText {
        font-size: 1em; }
      .IsResponsive #windrad {
        right: 68px; }
      .IsResponsive element.style, .IsResponsive #PanesForm1, .IsResponsive .PanesForm {
        width: auto; }
      .IsResponsive input[type="radio"] {
        background-color: #eee;
        background-image: -webkit-linear-gradient(0deg, transparent 20%, rgba(255, 255, 255, .7), transparent 80%), -webkit-linear-gradient(90deg, transparent 20%, rgba(255, 255, 255, .7), transparent 80%);
        border-radius: 15px;
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, .8), 0 0 0 1px rgba(0, 0, 0, .6), 0 0px 1px rgba(0, 0, 0, .6), 0 0px 1px rgba(0, 0, 0, .4), 0 0px 1px rgba(0, 0, 0, .2), 0 0px 1px rgba(0, 0, 0, .2);
        cursor: pointer;
        display: inline-block;
        height: 1.4em;
        margin-right: 0.4em;
        margin-left: 0.4em;
        position: relative;
        width: 1.4em;
        -webkit-appearance: none; }
      .IsResponsive input[type="radio"]:after {
        background-color: #eee;
        border-radius: 25px;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .4), 0 1px 1px rgba(255, 255, 255, .8);
        content: '';
        display: block;
        height: 1em;
        left: 0.2em;
        position: relative;
        top: 0.2em;
        width: 1em; }
      .IsResponsive input[type="radio"]:checked:after {
        background-color: #4f9c24;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .4), inset 0 2px 2px rgba(255, 255, 255, .4), 0 1px 1px rgba(255, 255, 255, .8), 0 0 2px 2px rgba(232, 125, 125, .4); }
      .IsResponsive body {
        zoom: 1; }
      .IsResponsive .mod-mp-header, .IsResponsive #subfoot, .IsResponsive #HauptMenu {
        width: auto; }
      .IsResponsive #Inhalte {
        width: 94.2%;
        padding-left: 3.2%;
        padding-right: 1.6%; }
      .IsResponsive #Logo {
        width: auto; }
      .IsResponsive .Navigation {
        width: 100%; }
      .IsResponsive .PanesInfo {
        display: block; }
      .IsResponsive #SecondLevelMenu {
        display: none; }
      .IsResponsive .unselectedLevel1 {
        display: block; }
      .IsResponsive #NavigationResponsiveSwitch {
        display: block; }
      .IsResponsive #NavigationResponsiveSwitch .ResponsiveButtonDown {
        display: block; }
      .IsResponsive #Navigation.Navigation {
        top: 0; }
      .IsResponsive #HauptMenuRahmen {
        display: none;
        width: 100%;
        height: auto; }
      .IsResponsive #HauptMenu {
        line-height: auto !important;
        background-image: none;
        padding-bottom: 20px;
        font-weight: normal; }
      .IsResponsive #HauptMenu ul {
        background-image: none;
        padding-top: 3px;
        padding-right: 10px; }
      .IsResponsive #HauptMenu li {
        background-color: #0086e1;
        margin: 0px 0px 0px 20px;
        border-radius: 10px 0px 0px;
        width: 95%;
        padding: 1px 0px; }
      .IsResponsive #HauptMenu li:hover a {
        text-decoration: none; }
      .IsResponsive #ResNavEventLI > a:nth-child(1) {
        border-left: 3px solid #fff;
        border-top: 3px solid #fff;
        margin: -1px 0px -6px -3px; }
      .IsResponsive #ResNavEventLI:hover {
        text-decoration: underline;
        color: #fff; }
      .IsResponsive #HauptMenu li a {
        margin: 0px 0px 0px 0px; }
      .IsResponsive #HauptMenu li a {
        border: none; }
      .IsResponsive #HauptMenu li.mainMenuFirst:hover {
        background: none repeat scroll 0% 0% #1e6bb3;
        text-decoration: underline;
        color: #fff; }
      .IsResponsive #HauptMenu ul li a {
        color: #fff;
        width: auto;
        background-image: none;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 19px;
        font-weight: normal;
        padding: 8px 22px; }
      .IsResponsive #HauptMenu ul li a:hover {
        background-color: #1e6bb3; }
      .IsResponsive #HauptMenu ul li ul {
        padding: 0px;
        left: -38px;
        position: relative;
        top: 5px;
        width: 100%; }
      .IsResponsive #HauptMenu ul li ul li {
        width: 100%;
        background-color: #0086e1;
        border-radius: 10px 0px 0px;
        border-left: 3px solid #fff;
        border-top: 3px solid #fff; }
      .IsResponsive #HauptMenu ul li ul li a {
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        padding-left: 70px; }
      .IsResponsive #HauptMenu ul li ul li a:hover {
        text-decoration: underline; }
      .IsResponsive #ResNavEventLI {
        display: block; }
      .IsResponsive #ResponsiveEventMenu {
        display: none; }
      .IsResponsive #ResponsiveEventMenu .ResponsiveButtonDown {
        display: inline; }
      .IsResponsive .Leftbar {
        float: none;
        min-height: 0px;
        margin-left: 30px; }
      .IsResponsive .Sidebar {
        float: left;
        margin-right: 15px; }
      .IsResponsive .Inhalt {
        float: left;
        margin-left: auto;
        margin-left: 30px; }
      .IsResponsive .Sidebar {
        float: left;
        margin-right: 0px;
        margin-left: 30px; }
      .IsResponsive .Inhalt {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        float: none; }
      .IsResponsive .Inhalt img {
        max-width: 100%;
        height: auto; }
      .IsResponsive .Leftbar {
        margin-left: 0;
        margin-right: 0; }
      .IsResponsive .Sidebar {
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: 100%; }
      .IsResponsive .Formular {
        width: 100%;
        max-width: 600px; }
      .IsResponsive .Sidebar #GoogleMapsStart {
        width: 100%; }
      .IsResponsive .Sidebar #GoogleMapsStart #GMap, .IsResponsive #GoogleMapsForm #GMap {
        width: 100%; }
      .IsResponsive .SidebarHtml, .IsResponsive #PrintForm {
        width: 49.6%;
        float: left;
        border-left: 2px solid #fff;
        margin-bottom: 20px;
        padding-left: 0; }
      .IsResponsive #PrintForm {
        margin-top: 0px; } }

@media only screen and (max-device-width: 768px) and (orientation: portait), only screen and (max-width: 768px) {
  /*F*/
    .IsResponsive #debugMediaDetektorF {
      display: block; }
      .IsResponsive #Gesamt, .IsResponsive #Header {
        width: 620px; }
      .IsResponsive #claim {
        font-size: 12px; }
      .IsResponsive #c61 {
        display: none; }
      .IsResponsive #footer_wrapper {
        width: 585px; }
      .IsResponsive #SidebarFormularResponsiveSwitch {
        width: auto;
        text-align: center; }
      .IsResponsive #top_l {
        width: 73%; }
      .IsResponsive #Inhalte {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%; }
      .IsResponsive .ListDatenDiv {
        width: 69.8%; }
      .IsResponsive .ListPictureDiv {
        width: 16.6%;
        margin-left: 3.1%; } }

@media only screen and (max-device-width: 640px), only screen and (max-width: 640px) {
  /*E*/
    .IsResponsive #Gesamt, .IsResponsive #Header {
      width: 560px; }
      .IsResponsive #claim {
        right: 150px;
        font-size: 12px; }
      .IsResponsive #windrad {
        right: 59px; }
      .IsResponsive #footer_wrapper {
        width: 525px; }
      .IsResponsive #top_l {
        width: 100%; }
      .IsResponsive .RadioLabelText {
        font-size: 1.05em; }
      .IsResponsive #debugMediaDetektorE {
        display: block; }
      .IsResponsive #Inhalte {
        width: 95.4%;
        padding-left: 2.3%;
        padding-right: 2.3%; }
      .IsResponsive .error {
        left: 10em !important; }
      .IsResponsive .ListDatenDiv {
        width: 76.2%; }
      .IsResponsive .ListPictureDiv {
        width: 13.7%;
        margin-left: 1.6%; }
      .IsResponsive #LabelDatenschutz {
        width: auto;
        float: none; }
      .IsResponsive .submitAnmeldung {
        margin-left: auto;
        margin-right: 15px; }
      .IsResponsive #Logo a > span {
        font-size: 16px; }
      .IsResponsive .LabelTextInput, .IsResponsive .LabelRadioGroup, .IsResponsive .LabelTextarea, .IsResponsive .LabelDateInput, .IsResponsive .LabelDatetimeInput, .IsResponsive .LabelTimeInput {
        float: none;
        width: 90%; }
      .IsResponsive .Buchungsnr, .IsResponsive .TextInput, .IsResponsive .EmailInput, .IsResponsive .UrlInput, .IsResponsive .NumberInput, .IsResponsive .TextareaInput {
        float: none;
        width: 90%; } }

@media only screen and (max-width: 585px), screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: landscape) {
  /*D*/
    .IsResponsive #debugMediaDetektorD {
      display: block; }
      .IsResponsive #Gesamt, .IsResponsive #Header {
        width: 440px; }
      .IsResponsive #claim {
        right: 100px;
        font-size: 11px; }
      .IsResponsive #footer_wrapper {
        width: 404px; }
      .IsResponsive #c62 {
        display: none; }
      .IsResponsive #claim_footer h2 {
        font-size: 0.9em; }
      .IsResponsive .submit {
        margin: 10px 0; }
      .IsResponsive #PrintForm {
        max-width: 182px; }
      .IsResponsive element.style, .IsResponsive #PanesForm1, .IsResponsive .PanesForm {
        width: auto; }
      .IsResponsive .PaneButtonCenterContent {
        width: 8em;
        padding-left: 10px; }
      .IsResponsive #submitAnmeldung {
        margin: 0; }
      .IsResponsive .GoogleMaps, .IsResponsive #GMap {
        width: auto; }
      .IsResponsive #HauptMenu ul li a {
        line-height: 22px; }
      .IsResponsive #ResponsiveEventMenu {
        top: 100px; }
      .IsResponsive #Inhalte {
        width: 94.8%;
        padding-left: 2.6%;
        padding-right: 2.6%; }
      .IsResponsive .SidebarHtml, .IsResponsive #PrintForm {
        width: 49.4%; }
      .IsResponsive #SidebarBasisResponsive .SidebarHtml:nth-child(even) {
        margin-right: 0; }
      .IsResponsive #Printbutton {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }

@media only screen and (max-width: 497px), screen and (max-device-width: 480px) and (max-device-height: 480px) and (orientation: landscape) {
  /*C*/
    .IsResponsive #debugMediaDetektorC {
      display: block; }
      .IsResponsive #HauptMenuRahmen {
        width: 80%; }
      .IsResponsive #Inhalte {
        width: 93.8%;
        padding-left: 3.1%;
        padding-right: 3.1; }
      .IsResponsive .ListIconDiv {
        width: 10.5%; }
      .IsResponsive .ListDatenDiv {
        width: 69.8%; }
      .IsResponsive .ListPictureDiv {
        width: 16.6%;
        margin-left: 3.1%; }
      .IsResponsive #Logo {
        width: 100%;
        text-align: center;
        padding: 0 !important; }
      .IsResponsive #Logo .logo-claim {
        display: block; }
      .IsResponsive a span.logo-claim {
        left: 0px; } }

@media only screen and (max-width: 470px) {
  /*B*/
    .IsResponsive #Gesamt, .IsResponsive #Header {
      width: 320px; }
      .IsResponsive #claim {
        font-size: 9px;
        right: 12px;
        top: 4px; }
      .IsResponsive #footer_wrapper {
        width: 283px; }
      .IsResponsive #c66 {
        display: none; }
      .IsResponsive #EingabeBN {
        width: 200px; }
      .IsResponsive #claim_footer h2 {
        font-size: 0.5em;
        line-height: 20px; }
      .IsResponsive #Footer {
        margin-top: -33px; }
      .IsResponsive #Printbutton {
        width: auto; }
      .IsResponsive li.PaneButtonLeft, .IsResponsive li.PaneButtonLeft a, .IsResponsive li.PaneButtonRight a, .IsResponsive li.PaneButtonRight {
        width: 5em;
        height: 3em;
        line-height: 3em; }
      .IsResponsive .PaneButtons li {
        margin-bottom: 20px; }
      .IsResponsive #PanesForm2 .PaneButtonCenter {
        display: none; }
      .IsResponsive #PanesForm2 #submitAnmeldung {
        right: 8em; }
      .IsResponsive #submitAnmeldung, .IsResponsive .submitAnmeldung {
        height: 3em;
        line-height: 3em;
        margin-left: 0.5em;
        word-wrap: break-word; }
      .IsResponsive .error {
        left: 6em !important; }
      .IsResponsive a span.logo-claim {
        left: 0px; }
      .IsResponsive #HauptMenuRahmen {
        width: 95%; }
      .IsResponsive #debugMediaDetektorB {
        display: block; }
      .IsResponsive .SidebarHtml, .IsResponsive #PrintForm {
        float: none;
        width: 100%;
        margin-right: 0; }
      .IsResponsive #Logo a > span {
        font-size: 16px; } }

@media only screen and (max-width: 337px), screen and (max-device-width: 320px) and (orientation: portrait) {
  /*A*/
    .IsResponsive #Gesamt, .IsResponsive #Header {
      width: 300px; }
      .IsResponsive #claim {
        font-size: 8px; }
      .IsResponsive #windrad {
        right: 55px; }
      .IsResponsive #footer_wrapper {
        width: 258px; }
      .IsResponsive #EingabeBN {
        width: 187px; }
      .IsResponsive #debugMediaDetektorA {
        display: block; }
      .IsResponsive #Inhalte {
        width: 90.6%;
        padding-left: 4.7%;
        padding-right: 4.7; }
      .IsResponsive #Logo a > span {
        font-size: 16px; }
      .IsResponsive a span.logo-claim {
        left: 0px; }
      .IsResponsive .ListIconDiv {
        display: none; }
      .IsResponsive .ListDatenDiv {
        width: 100%; }
      .IsResponsive .ListPictureDiv {
        display: none; }
      .IsResponsive ul.FktAddressGroupList2000 li, .IsResponsive ul.FktAddressGroupList2100 li, .IsResponsive ul.ParticipantsList2 li, .IsResponsive ul.FktAddressGroupList3000 li, .IsResponsive ul.FktAddressGroupList3100 li, .IsResponsive ul.ParticipantsList3 li, .IsResponsive .OVListColumns2 li, .IsResponsive .OVListColumns3 li {
        float: none;
        width: 100%;
        margin-right: 0; } }
