html {
    min-height: 100%;
    height: auto;
    overflow-y: scroll;
}

body {
    margin: 0;
    padding: 0;
    background: url(../img/bg-body.jpg) repeat;
}

body.test {
    background: url(../img/bg-body-test.png) repeat;
    background-attachment: fixed;
}

hr {
    height: 1px;
    color: #cccccc;
    background-color: #cccccc;
    margin-top: 0;
    padding-top: 0;
    border: none;
    clear: both;
}

p {
    margin: 0;
    padding: 0;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style: none none;
}

ol {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

/*help classes*/
.floatr {
    float: right !important;
}

.floatl {
    float: left !important;
}

.clear-float {
    clear: both;
}

.small-gap {
    margin-bottom: 15px !important;
}

.small-gap-top {
    margin-top: 15px !important;
}

.small-padding-gap-top {
    padding-top: 15px !important;
}

.small-gap-right {
    margin-right: 5px !important;
}

.minimal-gap-top {
    margin-top: 5px !important;
}

.gap {
    margin-bottom: 30px !important;
}

.big-gap {
    margin-bottom: 40px !important;
}

.no-gap {
    margin-bottom: 0px !important;
}

.gap-top {
    margin-top: 30px !important;
}

.big-gap-top {
    margin-top: 40px !important;
}

.no-gap-top {
    margin-top: 0px !important;
}

.no-padding {
    padding: 0 !important;
}

.align-top {
    vertical-align: top;
}

.align-bottom {
    vertical-align: bottom;
}

.full-width {
    width: 100%;
}

.no-margin {
    margin: 0 !important;
}

.align-item--center {
    align-items: center;
}

span.no-gap-for-child p {
    margin-bottom: 0px !important;
}

.floatr-max-width {
    float: right !important;
    width: 300px;
}

.gap-left {
    padding-left: 20px;
}

.nowrap {
    white-space: nowrap;
}

.multi-input {
    float: left;
    position: relative;
}

.feedbackPanel {
    margin-bottom: 30px;
}

.feedbackPanel span {
    white-space: pre-line;
}

.feedbackPanelERROR {
    color: red;
}

.red {
    color: red;
}


.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.flex-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/*
.mscontentinner .feedbackPanel li.feedbackPanelINFO {
    background: url("../img/_icon-ok.png") no-repeat left 0;
    margin: 8px;
    min-height: 24px;
    padding: 8px 0 0 40px;
}
*/

/* RTE */
.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center !important;
}

/* HYPERLINKS */
a:link, a:visited {
    color: #949a15;
    text-decoration: line;
    font-weight: normal;
    outline: none;
}

a:active, a:hover {
    color: #C9D200;
}

a label {
    cursor: pointer;
}

/* Fix fuer Links innerhalb einer NOTE, da sich die Farbe sonst zu wenig vom Hintergrund abhebt */
.note a:hover {
    color: #494B49;
    text-decoration: underline;
}

.note form a:hover {
    color: #494B49;
    text-decoration: underline;
}

.note a {
    color: #494B49;
    text-decoration: underline;
}

.note form a {
    color: #494B49;
    text-decoration: underline;
}

/* Fix fuer Links innerhalb einer Tab-Überschrift, da sich die Farbe sonst zu wenig vom Hintergrund abhebt */
.tab-row a, .tab-row a:link, .tab-row a:hover {
    color: #fff;
}

a.vvIdLink {
    color: #949a15;
    text-decoration: underline;
}

a.vvIdLink a:hover {
    color: #C9D200;
    text-decoration: underline;
}

a.deaktiviert {
    color: #DDDDDD !important;
    text-decoration: line-through !important;
}

a.deaktiviert a:hover {
    color: #FFFFFF !important;
    text-decoration: line-through !important;
}

.mstopnavi a {
    text-decoration: none;
    font-weight: normal;
    padding-right: 20px;
}

.mstopnavi a:visited, .mstopnavi a:active, .mstopnavi a:hover,
.msfooterinner a:link, .msfooterinner a:visited, .msfooterinner a:active, .msfooterinner a:hover {
    text-decoration: underline;
}

.mstopnavi a:link, .mstopnavi a:visited, .mstopnavi a:active, .mstopnavi a:hover {
    color: #000000;
}

.msfooterinner a:link, .msfooterinner a:visited {
    color: #FFF;
    padding: 0 10px;
    text-decoration: none;
}

.msfooterinner a:visited, .msfooterinner a:active, .msfooterinner a:hover {
    text-decoration: underline;
}


/* FORM ELEMENTS */
form {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #494b49;
}

#mailform legend {
    display: none;
}

#mailform input {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    width: 250px;
    height: 20px;
    border: 1px solid #61666e;
    padding: 0 0 0 5px;
    background-color: #e5e5e5;
    color: #494b49;
}

#mailform select {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    width: 257px;
    height: 20px;
    border: 1px solid #61666e;
    padding: 1px 0 0 0;
    background-color: #e5e5e5;
    color: #494b49;
}

#mailform textarea {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    width: 250px;
    border: 1px solid #61666e;
    padding: 5px 0 0 5px;
    background-color: #e5e5e5;
    color: #494b49;
}

#mailform fieldset {
    border: none;
    margin: 0;
    padding: 0;
    border: none;
}

#mailform label {
    display: none;
}

#mailform .csc-form-label, .csc-form-label-req {
    margin: 0;
    padding: 0;
}

#mailform .csc-mailform {
    border: 0;
    padding-top: 5px;
}

#mailform .csc-mailform-field {
    padding: 2px 0 2px 5px;
    clear: left;
    background-color: #f5f5f5;
    margin-top: 1px;
    margin-bottom: 2px;
    float: left;
    width: 100%;
}

