@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/roboto-v29-latin-100.eot);
    src: local(),url(fonts/roboto-v29-latin-100.eot?#iefix) format("embedded-opentype"),url(fonts/roboto-v29-latin-100.svg#Roboto) format("svg")
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url(fonts/roboto-v29-latin-100italic.eot);
    src: local(),url(fonts/roboto-v29-latin-100italic.eot?#iefix) format("embedded-opentype"),url(fonts/roboto-v29-latin-100italic.svg#Roboto) format("svg")
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/roboto-v29-latin-300.eot);
    src: local(),url(fonts/roboto-v29-latin-300.eot?#iefix) format("embedded-opentype"),url(fonts/roboto-v29-latin-300.svg#Roboto) format("svg")
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url(fonts/roboto-v29-latin-300italic.eot);
    src: local(),url(fonts/roboto-v29-latin-300italic.eot?#iefix) format("embedded-opentype"),url(fonts/roboto-v29-latin-300italic.svg#Roboto) format("svg")
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/roboto-v29-latin-regular.eot);
    src: local(),url(fonts/roboto-v29-latin-regular.eot?#iefix) format("embedded-opentype"),url(fonts/roboto-v29-latin-regular.svg#Roboto) format("svg")
}

@media screen {
    * {
        margin: 0;
        padding: 0
    }

    html {
        background-color: #fff;
        font-family: 'Roboto',sans-serif;
        font-size: 1.5rem;
        letter-spacing: 0!important;
        text-align: center;
        padding-top: 30px;
        font-size: 18px;
        line-height: 1.7;
        color: #333
    }

    #subFooter .cont,div.frame {
        margin: 0 auto;
        text-align: left;
        position: relative;
        z-index: 0;
        padding: 0 15px;
        width: 95%
    }

    body.home #main .cont {
        padding-left: 0;
        padding-top: 0
    }

    #main {
        top: -25px;
        position: relative;
        padding-bottom: 100px
    }

    #header {
        height: 80px;
        top: 17px;
        position: relative
    }

    #header h1 {
        margin-left: 102px;
        color: #748c90;
        font-size: 24px;
        height: 44px;
        font-weight: 700;
        left: -22px;
        position: absolute;
        top: 31px
    }

    #logo {
        position: absolute;
        top: 0;
        height: 75px
    }

    #logoBlank {
        position: absolute;
        top: 0;
        height: 77px;
        z-index: 999
    }

    #logoFull {
        position: absolute;
        top: 0;
        width: 270px;
        z-index: 900;
        display: none
    }

    #header .subTitel {
        position: absolute;
        top: 35px;
        right: 0;
        color: #fff;
        font-size: 13px
    }

    #header .subTitel a {
        text-decoration: none;
        color: #fff
    }

    ul.tools {
        display: none
    }

    #main .cont {
        padding: 80px 0 35px
    }

    #main .cont p,#main .cont form {
        padding-bottom: 1.5em
    }

    #main .cont p.spanTwoColumns,#main .cont > div.text h1,#main .cont > div.text h2,#main .cont > div.text h3 {
        column-span: all
    }

    #main .cont p.spanTwoColumns img {
        width: 100%
    }

    #main .cont > div.text ol + h2,#main .cont > div.text ul + h2,#main .cont > div.text p + h2,#main .cont > div.text p + h3,#main .cont > div.text ol + h3,#main .cont > div.text ul + h3 {
        padding-top: 1em
    }

    .home #main {
        padding-bottom: 10px;
        padding-top: 46px
    }

    #main .cont h1,#main .cont h2,#main .cont h3 {
        font-family: Roboto,sans-serif;
        font-weight: 300;
        line-height: 1.25em
    }

    body.home #main .cont h1 {
        padding-bottom: 30px;
        text-align: center
    }

    #main .cont h1 {
        font-size: 40px;
        padding-bottom: 30px;
        clear: both
    }

    #main .cont h1:after {
        content: url('h1_divider.png');
        display: block;
        margin-top: .5rem
    }

    #main .cont h2 {
        color: #5e797f;
        font-size: 23px;
        margin-top: 20px;
        margin-bottom: 10px;
        line-height: 1.25em;
        clear: both
    }

    #main .cont h3 {
        color: #5e797f;
        font-size: 20px;
        margin-top: 14px;
        margin-bottom: 10px
    }

    #main .cont h1 +h2 {
        padding-top: 15px
    }

    body.howTo .cont h2 {
        margin-bottom: .5em
    }

    body.howTo #main .cont img {
        border: 1px solid #ccc;
        padding: 1px;
        width: 100%;
        height: auto
    }

    body #main .cont img.inline {
        width: auto
    }

    #main .cont img.rechts {
        width: auto;
        float: right;
        padding: 0 0 15px 15px
    }

    #main .cont img.links {
        width: auto;
        float: none;
        padding: 0 15px 15px 0
    }

    body.howTo #main .cont td {
        min-width: 32px;
        vertical-align: top;
        border-bottom: 1px solid #eee
    }

    body.howTo #main .cont table {
        margin: 10px 0
    }

    body.howTo #main .cont td img {
        margin: 5px;
        width: 15px
    }

    #main .cont ul,#main .cont ol {
        padding: 0 1.5em 1.5em
    }

    #main .cont ul.cardList {
        padding: 0
    }

    #main .cont img.columnSpanAll {
        column-span: all;
        display: block;
        margin-top: 1em
    }

    #main .cont img {
    }

    #main .cont img.resizeable {
        cursor: pointer
    }

    #main .cont img#editableIsLoading {
        width: 15px
    }

    #main .cont #sLoading img {
        width: 124px
    }

    #main .cont #googleMap {
        width: 330px;
        padding: 15px 0
    }

    #main .cont a {
        color: #5e797f
    }

    #main .cont a:visited {
        color: #5e797f
    }

    #main .cont a:hover {
        text-decoration: none
    }

    #main .cont table + h2 {
        padding-top: 2em
    }

    #main .cont table.toc + h2 {
        padding-top: 0
    }

    .hidden {
        display: none
    }

    a img {
        border: none
    }

    .datum {
        clear: both
    }

    #stay {
        position: absolute;
        right: -20px;
        top: 290px
    }

    body.home #main .cont {
        padding: 0
    }

    body.home #main #cont1 {
        padding: 0
    }

    body.home #main #cont2 {
        margin-top: 50px
    }

    body.home .pager {
        position: relative;
        top: 10px;
        left: 0;
        z-index: 100;
        font-size: 1px;
        color: transparent;
        height: 40px;
        padding-left: 35px;
        display: none
    }

    body.home .pager .slidePage {
        width: 10px;
        display: block;
        float: left;
        background-color: #333;
        margin-right: 5px;
        height: 5px;
        cursor: pointer
    }

    body.home .pager .slidePage.slideCurrent {
        background-color: #990
    }

    body.autoPrj .slideBox {
        position: relative;
        top: 30px;
        height: 330px;
        margin-bottom: 30px;
    }

    body.home .slideBox p,body.home .slideBox div.slide {
        overflow: hidden;
        padding: 0;
        margin: 0;
        z-index: 1;
        position: relative;
    }

    body.home #main .cont .slideBox img {
        cursor: initial;
        padding: 0;
        float: initial
    }

    body.home .caption,body.home .cycle-overlay {
        position: absolute;
        right: 0;
        font-size: .9em;
        z-index: 200;
        background-color: #0006;
        color: #ccc;
        padding: 0 8px;
        bottom: 0;
        text-align: right
    }

    body.home .cycle-prev,body.home .cycle-next {
        background-color: transparent;
        position: absolute;
        width: 100px;
        height: 100%;
        z-index: 200;
        top: 0;
        right: 0;
        cursor: pointer
    }

    body.home .cycle-prev {
        left: 0
    }

    body.home #main .cont h1 {
        padding-top: 10px
    }

    #versionTable {
        width: 100%;
        border-collapse: collapse
    }

    #versionTable tr:hover td {
        background-color: #ccc
    }

    #main .cont #versionTable form {
        padding: 0
    }

    #main .cont #versionTable form fieldset {
        border: none
    }

    #main .cont #versionTable form select {
        border: 1px solid #ccc
    }

    .impressum .cont table {
        width: 60%;
        margin-bottom: 40px
    }

    .impressum hr {
        clear: both;
        visibility: hidden
    }

    .registerInfo #main table {
        break-inside: avoid
    }

    .registerInfo #main table tr td:first-child {
        width: 110px
    }

    .registerInfo #main table td {
        vertical-align: top;
        padding: 10px 5px;
        line-height: 1.6rem
    }

    .registerInfo #main table td img {
        visibility: hidden
    }

    .registerInfo #main table {
        margin-bottom: 20px;
        background-color: #eee;
        padding: 5px
    }

    .registerInfo #main table tr {
        border-bottom: 2px solid #fff
    }

    .registerInfo #main table tr td:first-child {
        background-repeat: no-repeat;
        background-size: 100px;
        background-position: center 9px;
        min-height: 120px;
        height: 158px;
        color: #fff;
        font-size: 51px;
        font-weight: 700;
        text-align: center;
        padding-top: 48px
    }

    .registerInfo #main table tr:first-child td:first-child {
        background-image: url(regStep_1.svg)
    }

    .registerInfo #main table tr:nth-child(2) td:first-child {
        background-image: url(regStep_2.svg)
    }

    .registerInfo #main table tr:nth-child(3) td:first-child {
        background-image: url(regStep_3.svg)
    }

    #main .cont .regStep1 + p.required {
        padding-bottom: 0
    }

    .newsletter #main fieldset {
        border: none
    }

    .newsletter #main input[type='text'] {
        width: 50%
    }

    .newsletter #main .error {
        color: red
    }

    .projekte #newBox,.myHome #newBox {
        margin-top: 5px;
        margin-bottom: 15px
    }

    .projekte #newBox fieldset {
        border: 1px solid #999;
        background-color: #aaa
    }

    .dataTables_wrapper .dataTables_filter input {
        padding: .4em
    }

    #userAdmin {
        width: 100%;
        border-collapse: collapse
    }

    #userAdmin tr:hover td {
        background-color: #ddd
    }

    #logoLeiste {
        padding-top: 40px;
        padding-bottom: 50px;
        margin-top: 0;
        border-top: 3px solid #e4e4e4
    }

    #logoLeiste a {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        background-color: #fff
    }

    #logoLeiste img {
        margin: 15px 0;
        width: 147px!important
    }

    .toggleText {
        text-align: right;
        cursor: pointer;
        text-decoration: underline
    }

    .menuTop {
        position: absolute;
        top: 108px;
        right: 13px;
        width: 49.5%
    }

    #menuBox {
        display: none
    }

    #topMenuSwitcher {
        content: ' ';
        position: absolute;
        right: 2px;
        border: 3px solid #bab902;
        width: 54px;
        height: 48px;
        display: block;
        top: -83px;
        background-image: url(icon_menu.svg);
        background-repeat: no-repeat;
        background-size: 38px;
        background-position: center;
        cursor: pointer
    }

    #topMenuSwitcher.open {
        background-image: url(icon_cross.svg)
    }

    #menu > li:first-child li,#menu > li:first-child {
        background-color: #2f6977
    }

    #menu > li:nth-child(2) li,#menu > li:nth-child(2) {
        background-color: #2f6977
    }

    #menu > li:nth-child(3) li,#menu > li:nth-child(3) {
        background-color: #2f6977;
        color: #fff
    }

    #menu > li:nth-child(4) li,#menu > li:nth-child(4) {
        background-color: #2f6977
    }

    #menu ul li.active a:before {
        content: " ";
        color: #000;
        font-weight: 700;
        text-align: center;
        vertical-align: center;
        display: inline-block;
        border-radius: 50%;
        background-color: #fff;
        width: 12px;
        height: 12px;
        position: relative;
        top: 0;
        margin-right: 8px
    }

    #menu > li:hover,#menu > li.hover,#menu > li.selected,#menu > li.active {
        position: relative;
        margin-right: 0
    }

    #menuBox {
        padding: 0;
        margin: 0;
        border: 0
    }

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

    #menuBox ul {
        position: relative;
        z-index: 2000;
        position: relative;
        background-color: #2f697700
    }

    #menuBox ul li {
        min-height: 1px;
        vertical-align: middle;
        margin-right: 0
    }

    #menuBox ul li:last-child {
        margin-right: 0
    }

    #menuBox #menu > li.subM > a:after {
        content: " \fe40";
        display: inline-block;
        position: relative;
        top: 4px;
        left: 6px;
        font-size: 14px;
        line-height: 14px
    }

    #menuBox ul li.hover,#menuBox ul li.hover {
        position: relative;
        z-index: 599;
        cursor: default
    }

    #menuBox ul ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        z-index: 598;
        width: 100%
    }

    #menuBox ul li:last-child ul {
        right: 0;
        left: initial
    }

    #menuBox ul ul li {
        float: none
    }

    #menuBox ul ul ul {
        top: 0;
        left: auto;
        right: -99.5%
    }

    #menu li:last-child ul li ul,#menu li:nth-last-child(2) ul li ul {
        left: -100%
    }

    #menuBox ul li.hover > ul {
        visibility: visible
    }

    #menuBox ul ul {
        bottom: 0;
        left: 0
    }

    #menuBox ul ul {
        margin-top: 0
    }

    #menuBox ul ul li {
        font-weight: 400
    }

    #menuBox a {
        display: block;
        line-height: 1em;
        text-decoration: none
    }

    #menuBox:after,#menuBox ul:after {
        content: '';
        display: block;
        clear: both
    }

    #menuBox a {
        color: #fff;
        padding: 0 40px;
        cursor: pointer;
        border-bottom: 1px solid #5e797f
    }

    #menuBox ul ul {
        text-transform: none;
        min-width: 400px;
        text-align: left
    }

    #menuBox ul ul a {
        border: 1px solid #1d7a77;
        border-top: 0 none;
        padding: 10px 15px;
        line-height: 1.3em;
        background-color: #5b8e9b
    }

    #menuBox ul ul li.hover a {
        background-color: red
    }

    #menuBox ul ul ul {
        border-top: 0 none
    }

    #menuBox ul ul li {
        position: relative
    }

    #menuBox > ul > li > a {
        line-height: 46px
    }

    #menuBox ul ul li:first-child > a {
        border-top: 1px solid #000
    }

    #menuBox ul ul li.hover > a {
        background: #5e797f;
        color: #fff;
        text-decoration: underline
    }

    #menuBox ul ul li.subM > a:after {
        content: " \25BE";
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -8px
    }

    #menuBox ul li.hover > a {
        text-decoration: underline
    }

    #menuBox ul ul li.subM > a:after {
        content: " \25BE";
        margin-left: 5px
    }

    #menuBox ul li.last-child ul {
        left: auto;
        right: 0
    }

    #menuBox ul li.last-child ul ul {
        left: auto;
        right: 99.5%
    }

    header nav {
        font-size: 14px;
        height: 35px;
        border-bottom: none;
        position: relative;
        background-color: #444
    }

    header #menuBox {
        height: 100%;
        max-width: 1080px;
        margin: 0 auto;
        padding: 0 4%;
        text-align: left
    }

    .menuBot {
        background-color: #996;
        padding: 5px 10px 15px;
        border-top: 10px solid #999;
        border-top: 10px solid #bbba00;
        position: relative
    }

    #menuBot {
        list-style: none;
        padding: 0 0 30px
    }

    #menuBot > li {
        width: auto;
        float: left;
        padding: 5px 15px 5px 0
    }

    #menuBot li ul {
        list-style: none;
        line-height: 1em
    }

    #footer .impressum a,#menuBot a {
        text-decoration: none;
        color: #ddd;
        font-size: .9em
    }

    #menuBot a:hover {
        text-decoration: underline
    }

    #menuBot a.selected:hover {
        text-decoration: none
    }

    #menuBot a.lev0 {
        text-transform: uppercase
    }

    #menuBot a.selected {
        color: #fee
    }

    .clear {
        clear: both
    }

    #footer .impressum {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 100px;
        text-align: right;
        overflow: hidden
    }

    #menuPath {
        position: relative;
        top: -5px;
        right: -20px;
        text-align: right
    }

    #authFormBox {
        text-align: left;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1500;
        background-color: #ffffffee;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        padding-top: 100px;
        align-content: flex-start;
        justify-content: flex-end;
        display: flex;
        display: none
    }

    #authFormBox.open {
        display: flex!important
    }

    #authForm {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        background-color: #eee;
        border: 1px solid #666;
        box-sizing: border-box
    }

    #authForm label {
        display: block;
        margin-top: .5em
    }

    #authForm input[type=text],#authForm input[type=password] {
        width: 100%;
        line-height: 1em;
        font-family: monospace;
        padding: .5em;
        font-size: 1em;
        box-sizing: border-box
    }

    #authForm input[type=submit] {
        padding: .5em;
        margin: 2em 0 1em
    }

    #authFormBoxClose {
        width: 100%;
        line-height: 26px;
        margin: 0 auto;
        border-bottom: 1px solid #2f6977;
        border-right: 1px solid #2f6977;
        border-left: 1px solid #2f6977;
        background-color: #2f6977;
        text-align: right;
        padding: 14px 12px;
        box-sizing: border-box
    }

    #authFormBoxClose img {
        cursor: pointer
    }

    #authForm #noPwd {
        cursor: pointer;
        color: #2f6977;
        text-decoration: underline
    }

    #authForm #noRegistration a:hover,#authForm #noPwd:hover {
        text-decoration: none
    }

    #authForm .hidden {
        visibility: hidden
    }

    #authForm #enterEmail {
        display: none
    }

    #authForm #pwdRequest,#authForm #noRegistration {
        padding-top: .5em;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: baseline;
        justify-content: space-between
    }

    #authForm #noRegistration a {
        color: #2f6977;
        text-decoration: underline
    }

    #projektTransferAuthFormBox {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 20000;
        background-color: #fff9;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }

    #projektTransferAuthForm {
        top: 0;
        background-color: #fff;
        z-index: 100;
        border: 1px solid #ccc;
        border-radius: 9px;
        padding: 1em 2em 2em;
        box-shadow: 0 4px 16px rgba(0,0,0,.2);
        transition: .2s;
        max-width: 700px;
        width: 500px;
        margin: 0 auto;
        background-position: center;
        color: #000;
        font-size: .9em
    }

    #projektTransferAuthForm fieldset {
        display: flex;
        flex-direction: column;
        padding: 46px;
        line-height: 1.5em
    }

    #projektTransferAuthForm.authForm fieldset > div.intro {
        background-repeat: no-repeat;
        background-position: top right;
        background-size: 150px
    }

    #projektTransferAuthFormBox.klimaaktiv fieldset > div.intro {
        background-image: url(logo_klimaaktiv.png);
        padding-top: 55px
    }

    #projektTransferAuthFormBox.tqb fieldset > div.intro {
        background-image: url(logo_oegnb.svg);
        padding-top: 55px
    }

    #projektTransferAuthFormBox label {
        display: block;
        margin-top: .5em
    }

    #projektTransferAuthFormBox input[type=text],#projektTransferAuthFormBox input[type=password] {
        width: 100%;
        line-height: 1em;
        font-family: monospace;
        padding: .5em;
        font-size: 1em
    }

    #projektTransferAuthFormBox input[type=reset],#projektTransferAuthFormBox input[type=submit] {
        padding: .5em;
        margin: 2em 0 1em
    }

    #footer .cont {
        padding: 10px 30px
    }

    .datum {
        font-size: .8em;
        text-align: right
    }

    .frmExt fieldset {
        border: 1px solid #ccc;
        margin: 0 0 1em;
        padding: 0 0 10px;
        border: none
    }

    .frmExt legend {
        display: none
    }

    .frmExt .itm {
        margin-bottom: 15px
    }

    .frmExt input,.frmExt select {
        line-height: 1.7em;
        padding: 5px;
        color: #666;
        font-family: monospace;
        border: 1px solid #ccc;
        background-color: #fff
    }

    .frmExt input[type=checkbox] {
        margin-top: .7em
    }

    #pwdRequestLabel,#login,.frmExt input[type=submit],.frmExt button {
        padding: 5px;
        font-family: 'Roboto';
        color: #fff;
        background-color: #2f6977;
        border: 3px solid transparent;
        font-size: 1rem;
        padding: 8px 18px
    }

    #pwdRequestLabel:hover,#login:hover,.frmExt input[type=submit]:hover,.frmExt button:hover {
        color: #2f6977;
        background-color: #fff;
        cursor: pointer;
        border: 3px solid
    }

    .frmExt input.long,.frmExt textarea {
        width: 95%
    }

    .frmExt input.middle {
        width: 50%
    }

    .frmExt input.short {
        width: 10%
    }

    .frmExt .title {
        font-weight: 400;
        line-height: 1.3em;
        margin-top: .5em
    }

    .frmExt ul.consultant {
        margin: 5px 0 15px;
        padding: 0 0 0 20px;
        list-style-type: none
    }

    .frmExt .noBorder {
        border: none
    }

    .frmExt p.required {
        padding: 15px 0 0;
        margin: 0
    }

    .frmExt p.required + p.required {
        padding-top: 0
    }

    .eMessage,.saved {
        color: red
    }

    .frmExt .errorMsg,.frmExt .msg {
        background-color: #fff;
        border: 1px solid #ccc
    }

    #mToggle {
        display: none
    }

    #debuggerBox {
        font-family: monospace;
        white-space: pre
    }

    a.upload {
        display: block
    }

    iframe.upload {
        overflow: hidden;
        border: none
    }

    #printCtl {
        padding: 1em 40px;
        background-size: 26px;
        background-image: url(icon_pdf.svg);
        background-position: right 5px center;
        color: black;
    }

    a#printCtl:hover {
        background-image: url(icon_pdf_hover.svg)
    }

    #printBox.loading {
        background-image: url(loading.gif);
        background-repeat: no-repeat;
        background-position: center;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 10000
    }

    #printBox.loading * {
        visibility: hidden
    }

    #main #printBox p {
        padding-bottom: 0
    }

    .sTab > .ovBox {
        margin-right: 47px
    }

    .ovBox div.zBox {
        font-size: .8em;
        background-color: transparent
    }

    .ovBox div.pointsTotalText {
        font-size: .9em
    }

    div.version {
        display: none
    }

    div.zAll {
        display: none
    }

    form.cert {
        line-height: 1.5em
    }

    form.cert .iS {
        line-height: 1.2em
    }

    .enabledFixedSNodes .item.iS {
        top: 64px
    }

    form.cert .basicBox .itemName input {
        height: 30px
    }

    .sTab .fsStruct div.item .itemName {
        width: 85px
    }

    .sTab > .ovBox,.enabledOvBox fieldset.fsStructForm {
        margin-top: 0
    }

    div.zBox ul.z0 .points {
        border-right: none
    }

    #main ul#versionSwitch,#main #versionSelect {
        padding: 0
    }

    form.fCform .propertiesCtl {
        width: 694px
    }

    #subFooter {
        width: 100%;
        text-align: center;
        position: absolute;
        top: 0;
        z-index: 0
    }

    .loggedIn #subFooter {
        top: 105px;
        width: 48%
    }

    #subFooter .cont {
        margin: 0 auto;
        text-align: right
    }

    .autoPrj #main .cont div.text {
        column-count: unset
    }

    .autoPrj div.slide {
        overflow: hidden
    }

    .autoPrj picture {
        position: relative;
        border: 1px solid #eee;
        width: 100%;
        height: 330px;
    }

    .autoPrj picture img {
        min-width: 100%;
    }

    .autoPrj .slide {
        width: 100%
    }

    .autoPrj picture:hover:before {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 330px;
        background-image: url(icon_searchplus.svg);
        background-color: transparent;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100px;
        cursor: pointer
    }

    .autoPrj picture:before {
        content: ' ';
        position: absolute;
        width: 30px;
        height: 30px;
        background-image: url(icon_searchplus.svg);
        background-color: #0005;
        padding: 10px;
        border-radius: 50%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px;
        cursor: pointer
    }

    .autoPrj .caption {
        position: absolute;
        right: 0;
        font-size: .9em;
        z-index: 200;
        background-color: #0006;
        color: #eee;
        padding: 0 8px;
        bottom: 0;
        text-align: right
    }
    .autoPrj .fullImg .caption {
        position: absolute;
        right: 10px;
        font-size: .9em;
        z-index: 4000;
        color: #eee;
        padding: 0 8px;
        bottom: 0;
        text-align: right;
        /* position: fixed; */
        bottom: 1.5em;
    }
    .autoPrj #main .cont h2 {
        margin-top: 0;
        padding: 28px 0 20px;
        font-size: 1.9em
    }

    .autoPrj .frame {
        background-color: #fff;
        background-repeat: repeat-y;
        background-position: 0 50px
    }

    .autoPrj #main {
        padding-bottom: 0
    }

    .autoPrj #main h3 {
        font-size: 1.3em;
        line-height: 1.5em;
        padding-top: .5em;
        border-bottom: 1px solid #ccc;
        font-weight: 400;
        padding-bottom: 0;
        margin-bottom: .5em;
        clear: initial
    }

    .autoPrj .cText h3 {
        padding-top: 3em
    }

    .autoPrj .side h4 {
        font-size: 1.2em;
        line-height: 1.5em;
        font-weight: 400;
        padding-top: .5em
    }

    .autoPrj #main .cont {
        padding: 46px 0 0
    }

    .autoPrj .zBox .zBack {
        display: none
    }

    .autoPrj .zBox .A {
        background-color: #9c0
    }

    .autoPrj .zBox .B {
        background-color: #ff0
    }

    .autoPrj .zBox .C {
        background-color: #f90
    }

    .autoPrj .zBox .D {
        background-color: #8ad
    }

    .autoPrj .zBox .E {
        background-color: #aaa
    }

    .autoPrj div.zBox {
        margin: 0 0 30px;
        width: 98%;
        border: none!important;
        position: relative
    }

    .autoPrj #main div.zBox ul.z0 {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 1em
    }

    .autoPrj ul.z0 li:first-child {
        display: none
    }

    .autoPrj div.zBox ul.z0 li {
        cursor: pointer
    }

    .autoPrj div.zBox ul.z0 .points {
        border: 1px solid #ccc;
        padding: 0;
        line-height: 30px;
        height: 30px;
        background-image: url(sys/structur/white.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0 0;
        position: relative
    }

    .autoPrj div.zBox ul.z0 .points .maxPoints {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: stretch;
        height: 100%;
        align-content: space-around;
        background-color: transparent
    }

    .autoPrj div.zBox ul.z0 .points span.aktPoints {
        color: #666
    }

    .autoPrj div.zBox .points > .maxPoints .itemName,.autoPrj div.zBox .points > .maxPoints .maxPoints,.autoPrj div.zBox .points > .maxPoints .aktPoints {
        padding: 0 .7em;
        display: block;
        height: 100%;
        line-height: 30px;
        background-color: transparent
    }

    .autoPrj div.zBox .points > .maxPoints .maxPoints {
        padding-left: 0;
        border-right: 1px solid #ccc;
        text-align: right
    }

    .autoPrj div.zBox .points > .maxPoints .itemName {
        padding: 0 .5em;
        width: 30px;
        flex: 1
    }

    .autoPrj div.zBox ul.z0 li:hover .points span {
        visibility: visible
    }

    .autoPrj div.zBox ul.z0 .titel {
        padding-top: 12px
    }

    .autoPrj div.zBox .pointsTotal {
        position: absolute;
        top: -22px;
        right: 8px;
        font-size: 24px;
        top: -48px
    }

    .autoPrj div.zBox .pointsTotalText {
        display: none;
        text-align: center;
        font-size: .8em;
        padding: 0 10px 5px
    }

    div.fullImg {
        position: absolute;
        top: 0;
        left: -5px;
        margin: 0 auto;
        /* height: 100%; */
        width: 1170px;
        z-index: 3000;
        border: 10px solid #fff;
        padding: 10px;
        background-color: #fff9;
        width: 100%;
        border: 10px solid #ffff;
    }

    div.fullImg img {
        width: 100%
    }

    div.fullImg .closeFullImg {
        position: absolute;
        z-index: 3001;
        width: 30px;
        height: 30px;
        top: -38px;
        right: 0;
        background-color: #fff;
        vertical-align: middle;
        text-align: center;
        font-size: 40px;
        line-height: 30px;
        cursor: pointer;
        background-color: #6ca2af;
        border-radius: 50%;
        padding: 2px
    }

    .autoPrj div.fullImg .closeFullImg {
        top: 25px;
        right: 25px;
        background-color: #fff
    }

    .fullImg.layer {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #0009;
        top: 0;
        left: 0
    }

    .fullImgContent {
        max-width: 1170px;
        margin: 0 auto;
        top: 20%;
        position: relative;
        border: 1px solid #ccc
    }

    img.projektbeispiel {
        position: relative;
        left: -31px;
        top: -33px;
        margin: 0
    }

    .projektbsp #main .cont h1 {
        margin-top: 0;
        padding-top: 0
    }

    .projektbsp2 .frame {
        background-color: #fff;
        background-image: url(projektBg.png);
        background-repeat: repeat-y
    }

    .projektbsp2 #main .cont h1 {
        margin-top: 0;
        padding: 10px 0 20px;
        font-size: 1.9em
    }

    .projektbsp2 #cont213 {
        width: 55%;
        float: left
    }

    .projektbsp2 #cont214 {
        margin-left: 60%;
        position: relative;
        top: -33px;
        left: 30px;
        padding: 30px 20px
    }

    .projektbsp2 #cont214 h2 {
        font-size: 1.3em;
        line-height: 1.5em;
        padding-top: .7em;
        border-bottom: 1px solid #ccc
    }

    .projektbsp2 #cont214 h3 {
        font-size: 1.2em;
        line-height: 1.5em;
        font-weight: 400;
        padding-top: .5em
    }

    .projektbsp2 #main .cont {
        padding-bottom: 0
    }

    table.project.user {
        font-size: .9em
    }
    table.project.user td.prj_name {
    /* min-width: 45%; */
    /* width: 45%; */
}
table.project th.versionName {
    width: 164px;
}
table.project.user th.versionName {
    min-width: 120px
}
table.project.user th.versionTyp {
    /* width: 560px; */
    min-width: 150px;
} 

