html,
body
  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  position:relative;
  margin:0px;
  background:#FCFEFB;
  }
div#rkm,
div#kcl,
div#tck,
div#trm,
div#rka,
div#tam
  {
  width:350px;
  position: fixed;
  display: none;
  z-index: 1000;
  background:white;
  border:1px solid #bcbcbc;
  box-shadow:3px 3px 3px grey;
  }
div#rka
  {
  width:250px;
  }
[id^='rkm-cell_'],
[id^='kcl-cell_'],
[id^='tck-cell_'],
[id^='trm-cell_'],
[id^='rka-cell_'],
[id^='tam-cell_']
  {
  line-height:25px;
  display: block;
  margin: 0px;
  border-bottom:1px solid #bcbcbc;
  user-select:none;
  }
[id^='rkm-cell_'] span,
[id^='kcl-cell_'] span,
[id^='tck-cell_'] span,
[id^='trm-cell_'] span,
[id^='rka-cell_'] span,
[id^='tam-cell_'] span
  {
  margin:0px 0px 0px 15px;
  display:block;
  }
[id^='rkm-cell_']:hover,
[id^='kcl-cell_']:hover,
[id^='tck-cell_']:hover,
[id^='trm-cell_']:hover,
[id^='rka-cell_']:hover,
[id^='tam-cell_']:hover
  {
  background:#EDF1F6;
  cursor:pointer;
  }
#load_content
  {
  height:100%;
  width:100%;
  background:#FCFEFB url(../images/load.gif) no-repeat center center;
  margin:0px;
  z-index:100;
  display:block;
  position:absolute;
  color:white;
  font-weight:bold;
  text-align:center;
  }
#content
  {
  width:100%;
  height:calc(100vh - 25px);
  user-select:none;
  position:relative;
  overflow:auto;
  background:#FCFEFB url(../images/bg.png) center center no-repeat;
  margin-top:25px;
  }
#login-center
  {
  position:absolute;
  width:220px;
  height:125px;
  border:1px solid #bcbcbc;
  margin-left:calc(50% - 100px);
  top:calc(50% - 50px);
  background:#cccccc;
  border-radius:3px;
  box-shadow:6px 6px 10px -1px rgba(0,0,0,0.68);
  z-index:1;
  }
[id$='-line']
  {
  position:relative;
  text-align:center;
  height:25px;
  margin-top:5px;
  width:154px;
  }
[id$='-line'] input[type='text'],
[id$='-line'] input[type='password']
  {
  height:22px;
  border:1px solid #bcbcbc;
  border-radius:3px;
  width:90%;
  }
#submit-line
  {
  width:100%;
  }
#keyline
  {
  width:66px;
  height:50px;
  line-height:50px;
  position:absolute;
  right:0px;
  top:5px;
  text-shadow:0 0 1px black;
  color:#cccccc;
  font-size:30px;
  text-align:center;
  }
#login-content
  {
  position:relative;
  }
#login-load
  {
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
  text-align:center;
  display:none;
  z-index:2;
  background:#cccccc;
  opacity:0.7;
  }
#login-load img
  {
  margin-top:25px;
  }
#login:hover
  {
  background:#F6D8CE;
  }
#script,
#week
  {
  display:none;
  }
#warteliste
  {
  z-index:1;
  }
#span_name-teilnehmer,
#span_vorname-teilnehmer,
#span_geburtsdatum-teilnehmer
  {
  background:#cccccc;
  float:left;
  width:15%;
  height:24px;
  border-bottom:1px solid #bcbcbc;
  border-right:1px solid #bcbcbc;
  line-height:24px;
  text-align:center;
  }
#span_alter-teilnehmer,
#span_action,
#span_anmeldung-teilnehmer
  {
  float:left;
  width:9%;
  height:24px;
  border-bottom:1px solid #bcbcbc;
  border-right:1px solid #bcbcbc;
  line-height:24px;
  background:#cccccc;
  text-align:center;
  }
#span_rang-di,
#span_rang-mi,
#span_rang-do,
#span_rang-sa,
#span_kurs-art
  {
  float:left;
  width:5%;
  height:24px;
  border-bottom:1px solid #bcbcbc;
  border-right:1px solid #bcbcbc;
  line-height:24px;
  background:#cccccc;
  text-align:center;
  }
#cell-show-teilnehmer
  {
  height:25px;
  line-height:25px;
  padding:0px;
  margin:0px;
  }
#new_info
  {
  width:700px;
  height:50px;
  }
#cell_info
  {
  height:auto;
  }
[id^="content_"]{
  resize:both;
  overflow:auto;
  position:fixed;
}
#content_new_mb,
#content_new_tb,
#content_new_info,
#content_del_mb,
#content_new_block,
#content_info_mb,
#content_new_kurs,
#content_new_kursart,
#content_set_mail,
#content_set_marker,
#content_set_rza,
#content_search_double,
#content_search_rz,
#content_deleted_user,
#content_trainer_vw,
#content_task,
#content_search_toold,
#content_mailer,
#content_set_folgekurs
  {
  display:none;
  width:80%;
  height:800px;
  border:1px solid grey;
  background:white;
  box-shadow:3px 3px 3px grey;
  z-index:3;
  left:calc(50% - 40%);
  top:75px;
  }
#content_task
  {
  z-index:50;
  }
#content_set_rz,
#content_set_os,
#content_set_rabatt
  {
  display:none;
  width:300px;
  height:400px;
  border:1px solid grey;
  background:white;
  box-shadow:3px 3px 3px grey;
  z-index:3;
  left:calc(50% - 150px);
  top:75px;
  }