#mailform .csc-mailform-field label {
    display: block;
    float: left;
    width: 100px;
    margin-right: 20px;
    padding-top: 3px;
}

#mailform .csc-mailform-label {
    margin-left: 5px;
    height: 25px;
    padding: 15px 0 0 0;
    float: left;
}

#mailform .csc-mailform-check {
    width: auto;
}

#mailform .csc-mailform-radio input.csc-mailform-radio {
    display: block;
    float: left;
    width: auto;
}

#mailform .csc-mailform-radio label {
    width: auto;
    padding: 5px 20px 0 5px;
}

#mailform .csc-mailform-field #mailformformtype_mail {
    margin-top: 4px;
    width: auto;
    color: #494b49;
    background-color: #e5e5e5;
    margin-left: 120px;
    border: 1px solid #61666e;
    height: 22px;
    padding: 1px 5px 7px 5px;
    font-weight: bold;
}

#mailform .csc-mailform-field #mailformformtype_mail:hover {
    cursor: pointer;
}

/* HEAD ELEMENTS */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
}

h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #494b49;
    text-align: left;
    line-height: 18px;
}

h1 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 10px;
    color: #494b49;
    text-align: left;
    line-height: 24px;
}

h2 {
    font-size: 14px;
    margin: 0;
    color: #494b49;
    text-align: left;
    line-height: 18px;
    padding: 0;
    font-weight: bold;
}

h3 {
    font-size: 12px;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 12px;
}

.impressum h3 {
    font-size: 13px;
}

.impressum ul {
    padding-left: 0px !important;
}

.impressum ol {
    padding-left: 15px !important;
}

/*GENERAL ELEMENTS*/
.msbg {
    width: 924px;
    margin: auto;
}

.msmain {
    width: 904px;
    text-align: left;
    float: left;
    background: url(../img/bg-main.png) repeat-y;
}

.mshead {
    height: 50px;
    width: 904px;
    position: relative;
    background: url(../img/bg-head.png) no-repeat left bottom;
}

.mstopnavi {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #7c7c7c;
    background-color: #FFF;
    height: 44px;
    width: 904px;
}

.mstopnavi .test {
    color: #FF0000;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 10px;
}

.mstopnavi .infotext {
    color: #DD0000;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    margin: 10px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 95%;
    text-overflow: ellipsis;
}

.mssearch {
    width: auto;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 110;
    background: url(../img/bg-search.png) no-repeat left top;
}

.mslogo {
    height: 163px;
    width: 228px;
    position: absolute;
    left: 0;
    top: 44px;
    z-index: 55;
    background: rgba(221, 226, 219, 0.5);
}

.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

.msbanner { /*height: 332px;*/
    width: 904px;
}

.mscontent {
    font-size: 12px;
    text-align: left;
    color: #494b49;
    width: 904px;
    float: left;
    line-height: 17px;
    font-family: Arial, Helvetica, sans-serif;
    clear: left;
    background-color: #dde2db;
}

.msleft {
    float: left;
    width: 228px;
}

.msright {
    float: left;
    width: 676px;
    background-color: #f5f5f5;
}

.mscontentinner {
    float: left;
    width: 616px;
    min-height: 400px;
    padding: 35px 30px 0;
}

.msfooter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999;
    width: 904px;
    line-height: 17px;
    clear: left;
    float: left;
    background-color: #DDE2DB;
}

.mssocial {
    float: left;
    width: 210px;
    padding-left: 18px;
    color: #616A74;
}

.mssocial img {
    padding-top: 3px;
}

.msfooterright {
    background: #F5F5F5;
    float: right;
    width: 626px;
    border-bottom: 8px solid #C9D200;
    min-height: 50px;
    color: #616A74;
    padding-left: 50px;
    border-top: 1px solid #bfbfbf;
}

.msfooterinner {
    text-align: right;
    clear: left;
    float: left;
    width: 879px;
    background-color: #626562;
    padding: 15px 25px 35px 0;
    color: #FFF;
}

.msbox001 {
    width: 668px;
    clear: left;
    float: left;
}

.msbox001left {
    width: 324px;
    margin-right: 20px;
    float: left;
}

.msbox001right {
    width: 324px;
    float: left;
}

.msbox002 {
    width: 668px;
    clear: left;
    float: left;
}

.msbox002left {
    width: 210px;
    margin-right: 19px;
    float: left;
}

.msbox002middle {
    width: 210px;
    margin-right: 19px;
    float: left;
}

.msbox002right {
    width: 210px;
    float: left;
}

.msbox003 {
}

.msbox003headline {
    background-color: #B9B6B4;
    color: #FFF;
    font-family: Source Sans Pro, Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 18px;
    padding: 10px;
}

.msbox003text {
    background: url(../img/bg-box003-text.png) repeat-x left bottom;
    min-height: 75px;
    color: #353232;
}

.msbox003textinner {
    padding: 8px;
}

.msbox004 {
    border: 1px solid #ADADAD;
    min-height: 250px;
}

.msbox004inner {
    padding: 8px;
}

.msbox004inner h1 {
    color: #353232;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 0;
    padding: 0 0 6px;
    text-align: left;
}

.msbox004inner h1 a {
    text-decoration: none;
    font-weight: bold;
    color: #353232;
}

.msbox004inner .news-list-container {
    padding: 0;
}

.navilinks {
    display: inline-block;
    float: right;
    margin: 14px;
}


.msfooterright .bodytext {
    text-align: left;
}

.msfooterright .csc-textpic-imagewrap li {
    margin: 0 10px 10px 0;
}


/* SIDE MENU */
ul.dropdown, ul.dropdown li, ul.dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.dropdown {
    position: relative;
    z-index: 5;
    float: left;
    letter-spacing: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    color: #ffffff;
}

