a
{
	text-decoration:none;
	color:inherit;
}
.action img
{
	width:20px;
}
body
{
	font-family: Arial;
    font-size: 0.8em;
	background-color: lightgray;
}
#hinweise
{
	overflow-y:auto;
	max-height:60px;
}
#loginFehler
{
	color:red;
}
.white
{
	background:lightgrey !important;
}
.noborder
{
	border: none !important;
}
.line>input, .line>select
{
	width: 160px;
}
.line>span
{
	width:120px;
	display:inline-block;
}
.line
{
	margin-bottom:10px;
}
tr.leer
{
	height:12px;
	background:lightgrey !important;
}
tr.leer>td
{
	height:12px;
	background:lightgrey !important;
	border-left: none !important;
	border-right: none !important;
}
.ausgelastet
{
	background-color:#f58686 !important;
}
.center 
{
    align-content: center;
    align-self: center;
    align-items: center;
    text-align: center;
}
.maxWidth
{
	width:100%;
	position:relative;
}
#navi
{
	position:absolute;
	width:170px;
	left:0px;
	top:0px;
	bottom:0px;
	padding-top:35px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
    background-color: #484848;
	overflow-y: auto;
}
#navi .punkt
{
	margin-bottom:15px;
}
#navi .punkt>a
{
	position:relative;
	width:100%;
	display:inline-block;
	height: 20px;
	color: #fff !important;
    font-size: 1em !important;
	padding-left: 0px;
	transition:all 1s;	

}
#navi .punkt.active>a
{
	background-color: #212121;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 10px;
	-webkit-box-shadow: inset 10px 10px 5px -6px rgba(0,0,0,0.79);
	-moz-box-shadow: inset 10px 10px 5px -6px rgba(0,0,0,0.79);
	box-shadow: inset 10px 10px 5px -6px rgba(0,0,0,0.79);

}
#navi .punkt>.unterpunkt
{
	margin-bottom:0px;
}
#navi .punkt>.unterpunkt>a
{
	margin-top:15px;
	margin-left:10px;
	margin-bottom:0px;
}

#navi .punkt>.unterpunkt>a:hover
{
	background-color:darkgrey;
}

#navi .punkt.oberpunkt>span
{
	color:#fff;
	font-weight: bold;
	border-bottom: solid 1px #fff;
}
#content_container
{
	position:absolute;
	width:auto;
	height:auto;
	left:210px;
	top:0px;
	bottom:0px;
	right:0px;
}
#content
{
	position:absolute;
	width:auto;
	height:auto;
	left:0px;
	top:10px;
	bottom:10px;
	right:10px;
	overflow:auto;
}
.EB-kind:hover>div
{
	background-color:#c8ecc4 !important;
}
.EB-kind:nth-child(even)>div
{
	background-color:#6db165;
}
.EB-kind:nth-child(odd)>div
{
	background-color:#96c691;
}
.EB-kind>div
{
	padding:5px;
	/* margin:3px; */
}

/* Tabellen */
/* Es dürfen keine zeichen zwischen den div elementen sein! (Kommentare sind ok) */
.tabelle.liste h4
{
	margin:0px;
}

.tabelle>div>div
{
	display: inline-block;
	padding:3px;
	position:relative;
}
.tabelle>div
{
	position:relative;
}
.tabelle
{
	position:relative;
}

.tabelle>div>div:first-child:nth-last-child(1)
{
	width:100%;
}
.tabelle>div>div:first-child:nth-last-child(2),
.tabelle>div>div:first-child:nth-last-child(2) ~ div
{
	width:calc(50% - 8px);
}
.tabelle>div>div:first-child:nth-last-child(3),
.tabelle>div>div:first-child:nth-last-child(3) ~ div
{
	width:calc(33.3333% - 6px);
}
.tabelle>div>div:first-child:nth-last-child(4),
.tabelle>div>div:first-child:nth-last-child(4) ~ div
{
	width:calc(25% - 6px);
}
.tabelle>div>div:first-child:nth-last-child(5),
.tabelle>div>div:first-child:nth-last-child(5) ~ div
{
	width:calc(20% - 6px);
}

