/* Erstmal css für alle insbesondere kleine Geräte */

html,
body,
#outerWrap,
form,
input {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

body {
    background-color: #f5f5f5;
    font-family: Verdana, 'Lucida Sans Unicode', sans-serif;
    background-image: url("../Bilder/sehtestBG.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

img,
video {
    max-width: 100%;
    height: auto
}

video {
    margin: 0 auto;
    width: 100%
}

#ie8 img {
    width: 100%
}

#page {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

div [role="main"] {
    width: 100%;
    color: #f5f5f5
}

.csc-default {
    height: 150%
}

#c48.csc-default {
    height: 180%
}

[role="navigation"],
[role="main"],
[role="complementary"] {
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    -o-transition: .2s all ease;
    -ms-transition: .2s all ease;
    transition: .2s all ease;
    width: 100%;
    display: block;
    position: relative;
    float: left
}

.js [role="navigation"] {
    height: 100%;
    margin-left: -100%;
    float: left;
    z-index: 2
}

.js [role="main"] {
    width: 100%;
    height: 100%;
    margin-left: 0;
    z-index: 1;
    position: relative;
    overflow: scroll
}

.js [role="complementary"] {
    background-color: grey;
    color: #fff;
    height: 100%;
    background: grey;
    float: left;
    overflow-x: auto
}

.active-nav #page {
    height: 100%;
    overflow: hidden
}

.active-nav [role="navigation"] {
    margin-left: 0;
    width: 85%;
    overflow-x: auto;
    color: #000;
    background-color: #009d62;
    float: left
}

.active-nav [role="main"] {
    float: left;
    margin-right: -100%
}

.active-nav [role="complementary"] {
    margin-right: -100%;
    float: right
}

.active-sidebar [role="navigation"] {
    margin-left: -200%
}

.active-sidebar [role="main"] {
    margin-left: -85%
}

.active-sidebar [role="complementary"] {
    margin-left: 0;
    width: 85%
}

.active-nav [role="main"] {
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    -o-transition: .2s all ease;
    -ms-transition: .2s all ease;
    transition: .2s all ease
}

.active-nav #footer {
    margin-left: 85%;
    display: none
}

.off-canvas-navigation {
    width: 100%;
    height: 60px;
    overflow: hidden;
    display: block;
    color: #fff;
    background-color: #009d62
}

.off-canvas-navigation ul {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.off-canvas-navigation ul li {
    display: block;
    float: left;
    max-width: 220px
}

.off-canvas-navigation .search {
    width: 50%;
    float: left;
    margin: 12px 0
}

.off-canvas-navigation .search input {
    width: 90%;
    min-width: 150px;
    height: 20px;
    lineheight: 20px;
    background-color: grey;
    background-image: url(../Images/lupe.png);
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 25px;
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
    float: left
}

.footerlogo {
    background-repeat: no-repeat;
    background-size: 24px;
    height: 30px
}

.off-canvas-navigation form,
.off-canvas-navigation form input,
.off-canvas-navigation .sidebar {
    float: left
}

.off-canvas-navigation ul li.menu-item-middle {
    margin: 3% auto;
    height: 100%
}

.off-canvas-navigation ul li.menu-item-last {
    float: right
}

a.menu-button {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    float: left;
    margin: 10px
}

a.sidebar-button {
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    float: right;
    margin: 10px;
    font-size: 1.4em;
    font-weight: 700;
    text-decoration: none
}

#breadcrumb {
    display: none
}

#hints {
    background-color: orange
}

#hints a {
    text-decoration: none;
    color: #fff
}

.js #js {
    display: none
}

.no-js #js {
    display: block;
    background-color: red;
    color: #fff;
    font-size: 1.2em;
    margin: 5px auto
}

.no-js .menu-button img {
    display: none
}

.js .menu-button img {
    display: block
}

#browser {
    display: none
}

#debug {
    display: none;
    background-color: red;
    font-size: .7em
}

.warning {
    background-color: orange;
    border: 1px solid silver;
    color: #000
}

#content {
    padding: 2%
}

.csc-header,
h3 {
    color: #009d62
}

.contenttable td {
    border: 1px solid #009d62
}

thead {
    color: #FFF;
    background-color: #009d62
}

footer .partner {
    text-align: center
}

footer .partner img {
    width: 220px;
    max-width: 85%
}

footer .themewrapper {
    display: none
}

#legal {
    text-align: center
}