ul.dropdown li {
    float: left;
    vertical-align: middle;
    zoom: 1;
    text-transform: normal;
}

ul.dropdown li.hover, ul.dropdown li:hover {
    position: relative;
    z-index: 6;
    cursor: default;
}

/*Ebene 1*/
ul.dropdown li a {
    float: left;
    display: block;
    height: 24px;
    padding: 9px 0 0 17px;
    text-decoration: none;
    color: #ffffff;
    width: 211px;
    background-color: #58595e;
    border-bottom: solid 1px #2f3033;
    border-top: solid 1px #737476;
}

ul.dropdown li.placeholder {
    display: block;
    height: 24px;
    padding: 9px 0 0 17px;
    width: 211px;
    background-color: #58595e;
    border-bottom: solid 1px #2f3033;
    border-top: solid 1px #737476;
}

ul.dropdown li a:hover, ul.dropdown li.active a {
    color: #C9D200;
}

ul.dropdown li.active ul li a {
    color: #ffffff;
}

/*Ebene 2*/
ul.dropdown ul {
    display: none;
    position: absolute;
    left: 228px;
    z-index: 5;
    width: 228px;
    padding: 0;
}

ul.dropdown ul li {
    float: none;
}

ul.dropdown ul li a {
    float: none;
}

ul.dropdown ul ul {
    top: 0;
    left: 99%;
    margin-left: auto;
}

ul.dropdown li:hover > ul {
    display: block
}

/*Ebene 3*/
ul.dropdown ul li ul {
    display: none;
    position: absolute;
    left: 228px;
    z-index: 6;
    width: 228px;
    padding: 0;
}

ul.dropdown ul li ul li {
    float: none;
}

ul.dropdown ul li ul li a {
    float: none;
}

ul.dropdown ul li ul ul {
    top: 0;
    left: 99%;
    margin-left: auto;
}

ul.dropdown li ul li:hover > ul {
    display: block
}


ul.dropdown li.dir > a {
    background: url('../img/navi-button-dir.png') 0 0 no-repeat #58595e;
}

ul.dropdown li.last a {
}

ul.dropdown li.last ul li a {
    color: #ffffff;
}

ul.dropdown li ul li a:hover {
    color: #C9D200;
}

ul.dropdown li.active ul li.active a {
    color: #C9D200;
}

/*
ul.dropdown-linear li.hover, ul.dropdown-linear li:hover {  position: static;}
ul.dropdown-linear ul ul {  display: none !important;}

ul.dropdown-columnar ul li {  position: static; padding-left: 0;  padding-right: 0;  width: 228px;    border-top: solid 1px #2f3033;}
ul.dropdown-columnar ul ul {  display: block !important;  position: static;  width: auto !important;}
ul.dropdown-columnar ul ul li {  float: none;}
ul.dropdown-columnar ul ul ul {  display: none;}
ul.dropdown-columnar li.hover ul, ul.dropdown-columnar li:hover ul { display: block !important;}
*/


/* CONTENT ELEMENTS */
.mscontentinner ul {
    padding-left: 30px;
    text-align: left;
    list-style-type: none;
    padding-top: 5px;
}

.mscontentinner ul li {
    background: url(../img/_icon-dot-green.gif) no-repeat left 5px;
    padding-left: 13px;
    padding-bottom: 3px;
}

.note ul li {
    background: url(../img/_icon-dot-grey.png) no-repeat left 5px;
    padding-left: 13px;
    padding-bottom: 3px;
}

.mscontentinner ul li.csc-textpic-image {
    background: none;
}

.mscontentinner ol {
    padding-left: 43px;
    text-align: left;
    padding-top: 5px;
}

.mscontentinner ol li {
    list-style-type: decimal;
}

.mscontentinner ul.tx_dljquerybildwechsler_pi1-img li {
    background-image: none;
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 0;
}

