@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body, html {height:100%;}
body {font-family: 'Roboto', sans-serif; -webkit-text-size-adjust: none; font-size:18px; line-height:20px; font-weight: 400; outline:none;background-color:#F8F9FF;}

h1 {font-size: 1.3em;font-family: 'Roboto', sans-serif;font-weight: 400; color: #cc0000;margin-bottom: 20px;margin-top: 30px;}
h2 {font-size: 1.3em;font-family: 'Roboto', sans-serif;font-weight: 400; color: #cc0000;margin-bottom: 20px;margin-top: 30px;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

.login {}
.login > .wrapper {background-color:#ffffff;max-width:500px;border-radius:15px;margin-left: auto;margin-right: auto;margin-top: 200px;box-shadow: 0px 0px 10px #e4e4e4;}
.login > .wrapper > .box {margin-left: 20px; margin-right: 20px;padding-top: 15px; padding-bottom: 15px;}
.login > .wrapper > .box h2 {margin-top: 0px !important;}
.login > .wrapper > .box .tbl { display:table;}
.login > .wrapper > .box .tbl > .tr { display:table-row;}
.login > .wrapper > .box .tbl > .tr > .td { display:table-cell;}
.login > .wrapper > .box .tbl > .tr > .td:first-child {width:100px;}

#sortable li {max-height: 38px;overflow: hidden;}
#sortable li:hover {max-height: fit-content;}
#sortable li .QuoteText {padding-bottom: 6px;}
#sortable li:hover .QuoteText {padding-bottom:0px;}

.login input[type="text"], .login input[type="email"], .login input[type="password"], .login input[type="number"] {height: 35px;border-radius: 5px;padding-left: 10px;padding-right: 10px;min-width: 330px;font-family: 'Roboto', sans-serif;font-size: 0.8em;margin-right: 5px;border: solid 1px #c4c4c4;margin-bottom: 10px}

.login input[type="submit"] {padding-left: 14px;padding-right: 14px;padding-top: 7px;padding-bottom: 7px;border-radius: 5px;font-size: 0.8em;margin-right: 10px;cursor: pointer;border: 1px solid #cc0000 !important;background-color: #cc0000 !important;color: #ffffff !important;text-decoration: none;margin-bottom: 10px}

.tbl_page {display:table; width: 100%;height:100%}
.tbl_page > .tr_page {display: table-row;}
.tbl_page > .tr_page > .td_page {display: table-cell;}
.tbl_page > .tr_page > .left_page {width:250px; background-color: #ffffff;box-shadow: 5px 0 5px -2px #E4E4E4; vertical-align: top; }
.tbl_page > .tr_page > .left_page > .wrapper {margin:10px;}
.tbl_page > .tr_page > .left_page > .wrapper > .box {}
.tbl_page > .tr_page > .left_page > .wrapper > .box > .logo {margin-top: 25px;margin-bottom: 25px;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > .logo img {display: block;max-width: 50%;margin-left: auto;margin-right: auto; }
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul {font-family: 'Roboto', sans-serif !important;-webkit-text-size-adjust: none !important;font-size: 18px !important;font-weight: 300 !important;}
.tbl_page > .tr_page > .left_page > .wrapper > .box li {margin-bottom: 10px;}
.tbl_page > .tr_page > .left_page > .wrapper > .box li.topic {margin-top: 40px;font-size: 20px;font-weight: bolder;border-bottom: 1px solid #CC0000;padding-bottom: 5px;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul a {padding-top: 10px;padding-bottom: 10px;display: block;color:#000000;text-decoration:none;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul a.activ, .tbl_page > .tr_page > .left_page > .wrapper > .box > ul a:hover {text-decoration:none; color:#000000; border-right: 2px solid #CC0000; background-color:#FFE6E6;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul a.hinweis, .tbl_page > .tr_page > .left_page > .wrapper > .box > ul a.hinweis:hover {background-color: #CC0000;color: #ffffff;border-right: 2px solid #000000;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul a.hinweis i, .tbl_page > .tr_page > .left_page > .wrapper > .box > ul a.hinweis:hover i {color: #ffffff;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul a.hinweis span, .tbl_page > .tr_page > .left_page > .wrapper > .box > ul a.hinweis:hover span {background-color:transparent !important;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul a > i {margin-left:5px; margin-right: 15px;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul a > span {background-color: #FFE6E6;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul a:hover > i {color:#CC0000;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul font {color:#8C93A3;padding-top: 10px;padding-bottom: 10px;display: block;}
.tbl_page > .tr_page > .left_page > .wrapper > .box > ul font > i {margin-left:5px; margin-right: 15px;}

.tbl_page > .tr_page > .right_page {vertical-align: top;}
.tbl_page > .tr_page > .right_page > .wrapper {margin:10px 20px 10px 20px;}
.tbl_page > .tr_page > .right_page > .wrapper > .box {}

progress {width: 220px;height: 23px;margin-bottom: -4px;}
.val1, val2 {display:none;}


.articletable {display:none;}
.articletable .ShortLink {display:none;}
.articletable .Article {display:none;}

.articletable2 {display:none;}
.articletable2 .ShortLink {display:none;}
.articletable2 .Article {display:none;}

#sortable li {}

label {font-weight: normal; }

.appstatstable {display: table;}
.appstatstable > div {display: table-cell;text-align:center;background-color: #ffffff;padding: 10px 10px 10px 10px;border-radius: 10px;}
.appstatstable > div > div {margin-bottom: 5px;}
.appstatstable > div > span {color:#cc0000;font-size: 22px;}
.appstatstable > div.break {background-color: transparent;}


table.tbl {vertical-align: top;border: 1px solid #CCCCCC;background-color: #F8F9FF;width: 100%;text-align: left;border-collapse: collapse;font-size: 13px;display: contents;}
table.tbl > thead {}
table.tbl > thead > tr {position: sticky;top: -1px;z-index: 1;}
table.tbl > thead > tr > th {border: 0px solid #cccccc;padding: 3px 2px;font-weight: 500;font-size: 15px;background-color: #cccccc;padding: 3px 10px 3px 10px; text-align: center;}
table.tbl > tbody {}
table.tbl > tbody > tr {vertical-align: top;}
table.tbl > tbody > tr:nth-child(even) {background: #ffffff;}
table.tbl > tbody > tr:hover {background-color: antiquewhite;}
table.tbl > tbody > tr.tr0 {}
table.tbl > tbody > tr.tr1 {}
table.tbl > tbody > tr > td {border: 1px solid #cccccc;padding: 3px 2px;line-height: inherit;padding: 3px 10px 3px 10px; text-align: center;}
table.tbl > tbody > tr > td a {padding: 2px 7px 2px 7px !important}


.tbl_page > .tr_page > .right_page > .wrapper > .box a, #YearPanel a, #AddYearPanel a, input[type="submit"], .btn {padding-left: 14px;
    padding-right: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 5px;
    font-size: 0.8em;
    
    cursor: pointer;border: 1px solid #cc0000 !important;
    background-color: #cc0000 !important;
    color: #ffffff !important;text-decoration:none;display:inline-block;}
.tbl_page > .tr_page > .right_page > .wrapper > .box a:hover, #YearPanel a:hover, #AddYearPanel a:hover, input[type="submit"]:hover {
    border: 1px solid #950000 !important;
    background-color: #950000 !important;
    color: #ffffff !important;
}

.tbl_page > .tr_page > .right_page > .wrapper > .box a.gray, #YearPanel a.gray, #AddYearPanel a.gray, .gray {
    border: 1px solid #cccccc !important;
    background-color: #cccccc !important;
    color: #000000 !important;
}
.tbl_page > .tr_page > .right_page > .wrapper > .box a.gray:hover, #YearPanel a.gray:hover, #AddYearPanel a.gray:hover {
    border: 1px solid #000000 !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

.tbl_page > .tr_page > .right_page > .wrapper > .box a.green, #YearPanel a.green, #AddYearPanel a.green, .green {
    border: 1px solid #1D9E74 !important;
    background-color: #1D9E74 !important;
    color: #ffffff !important;
}
.tbl_page > .tr_page > .right_page > .wrapper > .box a.green:hover, #YearPanel a.green:hover, #AddYearPanel a.green:hover, .green:hover {
    border: 1px solid #147052 !important;
    background-color: #147052 !important;
    color: #ffffff !important;
}

.tbl_page > .tr_page > .right_page > .wrapper > .box .gridview-container th a {font-size: 1.0em;padding-left: 0px !important;padding-right: 0px !important;border: 0px solid #cc0000 !important;background-color: transparent !important;}
.tbl_page > .tr_page > .right_page > .wrapper > .box .gridview-container th a:hover { text-decoration:underline !important;}

.taglist {}
.tbl_page > .tr_page > .right_page > .wrapper > .box .taglist > i {}
.tbl_page > .tr_page > .right_page > .wrapper > .box .taglist > span {font-size: 12px;margin-left: 10px;}
.tbl_page > .tr_page > .right_page > .wrapper > .box .taglist > a {border: none !important;background-color: transparent !important;color: black !important;padding-left: 0px;padding-right: 0px;margin-left: 14px;margin-right: 10px;}
.tbl_page > .tr_page > .right_page > .wrapper > .box .taglist > a > i {margin-left: 5px;}
.tbl_page > .tr_page > .right_page > .wrapper > .box .taglist > a:hover {}
.tbl_page > .tr_page > .right_page > .wrapper > .box .taglist > a:hover > i {color:#cc0000;}

input[type="submit"] {padding-top:7px;padding-bottom:7px;}


.tbl_page > .tr_page > .right_page > .wrapper > .box a.HideYear {display:none;}

.tbl_page > .tr_page > .right_page > .wrapper > .box h2 > a {padding:3px 7px 3px 7px;font-size: 0.5em;}


.sitemenu {list-style: none;}
.sitemenu li {float: left;margin-bottom:25px;}
.sitemenu li a {}



input[type="text"] {
    height: 35px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 512px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;
    margin-right: 5px;
}

select {height: 35px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;margin-right:5px;}

input[type="date"] {height: 35px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;margin-right:5px;margin-left:5px;}
input[type="file"]{
    min-width: 0;
    width: 0;
    color: transparent;
    position:relative;
    height: 0;

}
input.short {min-width:100px !important;}
input.nietzokoort {min-width:400px !important;}
textarea {height: 75px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 512px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.8em;margin-right:5px;resize: none;}
textarea.koort {
    min-width: 512px;
}
textarea.big {
    min-width: 600px;
}
.note-editable {min-height: 450px;}

table {}
table tr {}
table tr td { vertical-align:top;line-height: 40px;padding-top: 10px;}
table tr td:first-child {padding-right:15px;}
.tbl_page > .tr_page > .right_page > .wrapper > .box table tr td.TextPreview a {    border: 0px solid #cc0000 !important;
    background-color: transparent !important;
    border-radius: 0px;
    color: #cc0000 !important;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1.0em;}
.tbl_page > .tr_page > .right_page > .wrapper > .box table tr td.TextPreview a:hover {text-decoration:underline;background-color: transparent !important;color: #cc0000 !important;border: 0px solid #cc0000 !important;}


iframe {width:100%;height:190px}
.ZurZeitMedia {font-size: 0.8em;}
.ZurZeitMedia > tbody {}
.ZurZeitMedia > tbody > tr {}
.ZurZeitMedia > tbody > tr > td {line-height: 20px;padding-top: 0px; cursor: alias; }
.ZurZeitMedia > tbody > tr > td img  {max-height: 90px;margin-right: 15px;}
.ZurZeitMedia > tbody > tr > td > table {}
.ZurZeitMedia > tbody > tr > td > table > tbody {}
.ZurZeitMedia > tbody > tr > td > table > tbody > tr {}
.ZurZeitMedia > tbody > tr > td > table > tbody > tr > td {line-height: 20px;padding-top: 5px;}
.ZurZeitMedia > tbody > tr > td > table > tbody > tr > td:first-child {padding-top: 0px;}
.ZurZeitMedia > tbody > tr > td > table > tbody > tr > td input[type="text"] {line-height: 20px;padding-top: 0px;height: 20px;min-width: 200px;}
.ZurZeitMedia > tbody > tr > td > table > tbody > tr > td table#position {}
.ZurZeitMedia > tbody > tr > td > table > tbody > tr > td table#position td {line-height: 15px;padding-top: 0px;padding-right: 15px;}

.ZurZeitMediaOverlay {display:none;}