body {
    
    background-color: lightgrey;
}

p {
    
/*
    font-family: arial, sans-serif;
    font-size: 3em;
    display: block;
*/
    
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    
}



/*
::-webkit-scrollbar the scrollbar.
::-webkit-scrollbar-button the buttons on the scrollbar (arrows pointing upwards and downwards).
::-webkit-scrollbar-thumb the draggable scrolling handle.
::-webkit-scrollbar-track the track (progress bar) of the scrollbar.
::-webkit-scrollbar-track-piece the track (progress bar) NOT covered by the handle.
::-webkit-scrollbar-corner the bottom corner of the scrollbar, where both horizontal and vertical scrollbars meet.
::-webkit-resizer the draggable resizing handle that appears at the bottom corner of some elements.
*/

::-webkit-scrollbar-track {
    
    background: transparent;
}

::-webkit-scrollbar-track-piece {
    
    display: none;
    background: green;
}
::-webkit-scrollbar {
    
    
    background: transparent;
}

::-webkit-scrollbar-corner {
    display: none;
    
}

::-webkit-scrollbar-thumb {
    
    background: darkgrey;
    border-radius: 1em;
}

.ChNo_Alles {
    
/*
    border-width: 0.2em;
    border-style: solid;
    border-color: black;
    
*/
}

.ChNo_GeHeMenu {
    
    
    border: none;
    background-color: transparent;
    color: transparent;
}

.ChNo_GeHeMenu:hover {
    
    color: black;
    background-color: white;
}


.ChNo_Kopf p#ChNo_Titel {
    
    width: 12em;
    margin: 0em auto 1em auto;
    font-family: arial, sans-serif;
    font-size: 3em;
    display: block;
    
    
}

.ChNo_Kopf p#ChNo_BesucherZaeh {
    
    width: 13em;
    font-size: 2em;
    font-family: arial, sans-serif;
    margin: 0em auto 0.5em auto;
}

.ChNo_Witz {
    
    display: flex;
    flex-direction: column;
    width: 26em;
    height: 25em;

    background-image: url(../Bilder/Sprechblase1_FERTIG.png);
    background-repeat: no-repeat;
    background-size: contain;
    
}

.ChNo_Witz p#DerWitz {
   
    font-family: arial, sans-serif;
    font-size: 1em;
    display: block;
    width: 22em;
    height: 9.5em;
    margin: 2em 0 0em 2em;
    overflow: scroll;
}

.ChNo_BewIcUndWitzeZaeh {
    
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.ChNo_BewIcoHis {
    
    width: 1.5em;
    height: 1.5em;
    margin: 0em 0.5em 0em 0em;
    
}
.ChNo_Witz p#WitzeAnzahl {
   
    font-family: arial, sans-serif;
    font-size: 1em;
    display: block;
    width: 9em;
    height: 2em;
    margin: 0.2em 1em 0em 0em;
    
}


.ChNo_Bild_Bild {
    
    display: block;
    height: 18em;
    width: auto;
    margin: 5em 1em 0 0;
}


.ChNo_Witz p#ChNo_DankFuerBew {
    
   font-family: arial, sans-serif;
   font-size: 1em;
   display: block;
   margin: 2em 0em 0em 6em;
}


.ChNo_BildUndWitz {
    
    display: flex;
    flex-direction: row;
    width: 46em;
    margin: 0 auto;

}

.ChNo_BewButtonForm {
    
    display: flex;
    flex-direction: row;
    margin: 3em 0em 0em 5em;
}

.ChNo_BewButtonForm p#ChNo_BewertungFrage {
    
    font-family: arial, sans-serif;
    font-size: 1em;
    
}

.ChNo_BewButtonForm button {
    
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 5em;
    height: 5em;
}

.ChNo_AudKontr {
    
    margin: 0em 0em 0 6em;
    height: 2em;
}

.ChNo_BewButIco {
    
    display: block;
    width: 4em;
    height: 4em;
}




.ChNo_Knoepfe button{
    
    width: 10em;
    height: 10em;
    border: none;
}
   
.ChNo_Knoepfe button#ChNo_NeuWitz {
    

    background-image: url(../Bilder/NeuerWitzUngedrueckt.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    margin: 21em 0em 0em 0em;
    
}

.ChNo_Knoepfe button#ChNo_NeuWitz:active {
    
    background-image: url(../Bilder/NeuerWitzgedrueckt.png);
    background-repeat: no-repeat;
    background-size: contain;
    
}

/***********       ChNoAd.php                          ***********/

.ChNoA_Alles {
    width: 64em;
    height: 30em;
    margin: 0 auto;
 
}
.ChNoA_Kopf_Alles {
    background-color: white;
    width: 70em;
    height: 4em;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
        
}

.ChNoA_BeIcoBeTi {
    
    display: flex;
    flex-direction: row;
/*    justify-content: space-between;*/
    
}

.ChNoA_BeIco {
    width: 2em;
    height: 3em;
    margin: 0.6em 0 0 0.6em;
    
}