.tabelle.border>div>div
{

}
.tabelle.border>div>div:first-child:nth-last-child(1)
{
	width:100%;
	border-right:1px solid black !important;
	border-bottom:1px solid black !important;
}
.tabelle.border>div>div:first-child:nth-last-child(2),
.tabelle.border>div>div:first-child:nth-last-child(2) ~ div
{
	width:calc(50% - 8px);
}
.tabelle.border>div>div:first-child:nth-last-child(3),
.tabelle.border>div>div:first-child:nth-last-child(3) ~ div
{
	width:calc(33.3333% - 8px);
}
.tabelle.border>div>div:first-child:nth-last-child(4),
.tabelle.border>div>div:first-child:nth-last-child(4) ~ div
{
	width:calc(25% - 8px);
}
.tabelle.border>div>div:first-child:nth-last-child(5),
.tabelle.border>div>div:first-child:nth-last-child(5) ~ div
{
	width:calc(20% - 8px);
}

.tabelle.border>div>div:last-child:nth-last-child(2) ~ div:last-child
{
	border-right:1px solid black !important;
}
.tabelle.border>div>div:last-child:nth-last-child(3) ~ div:last-child
{
	border-right:1px solid black !important;
}
.tabelle.border>div>div:last-child:nth-last-child(4) ~ div:last-child
{
	border-right:1px solid black !important;
}
.tabelle.border>div>div:first-child:nth-last-child(5) ~ div:last-child
{
	border-right:1px solid black !important;
}
.tabelle.border>div>div:last-child
{
}
.tabelle.border>div ~ div:last-child >div
{

}

.mittagessenTabelle tbody td
{
	border: none !important;
}

.liste
{
	border-spacing: 0px;
	border-collapse: collapse;
	font-size:1em;
}
.liste>thead>tr>th, .liste>thead>tr>td
{
	background-color:#64c158;
	text-align:left;
	padding:5px;
}
.liste>tbody>tr>td
{
	border:0.01em Solid #cacaca ;
	padding:5px;
}

#EBListe.liste>tbody>tr>td
{
	border-left:none ;
	border-right:none ;
	
}

.liste>tbody>tr
{
	transition:all 0.7s;
}

.liste>tbody>tr>th
{
	border:0.01em Solid black;
	padding:5px;
}
.liste>tbody>tr:nth-child(even)
{
	background-color:#d4e0d2;
}
.liste>tbody>tr:nth-child(odd)
{
	background-color:#eaeaea;
}
.liste>tbody>tr:hover
{
    background-color: #a1ca9c !important
}
.hell
{
	background-color:#eaeaea !important;
}
.dunkel
{
	background-color:#d4e0d2 !important;
}
.liste>div.headline
{
	background-color:#64c158;
}
.liste>div:not(.headline):nth-child(even)
{
	background-color:#d4e0d2;
}
.liste>div:not(.headline):nth-child(odd)
{
	background-color:#eaeaea;
}
.liste>div:not(.headline):hover
{
	background-color:#c8ecc4  !important;
}
/* Tabellen */

/* Kinder */
#infoKind>h3
{
	margin-left:4px;
}