#legal a {
    width: 90%;
    height: 50px;
    margin: 1% auto;
    padding: 26px 0 0;
    overflow: hidden;
    display: block;
    vertical-align: middle;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    background-color: #009d62
}

#menu ul {
    margin: 0;
    width: 98%;
    padding: 0
}

#menu ul ul {
    padding: 0 .5em;
    display: none
}

#menu ul ul li {
    font-size: .9em
}

#menu ul li {
    list-style: none;
    line-height: 2.5em
}

#menu ul a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 0 10px
}

#menu ul a:hover {
    font-weight: 700
}

* html ul a {
    width: 100%
}

* html ul li ul li a {
    width: 100%
}

#menu ul li:hover>ul,
#menu ul ul li:hover>ul,
#menu ul ul ul li:hover>ul {
    display: block
}

#menu ul a:active {
    color: #09759c
}

nav#menu .logo {
    display: none
}

nav#menu .logo img {
    display: none
}

nav#menu ul {
    opacity: 1;
    transition: opacity 0;
    -moz-transition-duration: .5s
}

#menu ul li.has-child>a::after {
    content: " >"
}

a.download:before {
    content: url("../Bilder/download.png");
    padding: 0 4px 0 0
}

a.download {
    font-weight: 700
}

a.external-link-new-window:after {
    content: url("../Bilder/link-ext.png");
    padding: 0 0 0 4px
}

.news-list-view .header h3 a {
    text-decoration: none;
    color: #e31e25
}

.news-list-view .teaser-text a.more,
.news-backlink-wrap a {
    text-decoration: none;
    color: #e31e25;
    font-weight: 700;
    border-color: #e31e25;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    padding: 5px
}

.news-backlink-wrap {
    margin: 20px
}

.news-list-view .teaser-text a.more:hover,
.news-backlink-wrap a:hover {
    color: #fff;
    background-color: #e31e25;
    transition: background-color .8s ease
}

.csc-textpic-text a,
.csc-sitemap a {
    text-decoration: none;
    color: #fff;
    font-weight: 700
}

.csc-sitemap ul,
.csc-sitemap ol {
    margin: 0;
    padding: 0 0 0 25px
}

.department-social {
    font-family: FontAwesome;
    text-align: center;
    font-size: 1.5em
}

.department-social a {
    display: inline-table;
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 0 0 0 5px;
    text-decoration: none;
    color: #000
}

.department-social a.fa-facebook:hover {
    color: #fff;
    background-color: #3b5998
}

.department-social a.fa-twitter:hover {
    color: #fff;
    background-color: #55acee
}

.department-social a.fa-android:hover {
    color: #fff;
    background-color: #a4c639
}

.department-social a.fa-apple:hover {
    color: #fff;
    background-color: grey
}

.tx-powermail * {
    box-sizing: border-box
}

.tx-powermail .hide {
    display: none
}

.tx-powermail .powermail_fieldset {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #bbb;
    clear: left;
    margin: 0 0 20px;
    padding: 10px
}

.tx-powermail select,
.tx-powermail textarea {
    width: 100%
}

.tx-powermail label {
    font-weight: 700
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit,
.tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    background-color: #009d62;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: #FFF;
    font-weight: 700;
    padding: 5px;
    text-decoration: none
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit:hover,
.tx-powermail .powermail_fieldset .powermail_field.powermail_reset:hover {
    background-color: #009d62;
    color: #fff
}

.bodytext,
#c100 ol,
table {
    background-color: rgba(0, 157, 98, 0.8)
}

.slider {
    display: none
}

#menu button.departmentSelect {
    font-family: FontAwesome;
    font-size: 1.5em;
    color: #fff;
    background-color: transparent
}

#menu .upndown {
    float: left
}

#menu .slider {
    position: fixed;
    background-color: rgba(0, 157, 98, 0.8)
}

