* {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
   font-display: swap;
   -webkit-font-smoothing: antialiased;
   margin: 0;
   padding: 0;
   box-sizing: border-box;

}

p,
span,
div,
b,
small,
big,
th,
h1,
h2,
h3,
h4,
h5,
a {
   color: #ffffff;
}

#loginX {
   color: black;
}

#select_langu {
   width: 158px;
}

.crumbs_text {
   color: black;
}

A {
   text-decoration: none;
}

A:Hover {
   text-decoration: underline;
}

body {
   margin-left: 0em;
   margin-right: 0em;
   margin-top: 0em;
   margin-bottom: 0em;
   color: #ffffff;
   background-color: #605E5E;
   min-height: 100%;
}

select {
   background-position: center right;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 0;
   overflow: hidden;
   padding-top: 2px;
   padding-bottom: 2px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

img {
   border: 0;
   border-style: none;
}

input,
textarea {
   color: black;
   background-color: #eeeeee;
   border-width: 0;
   padding: 0px;
}

.mark {
   border: 1px solid lightgrey;
}

tr.odd {
   background-color: #807e7e;
   border-bottom-width: 1px;
   border-bottom-color: black;
   border-bottom-style: solid;
   vertical-align: text-top
}

tr.even {
   background-color: #605E5E;
   border-bottom-width: 1px;
   border-bottom-color: black;
   border-bottom-style: solid;
   vertical-align: text-top
}

tr.head {
   background-color: #302020;
   color: #88ffff
}

tr.headline {
   background-color: #222222;
   color: #aaaaaa
}

.submitlink {
   background-color: #302020;
   color: #88ffff;
   white-space: nowrap;
}

.submitlinkactive {
   background-color: #302020;
   color: orangered;
   white-space: nowrap;
}

.submitlinkactive:Hover {
   background-color: #F02020;
   color: orangered;
   white-space: nowrap;
}

.help {
   background-color: #adadad;
   color: black;
   font-style: italic
}

.help2 {
   color: LightBlue;
   font-style: italic;
}

.menutop {
   background-color: #aaaaaa;
   color: #101030;
   text-decoration: none;
   font-weight: bold;
}

.showhelp {
   background-color: blue;
   color: yellow
}

A.menutop:hover {
   background-color: #dede8d;
   color: brown;
   text-decoration: none;
}

A.menutop:active {
   color: #6495ED;
   background-color: black
}

.menutopactive {
   background-color: #aaaaaa;
   color: #101010;
   text-decoration: none
}

A.menutopactive:hover {
   background-color: #dede8d;
   color: black;
   text-decoration: underline;
}

.top_line {
   border-top: 1px solid #dddddd;
}

.menusub {
   background-color: #aaaaaa;
}

.menusub_h {
   background-color: #101010;
   color: #adadad;
   cursor: pointer;
}

.menusuba {
   background-color: orange;
   color: black;
   cursor: pointer;
}

.menusuba_h {
   background-color: black;
   color: orange;
   cursor: pointer;
}

.menusubl {
   background-color: #aaaaaa;
   color: #101010;
   white-space: nowrap;
}

.menusubgroup {
   background-color: #aaaaaa;
   color: black;
   padding: 3px;
   cursor: pointer;
   overflow: hidden;
   padding-right: 0px;
   border-bottom-color: #b4b4b4;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.menusubgroup:hover {
   background-color: white;
   border-bottom-color: #c4c4c4;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.menusubgroup_h {
   background-color: #aaaaaa;
   color: black;
   padding: 3px;
   cursor: pointer;
   overflow: hidden;
   padding-right: 0px;
}

.msubtab {
   width: 197px;
}

.msub {
   background-color: #bbbfbf;
color: #101010;
   cursor: pointer;
   padding: 3px;
   overflow: hidden;
   width: 197px;
   border-bottom-color: #c8c8c8;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.msuba {
   background-color: #605E5E;
   color: black;
   white-space: nowrap;
   cursor: pointer;
   width: 100%;
   padding: 3px;
}

.vor_nach_table tbody tr:hover,
.msub:hover,
.msub_h {
   background-color: white;
   color: white;
   overflow: auto;
   white-space: normal;
   word-wrap: break-word;
}

.msub_h {
   background-color: white;
   color: #909090;
   white-space: nowrap;
   cursor: pointer;
   padding: 3px;
}

.msubsel {
   background-color: #adadad;
   color: black;
   white-space: nowrap;
   cursor: pointer;
   padding: 3px;
}

.msub2 {
   background-color: #adadad;
   color: #909090;
   white-space: nowrap;
   cursor: pointer;
   padding: 3px;
}

.msuba_h {
   background-color: white;
   color: black;
   white-space: nowrap;
   cursor: pointer;
   padding: 3px;
}

.ind {
   color: black;
   overflow: hidden;
   width: 177px;
}

.indd {
   color: #081010;
   overflow: hidden;
   width: 177px;
}

.indx {
   color: #101010;
   overflow: hidden;
   width: 177px;
}

td>a.indx {
   text-align: right;
}

.ind_h {
   text-decoration: underline;
   overflow: hidden;
   width: 157px;
}

.indd2 {
   color: blue;
   overflow: hidden;
}

.indx2 {
   color: darkgreen;
   overflow: hidden;
}

.indd2:hover {
   color: black;
   background-color: #ddeeee
}

.indx2:hover {
   color: black;
   background-color: #ddeeee
}

.rechts_dezent {
   color: #aaaaaa;
   float: right
}

.rechts {
   float: right
}

.autotreffertab {
   background-color: #eeeeee;
}

.ma {
   text-decoration: none;
   color: black
}

.maa {
   text-decoration: none;
   color: rgb(255, 230, 0);
}

.mab {
   text-decoration: none;
   color: black;
   font-weight: bolder
}

.ma:hover {
   color: black;
}

.menusubactive {
   background-color: #aaaaaa;
   color: white;
   text-align: right;
   text-decoration: none;
}

.menusubactive:hover a {
   background-color: #dede8d;
   color: brown;
   text-align: right;
   text-decoration: underline;
}

.comment_ueberschrift {
   color: #FFA34F;
   font-size: 11px;
   background-color: #dddddd;
   height: 25px;
}

.user {
   background-color: #dddddd;
   color: #000000;
}

.success {
   font-weight: bold;
   background-color: green;
   color: white
}

.error {
   font-weight: bold;
   background-color: red;
   color: white
}

.forum_date {
   font-size: 85%
}

.forum_hier {
   font-size: 85%;
   color: lightblue;
   border: 0px none;
   margin: 0;
}

.forum_nachricht {
   width: 100%;
   background-color: #626262;
   color: #ffffff;
}

.chat_entry {
   background-color: #706e6e;
}

.blockquote {
   background-color: #626262;
   color: #ffffff;
   margin: 5px
}

.forum_ip {
   color: #eeffff;
   font-size: 60%
}

.forum_subject {
   font-size: 125%;
   color: #e2ffff;
   margin-bottom: 4px;
   border-bottom-width: 1px;
   border-bottom-color: #807e7e;
   border-bottom-style: solid;
}

.forum_subject>a {
   font-size: 111%;
   color: #e2ffff;
   margin-bottom: 4px;
}

.forum_input {
   background-color: white;
   color: black;
}

.border_unten {
   border-bottom-color: #807e7e;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.new_forum {
   background-color: #585858;
}

.forum_entry {
   /*   background-color: #585858; */
   color: #ffffff;
}

.forum_entry1 {
   /*
   background-color: #686868;
   */
   color: #ffffff;
}

.forum_entry2 {
   /*
   background-color: #757575;
   */
   color: #ffffff;
}

.forum_entry3 {
   /*
   background-color: #7a7a7a;
   */
   color: #ffffff;
}

.forum_entry4 {
   /*
   background-color: #7e7e7e;
   */
   color: #ffffff;
}

.forum_entry5 {
   /*
   background-color: #818181;
   */
   color: #ffffff;
}

.forum_entry6 {
   /*
   background-color: #868686;
   */
   color: #ffffff;
}

.forum_entry7 {
   /*
   background-color: #898989;
   */
   color: #ffffff;
}

.forum_entry8 {
   /*
   background-color: #8c8c8c;
   */
   color: #ffffff;
}

.forum_entry9 {
   /*
   background-color: #8f8f8f;
   */
   color: #ffffff;
}

.forum_entry10 {
   /*
   background-color: #929292;
   */
   color: #ffffff;
}

.forum_entry_sel {
   background-color: #990033;
   color: white;
}

.forum_entry_ue {
   background-color: #626262;
   color: lightblue;
}

.forum_vocs {
   background-color: #606060;
   color: #d2e2e2;
}

.werbung {
   background-color: #605E5E;
   color: #ffffff;
}

.werbung_pauker_at {
   color: white;
   background-color: #333333;
   text-align: right;
   font-family: arial;
   font-size: 9px
}

.werbung_box {
   background-color: #adadad;
   border-color: grey;
   border-style: solid;
   border-width: 1px;
   width: 160px;
   font-family: arial;
   font-size: 13px
}

.werbung_title {
   color: #444444;
   text-decoration: underline;
   font-family: sans-serif, arial;
   font-size: 13px;
   border: 0px
}

.werbung_line {
   color: #222222;
   font-family: sans-serif, arial;
   font-size: 13px;
   border: 0px
}

.werbung_url {
   font-family: arial, sans-serif;
   font-size: 10px;
   border: 0px
}

.admin_message {
   float: left;
   color: black;
   background-color: white;
   margin: 5px;
   margin-left: 0px;
   padding: 5px
}

.bewertung_1 {
   color: white;
   background-color: Green;
   cursor: pointer;
}

.bewertung_2 {
   color: black;
   background-color: GreenYellow;
   cursor: pointer;
}

.bewertung_3 {
   color: black;
   background-color: Yellow;
   cursor: pointer;
}

.bewertung_4 {
   color: black;
   background-color: Orange;
   cursor: pointer;
}

.bewertung_5 {
   color: black;
   background-color: Red;
   cursor: pointer;
}

.bewertung_6 {
   color: black;
   background-color: white;
   cursor: pointer;
}

.bewertung_7 {
   color: black;
   background-color: lightgrey;
   cursor: pointer;
}

.setup_codes {
   color: black;
   background-color: gainsboro;
   border-color: silver;
   border-style: solid;
   border-width: 1px;
   margin: 5px;
   margin-left: 0px;
   padding: 2px
}

.setup_codes_a {
   color: blue;
}

.setup_codes_ue {
   color: black;
   background-color: whitesmoke;
   border-color: black;
   border-style: solid;
   border-width: 1px;
   margin: 5px;
   margin-left: 0px;
   padding: 5px
}

.setup_codes_a:hover {
   color: #990033;
   text-decoration: underline
}

.blog_datum {
   font-style: italic
}

.blog_topic {
   color: #d0d0e0;
   font-size: 125%;
   margin-left: 8px;
   margin-bottom: 8px;
   margin-top: 4px
}

.blog_text {
   color: #e0e0e0;
   margin-left: 8px;
   margin-bottom: 8px
}

.solver {
   background-color: #727272;
   color: #ffffff;
   border-color: #828282;
   border-style: solid;
   border-width: 1px;
}

.datenblock {
   background-color: #807E7E;
   color: #d3d3d3;
   font-size: 85%
}

.datenblockp {
   background-color: #807E7E;
   color: #d3d3d3;
   font-size: 85%;
   cursor: pointer
}

.main {
   border-color: #808080;
   border-style: solid;
   border-width: 1px;
}

.main_bild {
   border-color: #808080;
   border-style: solid;
   border-width: 1px
}

.forum_sel_format {
   padding: 3px;
   border-color: #808080;
   border-style: solid;
   border-width: 1px
}

.forum_selected_yes {
   background-color: orange
}

.forum_selected_no {
   background-color: grey
}

.pl {
   text-decoration: none;
   cursor: pointer
}

.ueberschrift {
   background-color: #adadad;
   color: #101030;
   font-size: 100%
}

.ueberschrift_150 {
   background-color: #adadad;
   color: #101030;
   font-size: 110%
}

.langu_opt {
   color: lightblue;
   font-size: small
}

.dbtab {
   border-bottom-width: 0px;
   border-top-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   margin-top: 2px;
   padding: 0px;
   border-spacing: 0px;
   border-color: #d3d3d3;
   border-style: solid;
   width: 100%
}

.unterschrift {
   color: #d3d3d3;
   font-size: small;
   font-weight: lighter
}

.tab_open {
   border-width: 1px;
   border-top-width: 0px;
   display: block
}

.tab_close {
   display: none
}

.bilder {
   margin: auto;
   padding: 20px;
}

.bild {
   width: 80px;
   height: 80px;
   float: left;
   padding: 7px;
   border: 5px solid #888888;
   text-align: center;
}

.abwandeln {
   font-size: 80%;
   color: lightblue;
   cursor: pointer;
   padding: 2px;
   text-decoration: none;
   display: inline;
   font-style: italic;
}

.abwandeln:hover {
   font-size: 80%;
   color: yellow;
   cursor: pointer;
   padding: 2px;
   text-decoration: none
}

.type_box {
   font-size: 80%;
   color: lightblue;
   background-color: grey;
   padding: 2px;
   text-decoration: none;
}

.type_box_h {
   font-size: 80%;
   color: black;
   background-color: lightgreen;
   padding: 2px;
   text-decoration: none;
}

.type_box:hover {
   font-size: 80%;
   color: black;
   background-color: lightgreen;
   border-color: #343434;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   padding: 2px;
   text-decoration: none
}

.type_box_sel {
   font-size: 80%;
   color: white;
   background-color: green;
   border-color: #9a9a9a;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   padding: 2px;
   text-decoration: none;
}

.type_box_sel_h {
   font-size: 80%;
   color: black;
   background-color: lightgreen;
   border-color: #343434;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   padding: 2px;
   text-decoration: none;
}

.alpha_type {
   font-style: italic;
   color: #aaffff
}

.uebung_anweisung {
   color: black;
   background-color: gainsboro;
   box-shadow: 1px 1px 2px 2px gainsboro;
   padding: 3px;
   width: 100%
}

.zs_uebung_anweisung {
   color: black;
   background-color: gainsboro;
   border-color: black;
   border-style: solid;
   border-width: 1px;
   margin: 5px;
   margin-left: 0px;
   padding: 5px;
   width: 100%
}

.uebung_richtig {
   border-width: 3px;
   border-style: solid;
   padding: 1px;
   border-color: lightgreen;
   margin: 1px;
}

.uebung_falsch {
   border-width: 3px;
   border-style: solid;
   padding: 1px;
   border-color: red;
   margin: 1px;
}

.uebung_auswahl {
   border-width: 3px;
   border-style: solid;
   padding: 1px;
   border-color: white;
   margin: 1px;
}

.geschichte_satz {
   color: #ffffcc;
   font-size: 150%;
}

.trainertop {
   font-size: 150%;
   color: lightblue;
}

.trainer {
   font-size: 180%;
   color: white;
}

.gruppierung {
   font-size: 120%;
   color: white;
   padding-top: 8px
}

.satz_bemerkung {
   font-size: 80%;
   color: white;
   font-style: italic
}

a.wld {
   color: #eeffff;
   cursor: pointer
}

a.wld:hover {
   text-decoration: underline;
   color: #ffffff;
   cursor: pointer
}

a.wldo {
   color: #ccffff
}

a.wldo {
   text-decoration: none;
   color: #ffffff;
   cursor: pointer
}

a.wlx {
   color: #eeffff;
   cursor: pointer
}
.hover_ul:hover td{
      border-bottom: #000000 1px solid;
}
a.wlx:hover {
   text-decoration: underline;
   color: #ccffbb;
   cursor: pointer
}

.wlx:hover {
   text-decoration: underline;
   color: #ddffcc
}

.gr_td_show {
   background-color: #777777;
   color: #f0ffff;
   font-size: 90%
}

.gr_td_input {
   background-color: #777777;
   color: #f0ffff;
}

.gr_td_type {
   background-color: #666666;
   color: #d0ffd0;
   font-size: 90%;
   font-style: italic
}

.gr_td {
   background-color: #666666;
   color: #d0ffd0;
   font-size: 90%
}

.liste_table {
   background-color: #606060;
   color: #ffffff;
}

.liste_float {
   float: left;
   background-color: #606060;
   color: #ffffff;
}

.verb_regular {
   color: black
}

.verb_irregular {
   color: #C85A17
}

.diabild {
   float: left;
   cursor: pointer;
   background-color: #606060;
   color: #ffffff;
   padding: 0px
}

.vocs_qa_ok {
   color: black;
   font-weight: bold;
   background-color: lightgreen;
   padding: 2px;
   cursor: pointer;
}

.vocs_qa_ok:hover {
   background-color: green;
   color: white;
}

.vocs_qa_notok {
   color: black;
   font-weight: bold;
   background-color: red;
   padding: 2px;
   cursor: pointer;
}

.vocs_qa_notok:hover {
   background-color: darkred;
   color: white;
}

.vocs_qa_edit {
   color: black;
   background-color: #cccccc;
   padding: 2px;
   cursor: pointer;
   white-space: nowrap;
}

.vocs_qa_edit:hover {
   background-color: #dddddd;
   color: black;
}

.vocs_qa_edit_small {
   color: black;
   background-color: #909090;
   padding: 1px;
   cursor: pointer;
   font-size: 66%;
}

.vocs_qa_help {
   color: black;
   background-color: orange;
   padding: 2px;
   cursor: pointer;
}

.vocs_qa_help:hover {
   background-color: #ffb510;
   color: black;
}

.label {
   color: #eeffdd;
   background-color: #606060;
   padding: 3px;
   font-size: 120%;
   vertical-align: top;
}

.input_big {
   font-size: 120%;
   background-color: white;
}

.kategorie {
   margin: 1px;
   padding: 1px
}

.kategorie:hover {
   cursor: pointer;
   color: blue;
}

.such_tr,
.such_tr_even,
.such_tr_odd {
   color: white;
   background-color: #605E5E;
   padding: 2px;
   vertical-align: top;
   border-bottom-color: #807e7e;
   border-bottom-width: 1px;
   border-bottom-style: solid;
}

.such_tr:hover td,
.such_tr_even:hover td,
.such_tr_odd:hover td {
   border-bottom-color: #cccccc;
}

.such_tr_ok {
   color: black;
   background-color: lightgreen;
   padding: 2px;
   cursor: pointer;
   vertical-align: top;
}

.such_tr_notok {
   color: black;
   background-color: red;
   padding: 2px;
   cursor: pointer;
   vertical-align: top;
}

.such_tr_head {
   color: black;
   background-color: #302020;
   padding: 2px;
   cursor: pointer;
   vertical-align: top;
   color: #d0e0f0;
}


.abkuerzung {
   font-style: italic;
   cursor: pointer;
}

.sort_inaktiv {
   color: #D0F0E0;
   cursor: pointer;
}

.sort_aktiv {
   color: white;
}

.nobreak {
   white-space: nowrap;
}

.paddingright {
   padding-right: 20px;
}

.gruppe_mitglied {
   padding-left: 15px;
}

.forum_status {
   color: #aaaaaa;
}

.form_row label {
   display: block;
   float: left;
   width: 150px;
   text-align: right;
   padding-right: 1em;
   overflow: wrap;
}

.recorder_applet {
   padding-left: 163px;
   padding-bottom: 10px;
}

.form_row input {
   clear: both;
}

.forum_vertonung {
   padding: 5px;
   border: 1px solid #AAA;
}

.vocs_vertonung {
   box-shadow: 0px 0px 8px gray;
   padding: 5px;
}

.vertonung_anleitung {
   padding: 5px;
   margin-bottom: 3px;
}

.vertonung_anleitung_header {
   padding: 5px;
   margin-bottom: 3px;
   white-space: nowrap;
}

.pointer {
   cursor: pointer;
}

.forum_options {
   color: black
}

.ui-autocomplete {
   background-color: #222222;
   opacity: 0.8;
}

.ui-menu-item {
   opacity: 0.9;
}

.ui-state-hover {
   background-color: black;
   color: orange;
   opacity: 1.0;
}

.highlite {
   color: black;
   background-color: yellow;
   box-shadow: 0px 0px 5px yellow;
}

.guetesiegel_user_ok {
   color: black;
   background-color: darkgreen;
}

.guetesiegel_user_notok {
   color: black;
   background-color: darkred;
}

.guetesiegel {
   background-color: grey;
   color: black;
   padding: 2px;
   float: left;
   cursor: pointer;
}

.guetesiegel_ok {
   background-color: lightgreen;
   color: black;
   padding: 2px;
   float: left;
   cursor: pointer;
}

.guetesiegel_notok {
   background-color: darkred;
   color: black;
   padding: 2px;
   float: left;
   cursor: pointer;
}

.haken {
   font-size: 150%;
   font-weight: bold;
   color: darkgrey;
}

.haken_ok {
   font-size: 150%;
   font-weight: bold;
   color: darkgreen;
}

.haken_notok {
   font-size: 150%;
   font-weight: bold;
   color: darkred;
}

.black {
   color: white;
}

.left {
   float: left;
}

#payload {
   padding: 15px;
}