/* PS */
table.user.project col9,
table.user.project td.points.taxonomie,
table.user.project th.prj_points.taxonomie {
    display: none;
}
table.user.project td,
table.user.project th {
    text-align: left;
    font-size: 0.9em;
    padding-left: 5px !important;
    box-sizing: content-box !important;
}

table.project td.prj_name,
table.project th.prjName {
    width: 100%;
    min-width: 300px
}  
table.dataTable.compact.project thead th.sorting_desc,
table.dataTable.compact.project thead th.sorting_asc,
table.dataTable.compact.project thead th.sorting {
    padding-right: 12px;
}
/* PS */
table.project td {
    vertical-align: top;
}
    #frmpRights {
        font-size: .8em;
        z-index: 10000
    }

    #frmpRights div.search .addUser {
        border: 3px solid #ccc
    }

    #frmpRights div.search .addUser:hover {
        background-color: #fff;
        border: 3px solid #2f6977
    }

    table.project th.edit,table.project th.ctlField,table.project td.prj_edit,table.project td.ctlField {
        white-space: nowrap;
        width: 20px !important;
    }

    table.project th.prj_name {
        width: calc(100% - 40px)!important
    }

    table.project tr.disabled td.prj_edit .toggleDis {
        visibility: hidden;
        display: none
    }

    table.project tr.enabled td.prj_edit .toggleDis {
        visibility: visible;
        display: initial
    }

    table.project tr.disabled td.prop1 .toggleDis {
        visibility: visible;
        display: initial
    }

    table.project tr.enabled td.prop1 .toggleDis {
        visibility: hidden;
        display: none
    }

    #main .cont > div.text.eText .logoleiste,#main .cont > div.text .logoleiste {
        column-span: all;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center
    }

    #main .cont > .text.eText .logoleiste ul,#main .cont > .text .logoleiste ul {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        align-content: space-between;
        justify-content: space-between;
        list-style: none;
        padding: 0
    }

    #main .tocItem {
        margin: .5em 10px .5em 1em
    }

    #main .cont table.toc {
        background-color: #eee;
        padding: 1em;
        width: 100%;
        column-span: all;
        padding-left: 2em;
        position: fixed;
        width: 50px;
        height: 50px;
        padding: 0;
        left: 0;
        top: 24%;
        background-image: url(icon_menu.svg);
        background-repeat: no-repeat;
        background-position: center;
        margin: 0
    }

    #main table.toc .tocList {
        display: none
    }

    #main .cont table.toc:hover {
        background-image: none
    }

    #main table.toc:hover .tocList {
        width: 273px;
        height: auto;
        background-image: none;
        padding-left: 2em;
        display: block
    }

    #main #toc0 + table,#main #toc1 + table,#main #toc2 + table,#main #toc3 + table,#main #toc4 + table,#main #toc5 + table {
        column-span: all
    }

    address {
        break-inside: avoid-column
    }

    form.newProject {
        border: 1px solid #ccc;
        margin: 1em 0;
        display: flex;
        justify-content: flex-start;
        background-color: #eee;
        align-items: flex-end
    }

    form.newProject legend {
        border: none;
        padding: 1em 0 0;
        margin: 0;
        width: auto;
        text-transform: initial;
        font-size: 1em
    }

    form.newProject fieldset {
        padding: 1em;
        border: none;
        flex: 1
    }

    form.newProject fieldset.ctl {
        flex: 1;
        width: 100%;
        border: none;
        margin-top: 2.3em
    }

    form.newProject div.ctl {
        display: flex
    }

    fieldset.nameOnly input {
        width: 100%;
        line-height: 1.9em;
        padding: .2em
    }

    form.newProject select.versionSwitch {
        padding: .4em;
        width: 30%
    }

    div.nameOnly {
        display: flex;
        width: 100%
    }

    div.nameOnly div.projectName {
        flex: 1
    }

    #newProjectForms.loading {
        background-image: url(icon_loading.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1000
    }

    #newProjectForms.loading * {
        visibility: hidden
    }

    form.newProject div.newProject {
        display: flex;
        flex-direction: row
    }

    form.newProject fieldset input[type=text] {
        flex: 1
    }

    form.newProject fieldset input[type=submit] {
        background-color: #2f6977;
        border: 3px solid #2f697700
    }

    form.newProject input[type=reset],form.newProject input[type=submit] {
        background-color: #2f6977;
        color: #fff;
        border: 1px solid;
        border-radius: 2px;
        padding: .5em;
        cursor: pointer;
        margin-left: .2em
    }

    form.newProject input[type=reset] {
        width: 30px
    }

    form.newProject fieldset input[type=reset]:hover,form.newProject input[type=submit]:hover {
        background-color: #ffff;
        border: 3px solid #2f6977;
        color: #000
    }

    dl {
        display: flex;
        flex-flow: row;
        flex-wrap: wrap;
        overflow: visible;
        width: 100%
    }

    dl dt {
        flex: 0 0 10%
    }

    dl dt img {
        margin-top: 6px
    }

    dl dd {
        flex: 0 0 90%;
        margin-left: auto;
        text-align: left
    }

    .tp {
        border-width: 2px;
        text-align: left;
        padding-right: 5px;
        font-size: .9em
    }

    #main .projectListConf ul.cardList .contentBox h2 {
        box-sizing: border-box;
        margin: 0 0 5px;
        min-width: 0;
        font-family: inherit;
        line-height: 1.25em;
        font-weight: 700;
        color: #5e797f;
        font-size: 16px
    }

    #main .projectListConf ul.cardList .contentBox h3 {
        box-sizing: border-box;
        margin: 0;
        min-width: 0;
        font-size: 14px;
        font-weight: 700;
        color: #5e7b90
    }

    .projectListConf ul.cardList .contentBox .subContent {
        box-sizing: border-box;
        margin: 0;
        min-width: 0;
        font-size: 15px;
        line-height: 1.25em
    }

    .projectListConf ul.cardList .contentBox .content {
        margin-bottom: 4px;
        font-size: 14px
    }

    #main .projectListConf ul.cardList .contentBox .button {
        box-sizing: border-box;
        margin: 10px 0 0;
        min-width: 0;
        appearance: none;
        display: inline-block;
        text-align: center;
        line-height: inherit;
        text-decoration: none;
        border: 3px solid #fff;
        color: #5e797f;
        background-color: transparent;
        border-radius: 0;
        padding: 5px;
        cursor: pointer;
        width: 100%;
        font-size: 15px
    }

    #main .projectListConf ul.cardList .contentBox .button:hover {
        background-color: #fff;
        border-color: #fff
    }

    #main .projectListConf ul.cardList .contentBox .button a {
        text-decoration: none
    }

    #main .projectListConf ul.cardList li {
        cursor: initial;
        width: 100%
    }

    #main .cont ul.cardList img {
        cursor: initial;
        width: 100%
    }

    #main .filter {
        margin-bottom: 10px
    }

    #main .filter ul {
        list-style: none;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding: 0;
        padding-bottom: 10px;
        flex-wrap: wrap
    }

    #main .filter li {
        box-sizing: border-box;
        margin: 0 10px 5px 0;
        min-width: 0;
        appearance: none;
        text-align: center;
        line-height: inherit;
        text-decoration: none;
        border: 3px solid #e4e4e4;
        color: #5e797f;
        background-color: #fff;
        border-radius: 0;
        padding: 5px;
        cursor: pointer;
        display: block;
        font-size: 16px
    }

    #main .filter0 li {
        border-color: #ccc;
        padding-left: 30px;
        position: relative
    }

    #main .filter0 li:before {
        content: ' ';
        display: block;
        position: absolute;
        top: 30%;
        left: 8px;
        width: 16px;
        height: 16px;
        background-color: red;
        border-radius: 50%
    }

    #main .filter0 li.buero:before {
        background-color: #f90
    }

    #main .filter0 li.bildung:before {
        background-color: #5e797f
    }

    #main .filter0 li.hotel:before {
        background-color: #5eb6da
    }

    #main .filter0 li.pension:before {
        background-color: #003eff
    }

    #main .filter0 li.sonstiges:before {
        background-color: #aa18e7
    }

    #main .filter0 li.wohnbau:before {
        background-color: #ee0
    }

    #main .filter li.active,#main .filter li:hover {
        border-color: #5e797f;
        text-decoration: none
    }

    #main .filter li.active {
        border-color: #b3b200
    }

    #subFooter .cont {
        margin: 0 auto;
        text-align: right
    }

    .loggedIn #toolBoxOnTemplate {
        display: none
    }

    .loggedin #toolBoxOnTemplate {
        display: none
    }

    ul.tools {
        list-style: none;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        font-size: initial;
        padding: 0
    }

    .loggedIn ul.tools {
        flex-direction: column
    }

    ul.tools li {
        width: auto;
        position: relative;
        padding: 0 10px;
        padding: 0;
        text-align: center;
        background-color: #fff
    }

    ul.tools li.selected > span,ul.tools li.selected > a {
        font-weight: 600
    }

    ul.tools li.toolSubMenu > span {
        padding-right: 8px
    }

    ul.tools ul li span.mName {
        padding-left: 1em;
        text-align: left
    }

    * html ul.tools ul {
        line-height: 0
    }

    ul.tools ul a {
        zoom:1}

    ul.tools .hover {
        background-color: transparent
    }

    ul.tools a,ul.tools .toolSubMenu > span {
        display: block;
        color: #5e797f;
        text-decoration: none;
        padding: 5px 0 2px 28px;
        display: block;
        text-align: right;
        min-height: 40px;
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: center
    }

    .loggedIn ul.tools a,.loggedIn ul.tools .toolSubMenu > span {
        display: block;
        color: #5e797f;
        text-decoration: none;
        padding: 5px 0 2px 28px;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #eee;
        border-bottom: 1px solid #ccc;
        text-align: right;
        min-height: 40px;
        display: flex;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }
