@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(/css/fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(/css/fonts/OpenSans-Bold.ttf) format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(/css/fonts/OpenSans-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url(/css/fonts/OpenSans-Italic.ttf) format('truetype');
    font-style: italic;
}

* { margin:0px; }

html {overflow-y: scroll;}

body { margin-left:0; background-color:#ffffff; color:#000000; font-family: 'Open Sans', sans-serif; font-size:9pt; height:101%;}
/*background-image:url(../images/msusport_header.jpg); background-repeat:no-repeat; background-position:top right; }*/

body.popup { margin-left:1em; background-color:#ffffff; color:#000000; font-family: 'Open Sans', sans-serif; font-size:9pt; height:101%; }
/*background-image:url(../images/msusport.gif); background-repeat:no-repeat; background-position:top right; } */

body.iframe { margin-left:1em; background-color:#ffffff; color:#000000; font-family: 'Open Sans', sans-serif; font-size:9pt; height:101%; }
/*background-image:url(../images/xdot.gif); background-repeat:no-repeat; background-position:top right; }*/

body.popup #page {
  margin: -68px 0 0 0;
}

/* MSU Grid - since v.4.4 */
.msu_row {
  display: flex;
  margin: 5px 0;
}
.msu_row.more_margin_vert {
  margin: 10px 0;
}
.msu_row.surrounding_row > div:first-child {
  padding-left: 0;
}
.msu_row.surrounding_row > div:first-child {
  padding-right: 0;
}
.msu_row input:not([type="checkbox"]):not([type="button"]),
.msu_row select,
.msu_row textarea {
  width: 80%;
  box-sizing: border-box;
}

.full_width {
  width: 100%;
}

/* Override width, if the unset_msu_row_input_width class is set around an input */
.unset_msu_row_input_width input:not([type="checkbox"]):not([type="button"]),
.unset_msu_row_input_width select,
.unset_msu_row_input_width textarea {
  width: unset;
}

/* Override unset width, if after the unset_msu_row_input_width class, a new row is added */
.unset_msu_row_input_width .msu_row input:not([type="checkbox"]):not([type="button"]),
.unset_msu_row_input_width .msu_row select,
.unset_msu_row_input_width .msu_row textarea {
  width: 80%;
}

.msu_row .select_list {
  width: 100% !important;
}
.msu_col1,
.msu_col2,
.msu_col3,
.msu_col4,
.msu_col5,
.msu_col6,
.msu_col7,
.msu_col8,
.msu_col9,
.msu_col10,
.msu_col11,
.msu_col12 {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.search_container .msu_row > div {
  padding-left: 7px;
  padding-right: 7px;
}
.msu_col1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
  -ms-flex: 0 0 8.333333%;
}
.msu_col2 {
  flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.msu_col3 {
  flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  max-width: 25%;
}
.msu_col4 {
  flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.msu_col5 {
  flex: 0 0 41.666667%;
  -ms-flex: 0 0  41.666667%;
  max-width:  41.666667%;
}
.msu_col6 {
  flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  max-width: 50%;
}
.msu_col7 {
  flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.msu_col8 {
  flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.msu_col9 {
  flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  max-width: 75%;
}
.msu_col10 {
  flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.msu_col11 {
  flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.msu_col12 {
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  max-width: 100%;
}

/* More futuristic styles since v4.4 */
.error_color {
  color: #ff6666;
}

.success_color {
  color: #339900;
}

.dark_orange_color {
  color: #e2a834;
}

.blue_color {
  color: #0089ce;
}

.greyed_text {
  font-weight: 600;
  color: gray;
}

.greyed {
  color: gray;
}

.msu_pager_header_container {
  background-color: #d8d4d4;
  padding: 5px;
}

.msu_pager_header_container .msu_pager_header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.msu_pager_result_counts {
  margin-right: 10px;
  font-weight: bold;
}

.list_result_item {
  padding: 5px !important;
  border: none !important;
}

.list_result_item .list_result_item_first_line {
  display: flex;
  align-items: baseline;
}

.list_result_trailing_icons,
.list_result_status_icons {
  display: flex;
  align-items: baseline;
}

.list_result_item_info {
  margin-left: 4px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list_result_item_info .list_result_league_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list_result_item_second_line {
  margin-left: 22px;
}

.list_result_item_second_line > div {
  width: 33.33333%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list_result_item_second_line > div:not(:last-of-type) {
  padding-right: 10px;
}

.list_result_league_quick_info {
  margin-left: auto;
  display: flex;
}

.list_result_quick_info_container {
  color: gray;
  display: flex;
  padding: 0 3px;
}

.list_result_quick_info_container .quick_info {
  overflow: hidden;
  text-overflow: ellipsis;
  /*max-width: 50px;*/
}

.list_result_item_status_icon {
  padding: 0 3px;
  width: 12px;
  text-align: center;
}

.display_none {
  display: none;
}

.no_margin {
  margin: 0 !important;
}

.flex {
  display: flex;
}

.flex_align_end {
  align-items: flex-end;
}

.width100 {
  width: 100% !important;
}
.container_fields_full_width input[type="text"],
.container_fields_full_width select {
  width: 100% !important;
}

.labeled_box {
  border: 1px solid #a2bf36;
  padding-top: 10px;
  padding-bottom: 9px;
  margin-top: 23px;
  margin-bottom: 10px;
  width: calc(100% - 10px);
}

.labeled_box > label {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  margin: -23px 0 0 4px;
  padding: 1px 6px;
  background-color: #FFFFFF;
  color: #339900;
  white-space: nowrap;
}

/* Labeled Inputs - since v4.4 */
.labeled_input {
  margin: 5px 0;
}

.labeled_input.no_margin_bottom {
  margin-bottom: 0;
}

.labeled_input_flex {
  display: flex;
  align-content: center;
  margin-top: 35px;
}

.labeled_input label {
  margin-bottom: 3px;
}

.labeled_input label,
.labeled_input_flex label {
  font-weight: 500;
  display: block;
  font-size: 12px;
}

.labeled_input_flex label:not(.left) {
  margin-left: 5px;
}

.labeled_input_flex label.left {
  margin-right: 5px;
}

.labeled_input > input,
.labeled_input > select {
  width: 80%;
}

.labeled_input_flex > .input_color {
  display: flex;
  align-items: center;
}

.input_color {
  padding-left: 3px;
  padding-right: 3px;
}

.md-chip {
  display: inline-block;
  background: #e0e0e0;
  padding: 0 12px;
  border-radius: 25px;
  font-size: 11px;
  margin: 5px 5px;
  min-height: 25px;
}

.md-chip .md-chip-icon {
  padding: 4px 5px;
}

.md-chip-raised {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.md-chip > .md-chip-content {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: sub;
  margin: 4px 0;
}

.md-chip .md-chip-icon {
  display: block;
  float: left;
  background: #a2bf36;
  width: 25px;
  border-radius: 25px;
  text-align: center;
  color: white;
  margin: 0 8px 0 -12px;
  min-height: 25px;
  box-sizing: border-box;
}

.md-chip-remove {
  display: inline-block;
  background: #aaa;
  border: 0;
  border-radius: 50%;
  margin: 3px -4px 0 4px;
  cursor: pointer;
  text-align: center;
  padding: 2px 6px;
  vertical-align: top;
}
.md-chip-remove > i {
  color: #ffffff;
}
.md-chip-remove:hover {
  background: #999;
}
.md-chip-remove:active {
  background: #777;
}

.info_text {
color: #9e9e9e;
}

/* League Assignment - League module */
#league_assignment_container {

}

#league_assignment_container .la_info {
  padding-right: 10px;
}

/* Article Module */
/* Greyed out placeholder name of an article field */
.article_field_label_placeholder_name {
  font-weight: normal;
  padding-left: 10px;
  color: gray;
}

div#framework { min-height:800px; }

div#inhalt { width:100%; }

#wrapper {
min-height: calc(100vh - 50px);
}

#page {
margin: -73px 0 0 0;
z-index: 1;
}

#logo_box {
text-align: right;
margin: 5px 20px 0 0;
z-index: 1000;
cursor: pointer;
}

.label_testsystem {
font-size: 14pt;
font-weight: bold;
}

#login_benutzername,
#form_links {
padding: 0 85px 0 0;
width: auto !important;
}

#form_links {
text-align: center;
color: #000000;
line-height: 30px;
}

#form_links a,
#form_links a:hover {
color: #000000;
background-color: transparent;
}

footer {
margin-top: 20px;
background-color: #D1D1D1;
background-image: -webkit-linear-gradient(#eeeeee 0%, #d1d1d1 70%);
background-image: -moz-linear-gradient(#eeeeee 0%, #d1d1d1 70%);
background-image: -o-linear-gradient(#eeeeee 0%, #d1d1d1 70%);
background-image: linear-gradient(#eeeeee 0%, #d1d1d1 70%);
margin-right: 1em;
vertical-align: middle;
}

a { color:#000000; text-decoration:underline; }
a:link { color:#000000; }
a:visited { color:#000000; }
a:hover { background-color:#5B5B5B; color:#ffffff; }
a:active { color:#000000; }

.txt_center {
text-align: center !important;
}

.txt_left {
text-align: left !important;
}

.txt_right {
text-align: right !important;
}

input, select, textarea {
font-family: 'Open Sans', sans-serif;
font-size: 9pt;
font-weight: normal;
padding: 0.2em 8px;
border: 1px solid #d1d1d1;
border-radius: 3px;
}

select {
background-color: #ffffff;
color: #000000;
max-width: 250px; /* JF - V4*/
}

select.sp_select.select_list {
  max-width: 350px; /* JF - 21.12.2018*/
}

input.tableedit { font-family: 'Open Sans', sans-serif; font-size:8pt; font-weight:normal; padding:1px; }
select.tableedit { font-family: 'Open Sans', sans-serif; font-size:8pt; font-weight:normal; padding:1px; }
table { border-collapse:collapse; border-spacing:0px; }

input.button { background-color:transparent; background-repeat:no-repeat; padding:2px; border:0px; width:35px; height:35px; }
input.button21 { background-color:transparent; background-repeat:no-repeat; padding:2px; border:0px; width:22px; height:22px; }
input.button27 { background-color:transparent; background-repeat:no-repeat; padding:2px; border:0px; width:28px; height:28px; }
input.button33 { background-color:transparent; background-repeat:no-repeat; padding:2px; border:0px; width:35px; height:35px; }
input.buttongrid21 { border:1px solid #a1bf36; padding:2px; color:#a1bf36; /*background-color:#dddddd;*/ width:22px; height:22px;}
input.buttongrid27 { border:1px solid #a1bf36; padding:2px; color:#a1bf36; /*background-color:#dddddd;*/ width:28px; height:28px;}
input.rund {
  border-radius: 5px 5px 5px 5px;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#dedede));
  background: -moz-linear-gradient(top , #fff, #dedede);
}

/* input.button:hover { padding:0px; border:2px outset #D1D1D1; } */
input.button-tableedit { background-color:transparent; background-repeat:no-repeat; padding:2px; border:0px; width:22px; height:22px; }
/* input.button-tableedit:hover { padding:0px; border:2px outset #d8efbd; } */

/* input.button-text { background-color:#D1D1D1; font-weight:bold; padding:2px; border:1px solid #a1bf36; height:25px; } */
input.button-text { background-color:#f0f0f0; color:#a1bf36; font-weight:bold; padding:2px; border:1px solid #a1bf36; height:25px; }
input.button-text-disabled { background-color:#f0f0f0; color:#c0c0c0; font-weight:bold; padding:2px; border:1px solid #e0e0e0; height:25px; }
input.klappen { width:25px; height:25px; text-align:center; }
.w1 { width:5em; }
.w2 { width:10em; }
.w4 { width:15em; }
.w5 { width:20em; }
.w6 { width:25em; }

.rechts { text-align:right; }
.links { text-align:left; }
.mitte { text-align:center; }

.fett {
  font-weight: bold;
}

select[disabled] { background-color:#f0f0f0; color: #484848; padding:2px; border:1px solid #e0e0e0; height:25px; }

select.more_rows { padding:2px; border:1px solid #e0e0e0; width:50em; max-width:50em; }
select.more_rows[disabled] { background-color:#f0f0f0; color: #484848; padding:2px; border:1px solid #e0e0e0; width:50em; max-width:50em; }


/* input[disabled=disabled] { background-color:#CD0000; } */

span.checked_green { background-color:#339900; color: #ffffff;}
span.unchecked_red, div.unchecked_red { background-color:#CD0000; color: #ffffff;}
span.unchecked_green { background-color:#339900; color: #ffffff;}
span.checked_red { background-color:#CD0000; color: #ffffff;}

a.ampel_rot { background-color:#CD0000; color: #ffffff; padding:0.5em; text-decoration:none; font-weight:bold; }
a.ampel_gelb { background-color:#ffcc66; color: #000000; padding:0.5em; text-decoration:none; font-weight:bold; }
a.ampel_gruen { background-color:#339900; color: #ffffff; padding:0.5em; text-decoration:none; font-weight:bold; }

span.ampel_rot { background-color:#CD0000; color: #ffffff;}
span.ampel_gelb { background-color:#ffcc66; }
span.ampel_gruen { background-color:#339900;  color: #ffffff;}
span.input_not_saved { background-color:#ffcc66; padding:0.3em; padding-top:0.3ex; padding-bottom:0.3ex; }
span.spiel_prueffehler { color:#CD0000; }
span.team_liga_attribut1 { font-weight:bold; font-style:italic; }



span.success { color:#008000; }
span.error { color:#CD0000; }

#detail span.ampel_rot,
#detail span.ampel_gelb,
#detail span.ampel_gruen,
#detail span.spiel_prueffehler,
#detail span.team_liga_attribut1,
#detail span.success,
#detail span.error {
  padding: 0.2em 0;
}

tr.ampel_gelb { background-color:#ffcc66; color:#000000; }
tr.ampel_gruen { background-color:#339900; color:#000000; }
tr.ampel_rot { background-color:#CD0000; color:#000000; }

td.ampel_gelb { background-color:#ffcc66; color:#000000; }
td.ampel_gruen { background-color:#339900; color:#000000; }

div.ampel_rot { background-color:#CD0000; font-weight:bold; padding:0.5em; color: #ffffff;}
div.ampel_gelb { background-color:#ffcc66; font-weight:bold; padding:0.5em; }
div.ampel_gruen { background-color:#339900; font-weight:bold; padding:0.5em; }




.dezent_ampel_rot { background-color:#de9c9c; font-weight:bold; padding:0.5em; }
.dezent_ampel_rot:hover { background-color:#CD0000; font-weight:bold; padding:0.5em; }
.dezent_ampel_gelb { background-color:#ffcc99; font-weight:bold; padding:0.5em; }
.dezent_ampel_gelb:hover { background-color:#ffcc66; font-weight:bold; padding:0.5em; }
.dezent_ampel_gruen { background-color:#d8efbd; font-weight:bold; padding:0.5em; }
.dezent_ampel_gruen:hover { background-color:#339900; font-weight:bold; padding:0.5em; }




div.legende { font-size:9pt; font-weight:normal; color:#000000; }

tr.team_geloescht { background-color:#CD0000; color:#e0e0e0; }


div.msu_gruppentitel { margin-top:2px; font-size:10pt; font-weight:bold; background-color:#D1D1D1; color:#000000; border-bottom:1px solid #ffffff; }
div.msu_gruppendaten_v { margin-left:5em; }
div.msu_gruppendaten_h { margin-left:0px; }
div.msu_tippspiel_spiele_select  { padding:5px; margin-left:5em; font-size:10pt; font-weight:bold; }

div.tippspiel_team_logo { padding:3px; border:1px dotted #000000; background-color:#ffffff; width:70px; height:50px; overflow:hidden; }

div#linkliste { font-size:12pt; font-weight:bold; }

div.head { font-size:10pt; font-weight:bold; margin-top:3ex; }
div.gerade { padding:1em; background-color: #eeeeee; border:1px solid #bfbfbf;/*#000000;*/ }
div.ungerade { padding:1em; background-color: #ffffff;  border:1px solid #bfbfbf;/*#000000;*/ }

input.ampel_gelb { background-color:#ffff99; }
input.btn_gelb { background-color:#ffcc66; color:#000000; font-weight:bold; height:33px; padding-left:1em; padding-right:1em; border: 1px solid #0000ff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
input.btn_rot { background-color:#CD0000; color: #ffffff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

td { font-family: 'Open Sans', sans-serif; font-size:9pt; font-weight:normal; padding:0.2em; }
th { font-family: 'Open Sans', sans-serif; font-size:9pt; font-weight:bold; padding:0.2em; background-color:#D1D1D1; color:#000000; }
th.head2 { font-family: 'Open Sans', sans-serif; font-size:9pt; font-weight:bold; padding:0.2em; background-color:#d8efbd; color:#000000; }
td.trennlinie { height:1px; background-color:#e0e0e0; color:#e0e0e0; }

.ungerade { background-color: #ffffff; }
.gerade { background-color: #eeeeee; }
.hilite { background-color: #d8efbd !important; }
.virtuell { background-color: #de9c9c; }


.ungerade2 { background-color: #fafafa; }
.gerade2 { background-color: #e0e0e0; }
.hilite2 { background-color: #ffcc99; }
.hilite3 { background-color: #eae5d9; }

.hierarchie1 { font-size:12pt; }
.hierarchie2 { font-size:11pt; }
.hierarchie3 { font-size:10pt; }
.hierarchie4 { font-size:9pt; }
.hierarchie5 { font-size:8pt; }
.hierarchie6 { font-size:7pt; }
.hierarchie7 { font-size:6pt; }


.neuer_datensatz { background-color:#d9d9d9; }
.error_spielplan { background-color:#CD0000; color:#ffffff; }
.teamdublette { background-color:#CD0000; color:#ffffff; font-weight:bold; }
.spieldublette { background-color:#CD0000; color:#ffffff; font-weight:bold; }
a.spieldublette { background-color:#ffffff; color:#CD0000; font-weight:normal; text-decoration:none; }
a.spieldublette:hover { text-decoration:underline; }
a.plain { text-decoration:none; }

a.toolbar { background-color:transparent; color:#000000; text-decoration:none; }
a.toolbar:link { background-color:transparent; color:#000000;  text-decoration:none;}
a.toolbar:visited { background-color:transparent; color:#000000;  text-decoration:none;}
a.toolbar:hover { background-color:transparent; color:#000000;  text-decoration:none; }
a.toolbar:active { background-color:transparent; color:#000000;  text-decoration:none; }

a.email { text-decoration:none; }
a.email:hover { text-decoration:none; }
a.calendar { text-decoration:none; }
a.kal_cell { text-decoration:none; }
a.kal_cell_hilite { text-decoration:none; color:#A1BF36; }


a.portal_navigation { color:#000000; font-weight:bold; }
a.portal_navigation_hilite { color:#CD0000; font-weight:bold; }


.samstag { background-color:#f0e68c; /*#ffcc99;*/ }
.sonntag { background-color:#cdc673; /*#ffcc33;*/ }
.kal_trenner { border-left:1px solid #000000; }
.kal_rahmen { background-color:#e0e0e0; border:4px outset #d0d0d0; }
.kal_title {
  background-color: #d1d1d1;
  color: #000000;
  text-align: center;
}
.kal_head { text-align:center; background-color:#A1BF36; color:#ffffff; }
.kal_head2 { text-align:right; background-color:#A1BF36; color:#ffffff; }
.kal_cell { text-align:right; background-color:#ffffff; color:#000000; }
.kal_cell_hilite { font-weight:bold; text-align:right; background-color:#ffffff; color:#A1BF36; }
.kal_cell_future {
  background-color: #ffffff;
  color: #e0e0e0;
  text-align: right;
}

#apptitel { color:#000000; padding:0px; text-align:left; }
#meldungsbereich { color:#a1bf36; padding:0px; }
#toolbar {
  background-color: #D1D1D1;
  background-image: -webkit-linear-gradient(#d1d1d1 0%, #eeeeee 70%);
  background-image: -moz-linear-gradient(#d1d1d1 0%, #eeeeee 70%);
  background-image: -o-linear-gradient(#d1d1d1 0%, #eeeeee 70%);
  background-image: linear-gradient(#d1d1d1 0%, #eeeeee 70%);
  height:38px;
  padding-top:5px;
  width: calc(100% - 252px);
}
.toolbar { background-color:#D1D1D1; }
.toolbar2 { background-color:#e0e0e0; text-align:center; }

/*
img.toolbar { border:1px solid transparent; }
img.toolbar:hover { border:1px solid #000000; }
*/
img.toolbar { border:0px; }
img.toolbar:hover { border:0px; }

.fensterchen { padding:1em; border:4px outset #e0e0e0; background-color:#d8efbd; }
.autocomplete { display:none; z-index:3; position:absolute; padding:1em; border:4px outset #e0e0e0; background-color:#D1D1D1; }




div.trenner { float:left; height:2px; width:98%; text-align:center; background-color:#d0d0d0; }
ul.horiz { display:inline; float:left; width:100%; clear:both; list-style-type:circle; }



#navigation { padding:0px; }
table#pulldownmenu { color:#000000; padding:0em; }
a.navigation { color:#000000; padding:0.3em; width:100%; text-decoration:none; }
a.navigation:link { color:#000000; padding:0.3em; width:100%; }
a.navigation:visited { color:#000000; padding:0.3em; width:100%; }
a.navigation:hover { background-color:#a1bf36; color:#ffffff; padding:0.3em; width:100%; }
a.navigation:active { color:#a1bf36; padding:0.3em; width:100%; }
a.navigation2 { width:10em; overflow:hidden; }
span.navigation {}
span.navigation2 { width:10em; overflow:hidden; float:none; clear:both; }
td.navigation_hilite { padding:0.5em; background-color:#a1bf36; color:#ffffff; cursor: pointer;}
td.navigation_hilite a.navigation { background-color:#a1bf36; color:#ffffff; cursor: pointer;}



td.nav_main_li { width:6px; background-image:url(../images/nav/nav-li.jpg); background-repeat:no-repeat; background-position:top right; }
td.nav_main_re { width:6px; background-image:url(../images/nav/nav-re.jpg); background-repeat:no-repeat; background-position:top left; }
td.menuitem0 { padding:0.5em; background-image:url(../images/nav/nav-mi.jpg); background-repeat:repeat-x; background-color:#e0e0e0; }
td.menuitem1 { padding:0.5em; background-image:url(../images/nav/nav-mi.jpg); background-repeat:repeat-x; background-color:#e0e0e0; }
td.menuitem2 { padding:0.5em; background-image:url(../images/nav/nav-mi.jpg); background-repeat:repeat-x; background-color:#e0e0e0; }
td.menuitem3 { padding:0.5em; background-image:url(../images/nav/nav-mi.jpg); background-repeat:repeat-x; background-color:#e0e0e0; }



td.tabarea-li-aktiv { background-image:url(../images/tabs/tab-a-li.jpg); background-repeat:no-repeat; background-position:top right; }
/*td.tabarea-mi-aktiv { background-image:url(../images/tabs/tab-a-mi.jpg); background-repeat:repeat-x; background-color:#a1bf36; color:#ffffff; } Bild fehlt! */
td.tabarea-mi-aktiv { background-repeat:repeat-x; background-color:#a1bf36; color:#ffffff;
  border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding: 0 8px;}
td.tabarea-re-aktiv { background-image:url(../images/tabs/tab-a-re.jpg); background-repeat:no-repeat; background-position:top left;}
td.tabarea-ec-aktiv { background-color:#a1bf36; color:#ffffff; }

td.tabarea-li-inaktiv { background-image:url(../images/tabs/tab-li.jpg); background-repeat:no-repeat; background-position:top right; }
td.tabarea-mi-inaktiv { background-image:url(../images/tabs/tab-mi.jpg); background-repeat:repeat-x; background-color:#e0e0e0; color:#000000;
  border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding: 0 8px;}
td.tabarea-re-inaktiv { background-image:url(../images/tabs/tab-re.jpg); background-repeat:no-repeat; background-position:top left; }
td.tabarea-ec-inaktiv { background-color:#e0e0e0;  color:#000000; }

/* blaue trennlinie td.tabtrenner-h { background-color:#a1bf36; color:#a1bf36; height:3px; padding:0px; } */
/* td.tabtrenner-h { background-color:#a1bf36; color:#a1bf36; height:3px; padding:0px; } */
td.tabtrenner-h { background-color:#ffffff; color:#ffffff; height:3px; padding:0px; }
td.tabtrenner-v { background-color:#a1bf36; color:#a1bf36; width:3px; padding:0px; }

td.tabarea-aktiv { background-color:#a1bf36; color:#ffffff; }
div.tabarea-aktiv { display:block; font-size:8pt; text-align:left; }
td.tabarea-inaktiv { background-color:#e0e0e0;  color:#000000; }
div.tabarea-inaktiv { display:none; }







/*
legend { font-family: 'Open Sans', sans-serif; font-size:8pt; font-weight:bold; background-color:#d8efbd;
  padding-left:0.5em; padding-right:0.5em; padding-top:0.1em; padding-bottom:0.1em;
}
*/
legend { font-size:9pt; font-weight:normal; padding-left:0.5em; padding-right:0.5em; padding-top:0.1em; padding-bottom:0.1em; }


h3 { font-size:9pt; }
h3.head { font-size:9pt; font-weight:bold; padding:0.2em; background-color:#D1D1D1; color:#000000; }

/* Multiupload */
.listph { height:100px;margin:5px;border:dotted black;}
.draggable  { min-height:100px; border: 1px solid #000000;margin:5px;padding:5px;cursor:move}
.notdraggable {min-height:100px; border: 1px solid #000000;margin:5px;padding:5px;}
.uploadbox { max-height:800px;overflow-y:auto; min-height:100px; border: 1px solid #000000;}
.mmbox { max-height:600px; overflow:auto; min-height:100px; border: 1px solid #000000;}
.deleteobj {float:right;cursor:pointer}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.pooluploadbox { border: 1px solid #000000;margin:5px;padding:5px;}
.pooluploadboxlegend { width:98%;background-color: #D1D1D1;font-weight:bold;color:black;text-align:center;padding:2px;margin:5px; }

.datalabel { text-align:right;}

/* Poolupload */
.multiobj {border: 1px solid #000000;margin:3px;padding:2px;}

.multiobj img {
  width:100px;
}

.img_title {
  padding-left:8px;
}

#selectable .ui-selecting {
  background: silver;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
#selectable .ui-selected {
  background: black;
  border: 1px solid black;margin:2px;padding:3px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  color: white;
}

/* html_upload_2 */
.hu2pooluploadbox { border: 1px solid #bfbfbf /*#000000*/; margin:5px 5px 5px 0px; padding:4px;}
.hu2pooluploadbox_diashow { border: 1px dotted #bfbfbf /*#000000*/; margin:10px; padding:4px;}
.hu2previewimg {float:left;width:100px;margin:5px;padding:5px;}
.hu2subtitlelabel {float:left;width:100px;margin:5px;padding:5px;}
.hu2subtitle {float:none}
.hu2buttonbar {float:left;cursor:pointer;margin:2px;padding:2px;}

.hu2kategoriehead {
  font-family: 'Open Sans', sans-serif;
  font-size:9pt;
  font-weight:bold;
  padding:0.2em;
  background-color:#D1D1D1;
  color:#000000;
  margin-bottom:5px;
}

.hu2kategoriehead_active {
  font-family: 'Open Sans', sans-serif;
  font-size:9pt;
  font-weight:bold;
  padding:0.2em;
  background-color:#D8EFBD;
  color:#000000;
  margin-bottom:5px;
}

/* html_upload_2 Diashow */
.hu2diashowhead {
  font-family: 'Open Sans', sans-serif;
  font-size:9pt;
  font-weight:bold;
  padding-bottom:5px;
  background-color: #EEEEEE;
  color:#000000;
}

.hu2thumbnails {
  float:left;
  margin:5px;
  height:90px;
  width:80px
}

.hu2diashowtitle {
  font-weight:bold;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  background-color: #EEEEEE;
  color:#000000;
}

.hu2diashowtitle_active {
  font-weight:bold;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  background-color: #D1D1D1;
  color:#000000;
}

.hu2newdiashow {
  margin-bottom:5px;
  margin-left: 10px;
}

.hu2diashow {
  border: 1px solid #000000;
  margin-bottom: 10px;
  margin-left: 10px;
}

.hu2objekte {
  margin-bottom: 10px;
  margin-left: 10px;
}

.hu2button {
  background-color: #219bd3;
  background-image: linear-gradient(bottom, #27aee6 0%, #219bd3 100%);
  background-image: -o-linear-gradient(bottom, #27aee6 0%, #219bd3 100%);
  background-image: -moz-linear-gradient(bottom, #27aee6 0%, #219bd3 100%);
  background-image: -webkit-linear-gradient(bottom, #27aee6 0%, #219bd3 100%);
  background-image: -ms-linear-gradient(bottom, #27aee6 0%, #219bd3 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #27aee6),
    color-stop(1, #219bd3)
  );
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #219bd3;
  color: #FFF;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  width: 200px;
}
.uploadify:hover .uploadify-button {
  background-color: #27aee6;
  background-image: linear-gradient(top, #34bbf4 0%, #27aee6 100%);
  background-image: -o-linear-gradient(top, #34bbf4 0%, #27aee6 100%);
  background-image: -moz-linear-gradient(top, #34bbf4 0%, #27aee6 100%);
  background-image: -webkit-linear-gradient(top, #34bbf4 0%, #27aee6 100%);
  background-image: -ms-linear-gradient(top, #34bbf4 0%, #27aee6 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #34bbf4),
    color-stop(1, #27aee6)
  );
  background-position: center bottom;
}


/*Erweiterung für Sport V4 - JF 04.08.2016*/
.fieldset {
  /*border: 1px solid #A0A0A0;*/
  border: 1px solid #BFBFBF;
  margin-top: 5px;
  padding: 5px;
}

#suche input[type="text"],
#limitieren input[type="text"]{
  width: 244px;
}

#suche select,
.limitieren_suche select{
  width: 250px;
}

.txt_label {
  color: #339900;
  font-size: 11pt;
  font-weight: bold;
  display: block;
  padding: 5px 0 10px 0;
  margin-left: 10px;
}

.txt_label_inline {
  display: inline;
}

.txt_sublabel_small {
  color: #9B9B9B;
  font-size: 8pt;
}

.tab-content .fieldset .txt_label:not(.field_header),
.special_fieldset .fieldset .txt_label:not(.field_header) {
  border-top: 1px solid #BFBFBF;
}

.tab-content .fieldset .txt_label.field_header,
.special_fieldset .fieldset .txt_label.field_header {
  border-bottom: 1px solid #BFBFBF;
  padding-left: 10px;
}

.txt_label + br {
  display: none;
}


#login_news {
  margin: 20px auto;
  max-width: 1024px;
}

#login_saisonkalender, #bestelllisten_news {
  margin: 20px auto;
  max-width: 768px;
}

.login_left td.label {
  font-weight: bold;
}

.login_left, .news_right {
  box-sizing: border-box;
  float: left;
  width: 50%;
}

article {
  line-height: 20px;
  text-align: left;
}

#login_news h4,
#login_saisonkalender h4, #bestelllisten_news h4 {
  font-size: 14pt;
  color: #339900;
  margin: 20px 20px 30px 20px;
}

#login_saisonkalender h4, #bestelllisten_news h4 {
  margin: 20px 20px 10px 20px;
}

#login_news h5,
#login_saisonkalender h5 {
  color: #a2bf26;
  font-size: 13pt;
  padding: 0 0 10px;
  text-align: left;
}

#login_saisonkalender h5 {
  padding: 20px 0 5px;
  font-size: 12pt;
  text-align: center;
}

#login_saisonkalender {
  margin: 20px auto;
  max-width: 768px;
}

#login_saisonkalender > table {
  margin: 0 auto;
}

#login_saisonkalender > h4, #bestelllisten_news > h4 {
  text-align: center;
}


#login_news h6 {
  font-size: 10pt;
  font-weight: bold;
  padding: 0 0 5px;
  text-align: left;
}

.img_spacing {
  margin: 0 10px 0 0;
}

.news_divider {
  border: 1px solid #339900;
  margin: 15px 0;
}

#login_news.article_horiz_box {
  max-width: 1024px; /*768px;*/
}

.saisonk_zusatz {
  color: #9B9B9B;
}

.saisonk_info {
  text-align: center;
  padding: 5px 0;
}

#login_saisonkalender table tr td {
  vertical-align: top;
}

#login_saisonkalender tr.last_line td {
  padding-bottom: 10px;
}

#login_saisonkalender tr.first_line .uhrzeit {
  padding-right: 10px;
  font-weight: bold;
  border-top: 2px solid #339900;
}

#bestelllisten_news {
  border: 1px solid #339900;
}

.bestellliste_news_td {
  cursor: pointer;
}

#bestellliste_news_table tr:not(:last-child) {
  border-bottom: 1px solid #000000;
}

#bestellliste_news_table tr {
  display: block;
  margin: 0px 5px;
}

#bestellliste_news_table {
  width: 100%;
}

.article_horiz {
  display: table-cell;
  width: 50%;
  padding: 0 20px;
}

.art_left {
  border-right: 2px solid #a2bf26;
}

@media only screen and (max-width: 767px) {
  .login_left, .news_right {
    float: none;
    width: 100%;
  }

  .login_left {
    margin: 0 0 30px 0;
  }

  .news_right {
    margin: 0 10px;
  }
}

td.tabtrenner-h {
  height: 0;
}

.vertical_v4 td.tabtrenner-h {
  background-color: #A1BF36 !important;
  height: 2px !important;
}

td.tab-content {
  border: 2px solid #A1BF36;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  vertical-align: top;
}

.tab-content .fieldset,
.special_fieldset .fieldset {
  border: none;
  /*border-left: none;
  border-right: none;
  border-top: none;*/
}

.vertical_v4 .tab-content div:last-of-type > .fieldset,
.vertical_v4 .tab-content > div:only-child .fieldset {
  border: none;
}

/*
#suche > div > div[style], #suche > div > div,
#liste > div[style], #liste > div {
  border: 2px solid #A1BF36 !important;
} */

/*
.tabarea-aktiv > div > div[style] {
  border: none !important;
  padding: 10px 4px !important";
}

.tabarea-aktiv > div > div[style]:not(:last-of-type) {
	border-bottom: 2px solid #a2bf26 !important;
}*/


.vertical_v4 td.tabarea-mi-inaktiv {
  background-color: #e0e0e0;
  background-image: none;
  background-repeat: no-repeat;
  color: #000000;
  height: 24px;
  border-radius: 4px 0 0 4px;
  padding: 2px 20px 2px 10px;
  vertical-align: middle;
  background: rgb(224,224,224);
  background: -moz-linear-gradient(top, rgb(224,224,224) 0%, rgb(224,224,224) 61%, rgb(191,191,191) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(224,224,224)), color-stop(61%, rgb(224,224,224)), color-stop(100%, rgb(191,191,191)));
  background: -webkit-linear-gradient(top, rgb(224,224,224) 0%, rgb(224,224,224) 61%, rgb(191,191,191) 100%);
  background: -o-linear-gradient(top, rgb(224,224,224) 0%, rgb(224,224,224) 61%, rgb(191,191,191) 100%);
  background: -ms-linear-gradient(top, rgb(224,224,224) 0%, rgb(224,224,224) 61%, rgb(191,191,191) 100%);
  background: linear-gradient(to bottom, rgb(224,224,224) 0%, rgb(224,224,224) 61%, rgb(191,191,191) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#bfbfbf', GradientType=0 );

}

.vertical_v4 td.tabarea-mi-aktiv {
  background-color: #a1bf36;
  background-image: none;
  background-repeat: no-repeat;
  color: #ffffff;
  border-radius: 4px 0 0 4px;
  height: 24px;
  vertical-align: middle;
  padding: 2px 20px 2px 10px;
}

.vertical_v4 #vertical_tabs {
  vertical-align: top;
  padding: 0;
}

.vertical_v4 {
  margin-top: 5px;
}

td.tab-content {
  min-width: 400px;
}

.vertical_v4 .tab-content table tr td {
  vertical-align: top;
}

.fieldset,
.fieldset_no_block {
  display: inline-block;
}

.special_fieldset {
  margin: 5px 0 0 0;
}

#suche .fieldset:not(.fieldset_no_block),
#liste .fieldset:not(.fieldset_no_block),
#suche_und_liste .fieldset:not(.fieldset_no_block),
#suchtreffer .fieldset:not(.fieldset_no_block),
.limitieren_suche .fieldset:not(.fieldset_no_block) {
  border: 1px solid #bfbfbf; /*#a1bf36;*/
  display: block;
}

.fieldset_block,
.special_fieldset .fieldset,
.tab-content .fieldset {
  display: block;
}

#detail span.ampel_rot,
#detail span.ampel_gelb,
#detail span.ampel_gruen,
#detail span.spiel_prueffehler,
#detail span.team_liga_attribut1,
#detail span.success,
#detail span.error {
  padding: 0.2em 0;
}


#begruessung {
  margin: 20px 0;
  font-size: 11pt;
  font-weight: bold;
  color: #000000;
}


/* Login-Infos (Statistiken auf Startseite) */
#login_infos {
  box-sizing: border-box;
  /*margin: 20px;*/
  margin: 70px auto 20px;
  text-align: center;
}

.sportart_box {
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
  vertical-align: top;
  width: 200px;
}

.empty_box, .empty_box .sportart_lbl {
  color: #9b9b9b;
}

.sportart_lbl {
  color: #a1bf36;
  font-size: 14pt;
  font-weight: bold;
}

#login_saisonkalender .sportart_lbl {
  font-size: 12pt;
  padding: 5px 0 10px 0;
}

.statistik_zeile {
  margin: 5px 0;
  /*width: 70%;*/
}

.datum_lbl {
  font-weight: bold;
}

.anzahl_lbl, .anzahl_lbl a {
  color: #339900;
  font-size: 11pt;
  font-weight: bold;
  /*cursor: help;*/
}

.anzahl_lbl a, .anzahl_lbl a:hover,
.link_img, .link_img:hover,
a.btn_21, .a.btn_21:hover {
  background-color: transparent;
  cursor: pointer;
}

.sportart_logo {
  border: 1px solid #339900;
  border-radius: 10px;
  margin: 10px 0;
}

.empty_box .sportart_logo {
  opacity: 0.4;
  border: 1px solid #9b9b9b;
}

.txt_heute {
  font-size: 11pt;
}

.txt_vergangenheit {
  color: #9b9b9b;
}

input[type="text"]:not(.no_max_width) {
  max-width: 250px; /* JF - V4*/
}

input.long {
  max-width: 350px; /* AS - V4*/
  width: 350px; /* AS - V4*/
}

input.very_long {
  max-width: 400px; /* AS - V4*/
  width: 400px; /* AS - V4*/
}

input.even_longer {
  max-width: 450px; /* AS - V4*/
  width: 450px; /* AS - V4*/
}

select.long {
  max-width: 300px; /* AS - V4*/
  width: 300px; /* AS - V4*/
}

.msu_listen_icon {
  width: 18px;
  display: inline-block;
  text-align: center;
}

.msu_buchstabe {
  font-size: 10pt;
  color: #339900;
  font-weight: bold;
}


/* JF - V4: Formatierungen für Bestandteile der Ligabezeichnung */
/* z. B. in Liga-Modul Trefferliste */
.msu_liga_typ:before {
  content: '(';
}

.msu_liga_typ {
  font-style: italic;
}

.msu_liga_typ:after {
  content: ')';
}

/* JF - V4: Formatierungen Log-Tabelle in Systemreitern*/
[id$="system"] table:first-of-type td:first-of-type {
  background-color: #eeeeee;
  padding: 0 5px;
}

[id$="system"] table:first-of-type td:nth-of-type(2) {
  padding: 0 0 0 10px;
}

[id$="system"] table:first-of-type tr,
.msu_tbl_log tr {
  line-height: 25px;
}

.msu_tbl_log {
  margin: 20px 0 0;
}

.msu_tbl_log td {
  padding: 0 10px;
}

.msu_tbl_log td:nth-of-type(1) {
  font-weight: 600;
}

.msu_tbl_log td:nth-of-type(2) {
  font-style: italic;
}

.msu_tbl_log td:nth-of-type(3) {
  display: none;
}

.msu_tbl_log td:nth-of-type(4) {
  max-width: 500px;
  overflow-wrap: normal;
  white-space: normal;
}


/* JF - V4: Formatierungen für allgemeine Bestandteile*/
.ampel_rot a {
  color: #ffffff;
}

.tbl_wmin20 {
  min-width: 20%;
  max-width: 30%;
}

.tbl_td_w50 {
  width: 50px;
}

.tbl_td_w70 {
  width: 70px;
}

.tbl_td_w100 {
  width: 100px;
}

#suche_und_liste br,
#suche + br {
  display: none;
}

.show_breaks br {
  display: inherit !important;
}

#liste table {
  width: 100%;
}

.kursiv {
  font-style: italic;
}

.msu_calendar,
.msu_btn_small_inline {
  padding: 0 0 3px 3px;
  vertical-align: middle;
}

input.button21 {
  margin-left: 3px;
  vertical-align: middle;
}

.hu2button {
  background-color: #339900;
  background-image: linear-gradient(to top, #339900 20%, #a1bf36 100%);
  border: 1px solid #339900;
  /*background-image: linear-gradient(to top, #a1bf36 20%, #D8EFBD 100%);
  border: 1px solid #a1bf36;*/
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
}

.msu_footnote {
  font-size: 7pt;
  padding: 0 0 0 5px;
}

.list_control {
  background-color: #eeeeee;
}

.fa-window-close.tbl_fa_icon {
  color: #CD0000;
}

.fa-exclamation-triangle.tbl_fa_icon {
  color: #ffcc66;
}

.fa-refresh.tbl_fa_icon {
  color: #339900;
}

.tbl_fa_icon {
  font-size: 11pt !important;
}


/* JF - V4: Modulspeziefische Formatierungen*/
/*--Verein--*/
#reiterteamhistorie td:nth-of-type(4) {
  max-width: 300px;
}

#reiterteamhistorie td h1,
.h_green,
#reiterteamhistorie td h2,
.h_grey {
  padding: 0 10px;
  margin: 10px 0 0;
  font-weight: bold;
}

#reiterteamhistorie td h1,
.h_green {
  background-color: #a1bf36;
  font-size: 12pt;
}

#reiterteamhistorie td h2,
.h_grey {
  background-color: #d1d1d1;
  font-size: 11pt;
}

.parent_h_green {
  margin: 25px 0 10px;
}

.parent_h_grey {
  margin: 15px 0 10px 15px;
}

.parent_h_green > div:not(.h_green),
.parent_h_grey > div:not(.h_grey) {
  padding: 5px 0 5px 5px;
}

#reiterpersonen tr td {
  padding: 3px 5px;
}

#reiterpersonen > table tr:nth-of-type(2n) {
  background-color: #eeeeee;
}

/*--Ergebniskontrolle--*/
.msu_ergkontr_tbl td:nth-of-type(3) {
  padding: 0 10px;
}

.msu_ergkontr_tbl th,
.msu_ergkontr_tbl td {
  vertical-align: middle;
}

.msu_btn_newline {
  display: block;
}

.space_between {
  height: 30px;
}

.ergk_liga_name {
  vertical-align: middle;
}


/*--Mongo DB Ausgabe--*/
table.tbl_mongo_logs tr {
  line-height: 25px;
}

table.tbl_mongo_logs tr td {
  padding: 0 10px;
}

/*--Linkliste--*/
#linkliste .fieldset > a {
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
}

#linkliste .fieldset {
  margin: 10px;
  padding: 10px;
}


/* ED Statistik */
.ampel_100 {
  background-color: #339900;
  color: #FFFFFF;
}

.ampel_80 {
  background-color: #46781e;
}

.ampel_60 {
  background-color: #7fae59;
}

.ampel_40 {
  background-color: #d5e10f;
}

.ampel_20 {
  background-color: #b77739;
}

.ampel_10 {
  background-color: #cc6909;
}

.ampel_1 {
  background-color: #bd3515;
}

.ampel_0 {
  background-color: #cd0000;
  color: #FFFFFF;
}


/*Importkonfigs*/
.info_box {
  display: inline-block;
  margin: 5px 0 20px;
  padding: 10px 5px;
  border: 2px solid #ffcc66;
}

.info_letter {
  display: inline-block;
  font-size: 14pt !important;
  padding: 5px 10px 10px 5px;
  vertical-align: top;
  color: #ffcc66;
}

.info_content {
  display: inline-block;
}



/*Fancytree*/
#tree {
  min-width: 450px;
}

#tree .ui-fancytree.fancytree-container.fancytree-plain,
ul.fancytree-container,
table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title {
  border: none !important;
  outline: none !important;
}

ul ul ul li {
  display: block;
  padding: 2px 0;
}

.tree_league_name,
.tree_league_competition,
.tree_league_period,
.tree_league_abo {
  display: block;
}

.tree_league_competition,
.tree_league_name {
  font-weight: bold;
}

.tree_league {
  line-height: 20px;
}

.tree_league_period {
  font-style: italic;
}

/*.fancytree-active,
span.fancytree-node:hover,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
  background-color: #D8EFBD;
  border: none;
}

.fancytree-node.fancytree-partsel.tree_region {
  background-color: lightblue;
}

.fancytree-node.fancytree-partsel.fancytree-selected.tree_region,
.fancytree-node.fancytree-partsel.fancytree-selected.tree_region,
.fancytree-node.fancytree-partsel.fancytree-selected.tree_league {
  background-color: blue;
}*/

.fancytree-plain span.fancytree-active span.fancytree-title {
  background-color: #D8EFBD !important;
  border: none !important;
}

.fancytree-plain span.fancytree-node:hover span.fancytree-title {
  background-color: transparent !important;
  border: none !important;
  /*outline: none;*/
}

ul.fancytree-container {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 9pt !important;
  white-space: nowrap;
}

span.fancytree-title {
  min-height: 0 !important;
  border: none !important;
}

.fancytree-plain span.fancytree-title {
  border: none !important;
}

.ui-fancytree-disabled ul.fancytree-container,
table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded,
.fancytree-plain span.fancytree-active span.fancytree-title,
.fancytree-plain span.fancytree-selected span.fancytree-title,
  /*.fancytree-plain span.fancytree-node:hover span.fancytree-title,*/
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title,
table.fancytree-ext-table tbody tr:hover,
table.fancytree-ext-table tbody tr.fancytree-active:hover,
table.fancytree-ext-table tbody tr.fancytree-selected:hover,
table.fancytree-ext-table tbody tr.fancytree-active,
table.fancytree-ext-table tbody tr.fancytree-selected,
table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active,
table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected {
  background-color: #FFFFFF !important;
  border: none;
  outline: none;
}

span.fancytree-node.fancytree-active,
span.fancytree-node.fancytree-active span.fancytree-title,
.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title {
  background-color: #d8efbd !important;
}


/*-- Overlay DIV --*/
#liga_abo_zeitraum, #kunden_abo_beenden, #show_xml, #bestellliste_popup, #bestellliste_log, #ed_bestellliste_popup, #ed_bestellliste_log, #ed_bestellliste_massenbearbeitung {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #9b9b9b;
  left: 370px;
  padding: 2em;
  top: 230px;
  width: auto /*500px*/;
  position: absolute;
  z-index: 3;
}
/* Liga-Liste - JF  07.03.18*/


.tbl_liga_liste th, .tbl_liga_liste tr td {
  text-align: left;
  padding-right: 10px;
}

.tbl_liga_liste tr:not(.zusatz_zeile) td:last-of-type {
  text-align: right;
}

.tbl_liga_liste th.th_center {
  text-align: center;
}

.tbl_liga_liste .td_right {
  text-align: right;
}

.tbl_liga_liste th:first-of-type, .tbl_liga_liste tr td:first-of-type {
  padding-left: 10px;
}

.tbl_liga_liste .liga_zeitraum {
  padding:  0 3px 0 10px;
  font-style: italic;
  font-size: 80%;
}


/*Zwischenseite MSUsport ED - verlag_portal.inc.php*/
.verlag_navigation_point {
  display: inline-block;
  margin: 10px 0;
}

.verlag_navigation_point > a {
  text-decoration: none;
  padding: 10px 15px;
  margin: 5px 5px 5px 0;
  border: 1px solid #a1bf36;
}

.verlag_navigation_point > a:hover {
  background-color: #a1bf36;
}

a.verlag_navigation_point_hilite {
  background-color: #a1bf36;
  color: #FFFFFF;
}

/*autocomplete_suggest*/

div.autocomplete_suggest {
  position:absolute;
  min-width:250px;
  width: expression( document.body.clientWidth < 251 ? "250px" : "auto" );
  height: expression( this.scrollHeight > 349 ? "350px" : "auto" );
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  display: block;
  text-align: left;
  font-size:12px;
  /*  max-height:200px;
    max-width:200px;
    overflow:auto;*/
}

div.autocomplete_suggest ul {
  list-style-type:none;
  margin:0;
  padding:0;
  text-align: left;
}

div.autocomplete_suggest ul li.selected { background-color: #FFF1CC;}
div.autocomplete_suggest ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:1px;
  height:20px;
  cursor:pointer;
  text-align: left;
}

div.autocomplete_suggest a {
  text-decoration:none;
}

.highlight_suche {
  font-weight: bold;
}

.autocomplete { display:none; z-index:3; position:absolute; padding:1em; border:4px outset #D1D1D1; background-color:#D1D1D1; }

.noselect {-webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */}

.width-fill-available {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
}

/* Indesign-Layout */
.label {
  padding-bottom: 4px;
  padding-left: 2px;
}

.indesign_layout_date_table > tr > td {
  padding-top: 0px;
}

.sortableListButtons > input {
  margin-right: 2px;
  margin-left: 2px;
}

#indesign_layout-reports_table tr td {
  padding: 0px;
}

.id_layout_sortable_ausw_name {
  text-align: right;
  padding-top: 0px;
}

.id_layout_sortable_ausw_name p {
  font-weight: bold;
  height: 15px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
}

.id_layout_sortable_heim_name {
  text-align: left;
  padding-top: 0px;
}

.id_layout_sortable_heim_name p {
  font-weight: bold;
  height: 15px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
}

.id_layout_sortable_punkte {
  padding-top: 0px;
}

.id_layout_sortable_punkte p {
  font-weight: bold;
  height: 15px;
  text-align: center;

  width: 50px;
}

.btn_toggle_plus {
  background-image: url("../images/icons/plus.svg");
  height: 21px;
}

.btn_toggle_minus {
  background-image: url("../images/icons/minus.svg");
  height: 21px; 
}

/*Für Animation der Neueinträge, Bestelllisten-Tool, Henry*/
.bestellliste_neuer_eintrag {
	animation-name: bestellliste_hilite;
	animation-duration: 2s ;
	animation-direction: reverse;
	animation-timing-function: linear;
}
@keyframes bestellliste_hilite {
	to {
		background-color: #d8efbd;
	}
}
.kostenpflichtig_icon {
	background-color: #0089ce;
	color: #FFFFFF;
}

.verband_icon {
	background-color: #ffcc66;
}

.free_icon {
	font-size: 0.6em !important;
	border: 1px solid #000000;
	padding: 3.5px 2px;
	border-radius: 100%;
}

.verband_icon, .kostenpflichtig_icon {
	padding: 5.5px 8px;
	border-radius: 100%;
}

.verband_icon::before, .kostenpflichtig_icon::before, .free_icon::before{
	margin-left: -1px;
}

.bestellliste_tablehead_span_aut {
	margin-left: 40.5%;
}

.bestellliste_tablehead_span_man {
	margin-left: 45.5%;
}

.bestellliste_popup_buttons {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
}

/* InfoVideo Modul CSS */
/* Overlay */
#iv_overlay {
  position: fixed;
  right: 0;
  top: 180px;
  background-color: #a1bf36;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  width: 23px;
  white-space: nowrap;
  /*writing-mode: vertical-lr;*/
  /*text-orientation: mixed;*/
  padding: 10px 0px 10px 10px;
  font-weight: bold;
  opacity: 0;
  display: none;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  border: gray 1px solid;
  border-right: none;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  text-decoration: none;
}

#iv_overlay i {
  margin-right: 10px;
}

#iv_overlay:hover {
  cursor: pointer;
  width: 100px;
  color: black;
}

#iv_search_bar {
  /*background-color: #c2c2c2;*/
  padding: 5px;
  padding-left: 50px;
  padding-right: 55px;
}

#iv_search_bar .iv_search_div {
  display: flex;
}

.iv_search_input {
  min-width: 96%;
  padding: 5px;
  margin-right: 5px;
  border-radius: 0;
}

.iv_big_thumbnail {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.iv_vid_not_found_div {
  margin: 20px 20px;
}

.iv_vid_not_found_div h1,
.iv_vid_not_found_div h2{
  text-align: center;
}

.iv_titleDesc {
  margin: 20px 0px;
}

.iv_titleDesc p {
  margin-top: 10px;
}

.iv_suggestion_divider {
  margin: 20px 0px;
}

.iv_no_suggestions_label {
  margin-top: 20px;
}

.iv_suggestions_div {
  margin: 0px 30px;
}

.iv_suggestion {
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
  padding: 5px;
  margin-top: 20px;
  max-width: 1000px;
  height: 115px; /*126px;*/
  overflow: hidden;
}
.iv_suggestion:hover {
  background-color: #f2f2f2;
  cursor: pointer;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.iv_suggestion_thumbnail {
  padding: 0;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  background-color: white;
}

.iv_suggestion_title_td {
  padding: 5px 20px;
}

.iv_suggestion_title_td h2 {
  overflow: hidden;
  line-height: 1.2em;
  max-height: 2.4em;
}

.iv_suggestion_desc_td {
  padding: 5px 20px;
}

.iv_suggestion_desc_td p {
  overflow: hidden;
  line-height: 1rem;
  max-height: 4rem;
}

/* Clearable text inputs */
.clearable{
  background: #fff url(/images/x.gif) no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */


/* ED_Bestellliste und Bestellliste Select Klasse Henry 26.04.19 */

.bestellliste_answer_hilite {
  background-color: #abd3e9;
}

.bestellliste_select {
	max-width: 150px;
}

.bestellliste_tr > td {
	border: 1px solid #bfbfbf;
}

.bestellliste_tableheader_tr th:not(:first-child) { 
	text-align: center;
	border-left: 1px solid #bfbfbf;
}

.bestellliste_tr td:first-child, .bestellliste_tr td:last-child {
	border: none;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}

.bestellliste_blaettern_unten {
	border-top: 1px solid #bfbfbf;
}

.bestellliste_header_border {
	border-bottom: 3px solid #FFFFFF;
}

.bestellliste_ends {
	border-left: none !important;
	border-right: none !important;
}

.bestellliste_url_input_full {
	border: none;
	cursor: pointer;
	background-color: transparent;
}

.bestellliste_url_input_empty {
	border: none;
	background-color: transparent;
	cursor: default;
}

.bestellliste_url_msg {
	display: block;
	position: absolute;
	background: rgba(165, 165, 165, 0.9);
	margin-top: -50px;
	text-align: center;
	border-radius: 5px;
	padding: inherit;
	margin-left: 23px;
	opacity: 1;
	animation: fade 4s linear;
}

.bestellliste_url_msg:after {
	content: "";
	position: absolute;
	top: 100%;
	right: 48.325px;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent; 
	border-right: 7px solid transparent; 
	border-top: 7px solid;
	border-top-color: rgba(165, 165, 165, 0.9);
	opacity: 1;
	animation: fade 4s linear;
}

@keyframes fade {
  0% { opacity: 0 }
  20% { opacity: 1 }
  40% { opacity: 1 }
  60% { opacity: 1 }
  80% { opacity: 1 }
  100%{ opacity: 0 }
}


.bestellliste_footer_span1 {
	float: right;
	margin-right: 15px;
}

.bestellliste_footer_span2 {
	float: right;
	margin-right: 5px;
}


.bestellliste_scrollable_log {
	 overflow-y: scroll;
	 max-height: 500px;
}


/* Bestellliste Export-Popup Henry 24.04.19 */


#export_button_container {
	text-align: center;
	margin-top: 3px;
}

#export_close_container {
	margin-left: 20px;
}

.bestellliste_button_display_none {
	display: none;
}

.bestellliste_button_display_inline {
	display: inline-block;
}

/*Klasse für Fontawesome Clipboard, falls in einem Link*/

.clipboard-link:hover {
	background-color: transparent;
	color: #000000;
}

.clipboard-link {
	font-size: 1.3em;
}

.ed_bestellliste_url_popup_button {
	margin-left: 5px;
}

.ed_bestellliste_input_field {
  min-width:250px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  text-decoration: none;
}


/* ED_Bestellliste Collapsible Henry 17.07.2019 */

.ed_bestellliste_collapse_head {
	min-width: 410px;
}

.ed_bestellliste_msu_collapse_head {
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}

ul.rautocomplete { list-style-type: none; display:none;  border:1px solid #e0e0e0; padding:1em; background-color:#ffffff; z-index: 5; position: absolute; max-width:30em; max-height:60ex; overflow: auto;}
a.rautocomplete {display:block; font-weight:bold; text-decoration:none; width:100%;  background-color:#ffffff; color:#000000;}
a.rautocomplete:hover {display:block; font-weight:bold; text-decoration:none; width:100%;  background-color:#a1bf36; color:#000000;}
a.rautocomplete:focus {display:block; font-weight:bold; text-decoration:none; width:100%;  background-color:#339900; color:#000000;}
li.rautocomplete1 { margin-left:0px; font-weight:normal; font-style: italic;}
li.rautocomplete2 { margin-left:20px; font-weight:normal; font-style: italic;}
li.rautocomplete { margin-left:40px; }


/* Infobox */
.msu_infobox:hover {
  cursor: pointer;
}

.msu_infobox:focus {
  outline: none;
}

/* Search More Filter */
.search_more_filter_container > hr {
  margin: 20px 10px 10px 10px;
}

.search_more_filter_container > .btn_container {
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.search_more_filter_container > .btn_container > p {
  background-color: white;
  margin-top: -21px;
  font-weight: 600;
}

.search_more_filter_container > .btn_container > i {
  margin-top: -17px;
  background-color: white;
  padding-left: 10px;
  padding-right: 10px;
}

/* Article Superadmin Infos */
.article_texts_textarea_field {
  width: 100% !important;
  max-width: 100%;
  min-width: 100%;
  padding-right: 22px;
}

#article_superadmin_infos > hr {
  margin: 20px 10px 10px 10px;
}

#article_superadmin_infos > .btn_container {
  display: flex;
  justify-content: center;
  cursor: pointer;
}

#article_superadmin_infos > .btn_container > p {
  background-color: white;
  margin-top: -21px;
  font-weight: 600;
}

#article_superadmin_infos > .btn_container > i {
  margin-top: -17px;
  background-color: white;
  padding-left: 10px;
  padding-right: 10px;
}