/* Beispiel Farbpaletten
http://colorschemedesigner.com/#1Z61Pvfu-xnP.
http://colorschemedesigner.com/#1S61Fw0w0w0w0
http://colorschemedesigner.com/#1T61Ow0w0w0w0
http://colorschemedesigner.com/#1S61FuJttP.Ni
*/

body {
	font-family: Arial, Helvetica,sans;
	font-size: 0.8em;
  line-height:1.2em;
	background-color: #ffffff;
}
input:disabled,
select:disabled {
background: #E8E8E8;
color: #333333;
}
textarea {
float:left;
}
#wrapper,
#content {
 font-family: arial, helvetica,sans;
position:relative;
	width: 460px;
	margin:0px;
padding:0px;
height:auto;
float:left;
z-index:1;
}
#content > div, 
#content > form{
  float: left;
  clear: both;
  display: block;
}
.LoggedInAs, 
#form_user_select{
  margin-top: 5pt;
  margin-bottom: 5pt;
}
#footer{
	display: block;
	float: left; 
	clear: both; 
	width: 95%;
	padding: 1em 2.5% 0.5em;
}
#footer > p{
	float: right;
	padding: 0px; 
	margin: 0em 0em 0em 0.5em;
}
#mainmenu {
margin-bottom:10px;
border: 1px solid #2963bc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
padding:5px 2px 5px 2px;
display:block;
  float: none;
text-align:center;
font-size:0.9em;
}
#mainmenu a:last-child{
  margin-left: 2.5em;
}

#mainmenu a:link,
#mainmenu a:visited,
#content a:link,
#content a:visited, 

.impressum a:link,
.datenschutz a:link,
.impressum a:visited, 
.datenschutz a:visited{
  font-family:arial,helvetica,sans;
text-decoration:none;
text-align:center;
color:#2963bc;
font-size: 1em;
}
#mainmenu a:hover,
#content a:hover,
.impressum a:hover,
.datenschutz a:hover{
  font-family:arial,helvetica,sans;
text-decoration:underline;
text-align:center;
color:#2963bc;
}
#mainmenu a{
  line-height: 20px;
}
#mainmenu a[title="Dokument drucken"]{
  padding-top: 15px !important;
  vertical-align: middle ;
}
#mainmenu img{
  width: 30px;
}
.Kontakt {
	font-weight:bold;
	clear: both;
}
.hinweis,
.hinweis_speichern_login,
.hinweis_speichern,
.hinweis_pw_aendern{
  float: left;
  width:150;
  min-height:20px;
	padding:0px;
	margin-top:10px;
  margin-bottom:5px;
	border:0px;
}
.hinweis,
.hinweis_speichern_login{  
  display: block;
  clear: both;
}
.hinweis_pic,
.hinweis_text{
	float: right; 
}
.hinweis_pic{
	margin-right: 1em;
}
.hinweis_text{  
  width: 80%;
  padding-top: 0.8em;
}
.hinweis_pic img{
	width: 40px;
	height: auto;
}

.hinweis_speichern_erfolgreich .hinweis_pic,
.hinweis_speichern_erfolgreich .hinweis_text{
	float: right; 
}
.hinweis_speichern_erfolgreich .hinweis_text{  
  width: 85%;
  padding-top: 0.5em;
}
.hinweis_speichern_erfolgreich .hinweis_pic img{
	/*! width: 40px; */
	/*! height: auto; */
}

