.appwidth {
    width: 1050px;
}
.footerend {
    clear:both;
    margin-bottom: 40px;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 38px;
    cursor: pointer;
    margin-bottom: 12px;
    display: inline-block;
    font-size: 16px;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 3px; top: -3px;
    width: 22px; height: 22px;
    border: 2px solid #cccccc;
    background: #ffffff;
    border-radius: 2px;
}
[type="checkbox"]:not(:checked) + label.rot:before,
[type="checkbox"]:checked + label.rot:before {
    content: '';
    position: absolute;
    left: 3px; top: -3px;
    width: 22px; height: 22px;
    border: 2px solid red;
    background: #ffffff;
    border-radius: 2px;
}
[type="checkbox"]:not(:checked) + label.gruen:before,
[type="checkbox"]:checked + label.gruen:before {
    content: '';
    position: absolute;
    left: 3px; top: -3px;
    width: 22px; height: 22px;
    border: 2px solid green;
    background: #ffffff;
    border-radius: 2px;
}
.ltable2text [type="checkbox"]:not(:checked) + label:before,
.ltable2text [type="checkbox"]:checked + label:before {
    top: 10px;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '\2713\0020';
    position: absolute;
    top: -2px; left: 8px;
    font-size: 22px;
    line-height: 1.2;
    color: #000000;
    font-weight: bold;
    transition: all .2s;
}
.ltable2text [type="checkbox"]:not(:checked) + label:after,
.ltable2text [type="checkbox"]:checked + label:after {
    top: 9px;
}
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #999999;
    background-color: #dddddd;
}
[type="checkbox"]:disabled:checked + label:after {
    color: #999999;
}
[type="checkbox"]:disabled + label {
    color: #aaaaaa;
}
label:hover:before {
    border: 2px solid #4778d9 !important;
    background: #ffffff
}
.coloredbox [type="checkbox"]:not(:checked) + label:before,
.coloredbox [type="checkbox"]:checked + label:before {
    background-color: #fcdec9
}

[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    padding-left: 38px;
    cursor: pointer;
    margin-bottom: 12px;
    display: inline-block;
    font-size: 16px;
}
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 3px; top: -3px;
    width: 22px; height: 22px;
    border: 2px solid #cccccc;
    background: #ffffff;
    border-radius: 2px;
}
.ltable2text [type="radio"]:not(:checked) + label:before,
.ltable2text [type="radio"]:checked + label:before {
    top: 10px;
}
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    content: '\2713\0020';
    position: absolute;
    top: -2px; left: 8px;
    font-size: 22px;
    line-height: 1.2;
    color: #000000;
    font-weight: bold;
    transition: all .2s;
}
.ltable2text [type="radio"]:not(:checked) + label:after,
.ltable2text [type="radio"]:checked + label:after {
    top: 9px;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #999999;
    background-color: #dddddd;
}
[type="radio"]:disabled:checked + label:after {
    color: #999999;
}
[type="radio"]:disabled + label {
    color: #aaaaaa;
}
label:hover:before {
    border: 2px solid #4778d9 !important;
    background: #ffffff
}
.coloredbox [type="radio"]:not(:checked) + label:before,
.coloredbox [type="radio"]:checked + label:before {
    background-color: #fcdec9
}

