html {
    background-color: #fff;
}

fieldset {
    width: 100%;
}

/*@media only screen and (min-width: 800px){
    .ui-page {
        width: 800px !important;
        margin: 0 auto !important;
        position: relative !important;
        border-right: 5px #0 outset !important;
        border-left: 5px #0 outset !important;
    }
}*/

.ui-grid-b .ui-block-a p,
.ui-grid-b .ui-block-b p,
.ui-grid-b .ui-block-c p {
    margin: 0;
    padding: 0;
    font-size: smaller;
    line-height: 1.2em
}

.ui-grid-b .ui-block-a,
.ui-grid-b .ui-block-b,
.ui-grid-b .ui-block-c {
    color: #333;
    vertical-align: top;
    height: 1.2em;
    border-top-width: 1px;
    border-style: solid;
    border-color: #333;
    padding: 2px;
}

.ui-grid-b .ui-block-c,
.ui-grid-b .ui-block-a {
    width: 25%;
}

.ui-grid-b .ui-block-b {
    width: 50%;
}

#feedbackarea .deactive {
    color: grey;
}

#feedbackarea .deactive:hover {
    background: #e6e6e6;
    cursor: default;
}

.width100 {
    max-width: 100px;
    min-width: 70px;
    float: left;

}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn, html body .ui-group-theme-a .ui-btn, html head + body .ui-btn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head + body .ui-btn.ui-btn-a:visited {
    background: #f0f0f0;
    border-color: #c0c0c0;
    color: #484848;
    text-shadow: 0 0 0 !important;
}

.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head + body .ui-btn.ui-btn-a:hover {
    background: #dcdcdc;
    border-color: #c9c9c9;
    color: #484848;
}

.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head + body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus, html body .ui-group-theme-a .ui-focus, html head + body .ui-btn-a.ui-focus, html head + body .ui-body-a.ui-focus {
    box-shadow: 0 0 0 #fff !important;
}

.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on::after, html .ui-bar-a .ui-checkbox-on::after, html .ui-body-a .ui-checkbox-on::after, html body .ui-group-theme-a .ui-checkbox-on::after, .ui-btn.ui-checkbox-on.ui-btn-a::after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background: #c0c0c0;
    border-color: #929191;
    color: #484848;
}

.ui-field-contain > label + [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {
    clear: both !important;
    width: auto !important;
}

.central {
    clear: both !important;
    width: auto !important;
}

#navgroup {
    text-align: center;
}

#navgroup div {
    display: inline-block;
}

.feedbackGiven label {
    background: #c4c4c4 none repeat scroll 0 0 !important;
    border: 1px solid #8f8f8f !important;
    color: #029f10 !important;
}

.feedbackGiven a {
    background: #f7f7f7 none repeat scroll 0 0 !important;
    border: 1px solid #cfcfcf !important;
    color: #029f10 !important;
}

.feedbackGiven a:hover {
    background: #f7f7f7 none repeat scroll 0 0 !important;
    border: 1px solid #cfcfcf !important;
    color: #029f10 !important;
    cursor: default
}

.ui-btn-off {
    cursor: default !important;
    background: #fbfbfb !important;
    border-color: #bababa !important;
}

#navigationFixed {
    left: 0;
    top: 0;
    display: block;
}

.commentImage {
    max-width: 100%;
    height: auto;
}

.ui-field-contain, .ui-mobile fieldset.ui-field-contain {
    margin: 0.5em 0 !important;
}

#commentUid {
    min-height: 484px;
}

#commentWrapper {
    padding: 27px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.answerListing {
    left: 42px;
    position: absolute;
}

.alphabetListing {
    margin-right: 12px;
}

.einruecken {
    margin-left: 30px;
}

.wingdingFont {
    color: darkblue;
    font-family: wingdings;
}

.symbolFont {
    color: darkblue;
    font-family: symbol;
}

.tx-onlinekommentare p {
    margin: 0.5em 0;
}

.tx-onlinekommentare .einruecken {
    padding-left: 1.9em;
}

.dataContent {
    background: white none repeat scroll 0 0;
    height: 5000px;
    left: 0;
    margin-top: -5000px;
    position: relative;
    top: 5000px;
    z-index: 1;
    pointer-events: none;
    -moz-opacity: 0.00;
    -khtml-opacity: 0.00;
    opacity: 0.00;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    filter: alpha(opacity=0);
}