.mscontentinner ul.silentList li {
    background-image: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.mscontentinner ul.silentList {
    background-image: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.mscontentinner ul.lean {
    padding: 0px;
    word-break: break-word;
    word-wrap: break-word;
}

.csc-textpic-imagewrap {
    margin-top: 0;
}

.csc-textpic-imagewrap li {
    float: left;
}

.contenttable {
}

.contenttable th, .mscontentinner table th {
    background-color: #CCCCCC;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px dotted #000;
    line-height: 20px;
    padding: 4px 8px 5px 2px;
    text-align: left;
    margin: 0 0 7px 0;
    border-top: 1px dotted #FFFFFF;
}

.contenttable th a, .mscontentinner table th a {
    font-weight: bold;
    text-decoration: none;
}

.contenttable td, .mscontentinner table td {
    padding: 3px 4px 4px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-bottom: 1px dotted #000000;
}

.contenttable td, .mscontentinner table td input.width190 {
    width: 190px;
}

.contenttable td.headspacer, .mscontentinner table td.headspacer {
    display: none;
}

.contenttable .tr-even {
    background-color: #5e5e5e;
}

.contenttable .tr-odd {
    background-color: #F6F6F6;
}

.table100 {
    width: 100%;
}

.table100-33 {
    width: 100%;
}

.table100-33 .td-0 {
    width: 33%;
}

.table100-33 .td-1 {
    width: 34%;
}

.table100-33 .td-2 {
    width: 33%;
}

.table100-50 {
    width: 100%;
}

.table100-50 .td-0 {
    width: 50%;
}

.table100-50 .td-1 {
    width: 50%;
}

.download-pdf {
    background: url(../img/_icon-download.gif) no-repeat 0 2px;
    padding-left: 16px;
}

.download-doc {
    background: url(../img/_icon-doc.gif) no-repeat 0 2px;
    padding-left: 16px;
}

.download-zip {
    background: url(../img/_icon-zip.gif) no-repeat 0 2px;
    padding-left: 16px;
}

.csc-textpic-caption {
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic;
}

/* SUCHE */
ul.browsebox {
    padding: 10px 0 10px;
}

ul.browsebox li {
    margin: 0;
    padding: 10px 0 20px;
    list-style: none inside;
    background: none;
}

ul.browsebox li, ul.browsebox li.tx-indexedsearch-browselist-currentPage {
    display: inline;
    margin: 0;
    padding: 0;
    background-image: none;
}

.browsebox li a {
    margin-right: 5px;
}

.tx-indexedsearch-browsebox {
    padding-top: 5px;
    padding-bottom: 10px;
}

input.suchbutton {
    height: 21px;
    width: 21px;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}

.mscontentinner input.suchbutton {
    height: 21px;
    width: 21px;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
}

.search_input {
    padding: 0;
    height: 21px;
    width: 111px;
    margin: 0 0 0 25px;
    color: #7c7c7c;
    background-color: transparent;
    border: 0 solid #b2b2b2;
    font-size: 11px;
}

.mscontentinner .search_input {
    padding: 0 0 0 25px;
    height: 21px;
    width: 111px;
    margin: 0;
    color: #7c7c7c;
    border: 0 solid #b2b2b2;
    font-size: 11px;
    background: transparent url(../img/bg-search.png) no-repeat left top;
}

html .search_input {
    margin: 0;
}

.textfeld {
    width: 136px;
    float: left;
}

.tx-indexedsearch-whatis {
    clear: left;
    padding-top: 5px;
}

.tx-indexedsearch-browselist-currentPage a:link, .tx-indexedsearch-browselist-currentPage a:visited,
.tx-indexedsearch-browselist-currentPage a:active, .tx-indexedsearch-browselist-currentPage a:hover {
    font-weight: bold;
    color: #000000;
}

.tx-indexedsearch-res {
    padding-bottom: 0;
}


.input-container h2 {
    margin-bottom: 20px;
}


/* TAB-CONTENT
_____________________________________________________________________________*/
.mscontentinner .tab-menu {
    border-bottom: #626562 solid 1px;
    margin-bottom: 10px;
}

.mscontentinner .tab-menu ul {
    float: right;
    list-style: none
}

.mscontentinner .tab-menu li {
    float: left;
    display: block;
    background-image: none;
    color: #fff;
    overflow: hidden;
    margin-right: 1px;
    line-height: 20px;
    background-color: #626562;
    padding: 5px 10px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}


/* Input-Felder
_____________________________________________________________________________*/
.standard-form label {
    float: left;
    clear: left;
    min-width: 350px;
    width: 310px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.standard-form .button-container label {
    text-align: left;
}

.standard-form input, .standard-form select {
    float: left;
    width: 225px;
    text-align: left;
    box-sizing: border-box;
}

.input_small {
    width: 80px;
    text-align: left;
}

.standard-form select.wide {
    width: 275px
}

.standard-form input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: -3px;
}

.standard-form input[type="radio"] {
    width: auto !important;
    height: 15px;
    margin: 0 10px 10px 0;
    float: left;
}

.standard-form input[type="radio"] + label {
    clear: none;
    float: left;
    width: auto;
}

.standard-form input[disabled="disabled"] { /*background-color: #d7da85; border: 1px solid #C9D200;*/
    color: #494B49; /*padding: 2px; */
}

.standard-form input[readonly="readonly"] { /*background-color: #d7da85;*/
    border: 1px solid #AFAFAF;
    color: #6d6d6d; /*padding: 2px; */
}

.standard-form input[type="text"][disabled="disabled"] {
    background-color: #ffffff;
}

.standard-form {
    width: 100%
}

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 1px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}

select {
    border-radius: 0px;
    align-items: center;
    white-space: pre;
    color: black;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: grey;
}

select:disabled {
    color: gray;
}

_:-moz-tree-row(hover), select {
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 82%, black 12%), linear-gradient(135deg, black 18%, transparent 15%);
    background-repeat: no-repeat;
    background-position: calc(100% - 7px) 6px, calc(100% - 4px) 6px;
    background-size: 3px, 3px;
    padding-right: 12px;
}

select:not(:-internal-list-box) {
    overflow: visible !important;
}

input {
    background-color: white;
    cursor: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #b2b2b2;
    border-image: initial;
}

.input-descr {
    width: 195px;
    clear: both;
    margin-left: 365px;
    margin-bottom: 10px !important;
    color: #aaa;
}

h3.error, p.error {
    color: red;
}

.error input, input.error, select.error {
    background-color: pink;
    border: 1px dashed red;
    color: #000;
    padding: 1px;
}

.error .input-descr {
    color: red;
}

.container ul.errorFeedback.datePickerWPKontrolleError {
    float: none;
    margin: 0 0 0 0;
    padding: 0;
}

.container ul.errorFeedback.bzAbfrage {
    float: left;
    margin: 0 0 10px 317px;
    padding: 0;
}

.container ul.errorFeedback.bzMeldenStorno {
    float: left;
    margin: 0 0 10px 355px;
    padding: 0;
}

.container ul.errorFeedback {
    float: left;
    margin: 0 0 10px 365px;
    padding: 0;
}

.antrag ul.errorFeedback {
    float: left;
    margin: 5px 0 10px 0px;
    padding: 0;
}

.tps ul.errorFeedback {
    float: left;
    margin: 5px 0 10px 315px;
    padding: 0;
}

.tps-column ul.errorFeedback.noselection, .tps-column ul.errorFeedback {
    float: left;
    margin: 5px 0 10px 0;
    padding: 0;
}

.column ul.errorFeedback {
    float: left;
    margin: 0;
    width: 175px;
    padding: 0;
}