#paukertoptop {
   padding: 5px 5px 5px;
   height: 73px;
   margin: 0px;
   background-color: #605E5E;
   vertical-align: text-top
}

;

.langu_shortcut {
   float: right;
}

.sprachen_shortcut {
   float: right;
   padding-right: 25px
}

.zeichenbrett {
   position: absolute;
   background-color: #99aaaa;
   opacity: 0.7;
}

#newmessages {
   float: left
}

.men {
   position: relative;
   list-style-type: none;
}

.men a {
   float: left;
   display: block;
   border: 1px solid grey;
   margin: 3px;
   padding: 3px;
   cursor: pointer;
   box-shadow: 4px 4px 5px #888888;
   text-decoration: none;
   background-color: #ECECEC;
   color: black;
   opacity: 0.9;
}

.men a:hover {
   color: red;
   background-color: #333333;
   box-shadow: 4px 4px 5px #333333;
}

.men a.active {
   color: white;
   background-color: black;
   box-shadow: 4px 4px 5px #333333;
}

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

.inhalt:not(:target) {
   display: none;
}

.ftd {
   width: 130px
}

.ftd:hover {
   background-position: 0 +50px;
}

.bs_nix {
   box-shadow: 3px 3px 3px grey;
}

.topten {
   color: #aaeeee;
   background-color: #605E5E;
   font-size: 200%;
   text-decoration: underline
}

