#farbTon{
padding:10px;
float:left;
}
#farben{
padding:10px;
float:left;
}

.farbeEinzel{
margin:0 0 2px 0;
width:260px;
height:20px;
text-align:center;
padding-right:10px;
}
.farbtonEinzel{
margin:0 0 8px 0;
width:260px;
height:20px;
text-align:center;
padding-right:10px;
border:solid 2px yellow;
cursor:pointer;
}
.farbtonEinzel:hover{
border:solid 2px red;
}



/*
background-color:red;

*/
#seiteInhalt{
}

#seite_titelleiste{
border-bottom: solid 3px #00A3F0;
height:24px;
}

#seiteName{
font-size:14px;
font-weight:bold;

}

.seiteNeuerAbs{
float:right;
height: 20px;
width:200px;
box-shadow: inset 0px 0px 12px 0px #000000;
border-radius:32px 0px 0px 0px; 
text-align:center;
padding:6px 0px 0px 18px;
font-weight:bold;
}

#seiteNeuerAbs:hover{
background-color:#0080C0;
color:#fff;
}

.seite_abschnitte{
padding:4px 4px 4px 0px;
height:67.6vh;
overflow-y:scroll;

}

/*
height:300px;

background-color:gray;

vertical-align:middle;

*/



#abschnitt_1{

}

#abschnitt_1 #titD{
background-color:#D0D0D0;
}
#abschnitt_1 .spA,#abschnitt_1 .spB{
float:left;
}
#abschnitt_1 .spA{
text-align:right;
padding-top:9px;
width:160px;
}
#abschnitt_1 #titel{
width:300px;
}
#abschnitt_1 #pos{
width:40px;
}
#abschnitt_1 .spB{
text-align:right;
padding:2px 0px 2px 8px;
}

#abschnitt_1 #textD{
background-color:#D0D0D0;
margin-top:16px;
padding:10px;
}
#abschnitt_1 #textArea{
width:808px;
height:200px;
margin-top:8px 0 0 8px;
}
#abschnitt_1 .spA,#abschnitt_1 .spB{
float:left;
}
#submitD{
font-weight:900;
float:right;
width:160px;
padding:10px;
text-align: center;
margin:10px 0px 0px 0px;
box-shadow: inset 0px 0px 12px 0px #000000;
border-radius:8px; 

}



/*
background-color:green;
background-color:red; 
background-color:green;
background-color:#808080;
text-align: center;
padding:10px;
margin:6px;
background-color:green;
cursor: pointer;
margin-top:10px;
width: 180px;
background-color:red;





 
*/
#inhalt{
float:left; 
padding:20px 20px 20px 20px;
width:81vw;
height:76vh;
overflow:auto;
}

/*
background-color: orange;
overflow-y:scroll;
width:882px;
height:500px;


border: solid 1px red;

*/





#unterPunkt{
background-color: #9DDFFF;
padding:6px;
font-weight:bold;
}


#unterPunkt .sp1{
text-align: right;
width: 180px;
float:left;
font-weight:bold;
padding:4px 6px 0 0;
}
#unterPunkt .sp2{
float:left;
font-weight:bold;
padding-bottom: 10px;
}

#unterPunkt .pos{
width:40px;
}
#unterPunkt .titel{
width:320px;
}


/*
padding:6px;

background-color: gray;

*/

#navigation{
width:114px;
height:500px;
float:left;
background-color:#ECF9FF;

}

.subpunkt{
float:left;
margin:0px 4px 0px 0px;
padding:0px 8px 0px 8px;
width:140px;
height:20px;
text-align: center;
box-shadow: inset 0px 0px 12px 0px #000000;
border-radius:32px 6px 6px 6px; 

}

/*

box-shadow: inset 0px 0px 12px 0px #000000;


border: solid 1px red;

*/
.absEinzel{
margin-bottom:12px;
border-radius:3px;
box-shadow: inset 0px 0px 12px 0px #000000;

}

.absTitel{
padding:6px;
font-weight:bold;
text-align:center;
}

.absText{
padding:8px;

white-space:pre-wrap;

}

.absKopf{
border-radius:3px;
box-shadow: inset 0px 0px 12px 0px #000000;
color:#585858;
font-weight:900;
padding:6px;
}
.absKopf .pos{
float:left;
margin:5px 0px 0px 18px;
}
.absKopf .aendern{
}
.absKopf .loeschen,.absKopf .aendern{
float:right;
margin:0px 20px 0px 0px;
padding:4px 18px 4px 18px;
border-radius:3px;
box-shadow: inset 0px 0px 12px 0px #000000;

}
.absKopf .aktiv{
float:right;
padding:4px 0px 0px 0px;

}
.absKopf .absAktiv{
float:right;
margin:1px 20px 0px 8px;
padding:1px 2px 0px 2px;
border-radius:3px;
box-shadow: inset 0px 0px 12px 0px #000000;

}