.column.floatr ul.errorFeedback {
    float: left;
    margin: 5px 0 0 0;
    width: 300px;
    padding: 0;
}

.column div.long-input {
    float: left;
    margin: 0;
    width: inherit;
    padding: 0;
}

.column div.long-input ul.errorFeedback {
    float: left;
    margin: 5px 0 0 0;
    width: inherit;
    padding: 0;
}

.column div.normal-input ul.errorFeedback {
    float: left;
    margin: 5px 0 0 0;
    width: inherit;
    padding: 0;
}

.column a {
    margin-top: 5px;
    width: 123px;
}

.column a.left {
    width: 123px;
    margin-left: 0;
}

.column a.long {
    width: 279px;
    margin-left: 0;
}

.column a.middle {
    width: 180px;
    margin-left: 0;
}

.column .long {
    width: inherit;
    margin-left: 0;
}

.column div.long-input input.dateMitPicker {
    width: 279px;
}

.column div.long-input span.yui-skin-sam {
    position: absolute;
}

.column div.long {
    width: inherit;
}

/* Verhindert das die links im Datepicker davon betroffen sind */
.yui-calcontainer a {
    margin-top: 0;
    width: 20px;
}

.column.edit ul.errorFeedback {
    float: left;
    margin: 0 0 10px 170px;
    width: 175px;
    padding: 0;
}

.column div.button-container {
    padding: 5px 0 !important;
}

.group ul.errorFeedback {
    margin: 5px 0px 10px 0px;
}

ul.errorFeedback > li {
    background: none;
    color: #ff0000;
    margin: 0;
    padding: 0;
}

ul.silentFeedback {
    display: none;
}

ul.uploadFeedback {
    position: relative;
    left: -170px;
}

ul.uploadIE8Feedback {
    position: absolute;
    top: 455px;
    left: 260px;
}

ul.defaultFeedback {
    position: relative;
    top: 5px;
    left: -100px;
}

input#fileselect.btn-standard.fileselect.error {
    border: 1px solid #b2b2b2;
    color: #fff;
    background-color: #626562;
}

a.btn-standard.btn-table {
    min-width: 60px;
    padding: 3px;
    margin: 2px;
}

a.btn-standard.btn-table-bigger {
    min-width: 80px;
    padding: 3px;
    margin: 2px;
}

a.btn-standard.btn-table.double {
    min-width: 132px;
}

.fixedMessage {
    margin: 0 !important;
    position: absolute;
    top: 28px;
}

input.long {
    width: 300px !important;
}

input.middle {
    width: 140px;
}

input.middle2 {
    width: 150px;
}

input.short {
    width: 45px;
}

input.strasse {
    width: 185px;
}

input.hausnummer {
    width: 35px;
}

input.plz {
    width: 50px;
}

input.ort {
    width: 170px;
}

input.first {
    margin-right: 5px;
}

input.dateMitPicker {
    width: 200px;
}

select.middle {
    width: 100px !important;
}

select.short {
    width: 60px !important;
}

.column input.dateMitPicker {
    width: 150px;
}

.input-box div.floatl {
    margin-right: 35px;
}

.input-box label {
    display: block;
    float: none;
    margin: 5px 0 0;
}

.input-box input, select {
    float: none;
    margin-top: 0px;
}

.input-box select {
    height: 24px;
}

/*Standard-Buttons*/
.button-container {
    text-align: right;
    margin-bottom: 0 !important;
    padding: 10px 0 !important;
    text-decoration: none;
}

.button-container button, .button-container a, .btn-standard {
    margin-left: 10px;
    margin-right: 0;
    border: 1px solid #b2b2b2;
    padding: 5px 10px;
    height: auto;
    min-width: 100px;
    float: right;
    color: #fff;
    background-color: #626562;
    text-decoration: none;
}

.button-container a {
    text-align: center;
    text-decoration: none;
}

.button-container-deactivated {
    background-color: #b2b2b2;
    padding: 5px 10px;
    color: #fff;
}


/*Akkordeon Styling*/
.ui-accordion-header {
    margin-right: 0;
    border-bottom: solid 1px #2f3033;
    border-top: solid 10px #f5f5f5;
    padding: 5px 10px;
    height: auto;
    min-width: 100px;
    color: #fff;
    background-color: #626562;
    text-decoration: none;
    outline: 0px
}

.ui-accordion-header:hover, .ui-accordion-header-active:hover {
    cursor: pointer;
}

.ui-accordion-header-active, .ui-accordion-header:hover {
    background-color: #C9D200;
    color: #000;
    -webkit-box-shadow: inset 0 0 20px 5px #949a15;
    -moz-box-shadow: inset 0 0 20px 5px #949a15;
    box-shadow: inset 0 0 20px 5px #949a15;
    border-bottom: solid 1px #949a15;
    border-top: solid 10px #f5f5f5;
}

.ui-accordion-content-active {
    margin: 20px;
}

/* Stammdaten-Vergleich Panel */
.stammdatenVergleich table {
    width: 100%;
    border-collapse: collapse;
}

.stammdatenVergleich table th {
    color: black;
    text-decoration: underline;
    background-color: transparent;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-left: thin solid #000000;
    background-color: transparent;
}

.stammdatenVergleich table td {
    border-bottom-style: none;
    padding-left: 5%;
}

.stammdatenVergleich table tr {
    border-bottom-style: none;
}

.stammdatenVergleich table th.left, td.left {
    border-left-style: none;
}

.stammdatenVergleich table th.right, td.right {
    border-left: thin solid #000000;
}

.stammdatenVergleich label {
    width: 100%;
    float: none;
    min-width: 100px;
    width: 150px;
    margin-right: auto;
}


/*Buttons für Vergleich müssen mittig sein*/
.button-containerMiddle {
    text-align: center;
    margin-bottom: 0 !important;
    text-decoration: none;
}