.ausnahme {
   background-color: #88ffff;
   color: #302020
}

.ui-autocomplete-loading {
   background-color: white url('/ztools/images/pauker/ajax-loader5.gif') right center no-repeat;
}

.tr_de,
.td_de,
.div_de {
   background-color: lightgreen;
   color: black
}

.tr_xx,
.td_xx,
.div_xx {
   background-color: darkgreen;
   color: white
}

.satz_co {
   background-color: #605E5E;
   color: gray
}

/*# Kommentar*/
.satz_fr {
   background-color: darkgreen;
   color: white
}

/*# Frage*/
.satz_sp {
   background-color: blue;
   color: white
}

/*# Splitten*/
.satz_zu {
   background-color: blue;
   color: white
}

/*# Zusammenziehen*/

.regular-radio {
   background-color: #fafafa;
   border: 1px solid #cacece;
   padding: 9px;
   display: inline-block;
   position: relative;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.regular-radio:checked:after {
   content: ' ';
   width: 12px;
   height: 12px;
   position: absolute;
   top: 3px;
   background-color: #99a1a7;
   text-shadow: 0px;
   left: 3px;
   font-size: 32px;
   box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.regular-radio:checked {
   background-color: #e9ecee;
   color: #99a1a7;
   border: 1px solid #adb8c0;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1);
}

.regular-radio:active,
.regular-radio:checked:active {
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.uebung_satz {
   box-shadow: 3px 3px 6px #222222;
   clear: left;
   margin: 2px;
   padding: 2px;
}

.button-holder {
   display: inline-block;
   padding: 3px;
   margin: 3px;
   border: 0px;
   box-shadow: 0px 0px 2px grey;
}

button,
.button {
   display: inline-block;
   padding: 2px;
   cursor: pointer;
   margin: 0px;
   border: 0px;
   background-color: lightgray;
   color: black;
   box-shadow: 0px 0px 2px lightgray;
}

button:hover,
.button:hover {
   box-shadow: 0px 0px 5px lightgreen;
   background-color: #ddeeee;
   color: black;
}

.gruen {
   box-shadow: 0 0 2px 1px lightgreen;
   border: 1px solid lightgreen;
}

.rot {
   box-shadow: 0 0 2px 1px red;
   border: 1px solid red;
}

.gelb {
   box-shadow: 0 0 2px 1px yellow;
   border: 1px solid yellow;
}

.gruen_txt {
   color: lightgreen;
}

.rot_txt {
   color: orangered;
}

.wb_box_empty {
   opacity: 1;
}

.wb_box {
   background-color: #dddddd;
   color: black;
   padding: 3px;
   margin: 3px;
   vertical-align: top;
}

.wb_box a {
   color: black;
}

.gruen_box {
   background-color: lightgreen;
   color: black;
   box-shadow: 0 0 2px 1px lightgreen;
   border: 1px solid lightgreen;
   display: inline-block;
   padding: 3px;
   margin: 3px;
}

.rot_box {
   background-color: red;
   color: black;
   box-shadow: 0 0 2px 1px red;
   border: 1px solid red;
   display: inline-block;
   padding: 3px;
   margin: 3px;
}

.reiter {
   margin: 5px;
   padding: 3px;
   background-color: gray;
   box-shadow: 1px 1px 11px 2px gray;
   font-size: 15px
}

.reiter:hover,
.reitera {
   margin: 5px;
   padding: 3px;
   background-color: #bbbbbb;
   font-size: 15px;
   color: #FFFFFF;
   font-weight: bold;
}

.datagrid table {
   border-collapse: collapse;
   text-align: left;
}

.datagrid {
   font: normal 12px/150% Arial, Helvetica, sans-serif;
   background-color: #fff;
   overflow: hidden;
   border: 1px solid #8C8C8C;
}

.datagrid b {
   color: black
}

.datagrid a {
   color: darkblue
}

.datagrid table th {
   padding: 3px 10px;
}

.datagrid table thead th {
   background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D));
   background-color: -moz-linear-gradient(center top, #8C8C8C 5%, #7D7D7D 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
   background-color: #8C8C8C;
   color: #FFFFFF;
   font-size: 15px;
   font-weight: bold;
   border-left: 1px solid #A3A3A3;
}

.datagrid table thead th:first-child {
   border: none;
}

.datagrid table tbody td {
   color: #4D4D4D;
   border-left: 1px solid #DBDBDB;
   font-size: 12px;
   font-weight: normal;
}

.datagrid table tbody .alt td {
   background-color: #EBEBEB;
   color: #4D4D4D;
}

.datagrid table tbody td:first-child {
   border-left: none;
}

.datagrid table tbody tr:last-child td {
   border-bottom: none;
}

.datagrid table tfoot td div {
   border-top: 1px solid #8C8C8C;
   background-color: #EBEBEB;
}

.datagrid table tfoot td {
   padding: 0;
   font-size: 12px
}

.datagrid table tfoot td div {
   padding: 2px;
}

.datagrid table tfoot td ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: right;
}

.datagrid table tfoot li {
   display: inline;
}

.datagrid table tfoot li a {
   text-decoration: none;
   display: inline-block;
   padding: 2px 8px;
   margin: 1px;
   color: #F5F5F5;
   border: 1px solid #8C8C8C;
   background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D));
   background-color: -moz-linear-gradient(center top, #8C8C8C 5%, #7D7D7D 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');
   background-color: #8C8C8C;
}