.ChNoA_BeIco img#ChNoA_BeIcImg_wi{
    width: 2em;
    height: 3em;
    
}

.ChNoA_BeIco img#ChNoA_BeIcImg_St{
    width: 3em;
    height: 3em;
    
}

.ChNoA_BeIco img#ChNoA_BeIcImg_Reg{
    width: 3em;
    height: 3em;
    
}

.ChNoA_BeTit {
    
    
}

.ChNoA_BeTit p#ChNoA_BeTi_p_ID {
    font-size: 1.5em;
    font-family: arial, sans-serif;
    margin: 1em 0 0 1em;
    
}



.ChNoA_BeNa {
    font-size: 1.5em;
    font-family: arial, sans-serif; 
    color: black;
}

.ChNoA_LogOut {
    
    
}

.ChNoA_LogOut_Form {
    
   margin: 0.8em 0.8em 0 0; 
}

.ChNoA_LogOut_Form input#ChNoA_LogoutBut_ID {
    
    background-color: white;
    background-image: url(../Bilder/LogOutIcon.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.5em;
    height: 3.5em;
}



.ChNoA_NavListAlles {
    
    width: 70em;
    margin: 0 auto;
    
}

.ChNoA_NavListForm {
    
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.ChNoA_NavListForm input {
    
    width: 6em;
    height: 2em;
    border-style: solid;
    border-color: gainsboro;
    border-width: 0.01em;
    background-color: white;
    font-family: arial, sans-serif;
    font-size: 1em;
    
}

.ChNoA_NavListForm input:hover {
    
    cursor: pointer;
    
}

.ChNoA_Bereich {
    
    width: 70em;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;

}

.ChNoA_Witze {
    
    
}

.ChNoA_Witze_WrapLinieEins {
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ChNoA_Witze_LinieEins {

    display: flex;
    flex-direction: row;
    
}

.ChNoA_Witze_Suche {
   
    width: 18em;
    background-color: #c7c7c7;
    height: 40em;
    border-radius: 1em 0 1em 1em;
}

.ChNoA_Witze_SucheA {
   
    width: 18em;
    background-color: #c7c7c7;
    max-height: 23em;
    border-radius: 1em 0 0 1em;
}

.ChNoA_WiSuFo {
    
    display: flex;
    flex-direction: row;
    width: 15.2em;
    margin: 1em auto 0 auto;
    
}

.ChNoA_WiSuFo form {
    
    
}

.ChNoA_WiSuFo input{
 
    width: 12em;
    height: 2em;
    margin: 0 0 0 0;
    display: block;
    font-size: 1em;
    padding: 0 0 0 0.3em;
    border: none;
    border-radius: 0.5em 0 0 0.5em;
}

.ChNoA_WiSuFo input#ChNoA_WiSuchBut {
    
    width: 2em;
    height: 2em;
    padding: 0;
    border: none;
    border-radius: 0 0.5em 0.5em 0;
    cursor: pointer;
    background-image: url(../Bilder/LupeMitAuge.png);
    background-size: contain;
}

.ChNoA_WiSuFo button:hover {
    
    border-style: solid;
    border-width: 0.2em;
}




.ChNoA_WiSuBuImg {
    display: block;
    width: 2.4em;
    height: 2.4em;
    border-radius: 0 0.5em 0.5em 0;
    
}

.ChNoA_ErMenge {
    width: 15.2em;
    margin: 0.5em auto 0 auto;
    text-align: center;
    
}

.ChNoA_ErMenge p{
    
    font-size: 1em;
    font-family: arial, sans-serif;
        
    
}

.ChNoA_SuchErg {
    
    max-height: 34em;
    overflow: scroll;
    margin: 0.5em 0 0 0;
}

.ChNoA_SuErLi {
    
    display: flex;
    flex-direction: column;
    margin: 0 auto 0.5em auto;
    width: 15.2em;
}

.ChNoA_SuErLi input#ChNoA_ErWiID_ID {
    width: 6em;
    border-radius: 1em 1em 0 0;
    border-bottom: none;
    padding: 0 0 0 0.5em;
    
}

.ChNoA_SuErLi textarea#ChNoA_ErWitz_ID {
    
    height: 8em;
    border: none;
    text-align: left;
    border-radius: 0 0 1em 1em;
    border-top: 0.2em transparent;
    border-bottom: 0.2em gainsboro;
    border-left: 0.2em #9a9a9a;
    border-right: 0.2em gainsboro;
    border-style: solid;
}

.ChNoA_SuErLi input#ChNoA_ErDetail_ID {
    width: 10em;
    border-radius: 0em 0em 0 0;
    cursor: pointer;
    border-style: solid;
    border-color: transparent;
    background-image:  linear-gradient(to bottom, rgba(214,214,214,1) 0%, rgba(214,214,214,1) 3%, rgba(242,242,242,1) 18%, rgba(158,158,158,1) 83%, rgba(153,153,153,1) 96%, rgba(153,153,153,1) 100%);
    border-radius: 1em;
    margin: 0.2em auto 0 auto;
}