.button-containerMiddle button, .button-containerMiddle a, .btn-standard {
    margin-left: 10px;
    margin-right: 0;
    border: 1px solid #b2b2b2;
    padding: 5px 10px;
    height: auto;
    min-width: 100px;
    color: #fff;
    background-color: #626562;
    text-decoration: none;
}

.button-containerMiddle a {
    text-align: center;
    text-decoration: none;
}

/*Buttons für Vergleich linksbündig */
.button-containerLeft {
    text-align: left;
    margin-bottom: 0 !important;
    text-decoration: none;
}

.button-containerleft button, .button-containerLeft a, .button-containerLeft span, .btn-standard {
    margin-right: 0;
    border: 1px solid #b2b2b2;
    padding: 5px 10px;
    height: auto;
    min-width: 100px;
    color: #fff;
    background-color: #626562;
    text-decoration: none;
}

.button-containerLeft a {
    text-align: center;
    text-decoration: none;
}

a.cancel, button.cancel, span.cancel {
    background-color: #b2b2b2 !important;
    box-shadow: none !important;
}

/*Hover-Effekte*/

/*hover-yellow*/
.input-container button:hover, .input-container .active, .button-container a:hover, .button-container2 a:hover,
.input-container .tab-menu li:hover, .input-container .tab-menu li.selected, .input-container .btn-standard:hover,
.button-containerleft button:hover, .button-containerLeft a:hover, .button-containerMiddle button:hover,
.button-containerMiddle a:hover {
    background-color: #C9D200;
    -webkit-box-shadow: inset 0 0 20px 5px #949a15;
    -moz-box-shadow: inset 0 0 20px 5px #949a15;
    box-shadow: inset 0 0 20px 5px #949a15;
}

.button-containerLeft table a:hover {
    color: #fff;
}


/*-----*/
.container {
    margin-bottom: 30px;
    padding-top: 5px;
    padding-bottom: 5px
}

.container.filled {
    background: #DDE2DB
}

.container .short {
    width: 145px;
}

.error-note, .note {
    padding: 10px;
    margin-bottom: 20px;
}

.error-note {
    background-color: pink;
    border: 1px dashed red;
}

.note {
    background-color: #d7da85;
    border: 1px dashed #C9D200;
}

.error span {
    font-style: italic;
}

.note span {
    font-style: italic;
}

.input-container .container > div {
    float: left;
}

.input-container .container p, .input-container .container h5 {
    margin-bottom: 20px;
}

.input-container .tripple > input {
    width: 20px;
    min-width: 20px;
}

.input-container .tripple > input.long {
    width: 40px;
    min-width: 20px;
}

.input-container .tripple > p {
    float: left;
    margin: 0 10px
}

.container .date {
    font-weight: bold;
}

td.no-gap p {
    margin-bottom: 0px !important;
}


/*--------------*/
.column {
    width: 300px;
}

.column.first, .column.second {
    float: left;
}

.column.first {
    margin-right: 15px;
}

.column label {
    width: 90px;
    min-width: 0;
}

.vvsuche.column label {
    width: 100%;
    min-width: 0;
    padding-left: 1px;
    margin-bottom: 0px;
}

.column input {
    width: 175px;
    box-sizing: border-box;
}

.vvsuche.column input {
    width: 250px;
    box-sizing: border-box;
    margin-bottom: 8px;
}

.column select {
    width: 175px;
    box-sizing: border-box;
}

.longcolumn select {
    width: 100%;
    box-sizing: border-box;
}

.column input[type="radio"] {
    width: auto !important;
    height: 15px;
    margin: 0 10px 10px 0;
    float: left;
}

.column input[type="radio"] + label {
    clear: none;
    float: left;
    width: auto;
}

.column .input-descr {
    width: 145px;
    margin-left: 105px;
}

.column .tripple > input {
    width: 20px;
    min-width: 20px;
}

.column input.middle {
    width: 125px;
}

.column input.short {
    width: 45px;
}

.column input.middle + input.short,
.column input.short + input.middle,
.column input.middle + ul.errorFeedback + input.short,
.column input.short + ul.errorFeedback + input.middle {
    margin-left: 5px;
}

/* VV/Nutzer-Ändern */
.column.first.edit {
    width: 350px;
    float: left;
}

.column.second.edit {
    width: 215px;
}

.column.second.edit a {
    width: 175px;
}

.column.edit label {
    width: 158px;
    min-width: 0;
}

.column.first.edit.border {
    border-style: groove;
    border-width: 1px;
    border-color: #cccccc;
    padding: 10px;
}

.edit-button {
    width: 175px;
}

.edit-button-spacer {
    height: 2em;
    display: inline-block;
    width: 100%;
}

.no-tgic-hint {
    margin-top: -10px;
}

.small {
    max-width: 240px;
}

.group {
    float: left;
}

/*---------*/
.info-box {
    border: 2px solid #C9D200;
    background-color: #fff;
    min-height: 150px;
    width: inherit;
    padding: 10px;
}

.info-box2 {
    border: 2px solid #C9D200;
    background-color: #fff;
    width: 580px !important;
    padding: 5px;
    margin-top: 15px
}

.standard-form .info-box2 {
    margin: 10px 0 10px 0;
}

/*Table Layout*/
table.standard-table {
    margin: 20px 0;
    table-layout: fixed;
    width: inherit;
}

table.standard-table th, table.standard-table td {
    padding: 5px;
    overflow: hidden;
}

table.standard-table th {
    font-size: 12px;
    background-color: #DDE2DB;
    color: #494B49
}

table.standard-table thead {
}

table.standard-table tr.storno {
    background-color: #FFCCCC;
}

table.standard-table tr.korrekturbuchung {
    font-style: italic;
}