@font-face {
    font-family: 'socicon';
    src: url(../font/socicon.eot);
    src: url(../font/socicon.eot?#iefix) format("embedded-opentype"), url(../font/socicon.woff) format("woff"), url(../font/socicon.ttf) format("truetype"), url(../font/socicon.svg#sociconregular) format("svg");
    font-weight: 400;
    font-style: normal;
    text-transform: initial
}

@media all and (min-width: 728px) {

    #breadcrumb,
    #content,
    footer {
        max-width: 960px;
        margin: 0 auto
    }

    .off-canvas-navigation {
        display: none
    }

    .js [role="navigation"],
    [role="navigation"] {
        height: auto;
        margin-left: 0;
        float: none
    }

    .js [role="main"] {
        overflow: visible
    }

    #menu {
        overflow: hidden;
        background-color: rgba(0, 157, 98, 0.8)
    }

    #menu ul li {
        height: 100%;
        float: left;
        margin: 0;
        padding: 0;
        list-style: none
    }

    #menu ul li ul {
        position: absolute;
        z-index: 42
    }

    #menu ul li ul,
    #menu ul li ul li {
        width: 190px;
        float: none;
        background-color: #009d62;
        text-align: left
    }

    #menu ul a {
        color: #fff
    }

    #menu ul ul,
    #menu ul li:hover ul ul,
    #menu ul ul li:hover ul ul {
        display: none
    }

    #menu ul ul ul {
        margin: 0;
        padding: 0;
        margin-left: 190px;
        margin-top: -20px
    }

    #menu ul li:hover ul,
    #menu ul ul li:hover ul,
    #menu ul ul ul li:hover ul {
        display: block
    }

    #menu ul li.has-child a::after {
        content: ""
    }

    #menu ul ul li.has-child>a::after {
        content: " >"
    }

    #menu.fixed {
        margin: 0 auto;
        width: 100%;
        height: auto
    }

    #menu.fixed ul li ul {
        position: fixed
    }

    nav.fixed {
        position: fixed;
        top: 0;
        margin: 0;
        width: 960px;
        margin: 0 auto
    }

    nav.fixed ul {
        opacity: 0
    }

    nav.fixed:hover ul {
        opacity: 1
    }

    #breadcrumb {
        display: block;
        padding: 1%
    }

    #breadcrumb,
    #breadcrumb#breadcrumb a {
        color: #009d62;
        text-decoration: none;
        font-weight: 700
    }

    #breadcrumb#breadcrumb .content {
        width: 75%;
        float: right;
        text-align: left
    }

    #content {
        padding: 2%;
        height: 100%
    }

    #footer {
        margin: 0;
        padding: 0;
        clear: both;
        position: absolute und bottom: 0
    }

    footer .partner {
        overflow: hidden;
        background-color: #fff
    }

    footer .partner img {
        margin: 1% 5%
    }

    footer .themewrapper {
        display: block;
        color: #fff
    }

    footer .themewrapper a {
        text-decoration: none;
        color: #fff
    }

    footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-weight: 700
    }

    footer ul ul {
        margin: 1% 0 0 5%;
        font-weight: 400
    }

    footer ul ul li {
        margin: 1% 0 0
    }

    .themewrapper {
        text-align: center;
        overflow: hidden
    }

    .themewrapper .theme {
        width: 8%;
        margin: .8%;
        float: left;
        text-align: left
    }

    #legal {
        text-align: left
    }

    #footer footer #legal a {
        text-decoration: none;
        color: grey;
        font-weight: 700;
        margin: 2% 1%;
        display: inline;
        background-color: transparent
    }

    .tx-powermail h3 {
        display: none
    }

    .tx-powermail .powermail_fieldset .powermail_legend {
        color: #bbb;
        font-size: 150%;
        margin: 3px 0 10px;
        white-space: normal
    }

    .tx-powermail label,
    .tx-powermail input {
        width: 50%;
        float: left
    }

    .tx-powermail select,
    .tx-powermail textarea,
    input#powermail_field_captcha {
        width: 50%;
        float: right
    }

    .tx-powermail .powermail_captcha_outer {
        width: 100%;
        clear: both
    }

    .tx-powermail input.powermail_submit {
        float: none
    }

    .tx-powermail .powermail_fieldwrap_submit {
        text-align: center
    }

    .powermail_fieldset div {
        overflow: hidden;
        clear: both;
        width: 100%
    }
}

.tx-powermail {
    color: #444
}

.tx-powermail .clear {
    clear: both
}

.tx-powermail * {
    box-sizing: border-box
}

.tx-powermail .hide {
    display: none
}

.tx-powermail .powermail_fieldset {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #bbb;
    clear: left;
    margin: 0 0 20px;
    padding: 10px
}

.tx-powermail .powermail_fieldset .powermail_legend {
    color: #bbb;
    float: right;
    font-size: 200%;
    margin: 3px 0 10px;
    white-space: normal
}

