#banner {

    background-image: url("/assets/images/backgrounds/abnet-help-banner.jpg");

    background-color: #323D51;

}



#banner .container {

    padding-bottom: 5.7%;

    text-align: center;

}



#banner h1{

    font-size: 48px;

    color: #FFF;

}

#banner p{

    font-size: 20px;

    color: #fff;

}
@media (max-width: 489px) {
    #banner h1:lang(de){
        font-size: 36px;
    }
}
.post-lists .container,#res-list .container {

    padding-top: 80px;

    padding-bottom: 80px;

}

.post-lists dl {

    width: 67%;

    margin: 0 auto;

    border: 1px solid #F0F4F7;

    padding: 0 2.5% 2.5%;

}



.post-lists dd {

    border-bottom: 1px solid #F0F4F7;

}



.post-lists dd a,

.res-lists dd a {

    display: block;

    width: 100%;

    font-size: 14px;

    font-size: 1.4rem;

    color: #666;

    line-height: 1;

    padding: 13px 0;

}



.post-lists dd a:hover,

.res-lists dd a:hover {

    color: #4294e9;

}



.post-lists dd a::before {

    content: '';

    display: inline-block;

    width: 1px;

    height: 1px;

    border-width: 1.5px;

    border-style: solid;

    border-color: #666;

    border-radius: 50%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    vertical-align: 3px;

    margin-right: 4px;

}



.post-lists dd a:hover::before {

    border-color: #4294e9;

}



.post-lists dd a::after {

    content: '';

    display: inline-block;

    float: right;

    width: 9px;

    height: 13px;

    background-image: url("/assets/images/icons/tiny-icon-all.png");

    background-repeat: no-repeat;

    background-position-x: -321px;

    background-position-y: -788px;

}



.post-lists dd a:hover::after {

    background-position-y: -788px;

}



.res-lists {

    background-color: #EEF1F3;

}



.res-lists .container {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.res-lists dl {

    width: 70%;

    margin-left: auto;

    margin-right: auto;

    padding: 1%;

    overflow: hidden;

    background: #fff;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.res-lists dd {

    float: left;

    width: 50%;



    padding-top: 1%;

    padding-left: 2%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.res-lists dd a {

    padding: 6px 0;

}



.res-lists dd a::before {

    content: '';

    display: inline-block;

    width: 12px;

    height: 14px;

    background: url(/assets/images/icons/tiny-icon-all.png) no-repeat -780px -119px;

    margin-right: 7px;

}

/*pagination*/

.pagination {

    margin-top: 60px;

}

ul.simple-pagination {

    list-style: none;

}



.simple-pagination {

    display: block;

    overflow: hidden;

    padding: 0 5px 5px 0;

}



.simple-pagination ul {

    list-style: none;

    padding: 0;

    display: table;

    margin: auto;

}



.simple-pagination ul:after {

    content:'';

    display: block;

    overflow: hidden;

    visibility: hidden;

    clear: both;

    height: 0;

}



.simple-pagination li {

    list-style: none;

    padding: 0;

    margin: 0;

    float: left;

}



span.ellipse.clickable {

    cursor: pointer;

}



.ellipse input {

    width: 3em;

}





.compact-theme a, .compact-theme span {

    float: left;

    color: #333;

    font-size: 14px;

    line-height: 24px;

    font-weight: normal;

    text-align: center;

    border: 1px solid #AAA;

    border-left: none;

    min-width: 14px;

    padding: 0 7px;

    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);

    background: #efefef; /* Old browsers */

    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%); /* Opera11.10+ */

    background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%); /* IE10+ */

    background: linear-gradient(top, #ffffff 0%, #efefef 100%); /* W3C */

}



.compact-theme a:hover {

    text-decoration: none;

    background: #efefef; /* Old browsers */

    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #bbbbbb)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* Opera11.10+ */

    background: -ms-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* IE10+ */

    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* W3C */

}



.compact-theme li:first-child a, .compact-theme li:first-child span {

    border-left: 1px solid #AAA;

    border-radius: 3px 0 0 3px;

}



.compact-theme li:last-child a, .compact-theme li:last-child span {

    border-radius: 0 3px 3px 0;

}