table.ganze-breite {
    table-layout: auto;
    width: 100%;
}

tr.even {
}

tr.odd {
    background-color: #DDE2DB;
}

/*Tabellenlayout*/
table {
    margin: 20px 0;
    table-layout: fixed;
}

table th, table td {
    padding: 15px;
    overflow: hidden;
}

table th {
    font-size: 12px;
    background-color: #DDE2DB;
    color: #494B49;
}

table tr.storno {
    background-color: #FFCCCC;
}

table tr.korrekturbuchung {
    font-style: italic;
}

.wicket_orderNone:after {
    content: "  ";
    font-weight: 900;
}

.wicket_orderUp:after {
    content: "  \2193";
    font-weight: 900;
    color: #494B49;
}

.wicket_orderDown:after {
    content: "  \2191";
    font-weight: 900;
    color: #f00;
    color: #494B49;
}

tr.hoverable:hover {
    background-color: #DDE2DB;
    cursor: pointer;
}

tr.storniert {
    background-color: #fcc;
    text-style: italic;
}

table a:hover {
    color: #949a15;
}

/*Tabellenbreiten*/

table th.large {
    width: 25%;
}

table th.small {
    width: 10%;
}

.noborder {
    border: none !important;
}

.topandbottomborder {
    border-bottom: dotted 1px #2f3033 !important;
    border-top: dotted 1px #2f3033 !important;
}


/*TPS-Wechsel*/
.tps {
    width: 100%;
}

.tps-form label {
    float: left;
    clear: left;
    width: 200px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.tps-form input {
    float: right;
    width: 350px;
    text-align: left;
    box-sizing: border-box;
}

.tps-form select {
    float: left;
    width: 300px;
    text-align: left;
    box-sizing: border-box;
    margin-right: 15px;
}

.tps-form {
    width: 100%
}

.short-label label {
    float: left;
    clear: left;
    width: 90px;
    min-width: 0px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.tps-column {
    width: 50%;
    vertical-align: top;
    border-bottom: none !important;
}

.tps-column input {
    width: 300px;
}

.emaillabel {
    width: 250px !important;
    min-width: 250px !important; /*padding-left: 5px;*/
}

.statusliste {
    padding-left: 10px !important;
}

.statusinfo {
    font-style: normal !important;
}

/*Erklärungen und Zertifikate anzeigen*/
td.noBottomBorder {
    border-bottom: 0px #000 !important;
}

img.iconPdf {
    width: 17px;
    height: 24px;
    border: none;
}

img.iconMail {
    width: 24px;
    height: 15px;
    border: none;
}

img.iconMail-small {
    width: 20px;
    height: 12px;
    border: none;
}

#abrechnungsDetail {
    width: 640px;
}

#abrechnungsDetail .summe {
    font-weight: bold;
}

#abrechnungsDetail .gesamtpunkte {
    font-weight: bold;
    border-top: 2px solid #000;
}

#abrechnungsDetail .abgerechnete_punkte {
    font-weight: bold;
    border-top: 2px solid #000;
}

#hinweisLimit {
    font-weight: bold;
}

.kontoinhaberIdLink {
    word-wrap: break-word;
    color: #949a15;
}

.status {
    hyphens: auto;
    width: 95px;
    word-wrap: break-word;
}

.kontoinhaberRegisternummer {
    word-wrap: normal;
    word-break: normal;
}

.berechtigungen {
    width: 100% !important;
}

.berechtigungen .benutzerRechte {
    width: 30%;
    vertical-align: top;
}

.berechtigungen .benutzerRechte .checkboxWithBottomMargin {
    margin-bottom: 50px;
}

.berechtigungen .benutzerRechteErlaeuterung {
    width: 70%;
}

.berechtigungen .benutzerRechteErlaeuterung {
    width: 70%;
}

.berechtigungen .sonderrechte {
    padding-top: 20px;
    padding-bottom: 15px;
    color: red;
    font-weight: bold;
}

.berechtigungen .erlaeuterungen {
    padding-left: 25px;
}

ul.benutzerRechteErlaeuterung {
    padding: 0px 0px 0px 20px;
    width: 95% !important;
}

/*Progressbar Layout*/
div.progress {
    margin-left: 5px;
    background: lightgrey;
    border: 1px solid grey;
    height: 48px;
    width: 48px;
    float: left;
}

div.progressData {
    margin-left: 5px;
    padding-top: 17px;
    padding-left: 1px;
    font-style: bold;
    font-size: 1.5em;
    position: absolute;
    width: 47px;
    height: 31px;
    text-align: right;
}

div.progress .progressBad, div.progress .progressGood, div.progress .progressTodo {
    border: none;
    float: left;
    width: 100%
}

.zelleMitUmbruch {
    word-break: break-all;
}

.zeileMitUmbruch {
    word-break: break-all;
    word-wrap: break-word;
}

div.progress .progressBad {
    background: #FF4444;
}

div.progress .progressGood {
    background: #C9D200;
}

div.progress .progressTodo {
    background: lightgrey;
}

/*Fileupload Layout*/
div.fileupload input.fileupload {
    position: absolute;
    visibility: hidden;
}

input.IE8fileupload {
    position: relative;
    top: 20px;
    left: 200px;
    width: 400px;
}

div.fileupload label.filename {
    width: 180px;
    min-width: 180px;
    position: relative;
    top: -3px;
}

div.fileupload label.filename select.filename {
    width: 175px;
    min-width: 175px;
    margin-top: 3px;
}

div.fileupload input.filename {
    width: 300px;
}

div.fileupload input.fileselect {
    width: 100px;
    height: 21px;
    padding: 0px;
    padding-left: 3px;
    margin: 0px;
    margin-left: 5px;
}


/* PRINT STYLESHEET */
@media print {
}