.hinweis_anzeigen{
width:auto;
	padding:0px;
	margin-top:10px;
margin-bottom:5px;
	border:0px;
float:left;
}
.hinweistext_sportstaettenwahl{
	clear: both;
  padding:5px;
font-weight:bold;
	margin: 5px 5px 0px;
	border: 0px;
	background-color: #2963bc;
color:#ffffff;
width:auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #b1b1b1;
-webkit-box-shadow: 0px 0px 5px #b1b1b1;
-moz-box-shadow: 0px 0px 5px #b1b1b1;
}
.hinweistext_gespeichert{
  display: block;
  float: left;
	clear: both;
  padding:5px;
  font-weight:bold;
	margin: 0px 0px 20px 0px;
	border: 0px;
  color: green;
  width: 100%;
  text-align: center;
  
/*! width:100%; */
  /* alte Formatierung   
	background-color: green;
  color:#ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #b1b1b1;
  -webkit-box-shadow: 0px 0px 5px #b1b1b1;
  -moz-box-shadow: 0px 0px 5px #b1b1b1;
  */
}
.hinweis_speichern_erfolgreich {
  float:left;
  clear: both;
  width: 95%;
  padding:15px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight:bold;
  border: 2px solid green;
  color: green;
  /*
	border: 0px;
	background-color: green;
  color:#fff;
  */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #b1b1b1;
-webkit-box-shadow: 0px 0px 5px #b1b1b1;
-moz-box-shadow: 0px 0px 5px #b1b1b1;
}
.hinweis_restriktionen_anzeigen {
	float:left;
  clear: both;
  margin-bottom: 20px;
  width: 95%;
  padding: 10px 15px;
  font-size: 0.9em;
  
	border: 1px solid orange;
  color: red;
  text-align: center;
	/*
	font-weight:bold;
	border: 0px;
  color: red;
  
  background-color: red;
  color:#fff;
  background-color: #FFEEFF;
  */
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #b1b1b1;
-webkit-box-shadow: 0px 0px 5px #b1b1b1;
-moz-box-shadow: 0px 0px 5px #b1b1b1;
}
.warning{
  display: block;
  float: none;
  clear: both;
  padding: 0.5em;
  margin: 0.5em 0em;
  background-color: orange;
}
form input,
form select {
  font-size:0.95em;
  border: 1px solid #8FB415;
  padding:0px;
  margin:0px;
  width: 90%;
/*
  background-color:#2963bc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #b1b1b1;
-webkit-box-shadow: 0px 0px 5px #b1b1b1;
-moz-box-shadow: 0px 0px 5px #b1b1b1;
*/
}
form fieldset {
 border:0px;
  margin:0px;
  padding:0px;
}
form legend {
 font-weight:bold;
  margin-bottom:10px;
}
form label {
  display: block;
  width: 200px;
}
form label[for="Datenverarbeitung_ok"] {
  width: 95% ;
  float: right;
}
form label[for="Videoaufzeichnung"]{
  width: 115px;
  display: inline-block;
}
.button,
.button_menue a{
  width:137px;
  color:#ffffff !important;
  height: 2em !important;
  margin-top: 5% !important;
  margin-right: 0.3em;
  line-height: 1.5em !important;
  background: #769EC7 !important;
  border: 0px !important;
  cursor: pointer;
/*
  min-height:20px;
  display:block;
  font-family:arial,helvetica,sans;
  text-align:center;
  background-color:#2963bc;
  cursor:hand;
  border:0px;
  box-shadow: 0px 0px 5px #b1b1b1;
  -webkit-box-shadow: 0px 0px 5px #b1b1b1;
  -moz-box-shadow: 0px 0px 5px #b1b1b1;
*/
}
.button:hover,
.button_menue a:hover{
  background: #255594 !important;
  text-decoration: none !important;
}
.button:active,
.button_menue a:active{
  box-shadow: 0px 0px 12px #999;
}
.button_menue a{
  float: left;
  width: auto !important;
  padding: 3px 5px 0px;
  margin-top: 0px !important;
}
.call_to_action{
  background-color: #90B518 !important;
  font-weight: bold;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
}
/* ###################
sb-lindow */
/* - Buchung von unbekannt - */
.Kontakt{
}
.Buchungsanfrage_unbekannt{
font-weight:bold;
float:left;
}

