/* Sonstige Texte */
.text {  font-family: Arial, Helvetica, sans-serif; color: #000;         font-size: 14px; line-height: 140%; font-weight: normal; padding-left: 2px; padding-right: 2px; }
/* Text Suche */
.textsuche {  font-family: Arial, Helvetica, sans-serif; color: #000;         font-size: 16px; line-height: 125%; font-weight: normal }
.textsuche2 {  font-family: Arial, Helvetica, sans-serif; color: #000;         padding-left: 2px; padding-right: 2px; background-color: #FFFFFF; font-size: 16px; line-height: 150%; font-weight: normal }
/* Kleine Texte */
.smalltext { color: #000; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif }
/* Weisse Texte */
.textwhite { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12pt; font-weight: normal }
/* Bilderlinks */
a img { border-width: 0px }
/* Links */
a   { color: #003FFF; font-weight: normal; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
/* Rote Links */
a.red { font-family: Arial, Helvetica, sans-serif; color: #003FFF; font-size: 16px; font-weight: normal; text-decoration:none }
/* Linkformatierung, wenn der Mauszeiger drauf zeigt */
a:hover { text-decoration:underline; color: #FF0000; }
/* Schwarze Links */
a.blacklink { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 16px; font-weight: normal; text-decoration:none }
/* Logintabellenstyle */
.tablelogin { border: solid 1px #777777 }
/* Style für Tabelle Legende */
.tablelegende { border: solid 1px #777777 }
/* Kommentar und etc. kleine Texte */
.comment { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555555}
/* Formular Elemente */
.formSubmit { font-family: Arial; color: #FFFFFF !important; font-size: 12pt;  pagging: 5px !important; border: none !important; background-color: #E37D00; margin: 0px; padding: 2px; border-radius: 3px; white-space: nowrap; }
.formSubmit:hover { font-family: Arial; color: #FFFFFF; font-size: 12pt;  background-color: rgb(251 168 74); margin: 0px; padding: 2px; border-radius: 3px; white-space: nowrap; }
.formSubmitb { font-family: Arial; color: #FFFFFF !important; font-size: 12pt;  background-color: #009F2A; border: 1px #FFFFFF; text-decoration: none !important; margin: 0px; padding: 8px 10px 8px 10px; box-shadow: 0px 0px 5px #454545; border-radius: 3px; white-space: nowrap; }
.formSubmitb:hover { font-family: Arial; color: #FFFFFF; font-size: 12pt;  background-color: rgb(251 168 74); border: 1px #FFFFFF; text-decoration: none !important; margin: 0px; padding: 8px 10px 8px 10px; box-shadow: 0px 0px 5px #454545; border-radius: 3px; white-space: nowrap; }
.formHeadText  { font-family: Verdana; color: #000; font-weight: bold; font-size: 14px }
.formMainText { font-family: Verdana; sans-serif; color: #000;         font-size: 14px; font-weight: bold }
.formSubText { font-family: Verdana; color: #000;         font-size: 14px; font-weight: normal }
.formCheckbox { margin:0px; width:35px !important; height:35px !important }
.inputError { border: solid 1px #BB0000 }
.reservationForm { border: solid 1px #009900; padding-bottom: 3px }
.reservationList { border: solid 1px #009900; padding-bottom: 10px; padding-top: 10px }
.reservationFormSelectField { font-size: 16px; height: 24px; z-index: 1; visibility: visible }
.reservationFormTextField { font-size: 16px; height: 24px }
.reservationFormTextArea { font-size: 14px }
/* Filter Panel für die Buchungsliste */
.reservationFormControl { background-color: #EEEEEE; border: solid 1px #AAAAAA; padding: 2px; margin-top: 2px}
.reservationFormControlBody {}
/* Fehlertexte */
.error { font-family: Verdana; color: #BB0000;         font-size: 14px }
/* Einstellungen für Administrationsbereich */
.AdmitFormTitel  { color: #b00; font-size: 16px }
/* Tooltips */
.tooltip { position: absolute; display: none; background-color: #FFFFFF; border-width: 1px; border-style: solid;
            border-color: #000000; padding: 2px; z-index: 2 }
.tooltipHead  { text-align: left; color: white; font-weight: bold; font-size: 11px; font-family: Verdana; background-color: #006666; padding: 2px; padding-left: 5px }
.tooltipContent { text-align: left; color: 000066; border-width: 2px; font-size: 11px; font-family: Verdana; padding-left: 5px }
.tooltipContentCOM { text-align: justify; color: 000066; border-width: 2px; font-size: 11px; font-family: Verdana; padding: 3px; } /* Tooltip für Kommentare */

/* Searchform */
.searchFormSelectField { font-family: Arial; font-size: 18px; height: 35px; line-height: 25px; z-index: 1; visibility: visible; padding: 5px; background-color: #FFFFFF; border-color: #BBBBBB; border-radius: 4px }
/* Ausgabe bei der Suche */
.search_table { border-bottom: solid 1px #BBBBBB; width: 100%; background-color: #FFFFFF }
.search_head { border-bottom: solid 1px #BBBBBB; background-color: #DDDDDD; font-weight: bold; font-size: 12pt; font-family: verdana }
.search_body { border-bottom: solid 1px #EEEEEE; font-size: 12pt; font-family: verdana; }

/* Subnavigation in Spracheinstellungen */
.subNavigationPart { padding: 0px; }
.subNavigationPartHead { font-family: Verdana; color: #000; font-size: 10px; font-weight: normal;
      text-align: center; font-weight:bold; padding: 1px; border-left: solid 1px #990000;
      border-top: solid 1px #990000; border-right: solid 1px #990000; }
.subNavigationPartContent { text-align: center; padding: 2px; }

/* Seitenblätternavigation in der Buchungsliste (unter dem Buchungsformular) */
.PagesHandlerField { font-family: Verdana; font-size: 14px; font-weight: normal; padding: 3px; text-align: center; }
.PagesHandlerLink { font-family: Verdana; text-decoration: none; font-family: Verdana; font-size: 16px; font-weight: bold }
.PagesHandlerLink:hover { font-family: Verdana; text-decoration: none; font-family: Verdana; font-size: 16px; font-weight: bold }

#menu {
        background: #2286E8;
        color: #FFFFFF;
        height: 52px;
        text-align: center;
padding: 0px 40px 0px 40px;
border-color: #FFFFFF;

}
#menu ul, #menu li {
        margin: auto;
        padding: 0;
        list-style: none;
}
#menu ul {
        width: auto;
}
#menu li {
        display: inline-block;
        position: relative;
}
#menu a {
font-family: arial, helvetica, tahoma;
        display: block;
        line-height: 50px;
        padding: 0 10px;
        text-decoration: none;
        color: #FFFFFF;
        font-size: 18px;
}
#menu a.dropdown-arrow:after {
        content: "\25BE";
        margin-left: 5px;
        background: #2286E8;
}
#menu li a:hover {
        color: #FFFFFF;
        background: #2DBCF4;
}
#menu input {
        display: none;
        margin: 0;
        padding: 0;
        height: 50px;
        width: 100%;
        opacity: 0;
        cursor: pointer;
}
#menu label {
        display: none;
        line-height: 50px;
        text-align: center;
        position: absolute;
        left: 35px;
}
#menu label:before {
        font-size: 1,5em;
        content: "\2261  Navigation";
        margin-left: 20px;
}
#menu ul.sub-menus{
        height: auto;
        overflow: hidden;
        width: auto;
        max-width: 700px;
        background: #2286E8;
        position: absolute;
        z-index: 99;
        display: none;
}
#menu ul.sub-menus li {
        display: block;
        width: 100%;
        text-align: left;
}
#menu ul.sub-menus a {
        color: #FFFFFF;
        background: #2286E8;
        font-size: 18px;
}
#menu ul.sub-menus a:hover{
        background: #2DBCF4;
        color: #FFFFFF;
}
@media screen and (min-width: 1145px){
  #menu li:hover ul.sub-menus {
    display: flex;
    flex-flow: row wrap;
    position: fixed;
    color: #FFFFFF;
  }
  #menu li:hover ul.sub-menus li {
    flex: 0 1 calc(25%);
  }

}

@media screen and (max-width: 1145px){
        #menu {position:relative}
        #menu ul {background: #2286E8; position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
    #menu li:hover ul.sub-menus {
    display: block;
  }
        #menu ul.sub-menus {width:100%;position:static;}
        #menu ul.sub-menus a {padding-left:15px;}
        #menu li {display:block;float:none;width:auto;}
        #menu input, #menu label {position:absolute;top:0;left:0;display:block}
        #menu input {z-index:4}
        #menu input:checked + label {color:white}
        #menu input:checked + label:before {content:"\00d7"}
        #menu input:checked ~ ul {display:block}
}