#show_get_emails
{
	background:white;
	padding:5px;
	width:calc(100% - 15px);
}
#content_new_together
  {
  display:none;
  width:400px;
  height:400px;
  border:1px solid grey;
  background:white;
  box-shadow:3px 3px 3px grey;
  z-index:3;
  left:calc(50% - 150px);
  top:75px;
  }
#content_get_emails
  {
  display:none;
  width:600px;
  height:400px;
  border:1px solid grey;
  background:white;
  box-shadow:3px 3px 3px grey;
  z-index:3;
  left:calc(50% - 300px);
  top:75px;
  }

#content_alert_window,
#content_set_course,
#content_set_cash,
#content_set_break
  {
  display:none;
  width:300px;
  height:150px;
  border:1px solid grey;
  background:white;
  box-shadow:3px 3px 3px grey;
  z-index:200;
  left:calc(50% - 150px);
  top:calc(50% - 75px);
  }
#cell-break
  {
  text-align:center;
  margin-top:10px;
  }
#copy_adress
  {
  float:right;
  margin-right:320px;
  border:1px solid white;
  background:#cccccc;
  border-radius:3px;
  cursor:pointer;
  height:18px;
  padding:3px;
  }
#open_mailer
  {
  float:right;
  margin-right:320px;
  width:25px;
  border:1px solid white;
  background:#cccccc;
  border-radius:3px;
  cursor:pointer;
  color:#605f5f;
  text-align:center;
  font-size:18px;
  }