.tx-powermail .powermail_fieldset .powermail_label {
    clear: left;
    display: block;
    float: left;
    font-weight: 700
}

.tx-powermail .powermail_fieldset .powermail_label[title] {
    cursor: help
}

.tx-powermail .powermail_fieldset .powermail_label[title]::after {
    background-color: #aaa;
    border-radius: 100px;
    color: #fff;
    content: "i";
    display: inline-block;
    font-family: arial;
    font-size: 14px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    margin: 0 0 0 2px;
    text-align: center;
    width: 16px
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""] {
    cursor: inherit
}

.tx-powermail .powermail_fieldset .powermail_label[title][title=""]::after {
    display: none
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap {
    clear: both;
    margin: 0 0 .5em;
    overflow: hidden
}

.tx-powermail .powermail_fieldset .powermail_field {
    border: 1px solid #bbb;
    color: #444;
    float: right;
    font-size: inherit;
    margin: 0;
    padding: 5px
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_submit,
.tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    border: 1px solid #eee;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    margin: 5px 0 0;
    padding: 5px 20px
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    background-color: #ffca4b
}

.tx-powermail .powermail_fieldset .powermail_field.powermail_captcha {
    width: 100%
}

.tx-powermail .powermail_fieldset .powermail_captchaimage {
    margin-top: 10px;
    width: 100%
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio legend,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_check legend {
    padding: 0
}

.tx-powermail .powermail_fieldset .powermail_fieldwrap_radio fieldset,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_check fieldset {
    border: 0 none;
    margin: 0;
    padding: 0
}

.tx-powermail .powermail_fieldset .powermail_radio_outer,
.tx-powermail .powermail_fieldset .powermail_captcha_outer,
.tx-powermail .powermail_fieldset .powermail_check_outer,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) {
    background-color: #fff;
    border: 1px solid #bbb;
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 3px
}

.tx-powermail .powermail_fieldset .powermail_radio_outer>li,
.tx-powermail .powermail_fieldset .powermail_captcha_outer>li,
.tx-powermail .powermail_fieldset .powermail_check_outer>li,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text>li,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list)>li {
    margin: 5px
}

.tx-powermail .powermail_fieldset .powermail_radio_outer>li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_captcha_outer>li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_check_outer>li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text>li .deleteAllFiles,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list)>li .deleteAllFiles {
    color: #bbb;
    cursor: pointer
}

.tx-powermail .powermail_fieldset .powermail_radio_outer>li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_captcha_outer>li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_check_outer>li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_text>li .deleteAllFiles:hover,
.tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list)>li .deleteAllFiles:hover {
    text-decoration: underline
}

.tx-powermail .powermail_fieldset .parsley-errors-list {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    clear: left;
    display: none;
    float: right;
    list-style-type: none;
    margin: 5px 0 20px;
    padding: 0
}

.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
    display: block
}

.tx-powermail .powermail_fieldset .parsley-errors-list>li {
    color: #a94442;
    padding: 5px 10px
}

.tx-powermail .powermail_fieldset .powermail_field_error,
.tx-powermail .powermail_fieldset .parsley-error,
.tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus,
.tx-powermail .powermail_fieldset div.error {
    background-color: #ebccd1;
    border: 1px solid #a94442;
    color: #a94442
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list {
    background-color: #ebccd1;
    border: medium none;
    margin-bottom: 0
}

.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list>li {
    padding-left: 5px
}

.tx-powermail .powermail_create,
.tx-powermail .powermail_confirmation {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #bbb;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 10px
}

.tx-powermail .powermail_create .powermail_confirmation_submit,
.tx-powermail .powermail_create .powermail_confirmation_form,
.tx-powermail .powermail_confirmation .powermail_confirmation_submit,
.tx-powermail .powermail_confirmation .powermail_confirmation_form {
    background-color: #1e5799;
    border: 1px solid #eee;
    color: #fff;
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin: 20px 0 0;
    padding: 5px 20px
}

.tx-powermail .powermail_create .powermail_confirmation_form,
.tx-powermail .powermail_confirmation .powermail_confirmation_form {
    background-color: #bbb;
    clear: left;
    float: left
}

.tx-powermail .powermail_progressbar {
    border: 1px solid #eee;
    clear: both;
    float: right;
    height: 5px
}

.tx-powermail .powermail_progressbar.disable {
    display: none
}

.tx-powermail .powermail_progressbar>.powermail_progress {
    animation: 5s ease 0 normal forwards 1 running progress;
    background: #1e5799 none repeat scroll 0 0;
    max-width: 100%;
    width: 0
}

.tx-powermail .powermail_progressbar>.powermail_progress>.powermail_progess_inner {
    background: rgba(0, 0, 0, 0) url(/typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif) repeat-x scroll 0 0;
    height: 5px;
    opacity: .25;
    overflow: hidden;
    width: 100%
}

.tx-powermail .powermail_confirmation .powermail_progressbar {
    width: 100%
}

.tx-powermail .powermail_all>dt {
    clear: left;
    float: left;
    font-weight: 700
}

.tx-powermail .powermail_all>dd {
    float: left;
    margin: 0
}

.tx-powermail .powermail_message {
    background-color: #ebccd1;
    background-position: 98% 10px;
    background-repeat: no-repeat;
    border: 1px solid #a94442;
    list-style: outside none circle;
    min-height: 65px;
    padding: 5px 0 10px 20px
}

.tx-powermail .powermail_message li {
    padding: 5px 50px 0 0
}

.tx-powermail .powermail_message.powermail_message_ok {
    background-color: #cdeaca;
    background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png);
    border: 1px solid #3b7826
}

