body{
text-align:center;
background:#fefefe;
font-family: Verdana, 'Lucida Sans Unicode', serif;
max-height:760px
} 

/*Verhindern, dass die Elemente für Interaktion in jedem Browser anders angezeigt werden*/
textarea,
input[type="text"],
input[type="button"],
input[type="checkbox"],
input[type="submit"],
input[type="date"] {
-webkit-appearance: none;
appearance: none;
border-radius:0;
margin:0px;
}

.abstand{width:90%;margin-left:5%}
.rahmendiv{background:#fefefe;text-align:center;border:1px solid #aaa;padding:20px 0px;border-radius:0px;}
.platzoben{margin-top:50px;}

#version{
text-align:left;
font-size:10px;
color:#dedede;
}
#version span{color:#fefefe}

.rahmen{
background:#fefefe;border:1px solid #aaa;padding:0px 0px;border-radius:0px;    
}

#menu{
float:left;
position:relative;
height:100%;
width:25%;
}

.menpkt{
margin:5px 10%;
padding:8px 0;
border:1px solid #aaa;
text-align:center;
width:80%;
}  

.menpkt.innen{
margin:5px 0;
width:40%
}

.menpkt.inaktiv{
cursor:default;
background-color:#fefefe;
box-shadow:none;
}

.inaktiv{
color:#aaa;    
}

.tabtage{
display:table;
table-layout: fixed;
width:100%;
border-collapse: separate;
border-spacing: 2px;
}

.tabtagezeile{
display:table-row;
    
}
.tabtagezelle{
display:table-cell;
width:20%;
font-size:0.7em;    
}

.sfcont{
width:80%;
padding:0 10%;
}

.unten{
position:absolute;
bottom:4px;
}

.unten4{
bottom:188px;
}
.unten3{
bottom:142px;    
}
.unten2{
bottom:96px;
}
.unten1{
bottom:50px;
}

.oben{
margin:0px;
padding:10px 0;
width:auto;
overflow:hidden;
}

.aktmenpkt,.aktmenpktunten{
background-color:rgba(180,180,180,0.3);
}

.menpkt:hover,.maus:hover,.tabelle tr.maus:hover{
cursor:pointer;
background-color:rgba(180,180,180,0.3);
box-shadow:0px 0px 1px 1px rgba(50,50,50,0.1);
}

#btnspeichern{
margin:0 10%;
}

#menuinhaltoben{
overflow-y:auto;
}
#hilfetext{
text-align:left;
padding:0px;
font-size:0.7em;
}

#hilfetext p{
margin:6px;
}

#hilfetext ul{
margin-top:6px;
margin-left:16px; 
padding-left:6px;
}
    
#inhalt{
float:right;
width:73%;
height:100%;
font-size:0.9em;
}

#frmtable{
table-layout:fixed;
border-collapse:separate;
border-spacing: 0px 0px;
width:100%;
min-width:200px;
}

#frmtable td{
width:50%;
}

.sortieren{background-image:url('sortieren.png');background-repeat:no-repeat;background-position:right 2px bottom;cursor:pointer;}

#i2s,#i2k{
width:100%;
}

input{
font-size:0.9em;
height:32px;
width:100%;
box-sizing: border-box;
border:1px solid #aaa;
background-color:#fefefe;
color:#333
}
input[type=date]{cursor:pointer;}
.inputleer{
border-color:#c30
}
.sfunten{
border:none;
cursor:pointer;
background-color:transparent;
margin:-8px 0 !important;
font-family: Verdana, 'Lucida Sans Unicode', serif;
font-size: 16px;
color: #000;
}

#tabinhalt{
margin-top:-1px;
overflow-y:auto;
}

#tabschueler{
opacity:0;
transition: opacity 0.2s linear;
}

.tabelle{border-collapse:collapse;background:#fefefe;width:100%;padding:0px;}
.tabelle tr:nth-child(2n+2){background-color:rgba(180,180,180,0.1);}

.tabelle td{border:1px solid #aaa;padding:6px 3px;border-radius:0px;}

#tabkopf{border:1px solid #aaa;}
#tabkopf td{padding:6px 3px;background-color:rgba(180,180,180,0.3);border:none;text-align:left}

.links{text-align:left;}
.zentriert{text-align:center !important;}

.btntab{
position:absolute;
bottom:0px;
table-layout:fixed;
width:100%;    
border-spacing:0px;
}
.btntab td{width:50%}

#frmdiv{
position:relative;
float:left;
width:59%;
height:100%;
text-align:left;
}
#frmSchueler{
float:left;
width:66%;
margin-top:20px;
}

.frmlabel{
font-size:0.7em;  
padding-top:10px;
}

#buttons{
float:right;
width:30%;
opacity:0;
transition: opacity 0.2s linear;
}

#vorgaben{
float:right;
width:39%;
height:100%;
}

#vorgaben div{
width:100%;
height:100%;
overflow-y:auto;
}

#tabVorgaben{
table-layout:fixed;
width:100%;
border:none;
opacity:0;
border-collapse:collapse;
transition: opacity 0.2s linear;
}

#tabVorgaben td{
height:28px;
width:100%;
text-align:center;
border-bottom:1px solid #aaa;
}

#tabVorgaben tr:nth-child(2n+2){
background-color:rgba(180,180,180,0.1);
}

#tabVorgaben td:hover{
cursor:pointer;
background-color:rgba(180,180,180,0.3);
box-shadow:0px 0px 1px 1px rgba(50,50,50,0.1);
}

/*Dialog zum Löschen*/
.blende{
position:absolute;
z-index:1;
display:none;
top:0px;
bottom:0px;
left:0px;
right:0px;
width:100%;
height:100%;
background-color:rgba(230,230,230,0.15);
}
.blendediv{
position:relative;
z-index:2;
background-color:#fefefe;
border: 2px solid #aaa;
border-radius:0px;
padding:10px;
box-shadow:0px 0px 20px -1px rgba(50,50,50,0.75);
}
#loealert{
top:50%;
width:70%;
min-width:400px;
max-width:700px;
margin-top:-200px;
margin-left:auto;
margin-right:auto
}
.auswahl div{
text-align:center;
padding:7px;
cursor:pointer;
border:1px solid #aaa;
border-radius:0px;
background-color:#efefef;
}
.sftab{
table-layout:fixed;
width:80%;
margin:20px 10%;
}
.sftab td{
padding:0px 10px;
}