#infoKind
{
	background-color:rgb(212, 224, 210);
	padding-left:5px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:10px;
	margin-top:15px;
}
#infoEB
{
	background-color:rgb(212, 224, 210);
	padding-left:9px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:10px;
	margin-top:15px;
}
#infoZeiten
{
	background-color:rgb(212, 224, 210);
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:10px;
	margin-top:15px;
	position: relative;
	z-index: 102;
}
#zusatzInfo
{
	background-color:rgb(212, 224, 210);
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:10px;
	margin-top:15px;
}
#kinderListe
{
	max-height:calc(100% - 200px);
	width:100%;
	top:10px;
	/* position: relative; */
}
#mask
{
	height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    background-color: rgba(230, 230, 230, 0.7);
    z-index: 50;
}
#kind-neu
{
	overflow:auto;
	min-width:600px;
	max-height: 60vh;
    max-width: 60vw;
	padding-bottom:20px;
	padding-right:10px;
}
#kinder-neu-Zusatzzeiten
{
	border-spacing: 0px;
}
#kinder-neu-Zusatzzeiten, #kinder-neu-Zusatzzeiten>tbody>tr>td, #kinder-neu-Zusatzzeiten>thead>tr>th
{
	border: 0.01em solid black !important;
}
#kinder-neu-Zusatzzeiten td, #kinder-neu-Zusatzzeiten th
{
	padding:5px;
}
#kinder-neu-Zusatzzeiten>tbody
{
	text-align: center;
}
#kinder-neu-kind
{
	border-spacing: 5px;
	width:100%;
}
#kinder-neu-erziehungsberechtigte>tbody>tr>td
{
	/* font-size: 0.8em; */
    vertical-align: top;
}
#kinder-neu-kind>tbody>tr>td:first-child
{
	width:300px;
	/* font-size: 0.8em; */
    vertical-align: top;
}
#kinder-neu-kind input.single, #kinder-neu-kind select.single
{
	width:320px;
}
#kinder-neu-kind input.plz
{
	width:120px;
}
#kinder-neu-kind input.ort
{
	margin-left:10px;
	width:190px;
}
#kinder-neu-kind textarea
{
	width:320px;
	resize:none;
	padding:1px;
}
#kinder-neu-kind .space
{
	width:40px;
}
#kinder-neu-kind, #kinder-neu-kind>tbody>tr>td, #kinder-neu-kind>thead>tr>th
{
	/* border: 0.01em solid black !important; */
}
#kinder-neu-erziehungsberechtigte
{
	border-spacing: 2px;
}
#kinder-neu-erziehungsberechtigte, #kinder-neu-erziehungsberechtigte>tbody>tr>td, #kinder-neu-erziehungsberechtigte>thead>tr>th
{
	/* border: 0.01em solid black !important; */
}
#kinder-neu-erziehungsberechtigte input.single
{
	width:260px;
}
#kinder-neu-erziehungsberechtigte input.plz
{
	width:90px;
}
#kinder-neu-erziehungsberechtigte input.ort
{
	margin-left:10px;
	width:160px;
}
#kinder-neu-erziehungsberechtigte input.span
{
	width:180px;
	margin-bottom:5px;
}
#kinder-neu-erziehungsberechtigte span
{
	width:80px;
	display: inline-block;
}
#kinder-neu-Zusatzinfo 
{
	
}
#kinder-neu-Zusatzinfo .line>input,#kinder-neu-Zusatzinfo .line>select
{
	width: 140px;
}
#kinder-neu-Zusatzinfo .line>span
{
	width:120px;
	display:inline-block;
}
#kinder-neu-Zusatzinfo .line
{
	margin-bottom:10px;
}
#kinder-neu-Zusatzinfo .kind_bemerkung
{
	resize:none;
	width:500px;
}
#kinder-neu-bereichErziehungsberechtigte
{
	margin-bottom:50px;
}
#kinder-neu-bereichErziehungsberechtigte span
{
	width:350px;
	display:inline-block;
}
#kinder-neu-bereichErziehungsberechtigte input[type=select],#kinder-neu-bereichErziehungsberechtigte input[type=text]
{
	width:160px;
	display:inline-block;
}
#kinder-neu-bestehendeErziehungsberechtigte span
{
	width:130px;
}
#kinder-neu-neueErziehungsberechtigte span
{
	width:130px;
}

/* Kinder */


/* Gruppen */

#Gruppenansicht
{
	position: absolute;
    width: 100%;
    /* top: 60px; */
    bottom: 0px;
	min-width:720px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-direction: column;
}
.tabContentContainer
{
	position: relative;
    margin-top: 5px;
    bottom: 0px;
    left: 0px;
    right: 0px;
	flex-grow: 1;
	flex: 1;
    overflow: auto;
}
.tabs
{
	background: #548e4d;
    /* padding-top: 7px; */
    padding-bottom: 5px;
}
.tab
{
	background: #64c158;
    padding: 5px;
    margin: 5px;
	margin-right: 0px;
	display:inline-block;
	margin-bottom: 0px;
}
.tab.selected, .tab:hover
{
	background: #96f18a;
}
.tab>span
{
	white-space:nowrap;
}
.tabContent
{
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: relative;
}
.tblfix
{
	table-layout: fixed;
}
.Gruppenliste
{
	width:100%;
	table-layout: fixed;
	/* position: relative; */
}
.Gruppenliste>tbody>tr>td
{

	padding:5px;
}
.Gruppenstatistik
{
	min-width:500px;
	border: none !important;
	/* position: relative; */
}
.Gruppenstatistik>tbody>tr>td
{
	background-color:#96c691;
}
.Gruppenstatistik>tbody>tr>th
{
	background-color:#6db165;
}
.Gruppenliste>tbody>tr.stat>th
{
	border:0.01em Solid black;
} 
.Gruppenliste>tbody>tr.stat>td
{
	background-color:#96c691;
}
.statkrippe > th:not(.white) {
    background-color: #72946e !important;
}
.statkrippe > td:not(.white) {
    background-color: #8ba788
}
.hinweis
{
	color:#e20000;
	margin-bottom:5px;
	margin-right:20px;
	white-space:nowrap;
	line-height:15px;
	float:left;
}
#hinweise
{
	overflow:auto;
}
/* Gruppen */
#eb-neu
{
    overflow: auto;
    /* min-width: 600px; */
    max-height: 60vh;
    max-width: 60vw;
    padding: 20px;
}
#uebersichtStatistik {
    position: absolute;
    left: 520px;
}
#Geburtstagsanzeige
{
	font-size:1.2em;
	width:500px;
}
#edit-gebuehr
{
	width:450px;
}
#edit-kitas
{
	width:450px;
}