.ChNoA_SuErLi input#ChNoA_ErDetail_ID:hover {
    width: 10em;
    border-radius: 0em 0em 0 0;
    cursor: pointer;
    border-style: solid;
    border-color: transparent;
    background-image:  linear-gradient(to top, rgba(214,214,214,1) 0%, rgba(214,214,214,1) 3%, rgba(242,242,242,1) 18%, rgba(158,158,158,1) 83%, rgba(153,153,153,1) 96%, rgba(153,153,153,1) 100%);
    border-radius: 1em;
    margin: 0.2em auto 0 auto;
}



.ChNoA_Witze_DetailsEins {
    display: flex;
    flex-direction: column;
    width: 18em;
    background-color: #c7c7c7;
    max-height: 23em;
}

.ChNoA_WiDeEi_LiEins {
    display: flex;
    flex-direction: row;
    margin: 1em 0 0 0;
    
    
}

.ChNoA_WiDeEi_LiEins p {
    
    height: 1em;

    margin: 0;
    font-size: 1em;
    
}

.ChNoA_WiDeEi_LiEins p#ChNoA_DeWiID {
    
    text-align: right;
}

.ChNoA_WiDeID {
    
    width: 5.6em;
    height: 2.6em;
    background-color: white;
    border-style: solid;
    border-width: 0.01em;
    border-color: gainsboro;
    padding: 0.2em 0.2em 0.2em 0.2em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}


.ChNoA_WiDeAut {
    
    width: 11.6em;
    height: 2.6em;
    background-color: white;
    border-style: solid;
    border-width: 0.01em;
    border-color: gainsboro;
    padding: 0.2em 0.2em 0.2em 0.2em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ChNoA_WiDeAut p#ChNoA_Label_Aut {
    
    
}

.ChNoA_WiDeAut p#ChNoA_Aut {
    
    text-align: right;
}

.ChNoA_WiDeBew {
    
    width: 6.2em;
    height: 2.8em;
    margin: 1em 0 0 0;
    border-radius: 0 1em 0 0;
    border-style: solid;
    border-color: white;
    border-top-width: 0.2em;
    border-right-width: 0.2em;
    border-bottom-width: 0em;
    border-left-width: 0em;
}

.ChNoA_BewIcon {
    
    display: block;
    width: 2.5em;
    height: 2.5em;
    margin: 0.2em auto 0 auto;
    
}

.ChNoA_WiDeEi_LiZwei {
    
    
}

.ChNoA_WiDeForm {
    
    
}

.ChNoA_WiDeForm textarea {
    
    height: 11em;
    width:100%;
    border-style: solid;
    border-width: 0.01em;
    border-color: gainsboro;
    font-size: 1em;
    padding: 0.3em;
}

.ChNoA_DeAudioContr {
    
    width: 18em;
    height: 2em;
    margin: 0.5em 0 0.5em 0em;
}

.ChNoA_WiDeFoBuAlle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0.5em 0 0.5em 0;
    
}

.ChNoA_WiDeFoBuAlleEins {
    display: flex;
    flex-direction: row;
    
}