/*
border: solid 3px #0080C0;
background-color:#9DDFFF;

color:#0080C0;

white-space:pre-wrap;
white-space:pre;

overflow:none;

overflow-wrap: normal;

white-space:pre;


 
*/
.am_punkt{
text-align: center;
width:110px;
height:22px;
margin-bottom:2px;
border-radius:8px;
font-weight:900;
display:table; 
box-shadow: inset 0px 0px 8px 0px #000000;
}

.am_punkt a{
vertical-align: middle;
display: table-cell;
}


/*
-webkit-box-shadow: inset 0px 0px 26px 7px #000000; 
border:solid 2px;

display:table;


*/

body{
margin:0px 2px 0px 6px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;

}

a{
text-decoration: none;
color:#999;
}
a:hover{
color:#0080C0;
}
.c{
clear:both;
height:1px;
}
textarea,input,select{
background-color:#ECF9FF;

}


/*
display:flow-root;
background-color: #E0E0E0;
-webkit-box-shadow: inset 0px 0px 26px 7px #000000; 
display:table;

:root {
--fa00:#fff;
--#0080C0:#0076EC;
--#00A3F0:#00458A;
--#33BDFF:#64B1FF;
--#6FD0FF:#93C9FF;

--#000000:0;
--#585858:#F0F0F0;
--#808080:#D0D0D0;
--#C0C0C0:#969696;

--pic:200px;
}
background-color: var(--#0080C0);
*/
#menue_struktur .seite{
padding:0px 0px 6px 4px;
font-weight:bold;
vertical-align: middle;
margin:4px 0px 4px 6px;
float:left;
}
#menue_struktur .seite:hover{
background-color: #ECF9FF;
}
#menue_struktur .seiteUnterpunkt{
padding:0px 0px 6px 14px;
font-weight:bold;
vertical-align: middle;
margin-top:0px;
}
#menue_struktur .seiteUnterpunkt:hover{
background-color: #C4ECFF;
}

.seite span:hover{
color:#0080C0;
cursor:pointer;
}

#menue_struktur .seite img{
padding:0px 6px 0 0;

}
#menue_struktur .seite span{
padding-top:4px;

width:524px;
height:20px;
display:block;
float:left;

}
#menue_struktur .seiteUnterpunkt span{
margin-left:10px;
width:500px;
display:block;
}
.subBut{
float:left;
padding:4px 0px 0px 0px;
font-weight:900;
vertical-align: middle;
margin:4px 0px 4px 0px;
width:20px;
cursor: pointer;
}
.subButAus{
float:left;
padding:4px 0px 0px 0px;
font-weight:900;
vertical-align: middle;
margin:4px 0px 4px 0px;
width:20px;
}

/*
background-color: #C4ECFF;
background-color: #9DDFFF;
height:20px;
background-color: gray;
padding-top:20px;

*/

#titelleiste{
border:solid 0px blue;
border-radius:8px;
font-weight:900;
display:table; 
width:96vw;
background-color:#ECF9FF;
}
#titelleiste #logo{
width:128px;
text-align: center;
font-weight:900;
display:table; 
float:left;
}
#titelleiste #logoPic{
margin:2px 0 0px 0;
height:90px;
border:solid 0px green;
}
#titelleiste #links{
font-size:36px;
height:48px;
font-weight:900;
display:table; 
float:left;
border:solid 0px #FFFF80;
margin-left: 10px;
}

#titelleiste #schrift{
color:#0001BE;
text-shadow: 3px 3px 2px #585858;
}

#titelleiste #rechts{
height:44px;
width:86%;
display:table; 
padding:6px 0px 0 0;
text-align:right;
float:left;
border:solid 0px #FF80FF;
}

#titelleiste #text{
height:44px;
margin-bottom:2px;
display:table; 
padding:6px 6px 0 0;
text-align:right;
float:right;
border:solid 0px #008000;
}
#titelleiste #subPunkte{
height:24px;
display:table; 
padding:6px 6px 0 0;
float:left;
border:solid 0px #800000;
}

/*
font-weight:900;
font-size:36px;
display:table;
text-align:center;


*/


.bereichInhalt{
}

.bereichTitel{
height:24px;
font-weight:bold;
margin-bottom:10px;
border-bottom:solid 5px #0080C0;
}
.bereichName{
float:left;
font-size:16px;
}

.abbrechenSprung{
float:right;
text-align:center;
font-weight:bold;
cursor:pointer;
box-shadow: inset 0px 0px 12px 0px #000000;
height:20px;
width:80px;
margin-left:10px;
padding:10px 0px 0px 0px;
}

.knopf{
background-color:#6FD0FF;
cursor:pointer;
padding:6px 0px 0px 0px;
}
.knopf:hover{
background-color:#0080C0;
color:#FFFFFF;
}


/*
vertical-align: middle;



*/
.absTyp{
margin-top:10px;

}

.absTyp #text{
text-align: center;
padding:10px;
}


.absTypEinzel{
float:left;
margin:6px;
background-color:green;
cursor: pointer;
}

/*
width: 180px;
background-color:blue;
background-color:red;





 
*/