@charset "utf-8";

html {height:100%;}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Aldrich', sans-serif;
	font-size: 16px;
}

#logo   {
	display:none;
	clear:both;
	float:left;
	margin-top:1%;
	margin-left:0%;
	width:30%;
}

#design  {color:#FFF; font-size:16px;}
#design a {color:#FFF; font-size:16px;}

table {
	float:left;
	border-collapse:collapse;
	table-layout: fixed;
    width: 100%;
	text-align:center;  
	background-color:#E20000;
}

#woche {width:100%; }

#woche td {
	width:4%;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;	
	border-left: 1px solid #B6B6B6;
	border-bottom: 1px solid #B6B6B6;
	padding:0px;
	overflow:hidden;
	font-size:12px;
		

}
#woche td div {	height:100%; }

#woche td:nth-child(6n-3) {background-color:#D3D3D3;}
#woche td:nth-child(6n-4) {background-color:#D3D3D3;}
#woche td:nth-child(6n-5) {background-color:#D3D3D3;}



#stunde_nicht_belegt {	background-color:#DFDFDF;	color:#868686;	}
#stunde_belegt_kurz {height:100%;  background-color:#E20000;	color:#FFF; display: flex;  align-items: center;  justify-content: center;}
#stunde_belegt_lang {height:100%;   background-color:#E20000;	color:#FFF;   font-size:10px; display: flex;  align-items: center;  justify-content: center; }
	





#stundenliste {
	display:none;
	clear:both;
	float:left;
	margin-top:1%;
}

#stundenliste td {
	float:left;
	width:50%;
	height:22px;
	background-color:#FFFF80;
	cursor:default;
	font-size:15px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
border-left: 1px solid #B6B6B6;
border-bottom: 1px solid #B6B6B6;
}


#datumliste, #datumliste_unten {width:100%;margin-top:2%;clear:left; }
#datumliste td, #datumliste_unten td {
	/*width:12%;*/
	/*height:22px;*/
	background-color:#FFFF80;
	cursor:default;
	font-size:18px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	border:5px  solid #B6B6B6;
	padding:0.2%;
}







#platzliste {
	width:100%;
	clear:left;
	border-left:1px solid #B6B6B6;
}

#tag_platzliste {
	width:14.28%;
	border-left:5px solid #B6B6B6;
	background-color:#FFFFD2;
}
#platzliste td, #platzliste_unten td {	
	width:3.00%;
	height:22px;
	background-color:#FFFFD2;
	color:#000;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
/*border-top:0px solid #B6B6B6;*/
border-bottom:1px solid #B6B6B6;
border-left:1px solid #B6B6B6;
}

#mail_startseite {width:180px;}
#passwort_startseite {width:180px;}
#registrieren_startseite {margin-left:2%;}

#buchen_admin, #buchen_mitglied, #login_falsch, #stornieren_einzeleintrag, #stornieren_wocheneintrag, #registrierung_ok, #registrierung_fehler, #keine_doppelte_buchung, #registrieren, #registrieren_datenschutz, #fehlermitteilung_bestaetigen, #anmelden {
display:none;
position:absolute;
margin-top:10%;
margin-left:30%;
width:17%;
height:30%;
background-color:#FFFFD2;
padding:1%;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius: 16px;
border-radius:16px;
-moz-box-shadow: 6px 6px 6px #666;
-webkit-box-shadow: 6px 6px 6px #666;
box-shadow: 6px 6px 6px #666;
}
#buchen_mitglied, #stornieren_einzeleintrag, #stornieren_wocheneintrag {height:20%;}
#registrieren, #registrieren_datenschutz, #fehlermitteilung_bestaetigen, #anmelden {width:400px;height:280px;}

#infobox1 {width:18%; margin-left:0%; margin-top:1.5%;background-color:#E20000; }
#infobox2 {width:25%; margin-left:1%; margin-top:2%;background-color:#E20000;	}
#infos_zur_buchung {width:5%; margin-left:1.5%; margin-top:2%;background-color:#E20000; float:left; font-size:4px; border:none;	}