.Buchungsanfrage_unbekannt {
background-color:#ffffff;
	border-top: 1px solid #ddd;
padding-top:5px;
margin-top:10px;
margin-bottom:0px;
width:100%;
float:left;
}
.button_menue,
#sportstaetten_wrapper,
.Kundendaten-unbekannt,
.Buchungsdaten-unbekannt,
.Unterkuenftebereich,
.Anreise,
.Data,
.law_permission,
.dsgvo_reference{
width:460px;
float:left;
clear:left;
padding-bottom:20px;
}
#sportstaetten_wrapper{
	display: none;
}
.Kundendaten-unbekannt>span,
.Buchungsdaten-unbekannt>span,
.Data>span,
.Kennwoerter>span,
.Anreise span{
  display: inline-block;
  width: 230px;
  margin-top: 10px;
}
#sportstaetten_wrapper{ 
  /*! display: none; */
}
/*
.Kundendaten-unbekannt input,
.Buchungsdaten-unbekannt input,
.Data input,
.Kennwoerter input {
 width:200px;
}
.intinput input,
.Kundendaten-unbekannt select,
.Buchungsdaten-unbekannt select {
width:125px;
}
*/
.Unterkuenfte {
width:149px;
float:left;
clear:right;
margin-top:10px;
margin-bottom:10px;
}
.Unterkuenfte .checkfield,
.Buchungsdaten-unbekannt .checkfield{
width:120px;
display:block;
margin-bottom: 2px;
}
.Buchungsdaten-unbekannt .checkfield{
  width: 200px;
}
.Unterkuenfte .checkfield label,
.Buchungsdaten-unbekannt .checkfield label{
width:80px;
display:block;
float:left;
}
.Buchungsdaten-unbekannt .checkfield label{
  width: 120px;
}
span.checkfield input{
width:13px;
height:13px;
padding:0px;
margin:0px 3px;
}

.intinput label{
  float: left;
}
.Buchungsdaten-unbekannt .longblobinput,
.Data .longblobinput{
  display: block;
  width: 440x;
  height: 100px;
  padding-top: 5px;
}
.law_permission > span{
  display: inline-block;
  width: 440px;
}
.Buchungsdaten-unbekannt .longblobinput textarea,
.Data .longblobinput textarea{
  display: block;
  width: 440px;
  height: 100px;
  border: 1px solid #8FB415;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
/*
  border: 1px solid #2963bc;
  box-shadow: 0px 0px 5px #b1b1b1;
  -webkit-box-shadow: 0px 0px 5px #b1b1b1;
  -moz-box-shadow: 0px 0px 5px #b1b1b1;
*/
}
/* status */
div.kundennr {
display: block;
clear: both;
width:100%;
background: -moz-linear-gradient(center top , #EDECEC 0%, #FFFFFF 80%) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 5px #B2B2B2;
    float: left;
    height: 2em;
    margin-bottom: 3px;
    padding: 3px;
    font-weight: bold;
    margin-top: 20px;
}
label.kundennr_label {
float:left;
width:300px;
font-weight:normal;
}
/* Buchunsuebersicht */
.Buchung_uebersicht {
border-bottom:1px solid #cccccc;
padding-top:2px;
padding-bottom:6px;
float:left;    
width:460px;                               
line-height:1.2em;
}
.Buchung_uebersicht strong {
font-size:0.9em;
color:#333333;
}
.Buchung_uebersicht .Massnahme_head {
display:inline-block;
width:100px;
overflow:hidden;
margin-right:5px;
height:1.2em;
}

.Buchung_uebersicht .Massnahme_head,
.Buchung_uebersicht .Anreise_Datum_head,
.Buchung_uebersicht .Status_head,
.Buchung_uebersicht .Bearbeitung_head,
.Buchung_uebersicht .Vertrag_head{
  width: 1000px;
}

.Buchung_uebersicht .Massnahme {
display:inline-block;
width:100px;
overflow:hidden;
margin-right:5px;
height:2.5em;
}
.Buchung_uebersicht .Anreise_Datum,
.Buchung_uebersicht .Anreise_Datum_head {
display:inline-block;
width:78px;
overflow:hidden;
margin-right:5px;
}
.Buchung_uebersicht .Status,
.Buchung_uebersicht .Status_head,
.Buchung_uebersicht .Bearbeitung,
.Buchung_uebersicht .Bearbeitung_head {
display:inline-block;
width:88px;
overflow:hidden;
margin-right:5px;
}
/* - Buchung von bekannt - */
.Sportstaettenhinweis{
  display: block;
margin:8px;
font-weight:bold;
}
.Sportstaettenwahl{
  background-color: #ddd;
  font-size: 0.9em;
/*! height:300px; */
marin:0px;
padding:0px;
float:left;
width:100%;
}
.Belegungueber,
.Eventzeitenueber{
  float:left;
  clear: both;
  /*! height: 15px; */
  width: 100%;
  text-align: center;
}

.Eventzeiten span,
.Belegungen span{
  display: inline-block;
  float: left;
  height: 1.8em;
  line-height: 1.6em
}

.Eventzeiten{
  float: left;
  width: 78px;
  margin: 0px 10px 0px 0px;
  padding: 0 5 0 0;
}
.Eventzeit{
  display:inline-block;
  float:left;
  clear: both;
  text-align: right;  
  width: 100%;
  /*! height: 15px; */
  /*! line-height: 17px; */
}
* html .Eventzeit{
display:inline-block;
  float:left;
  clear: both;
  height: 17px;
  width: 100%;
  text-align: right;
}
.Belegungen{
  float: left;
  width: 50px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  
}
.Belegung{
  display:inline-block;
  border-collapse: collapse;
  padding: 0px !important;
  margin: 0px !important;  
  
  /*! height: 15px !important; */
  /*! line-height: 15px !important; */
}
.Belegung_input{
  float:left;
  clear: both;
  width: 100%;
  
  height: 15px !important;
    line-height: 15px !important;
}

/* login form */
#Login div {
 width:220px;
  float:left;
  margin-bottom:10px;
}