#modus-1, #modus-2 {
    background: white;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter: alpha(opacity=100);
}

#modus-1 {
    background: white url(https://dummyimage.com/300/ffffff/000000&text=Kommentar+werden+in+diesem+Modus+nicht+angezeigt) no-repeat 50% 0;
}

#modus-2 {
    background: white url(https://dummyimage.com/300/ffffff/000000&text=Kommentar+anzeigen) no-repeat 50% 0;
}

.ui-content {
    overflow-y: hidden !important;
}

.pharmaButton {
    background: #c00000 !important;
    border: 1px solid #760000 !important;
    color: white !important;
}

.logoutButton {
    position: absolute;
    right: 45px !important;
}

.no-close-comment .logoutButton {
    right: .3125em !important;
}

.tx-onlinekommentare #commentUid {
    background: white url("typo3conf/ext/onlinekommentare/Resources/Public/Images/ajax-loader.gif") no-repeat 50% center;;
}

.tx-onlinekommentare #commentUid #commentWrapper {
    display: none;
}

.tx-onlinekommentare #loadCommentButton {
    display: none;
}

.tx-onlinekommentare #feedback .ui-controlgroup-label {
    width: 100%;
    font-size: 10px;
}

@media only screen and (min-width: 800px) {
    .withParent .ui-page {
        width: 800px !important;
        margin: 0 auto !important;
        position: relative !important;
    }
}

@media only screen and (min-width: 1000px) {
    .standalone .ui-page {
        width: 800px !important;
        margin: 0 auto !important;
        position: relative !important;
    }
}

.withParent {
    padding: 0;
    margin: 0;
}

.standalone {
    padding: 0;
    margin: 0;
}

.withParent #pharma4ufooter {
    height: 54px;
    box-sizing: border-box;
    border-top: 1px solid #3c0f0f;
    border-bottom: 1px solid #3c0f0f;
    text-align: center;
}

.tx-onlinekommentare .ui-icon-smileyUp:after {
    background-image: url("images/3smileys.png");
    background-position: -2px -1px;
    background-repeat: no-repeat;
    background-size: 116% auto !important;
}

.tx-onlinekommentare .ui-icon-smileyDown:after {
    background-image: url("images/3smileys.png");
    background-position: -1px -25px;
    background-repeat: no-repeat;
    background-size: 116% auto !important;
}


.tx-onlinekommentare .ui-icon-smileyNeutral:after {
    background-image: url("images/3smileys.png");
    background-position: -1px -50px;
    background-repeat: no-repeat;
    background-size: 116% auto !important;
}

.tx-onlinekommentare .commentImageDivider {
    border: 0 solid grey;
    border-bottom: 1px solid lightgrey;
    background: grey;
    margin: 1.5em 0;
}

.tx-onlinekommentare #feedbackSchreiben label {
    font-size: 0.8em;
}

.tx-onlinekommentare #feedbackPanel .feedback-footer-note {
    /*position: absolute;*/
    /*bottom: 20px;*/
    padding-top: 20px;
    padding-right: 35px;
    font-size: 13px;
}

.tx-onlinekommentare #feedbackPanel .ui-panel-inner {
    background-color: #525252;
    margin-top: 7em;
    color: white;
    text-shadow: none;
}

.tx-onlinekommentare .feedbackWrapper:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.tx-onlinekommentare .customFeedbackButton {
    background-color: #c00000;
}

.tx-onlinekommentare .feedbackWrapper {
    width: 17.6em;
    position: absolute;
    top: 16em;
}

.disabledButton:hover, .disabledButton:active {
    background: #f0f0f0 !important;
    border-color: #c5c5c5;
}

.tx-onlinekommentare #navigationFooter {

}

#navigationFooter {
    text-align: center;
}

#navigationFooter div {
    display: inline-block;
}


.tx-onlinekommentare #positiv:hover, .tx-onlinekommentare #positiv.feedbackIconDone {
    color: green;
}

.tx-onlinekommentare #neutral:hover, .tx-onlinekommentare #neutral.feedbackIconDone {
    color: #ab7200;
}

.tx-onlinekommentare #negativ:hover, .tx-onlinekommentare #negativ.feedbackIconDone {
    color: red;
}