.ChNoA_WiDeFoBuZur {
    background-image: url(../Bilder/Pfeil_ZurButton.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    width: 3em;
    height: 3em;
    margin: 0 0.5em 0 0;
    cursor: pointer;
}

.ChNoA_WiDeFoBuZur:hover {
    background-color: black;
    background-image: url(../Bilder/Pfeil_ZurButtonHOOVER.png);
    
}

.ChNoA_WiDeFoBuVor {
    background-image: url(../Bilder/Pfeil_VorButton.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    width: 3em;
    height: 3em;
    cursor: pointer;
}

.ChNoA_WiDeFoBuVor:hover {
   background-color: black;
   background-image: url(../Bilder/Pfeil_VorButtonHOOVER.png);     
}

.ChNoA_WiDeFoBuAlleZwei {
    display: flex;
    flex-direction: row;
    
}

.ChNoA_WiDeFoBuLoe {
   
    background-image: url(../Bilder/LoeschenSymbolGeschl.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: white;
    width: 3em;
    height: 3em;
    
    
}

.ChNoA_WiDeFoBuLoe:hover {
    
    background-image: url(../Bilder/LoeschenSymbol.png);
    cursor: pointer;
}

.ChNoA_WiDeFoBuAen {
    
    background-image: url(../Bilder/AendernSymbol1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: white;
    width: 3em;
    height: 3em;
    margin: 0 0 0 0.5em;
}

.ChNoA_WiDeFoBuAen:hover {
    
    background-image: url(../Bilder/AendernSymbol1Hover.png);
    cursor: pointer;
    
}

.ChNoA_Witze_Detailszwei {
    
    display: flex;
    flex-direction: column;
    background-color: #c7c7c7;
    max-height: 23em;
    border-radius: 0 1em 1em 0;

}

.ChNoA_Witze_Detailszwei p {
    
    height: 1em;
    
    margin: 0;
    font-size: 1em;
}

.ChNoA_WiDeAnBew {
    width: 6em;
    height: 3em;
    background-color: white;
    border-style: solid;
    border-width: 0.01em;
    border-color: gainsboro;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0.2em 0.2em 0.2em 0.2em;
    margin: 0 1em 0 0;
    
}

.ChNoA_WiDeAnBew p#ChNoA_AnBew {
    
    text-align: right
    
}

.ChNoA_WiDeGeZaeh {
    width: 6em;
    height: 3em;
    background-color: white;
    border-style: solid;
    border-width: 0.01em;
    border-color: gainsboro;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.ChNoA_WiDeGeZaeh p#ChNoA_AnBew{
    
    text-align: right;
}

        /* Unterbereich Neuer Witz   */

.ChNoA_NeuWitz_Alles {
    width: 24em;
    margin: 0 0 0 1.5em;
    max-height: 23em;
    background-color: #c7c7c7;
    border-radius: 1em;
}

.ChNoA_NeuWitz_AllesA {
    width: 24em;
    margin: 0 0 0 1.5em;
    max-height: 40em;
    background-color: #c7c7c7;
    border-radius: 1em;
}



.ChNoA_NeuWitz_Tit {
    margin: 0.5em 0 0.5em 0.8em;
    font-family: comicsans, arial, sans-serif;
    font-size: 1.5em;
}

.ChNoA_NeuWitz_Form {
    display: flex;
    flex-direction: column;
}

.ChNoA_NeuWitz_Form textarea{
    
    width: 24em;

    margin: 0 auto;

    height: 10em;

    border-radius: 1em 1em 0 0;
    border-color: transparent;
    padding: 0.5em;

}

.ChNoA_NeuWitz_Form input#ChNoA_NeuWiSp_But_ID {
    background-image: url(../Bilder/DateiSpeichernSymbol.png);
    background-size: contain;
    background-color: white;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
    
}

.ChNoA_NeuWitz_Form input#ChNoA_NeuWiSp_But_ID:hover {

}

.ChNoA_NeuWitz_Form input#ChNoA_NeuWiPr_But_ID {
    background-image: url(../Bilder/LupeMitAuge.png);
    background-size: contain;
    
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
    
    margin: 0 0 0 0.5em;
}

.ChNoA_NeuWitz_Form input#ChNoA_NeuWiPr_But_ID:hover {
    background-image: url(../Bilder/AugeBlick.png);
}

.ChNoA_NeuWitz_Form input#ChNoA_NeuWitz_AudID {
    
    width: 24em;
    margin: 0 auto;
    background-color: white;
    border-radius: 0 0 1em 1em;
    cursor: pointer;
}

.ChNoA_NeWiDopTi {
    
    margin: 0.5em 0 0.5em 0.8em;
    font-family: comicsans, arial, sans-serif;
    font-size: 1.5em;
    
}

.ChNoA_NeuWitz_ButWrap {
    
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 20em;
    margin: 0.5em 0 0 0;
}

.ChNoA_NeWiDopList {
    max-height: 24em;
    overflow: scroll;
    width: 20em;
    margin: 0 auto;
}

.ChNoA_NeWiErFor {
    
    display: flex;
    flex-direction: column;
    width: 18em;
}

.ChNoA_NeWiErForIDPro {
    
    display: flex;
    flex-direction: row;
    margin: 0 0 0.5em 0;
/*    justify-content: center; */
}

.ChNoA_NeWiErFor input#ChNoA_NeWiErID_ID {
    
    border-radius: 1em 0 0 0;
    border-bottom-width: 0em;
    border-right-color: transparent;
    border-right-width: 0em;
    width: 28%;
    padding: 0 0 0 0.5em;
}

.ChNoA_NeWiErFor input#ChNoA_NeWiErPro_ID {
    
    border-radius: 0 1em 0 0;
    border-bottom-width: 0em;
    border-left-color: transparent;
    border-left-width: 0em;
    width: 72%;
}

.ChNoA_NeWiErFor textarea{
    
    border-radius: 0 0 1em 1em;
    height: 6em;
    border-color: transparent;

}




.ChNoA_NeWiErFor input#ChNoA_NeWiErAufrID {
    
    width: 10em;
    border-radius: 0em 0em 0 0;
    cursor: pointer;
    border-style: solid;
    border-color: transparent;
    background-image:  linear-gradient(to bottom, rgba(214,214,214,1) 0%, rgba(214,214,214,1) 3%, rgba(242,242,242,1) 18%, rgba(158,158,158,1) 83%, rgba(153,153,153,1) 96%, rgba(153,153,153,1) 100%);
    border-radius: 1em;
    margin: 0.2em auto 0 auto;
}