.datagrid table tfoot ul.active,
.datagrid table tfoot ul a:hover {
   text-decoration: none;
   border-color: #7D7D7D;
   color: #F5F5F5;
   background-color: none;
   background-color: #8C8C8C;
}

.loesungen {
   margin-top: 10px;
   background-color: darkblue;
   box-shadow: 0 0 2px 4px darkblue;
}

.loesung_aktiv {
   opacity: 1;
}

.loesung_inaktiv {
   opacity: 0.5;
}

.treffer {
   color: orange
}

.username {
   color: white
}

.forum_satz_controls span {
   background-color: #111111;
   color: #eeeeee;
   cursor: pointer;
   box-shadow: 1px 1px 4px 2px #888888;
   padding: 5px;
   margin: 7px
}

.forum_satz_controls span:hover {
   background-color: #111111;
   color: orange;
   cursor: pointer;
   box-shadow: 1px 1px 4px 2px orange;
   z-index: 100
}

.forum_satz_replaced {
   opacity: 0.5;
}

.forum_satz_ignore {
   opacity: 0.5;
}

.forum_satz_comment {
   background-color: white;
   color: black;
   font-size: 70%
}

.forum_satz_dialog {
   display: table;
   background-color: black
}

.ui-dialog .ui-dialog-title {
   float: left;
   margin: 0.1em 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 90%;
   box-shadow: 1px 1px 3px 2px #999999;
}