.tx-powermail .powermail_message.powermail_message_ok li {
    color: #3b7826
}

.tx-powermail .powermail_message.powermail_message_error {
    background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png)
}

.tx-powermail .powermail_message.powermail_message_error li {
    color: #a94442
}

.tx-powermail .powermail_message.powermail_message_note {
    background-color: #fcf8e3;
    background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png);
    border: 1px solid #ffca4b
}

.tx-powermail .powermail_message.powermail_message_note li {
    color: #ffca4b
}

.tx-powermail .powermail_tabmenu {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

.tx-powermail .powermail_tabmenu>li {
    background: #eee none repeat scroll 0 0;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top: 1px solid #bbb;
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px
}

.tx-powermail .powermail_tabmenu>li.act {
    color: #444
}

.tx-powermail .powermail_tabmenu>li.parsley-error {
    background-color: #ebccd1
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation {
    margin-top: 2em
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next,
.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous {
    background-color: #aaa;
    border: 1px solid #bbb;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 5px 30px;
    text-decoration: none
}

.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next {
    background-color: #1e5799;
    float: right
}

.tx-powermail .powermail_form.nolabel>h3 {
    display: none
}

.tx-powermail .powermail_fieldset.nolabel>legend {
    display: none
}

.tx-powermail .powermail_fieldwrap.nolabel>label {
    display: none
}

.tx-powermail .powermail_fieldwrap.nolabel>fieldset>legend {
    display: none
}

@keyframes progress {
    100% {
        width: 100%;
        width: 100%;
        width: 100%
    }
}

.powermail_frontend {
    background: #eee none repeat scroll 0 0;
    clear: left;
    margin: 0 0 20px;
    overflow: auto
}

.powermail_frontend table.powermail_frontend_list {
    border: 1px solid #444;
    border-collapse: separate;
    border-spacing: 0;
    font-size: .8em;
    margin-top: 15px;
    width: 100%
}

.powermail_frontend table.powermail_frontend_list tr th {
    background: #444 none repeat scroll 0 0;
    color: #fff;
    font-weight: 700;
    padding: 7px 3px;
    text-align: left
}

.powermail_frontend table.powermail_frontend_list tr td {
    padding: 3px
}

.powermail_frontend table.powermail_frontend_list tr:nth-child(2n) {
    background: #bbb none repeat scroll 0 0
}

.powermail_frontend .powermail_frontend_filter {
    background: #bbb none repeat scroll 0 0;
    padding: 10px 0
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container {
    clear: both;
    padding: 5px 10px
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container label {
    display: block;
    float: left;
    padding-top: 3px
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container input {
    border: medium none;
    float: right;
    padding: 5px
}

.powermail_frontend .powermail_frontend_filter .powermail_frontend_search_container .powermail_frontend_search_submit {
    background: #1e5799 none repeat scroll 0 0;
    clear: both;
    color: #fff;
    cursor: pointer
}

.powermail_frontend .powermail_frontend_abc,
.powermail_frontend .powermail_frontend_export {
    margin: 10px 0
}

.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner,
.powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner,
.powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner {
    margin: 0 10px
}

.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_abc_inner span.abc a,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc,
.powermail_frontend .powermail_frontend_abc .powermail_frontend_export_inner span.abc a,
.powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc,
.powermail_frontend .powermail_frontend_export .powermail_frontend_abc_inner span.abc a,
.powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc,
.powermail_frontend .powermail_frontend_export .powermail_frontend_export_inner span.abc a {
    font-weight: 700;
    text-decoration: none
}

.powermail_frontend .powermail_frontend_export input {
    background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/icon_csv.gif);
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    height: 16px;
    padding-top: 2px;
    text-indent: -99999px;
    width: 17px
}

.powermail_frontend .powermail_frontend_export input.export_icon_xls {
    background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/icon_xls.gif)
}

.powermail_frontend .powermail_frontend_export .powermail_frontend_export_icon {
    float: right;
    height: 19px;
    margin-left: 5px;
    padding-top: 5px
}

.powermail_frontend dl {
    clear: both;
    padding: 5px 10px
}

.powermail_frontend dl dt {
    clear: left;
    float: left;
    font-weight: 700;
    margin-right: 10px;
    width: 150px
}

.powermail_frontend dl dd {
    float: left
}

.powermail_frontend .powermail_frontend_back {
    background-color: #bbb;
    border: 1px solid #eee;
    color: #fff;
    display: inline-block;
    margin: 10px;
    padding: 5px 20px;
    text-decoration: none
}

.xdsoft_datetimepicker {
    background: #fff none repeat scroll 0 0;
    border-color: #bbb;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    box-sizing: border-box;
    color: #333;
    display: none;
    font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 2px 8px 8px 0;
    position: absolute;
    z-index: 9999
}

.xdsoft_datetimepicker iframe {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    height: 210px;
    left: 0;
    position: absolute;
    top: 0;
    width: 75px
}

.xdsoft_datetimepicker button {
    border: medium none !important
}

.xdsoft_noselect {
    -moz-user-select: none
}

.xdsoft_noselect::-moz-selection {
    background: transparent none repeat scroll 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    box-shadow: none;
    display: inline-block;
    position: static
}

.xdsoft_datetimepicker * {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    float: left;
    margin-left: 8px;
    width: 224px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    float: left;
    margin-left: 8px;
    margin-top: 0;
    text-align: center;
    width: 58px
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-bottom: 3px;
    margin-top: 8px
}

.xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker .xdsoft_prev {
    background-position: -20px 0;
    float: left
}

.xdsoft_datetimepicker .xdsoft_today_button {
    background-position: -70px 0;
    float: left;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    background-position: 0 0;
    float: right
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none currentcolor;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    outline: medium none currentcolor;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    background-position: -40px -15px;
    display: block;
    float: none;
    height: 15px;
    margin-left: 14px;
    margin-top: 7px;
    width: 30px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #eee;
    height: 151px;
    overflow: hidden
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #fff none repeat scroll 0 0;
    border-bottom-width: 0;
    border-collapse: collapse;
    border-top: 1px solid #eee;
    color: #444;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    background-color: #fff;
    cursor: pointer;
    display: inline;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
    padding: 5px 3px;
    position: relative;
    text-align: center;
    width: 182px;
    z-index: 9999
}

.xdsoft_datetimepicker .xdsoft_label:hover {
    text-decoration: underline
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: none;
    max-height: 160px;
    overflow-y: hidden;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    background: #a94442 none repeat scroll 0 0;
    color: #fff
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #1e5799 none repeat scroll 0 0;
    box-shadow: 0 1px 3px 0 #1e5799 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    text-align: right;
    width: 90px
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 56px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-collapse: collapse;
    color: #666;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    padding: 0;
    text-align: right;
    width: 14.2857%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1 none repeat scroll 0 0
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #1e5799
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #1e5799 none repeat scroll 0 0;
    box-shadow: 0 1px 3px 0 #1e5799 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: .5
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #a94442 none repeat scroll 0 0 !important;
    box-shadow: none !important;
    color: #fff !important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    background: inherit !important;
    box-shadow: inherit !important;
    color: inherit !important
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    color: #999;
    cursor: default;
    font-weight: 700;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_copyright {
    clear: both;
    color: #ccc !important;
    float: none;
    font-size: 10px;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    border: 1px solid #ccc;
    position: relative
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc none repeat scroll 0 0 !important;
    border-radius: 3px;
    height: 20px
}

.xdsoft_scrollbar {
    bottom: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
}

.xdsoft_scroller_box {
    position: relative
}