.tx-onlinekommentare #customHead, .tx-onlinekommentare #pharma4ufooter {
    background: #c00000;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

.tx-onlinekommentare #customNavigationFooter {
    background: #fff;
    border: 0;
    border-top: 1px solid #d3d3d3;
}

.tx-onlinekommentare #customNavigationFooter form {
    margin: 0;
    padding-bottom: 10px;
}

.tx-onlinekommentare #customImageFooter div {
    text-align: center;
    padding: 5px 0;
}

.tx-onlinekommentare .feedbackClicked a:hover {
    background: #f0f0f0;

    cursor: default;

}

.tx-onlinekommentare .customNavigationButtonPharma4u {
    float: left;
    margin-left: 6px;
}

.tx-onlinekommentare .footerSizer {
    min-height: 27px;
}

.tx-onlinekommentare #footerCommentInfo {
    margin-right: 1.5em !important;
    padding-top: 17px;;
}

.tx-onlinekommentare #pharma4ufooter #bars {
    margin-left: 0.5em;
}

.tx-onlinekommentare #commentWrapper span.hinweistext {
    text-align: center;
}

.tx-onlinekommentare #commentUid.sideBySide {
    min-height: 567px;
}

.tx-onlinekommentare #feedbackPanel {
    background: #525252;
}

.tx-onlinekommentare .ui-loader {
    opacity: 0.2;
    background: url("typo3conf/ext/onlinekommentare/Resources/Public/Images/ajax-loader.gif") no-repeat 50%;
    background-size: 100%;
    top: 10%;
}

.tx-onlinekommentare #navigationFooter option {
    margin-top: 5px;
}

.tx-onlinekommentare #navigationFooter option[value="disabled"] {
    color: grey;
}

.tx-onlinekommentare #writtenFeedack {
    font-size: 0.9em;
    font-weight: lighter;
}

.tx-onlinekommentare .longText {
    font-size: 0.8em;
    margin: 2em 0 1em 0;
}

.tx-onlinekommentare .keydownActivate #commentWrapper {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

.tx-onlinekommentare .keydownActivate {
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
}

#simplesoftLogo:hover {
    cursor: pointer;
}

ol[style*="list-style-type:decimal"] {
    list-style-type: none !important;;
    counter-reset: custom;
    text-indent: -1.5em;
}

ol[style*="list-style-type:decimal"] li p:before {
    content: '(' counter(custom) ') ' !important;
    counter-increment: custom !important;
}


ol[style*="list-style-type:upper-alpha"] {
    list-style: none !important;;
    counter-reset: custom;
    text-indent: -1.65em;
}


ol[style*="list-style-type:upper-alpha"] li p:before {
    content: '(' counter(custom, upper-alpha) ") " !important;
    counter-increment: custom !important;
}

ol[style*="list-style-type:decimal"], ol[style*="list-style-type:upper-alpha"] {
    margin-left: 1.5em;
    padding: 0;
    margin-bottom: 0;
}

.feedbackWrapper #negativ i, .feedbackWrapper #positiv i, .feedbackWrapper #neutral i {
    padding: 1px;
}

.tx-onlinekommentare p#anmeldung {
    margin: 0 20px;
}

.tx-onlinekommentare form .user_data_fieldset ol {
    padding: 0 20px;
    list-style: none;
}

#first {
    min-height: 0 !important;
}

.p4u-success,
.p4u-notice,
.p4u-error,
.p4u-warning {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 10px 20px 20px;
}

.p4u-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.p4u-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

sup.top-position {
    top: -2px;
    /*vertical-align: top;*/
    position: relative;
}

/** CSS since spring 2022 begin */
.tx-onlinekommentare p.standard {
    margin-bottom: 0.21cm;
    line-height: 130%;
}

.tx-onlinekommentare p.numbers {
    margin-left: 1.4em;
    text-indent: -1.4em;
    margin-bottom: 1em;
    line-height: 130%;
}

.tx-onlinekommentare p.alpha {
    margin-left: 1.4em;
    text-indent: -1.55em;
    margin-bottom: 1em;
    line-height: 130%;
}

.tx-onlinekommentare p.alpha-return {
    margin-left: 1.5em;
    text-indent: 0em;
    margin-bottom: 1em;
    line-height: 130%;
}
/** CSS since spring 2022 end*/