a.back2courselist {
    float: right;
    padding-right: 30px;
    text-decoration: underline;
}
.coursetitle {
    font-weight: bold;
    font-size: 16px;
}
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #e5531a;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -110px;

    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #e5531a transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.sectiontitle {
    border-top: 6px solid #e5531a;
    padding-right: 3px;
    padding-top: 10px;
    line-height: 30px;
    font-size:22px;
    font-weight:bold;
    color:#e5531a;
}
.message {
    color: blue;
    font-weight: bold;
}
.errormessage {
    color: darkred;
    font-weight: bold;
}
.colorremark {
    float:right;
}
.colored {
    background-color: #fcdec9
}
.left {
    float:left;
}
.right {
    float:right;
}
.clearboth {
    clear:both;
}
.red {
    color: #e5531a;
}
.width100 {
    width:100%;
}
.width50 {
    width: 50%;
}
.topdivider {
    clear:both;
    border-top:1px solid #000;
    margin-bottom:20px;
}
.questiondivider {
    clear:both;
    border-top:1px solid #000;
    margin-bottom:25px;
    margin-top:25px;
}
.sectiondivider {
    clear:both;
    border-top: 3px solid #999;
    margin-top:55px;
    margin-bottom:75px;
}
.confidential{
    clear: both;
    float: right;
    position: relative;
    top:-15px;
    margin-bottom:35px;
}
.block1 {
    width: 200px;
    float: left;
    font-size: 16px;
}
.block2, .block2b, block2inner {
    float: left;
    font-size: 16px;
}
.block2, .block2b {
    width: 450px;
    padding: 0 30px 0 40px;
}
.block2inner {
    width: 370px;
}
.block2wide {
    width: 850px;
    float: left;
    font-size: 16px;
    padding: 0 30px 0 40px;
}
.block2b {
    width: 550px;
    padding: 0 30px 0 40px;
}
.block3, .block3b {
    width: 400px;
    float: left;
    font-size: 16px;
}
.block3b {
    width: 300px;
}
.block23, .block23b {
    width: 850px;
    float: left;
    font-size: 16px;
}
.block23b {
    width: 820px;
}
.area1 {
    width:400px;
    height:100px;
}
.area2 {
    width:400px;
    height:50px;
}
.area3 {
    width:400px;
    height:200px;
}
.tickbox {
    width: 20px;
}
.daytick {
   margin-right:20px;
}
.buttonsdiv {
    clear: both;
    padding-top:30px;
}
.remark1 {
    width: 400px;
}
.remark2 {
    width: 240px;
}
.remark2b {
    width: 210px;
}
.tablelabel {
    font-weight: bold;
    margin-left: 38px;
    margin-bottom: 6px;
}
.leadertable1 {
    width: 100%;
}
.leadertable1 td.legend {
    width: 15%;
    border-top: 1px solid #b2b1b2;
}
.leadertable1 td.data {
    width: 85%;
    border: 1px solid #b2b1b2;
    border-bottom: 0;
}
.leadertable1 td.lastline {
    border-bottom: 1px solid #b2b1b2;
}
.leadertable1 input {
    border: 0;
    width: 100%;
}
.leadertable2 {
    width: 100%;
}
.leadertable2 td.box {
    vertical-align: top;
    width: 15px;
}
.leadertable2 td.text {
    vertical-align: top;
    width: 100%;
}
div.costblock {
    margin-bottom: 20px;
}
input.material,
input.materialsum {
    width: 540px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    bottom: 15px;
}
input.materialsum {
    width: 300px;
}
input.costs {
    width: 90px;
    margin-right: 20px;
    position: relative;
    bottom: 15px;
}
input.atelier {
    width: 80px;
}
input.valid {
    border-color: black;
}
input.invalid {
    border-color: red;
}
.invalidateSection {
    opacity: .5;
}
.invalidateSection input {
    opacity: .5;
}
.validateSection {
    opacity: 1;
}
div.buttonsdiv input {
    width: 160px;
    background-color: #e5531a;
    color: #fff;
}
.courselisttable td,
.passwordtable td {
    padding: 6px 8px;
    border-bottom: 1px solid #999;
}
.courselisttable td.kursnr,
.passwordtable td.email,
.passwordtable td.password {
    font-weight: bold;
}
.courselisttable td.webstatus {
    color: darkkhaki;
}

.courselisttable td.lp21status {
    padding: 15px 0;
    text-align: center;
}
.courselisttable td.lp21status label {
    padding: 5px;
}

.filterform select {
    float: left;
    width: 250px;
    margin-right: 40px;
}
@media print {
    #container {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }
}