.compact-theme .current {

    background: #bbbbbb; /* Old browsers */

    background: -moz-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbbbbb), color-stop(100%, #efefef)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* Opera11.10+ */

    background: -ms-linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* IE10+ */

    background: linear-gradient(top, #bbbbbb 0%, #efefef 100%); /* W3C */

    cursor: default;

}



.compact-theme .ellipse {

    background: #EAEAEA;

    padding: 0 10px;

    cursor: default;

}

.pagination {

    border-radius: 2px;

    padding: 0;

    text-align: center;

}

/*------------------------------------*\

	Light Theme Styles

\*------------------------------------*/

.light-theme a, .light-theme span {

    float: left;

    color: #666;

    font-size: 14px;

    line-height: 24px;

    font-weight: normal;

    text-align: center;

    border: 1px solid #F0F4F7;

    padding: 3px 11px;

    margin: 0 5px 0 0;

    border-radius: 2px;

    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);*/

    background: #fff; /* Old browsers */

    /*background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); !* FF3.6+ *!

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #efefef)); !* Chrome,Safari4+ *!

    background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 100%); !* Chrome10+,Safari5.1+ *!

    background: -o-linear-gradient(top, #ffffff 0%, #efefef 100%); !* Opera11.10+ *!

    background: -ms-linear-gradient(top, #ffffff 0%, #efefef 100%); !* IE10+ *!

    background: linear-gradient(top, #ffffff 0%, #efefef 100%); !* W3C *!*/

}



.light-theme a:hover, .light-theme span:hover {

    text-decoration: none;

    background: #091871;

    color: #fff;

    border-radius: 2px;

    border-color: #091871;

}



.light-theme .current {

    background: #091871;

    color: #FFF;

    border-color: #091871;

    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;*/

    cursor: default;

}



.light-theme .ellipse {

    background: none;

    border: none;

    border-radius: 0;

    box-shadow: none;

    font-weight: bold;

    cursor: default;

}



/*------------------------------------*\

	Dark Theme Styles

\*------------------------------------*/

.dark-theme a, .dark-theme span {

    float: left;

    color: #CCC;

    font-size: 14px;

    line-height: 24px;

    font-weight: normal;

    text-align: center;

    border: 1px solid #222;

    min-width: 14px;

    padding: 0 7px;

    margin: 0 5px 0 0;

    border-radius: 3px;

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    background: #555; /* Old browsers */

    background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #333)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #555 0%, #333 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #555 0%, #333 100%); /* Opera11.10+ */

    background: -ms-linear-gradient(top, #555 0%, #333 100%); /* IE10+ */

    background: linear-gradient(top, #555 0%, #333 100%); /* W3C */

}



.dark-theme a:hover {

    text-decoration: none;

    background: #444;

}



.dark-theme .current {

    background: #222;

    color: #FFF;

    border-color: #000;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;

    cursor: default;

}



.dark-theme .ellipse {

    background: none;

    border: none;

    border-radius: 0;

    box-shadow: none;

    font-weight: bold;

    cursor: default;

}



.light-theme .ratio {

    border: none;

    background: none;

    box-shadow: none;

}

/*pagination*/









@media screen and (min-width: 993px) {

    #banner {

        height: 400px;

    }



    #banner h1 {

        padding-top: 11%;

    }

}



@media screen and (min-width: 768px) and (max-width: 992px) {

    .post-lists dl {

        width: 85%;

    }



    .pagination {

        width: 70%;

    }



    .res-lists dl {

        margin-left: 0;

        width: auto;

    }



    .res-lists dl:last-child {

        margin-right: 0;

    }

}



@media screen and (min-width: 320px) and (max-width: 767px) {

    .post-lists dl {

        width: 100%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }



    .post-lists dd a {

        padding-right: 1%;

    }



    .pagination, .res-lists dl {

        width: 100%;

    }



    .res-lists dl {

        margin-left: 0;

    }



    .res-lists dl:last-child {

        margin: 4% 0 0;

    }

}



.res-lists.art-res-list-abnet-help {

    height: 0;

    overflow: hidden;

}



@media (max-width: 551px) {

    .res-lists dd,.res-lists dl,.post-lists dl{

        float: none;

        width: auto;

    }

    .post-lists dd a::before,.post-lists dd a::after{

        display: none;

    }

    .post-lists dd a, .res-lists dd a{

        line-height: 22px;

    }

}