.ChNoA_NeWiErFor input#ChNoA_NeWiErAufrID:hover {
    
    width: 10em;
    border-radius: 0em 0em 0 0;
    cursor: pointer;
    border-style: solid;
    border-color: transparent;
    background-image:  linear-gradient(to top, rgba(214,214,214,1) 0%, rgba(214,214,214,1) 3%, rgba(242,242,242,1) 18%, rgba(158,158,158,1) 83%, rgba(153,153,153,1) 96%, rgba(153,153,153,1) 100%);
    border-radius: 1em;
    margin: 0.2em auto 0 auto;
}


        /* EDNE Unterbereich Neuer Witz   */

/* Bereich Statistik*/

.ChNoA_Statistik_Alle {
    
    display: flex;
    flex-direction: column;
    
}

.ChNoA_StatReih1 {
    
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    
}

/*Miest ges Witze*/
.ChNoA_MeGeWi_Komplett {
   
    border-style:solid;
    width: 15em;
    
}

.ChNoA_MeistGesWitze {
    height: 15em;
    width: 15em;
    overflow: scroll;
    margin: 1em 0 0 0;

    
/*
    border-bottom-style: solid;
    border-bottom-width: 0.2em;
    border-right-style: solid;
    border-right-width: 0.2em;

*/
    
}

.ChNoA_MeGeWi_kopf {
    

    background-color: white;
    padding: 1em;
    
}

.ChNoA_MeGeWi_Titel {
    
    font-family: arial, sans-serif;
    font-size: 1.2em;
    text-align: center;
}

.ChNoA_MeistGesWitze_form {
    
    display: flex;
    flex-direction: column;
    width: 12em;
    margin: 0.5em auto 0 auto;

    
}

.ChNoA_MeistGesWitze_form textarea{
    
    height: 8em;
}

/*ENDE Miest ges Witze*/

/*Meist bew Witze*/

.ChNoA_MeBewWi_komplett {
    
    border-style: solid;
    width: 15em;
    margin: 0 0 0 2em;
    
}

.ChNoA_MeBewWi_Kopf {
    
    background-color: white;
    padding: 1em;
}

.ChNoA_MeBewWi_Titel {
    
    font-family: arial, sans-serif;
    font-size: 1.2em;
    text-align: center;
}

.ChNoA_MeBewWi_Liste {
    
    margin: 1em 0 0 0;
    overflow: scroll;
    height: 15em;
}

.ChNoA_MeBewWi_form {
    
    display: flex;
    flex-direction: column;
    width: 12em;
    margin: 0.5em auto 0 auto;
}

.ChNoA_MeBewWi_form textarea{
    
    height: 8em;
}

/* ENDE Meist bew Witze */

/* Bestbew Witz */

.ChNoA_BeBew_komplett {
   
    border-style: solid;
    width: 15em;
    margin: 0 0 0 2em;
    
}

.ChNoA_BeBew_kopf {
    
    background-color: white;
    padding: 1em;
}

.ChNoA_BeBew_Ti {
    
    font-family: arial, sans-serif;
    font-size: 1.2em;
    text-align: center;
    
}

.ChNoA_BeBew_Liste {
    
    margin: 1em 0 0 0;
    overflow: scroll;
    height: 15em;
}

.ChNoA_BeBew_Form {
    
    display: flex;
    flex-direction: column;
    width: 12em;
    margin: 0.5em auto 0 auto;
}
.ChNoA_BeBew_Form input#ChNoA_BeBew_WiID_ID {
    
    width: 50%;
    height: 50%;
}

.ChNoA_BeBew_WiIc {
    
    display: flex;
    flex-direction: row;
    height: 2.38em;

} 

.ChNoA_BeBew_ICO {
    
    display: block;
    width: 2.0em;
    height: 2.0em;
    margin: 0 auto;
}

.ChNoA_BeBew_ICO_Platz {
    
    min-width: 2.5em;
    min-height: 2.5em;
    background-color: beige;
    margin: 0 auto;
}

.ChNoA_BeBew_Form textarea{
    
    height: 8em;
    
}


/* ENDE Bestbew Witz */

/* MonatsRegler in Statistik*/

.ChA_Monat_Regler_Wr_Alles {
    width: 49.2em;

}

.ChA_Monat_Regler_Wr {
    background-color: #c7c7c7 ;
    border-radius: 1em;
    width: 13em;
    margin: 2em auto 0 auto;
    padding: 0.7em 0.5em 0.5em
}

.ChA_Monat_Regler_For {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin:0 auto 0 auto;
    margin-block-end: 0em;
}

.ChA_Monat_Regler_For p {
    font-family: arial, sans-serif;
    font-size: 1.2em;
    text-align: center;
    padding: 0.2em 0 0 0;
}

.ChA_Monat_Regler_For input#ChA_Monat_Regler_Vor_id {
    background-image: url(../Bilder/Pfeil_VorButton.png);
    background-size: contain;
    background-color: white;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
}

.ChA_Monat_Regler_For input#ChA_Monat_Regler_Vor_id:hover {
    background-color: black;
    background-image: url(../Bilder/Pfeil_VorButtonHOOVER.png);
}

.ChA_Monat_Regler_For input#ChA_Monat_Regler_Zur_id {
    background-image: url(../Bilder/Pfeil_ZurButton.png);
    background-size: contain;
    background-color: white;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
}