.ui-dialog .ui-dialog-content {
   border: 0 none;
   overflow: auto;
   padding: 0.5em 1em;
   position: relative;
   box-shadow: 1px 1px 3px 2px #999999;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
   border-collapse: collapse;
   content: "";
   display: table;
}

.ui-helper-clearfix:after {
   clear: both;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
   border-collapse: collapse;
   content: "";
   display: table;
}

.ui-dialog .ui-dialog-buttonpane {
   background-image: none;
   border-width: 1px 0 0;
   margin-top: 0.5em;
   padding: 0.3em 1em 0.5em 0.4em;
   text-align: left;
}

.satz {
   padding: 1px;
}

.satz_inline {
   display: inline;
}

.satz_outline {
   line-height: 1.5;
   border: 1px dotted;
   cursor: move;
}

.satz_vorschlag {
   cursor: pointer;
   border: 1px solid lightblue;
   padding: 1px;
   display: inline;
   margin: 1px;
   white-space: nowrap;
}

.satz_vorschlag:hover {
   border-color: orange;
   background-color: white;
   color: black;
}

.satz_de {
   border-color: orange;
}

.satz_de:hover,
.satz_de:hover a,
.satz_de:hover span,
.satz_de:hover div {
   color: black;
   background-color: orange;
}

.satz_xx {
   border-color: lightgreen;
}

