@charset "utf-8";
/* CSS Document */
/*******
** cyan: 00afe1
** helles blau: 00afe1
** grau: 7a7a7a
*******/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500);
*{ margin:0; padding:0;}
ul, li{ list-style:none;}
.clear{ clear:both;}
.center{ text-align:center; padding-bottom:15px; }
.center a{ color:#900;}
body{ background-image:url(../img/bg.gif); font-family: 'Raleway', sans-serif; font-size:22px; line-height:30px;}
#main_nav{ width:100%; background-color:#7a7a7a;  height:55px;}
#main_nav li{width:33.33%; float:left; text-align:center; height:55px; }
#main_nav li.zweier, .zweier{ width:50%; float:left;}
.overlayBG { display:none; background-color:#000; -ms-filter: "Alpha(Opacity=75)"; /* IE 8 */filter:alpha(opacity=75); /* IE5-7 */ -moz-opacity: 0.75; /* Mozilla */opacity: 0.75;}
.hinweis_popup{display:none;  position:absolute;font-size:22px;  width:580px; text-align:center; z-index:1200; behavior: url(ms-transform.htc); width:90%; padding-top: 10%;}
.hinweis_popup#waiting{ color:#fff;}
#overlay_bestaetigung { position: fixed; z-index:1000;top: 0px;left: 0px;height:100%;width:100%; }
.hinweis_popup p { color:#fff; font-size:22px; margin-bottom:80px;}
select{ border-radius:10px; padding:10px; width:70%; font-size:22px; margin-bottom:10px; margin-left:auto; margin-right:auto; -webkit-appearance:listbox; background-color:#fff; border:1px solid #fff; color:#444444;}
.begrenzung{ width:70%; margin-left:auto; margin-right:auto;}
.begrenzung select.datum{ width:31.333%; margin-right:3%; float:left; }
.begrenzung select.datum option {text-align:center;}
.begrenzung select.datum.last{ margin-right:0;}
#main_nav li a{ display:block;color:#fff; text-decoration:none; line-height:55px;border-right:1px solid #fff;}
#main_nav li a i{ margin-right:15px;}
#main_nav li a:hover, #main_nav li a.active{ background-color:#00afe1;}
#main_nav li.last a{ border:none; }

h1{ font-weight:normal; font-size:22px;}
.instruktion{ background-color:#d9f4fc; color:#00afe1; margin-bottom:15px;text-align:center; padding-top:15px; padding-bottom:15px;margin-top:15px; }
.streifen_uebersicht, .footer{ clear:both;background-color:#00afe1; color:#fff; font-size:22px;  line-height:35px; text-align:center;  margin-top:15px;}
.streifen_uebersicht .spalte,.footer .spalte{ line-height:22px;width:48%; min-height:80px; float:left; padding-top:15px;padding-bottom:15px; }
.streifen_uebersicht .spalte a, .footer .spalte a{ color:#fff; text-decoration:none;}
.streifen_uebersicht .spalte.left{ width:50%; border-right:1px solid #fff; }
.footer .spalte{width:70%;}
.footer .spalte.last{width:20%; border-right:none; text-align:right;}
.footer .logout{ text-align:center;}
.footer{ font-size:22px; line-height:35px; text-align:left; padding-top:15px; padding-bottom:15px;}
.footer img{ float:left; width:44px; padding-left:8%; margin-right:20px;}

.auswahlbuttons{ width:90%; margin-left:auto; margin-right:auto; }
.auswahlbuttons a{ font-size:22px; line-height:22px; min-height:100px; display:block; float:left;  border-radius: 10px; color:#fff; text-decoration:none; background-color: #00afe1; width:24.2%; margin-left:2.5%; margin-right:2.5%; text-align:center; padding:2%; margin-bottom:15px; padding-top:15px;}
.auswahlbuttons.arbeiter a{ min-height:40px;}
input{border-radius: 10px;height:42px;width:79.8%; padding-left:2%; float:left; margin-left:2.5%; margin-right:2.5%; margin-bottom:15px; border:1px solid #CCC;}
input.suche{ float:left; height:45px; width:10%; padding:15px; font-size:0; background-color:#00afe1; background-image:url(../img/suche.png); background-repeat:no-repeat; background-position:center; background-size:16px auto; border:none; margin:0;}

input[type=checkbox]{ width:auto; float:none; text-align:left; padding:0; height:auto;  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(3); /* FF */
  -webkit-transform: scale(3); /* Safari and Chrome */
  -o-transform: scale(3); /* Opera */
  padding: 15px;margin-bottom:40px;}
  input#datepicker{ margin-left:auto; margin-right:auto; width:68%; float:none;}

.anlegen input{ width:90%; padding-left:2%; padding-right:2%;}
.anlegen input[type=submit], .wochenuebersicht input[type=submit]{ color:#fff; background-color: #00afe1; width:94%;}
.wochenuebersicht input[type=submit]{width:auto; background:none; border:none; color:#00AFE1}
.wochenuebersicht table th, td{font-size:16px;}
.zeituebername{ text-align:left;width:70%; margin-left:auto; margin-right:auto; color:#fff;}
.zeituebername label{margin-bottom:40px;}
.arbeiter p{ padding-top:15px; padding-bottom:15px; color:#00afe1; font-weight:700;}
.auswahlbuttons.arbeiter a.zeitbutton{ width:10%; min-height:12px; background-color:#707070; padding-top:15px; line-height:12px; }
.auswahlbuttons.arbeiter a.zeitbutton.green, 
.auswahlbuttons.arbeiter a.zeitbutton.typ2,
.auswahlbuttons.arbeiter a.zeitbutton.typ5,
.auswahlbuttons.arbeiter a.zeitbutton.typ7{ background-color:#62aa49; }
.auswahlbuttons.arbeiter a.zeitbutton.lightgreen, .auswahlbuttons.arbeiter a.zeitbutton.typ1{ background-color:#98c788; }
.auswahlbuttons.arbeiter a.zeitbutton.yellow,.auswahlbuttons.arbeiter a.zeitbutton.typ3{ background-color:#e2b002; }
.auswahlbuttons.arbeiter a.zeitbutton.red,.auswahlbuttons.arbeiter a.zeitbutton.typ4{ background-color:#cb4444; }
.auswahlbuttons.arbeiter a.zeitbutton.add{ background-color:#bfbfbf; font-size:25px; line-height:36px; }
.auswahlbuttons.arbeiter a.zeitbutton.delete{ background-color:#bfbfbf; width:auto; font-size:22px;line-height:36px; }
.auswahlbuttons.arbeiter a.zeitbutton.delete i{font-size:25px; line-height:36px; float:left; margin-right:15px;}
input.submit, input.delete, input.abbrechen{ background-color:#00afe1; background-image:url(../img/haken.png); background-repeat:no-repeat; background-position:10% 50%; background-size:26px 26px; line-height:26px; font-size:22px; height:auto; padding-top:20px; padding-bottom:20px; width:70%; margin-left:auto; margin-right:auto; display:block;  float:none; border:1px solid #00afe1; color:#fff;}
input.delete{ background-image:url(../img/delete.png); background-color:#bc0409; border:1px solid #bc0409; margin-top:80px;}
input.abbrechen{ background-image:url(../img/undo.png); background-color:#928f8f; border:1px solid #928f8f; }
input.back, input.forward{ background:#e3f4ff; border:none; width:80%; padding:0; margin-top:10px; float:none;-webkit-appearance:none;}
.streifen_uebersicht form{ float:left; width:50%; padding:0;}
.streifen_uebersicht form.zurueck_form{ text-align:center;}
.streifen_uebersicht form.weiter_form{ text-align:right;}
p.trenner a{ background-color:#BFBFBF; display:block; text-decoration:none; padding-left:5%; padding-right:5%; color:#fff; width:90%; padding-top:15px; padding-bottom:15px; text-align:left; font-size:22px;}
@media (max-width: 480px) {
#main_nav li a{ font-size:22px; }
#main_nav li a i{ margin-right:5px;}
.auswahlbuttons a{ font-size:22px; line-height:14px;}	
.auswahlbuttons.arbeiter a.zeitbutton{ line-height:12px; padding-bottom:10px; }
.auswahlbuttons.arbeiter a.zeitbutton.add{ background-color:#bfbfbf; font-size:25px; line-height:36px; }
.auswahlbuttons.arbeiter a.zeitbutton.delete{ background-color:#bfbfbf; width:auto; font-size:16px;line-height:36px; }
.auswahlbuttons.arbeiter a.zeitbutton.delete i{font-size:25px; line-height:36px; float:left; margin-right:15px;}
}
p.error{ color:red;}

.wochenuebersicht{ text-align: center;}
.wochenuebersicht_mitarbeiter{text-align: left}
.wochenuebersicht_mitarbeiter table{width:90%; margin-left: auto; margin-right: auto;}
.wochenuebersicht_mitarbeiter th{background-color: #00AFE1; color:#fff}
.wochenuebersicht_mitarbeiter th, .wochenuebersicht_mitarbeiter td{padding:5px}
.wochenuebersicht_mitarbeiter .datum td{ background-color: #ddd;}