.ChA_Monat_Regler_For input#ChA_Monat_Regler_Zur_id:hover {
    background-color: black;
    background-image: url(../Bilder/Pfeil_ZurButtonHOOVER.png);
}

.ChA_Monat_Regler_For input#ChA_Monat_Regler_Reset_id {
    background-image: url(../Bilder/Reset_Button.png);
    background-size: contain;
    background-color: white;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
}

.ChA_Monat_Regler_For input#ChA_Monat_Regler_Reset_id:hover {
    background-color: black;
    background-image: url(../Bilder/Reset_ButtonHOOVER.png);
}

/* ENDE MonatsRegler in Statistik*/

/* Besucher Stat */

.ChNoA_BesucherStat {
    height: 10em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 2em 0 0 0;
    padding: 0.3em 0.3em 0.3em 0.5em;
    border-style: solid;
    border-color: black;
    width: 49.2em;
}

.ChNoA_ZeitstrAbstand {
    
    max-height: 100%;
}

.ChNoA_Zeitstrahl {
    display: flex;
    flex-direction: row;
    
}

.ChNoA_StatTag {
    width: 1em;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 0.5em 0 0;
}

.ChNoA_BeAnz {
    
    width: 1em;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 0.8em;
}

.ChNoA_EinBes {
    
    background-color: darkorange;
    height: 0.01em;
}

.ChNoA_MonTag {
    
    text-align: center;
    width: 1em;
    font-family: arial, sans-serif;
    margin: 0.2em 0 0 0;
}

.ChNoA_BeZaMon {
    
    font-family: arial, sans-serif;
    font-size: 1.2em;
}

/* ENDE Besucher Stat */

/* Witze Gelsesn pro Tag */

.ChNoA_StatReih3 {
    
}

.ChNoA_AnzGelWrap {
    
    height: 10em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 2em 0 0 0;
    padding: 0.3em 0.3em 0.3em 0.5em;
    border-style: solid;
    border-color: black;
    width: 49.2em;
}

.ChNoA_AnzGelAkMonTx {

    font-family: arial, sans-serif;
    font-size: 1.2em; 
    
}

.ChNoA_ZeGel_Alles {
    display: flex;
    flex-direction: row;
}