ul.tools li.toolSubMenu > span:after {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 3px;
    font-size: 13px;
    line-height: 14px;
    content: " \25BE";
    display: block;
}
    ul.tools li a:hover,ul.tools li span:hover {
        cursor: pointer;
        color: #1a1a05;
        text-decoration: underline
    }

    ul.tools li.hover {
        opacity: .9;
        filter: alpha(opacity=90);
        color: #000;
        background-color: #bb0
    }

    ul.tools ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        left: 0
    }

    ul.tools ul li ul {
        position: relative;
        top: -26px;
        left: 100px
    }

    ul.tools li.hover,ul.tools li.hover ul li {
        border: none
    }

    ul.tools ul li a {
        text-align: left;
        padding-left: 3em
    }

    ul.tools ul li {
        float: none
    }

    ul.tools ul ul {
        top: 0
    }

    ul.tools span.selected,ul.tools a.selected {
        color: #000;
        text-decoration: underline
    }

    ul.tools a.selected:hover {
        color: #000
    }

    #adminMenu {
        min-width: 200px;
        position: absolute;
        list-style: none;
        display: inherit;
        background-color: #fff;
        z-index: 2;
        left: 14px
    }

    #adminMenu.adminMenuHidden {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .autoPrj .cText {
        width:55%;
        float: left
    }

    .autoPrj .side {
        margin-left: 60%;
        position: relative;
        top: -80px;
        left: 30px;
        padding: 62px 31px 0
    }

    .autoPrj div.zBox {
        width: 100%
    }

    #logoLeiste a {
        flex-direction: row
    }

    #logoLeiste img {
        margin: 0;
        width: initial
    }

    #main .projectListConf ul.cardList li {
        cursor: initial;
        width: 32%
    }

    #main .cont img.rechts {
        float: none
    }

    #main .cont img.links {
        float: none
    }
}

