/* CSS Document */
html, body { height:100%; margin:0; padding:0;}
body {
  background-image: url(img/bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  font-size:18px;
  font-family:Arial, Helvetica, sans-serif;
}


h1 { color:#AB1E2F; font-size:36px; font-weight:normal; margin:5px 0 10px;}
h2 { color:#1C3D60; font-size:24px; font-weight:normal; margin:0;}
h3 { font-size:22px; font-weight:normal; margin:0;}
h4 { font-size:18px; font-weight:normal; margin:0;}

.error01 { color:#D00;}


input[type=submit]:hover { cursor:pointer;}

.bggruen { background-color:#6F6; }
.bgrot { background-color:#F66;}
.bggrau  { background-color:#DDD;}

.inhalt { display: block; margin: auto; max-width: 980px; width: 100%; min-height: 90%; background-color:#F9F9F9; padding:10px; }
.header { display: table; width: 100%; float: none; }
.logo { float: right; padding: 5px; max-width: 20%; height: auto; }
.loginbox { display: block; margin: auto; margin-top: auto; width: 300px; position: relative; margin-top: 100px; }
.kalblock { background-color:#DDD; padding:10px; margin:15px 0 0 0 ; }
.coachbild { float: left; width: 80px; margin: 0 10px 0 0; }
.terminblock { background-color:#DDD; padding:10px; margin:15px 0 0 0 ; }
.boxoben50 { width: 50%; float: left; display: block; height: 140px; }

.h3_kaluebersicht { margin:35px 0 15px 0; color:#1C3D60;}
.h3_terminuebersicht { margin:35px 0 15px 0; color:#1C3D60; width: 280px; float: left;}
.h4_terminuebersicht { margin:35px 10px; 15px 0; width: 280px; float: right; text-align: right;}


/*formumlare button */
#dieemail, #password { width: 190px; }
.formzeile1 { margin: 10px 0 10px 0; }
#eingeloggt { margin-left: 100px; }
.loginbox label { width: 100px; display: block; float: left; }
.zelle08 label { float: right; font-size:14px; }
.zelle08 input { float: right; }
#kalenderid, #datum, #start, #ende { margin: 0 13px 0 2px; font-size: 14px; height: 26px; background-color: #FF6; cursor: pointer; max-width:120px; }
.getcode { width: 420px; margin: 0 15px 0 0; float:left; }

.senden { margin: auto; display: block; font-size: 18px; padding: 5px; min-width: 100px; background-color: #900; color: #FFF; }
.senden2 { float: right; display: block; font-size: 14px; padding: 2px 5px; min-width: 100px; background-color: #F00; color: #FFF; }
.on { float: right; display: block; font-size: 14px; padding: 2px 5px; min-width: 160px; background-color: #66F; color: #FFF; }
.off { float: right; display: block; font-size: 14px; padding: 2px 5px; min-width: 160px; background-color: #00F; color: #FFF; }
.off2 { float: right; display: block; font-size: 14px; padding: 2px 5px; margin:30px 0 15px 0; min-width: 100px; background-color: #00F; color: #FFF; }
.cancel2 { float: right; display: block; font-size: 14px; padding: 2px 5px; min-width: 100px; background-color: #D80; color: #FFF; }
.speichern2 { float: right; display: block; font-size: 14px; padding: 2px 5px; min-width: 100px; background-color: #0B2; color: #FFF; }
.speichern3 { float: right; display: block; font-size: 14px; padding: 2px 5px; min-width: 100px; background-color: #0B2; color: #FFF; margin-top:5px; }
.saveedittermin { float: right; font-size: 16px; padding: 2px 5px; min-width: 100px; background-color: #0F0; color: #000; margin-top:5px; }
.kaltitel { background-color: #FF6; width: 145px; }
.userwechsel { display: block; width: 100%; height: 20px; margin:50px 0 5px 0; }


/* zeilen und zellen */
.zeile_onoff { display: table; float:none; width:100%;} 
.neukal_zeile { display: table; float:none; width:100%; margin:15px 0 20px 0;}
.neukal_zeile h4 { float: left; display: block; clear: left; margin: 0 15px 0 0; }
.neukal_zeile label { margin: 0 5px 0 15px;; }
.neuterm_zeile { display: table; float:none; width:100%; margin:15px 0 20px 0; line-height: 2.0;}
.neuterm_zeile h4 { float: left; display: block; clear: left; margin: 0 15px 0 0; }
.neuterm_zeile label { margin: 0 5px 0 15px;; }
.zeilekaloben { display: table; float:none; width:100%; background-color:#CCC; border-bottom:#000 solid 2px; margin-bottom:5px;} 
.zeile_logout { display: table; float:none; width:100%; border-bottom:#000 solid 2px; margin-bottom:5px;}
.zeile_logout h4 { float:left; color:#1C3D60 }
.zeilekal_a { display: table; float:none; width:100%; background-color:#FFD;}
.zeilekal_b { display: table; float:none; width:100%; background-color:#DFF;}

.zeiletermineoben { display: table; float:none; width:100%; }
.zeiletermineoben .zelle01, .zeiletermineoben .zelle02 , .zeiletermineoben .zelle03 , .zeiletermineoben .zelle04 , .zeiletermineoben .zelle05, .zeiletermineoben .zelle06, .zeiletermineoben .zelle07a { background-color:#CCC;}
.zeiletermine { display: table; float:none; width:100%;}
.termaendern { width: 100%; background-color: #F90; display: block; margin: 10px 0; padding: 5px 3px; }
.termaendern div { display: block; width: 100%; min-height:50px; }

.zelle01 { display: block; width: 260px; float: left; padding:4px 2px 4px 0px;}
.zelle02 { display: block; width: 350px; float: left; padding:4px 2px 4px 0px;}
.zelle03 { display: block; width: 260px; float: left; padding:4px 2px 4px 0px;}
.zelle04 { display: block; width: 200px; float: left; padding:4px 2px 4px 0px;}
.zelle05 { display: block; width: 160px; float: left; padding:4px 2px 4px 0px;}
.zelle06 { display: block; width: 155px; float: left; padding:4px 2px 4px 0px;}
.zelle07 { display: block; width: 50px; float: left; padding:4px 2px 4px 0px;}
.zelle07a { display: block; width: 60px; float: left; padding:4px 2px 4px 0px;}
.zelle08 { display: block; width: 875px; float: none; padding:4px 2px 4px 0px;}
.zelle09 { display: block; width: 115px; float: left; height:20px;}
.zelle10 { display: table; width: 100%; float: none; padding:4px 2px 4px 0px; margin-bottom:15px;}
.zelle10 a { font-size:16px; float:right;  }
.zelle11 { display: block; width: 20%; float: left; padding:4px 0px 4px 0px;}
.zelle12 { display: block; width: 80%; float: left; padding:4px 0px 4px 0px;}
.leer { width:100%; height:75px; display:table; color: #FFF; }
.footer { background-color:#1C3D60; width:100%; height:40px; display:table; color: #FFF; text-align:center; bottom: 0px; z-index: 99; padding-top:10px; }
.footer a { color: #FFF; margin: 0 15px 0 15px; font-size: 14px;}

@media only screen and (max-width: 800px)  { 
	.zeile_logout { min-height: 300px; }
	.zeilekal_a input, .neukal_zeile input { font-size: 20px; width: 95%; margin-bottom: 20px; }
}