.satz_xx:hover a,
.satz_xx:hover span,
.satz_xx:hover div {
   color: black;
   background-color: lightgreen;
}

.satz_de.rahmen {
   border: 2px solid orange;
}

.satz_xx.rahmen {
   border: 2px solid lightgreen;
}

.fs_tfid {
   border: 1px solid grey;
   line-height: 1.5;
}

.satz_de:hover,
.fs_hover,
.fs_hover_de {
   background-color: orange;
   color: black;
}

.fs_hover_xx {
   background-color: lightgreen;
   color: black;
}

.fswg_hover {
   background-color: black;
}

.forum_satz_menu {
   background-color: darkgrey;
   border: 1px;
   padding: 1px;
   border-radius: 4px
}

.drophover {
   background-color: yellow;
   color: black;
   display: block;
   line-height: 1.5;
   border: 1px dotted;
}

.inaktiv {
   opacity: 0.5;
}

.fs_verbessert {
   color: lightblue;
   font-size: x-small;
   cursor: pointer
}

.word_de {
   border-color: lightblue;
}

.word_xx {
   border-color: lightgreen;
}

.word_de:hover {
   background-color: blue;
}

.word_xx:hover {
   background-color: green;
}

.synonym {
   color: #101010
}

.synonyme span {
   color: #101010;
   background-color: transparent;
}