.dokumenteItem
{
	width:130px;
	height:130px;
	display:inline-block;
	border:1px solid #b7b7b7;
	margin-right:5px;
	margin-top:0px;
	top:0px;
	float: left;
}
.dokumenteItem>div>div
{
	padding:0px !important;
	padding-top:3px;
}
#mittagessenTabellen
{
	display:flex;
}
#mittagessenTabellen>div:not(:first-child)
{
	margin-left:10px;
}
#mittagessenTabellen>div>h4
{
	width: 100%;
    text-align: center;
}
#uebersichtKinderNachZeiten
{
	position: absolute;
    left: 520px;
    top: 150px;
}
#uebersichtFreiePlaetze {
    position: absolute;
    left: 500px;
    top: 150px;
}
.FixedTableHead p { padding:0px;margin:0px;word-wrap: break-word; }
.FixedTableWrapper {
	position:relative;
	padding:0px;
	/* background:#64c158; */
	border-top:1px solid #64c158;
	border-left: 0px !important;
	border-top-width:50px;
	display:inline-block;
}
.fixedHeadContainer {
	overflow-y: auto;
    overflow-x: hidden;
	border-left:1px solid #cacaca;
	border-top:1px solid #cacaca;
}
.FixedTableHead {
	margin:0 0 0 -1px;
	border-collapse:collapse;
}
.FixedTableHead td {
	border:1px solid #000;
}
.FixedTableHead tfoot th, .FixedTableHead thead th {
	border:1px solid #000;
	color:#000;
	padding:0px !important;
}
.FixedTableHead thead th { border:none !important; }
.FixedTableHead thead tr div {
	position:absolute;
	top:-24px;
}
.FixedTableHead thead tr .colspan, thead tr i {
	position:absolute;
	top:-44px;
}
.FixedTableHead .top th {
	text-align:left;
	border-right:1px solid black;
}
.FixedTableHead .bottom th {
	text-align:center;
	background:#f5f5f5;
	color:#000;
}
.FixedTableHead .top b { float:right }
.search
{
	width:100%;
}

.startlogo
{
    top: 30px;
    position: relative;
    left: 5px;
}

.frueh1
{
	background-color: antiquewhite;
}

.frueh2
{
	background-color: #a4c2c3;
}

.spaet1
{
	background-color: aliceblue;
}

.spaet2
{
	background-color: #d4c0c0;
}

.spaet3
{
	background-color: khaki;
}

/* LOGIN */

#login
{
    position: relative;
    height: 17vh;
	min-height:305px;
	width: 49vh;
	min-width:425px;
    top: 15vh;
    background-color: white;
	-webkit-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.31);
    box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.31);

    margin-left: auto;
    margin-right: auto;
    border: 1px #6f6f6f solid;
    border-radius: 5px;
    padding-top: 40px;
    padding-left: 40px;
}

.benutzer_passwort
{
	margin-bottom: 30px;	
    font-size: 18px;
    font-weight: bold
}

.benutzer_passwort span

{
	margin-right:10px;
}

.benutzer_passwort input
{
height: 30px;
    width: 87%;
    font-size: 18px;
    padding-left: 16px;
	border-radius: 3px;
}

#login .loginbutton
{
height: 35px;
    width: 91%;
    background-color: #419c18;
    border: none;
    font-size: 18px;
    font-weight: bold;
    color: white;
    border-radius: 3px;
	transition: all .75s;
	cursor:pointer;
}

#login .loginbutton:hover
{
	background-color:#58e418;
}

.proKita
{
	background-image: url(../images/proKita.gif);
    background-repeat: no-repeat;
    background-size: contain;
    width: 41%;
    height: 70px;
}





@media print
{
	#content_container
	{
		left:10px !important;
	}
	#navi,input,select,textarea,button
	{
		display:none !important;
	}
	#content, .tabcontent
	{
		overflow: visible !important;
	}
	#kinderListe tr>td:last-child,#kinderListe tr>th:last-child,#EBListe tr>td:last-child,#EBListe tr>th:last-child,.Gruppenliste tr>td:last-child,.Gruppenliste tr>th:last-child
	{
		display:none !important;
	}
	.tab:not(.selected)
	{
		 display:none !important;
	}
	.tab.selected
	{
		left:0px !important;
		margin-left:0px !important;
		font-weight:bold !important;
		font-size:1.4em !important;
	}
}