#login {font-size:16px;	width:40%; margin-left:1%;	margin-top:0%; float:left; color:#FDFDFD;}
#wochenauswahl {display:none; width:6%;  margin-left:0%; margin-top:1.5%; float:left; }
#anmeldung_erfolgreich {font-size:14px; color:#FDFDFD; margin-left:0%; margin-top:0%; }
#woche1 {cursor:pointer; font-size:18px; font-weight:bold; color:#CFCFCF; background-color:transparent;	}
#woche2 {cursor:pointer; font-size:18px; font-weight:bold; color:#CFCFCF; background-color:transparent;	}
#buchungsregeln {font-size:20px; color:#FFF; padding:5%;}


#zeitraum {
margin-left:2%;	
height:20px;
font-size:16px;
}

.button_formular {
margin-right:0%;	
font-size:14px;
}
.button_formular2 {
margin-left:0%;	
font-size:14px;
}



.rechtsbuendig {text-align:left;}
.registrieren_feldbreite {width:300px;}
.schrift1 {
	font-size:40px;
	font-weight:bolder;
	color:#393939;
	text-shadow: 1px 1px 1px #AAA;
	text-shadow: 
		1px -1px 0px hsla(0, 0%, 80%, 1),
		2px -2px 0px hsla(0, 0%, 70%, 1),
		3px -3px 0px hsla(0, 0%, 60%, 1),
		4px -4px 0px hsla(0, 0%, 50%, 1),
		5px -5px 0px hsla(0, 0%, 40%, 1);
}
.schrift2 {
	font-size:20px;
	font-weight:bold;
	 color:#FDFDFD;
}
.schrift3 {
	font-size:16px;
	font-weight:bold;
	 color:#FDFDFD;
}

@media (min-width: 1200px) {
body {
	/*background-image: -webkit-linear-gradient(135deg, #242424 0%, #CA6500 100%); 
	background-image: -moz-linear-gradient(135deg, #242424 0%, #CA6500 100%);
	background-image: -o-linear-gradient(135deg, #242424 0%, #CA6500 100%);
	background-image: linear-gradient(135deg, #242424 0%, #CA6500 100%);  */
	background-color:#E20000; 
}
#datumliste_unten, #platzliste_unten {display:none;}

}

@media (max-width: 1200px) {
body {width:400%; height:100%; background-color:#C20000; }
#woche {height:100%; width:100%; transform:scale(1);}
#datumliste_unten {margin-top:0%;}
#infobox1 {float:left; width:23%; margin-left:0%; margin-top:2%; background-color:#C20000;margin-bottom:0.5%; }
#infos_zur_buchung {float:left; width:6%; margin-left:1%; margin-top:3%;background-color:#C20000;}
#infobox2 {float:left; width:22%; margin-left:1%; margin-top:3%;background-color:#C20000;	}
#wochenauswahl {display:none; margin-top:1.5%;  }
#login {float:left; width:37%; font-size:15px; color:#FDFDFD; margin-left:3%; }
.schrift1 {	color:#505050; }
/*.schrift2 {	color:#4B4B4B; }*/
#buchen_mitglied, #buchen_admin, #keine_doppelte_buchung  {margin-top:0%;margin-left:0%; padding:5%; width:90%; height:60%;  position:fixed;  }
#buchen_mitglied, #stornieren_einzeleintrag, #stornieren_wocheneintrag {height:40%;}
#login_falsch, #stornieren_einzeleintrag, #stornieren_wocheneintrag {margin-top:0%; margin-left:0%; padding:5%; width:90%; height:30%;  position:fixed;  }
#registrierung_ok, #registrierung_fehler, #fehlermitteilung_bestaetigen  {margin-top:0%;margin-left:0%; padding:5%; width:90%; height:40%; font-size:16px;}	
#registrieren, #registrieren_datenschutz, #anmelden {
margin-top:0%;
margin-left:0%;
width:90%;
height:70%;
background-color:#ffffd2;
font-size:16px;
padding:5%;
}
input[type=password] { font-size:14px; padding:0.5%; width:5%;}
input[type=email] {  padding:0.5%; width:5%;}
.registrieren_feldbreite {width:100%;}

table {background-color:#C20000;}
#stunde_belegt_kurz {	background-color:#C20000;   color:#E4E4E4;  }
#stunde_belegt_lang {	background-color:#C20000;	color:#E4E4E4;  }
.button_formular {margin-right:0%;	font-size:14px; padding:2px;}
.button_formular2 {margin-right:0%;	font-size:14px;}
.button_formular3 {margin-right:0%;	font-size:56px;}
#buchungsregeln {font-size:45px; color:#FFF; padding:2%; width:32%;}
#zeitraum {height:30px;font-size:16px;  }


}