.linon {
   list-style-type: none;
}

.table_100 {
   width: 100%;
   border: 0;
   border-spacing: 0;
   border-collapse: collapse;
   padding: 0
}

.table_1000 {
   max-width: 1000px;
   border: 0;
   border-spacing: 0;
   border-collapse: collapse;
   padding: 0
}

.tdnone {
   text-decoration: none
}

.fs70clb {
   font-size: 70%;
   color: lightblue
}

.black {
   color: black
}

.tabusername {
   float: left;
   height: 100%;
}

.forum_message {
   float: left;
   width: 100%;
   height: 100%;
}

.schlagwort {
   font-style: italic;
   color: lightblue;
}

ul.wortarten {
   list-style: none;
}

ul.wortarten li {
   display: inline;
   padding: 3px;
   margin: 3px;
   box-shadow: 0px 0px 1px 3px white;
}

ul.wortarten li:hover,
ul.wortarten li.active {
   box-shadow: 0px 0px 5px 6px orange;
   cursor: pointer;
}

.aktiv {
   font-size: 140%;
}

.sound_rec {
   color: red;
}

.vorschlag {
   color: blue;
}

.abwandeln_table {
   background-color: gray;
   box-shadow: 0px 0px 5px 6px gray;
   opacity: 1;
}

.abwandeln_table * {
   font-size: 11px;
}