#calendarDiv{
  z-index: 2;
}

/* kennwort aendern */
.Kennwoerter span.text255input#neuesKennwort,
.Kennwoerter span.text255input#neuesKennwortBestaetigung {
float:left;
width:100%;
}
.Kennwoerter span.text255input#neuesKennwortBestaetigung {
margin-bottom:10px;
}
/* sb-lindow
###################*/

.Dokumente_wrapper{
  display: block;
  clear: both;
  margin-top: 50px;
}
.Dokument_row{
  display: block;
  height: 2.5em;
  margin-bottom: 5px;
  background: -moz-linear-gradient(center top , #EDECEC 0%, #FFFFFF 80%) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 3px 3px 5px #B2B2B2;
    float: left;
    height: 2em;
    padding: 3px 0px 3px 0px;
}
.Link_name{
  display: inline-block;
  width: 145px;
  text-align: center;
  background: none repeat scroll 0 0 #990002;
    border-collapse: collapse;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 8px #999999;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 2px 4px 2px 4px;
}
.Link_name_head{
  display: inline-block;
  width: 145px;
  text-align: center;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 2px 4px 2px 4px;
}
.Link_beleg,
.Link_beleg_head{
  display: inline-block;
  margin-left: 10px;
  width: 130px;
  border: 0px solid;
  text-align: left;
  overflow: visible;
}
.Link_datum,
.Link_datum_head{
  display: inline-block;
  margin-left: 7px;
  width: 155px;
}
.Link_datum_head{
  text-align: center;
}
.Link_name_head,
.Link_beleg_head,
.Link_datum_head{
  font-size: 1em;
  font-weight: bolder;
}
.row{
  display: block;
  clear: both;
  padding: 0.2em 0em;
}
.row label{
  float: left;
  width: 120px;
}
.datablock{
  float: left;
}

/*
	wenn nicht Durckmodus
	dann ausblenden
*/
.only_print{
	display: none;
}

/*
	nur fuer den Druckmodus 
*/
@media print { 
    .only_print{ 
        display: block; 
    }
}

/****************************
Anpassungen von Tobias Schulz
****************************/

.head{
    margin-top: 10px;
    /*width: 120px !important;*/
    /*display: inline;*/
    /*width: 600px;*/
    font-weight: bold;
}

.gridBlock{         /* umfasst komplette Tabelle */
    display: grid;
    row-gap: 10px;
    
}

.grid{                      /*umfasst eine Zelle in einer Reihe  insgesamt 5 pro Reihe*/
    /*display: inline;*/
    /*width: 120px;*/
    width: calc(100% - 20px);
    text-align: center;
/*padding: 2px;*/
}

.Buchung_uebersicht{    /* umfasst eine Reihe */
    display: grid;
    grid-template-columns: auto auto auto auto auto;
width:100%;
}

.gerade{
    background-color: #eee;
}

.ungerade{
    background-color: #D1E5F9;
}