#button_menu
  {
  background:#cfd1cf;
  background-image:linear-gradient(top,#f5f5f5,#cfd1cf);
  }
#trainer_vw
  {
  background:#cccccc;
  border-bottom:1px solid #bcbcbc;
  height:100px;
  }
[id^='button-']
  {
  border-radius:3px;
  float:left;
  border:#979797 solid 1px;
  background:#e4e4e4;
  background-image:linear-gradient(top,#fff,#e4e4e4);
  box-shadow:0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  padding:5px;
  margin:2px;
  }
[id^='button-']:hover
  {
  box-shadow: 0 0 1px rgba(0,0,0,.3) inset;
  background:#ccc;
  background-image:linear-gradient(top,#f2f2f2,#ccc);
  }
[id^='yes'],
[id^='no'],
#export,
#Filtern
  {
  display:inline-block;
  padding:0px 10px 0px 10px;
  /*height:25px;*/
  border:1px solid #bcbcbc;
  line-height:25px;
  margin:2px;
  }
#search-field
  {
  position:relative;
  height:35px;
  line-height:35px;
  border-bottom:1px solid #bcbcbc;
  }
#bill-center
  {
  text-align:center;
  }
[id^='scell_'],
[id^='billing_']
  {
  float:left;
  margin:0px 3px 0px 0px;
  height:35px;
  line-height:35px;
  padding-top:5px;
  position:relative;
  }
[id^='billing_']
  {
  width:100%;
  }
[id^='rz-cell_'],
[id^='os-cell_'],
[id^='together-'],
[id^='tr-cell_']
  {
  margin:0px 3px 0px 0px;
  height:35px;
  line-height:35px;
  padding-top:5px;
  position:relative;
  text-align:center;
  }
[id^='together-'],
[id^='tr-cell_']
  {
  width:150px;
  float:left;
  }
#rz-iban,
#rz-bic
  {
  text-transform:uppercase;
  }
[id^='scell_'] input,
[id$='-line'] input,
[id^='rz-cell_'] input,
[id^='os-cell_'] input,
[id^='together-'] input,
[id^='tr-cell_'] input
  {
  height:25px;
  line-height:19px;
  border:1px solid #bcbcbc;
  border-radius:3px;
  background:white;
  }
[id^='billing_'] input
  {
  height:25px;
  line-height:19px;
  border:1px solid #bcbcbc;
  border-radius:3px;
  background:white;
  margin-top:4px;
  }
[id^='rz-'] select,
[id^='os-'] select
  {
  border:1px solid #bcbcbc;
  height:25px;
  width:250px;
  border-radius:3px;
  }
[id^='rz-cell_'] input,
[id^='os-cell_'] input
  {
  width:250px;
  }
#search-field select
  {
  height:25px;
  line-height:19px;
  border:1px solid #bcbcbc;
  border-radius:3px;
  background:white;
  }
#send_search
  {
  border:1px solid #bcbcbc;
  height:25px;
  width:30px;
  line-height:25px;
  border-radius:3px;
  }
/*[id^='scell_'] input[type='text']:focus,
[id$='-line'] input[type='text']:focus,
[id$='-line'] input[type='password']:focus,
#search-field select:focus,
#send_search:focus,
[id^='rz-']:focus,
[id^='mf-'] input[type="text"]:focus*/
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="checkbox"]:focus,
select:focus
  {
  box-shadow:4px 4px 10px 0px rgba(157,184,232,0.75);
  }
#mf-search
  {
  margin:5px 0px 0px 0px;
  height:25px;
  line-height:19px;
  border:1px solid #bcbcbc;
  border-radius:3px;
  background:white;
  cursor:pointer;
  }
[id^='scell_'] span,
[id^='rz-cell_'] span,
[id^='os-cell_'] span,
[id^='together-'] span,
[id^="tr-cell_"] span,
[id^="billing_"] span
  {
  position:absolute;
  top:0px;
  margin-left:8px;
  background:white;
  font-size:10px;
  padding:0px 3px 0px 3px;
  font-family:Arial;
  height:10px;
  line-height:10px;
  }
[id$='-line'] span
  {
  position:absolute;
  top:-4px;
  margin-left:8px;
  background:white;
  font-size:10px;
  padding:0px 3px 0px 3px;
  font-family:Arial;
  height:10px;
  line-height:10px;
  border-radius:2px;
  }
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
/*input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

#copy_kurs,
#submit_search,
#search_button
  {
  display:inline-block;
  padding:0px 10px 0px 10px;
  border:1px solid #bcbcbc;
  line-height:20px;
  margin:2px;
  border-radius:3px;
  }
[id^='yes']:hover,
[id^='no']:hover,
#copy_kurs:hover,
#submit_search:hover,
#search_button:hover,
#mf-search:hover,
#copy_adress:hover,
#export:hover
  {
  background:#F78181;
  }
#show_teilnehmer,
#show_teilnehmer_suche
  {
  float:left;
  margin:0px;
  padding:0px;
  width:80%;
  height:700px;
  overflow:auto;
  background:#cccccc;
  }
#show_info
  {
  float:right;
  margin:0px;
  padding:0px;
  width:20%;
  height:700px;
  overflow:auto;
  background:#cccccc;
  }
#show_trainer_vw
  {
  height: 674px;
  overflow: auto;
  }
#together_plus
  {
  height:20px;
  line-height:20px;
  width:20px;
  text-align:center;
  background:white;
  border-radius:3px;
  float:right;
  margin-right:5px;
  }
#new-date
  {
  position:relative;
  }
#together_plus:hover
  {
  background:#94D7F2;
  }
[id^="together_user_"],
[id^="set-mf-user_"]
  {
  border: 1px solid #bcbcbc;
  border-radius: 3px;
  width: 250px;
  height: 25px;
  line-height: 25px;
  float:left;
  background: linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  }
[id^="together_user_"]::before,
[id^="set-mf-user_"]::before
  {
  content:"\1F697";
  margin:0px 5px 0px 5px;
  font-size:20px;
  line-height:20px;
  }
[id^="together_user_"]:hover,
[id^="set-mf-user_"]:hover
  {
  background:linear-gradient(0deg, rgba(148,215,242,1) 0%, rgba(255,255,255,1) 100%);
  cursor:pointer;  
  }
#show-rza,
#show_search_double,
#show_search_rz,
#show_deleted_user,
#show-new_mb,
#show_search_toold
  {
  overflow-y:auto;
  height:775px;
  }
#show_search_together 
  {
  border-top:1px solid #bcbcbc;
  overflow-y: auto;
  height: 335px;
  width: 100%;
  }
[id^="together_del_user_"]
  {
  width: 20px;
  height: 20px;
  float: right;
  font-size:15px;
  }
[id^='kursart_user_']
  {
  width: 25px;
  height: 20px;
  float: right;
  font-size:12px;
  text-align:center;
  }
[id^='trash-'],
[id^='change-rz']
  {
  cursor:pointer;
  float:left;
  width:50px;
  }
[id^='trash-rz_'],
[id^='change-rz']
  {
  font-size:20px;
  }
#info-cell
  {
  line-height:20px;
  border-bottom:1px solid white;
  }
#zusatz-ferien
  {
  display:none;
  }
#content-alert
  {
  padding:10px 5px 5px 5px;
  text-align:center;
  }
#content_new_mb
  {
  background:#cccccc;
  }
#teilnehmer_name,
#folge_name,
[id^='td-']:not(#td-nav)
  {
  height:25px;
  line-height:25px;
  width:calc(20% - 1px);
  float:left;
  overflow:hidden;
  border-right:1px solid #bcbcbc;
  }
#summe-folge,
[id^='folgekurs-head'] span
  {
  float: right;
  }
#teilnehmer_fgm
  {
  height:25px;
  line-height:25px;
  width:30px;
  float:left;
  overflow:hidden;
  border-right:1px solid #bcbcbc;
  text-align:center;
  font-size:20px;
  }
#teilnehmer_gebdat,
#teilnehmer_za,
#teilnehmer_bezahlt,
#folge_art,
#folge_wunsch
  {
  height:25px;
  line-height:25px;
  width:10%;
  float:left;
  text-align:center;
  border-right:1px solid #bcbcbc;
  overflow:hidden
  }
#teilnehmer_alter,
#teilnehmer_art,
#folge_alter
  {
  height:25px;
  line-height:25px;
  width:6%;
  float:left;
  text-align:center;
  border-right:1px solid #bcbcbc;
  overflow:hidden;
  }
 #inhalt_folgekurs {
  overflow: scroll;
  height: calc(100% - 51px);
  position: absolute;
  width: 100%;
}
#teilnehmer_index
  {
  height:25px;
  line-height:25px;
  width:2%;
  float:left;
  text-align:left;
  border-right:1px solid #bcbcbc;
  }
#teilnehmer_handy,
#teilnehmer_fest,
#folge_aktkurs
  {
  height:25px;
  line-height:25px;
  width:15%;
  float:left;
  text-align:center;
  border-right:1px solid #bcbcbc;
  overflow:hidden;
  }
#teilnehmer_menu
  {
  height:25px;
  line-height:25px;
 /* width:10%;*/
  float:right;
  text-align:center;
  margin:0px;
  padding:0px;
  }
[id^='nav-menu_']
  {
  font-size:10px;
  position:relative;
  margin:0px;
  display:inline-block;
  }
[id^='menu-text_']
  {
  color:white;
  font-weight:bold;
  margin:0px;
  margin-top:1px;
  height:20px;
  line-height:18px;
  text-align:center;
  display:inline-block;
  cursor:pointer;
  padding:1px 5px 1px 5px;
  text-shadow:2px 2px 1px #ababab;
  }
[id^='menu-text_']:hover
  {
  border:1px solid #929BA4;
  border-radius:3px;
  padding:0px 4px 0px 4px;
  }
[id^='menu_content_']
  {
  display:none;
  position:absolute;
  width:230px;
  margin-left:5px;
  background:#F0F0F0;
  border:1px solid #979797;
  box-shadow:5px 5px 3px #8E8E8E;
  z-index:300;
  }
[id^='menu-item_']
  {
  margin:1px;
  padding:2px;
  padding-left:20px;
  text-align:left;
  cursor:pointer;
  border:1px solid #F0F0F0;
  position:relative;
  }
[id^="menu-item_"]:hover
  {
  cursor:pointer;
  background:#EDF1F6;
  border:1px solid #AECFF7;
  border-radius:3px;
  }
#change_user,
#new_user,
#double_user,
[id^="stop-user_"],
[id*="-change_"],
[id*="-del_"],
[id^="termine_"],
[id^="termine-ferien_"],
[id^="set-user_"],
[id^="set-cash_"],
[id^="set-bill_"],
[id^="show-info_"],
[id^="reset-user_"],
[id^="transfer-"],
[id^="remove-user_"],
[id^="mark_payed"]
[id^="mark_controll"],
#insert_mail
  {
  width:25px;
  height:25px;
  text-align:center;
  font-size:14px;
  line-height:25px;
  float:right;
  background-image:linear-gradient(to top,#cccccc,#ababab,#cccccc);
  border-left:1px solid grey;
  cursor:pointer;
  }
#new_user:hover,
#change_user:hover,
#double_user:hover,
[id^="stop-user_"]:hover,
[id*="-change_"]:hover,
[id*="-del_"]:hover,
[id^="set-user_"]:hover,
[id^="set-cash_"]:hover,
[id^="set-bill_"]:hover,
[id^="show-info_"]:hover,
[id^="reset-user_"]:hover,
[id^="transfer-"]:hover,
[id^="remove-user_"]:hover,
[id^="mark_payed"]:hover,
[id^="mark_controll"]:hover,
[id^='info_']:hover,
[id^='user-kurse-cell_']:hover,
#insert_mail:hover
  {
  background:linear-gradient(0deg, rgba(148,215,242,1) 0%, rgba(255,255,255,1) 100%);
  }
[id^="set-user_"] img
  {
  margin:2px 2px 0px 0px;
  }
[id^="termine_"],
[id^="termine-ferien_"]
  {
  background-image:url(../images/pdf.png),linear-gradient(to top,#cccccc,#ababab,#cccccc);
  }
#teilnehmer-planung,
#teilnehmer-liste,
[id^='termin-liste_']
  {
  float:right;
  width:25px;
  line-height:25px;
  height:25px;
  background-image:url(../images/pdf.png);
  }
[id^='kuart-cell_'].aktiv,
[id^='k-cell-legend'].aktiv,
[id^='ferien-cell_'].aktiv,
[id^='block-cell_'].aktiv
  {
  background-image:linear-gradient(to top,#DF0101,#F78181);
  }
/*[id^='kuart-cell_']:hover,
[id^='k-cell-legend']:hover,
[id^='ferien-cell_']:hover,
[id^='block-cell_']:hover
  {
  background:#cccccc;
  }*/
[id^='kuart-cell_'] span#kursname
  {
  width:200px;
  display:block;
  float:left;
  }
[id^='kuart-cell_'] span#kurz
  {
  width:50px;
  display:block;
  text-align:center;
  float:left;
  }
[id^='kuart-cell_'] span#dauer
  {
  width:150px;
  display:block;
  float:left;
  text-align:center;
  }
[id^="termine_"]:hover,
[id^="termine-ferien_"]:hover,
#teilnehmer-planung:hover,
#teilnehmer-liste:hover,
[id^='termin-liste_']:hover
  {
  background:#94D7F2 url(../images/pdf.png);
  }
[id^='clear_']
  {
  width:20px;
  height:20px;
  background:white;
  border:0px;
  position:absolute;
  top:1px;
  right:2px;
  line-height:20px;
  text-align:center;
  }
#content_exist
  {
  /*height:400px;*/
  width:50%;
  height:80%;
  border:1px solid grey;
  position:absolute;
  background: white;
  display:none;
  text-align:left;
  margin-left:10px;
  z-index:1000;
  overflow:auto;
  }
#content_teilnehmer
  {
  /*height:400px;*/
  width:95%;
  height:80%;
  border:1px solid grey;
  position:absolute;
  background: white;
  display:none;
  text-align:left;
  margin-left:20px;
  z-index:1000;
  overflow:auto;
  }
#inhalt-teilnehmer
  {
  overflow:auto;
  height:calc(100% - 10px);
  }
table
  {
  margin:2px -1px 0px 0px;
  /*background-image:repeating-linear-gradient(135deg, white 0%, white 3px, black 3px, black 6px, white 6px);*/
  position: relative;
  border-collapse:collapse;
  border-top:1px solid grey;
  border-left:1px solid grey;
  width:100%;
  font-size:10px;
  }
th
  {
  font-weight:bold;
  color:white;
  font-size:12px;
  background:linear-gradient(to bottom, #94D7F2, #4674B2);
  height:25px;
  line-height:25px;
  vertical-align:middle;
  border-right:1px solid #ddd;
  position:relative;
  white-space:nowrap;
  position:relative;
  }
table#warteliste th
  {
  padding-right:30px;
  }
th [id^='drop-down_']
  {
  background:url(../images/drop-down.png) no-repeat center center;
  width:20px;
  height:27px;
  position:absolute;
  right:0px;
  top:0px;
  }
th [id^='drop-down_']:hover
  {
  background-color:#cccccc;
  border-left:1px solid grey;
  }
th [id^='filter_']
  {
  background:url(../images/filterkl.png) no-repeat bottom right;
  width:10px;
  height:25px;
  position:absolute;
  right:21px;
  top:0px;
  display:none;
  }
th [id^='menu_']
  {
  position:absolute;
  display:none;
  width:300px;
  min-height:350px;
  background:white;
  border:grey 1px solid;
  }
th #menu_7,
th #menu_8,
th #menu_9,
th #menu_10,
th #menu_11,
th #menu_12
  {
  right:0px;
  }
th [id^='menu_'] #cell input[type='text']
  {
  width:calc(100% - 2px);;
  height:22px;
  border:1px solid #bcbcbc;
  border-radius:3px;
  margin:0px 0px 0px -4px;
  }
th [id^='menu_'] #cell input[type='number']
  {
  width:70px;
  height:22px;
  border:1px solid #bcbcbc;
  border-radius:3px;
  margin:0px 0px 0px -4px;
  }
[id^='list_']
  {
  overflow-y:scroll;
  height:300px;
  }
#list-item,
#list-head
  {
  background:#cccccc;
  height:25px;
  line-height:25px;
  border-bottom:1px solid black;
  color:black;
  text-align:left;
  font-weight:normal;
  }
[id^='list-'] input
  {
  margin:5px 10px 0px 5px;
  float:left;
  }
#task-head
  {
  background:linear-gradient(to top,#ababab,#cccccc);
  text-align:left;
  border-bottom:1px solid grey;
  }
#task-head label
  {
  margin:0px 10px 0px 5px;
  line-height:25px;
  }
[id^="cell_task-"] {
    width: 100%;
	height:25px;
    line-height: 25px;
    text-align: center;
}
[id^="cell_task-"]:nth-child(even) {
  background:#efefef;
}
[id^="cell_task-"]:nth-child(odd) {
  background:#cccccc;
}
#task_head,
#head_get_emails
  {
  width: 100%;
  height:25px;
  line-height: 25px;
  text-align: center;
  background:linear-gradient(to bottom, #94D7F2, #4674B2);
  color:white;
  font-weight:bold;
  }
#von-field,
#for-field
  {
  float:left;
  width:15%;
  height:25px;
  overflow:hidden;
  }
#task-field
  {
  float:left;
  width:40%;
  height:25px;
  overflow:hidden;
  }
#bis-field
  {
  float:left;
  overflow:hidden;
  height:25px;
  width:22%;
  }
#erledigt-field
  {
  float:left;
  width:8%;
  font-size:20px;
  }
[id^='task-option_']:hover
  {
  background:red;
  cursor:pointer;
  }
[id^='list-'] label
  {
  width:245px;
  display:block;
  float:left;
  margin:0px 0px 0px 15px;
  }
#zeile_11
  {
  border-right:1px solid grey;
  }
th#zeile_1,
td#zeile_1
  {
  padding-right:2px;
  }
tbody
  {
  width:100%;
  }
tr
  {
  height:20px;
  line-height:20px;
  }
tr#double-tr
  {
  height:auto;
  }
[id^='folge_cell-']
  {
  height:25px;
  padding-left:10px;
  }
tr:nth-child(even),
[id^='kuart-cell_']:nth-child(even),
[id^='k-cell-legend']:nth-child(even),
[id^='ferien-cell_']:nth-child(even),
[id^='block-cell_']:nth-child(even),
[id^='teilnehmer_cell-']:nth-child(even),
[id^='teilnehmer-deleted']:nth-child(even),
[id^='train_cell-']:nth-child(even),
[id^='folge_cell-']:nth-child(even)
  {
  background:#cccccc;
  }
tr:nth-child(odd),
[id^='kuart-cell_']:nth-child(odd),
[id^='k-cell-legend']:nth-child(odd),
[id^='ferien-cell_']:nth-child(odd),
[id^='block-cell_']:nth-child(odd),
[id^='teilnehmer_cell-']:nth-child(odd),
[id^='teilnehmer-deleted']:nth-child(odd),
[id^='train_cell-']:nth-child(odd),
[id^='folge_cell-']:nth-child(odd)
  {
  background:#efefef;
  }
[id^='folge_cell-'][class='zusage']:nth-child(odd),
tr td#zeile_11.zusage:nth-child(odd)
  {
  background-color:#A9F5A9;	  
  }
[id^='folge_cell-'][class='zusage']:nth-child(even),
tr td#zeile_11.zusage:nth-child(even)
  {
  background-color:#8BD0A1;	  
  }
tr:hover,
[id^='kuart-cell_']:hover,
[id^='k-cell-legend']:hover,
[id^='ferien-cell_']:hover,
[id^='block-cell_']:hover,
[id^='teilnehmer_cell-']:hover,
[id^='teilnehmer-deleted']:hover,
[id^='train_cell-']:hover,
[id^='folge_cell-']:hover/*,
[id^='folge_cell-'][class='zusage']:hover,
[id^='folge_cell-'][class='break']:hover*/
  {
  background:#94D7F2;
  }
td
  {
  border-bottom:1px solid grey;
  border-right:1px solid grey;
  padding:2px 5px 2px 5px;
  text-align:center;
  font-size:12px;
  }
td input
  {
  border:0px;
  margin:0px;
  }
td.white
  {
  background-color:white;
  }
td#u
  {
  background:red;
  }
td#f
  {
  background:green;
  }
td#s
  {
  background:#acacac;
  }
td#k
  {
  background:#F5A9F2;
  }
td#td-nav
  {
  padding:0px;
  }
#refresh
  {
  float:right;
  }
#holiday-window,
#block-window,
#kursarten-vorschau
  {
  margin:0px;
  }
#vorschau
  {
  margin:0px;
  overflow:auto;
  height:400px;
  }
#holiday-window,
#block-window
  {
  width:50%;
  display:block;
  float:left;
  }
[id^="block-cell_"],
[id^="ferien-cell_"],
[id^="rabatt-cell"]
  {
  height:25px;
  line-height:25px;
  border-bottom:grey 1px solid;
  border-right:grey 1px solid;
  padding:0px 0px 0px 5px;
  }
[id^="rabatt-cell"]
  {
  background:#cccccc;
  }
#rabatt-cell[id^="legend_"]
  {
  width:120px;
  }
[id^="ferien-cell_"] span,
[id^="block-cell_"] span
  {
  margin-right:10px;
  }
#wait
  {
  width:100%;
  height:100%;
  display:none;
  position:absolute;
  z-index:200;
  top:0px;
  left:0px;
  background:rgba(0, 0, 0, 0.3);;
  text-align:center;
  line-height:100%;
  }
#wait img#wait-icon
  {
  margin-top:calc(20% - 15px);
  }
#headline,
#login-head,
#teilnehmer_head,
#teilnehmer_suchecell,
#k-cell-head,
#rz-head,
#os-head,
#train_head
  {
  background:linear-gradient(to bottom, #94D7F2, #4674B2);
  margin:0px;
  height:25px;
  color: white;
  line-height:25px;
  font-weight:bold;
  overflow:hidden;
  user-select:none;
  }
#headline{
	cursor:pointer;
}
#login-head
  {
  text-align:center;
  }
#nav
  {
  background:linear-gradient(to bottom, #94D7F2, #4674B2);
  margin:0px;
  /*height:1.563em;*/
  width:100%;
  position:fixed;
  z-index:300;
  top:0px;
  display:none;
  }
[id^='menu_'] #headline
  {
  cursor:pointer;
  }
#headline span,
#nav span,
#rz-head span,
#os-head span
  {
  margin-left:5px;
  line-height:25px;
  color:white;
  font-weight:bold;
  }
#cell-head,
[id^='folgekurs-head']
  {
  height:25px;
  line-height:25px;
  font-weight:bold;
  clear:both;
  padding:0px 5px 0px 5px;
  background:linear-gradient(to top, #ABABAB, #DDDDDD);
  border-bottom:1px solid #929292;
  }
#block-head,
#ferien-head
  {
  width:50%;
  display:block;
  float:left;
  margin:0px 0px 0px 0px;
  height:25px;
  line-height:25px;
  font-weight:bold;
  background:linear-gradient(to top, #ABABAB, #DDDDDD);
  border-bottom:1px solid #929292;
  }
#teilnehmer-head
  {
  width:30%;
  display:block;
  float:left;
  margin:0px 0px 0px 0px;
  height:25px;
  line-height:25px;
  font-weight:bold;
  background:linear-gradient(to top, #ABABAB, #DDDDDD);
  border-bottom:1px solid #929292;
  }
#kurs-head
  {
  width:70%;
  display:block;
  float:left;
  margin:0px 0px 0px 0px;
  height:25px;
  line-height:25px;
  font-weight:bold;
  background:linear-gradient(to top, #ABABAB, #DDDDDD);
  border-bottom:1px solid #929292;
  }
#block-head span,
#teilnehmer-head span,
#kurs-head span
  {
  margin:0px 0px 0px 5px;
  }
#color-box
  {
  margin:1px 5px 1px 1px;
  width:20px;
  height:20px;
  border:1px solid #bcbcbc;
  float:left;
  }
[id^='close_'],
#logout
  {
  float:right;
  height:24px;
  width:35px;
  line-height:24px;
  text-align:center;
  background:#cccccc;
  border-left:1px solid grey;
  border-bottom:1px solid grey;
  color:black;
  cursor:default;
  }
[id^='close_']:hover,
#logout:hover
  {
  background:red;
  }
[id^='save_'],
[id='load_next_mail'],
[id^='max-win-'],
[id^='min-win-'],
[id^='print_'],
#open_search,
#task
  {
  width:30px;
  height:24px;
  line-height:24px;
  float:right;
  text-align:center;
  font-size:16px;
  background-color:#cccccc;
  border-left:1px solid grey;
  border-bottom:1px solid grey;
  cursor:pointer;
  }
[id^='min-win-']
  {
  background-image:url(../images/min.png);
  background-position:top 2.5px left 5px;
  background-repeat:no-repeat;
  }
[id^='max-win-']
  {
  background-image:url(../images/max.png);
  background-position:top 2.5px left 5px;
  background-repeat:no-repeat;
  display:none;
  }
[id^='save_']:hover,
[id^='print_']:hover,
[id='load_next_mail']:hover,
[id^='max-win-']:hover,
[id^='min-win-']:hover,
#task:hover
  {
  background-color:#aaaaaa;
  }
#mail-content
  {
  position:absolute;
  width:300px;
  height:300px;
  right:0px;
  top:25px;
  display:none;
  border:1px solid #ababab;
  z-index:10;
  }
#mail-content-show
  {
  overflow:auto;
  background:#cccccc;
  height:calc(100% - 36px);
  width:290px;
  padding:5px;
  }
#add-text
  {
  position:absolute;
  width:300px;
  height:127px;
  overflow:hidden;
  right:0px;
  top:325px;
  display:none;
  background:#cccccc;
  border:1px solid #ababab;
  z-index:10;
  }
#add-text textarea
  {
  height:100%;
  width:100%;
  resize:none;
  }
#add-field
  {
  position:relative;
  width:100%;
  height:100px;
  }
[id^='next_kurs_'],
[id^='prev_kurs_']
  {
  width:30px;
  height:24px;
  line-height:22px;
  float:right;
  text-align:center;
  font-size:16px;
  background:#cccccc;
  border-left:1px solid grey;
  border-bottom:1px solid grey;
  color:black;
  }
[id^='next_kurs_']:hover,
[id^='prev_kurs_']:hover
  {
  background:#aaaaaa;
  }
#cell,
[id^='teilnehmer_cell-'],
#teilnehmer_head,
#teilnehmer_suchecell,
[id^='teilnehmer-deleted']
  {
  clear:both;
  height:26px;
  line-height:25px;
  padding:0px 0px 0px 5px;
  width:calc(100% - 5px);
  }
[id^='train_cell-']
  {
  clear:both;
  height:25px;
  line-height:25px;
  padding:0px;
  width:100%;
  }
[id^='train_']:not([id^='train_cell-']):not([id='train_head'])
  {
  float:left;
  width:16.66666%;
  text-align:center;
  border-right:1px solid white;
  margin-right:-1px;
  height:25px;
  }
#cell
  {
  background:#cccccc;
  }
#teilnehmer-head
  {
  background:linear-gradient(to top, #ABABAB, #DDDDDD);
  border-bottom:1px solid #929292;
  }
[id^='teilnehmer_'] a,
[id^='teilnehmer_'] a:link
  {
  color:black;
  text-decoration:none;
  }
[id^='teilnehmer_'] a:hover
  {
  font-weight:bold;
  text-decoration:underline;
  }
[id^='teilnehmer_']
  {
  border-bottom:1px solid #bcbcbc;
  }
#set_course
  {
  margin:40px 0px 0px 105px;
  }
#sm_cell
  {
  clear:both;
  background:#cccccc;
  padding:0px 5px 0px 5px;
  display:block;
  height:60px;
  }
#head-cell
  {
  clear:both;
  }
#teilnehmer-cell
  {
  width:30%;
  padding:0px;
  display:block;
  clear:both;
  float:left;
  }
#t-cell-legend
  {
  height:25px;
  display:block;
  text-align:right;
  line-height:25px;
  padding:0px 5px 0px 5px;
  border-bottom:1px solid #bcbcbc;
  border-right:1px solid #bcbcbc;
  }
#t-cell-legend input
  {
  width:50px;
  margin-left:15px;
  border:1px solid #bcbcbc;
  border-radius:3px;
  }
#kurse-cell
  {
  width:70%;
  padding:0px;
  display:block;
  float:left;
  }
[id^='k-cell-legend'],
[id^='kuart-cell_']
  {
  height:25px;
  display:block;
  text-align:left;
  line-height:25px;
  padding:0px 0px 0px 5px;
  border-bottom:1px solid #bcbcbc;
  border-left:1px solid #bcbcbc;
  margin:0px;
  }
[id^='k-c_']:not([id='k-c_complete'])
  {
  width:24%;
  height:25px;
  line-height:25px;
  float:left;
  overflow:hidden;
  }
[id^='k-c_complete']
  {
  width:4%;
  height:25px;
  line-height:25px;
  float:left;
  overflow:hidden;
  }
[id^='k-cell-head']
  {
  height:25px;
  display:block;
  text-align:left;
  line-height:25px;
  padding:0px 0px 0px 5px;
  border-left:1px solid #bcbcbc;
  margin:0px;
  font-weight:bold;
  }
#block-color
  {
  height:25px;
  padding:2px;
  border-radius:3px;
  }
[id^='legend_']
  {
  float:left;
  height:25px;
  text-align:right;
  line-height:25px;
  padding:0px 5px 0px 5px;
  }
#field,
#change-field
  {
  float:left;
  height:auto;
  line-height:25px;
  }
#change-field
  {
  display:none;
  font-weight:bold;
  }
#submit_holiday,
#submit_info
  {
  background-image:linear-gradient(to bottom,#bcbcbc,white,#bcbcbc);
  background-position:center center;
  background-repeat:no-repeat;
  width:18px;
  height:18px;
  float:left;
  line-height:18px;
  font-size:18px;
  font-weight:bold;
  text-align:center;
  border:1px solid #bcbcbc;
  margin-top:3px;
  margin-left:5px;
  cursor:pointer;
  }
#cell_days
  {
  height:25px;
  line-height:25px;
  }
#field input[type='text'],
#field input[type='date'],
#field input[type='time'],
#cell_days input
  {
  border:1px solid #bcbcbc;
  border-radius:3px;
  height:16px;
  margin-top:2.5px;
  }
#field select
  {
  border:1px solid #bcbcbc;
  border-radius:3px;
  height:20px;
  margin-top:2.5px;
  }
#field input[type='number']
  {
  border:1px solid #bcbcbc;
  border-radius:3px;
  height:16px;
  margin-top:2.5px;
  width:60px;
  text-align:center;
  }
#mb_info,
#kurs_info,
#together
  {
  background:white;
  border:1px solid #cccccc;
  height:100px;
  width:calc(100% - 10px);
  clear:both;
  margin:5px;
  overflow:auto;
  }
[id^='info_']
  {
  border:1px solid #bcbcbc;
  border-radius:3px;
  background: linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  }
[id^='user-kurse-cell_']
  {
  border:1px solid #bcbcbc;
  border-radius:3px;
  background: linear-gradient(0deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 100%);
  width:100px;
  float:left;
  text-align:center;
  }
#script
  {
  display:none;
  }
[id^='user_']
  {
  border-bottom:1px solid grey;
  }
[id^='user_']:nth-child(even)
  {
  background:#ccc;
  }
[id^='user_']:nth-child(odd)
  {
  background:white;
  }
#alter
  {
  width:120px;
  }
#face-tr
  {
  width: 200px;
  height: 20px;
  position: relative;
  border: 1px solid #bcbcbc;
  border-radius:3px;
  background:white;
  }
#face-tr_output
  {
  height: 20px;
  line-height: 20px;
  width: 165px;
  margin-left: 5px;
  float: left;
  overflow: hidden;
  }
.empty
  {
  color:#bcbcbc;
  }
#face-tr_drop
  {
  height: 20px;
  line-height: 20px;
  width: 20px;
  float: right;
  text-align: center;
  font-size: 12px;
  border-left:1px solid #bcbcbc;
  background:linear-gradient(to top, #ABABAB, #DDDDDD);
  }
#face-tr_drop:hover
  {
  cursor:pointer;
  background:#bcbcbc;
  }
#face-drop-box 
  {
  display:none;
  width: 200px;
  position: absolute;
  top: 21px;
  border: 1px solid #bcbcbc;
  border-radius:3px;
  background:white;
  z-index:10;
  }
[id^="face-cell_"]
  {
  line-height: 25px;
  height:25px;
  }
[id^="face-cell_"]:hover
  {
  background:#3399FF;
  }
[id^="face-cell_"] label
  {
  margin-left: 5px;
  width: 195px;
  display: block;
  float: left;
  position:relative;
  }
label + [id^='chb_']
  {
  position:absolute;
  }
[id^='chb_']
  {
  display:none;
  }
label span
  {
  position: relative;
  float:right;
  display:block;
  width:25px;
  height:25px;
  }
label span::after
  {
  margin-top:2px;
  width:17px;
  height:17px;
  background-color:white;
  content:'\2573';
  display:block;
  z-index:11;
  position:absolute;
  border:2px solid red;
  border-radius:4px;
  text-align:center;
  font-weight:bold;
  line-height:15px;
  font-size: 14px;
  color: red;
  }
[id^="chb"]:checked + label span::after
  {
  padding-top:1px;
  border:2px solid green;
  font-size:17px;
  color:green;
  content:'\2713';
  }
#task-leiste {
  border: 1px solid #ccc;
  position: fixed;
  bottom: 5px;
  z-index: 300;
  line-height: 30px;
  background: white;
  left:20%;
  width:60%;
  border-radius: 15px;
  display:none;
  padding: 0px 5px;
}
[id^="task_content_"] {
  display: inline-flex;
  line-height: 30px;
  padding: 0px 5px;
  color: #bcbcbc;
  border:1px solid white;
  margin:1px;
  border-radius:10px;
}
[id^="task_content_"]:hover {
  color: #848484;
  cursor:pointer;
  border:1px solid #848484;
}
#folge-overlayer
{
  height: calc(100% - 51px);
  position: absolute;
  background: white;
  opacity: 0.5;
  width: 100%;
  text-align:center;
  display: none;
}
#warteliste-over
{
  height: calc(100vh - 27px);
  position: fixed;
  background: white;
  opacity: 0.5;
  width: 100%;
  text-align:center;
  display: none;
  top:27px;
  left:0px;
  z-index:1;
}

#folge-overlayer img,
#warteliste-over img{
  margin:calc(50vh - 201px);
}
#search_send
{
  content:"\1F50E";
  background: white;
  border-right:1px solid #acacac;
  border-top:1px solid #acacac;
  border-bottom:1px solid #acacac;
  border-left:0px;
  border-radius: 0px 5px 5px 0px;
  margin: 0px;
  height: 24px;
}
#folge_search_text
{
  border-top: 1px solid #acacac;
  border-bottom: 1px solid #acacac;
  border-left: 1px solid #acacac;
  border-radius: 5px 0px 0px 5px;
  height: 20px;
  border-right: 0px;
  margin-top:1px;
}
#folge_search_text:focus
  {
  outline:none;
  box-shadow:none;
  border-top:1px solid darkblue;
  border-left:1px solid darkblue;
  border-right:1px solid darkblue;
  }
#folge_search_text:focus + #search_send
  {
  outline:none;
  box-shadow:none;
  border-top:1px solid darkblue;
  border-bottom:1px solid darkblue;
  border-right:1px solid darkblue;
  }
  .sticky {
  position: sticky;
  top: 0.2em;
  width: 100%;
  z-index:2000;
}
  .sticky-head{
  position:sticky;
  top:0px;
  }
.act_task{
  color:red;
}
.break{
  background-image: -moz-linear-gradient(-45deg, rgba(255, 0, 0, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 0, 0, 0.5) 50%, rgba(255, 0, 0, 0.5) 75%, transparent 75%, transparent);
  background-size: 25px 25px;
}