.markierteEingabe {
    background-color: #ccc;
    font-weight: bold;
}


/** Kündigung */
form span.textBold {
    font-weight: bold;
}

.column .info label {
    width: 100%;
}


/** Ansprechpartner verwalten */
.tabbed {
    padding: 0px 0px 5px 30px;
    margin: 0px;
}

.column-ap {
    width: 100% !important;
}

.column-ap label {
    width: 150px;
    min-width: 0px;
}

.column-ap input {
    width: 300px;
    clear: right;
}

.column-ap ul.errorFeedback {
    float: left;
    margin: 0px 0px 15px 0px;
    width: 300px;
    padding: 0px;
}

.orga-ap {
    width: 165px;
    display: block;
    float: left;
}

#bdl-kdnr ul.errorFeedback {
    margin: 0;
}

.benutzerRechteErlaeuterung ul {
    padding-left: 10px;
}

.hinweis {
    display: inline-block;
    margin-top: 5px;
}

/* Die Hinweismeldung auf WpMeldungStep3Page zentrieren */
img.wpMeldung {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.msbanner div.benutzerInfoBox {
    position: absolute;
    bottom: 20px;
    right: 10px;
    font-weight: bold;
    padding: 5px;
    font-family: Arial, sans-serif;
    font-size: 10pt;
}

.msmain .msbanner .benutzerInfoBox {
    text-align: right;
}

table.kontoinhaberRecherche {
    width: 100%;
}

table.kontoinhaberRecherche td.vorname, table.kontoinhaberRecherche td.nachname {
    word-wrap: break-word;
    word-break: break-word;
}

th.kontoinhaberRegisternummer, label.kontoinhaberRegisternummer {
    word-wrap: normal;
    word-break: normal;
    width: 110px;
}

th.geburtsdatum {
    width: 90px;
}

th.gutBeratenIdAndRegisternummerAndTgicId {
    width: 150px;
}

th.gutBeratenId {
    width: 82px;
}

.smaller-font {
    font-size: 11px;
}

#reset-label-styles label {
    min-width: none;
    width: auto;
    margin: 0;
    clear: unset;
    float: unset;
    float: none;
}

.checkbox-gap-right {
    margin-right: 5px;
}

.kontrollTable {
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
    white-space: pre-line;
}

.kontrollTable th:nth-child(1) {
    width: 22%;
}

.kontrollTable th:nth-child(2) {
    width: 15%;
}

.kontrollTable th:nth-child(3) {
    width: 12%;
}

.kontrollTable th:nth-child(4) {
    width: 13%;
}

.kontrollTable th:nth-child(5) {
    width: 15%;
}

.kontrollTable th:nth-child(6) {
    width: 23%;
}

.marker {
    float: left;
    text-align: center;
    width: 20px;
}


.cellTooltip {
    z-index: 10;
    display: none;
    padding: 10px;
    max-width: 300px;
    margin-left: 90px;
}

/* Tooltip arrow */
.cellTooltip::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 100%;
    margin-left: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 #555 transparent transparent;
}

td:hover .cellTooltip {
    display: inline;
    position: absolute;
    color: #fff;
    background: #555;
    border-radius: 0px 6px 6px 6px;
}

.no-left-padding ul {
    padding-left: 0px;
}

.checkbox > input {
    margin-top: 0 !important;
    margin-left: 0px;
    margin-right: 10px;
    height: 20px !important;
    width: 20px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #626562;
    border-radius: 4px;
    outline: none;

    background-color: #ffffff;
    cursor: pointer;
    flex: 0 0 auto;
}

.checkbox > input:checked + span::before {
    content: '\2713';
    display: block;
    text-align: center;
    color: #626562;
    position: absolute;
    left: 0.3rem;
    top: 30%;
}

.checkbox > input:checked + span.zwei-zeilen::before {
    top: 35%;
}

.checkbox > input:checked + span.drei-zeilen::before {
    top: 40%;
}

.checkbox > input:checked + span.vier-zeilen::before {
    top: 42%;
}

.checkbox > input:checked {
    border: 1px solid #626562;
    background-color: #ffffff;
}

.checkbox > input:disabled {
    border: 1px solid #626562;
    background-color: #DDDDDD;
}

.checkbox > span {
    padding: 0.5rem 0.25rem;
    margin: 0;
}

.checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    align-items: center;
    width: auto !important;
    margin: 0 !important;
    min-width: auto !important;
}

.checkbox ul.errorFeedback {
    margin: 0;
}

.checkbox-org-container {
    display: flex !important;
    width: inherit !important;
}

.checkbox-org {
    width: 48% !important;
}

.checkbox-align-text {
    margin-top: 8px;
}

.notfound-title {
    line-height: normal;
    font-size: 35px;
    text-align: center;
    padding-bottom: 20px;
}

.notfound-text {
    text-align: center;
}

.buchungsantrag-table-header > a > div {
    display: flex;
    align-items: center;
}

.buchungsantrag-table-header > a > div > span {
    font-size: 1.5em;
    margin-left: .2em;
}

a.disabled {
    background-color: grey;
}

a.disabled:hover {
    background-color: grey;
    box-shadow: none;
}

.file-overhead {
    background-color: rgba(255, 0, 0, 0.2);
}

.hidden {
    display: none;
}

/*
 * Kontodaten exportieren, Text- und Button-Ausrichtung
 */
.export-row {
    display: flex;
    align-items: flex-start;
    column-gap: 8px;
}

.export-row .first {
    flex: 1 1 auto;                  /* Text bekommt den restlichen Platz */
    min-width: 0;
}

.export-row .second {
    flex: 0 0 max-content;           /* Spalte so breit wie der Button */
}

.export-row .button-container a {
    white-space: nowrap;
}