div#verb_popup {
   display: none;
   position: absolute;
   width: 290px;
   padding: 10px;
   background: #eeeeee;
   color: #000000;
   border: 1px solid #1a1a1a;
   font-size: 90%;
}

div#verb_popup table {
   width: 290px;
}

div#verb_popup td {
   background: #eeeeee;
   border: 1px solid #ffffff;
}

.inhalt_aktiv {
   display: block;
}

.inhalt_inaktiv {
   display: none;
}

.highlight {
   color: orange;
   background-color: #111111;
}

#forum__text_td {
   position: relative;
}

#suchediv {
   position: relative;
}

.suche {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 11;
   background: transparent;
}

.suchevorschlag {
   position: absolute;
   top: 0;
   left: 0;
   background: white;
   z-index: 10;
   color: #aaaaaa;
}

.alphabet td {
   font-size: 150%;
   border: 1px solid #888888;
}

ul.adjektiv_liste,
ul.adjektiv_eintrag {
   list-style: none;
}

ul.adjektiv_eintrag li {
   display: inline-block;
   width: 20%;
   padding: 3px;
   margin: 3px;
}

ul.adjektiv_eintrag li.rang {
   width: 30px;
}

ul.adjektiv_liste li,
ul.adjektiv_eintrag li {
   border: 1px solid transparent;
}

ul.adjektiv_liste li:hover,
ul.adjektiv_eintrag li:hover {
   cursor: pointer;
   border: 1px solid #888888;
}

ul.list {
   list-style: none;
   padding-left: 0px;
   margin-left: 0px;
}

ul.inline,
ul.inlineblock {
   padding-left: 0px;
}

ul.inline li {
   list-style: none;
   display: inline;
   padding: 3px;
   padding-left: 0px;
   margin: 3px;
   margin-left: 0px;
}

ul.inlineblock li {
   list-style: none;
   display: inline-block;
   padding: 3px;
   padding-left: 0px;
   margin: 3px;
   margin-left: 0px;
}

.klein {
   font-size: small;
}

.werbung_neben_logo {
   position: absolute;
   top: -85px;
   left: 0px;
   width: 190px;
   padding: 3px;
   background-color: #eeeeee;
}

.werbung_neben_logo.werbung_url {
   color: orange
}

.werbung_neben_logo.werbung_line {
   color: orange
}

.align_right {
   text-align: right;
}

.valign_top {
   vertical-align: top;
}

.t0 {
   border-spacing: 0px;
   padding: 0px;
   border-width: 0px;
}

.w100 {
   width: 100%
}

.w60 {
   width: 60%
}

.w25px {
   width: 25px
}

.h100 {
   height: 100%
}
.footer{
   font-size:small;
   text-align: center;
}
.footer>a{
   font-size:small;
}
/* css/menu_hamburger.css */
.menu-btn {
  cursor: pointer;
  width: 30px;
  margin-left: 8px;
}
.crumbs__link:hover,
.crumbs_text:hover,
.menu-btn:hover{
  color:black;
  font-weight:bold;
  text-decoration: underline;

}

/* css/crumbs.css */
.crumbs {
	text-align: center;
	display: flex;
	list-style: none;
}

.crumbs__list {
	display: inline; 
}

/*
.crumbs_container{
	background-color: yellow;
}
*/

.crumbs__link {
	display: block;
	font-size: 16px;
	line-height: 40px;
	padding: 0 30px;
	margin-right: 15px;
	position: relative;
	text-decoration: none;
	background-color: #999999;
	color: #000000;
}

.crumbs__link::after{
	content: '';
	width:28px;
	height:28px;
	top:6px;
	right: -14px;
	position: absolute;
	background-color: #999999;
	transform: rotate(45deg);
	z-index: 1000;
    border-top-right-radius: 5px;
}
.crumbs__link::before{
	content: '';
	width:28px;
	height:28px;
	top:6px;
	left: -14px;
	position: absolute;
	background-color: #aaaaaa;
	transform: rotate(45deg);
	z-index: 900;
	border-top-right-radius: 5px;
}

.crumbs__list:first-child .crumbs__link::before{
  display:none;
}
/*
.crumbs__list:last-child .crumbs__link::after{
	 display:none; 
}
*/

.first-link{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.last-link{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#select_langu, #select_service{
	background-color: #999999;
}
* {font-size:medium; }
H1 { font-size: 160%;}
H2 { font-size: 150%;}
H3 { font-size: 140%;}
H4 { font-size: 130%;}
H5 { font-size: 120%; }
H6 { font-size: 110%; }