/* ============== Allgemeine Classen für alle Browser ============== */

DIV.div_wrapper {width: 938px;padding-left:17px;padding-bottom:35px;}

DIV.div_verlauf {margin-top:25px;padding-top:6px;padding-bottom:6px;border: 1px solid #CCCCCC; border-left: 0px; border-right: 0px; color:#666666;line-height:16px;font-size:11px;}

DIV.div_fehler {margin-top:20px;margin-bottom:20px;padding-top:6px;padding-bottom:6px;border: 1px solid #FF0000; border-left: 0px; border-right: 0px; color:#FF0000;line-height:16px;font-size:11px;}
DIV.div_meldung {margin-top:20px;margin-bottom:20px;padding-top:6px;padding-bottom:6px;border: 1px solid #7F9DB9; border-left: 0px; border-right: 0px; color:#6388A9;line-height:16px;font-size:11px;}

DIV.div_naviout {display:none;position:absolute;}
DIV.div_navi {height: 73px;background-color:#666666;/*background-color:#EE7F00;*/}
DIV.div_navi_inhalt {position: absolute;top:12px;left:180px;font-size:10px;line-height:15px;color:#FFFFFF;}

A.a_grau { text-decoration: none;color:#666666;}
A.a_grau:hover { text-decoration: underline;color:#666666;}

DIV.div_trenner {margin-top:20px;margin-bottom:19px;height:1px; border-top: 1px solid #004494;}

DIV.div_row1 {background-color:#F0F0F0; position:relative;}
DIV.div_row0 {background-color:transparent; position:relative;}
DIV.div_row1_over {background-color:#F0F0F0; position:relative;}
DIV.div_row1_over:hover {background-color:#E5E5E5; position:relative;}
DIV.div_row0_over {background-color:transparent; position:relative;}
DIV.div_row0_over:hover {background-color:#E5E5E5; position:relative;}

DIV.div_inhalte {border: 1px solid #cccccc; padding: 4px 40px 20px 4px; margin-bottom:10px; cursor: move;}

TABLE.table_stan { width:500px; margin-top: 32px;}
TD.td_form {padding: 3px 2px 3px 8px; color: #7E7E7E; font-size: 11px; line-height:16px; border-bottom: 1px solid #EE7F00;}
TD.td_formpflicht {padding: 3px 2px 3px 8px; color: #000000; font-size: 11px; line-height:16px; border-bottom: 1px solid #EE7F00;}
TD.td_formlast {padding: 3px 2px 3px 8px; color: #000000; font-size: 11px; line-height:16px;}

TABLE.table_stan { width:450px; margin-top: 20px;}
TABLE.table_stan TH {padding: 3px 2px 3px 8px; font-size: 12px; line-height:15px; color: #EE7F00; border-bottom: 1px solid #EE7F00; font-weight:bold; background-color:#FFFFFF;}
TABLE.table_stan TD {padding: 3px 2px 3px 8px; color: #7E7E7E; border-bottom: 1px solid #EE7F00;}
TABLE.table_stan TD.td_flicht {color: #000000;}
TABLE.table_stan TD.td_last {padding: 3px 2px 3px 8px; color: #000000; border-bottom:0px;}
TABLE.table_stan INPUT, TEXTAREA {width:300px; margin-right:5px;}
TABLE.table_stan TEXTAREA {height:60px;}
TABLE.table_stan INPUT.submit {width:auto;}
TABLE.table_stan INPUT.submit2 {width:auto;}
TABLE.table_stan INPUT.submit3 {width:auto;}
TABLE.table_stan INPUT.checkbox { border: 0px; width:auto; }
INPUT.checkbox { border: 0px; width:auto; }

TABLE.table_list {width:100%;background-color:#898989;margin-top:15px;}
TABLE.table_list_klein {width:100%;background-color:#898989;margin-top:5px; border:0px; border-spacing:0px;}
TABLE.table_list_klein TD {padding:1px; font-size:10px; line-height:14px;}
TABLE.table_list_klein TR.zeile TD {background-color:#F0F0F0;}
TABLE.table_list_klein TH {padding:1px;text-align:left; font-size:10px; line-height:14px;}

INPUT.submit { padding: 2px; margin-top: 6px; cursor:pointer; font-weight:bold; color:#EE7F00;background-color:#FFFFFF;}
INPUT.submit:hover { color:#FFFFFF; background-color:#EE7F00;}
INPUT.submit2 { padding: 2px; margin-top: 6px; cursor:pointer; font-weight:bold; color:#FFFFFF;background-color:#EE7F00;}
INPUT.submit2:hover { color:#FFFFFF; background-color:#CC5F00;}
INPUT.submit3 { padding: 2px; margin-top: 6px; cursor:pointer; font-weight:bold; color:#FFFFFF;background-color:#888888;}
INPUT.submit3:hover { color:#FFFFFF; background-color:#444444;}

TABLE.table_info TH {padding:3px 5px 3px 5px;text-align:left;vertical-align:top;font-weight:bold;color:#7E7E7E;background:none;font-size: 11px; line-height:16px; border-bottom: 1px solid #EE7F00;}
TABLE.table_info TD {padding:3px 5px 3px 5px;text-align:left;vertical-align:top;font-size: 11px; line-height:16px; border-bottom: 1px solid #EE7F00;}

P.p_klein { font-size: 10px; line-height: 15px; }
.grau {color:#7E7E7E;}

A.a_button {color:#666666; font-weight:bold; line-height:16px; font-size: 10px;text-decoration: none;}
A.a_button:hover {color:#666666; font-weight:bold; line-height:16px; font-size: 10px;text-decoration: underline;}

SELECT.select_filter {padding-left:0px;padding-right:0px;font-size:9px;max-width:200px;}
SELECT.select_filter_aktiv {color:#ffffff; background-color:#EE7F00;}
INPUT.input_filter_aktiv {color:#ffffff; background-color:#EE7F00;}

TEXTAREA.textarea_clipboard {width:180px;height:90px;font-family:arial; font-size:9px; line-height:11px; color:#BBBBBB; border:1px solid #cccccc;}
.invisible {display:none;}

#sddm{margin: 0;padding: 0;z-index: 30}
#sddm li{margin: 0;padding: 0;list-style: none;float: left;}
#sddm li a{display: block;margin: 0 7px 0 0;padding: 4px 10px;background: #EE7F00;color: #FFF;border:1px solid #ffffff;text-align: center;text-decoration: none}
#sddm li a:hover{background: #D57000;}
#sddm li a.a_aktiv{background: #D57000;font-weight:bold;}
#sddm li a.a_aktiv:hover{background: #D57000;}
#sddm li a.a_logout{background: #B76000;}
#sddm li a.a_logout:hover{background: #B76000;}
#sddm div{position: absolute;visibility: hidden;margin: 0;padding: 0;background: #EE7F00;border: 1px solid #ffffff;margin-top:7px;}
#sddm div a{position: relative;display: block;	margin: 0;padding: 2px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #EE7F00;color: #ffffff;border:0px;}
#sddm div a:hover{text-decoration:underline;background: #EE7F00;}
#sddm div a.a_subaktiv{font-weight:bold;}

.auswertung {padding-top:30px;clear:both;}
.auswertung H4 {margin:0px 0px 6px 0px; font-size: 15px; line-height:18px; color:#1D415A; font-weight:normal; font-style:italic;}
.auswertung H5 {margin:25px 0px 6px 0px;}
.auswertung H6 {margin:6px 0px 6px 0px;}

.auswertung TABLE {margin:6px 0px 6px 0px;}
.auswertung TABLE TH {text-align:left; padding: 2px 5px 2px 5px; border-top:1px solid #CCCCCC; font-size:11px; line-height:14px; font-weight:bold; color:#808080; background-color:#FFFFFF;}
.auswertung TABLE TH.r {text-align:right;}
.auswertung TABLE TD {text-align:left; padding: 2px 5px 2px 5px; border-top:1px solid #CCCCCC; font-size:11px; line-height:14px; font-weight:normal; text-align:right; color:#808080; background-color:#FFFFFF;}
.auswertung TABLE TR:first-child TH {border-top:0px;}
.auswertung TABLE .zeile {background-color:#F0F0F0;}
.auswertung TABLE .summe {font-style:italic; color:#BBBBBB;}
.auswertung TABLE TD.credits {text-align:right; font-size:10px; line-height:14px; padding-top:6px; color:#BBBBBB;}
.auswertung TABLE TD.credits A {color:#BBBBBB;}
.auswertung H3 {margin-top:35px; margin-bottom:10px;}
.auswertung H4 {margin-top:20px; margin-bottom:10px; font-size:12px; line-height:16px; }



A.submit {display:inline-block; padding: 2px; margin-top: 25px; cursor:pointer; font-weight:bold; color:#EE7F00;background-color:#FFFFFF; border:1px solid #CCCCCC;}
A.submit:hover { color:#FFFFFF; background-color:#EE7F00; text-decoration:none;}

A.delete {display:inline-block; padding: 2px; margin-top: 25px; cursor:pointer; font-weight:bold; color:#FFFFFF;background-color:#FF0000; border:1px solid #CCCCCC;}
A.delete:hover { color:#FF0000; background-color:#FFFFFF; text-decoration:none;}

#upload-file {display:none;}

#upload-dropzone {width:400px;height:150px;border:2px inset #F2F2F2;cursor:pointer;position:relative;font-weight:700;box-sizing:border-box;}
#upload-dropzone.active {color:green;}
#upload-dropzone * {pointer-events:none;}
#upload-dropzone div {display:inline-block;vertical-align:middle;text-align:center;position:relative;padding:10px;}
#upload-dropzone div:last-of-type {width:0;padding:0;height:100%;}
#upload-dropzone svg {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

#upload-list {list-style-type:none;margin:10px 0 0;padding:0;width:400px;}
#upload-list li {padding:5px;background-color:#F2F2F2;border-bottom:1px solid #E0E0E0;margin-bottom:5px;position:relative;}
#upload-list li#processing-data {color:white;background-color:#4763FF;font-weight:700;}
#upload-list li div{position:absolute;left:0;top:0;bottom:0;width:0%;background-color:#76C676;}
#upload-list li.error{color:#f2f2f2;}
#upload-list li.error div{background:url('../images/layout/remove_icon.svg') #C67676 99% no-repeat;background-size:contain;}
#upload-list li.done div {background:url('../images/layout/check_icon.svg') #76C676 99% no-repeat;background-size:contain;}
#upload-list li span{position:relative;z-index:1;}
#upload-list li img{float:right;margin-top:-3px;cursor:pointer;}

#upload-button {width:130px;cursor:pointer;border:none;background-color:#76C676;padding:8px 20px;margin-top:5px;}

.calendar-wrapper {margin:20px 0;}
.calendar-wrapper h3 {height:20px;font-size:12px;}
.calendar-wrapper > div.calendar {float:left}
.calendar-wrapper > div.calendar:last-of-type {margin-right:0!important;}
.calendar-wrapper:after {content:'';display:block;clear:both;}

.check {
    transform: scale(0.8);
}

.filter-form a {text-decoration:none;}
.filter-top:after, .filter-custom:after {content:'';display:block;clear:both;}
.filter-top, .filter-bottom, .filter-custom {margin-top:10px;}
.filter-top {text-align:center;}
.filter-bottom {text-align:right;}
.filter-custom > div {float:right;}
.filter-period, .filter-page-selector, .filter-search, .filter-buttons {display:inline-block;}
.filter-page-selector {margin:3px;}
.filter-search, .filter-buttons {float:right;margin-left:5px;}
.filter-period {float:left;}
.filter-buttons a {display:inline-block;margin:0 3px;vertical-align:bottom;}
.filter-buttons img {vertical-align:top;}
.filter-list {text-align:right;}
.filter-list select {margin-left:5px;}
.filter-list a {margin-left:5px;display:inline-block;vertical-align:top;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #BBB;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #BBB;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #BBB;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #BBB;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #BBB;
}

.content_row { width: 100%; margin: 5px; }

.content_row label {display: inline-block; width: 12%; color: #000;}


/*.content_form label {line-height:30px; color: #000; width: 100px; vertical-align: middle;}*/
/*.content_form input {margin-bottom: 6px; position: absolute; left: 101px;}*/
.content_form.row{margin: 10px;}
.content_button {
    float: left;
    margin: 20px 8px;
    padding: 0.7em 0.7em 0.7em 0.7em;
    width: 21em;
    /*background-color: #ee7f00;*/
    border: 1px solid;
    /*border-radius: 10%;*/
    text-align: center;
    font-size: smaller;
    color: white;
}

.add_content_button {
    background-color: #666666;
    left: 0;
    position: fixed;
    top: 236px;
    height: 54px;
    width: 54px;
    vertical-align: middle;
    line-height: 54px;
    text-align: center;
    color: white;
}

.content_head {
    /*margin: 0 32px;*/
    padding: 0.7em;
    color: #fff;
    background-color: #ee7f00;
}

.content_form {
    position: relative;
    margin: 0 32px 12px 32px;
    /*padding: 0.7em;*/
    /*width: 40rem;*/
    color: #fff;
    background-color: #666;
    /*border: 2px solid;*/
    /*border-radius: 2%;*/
    height: 180px;
    overflow:hidden;
}

.content_form input[type=submit] {
    background: url(../images/layout/check_icon.svg);
    border: 0;
    display: block;
    height: 44px;
    width: 44px;
}

.content_head input.sorter {
    background-color: #666;
    color: #fff;
    width: 1.4em;
    text-align: center;
    border-radius: 60%;
    position: unset;
    right: 16px;
    float: right;
    margin: 0;
    padding: 2px;
}

.content_form textarea {
    width: 99%;
    height: 20em;
    border: 0px solid #cccccc;
    padding: 0.5em;
    margin: 0.5em;
    color: #000;
}


.content_form input {
    left: 18%;
    width: 80%;
    /*height: 20em;*/
    /*border: 0px solid #cccccc;*/
    padding: 0.5em;
    margin: 0.5em;
    color: #000;
}

.content_form button { left: 18%; padding: 0.5em; margin: 0.5em;}

DIV.addable_content {
    margin-top: 80px;
}

TABLE.content_table {
}

TABLE.content_table tr {
    background-color: lightgrey;
}

TABLE.content_table tr td {
    /*height: 1rem;*/
    vertical-align: middle;
    background-color: lightgrey;
}

DIV.content_form img {
    width: 140px;
}
DIV.content_form p {
    color: #fff;
}

DIV.preview {
    position: absolute;
    right:100px;
    top: 28px;
    width: 90px;
    border: #cfcfcf 1px solid;
    /*max-height: 90px;*/
}
DIV.preview img {

    /*position: absolute;*/
    /*right:100px;*/
    /*top: 28px;*/
    width: 90%;
    /*!*max-height: 90px;*!*/
}

DIV.content {
    width: 600px;
    color: #fff;
}

DIV.sort img, DIV.edit img, DIV.delete img{
    float: right;
    height: 19px;
    margin-left: 0.8em;
    position: absolute;
    right: 12px;
}

DIV.sort img {
    width: 19px;
    /*right: 40px;*/
    top: 50%;
    cursor: move;
}
DIV.edit img {
    top: 23%;
    width: 14px;
}
/*#content_2 > p:nth-child(3)*/
DIV.delete img {
    top: 80%;
    width: 14px;
}

.sidenav {
    width: 0;
    position: fixed;
    z-index: 1;
    top: 73px;
    left: 0;
    background-color: #666666;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}