@media screen and (min-width: 468px) {
    #authFormBoxClose,#authFormBox form {
        width:468px;
        box-sizing: border-box
    }

    #main .projectListConf ul.cardList li {
        cursor: initial;
        width: 48%
    }
}

@media screen and (min-width: 1024px) {
    #topMenuSwitcher {
        display:none
    }

    #menuBox {
        display: block
    }

    #logo {
        height: 104px
    }

    #header {
        height: 128px;
        margin-top: 0
    }

    #logoBlank {
        height: 104px
    }

    #menu > li:hover,#menu > li.hover,#menu > li.selected,#menu > li.active {
        top: -10px;
        padding-top: 10px
    }

    #menuBox ul li {
        float: left
    }
    #main {
        top: -50px;
        position: relative;
        padding-bottom: 100px
    }
    #main .projectListConf ul.cardList li {
        cursor: initial;
        width: 32%
    }

    #header h1 {
        left: 6px;
        font-size: 32px;
        top: 46px
    }

    #main .cont > div.text {
        column-count: 2;
        column-gap: 60px
    }
    
    #main .cont > div.textEl198 {
        column-count: 1;
    }

    #menuBox ul li {
        float: left;
        margin-left: 2px
    }

    .loggedIn #subFooter,#subFooter {
        width: 100%;
        top: 0
    }

    #subFooter .cont {
        margin: 0 auto;
        text-align: right
    }

    .loggedIn #toolBoxOnTemplate,#toolBoxOnTemplate {
        display: block
    }

    .loggedIn ul.tools,ul.tools {
        flex-direction: row;
        justify-content: flex-end;
        font-size: 14px;
        padding: 6px 0 0
    }

    ul.tools li {
        width: auto;
        position: relative;
        padding: 0 10px;
        padding: 0;
        text-align: center;
        background-color: transparent
    }

    ul.tools li.selected > span,ul.tools li.selected > a {
        font-weight: 600
    }

    ul.tools li.toolSubMenu > span {
        padding-right: 8px;
        text-align: center
    }

    ul.tools ul li span.mName {
        padding-left: 1em;
        text-align: left
    }

    * html ul.tools ul {
        line-height: 0
    }

    ul.tools ul a {
        zoom:1}

    ul.tools .hover {
        background-color: transparent
    }

    .loggedIn ul.tools a,.loggedIn ul.tools .toolSubMenu > span,ul.tools a,ul.tools .toolSubMenu > span {
        padding: 5px 3px 2px 20px;
        background-color: transparent;
        border: none;
        min-height: initial
    }

    ul.tools li a:hover,ul.tools li span:hover {
        cursor: pointer;
        color: #1a1a05;
        text-decoration: underline
    }

    ul.tools li.hover {
        opacity: .9;
        filter: alpha(opacity=90);
        color: #000;
        background-color: #bb0
    }

    ul.tools ul {
        position: absolute
    }

    ul.tools ul li ul {
        position: relative;
        top: -26px;
        left: 100px
    }

    ul.tools li.hover,ul.tools li.hover ul li {
        border: none
    }

    ul.tools ul li a {
        text-align: left;
        padding-left: 1em
    }

    ul.tools ul li {
        float: none
    }

    ul.tools ul ul {
        top: 0
    }

    ul.tools span.selected,ul.tools a.selected {
        color: #000;
        text-decoration: underline
    }

    ul.tools a.selected:hover {
        color: #000
    }

    #adminMenu {
        min-width: 200px;
        position: absolute;
        list-style: none;
        display: inherit;
        background-color: #fff;
        z-index: 2;
        left: 14px
    }

    #adminMenu.adminMenuHidden {
        display: none
    }

    .menuTop {
        position: absolute;
        top: 78px;
        right: 15px;
        width: initial
    }

    body.home .slideBox {
        top: 0px;
    }

    #header {
        top: 0px;
    }

    body.autoPrj .slideBox {
        top: 0;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1170px) {
    #subFooter .cont {
        margin:0 auto;
        text-align: right
    }

    ul.tools li {
        width: auto;
        position: relative;
        padding: 0 10px;
        padding: 0;
        text-align: center;
        background-color: #fff
    }

    ul.tools li.selected > span,ul.tools li.selected > a {
        font-weight: 600
    }

    ul.tools ul li span.mName {
        padding-left: 1em;
        text-align: left
    }

    * html ul.tools ul {
        line-height: 0
    }

    ul.tools ul a {
        zoom:1}

    ul.tools .hover {
        background-color: transparent
    }

    ul.tools a,ul.tools .toolSubMenu > span {
        display: block;
        color: #5e797f;
        text-decoration: none;
        padding: 5px 0 2px 28px;
        display: block;
        min-height: initial;
        background-color: transparent;
        border: none
    }

    ul.tools li a:hover,ul.tools li span:hover {
        cursor: pointer;
        color: #1a1a05;
        text-decoration: underline
    }

    ul.tools li.hover {
        opacity: .9;
        filter: alpha(opacity=90);
        color: #000;
        background-color: #bb0
    }

    ul.tools ul li ul {
        position: relative;
        top: -26px;
        left: 100px
    }

    ul.tools li.hover,ul.tools li.hover ul li {
        border: none
    }

    ul.tools ul li a {
        text-align: left;
        padding-left: 1em
    }

    ul.tools ul li {
        float: none
    }

    ul.tools ul ul {
        top: 0
    }

    ul.tools span.selected,ul.tools a.selected {
        color: #000;
        text-decoration: underline
    }

    ul.tools a.selected:hover {
        color: #000
    }

    #adminMenu {
        min-width: 200px;
        position: absolute;
        list-style: none;
        display: inherit;
        background-color: #fff;
        z-index: 2;
        left: 14px
    }

    #adminMenu.adminMenuHidden {
        display: none
    }

    .menuTop {
        position: absolute;
        top: 78px;
        right: 15px
    }

    #menu > li:first-child li,#menu > li:first-child {
        background-color: #2f6977
    }

    #menu > li:nth-child(2) li,#menu > li:nth-child(2) {
        background-color: #2f6977
    }

    #menu > li:nth-child(3) li,#menu > li:nth-child(3) {
        background-color: #2f6977;
        color: #fff
    }

    #menu > li:nth-child(4) li,#menu > li:nth-child(4) {
        background-color: #2f6977
    }

    #menu ul li.active a:before {
        content: " ";
        color: #000;
        font-weight: 700;
        text-align: center;
        vertical-align: center;
        display: inline-block;
        border-radius: 50%;
        background-color: #fff;
        width: 12px;
        height: 12px;
        position: relative;
        top: 0;
        margin-right: 8px
    }

    #menu > li:hover,#menu > li.hover,#menu > li.selected,#menu > li.active {
        padding-top: 10px;
        position: relative;
        margin-right: 2px
    }

    #menuBox {
        padding: 0;
        margin: 0;
        border: 0
    }

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

    #menuBox ul {
        position: relative;
        z-index: 2000;
        position: relative
    }

    #menuBox ul li {
        min-height: 1px;
        vertical-align: middle;
        margin-right: 2px
    }

    #menuBox ul li:last-child {
        margin-right: 0
    }

    #menuBox #menu > li.subM > a:after {
        content: " \fe40";
        display: inline-block;
        position: relative;
        top: 4px;
        left: 6px;
        font-size: 14px;
        line-height: 14px
    }

    #menuBox ul li.hover,#menuBox ul li.hover {
        position: relative;
        z-index: 599;
        cursor: default
    }

    #menuBox ul ul {
        visibility: hidden;
        position: absolute;
        top: 100%;
        z-index: 598;
        width: 100%
    }

    #menuBox ul li:last-child ul {
        right: 0;
        left: initial
    }

    #menuBox ul ul li {
        float: none
    }

    #menuBox ul ul ul {
        top: 0;
        left: auto;
        right: -99.5%
    }

    #menu li:last-child ul li ul,#menu li:nth-last-child(2) ul li ul {
        left: -100%
    }

    #menuBox ul li.hover > ul {
        visibility: visible
    }

    #menuBox ul ul {
        bottom: 0;
        left: 0
    }

    #menuBox ul ul {
        margin-top: 0
    }

    #menuBox ul ul li {
        font-weight: 400
    }

    #menuBox a {
        display: block;
        line-height: 1em;
        text-decoration: none
    }

    #menuBox:after,#menuBox ul:after {
        content: '';
        display: block;
        clear: both
    }

    #menuBox a {
        color: #fff;
        padding: 0 40px;
        cursor: pointer
    }

    #menuBox ul ul {
        text-transform: none;
        min-width: 400px;
        text-align: left
    }

    #menuBox ul ul a {
        border: 1px solid #1d7a77;
        border-top: 0 none;
        padding: 10px 15px;
        line-height: 1.3em
    }

    #menuBox ul ul li.hover a {
        background-color: red
    }

    #menuBox ul ul ul {
        border-top: 0 none
    }

    #menuBox ul ul li {
        position: relative
    }

    #menuBox > ul > li > a {
        line-height: 46px
    }

    #menuBox ul ul li:first-child > a {
        border-top: 1px solid #000
    }

    #menuBox ul ul li.hover > a {
        background: #5e797f;
        color: #fff;
        text-decoration: underline
    }

    #menuBox ul ul li.subM > a:after {
        content: " \25BE";
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -8px
    }

    #menuBox ul li.hover > a {
        text-decoration: underline
    }

    #menuBox ul ul li.subM > a:after {
        content: " \25BE";
        margin-left: 5px
    }

    #menuBox ul li.last-child ul {
        left: auto;
        right: 0
    }

    #menuBox ul li.last-child ul ul {
        left: auto;
        right: 99.5%
    }

    header nav {
        font-size: 14px;
        height: 35px;
        border-bottom: none;
        position: relative;
        background-color: #444
    }

    header #menuBox {
        height: 100%;
        max-width: 1080px;
        margin: 0 auto;
        padding: 0 4%;
        text-align: left
    }

    #subFooter .cont,div.frame {
        box-sizing: border-box;
        max-width: 1280px;
    }

    #main .projectListConf ul.cardList li {
        cursor: initial;
        width: 24%
    }
}