.ChNoA_ZeGel_Tag {
    width: 1em;
    margin: 0 0.5em 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ChNoA_ZeGel_AnzTx {
    
    font-family: arial, sans-serif;
    font-size: 0.7em; 
}

.ChNoA_ZeGel_PrBalk {

    
}

.ChNoA_ZeGel_ProPu {
    background-color: darkorange;
    height: 0.01em;
}

.ChNoA_ZeGel_TagTx {
    
    margin: 0.2em 0 0 0;
    font-family: arial, sans-serif;
    text-align: center;
    width: 1em;
}


/* ENDE Witze Gelsesn pro Tag */

/* Anzahl Bew pro Tag*/

.ChNoA_StatReih4 {
    
}

.ChNoA_AnzBew_Wrap {
    height: 10em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 2em 0 0 0;
    padding: 0.3em 0.3em 0.3em 0.5em;
    border-style: solid;
    border-color: black;
    width: 49.2em;
}

.ChNoA_AnBeZeSt {
    
    display: flex;
    flex-direction: row;
}

.ChNoA_BeAnGes {
    font-family: arial, sans-serif;
    font-size: 1.2em;    
    
}

.ChNoA_AnzBew_Tag {
    width: 1em;
    margin: 0 0.5em 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.ChNoA_AnzBew_GesAnz {
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 0.7em;
}

.ChNoA_AnBePro {
    
    background-color: darkorange;
    height: 0.01em;
}
.ChNoA_AnBePro {
    
}

.ChNoA_AnBeTaTx {
    margin: 0.2em 0 0 0;
    font-family: arial, sans-serif;
    text-align: center;
    width: 1em;
}


/* ENDE Anzahl Bew pro Tag*/

/*Allgemeine Statistiken*/

.ChA_AlSti_Alles {
    border-style: solid;
    width: 15em;
    margin: 0 0 0 2em;
    
}

.ChA_AlSti_InnerAlles {
    
}

/*vertont*/
.ChA_AlSti_Vertont {
    width: 13em;
    margin: 0.5em auto 0 auto;
    border-style: solid;
    border-width: 0.1em;
    border-color: #c7c7c7;
    border-radius: 1em;
}

.ChA_AlStVeAnPr_Wr {
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
    border-radius: 1em;
    padding: 0.2em 0 0.2em 0.5em;
    font-family: arial, sans-serif;
    font-size: 0.8em;
    
}

.ChA_AlStVeAnPr_Wr p {
    
    margin: 0 0.6em 0 0;
}

.ChA_AlStVeStrahl_Wr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0.3em 0.5em 0.3em 0.5em;
}

.ChA_AlStVeStrahl_Wr p{
    
    font-family: arial, sans-serif;
    font-size: 0.6em;
    
}

.ChA_AlStVeStrahl_StraBegr {
    display: flex;
    flex-direction: row;
    width: 8em;
    border-width: 0 0.1em 0 0.1em;
    border-style: solid;
    border-color: black;
}

.ChA_AlStVeStrahl_Stra {
    background-color: orange;
    height: 100%;
    width: 0.08em;
}

/*ENDE  vertont*/

/*Bewertet Anzahl*/

.ChA_AlSti_Bewert {
    
    width: 13em;
    margin: 0.5em auto 0 auto;
    border-style: solid;
    border-width: 0.1em;
    border-color: #c7c7c7;
    border-radius: 1em;
}

/* ENDE Bewertet Anzahl*/

/*ENDE Allgemeine Statistiken*/

/*ENDE  Bereich Statistik*/

/*Doppelte Witze*/

.ChNoA_DW_Alles {
    

    
}

.ChNoA_DW_Kopf {
    
    height: 2.5em;
    background-color: white;
    padding: 0.2em;
    
}

.ChNoA_DW_Kopf p{
    
    font-family: arial, sans-serif;
    font-size: 1.8em;
    margin: 0;
}



.ChNoA_DW_Koerper {
    display: flex;
    flex-direction: row;
    width: 40em;
    border-radius: 1em;
    border-width: 0.2em;
    border-color: #c7c7c7;
    border-style: solid;
    
}

.ChNoA_DW_Reih1 {
    margin: 0 0 0 1em;
}

.ChNoA_DW_KoRe1 p{
    
    font-size: 1.5em;
    font-family: arial, sans-serif;
    margin: 0.3em 0 0 0;
}

.ChNoA_DW_DWIdLaWr_UeWr {
    
    display: flex;
    flex-direction: row; 
}



.ChNoA_DW_IdLaWr {
    height: 1em;
    display: flex;
    flex-direction: row;
    border-radius: 1em 1em 0 0;
    border-bottom: none;
    padding: 1em 0 0 1em;
    
}



.ChNoA_DW_WitzForm {
    
    display: flex;
    flex-direction: column;
    margin: 0.5em 0 0 0;
    
}

.ChNoA_DW_WitzForm textarea{
    
    border: none;
    width: 18em;
    height: 8em;
    border-radius: 0 1em 1em 1em;
    
}

.ChNoA_DW_AreaSubmitWr {
    
    border-width: 0.4em;
    border-color: #c7c7c7;
    border-style: solid;
    border-top: none;
    border-radius: 0 0 1em 1em;
    display: flex;
    flex-direction: column;
    padding: 0 1em 0 1em
}

.ChNoA_DW_WiIDLab {
    
    background-color: white;
    border-radius: 0.5em 0 0 0;
    
/*
    
    border-top-style: solid;
    border-top-color: aqua;
    border-top-width: 0.3em;
    border-left-style: solid;
    border-left-color: aqua;
    border-left-width: 0.3em;
    border-bottom: none;
    border-right: none;
    border-radius:  1em 0 0 0;
*/

}

.ChNoA_DW_WitzForm {
    
    
}

.ChNoA_DW_WiIDLab p {
    

    padding: 0.1em 0 0 0.5em;
    font-size: 0.8em;
    font-family: arial, sans-serif;

}


.ChNoA_DW_WitzForm input#ChNoA_DW_WWitzIDID {
    
    border-radius:  0 1em 0 0;
    width: 4em;
    border-color: transparent;
    font-size: 0.8em;
    font-family: arial, sans-serif;
    border: none;
    padding: 0 0 0 0.3em;
/*
    border-top-style: solid;
    border-top-color: aqua;
    border-top-width: 0.3em;
    border-right-style: solid;
    border-right-color: aqua;
    border-right-width: 0.3em;
    border-bottom: transparent;
    border-left: none;
    
    height: 1.5em;
    padding: 0.3 0 0 0;
    font-size: 0.8em;
    font-family: arial, sans-serif;
    margin: 0;
*/

}

.ChNoA_DW_WitzWahlButWr {
    
    
}

.ChNoA_DW_WitzWahlForm {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 7em;
    background-color: #c7c7c7;
    border-radius: 1em;
    margin: 1em auto 1em auto;
    padding: 0.3em 0 0.3em 0;
    
}

.ChNoA_DW_WitzWahlForm input#ChNoA_DW_WitzWahlZurID {
    width: 3em;
    height: 3em;
    background-image: url(../Bilder/Pfeil_ZurButton.png);
    cursor: pointer;
    background-size: contain;
}

.ChNoA_DW_WitzWahlForm input#ChNoA_DW_WitzWahlZurID:hover {
    background-image: url(../Bilder/Pfeil_ZurButtonHOOVER.png);
    background-size: contain;
    background-color:black;
    
}

.ChNoA_DW_WitzWahlForm input#ChNoA_DW_WitzWahlVorID {
    
    width: 3em;
    height: 3em;
    background-image: url(../Bilder/Pfeil_VorButton.png);
    cursor: pointer;
    background-size: contain;
}

.ChNoA_DW_WitzWahlForm input#ChNoA_DW_WitzWahlVorID:hover {
    background-image: url(../Bilder/Pfeil_VorButtonHOOVER.png);
    background-size: contain;
    background-color:black;
    
}

.ChNoA_DW_WitzForm input#ChNoA_DW_WWitzAufrID {
    
    width: 10em;
    border-radius: 0em 0em 0 0;
    cursor: pointer;
    border-style: solid;
    border-color: transparent;
    background-image: linear-gradient(to bottom, rgba(214,214,214,1) 0%, rgba(214,214,214,1) 3%, rgba(242,242,242,1) 18%, rgba(158,158,158,1) 83%, rgba(153,153,153,1) 96%, rgba(153,153,153,1) 100%);
    border-radius: 1em;
    margin: 0.2em auto 0 auto;
}

.ChNoA_DW_WitzForm input#ChNoA_DW_WWitzAufrID:hover {
    
    background-image:  linear-gradient(to top, rgba(214,214,214,1) 0%, rgba(214,214,214,1) 3%, rgba(242,242,242,1) 18%, rgba(158,158,158,1) 83%, rgba(153,153,153,1) 96%, rgba(153,153,153,1) 100%);
}


.ChNoA_DW_Reih2 {
    margin: 0 0 0 1em;
}

.ChNoA_DW_KoRe2 {
    
    font-size: 1.5em;
    font-family: arial, sans-serif;
    margin: 0.3em 0 0 0;
}

.ChNoA_DW_DWWitzForm {
    display: flex;
    flex-direction: column;
    width: 12.5em;
    margin: 0 auto 0.5em auto;
}


.ChNoA_DW_DWWitzForm textarea{
    
    border: none;
    width: 18em;
    height: 8em;
    border-radius: 0 1em 1em 1em;
}

.ChNoA_DW_DWWitzForm input#ChNoA_DW_DWWWitzIDID{
    
    width: 4em;
    border-radius: 0 1em 0 0;
    border: none;
    border-color: transparent;
    
}

.ChNoA_DW_DWButWr {
    
    margin: 0.5em 0 0 0;
}

.ChNoA_DW_DWWitzForm input#ChNoA_DW_DWWiAufrID {
    width: 10em;
    border-radius: 0em 0em 0 0;
    cursor: pointer;
    border-style: solid;
    border-color: transparent;
    background-image:  linear-gradient(to bottom, rgba(214,214,214,1) 0%, rgba(214,214,214,1) 3%, rgba(242,242,242,1) 18%, rgba(158,158,158,1) 83%, rgba(153,153,153,1) 96%, rgba(153,153,153,1) 100%);
    border-radius: 1em;
    margin: 0.2em 0 0 4em;
    
}

.ChNoA_DW_DWWitzForm input#ChNoA_DW_DWWiAufrID:hover {
    
    background-image:  linear-gradient(to top, rgba(214,214,214,1) 0%, rgba(214,214,214,1) 3%, rgba(242,242,242,1) 18%, rgba(158,158,158,1) 83%, rgba(153,153,153,1) 96%, rgba(153,153,153,1) 100%);

}

.ChNoA_DW_DWWitzForm input#ChNoA_DW_DWWiLoeID {
    width: 2em;
    height: 2em;
    background-image: url(../Bilder/LoeschenSymbolGeschl.png);
    background-size: contain;
    cursor: pointer;
    margin: 0 0 0 1em;
    border-radius: 0.3em;
}

.ChNoA_DW_DWWitzForm input#ChNoA_DW_DWWiLoeID:hover {
    
    background-image: url(../Bilder/LoeschenSymbol.png);
    
}


.ChNoA_DW_DWWiIDLab {
    background-color: white;
    border-radius: 0.5em 0 0 0;
    background-size: contain;
}
.ChNoA_DW_IdLaWr_Wr {
    
    display: flex;
    flex-direction: row;
    border-radius: 1em 1em 0 0;
    border-width: 0.4em;
    border-color: #c7c7c7;
    border-style: solid;
    border-bottom: none;
}


.ChNoA_DW_DWIdLaWr {
    display: flex;
    flex-direction: row;
    background-size: contain;
    padding: 1em 0 0 0;
}

.ChNoA_DW_DWWiIDLab p{
    
    width: 4em;
    font-size: 1em;
    margin: 0em;
    padding: 0 0 0 0.5em;
    font-family: arial, sans-serif;
    font-size: 0.8em;
}

.ChNoA_DW_DWWitzFormWr {
    
    height: 30em;
    width: 16em;
    overflow: scroll;
    border-width: 0.3em;
    border-color: #c7c7c7;
    border-style: solid;
    border-radius: 1em;
    margin: 0.5em 0 0 0;
    
}

.ChNoA_DW_WiAuSy {
    
    width: 1em;
    height: 1em;
    margin: 0 auto;

}

/*ENDE Doppelte Witze*/


/***********       ENDE ChNoAd.php                     ***********/