/*
theme: Weblaw AG
target: device > 480px
*/

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 0.8rem;
    font-family: arial, helvetica, sans-serif;
    background: #fff;
    color: #585858;
}

h1, h2, h3, h4, h5, h6 {
    color: #27559A;
}

#weblaw-glossary-index li {
    display: inline;
    font-weight: bold;
    padding: 0 2px;
    text-transform: uppercase;
}

#weblaw-glossary-index {
    margin-bottom: 20px;
}

.glossary-box {
    margin: 20px 0;
    border-bottom: 1px solid #B3B3B3;
}

#letter-z.glossary-box {
    border-bottom: none;
}

div.glossary-box > h2 {
    color: #27559a;
    font-weight: bold;
    margin-bottom: 15px;
}

div.glossary-table {
    display: table;
    width: 100%;
}

div.glossary-row {
    display: table-row;
}

div.glossary-column {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.glossary-item {
    float: left;
    padding-left: 10px;
    margin-bottom: 20px;
}

.glossary-item > a {
    font-weight: bold;
}

.glossary-image {
    float: left;
    background-color: #dddddd;
    width: 100px;
    height: 120px;
    margin-bottom: 20px;
    text-align: center;
}

.glossary-image > img {
    max-height: 120px;
    max-width: 100px;
}

hr {
    margin-bottom: 5px;
    margin-top: 5px;
    color: white;
}

ul {
    list-style-type: none;
}

div.mgnlEditorBarLabel, div.mgnlEditor {
    display: block !important;
}

blockquote {
    margin-left: 20px;
}

strong {
    font-weight: bold;
}

/* content navigation */
#nav {
    float: left;
    overflow: visible;
    margin-bottom: 20px;
    color: #27559a;
    width: 100%;
    background-color: #f5f5f5;
    border-radius: 8px;
}

#nav-box ul {
    clear: both;
}

#nav-box ul > li {
    display: block;
    float: left;
    padding: 3px 12px 3px 15px;
}

#nav-box ul.dropdown {
    float: left;
}

#nav-box ul.dropdown li {
    position: relative;
    float: left;
}

#nav-box ul.dropdown li a,
#nav-box ul.dropdown li span {
    float: left;
}

#nav-box li.subhover {
    background-color: #E9EEF5;
}

#nav-box ul.dropdown li ul.subnav {
    position: absolute;
    left: 0;
    top: 31px;
    float: left;
    width: 150px;
    background: #E9EEF5;
    padding: 3px 10px 5px 10px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    display: none;
    z-index: 1000;
}

#nav-box ul.dropdown img {
    vertical-align: middle;
}

#nav-box ul.subnav li {
    clear: both;
    padding: 1px 10px 1px 5px;
    width: 120px;
    border-bottom: 1px solid #D5DEEC;
    box-shadow: 0 5px 6px -6px #ffffff;
}

#nav-box ul.subnav li:last-child {
    border-bottom: none;
    box-shadow: none;
}

#nav-box ul.level-0,
#nav-box ul.level-1 {
    line-height: 25px;
}

#nav-box ul.level-1 {
    width: 100%;
    background-color: #d5deec;
}

#nav-box ul.level-0 > li.open {
    background-color: #d5deec;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#nav-box ul.level-0 > li > a,
#nav-box ul.level-1 > li.open > a {
    font-weight: bold;
}

#nav-box li img {
    vertical-align: middle;
    margin-right: 5px;
}

/* end content nav */

/* general "box" width */
#top,
#header-info,
#nav-bottom,
#nav-bottom ul,
#nav-bottom ul ul,
#easing-search-box,
#easing-login-box,
#easing-contact-box,
#stage div.tw-paging,
#stage div.tw-paging .rack,
#stage div.tw-paging .rack-teaser,
.js #stage div.tw-paging .rack,
#stage div.tw-paging .rack-teaser img,
#footer-top, #footer-bottom, #header-wrapper-nav, #center {
    width: 900px;
}

#header-wrapper-nav {
    height: 100%;
}

#center {
    overflow: hidden;
    z-index: 100;
    position: relative;
}

/* navigation width, is within center */
#galleria {
    width: 100%;
    height: 400px;
    float: left;
}

.galleria-stage {
    background-color: transparent;
}

#teaser-wrapper {
    float: left;
    width: 260px;
    margin-left: 20px;
}

.newsteaser-text {
    width: 455px;
}

.pager {
    float: right;
}

.pager > ul > li.on {
    background-color: #E2E2E2;
}

.pager > ul > li {
    display: inline;
    height: 10px;
    padding-left: 3px;
    padding-right: 3px;
    width: 10px;
}

.newsteaser-item .date {
    font-size: 0.9em;
}

.newsteaser-item.no-img {
    float: left;
    width: 100%;
}

.newsteaser-item.no-img > .newsteaser-details > .newsteaser-text {
    width: 100%;
}

.newsteaser-details {
    margin-top: 5px;
    float: left;
    margin-bottom: 10px;
}

.newsteaser-details + p > .more {
    font-weight: bold;
    display: block;
    float: right;
    margin-bottom: 10px;
    width: 100%;
    text-align: right;
}

.newsteaser-text {
    font-size: 1.1em;
    float: left;
}

.teaser-image {
    height: 32px;
    width: 32px;
    margin-left: 10px;
    margin-right: 20px;
}

.newsteaser-image > img,
.newsteaser-image > .helper > img {
    max-height: 100px;
    max-width: 150px;
    vertical-align: middle;
}

.newsteaser-image {
    margin-right: 15px;
    height: 100px;
    width: 150px;
    float: left;
    text-align: center;
}

.newsteaser-image .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.newsteaser-text div div {
    margin-bottom: 20px;
}

hr {
    color: #ffffff;
}

.newsteaser-item > h3 {
    margin-top: 20px;
    float: left;
    width: 100%;
}

/* with of center with nav enabled*/
#main-content {
    clear: both;
}

#main-content.with-teasers {
    width: 620px;
    float: left;
}

div.text {
    padding-left: 10px;
    font-size: 1.17em;
    line-height: 1.5em;
    margin-bottom: 10px;
}

/* weblaw specific */
.with-teasers .one-half {
    width: 270px;
    float: left;
}

.with-teasers .one-third {
    width: 180px;
    float: left;
}

.one-half {
    width: 425px;
    float: left;
}

.one-half.leftchild {
    float: left;
}

.one-half.rightchild {
    float: right;
}

.one-third {
    width: 280px;
    float: left;
}

#ad-left {
    float: left;
    margin-right: -450px;
    width: 50%;
}

#ad-left {
    position: absolute;
    left: 0;
}

/* LINKS */
a {
    color: #27559a;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    text-decoration: underline;
}

#footer-bottom a {
    color: #ffffff;
}

#footer-bottom a:hover, #footer-bottom a:active, #footer-bottom a:focus {
    text-decoration: underline;
}

a:visited {
    color: #27559a;
}

p.back a {
    clear: both;
    display: block;
    margin: 25px 0;
    border-top: 1px solid #B3B3B3;
    border-bottom: none !important;
    padding: 5px 0 0 17px;
    font-style: normal;
    font-weight: bold;
}

p.back a:hover, p.back a:focus, p.back a:active {
    text-decoration: underline !important;
}

.all a {
    clear: both;
    display: block;
    margin: 10px 0 0 0;
    border-top: 1px solid #b3b3b3;
    padding: 5px 0 0 17px;
}

/* hidden & skip link  */
.step-by-step li em, .showbox h1.showbox-title, .aural, .skip a, div.search-box label, #search-results .new-search label, div.search-box h6, #nav-global span em, #nav-bottom span em, #nav li strong em, #nav-global li.on em, #nav-bottom li.on em, #nav-box li.on em, #nav-global h6, #extras h6, em.more span, #promos .more, .pager li em, .pager h3, #search-results .form-wrapper label span, #main .vcard div h3, #extras .vcard div h3, #glossary-index h3, .day span, form div label em, /*-content strong em, */
p#copyright-magnolia span, #event-pager h5, div.superpromos .superpromo-section p.more a span {
    display: block;
    position: absolute;
    overflow: hidden;
    left: -9999px;
    width: 1px;
    height: 1px;
}

.skip a:active, .skip a:focus {
    position: absolute;
    background: #fff;
    outline: none;
    z-index: 1000;
    left: 200px;
    overflow: visible;
    width: auto;
    height: auto;
    padding: 5px 15px 10px 15px;
    font-weight: bold;
}

.ref-link {
    background: url('../img/link.png') no-repeat;
    padding-left: 20px;
}

.free_article {
    background: url('../img/open.png') no-repeat;
    padding-left: 20px;
    padding-top: 6px;
}

.form-wrapper {
    margin-left: 12px;
}

/* clear */
.step-by-step ol:after, .opener:after, .teaser:after, #page-intro:after, .form-wrapper div:after, #stage div.teaser-wrapper:after, .text-box-tabs .text-box-section:after, #extras .toc-box .text-box-section:after {
    content: " ";
    display: block;
    clear: both;
}

/* design boxes */
#header-wrapper {
    width: 100%;
    position: relative;
    z-index: 100;
}

#header-wrapper-topline {
    width: 100%;
    background-color: #0057B8;
    height: 40px;
    border-bottom: 40px solid #FFD700;
}

#header-button-home {
    float: left;
    height: 100%;
    position: relative;
    min-width: 130px;
}

#header-button-home img {
    height: 70%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media only screen and (max-width: 480px) {
    #header-button-home {
        height: 35px;
        margin: 10px 0 0 15px;
    }
}

#header-wrapper-info {
    width: 100%;
    height: 80px;
}

#bounce {
    margin: 0 auto;
    width: 100%;
}

#header-info, #header-wrapper-nav {
    margin: 0 auto;
}

#header-logo a {
    display: block;
    height: 30px;
    margin-left: 0;
    text-indent: -100000px;
    width: 177px;
    float: left;
}

#logo {
    float: right;
    margin-top: 30px;
    margin-right: 10px;
}

#content-header-details {
    margin-bottom: 20px;
}

.content-header-details > .search-box {
    clear: none;
    margin-left: 100px;
    margin-top: 4px;
}

#breadcrumb {
    padding-bottom: 20px;
    margin-top: 4px;
    color: #27559a;
    font-size: 0.9em;
    font-weight: bold;
    float: left;
    width: 70%;
}

#content-header-infos {
    color: #888888;
    font-size: 0.9em;
    line-height: 2.5em;
    float: right;
    clear: right;
    margin-top: 2px;
}

#content-header-infos a,
#content-header-infos a:link,
#content-header-infos a:visited {
    color: #888888;
    opacity: 1.0;
}

#content-header-infos img {
    padding-bottom: 4px;
    vertical-align: middle;
    cursor: pointer;
}

#logo > a img {
    border: none;
    height: 27px;
}

#logo > a strong {
    display: none;
}

#breadcrumb .breadseparator {
    color: #747474;
    font-size: 1.5em;
}

span.current-site {
    font-size: 0.9em;
    line-height: 30px;
    padding-left: 20px;
    color: #7B7B7B;
}

span.current-site a {
    color: #ec1549;
}

#content-wrapper {
    width: 100%;
    float: left;
    background-color: #fff;
    margin-top: 20px;
}

#middle-part {
    width: auto;
    margin: 0 auto;
    clear: both;
    position: relative;
}

#breadcrumb ol {
    display: inline;
}

#breadcrumb li {
    display: inline;
}

#center {
    z-index: 3;
    margin: 0 auto;
}

#ad-right, #right, #right-half {
    float: right;
    margin-left: -450px;
    width: 50%;
}

#ad-right, #right-half {
    right: 0;
    position: absolute;
}

#ad-skyscraper, #skyscraper-right {
    margin-left: 405px;
    display: none;
    padding-left: 10px;
}

#ad-skyscraper img, #skyscraper-right img {
    border-radius: 7px;
    max-width: 100%;
    height: auto;
    width: auto \9; /* ie 8 */
}

#ad-skybutton {
    margin-top: 20px;
    margin-left: 405px;
}

#ad-skybutton img {
    max-width: 100%;
    height: auto;
    width: auto \9; /* ie 8 */
}

#branding {
    clear: both;
}

/* Teaser Stuff */
.teaser-group {
    clear: both;
    margin: 0 0 20px 0;
}

#footer-menu {
    margin: 0 auto;
    padding: 10px 0 10px 0;
    color: #555555;
    height: 130px;
    clear: both;
}

#footer-menu > div {
    margin: 0 auto;
    width: 660px;
}

.footer-category table {
    float: left;
    padding: 0 10px 0 10px;
}

.footer-category th {
    padding-bottom: 5px;
    width: 100%;
    text-align: left;
}

.footer-category th > span {
    display: block;
    background-color: #27559a;
    color: #ffffff;
    padding: 1px 2px 1px 2px;
}

.footer-category td {
    padding-right: 20px;
}

#footer-wrapper {
    width: 100%;
    margin-top: 20px;
    background: #e9eef5;
}

#footer-wrapper-menu {
    width: 100%;
    background: #e9eef5;
}

#footer-wrapper-bottomline {
    width: 100%;
    background-color: #27559a;
}

.teaser-list {
    clear: both;
}

/* Top Navigation */
#nav-global li, #contactToggle {
    float: left;
    margin: 0 10px;
    padding: 0 10px;
    font-size: 1em;
    font-weight: bold;
    color: #ffffff;
    height: 40px;
}

#nav-global li.dropdown > ul {
    display: none;
}

#nav-global li.dropdown > ul > li {
    display: block;
}

#nav-global ul {
    margin-left: 10px;
}

#nav-global li span {
    height: 40px;
    line-height: 40px;
}

#nav-global a {
    color: #ffffff;
}

#nav-global .on, #nav-global .on a {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #27559a;
}

#contactToggle {
    line-height: 37px;
}

#nav-global li:hover, #nav-global li:active, #nav-global li:focus, #contactToggle:hover {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #27559a;
}

#nav-global li:hover a, #nav-global li:active a, #nav-global li:focus a, #nav-global li:hover a:hover, #contactToggle:hover {
    color: #27559a;
    text-decoration: none;
}

#nav-global a {
    height: 30px;
    line-height: 30px;
}

/* End Top Navigation */

/* Top Right Navigation */
#nav-top-right {
    float: right;
}

#nav-top-right .searchButton {
    float: left;
}

#nav-top-right ul {
    margin-left: 10px;
}

#nav-top-right a {
    color: #ffffff;
    margin-top: 6px;
    margin-right: 10px;
}

#nav-top-right li {
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    height: 37px;
    margin: 0 10px;
    padding: 0 10px;
    display: inline;
}

#nav-top-right .on, #nav-top-right .on a {
    background-color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #27559A;
}

#nav-top-right li:hover, #nav-top-right li:active, #nav-top-right li:focus {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: #27559a;
}

#nav-top-right li:hover a, #nav-top-right li:active a, #nav-top-right li:focus a, #nav-top-right li:hover a:hover {
    color: #27559a;
    text-decoration: none;
}

#nav-top-right li span {
    height: 37px;
    line-height: 37px;
}

/* END Top Right Navigation */
/* End nav-box */

/* Bottom Navigation */
#nav-bottom {
    overflow: hidden;
    margin: 0 auto; /* weblaw */
}

#nav-bottom ul {
    position: relative;
    z-index: 100;
    float: left;
    width: 100%;
    list-style: none;
}

#nav-bottom li {
    float: right;
    margin: 4px 10px 0 10px;
    padding-bottom: 0.355em;
    font-size: 110%;
    font-weight: bold;
}

#nav-bottom li.icon {
    margin: 6px 4px 0 4px;
}

#nav-bottom li a, #nav-bottom li a:visited, #nav-bottom li strong {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
}

#nav-bottom li strong, #nav-bottom li.open a, #nav-bottom li.on a {
    background: #ec1549;
    border-radius: 5px;
}

#nav-bottom li strong span, #nav-bottom li.open a span {
    padding-right: 10px;
}

#nav-bottom li span, #nav-bottom li.open a span {
    float: left;
    margin-left: 5px;
    padding: .4em 10px .355em 5px;
}

/* hover */
#nav-bottom li a:hover, #nav-bottom li a:active, #nav-bottom li a:focus {
    background: #ec1549;
    border-radius: 5px;
}

/* 2nd level horizontal subnav */
#nav-bottom ul ul {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 2.4em;
}

#nav-bottom li li, #nav-bottom li li.on {
    background: none;
    font-size: 100%;
}

#nav-bottom li.open li span, #nav-bottom li.open li a, #nav-bottom li.open li strong {
    background: none;
    font-weight: normal;
}

#nav-bottom li.open a {
    text-decoration: none;
}

#nav-bottom li.open li.on a span, #nav-bottom li.open li strong span {
    font-weight: bold;
    color: #ff3062;
}

#nav-bottom li li a:hover, #nav-bottom li li a:active, #nav-bottom li li a:focus, #nav-bottom li li a:hover span, #nav-bottom li li a:active span, #nav-bottom li li a:focus span {
    background: none;
    color: #ff3062;
}

/* End Bottom Navigation */

/* STAGE */

#stage h1 {
    margin: 0 0 10px 0;
}

#stage a img {
    border: none;
}

#stage h1 {
    float: left;
    margin: 0;
    padding: 10px 10px 0 10px;
    font-weight: bold;
    letter-spacing: -1px;
}

#stage .box {
    padding: 0 10px;
    line-height: 1.4em;
    font-size: 1.1em;
    clear: both;
    position: relative;
    top: -20px;
}

em.more a {
    font-style: normal;
}

/* Inside #Stage */
#stage div.tw-paging {
    position: relative;
    float: left;
    clear: both;
    width: 450px;
    height: 300px;
    margin: 0;
    padding: 0;
}

.js #stage div.tw-paging {
    padding: 0 0 0 0;
}

#stage div.tw-paging h3 {
    border: 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 200%;
}

#stage div.tw-paging .pagination {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 40px;
}

#stage div.tw-paging .pagination ul {
    float: none;
}

#stage div.tw-paging .pagination li {
    float: left;
    list-style-type: none;
}

#stage div.tw-paging .pagination li button {
    display: block;
    background: none;
    padding: 10px 10px 10px 10px;
    color: #000;
    font-size: 180%;
    font-weight: bold;
    width: 40px;
    height: 40px;
    border: none;
    -webkit-appearance: none;
    cursor: pointer;
}

#stage div.tw-paging .pagination li button:hover,
#stage div.tw-paging .pagination li button:active,
#stage div.tw-paging .pagination li button:focus {
    color: #ec1549;
    text-decoration: none;
}

#stage div.tw-paging .rack {
    float: left;
    width: 100%;
    margin: 0;
    padding-left: 0;
}

.js #stage div.tw-paging .rack {
    display: inline;
    overflow: hidden;
    position: relative;
}

#stage div.tw-paging .rack-teaser {
    overflow: hidden;
    float: left;
    width: 100%;
    border: none;
    margin: 0 10px 5px 0;
    padding: 0 5px 0 0;
}

.js #stage div.tw-paging .rack-teaser {
    position: relative;
    background-image: none;
    border-right: none;
    margin: 0;
    padding: 0;
}

#stage div.tw-paging .rack-teaser h2 {
    position: absolute;
    top: 40px;
    left: 30px;
    z-index: 10;
    margin: 0;
    font-size: 200%;
    font-weight: bold;
    padding: 5px;
    display: inline;
    color: #fff;
}

#stage div.tw-paging .rack-teaser p {
    position: absolute;
    top: 30px;
    left: 20px;
    z-index: 5;
    border-radius: 8px;
    padding: 50px 10px 20px 10px;
    font-size: 160%;
    color: #000;
}

#stage div.tw-paging .no-img p {
    width: 100%;
}

#stage div.tw-paging .rack-teaser img {
    display: inline;
    width: 100%;
    float: left;
    border: none;
}

#stage div.tw-paging .rack-teaser em {
    display: block;
    margin-top: 5px;
    font-style: normal;
}

#stage div.tw-paging .rack-teaser em a {
    padding-left: 17px;
}

.pagination button > span {
    display: none;
}

.stage-1 {
    background-color: #D57A24;
}

.stage-2 {
    background-color: #0078AA;
}

.stage-3 {
    background-color: #6EA23D;
}

.pa-1 {
    cursor: pointer;
}

#search-row, #lawjobs-calendar-row, #books-row {
    clear: both;
    padding-top: 20px;
    font-size: 130%;
    line-height: 1.3em;
}

#news-row {
    clear: both;
    padding-top: 2px;
}

#lawjobs-calendar-row a, #books-row a {
    font-weight: bold;
}

#lawjobs, #newbook, #calendar {
    float: left;
    width: 50%;
}

#lawjobs ul, #newbook ul {
    margin-right: 10px;
}

#lawjobs ul li {
    overflow: hidden;
    padding: 5px;
    background-color: #fefbef;
    margin-bottom: 5px;
}

#newbook ul li {
    overflow: hidden;
    padding: 5px;
    background-color: #f4f9f0;
    margin-bottom: 5px;
}

#calendar ul li {
    overflow: hidden;
    padding: 5px;
    background-color: #fefbef;
    margin-bottom: 5px;
}

#topbook ul li {
    overflow: hidden;
    padding: 5px;
    background-color: #f4f9f0;
    margin-bottom: 5px;
}

.search-bar {
    clear: both;
    float: left;
    width: calc(100% - 20px);
    padding: 0 10px;
    margin-bottom: 56px;
    margin-top: 20px;
}

.search-bar form {
    max-width: 590px;
    margin: 0 auto;
}

.search-box {
    clear: both;
    float: left;
    width: 305px;
    margin-left: 30px;
}

.search-bar.search p {
    margin-top: 5px;
    float: left;
    font-size: 0.8rem;
    padding-left: 10px;
}

.search-bar.search p a {
    cursor: pointer;
}

.search-bar input.searchbar {
    border: 1px solid #cccccc;
    float: left;
    height: 35px;
    width: calc(100% - 52px);
    padding: 0 5px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-left-radius: 8px;
    border-right: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9rem;
    color: #585858;
    margin-bottom: 0;
}

.search-box input.searchbar {
    border: 1px solid #cccccc;
    float: left;
    height: 21px;
    width: 270px;
    padding-left: 5px;
}

.search-bar .searchbar:focus {
    border-color: #27559a;
}

.search-bar input.button, .search-bar input.button:hover {
    background: url('../img/icons/wl_icon_search.png') no-repeat;
    cursor: pointer;
    width: 40px;
    height: 37px;
    border: none;
    border-radius: 0;
    float: left;
    margin: 0;
    background-color: #27559a;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-topright: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    background-position: center;
}

.search-box input.button {
    background: url('../img/wl_button_search.png') no-repeat;
    cursor: pointer;
    width: 27px;
    height: 23px;
    border: none;
    border-radius: 0;
    float: left;
    margin: 0;
}

.stage-wrapper {
    width: calc(100% - 20px);
    float: left;
    padding: 0 10px;
    margin-bottom: 20px;
}

#stage {
    width: 610px;
    float: right;
}

.weblaw-ads {
    border-radius: 8px;
}

.stage-wrapper .weblaw-ads {
    float: left;
}

#people {
    float: left;
    width: 300px;
}

/* People page Steckbrief */
#main .peopleCV table {
    width: 100%;
    background: #F0F0F0;
    border: none;
}

#main .peopleCV .portrait {
    vertical-align: middle;
    width: 200px;
}

#main .peopleCV .portrait .caption {
    display: none;
}

#main .peopleCV .portrait .image {
    margin: 0;
}

#main .peopleCV .portrait .image img {
    width: 200px;
    height: auto;
    max-height: 200px;
}

#main .peopleCV .portrait .image-cropped {
    width: 200px;
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: auto 100%;
}

/* Set the image to fill its parent and make transparent */
#main .peopleCV .portrait .image-cropped img {
    min-height: 100%;
    min-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

#main .peopleCV .text {
    vertical-align: top;
    margin-top: 21px;
    margin-left: 10px;
    display: block;
    float: left;
    max-width: 327px;
}

#main .peopleCV .social {
    margin-top: 21px;
    vertical-align: top;
    width: 200px;
    float: right;
}

#main .peopleCV .social div {
    padding-right: 10px;
    float: right;
}

#main .peopleCV .homepage {
    vertical-align: bottom;
}

#main .peopleCV .homepage a {
    float: right;
    padding-right: 10px;
}

/* Ende People page Steckbrief */

/* People Page Overview (Glossary Page Template) */
#main .glossary-image {
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: auto 100%;
}

/* Set the image to fill its parent and make transparent */
#main .glossary-image img {
    max-height: 100%;
    max-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

/* End People Page Overview */

#ad-center {
    float: right;
    width: 300px;
    height: 200px;
    background-color: #888888;
}

#ad-bottom, #bottom {
    margin: 50px auto 0;
    width: 750px;
    clear: both;

    padding-top: 30px;
}

#ad-bottom img, #bottom img {
    max-width: 100%;
    height: auto;
    width: auto \9; /* ie 8 */
}

.people-additional {
    padding-top: 15px;
}

/* multicol ul */
.search ul {
    width: 100%;
    overflow: hidden;
    padding-top: 15px;
    clear: both;
}

.search ul > li {
    float: left;
    display: inline;
    padding-bottom: 5px;
    padding-top: 5px;
}

.search #double li {
    width: 50%;
}

.search .triple li {
    width: 33.333%;
    font-size: 1.1em;
}

.search #quad li {
    width: 25%;
}

.search #six li {
    width: 16.666%;
}

input.searchbox {
    height: 10px;
}

.search h2 {
    color: #27559a;
    font-size: 1.5em;
    position: relative;
    padding-left: 0;
    left: 0;
    top: -12px;
    text-transform: capitalize;
}

/* all things superpromos */
/* Finger-Tabs - superpromo  */
div.superpromos .superpromo-section p.more a span {
    display: block;
    position: absolute;
    overflow: hidden;
    left: -9999px;
    width: 1px;
    height: 1px;
}

div.superpromos {
    clear: both;
    position: relative;
    height: auto;
    min-height: 525px;
}

.nav-col div.superpromos {
    width: 498px; /* plus 200px padding nav */
}

/* tabs */
ol.superpromos-toc {
    position: absolute;
    left: 0;
    top: 0;
    width: 220px;
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    border: 1px solid #cccccc;
    border-radius: 8px;
    background-color: #f9f9f9;
}

ol.superpromos-toc li {
    padding: 10px 0;
    list-style: none;
}

ol.superpromos-toc .pageLink {
    width: 50px;
    height: 50px;
    position: absolute;
}

ol.superpromos-toc a {
    display: block;
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
}

ol.superpromos-toc .toc-title {
    padding: 12px 0 10px 0;
    margin-left: 50px;
}

ol.superpromos-toc a.on,
ol.superpromos-toc a.a11y-focus,
ol.superpromos-toc a:hover,
ol.superpromos-toc a:active,
ol.superpromos-toc a:focus {
    text-decoration: none;
}

.grayscale {
    -webkit-filter: opacity(30%);
}

/* services specific rules */
/* rules for the slider on the home page showing the publications and news */
/* jusletter */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.jusletter > a {
    color: #a89d13;
    background: url('../img/icons/wl_logo_ce-jl-color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.jusletter > a.on {
    background-color: #a89d13 !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-jl.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.jusletter.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/wl_logo_ce-jl-grey.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.jusletter.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-jl.png') no-repeat;
    background-size: 40px;
}

/* jusletter-it */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.jusletter-it > a {
    color: #659136;
    background: url('../img/icons/wl_logo_ce-jlit-color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.jusletter-it > a.on {
    background-color: #659136 !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-jl.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.jusletter-it.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/wl_logo_ce-jl-grey.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.jusletter-it.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-jl.png') no-repeat;
    background-size: 40px;
}

/* zer */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.zer > a {
    color: #659136;
    background: url('../img/icons/zer_home_green.svg') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.zer > a.on {
    background-color: #659136 !important;
    color: white;
    background: url('../img/icons/zer_home_white.svg') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.zer.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/zer_home_white.svg') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.zer.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/zer_home_white.svg') no-repeat;
    background-size: 40px;
}

/* richterzeitung */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.richterzeitung > a {
    color: #659136;
    background: url('../img/icons/wl_logo_ce-rize-color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.richterzeitung > a.on {
    background-color: #659136 !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-rize.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.richterzeitung.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/wl_logo_ce-rize-grey.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.richterzeitung.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-rize.png') no-repeat;
    background-size: 40px;
}

/* drsk */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.drsk > a {
    color: #659136;
    background: url('../img/icons/wl_logo_ce-ps-color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.drsk > a.on {
    background-color: #659136 !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-ps.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.drsk.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/wl_logo_ce-ps-grey.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.drsk.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-ps.png') no-repeat;
    background-size: 40px;
}

/* push */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.push > a {
    color: #659136;
    background: url('../img/icons/wl_logo_ce-ps-color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.push > a.on {
    background-color: #659136 !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-ps.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.push.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/wl_logo_ce-ps-grey.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.push.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/wl_logo_ce-ps.png') no-repeat;
    background-size: 40px;
}

/* services */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.services > a {
    color: #27559a;
    background: url('../img/icons/wl_logo_wi-color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.services > a.on {
    background-color: #27559a !important;
    color: white;
    background: url('../img/icons/wl_logo_wi.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.services.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/wl_logo_wi-grey.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.services.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/wl_logo_wi.png') no-repeat;
    background-size: 40px;
}

/* lawsearch */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.lawsearch > a {
    color: #0078AA;
    background: url('../img/icons/te_le-color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.lawsearch > a.on {
    background-color: #0078AA !important;
    color: white;
    background: url('../img/icons/te_le-weiss.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.lawsearch.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/te_le-weiss.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.lawsearch.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/te_le-weiss.png') no-repeat;
    background-size: 40px;
}

/* editions */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.editions > a {
    color: #659136;
    background: url('../img/icons/wl_logo_ce-color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.editions > a.on {
    background-color: #659136 !important;
    color: white;
    background: url('../img/icons/wl_logo_ce.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.editions.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/wl_logo_ce-grey.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.editions.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/wl_logo_ce.png') no-repeat;
    background-size: 40px;
}

/* competence */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.competence > a {
    color: #27559a;
    background: url('../img/icons/wl_logo_aktuell_color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.competence > a.on {
    background-color: #27559a !important;
    color: white;
    background: url('../img/icons/wl_logo_aktuell_weiss.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.competence.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/wl_logo_aktuell_weiss.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.competence.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/wl_logo_aktuell_weiss.png') no-repeat;
    background-size: 40px;
}

/* asa */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.asa > a {
    color: #db0030;
    background: url('../img/icons/wl_logo_asa_color.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.asa > a.on {
    background-color: #db0030 !important;
    color: white;
    background: url('../img/icons/wl_logo_asa_white.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.asa.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/wl_logo_asa_white.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.asa.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/wl_logo_asa_white.png') no-repeat;
    background-size: 40px;
}

/* profile */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.profile > a {
    color: #27559a;
    background: url('../img/icons/icon_profil_blau.png') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.profile > a.on {
    background-color: #27559a !important;
    color: white;
    background: url('../img/icons/icon_profil_weiss.png') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.profile.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/icon_profil_weiss.png') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.profile.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/icon_profil_weiss.png') no-repeat;
    background-size: 40px;
}

/* jur-news */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.jur-news > a {
    color: #659136;
    background: url('../img/icons/jusnews_home_green.svg') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.jur-news > a.on {
    background-color: #659136 !important;
    color: white;
    background: url('../img/icons/jusnews_home_white.svg') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.jur-news.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/jusnews_home_white.svg') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.jur-news.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/icon_profil_weiss.png') no-repeat;
    background-size: 40px;
}

/* novita-fiscali */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.novita-fiscali > a {
    color: #666cad;
    background: url('../img/icons/novita-fiscali_violett.svg') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.novita-fiscali > a.on {
    background-color: #666cad !important;
    color: white;
    background: url('../img/icons/novita-fiscali_white.svg') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.novita-fiscali.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/novita-fiscali_white.svg') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.novita-fiscali.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/novita-fiscali_white.svg') no-repeat;
    background-size: 40px;
}

/* leges */
/* off: hyperlink color white, background colored, image white */
ol.superpromos-toc li.leges > a {
    color: #27559a;
    background: url('../img/icons/leges_home_blue.svg') no-repeat;
    background-size: 40px;
}

/* on: hyperlink color white, background colored, image white */
ol.superpromos-toc li.leges > a.on {
    background-color: #27559a !important;
    color: white;
    background: url('../img/icons/leges_home_white.svg') no-repeat;
    background-size: 40px;
}

/* off, unsubscribed: hyperlink color grey, background none, image grey */
ol.superpromos-toc li.leges.unsubscribed > a {
    color: #9e9e9e;
    background: url('../img/icons/leges_home_white.svg') no-repeat;
    background-size: 40px;
}

/* on, unsubscribed: hyperlink color white, background grey, image white */
ol.superpromos-toc li.leges.unsubscribed > a.on {
    background-color: #9e9e9e !important;
    color: white;
    background: url('../img/icons/leges_home_white.svg') no-repeat;
    background-size: 40px;
}

ol.superpromos-toc li.leges > a,
ol.superpromos-toc li.leges.unsubscribed > a.on,
ol.superpromos-toc li.leges > a.on {
    background-size: 30px;
    background-position: 3px;
}

.toc-image-wrapper {
    background-size: 40px;
    width: 50px;
    height: 50px;
}

div.superpromos .superpromo-section h2 {
    margin: 10px 5px 5px 10px;
    padding: 0;
    font-size: 320%;
}

.subscription-info {
    height: 170px;
    background-color: #e9eef5;
    padding-left: 60px;
}

.subscription-info div {
    float: left;
    margin-right: 40px;
}

.subscription-info h1 {
    color: #27559a;
    padding-top: 40px;
    margin-bottom: 20px;
}

.news-wrapper {
    padding: 20px 20px 0 60px;
    float: left;
}

.news-wrapper h3 {
    font-size: 1.65em;
}

div.superpromos .superpromo-section .news-wrapper .pubDate {
    margin-left: 0;
    margin-bottom: 15px;
}

.news-item {
    margin-bottom: 8px;
    float: left;
    width: 100%;
}

.news-list-type {
    color: #666666;
    font-size: 1.3em;
    font-weight: bold;
}

.news-content {
    padding-left: 9px;
}

.news-content.noauthor {
    padding-left: 0;
}

.news-content a {
    font-weight: bold;
}

div.superpromos .superpromo-section img {
    display: block;
    width: 250px;
    height: 150px;
    border: none;
    margin: 0 0 10px 10px;
    padding: 0;
}

.nav-col div.superpromos .superpromo-section img {
    width: 485px;
    height: 200px;
}

div.superpromos .superpromo-section p {
    margin: 0 0 1em 10px;
    line-height: 1.3em;
}

div.superpromos .superpromo-section em.more {
    display: block;
}

div.superpromos .superpromo-section em.more a {
    display: block;
    padding: 5px 10px 5px 18px;
    font-weight: bold;
}

#super-sec-1 {
    background-color: #fafaf1;
}

#super-sec-2 {
    background-color: #f4f9f0;
}

#super-sec-3 {
    background-color: #f2f7fb;
}

#super-sec-4 {
    background-color: #fafaf1;
}

#super-sec-5 {
    background-color: #fafaf1;
}

#super-sec-5 {
    background-color: #fafaf1;
}

.subscription-info {
    display: none;
}

.subscription-info.unsubscribed {
    display: inherit;
}

.links a {
    font-size: 1.0em;
    font-weight: bold;
}

/* login */
#login_box {
    position: absolute;
    width: 236px;
    display: none;
    z-index: 100000;
    margin-top: 38px;
    border-right: 1px solid #7f8fcb;
    border-bottom: 1px solid #7f8fcb;
    border-left: 1px solid #7f8fcb;
}

.login_btn {
    text-decoration: none;
    text-shadow: 1px 1px 0 #000;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    background: #3d3d3d;
    float: right;
    height: 32px;
}

.login_btn:hover {
    background: #656565;
}

.login_btn span {
    color: #fff;
    float: left;
    padding: 0 10px 0 10px;
    text-align: center;
    margin-top: 3px;
}

/* user-info popup */
.user-info div {
    padding: 10px;
}

.user-info a {
    color: #27559a !important;
}

.user-info .logoutbutton {
    margin-top: 10px;
}

.triangle {
    float: left;
    width: 0;
    height: 0;
    margin: 14px 9px 0 0;
    border-left: 5px solid transparent;
    /* left arrow slant */
    border-right: 5px solid transparent;
    /* right arrow slant */
    border-top: 5px solid #fff;
    /* bottom,add background color here */
    font-size: 0;
    line-height: 0;
}

#tab {
    background: #fff;
    width: 91px;
    float: right;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 41px;
}

#tab .login_btn {
    float: left;
    margin: 9px 0 0 9px;
}

#login_box_content {
    background: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    width: 236px;
}

#login_form {
    margin: 9px 0 0 9px;
}

#login_form h2 {
    padding-bottom: 10px;
}

#login_form h3 {
    padding-top: 20px;
}

#login_form input[type=text], #login_form input[type=password] {
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    height: 37px;
    width: 205px;
    margin-top: 3px;
    padding-left: 10px;
}

#login_form input[type=submit] {
    border: none;
    background: #19677e;
    color: #fff;
    float: right;
    margin: 9px 9px 9px 0;
    width: 56px;
    height: 29px;
}

#tree {
    clear: both;
}

.weblaw-teaser-group {
    clear: both;
}

.break, .clear {
    clear: both;
}

.clear {
    overflow: auto;
    zoom: 1;
}

.right {
    float: right;
}

.feedlabel {
    width: 370px
}

/* FOOTER AREA */
#footer-top {
    margin: 0 auto;
    padding: 30px 0 10px;
    clear: both;
}

#footer-top a, #footer-top a:active, #footer-top a:visited {
    color: #666666;
    text-decoration: none;
}

#footer-top a:hover {
    text-decoration: underline;
}

#footer-top-box, #footer-bottom-box {
    clear: both;
    color: #555555;
}

#footer-top-box {
    -moz-box-shadow: inset 0 4px 4px -4px #ccd0d7, inset 0 -4px 4px -4px #ccd0d7;
    -webkit-box-shadow: inset 0 4px 4px -4px #ccd0d7, inset 0 -4px 4px -4px #ccd0d7;
    box-shadow: inset 0 4px 4px -4px #ccd0d7, inset 0 -4px 4px -4px #ccd0d7;
    overflow: hidden;
}

#footer-top .weblaw-teaser-group, #footer-top .break, #footer-top .teaser {
    clear: none;
    float: left;
    border: none;
    background-color: inherit;
}

#footer-top .weblaw-teaser-group, #footer-top .teaser {
    border-radius: unset;
    box-shadow: none;
}

#footer-top .weblaw-teaser-group .double {
    width: 330px;
}

#footer-top .weblaw-teaser-group .single {
    width: 150px;
}

#footer-top .weblaw-teaser-group ul > li {
    float: left;
    display: inline;
    padding-bottom: 5px;
}

#footer-top .weblaw-teaser-group .single li {
    width: 100%;
}

#footer-top .weblaw-teaser-group .double li {
    width: 50%;
}

#footer-top .weblaw-teaser-group .triple li {
    width: 33.333%;
}

#footer-bottom-right, #footer-bottom-left {
    display: inline;
}

#footer-bottom-box {
    background-color: #27559a;
    font-size: 1.167em;
}

#footer-bottom-left {
    float: left;
}

#footer-bottom-left > div {
    margin: 10px 0 10px 20px;
}

#footer-bottom-left li {
    display: inline;
    margin-right: 20px;
}

#footer-bottom-left .weblaw-teaser-group {
    clear: none;
}

#footer-bottom-left .weblaw-teaser,
#footer-bottom-left .teaser {
    background-color: #27559A;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

#footer-bottom-left h2 {
    display: none;
}

#footer-bottom {
    margin: 0 auto;
}

.weblaw-teaser-group .teaser:after {
    clear: none;
}

#footer-top .weblaw-teaser-group h2 {
    padding-left: 10px;
}

#footer-bottom .left li {
    margin: 15px 10px 15px 10px;
    float: left;
}

#footer-bottom .left li {
    margin: 15px 10px 15px 10px;
    float: left;
}

#footer-bottom-right {
    float: right;
}

#footer-bottom-right ul {
    margin: 10px;
    float: right;
}

#footer-bottom-right li:first-child {
    margin-left: 60px;
}

#footer-bottom-right li {
    margin-left: 10px;
}

#footer-top h2 {
    font-size: 1.1em;
    color: #666666;
    margin-left: 20px;
}

#footer-top div.teaser {
    margin-left: 10px;
}

#footer-top div.teaser h2 {
    display: none;
}

/* END FOOTER AREA */

.teaser-logo {
    width: 41px;
    height: 41px;
    display: inline;
}

.weblaw-teaser, .teaser, .weblaw-competence-teaser, .weblaw-rightbox-teaser {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 10px;
}

#center .weblaw-teaser, #center .teaser, #center .weblaw-competence-teaser {
    padding: 10px 20px;
    line-height: 1.4em;
    float: left;
}

#center .one-half .weblaw-teaser {
    width: 90%;
}

.weblaw-teaser h2, .weblaw-competence-teaser h2, .teaser h2, .rack-teaser h2 {
    position: relative;
    top: -22px;
    left: 11px;
    display: inline;
    background-color: #6EA23D;
    padding: 6px 15px 5px 15px;
    color: #ffffff;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

.content-header {
    background-size: 100% auto;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 100px;
}

.content-header img {
    float: left;
    width: 64px;
    border-radius: 8px;
}

div.content-header h1 {
    padding-left: 32px;
    padding-top: 20px;
    color: #ffffff;
    font-size: 2.7em;
    text-transform: uppercase;
    display: inline-block;
}

.intro {
    clear: left;
    color: #27559A;
    font-size: 2.2em;
    font-weight: bold;
    padding-top: 15px;
    margin-bottom: 40px;
}

.weblaw-quote {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    border-radius: 12px 12px 12px 12px;
    color: #27559A;
    line-height: 2em;
    margin: 15px 60px 30px;
    padding: 10px 20px;
    box-shadow: 0 0 6px #dddddd;
    clear: both;
}

.weblaw-quote li:before {
    content: "\203a";
    padding-right: 5px;
    font-size: 1.3em;
    color: #27559a;
    font-weight: bold;
    padding-left: 10px;
}

table.table-accordion tr:first-child {
    font-weight: normal !important;
}

table.table-accordion thead tr:first-child {
    font-weight: bold !important;
}

.collapsible:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin: 0 5px 5px;
}

.collapsible.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.accordion-header {
    border-top: 6px #F9F9F9 solid !important;
    border-bottom: 0 !important;
    font-size: 15px;
    font-size: 0.9em;
    line-height: 23px;
    line-height: 1.2em;
}

.accordion-header td {
    vertical-align: top;
}

.accordion-header td:first-child,
.accordion-header .title {
    font-weight: bold;
}

.accordion-header .speakers {
}

.expandible-text {
    font-size: 1.1em;
    font-size: 14px;
    color: #585858;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.table-accordion tr td {
    width: 1%;
    white-space: nowrap;
}

.table-accordion tr td:nth-child(2) {
    width: 100%;
    white-space: normal;
}

.table-accordion tr.expandible-text p {
    white-space: normal;
}


.weblaw-rightbox-teaser li:before {
    color: #585858;
    content: "›";
    font-size: 1.0em;
    font-weight: bold;
    margin-left: -12px;
    padding-right: 4px;
    vertical-align: top;
}

.weblaw-rightbox-teaser li {
    margin-left: 15px;
}

.weblaw-rightbox-teaser li.newsteaser-item.no-img {
    width: calc(100% - 15px);
}

.quote-box {
    font-size: 1.31em;
}

.weblaw-quote .tag {
    background-color: #27559A;
    border-radius: 8px 8px 8px 8px;
    color: #ffffff;
    display: inline;
    float: right;
    font-size: 1.2em;
    font-weight: bold;
    padding: 1px 7px;
    position: relative;
    right: -45px;
    top: -27px;
    -moz-transform: rotate(-20deg); /* Firefox 3.6 Firefox 4 */
    -webkit-transform: rotate(-20deg); /* Safari */
    -o-transform: rotate(-20deg); /* Opera */
    -ms-transform: rotate(-20deg); /* IE9 */
    transform: rotate(-20deg); /* W3C */
}

.wl-buttonlink-external a, .wl-buttonlink-external a:link, .wl-buttonlink-external a:visited, .wl-buttonlink-external a:active,
.wl-buttonlink-internal a, .wl-buttonlink-internal a:link, .wl-buttonlink-internal a:visited, .wl-buttonlink-internal a:active,
.wl-buttonlink-download a, .wl-buttonlink-download a:link, .wl-buttonlink-download a:visited, .wl-buttonlink-download a:active,
a.text-button {
    background-color: #27559a;
    border: 1px solid #27559a;
    border-radius: 8px;
    display: inline-block;
    line-height: 1.6em;
    margin-top: 10px;
    padding: 5px 10px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

.wl-buttonlink-external, .wl-buttonlink-internal, .wl-buttonlink-download {
    margin-bottom: 40px;
}

.wl-buttonlink-external a:hover, .wl-buttonlink-internal a:hover, .wl-buttonlink-download a:hover {
    background-color: #FFF;
    color: #27559a;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

#main {
    clear: both;
    z-index: 100;
    position: relative;
}

#main .text-section > h2 {
    color: #27559A;
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 1.2rem;
    font-weight: bold;
}

#main .text-section {
    font-size: 15px;
    font-size: 1.2em;
    line-height: 23px;
    line-height: 1.6em;
    clear: both;
    float: left;
    width: 95%;
    margin-bottom: 20px;
}

#main .text-section img {
    max-width: 100%;
}

.text-section .weblaw.image {
    max-width: 100%;
}

.caption {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
    caption-side: bottom;
}

#main .media.photo.large {
    float: none;
    padding-bottom: 10px;
}

#main .media.photo {
    font-size: 0.75em;
    margin-top: -5px;
    float: left;
    padding-right: 20px;
}

#main .media.photo.pos-2 {
    float: right;
    padding-left: 20px;
}

#main .text-section > p {
    padding-bottom: 15px;
}

#main .text-section ul li:before {
    content: "\203a";
    padding-right: 7px;
    font-size: 1.3em;
    color: #27559a;
    font-weight: bold;
    margin-left: -13px;
}

#main .text-section ol li:before {
    padding-right: 7px;
    font-size: 1.3em;
    color: #27559a;
    font-weight: bold;
    margin-left: -13px;
}

#main .text-section ol li {
    margin-left: 30px;
}

#main .text-section li {
    margin-left: 20px;
}

.text-section ul {
    padding-bottom: 15px;
}

#main .weblaw.image.large {
    float: none;
    padding-bottom: 10px;
    padding-right: 0;
}

#main .weblaw.image {
    float: left;
    padding-right: 20px;
    margin-bottom: 20px;
}

#main .weblaw.image.pos-2 {
    float: right;
    padding-left: 20px;
}

.weblaw-teaser > p, .weblaw-teaser > div, .weblaw-competence-teaser > p, .weblaw-competence-teaser > div {
    clear: both;
    position: relative;
    top: -10px;
    width: 100%;
}

.rack-teaser img, .weblaw-teaser img, .weblaw-competence-teaser img {
    position: relative;
    top: -35px;
    left: -11px;
    float: left;
    border-radius: 12px;
}

.weblaw-teaser img, .teaser img {
    left: -21px;
    top: -32px;
}

.weblaw-rightbox-teaser-header {
    width: 100%;
    height: 36px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.weblaw-rightbox-teaser-header .rightbox-icon {
    height: 36px;
    float: left;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.weblaw-competence-teaser img {
    left: -21px;
    top: -34px;
    width: 41px;
    height: 41px;
}

.weblaw-rightbox-teaser-header > h2 {
    display: inline-block;
    float: left;
    line-height: 36px;
    margin-left: 15px;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.2em;
    vertical-align: middle;
    text-transform: uppercase;
    width: 80%;
}

.weblaw-rightbox-teaser-header > h2 > a {
    color: #ffffff;
    text-decoration: none;
}

.weblaw-rightbox-teaser-header > h2 > a:hover {
    text-decoration: none;
}

.weblaw-competence-teaser {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    min-height: 130px;
    border-top: 1px solid white;
}

.weblaw-rightbox-teaser {
    padding: 15px 15px 15px 0;
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #cccccc;
}

.rightbox-teaser {
    clear: both;
}

hr.sep, .user-info hr {
    background-color: #FFFFFF;
    border-left: 0 none;
    border-top: 1px solid #DDDDDD;
    color: #DDDDDD;
    margin: 6px auto;
    width: 80%;
}

.job-title {
    font-size: 0.8em;
    font-weight: bold;
}

.weblaw-teaser-group .event-title {
    font-size: 1em;
    font-weight: bold;
}

.job-company, .weblaw-teaser-group .fields-of-law {
    font-size: 0.85em;
}

.weblaw-competence-teaser-header img {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

div.weblaw-competence-teaser-header {
    margin-bottom: -3px;
}

.weblaw-teaser h2, .teaser h2 {
    top: -18px;
    left: 0;
}

.weblaw-competence-teaser h2 {
    top: -20px;
}

.weblaw-teaser h2 > a,
.weblaw-teaser h2 > a:hover,
.weblaw-teaser h2 > a:visited,
.weblaw-teaser h2 > a:active,
.rack-teaser h2 > a,
.rack-teaser h2 > a:hover,
.rack-teaser h2 > a:visited,
.rack-teaser h2 > a:active,
.weblaw-competence-teaser h2 > a,
.weblaw-competence-teaser h2 > a:hover,
.weblaw-competence-teaser h2 > a:visited,
.weblaw-competence-teaser h2 > a:active {
    color: #ffffff;
    text-decoration: none;
}

.leftchild {
    margin-right: 15px;
    padding-left: 10px;
}

.rightchild {
    margin-left: 15px;
    padding-right: 10px;
}

.fleft {
    float: left;
}

.datelabel {
    padding-right: 10px;
    font-weight: bold;
    font-size: 0.78rem;
}

.list-item-icon {
    color: #27559A;
    font-size: 1.3em;
    font-weight: bold;
    padding-right: 3px;
}

.fright {
    float: right;
}

/* special case */
.two-one.leftchild {
    float: left;
    width: 56%;
}

.two-one.rightchild {
    float: right;
}

/* END HOMEPAGE STYLE */

/* TEASER */
.stage-image {
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.tw-switcher .stage-image {
    cursor: default;
}

div.stage-image:hover {
    cursor: pointer;
}

.tw-switcher div.stage-image:hover {
    cursor: default;
}

#stage .slideshow {
    border: 1px solid #cccccc;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #f9f9f9;
    margin-bottom: 40px;
    padding: 14px 10px 36px 10px;
    box-shadow: 0 0 6px #dddddd;
}

#stage .slideshow_control {
    list-style-type: none;
    margin-right: -10px;
    z-index: 1000;
    float: right;
}

#stage .tw-switcher .slideshow_control {
    position: absolute;
    right: 20px;
}

#stage .slideshow_control li {
    float: left;
    background-color: #8c8c8c;
}

#stage .slideshow_control li a {
    display: block;
    font-size: 8px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
}

#stage .slideshow_control img {
    width: 37px;
    height: 37px;
    display: block;
}

#stage .lastTeaserImage {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

#stage .firstTeaserImage {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

#stage .slideshow em.more a {
    float: left;
}

/* END TEASER */

/* PRODUCT STYLES */
#stage .active.editions,
.slideshow .editions,
.weblaw-teaser .editions,
.teaser .editions,
.rightbox-icon.editions,
.weblaw-competence-teaser .editions,
.weblaw-icon.editions {
    background-color: #659136;
}

#stage .active.services,
.slideshow .services,
.weblaw-teaser .services,
.teaser .services,
.rightbox-icon.services,
.weblaw-competence-teaser .services,
.weblaw-icon.services {
    background-color: #d57a24;
}

#stage .active.technology,
.slideshow .technology,
.weblaw-teaser .technology,
.teaser .technology,
.rightbox-icon.technology,
.weblaw-competence-teaser .technology,
.weblaw-icon.technology {
    background-color: #0078AA;
}

#stage .active.jusletter-it,
.slideshow .jusletter-it,
.weblaw-teaser .jusletter-it,
.teaser .jusletter-it,
.rightbox-icon.jusletter-it,
.weblaw-competence-teaser .jusletter-it,
.weblaw-icon.jusletter-it,
#stage .active.richterzeitung,
.slideshow .richterzeitung,
.weblaw-teaser .richterzeitung,
.teaser .richterzeitung,
.rightbox-icon.richterzeitung,
.weblaw-competence-teaser .richterzeitung,
.weblaw-icon.richterzeitung,
#stage .active.zer,
.slideshow .zer,
.weblaw-teaser .zer,
.teaser .zer,
.rightbox-icon.zer,
.weblaw-competence-teaser .zer,
.weblaw-icon.zer {
    background-color: #659136;
}

#stage .active.jusletter,
.slideshow .jusletter,
.weblaw-teaser .jusletter,
.teaser .jusletter,
.rightbox-icon.jusletter,
.weblaw-competence-teaser .jusletter,
.weblaw-icon.jusletter {
    background-color: #bab000;
}

#stage .active.consulting,
.slideshow .consulting,
.weblaw-teaser .consulting,
.teaser .consulting,
.rightbox-icon.consulting,
.weblaw-competence-teaser .consulting,
.weblaw-icon.consulting {
    background-color: #A5132A;
}

#stage .active.academy,
.slideshow .academy,
.weblaw-teaser .academy,
.teaser .academy,
.rightbox-icon.academy,
.weblaw-competence-teaser .academy,
.weblaw-icon.academy {
    background-color: #77216B;
}

#stage .active.online_abonnements,
.slideshow .online_abonnements,
.weblaw-teaser .online_abonnements,
.teaser .online_abonnements,
.rightbox-icon.online_abonnements,
.weblaw-competence-teaser .online_abonnements,
.weblaw-icon.online_abonnements {
    background-color: #27559a;
}

#stage .active.competence,
.slideshow .competence,
.weblaw-teaser .competence,
.teaser .competence,
.rightbox-icon.competence,
.weblaw-competence-teaser .competence,
.weblaw-icon.competence {
    background-color: #27559a;
}

#stage .active.lawjobs,
.slideshow .lawjobs,
.weblaw-teaser .lawjobs,
.teaser .lawjobs,
.rightbox-icon.lawjobs,
.weblaw-competence-teaser .lawjobs,
.weblaw-icon.lawjobs {
    background-color: #d57a24;
}

div.superpromos .superpromo-section {
    border: 1px solid #cccccc;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #f9f9f9;
    margin: 0 10px 35px 180px;
    box-shadow: 0 0 6px #dddddd;
    z-index: 1000;
    height: 100%;
    float: left;
}

#stage .active.agenda,
.slideshow .agenda,
.weblaw-teaser .agenda,
.teaser .agenda,
.rightbox-icon.agenda,
.weblaw-competence-teaser .agenda,
.weblaw-icon.agenda {
    background-color: #d57a24;
}

div.superpromos .superpromo-section {
    border: 1px solid #cccccc;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #f9f9f9;
    margin: 0 10px 24px 180px;
    box-shadow: 0 0 6px #dddddd;
    z-index: 1000;
    height: 100%;
}

/* END PRODUCT STYLES */

/* top and easing stuff */
.top {
    height: auto;
}

/* tables */
table.listtable, table.simpletable {
    border: 0 none;
    border-collapse: collapse;
}

table.simpletable {
    color: #27559a;
}

table.simpletable tr:first-child {
    font-weight: bold;
}

.listtable, .simpletable {
    font-weight: lighter;
    width: 100%;
    padding: 5px;
    line-height: 1.2em;
}

.listtable tr, .simpletable tr {
    border-bottom: 5px solid white;
    border-top: 5px solid white;
    background-color: #f2f2f2;
    padding: 5px;
}

.simpletable td {
    padding: 5px;
    border: 0 none;
}

.listtable ul {
    padding: 6px 0 6px 5px;
    line-height: 1.5em;
}

.listtable tr > td:first-child {
    font-weight: bold;
    padding: 9px 5px 9px 0;
    text-align: right;
    vertical-align: top;
    width: 50%;
    border-left: 0 none;
    border-right: 0 none;
}

.listtable tr > td:last-child {
    width: 50%;
    vertical-align: top;
    border-left: 0 none;
    border-right: 0 none;
}

/* end tables */

/* sso price list */
.sso-price-list .wl-buttonlink-external {
    margin: 0;
}

.sso-price-list .wl-buttonlink-external a {
    margin: 0;
    font-size: 12px;
    padding: 1px 8px;
}

/* end sso price list */

/** responsive table / ruling-table */
table.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table th {
    color: #27559a;
    font-weight: bold;
}

.responsive-table td, .responsive-table th {
    padding: 5px;
    border-top: 5px solid #ffffff;
    border-bottom: 5px solid #ffffff;
    text-align: left;
    background: #f2f2f2;
}

.responsive-table td, .responsive-table th {
    border-right: 2px solid #ffffff;
}

.responsive-table td:last-child, .responsive-table th:last-child {
    border-right: none;
}

@media only screen and (max-width: 745px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    /* Force table to not be like tables anymore */
    .responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr {
        display: block;
    }

    /* Zebra striping */
    .responsive-table tr:nth-of-type(odd) {
        background: #ffffff;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .responsive-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .responsive-table tr {
        border: 5px solid #FFFFFF;
    }

    .responsive-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #f2f2f2;
        position: relative;
        padding-left: 40%;
        border-right: none;
    }

    .responsive-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label the data
    */
    #rulingTable td:nth-of-type(1):before {
        content: "Instanz";
    }

    #rulingTable td:nth-of-type(2):before {
        content: "P.-Datum";
    }

    #rulingTable td:nth-of-type(3):before {
        content: "E.-Datum";
    }

    #rulingTable td:nth-of-type(4):before {
        content: "Gesch.-Nr.";
    }

    #rulingTable td:nth-of-type(5):before {
        content: "Sachgebiet";
    }

    #rulingTable td:nth-of-type(6):before {
        content: "Proz.-Gegenst./Regeste";
    }

    #rulingTable td:nth-of-type(7):before {
        content: "L";
    }

    #rulingTable td:nth-of-type(8):before {
        content: "Status";
    }
}

/* end responsive table / ruling-table */

#easing-wrapper-top {
    position: relative;
    z-index: 100;
}

#easing-login, #easing-search, #easing-contact {
    background-color: #e9eef5;
    display: none;
    height: 320px;
    width: 100%;
}

#easing-login-box, #easing-search-box, #easing-contact-box {
    margin: 0 auto;
    height: 100%;
    background-position: right bottom;
    background-repeat: no-repeat;
}

#easing-login-box {
    background-image: url("../img/icons/wl_logo_anonymous.png");
}

#easing-search-box {
    background-image: url("../img/icons/wl_logo_search.png");
}

#easing-contact-box {
    background-image: url("../img/icons/wl_logo_contact.png");
}

.easing-content {
    padding-left: 30px;
    padding-top: 60px;
}

.login-left {
    float: left;
    width: 285px;
}

.login-left h1 {
    color: #27559A;
    font-size: 1.65em;
}

.login-left > p {
    color: #666666;
    font-size: 1em;
    margin-top: 5px;
}

.login-form {
    float: left;
    margin-left: 20px;
    width: 800px;
}

.login-form > input {
    height: 24px;
    line-height: 1.5em;
    margin-bottom: 14px;
    padding-left: 5px;
}

.login-form p {
    margin: 20px;
}

.login-bottom {
    float: left;
    margin-right: 30px;
}

.login-bottom label {
    margin-top: 8px;
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    color: #666666;
    font-size: 0.85em;
}

/* login form in the article */
#article-content .login-form {
    padding: 20px;
    width: 701px;
    margin-left: -50px;
    font-size: 75%;
    line-height: normal;
    background-color: #e9eef5;
}

/* login */
#publicationsystem-login .content-wrapper {
    position: absolute;
    width: 100%;
    top: 37px;
    bottom: 0;
}

#publicationsystem-login .content {
    vertical-align: middle;
    width: 90%;
    max-width: 1030px;
    height: 100%;
}

#publicationsystem-login .inner-wrapper {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
    padding-top: 40px;
    box-sizing: border-box;
}

#publicationsystem-login .inner-wrapper h2 {
    padding-bottom: 50px;
}

#publicationsystem-login .login-form {
    padding: 20px;
    font-size: 100%;
    line-height: normal;
    background-color: #e9eef5;
    width: 990px;
    margin-left: 0;
}

.rememberme {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 5px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

#loginToggle > img, #loggedIn > img, #logout > img {
    vertical-align: middle;
    width: 22px;
}

.logoutbutton, .loginbutton {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px 2px 8px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
}

input[type=submit].logoutbutton, .logoutbutton {
    background-color: #9d0000;
    border: 1px solid #9d0000;
}

input[type=submit].loginbutton, .loginbutton {
    background-color: #409629;
    border: 1px solid #409629;
    margin-left: 0;
}

#nav-top-right .contactbutton, #nav-top-right .searchbutton {
    padding: 5px 10px;
}

#nav-top-right .loginbutton {
    padding: 2px 10px 2px 8px;
}

.loginbutton:active {
    position: relative;
    top: 1px;
}

.login-additional li {
    padding-bottom: 2px;
}

.search-left {
    float: left;
    width: 285px;
}

.search-left h1 {
    color: #27559A;
    font-size: 1.65em;
}

.search-left > p {
    color: #666666;
    font-size: 1em;
    margin-top: 5px;
}

.search-form {
    float: left;
    margin-left: 20px;
    width: 500px;
}

.contact-left {
    float: left;
    width: 185px;
}

.contact-left h1 {
    color: #27559A;
    font-size: 1.65em;
}

.contact-left > p {
    color: #666666;
    font-size: 1em;
    margin-top: 5px;
}

.contact-center {
    float: left;
    margin-left: 20px;
    width: 240px;
}

.contact-center > input {
    height: 24px;
    line-height: 1.5rem;
    margin-bottom: 14px;
    padding-left: 5px;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.8rem;
}

.contact-right {
    float: left;
    margin-left: 20px;
    width: 200px;
}

.contact-right textarea {
    margin-bottom: 10px;
    padding: 0 5px;
    line-height: 1.5rem;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.8rem;
}

input[type=submit].contactbutton {
    margin-left: 0;
}

.searchbutton, .contactbutton {
    background-color: #27559A;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 30px;
    text-decoration: none;
    border: 0;
}

.searchbutton:hover, .contactbutton:hover {
    background-color: #27559A;
}

.searchbutton:active, .contactbutton:active {
    position: relative;
    top: 1px;
}

.searchbutton a:active,
.searchbutton a:visited,
.searchbutton a:hover,
.searchbutton a:link,
.loginbutton a:active,
.loginbutton a:visited,
.loginbutton a:hover,
.loginbutton a:link,
.contactbutton a:active,
.contactbutton a:visited,
.contactbutton a:hover,
.contactbutton a:link {
    color: #ffffff;
}

#close-button {
    background-image: url("../img/wl_tab_down.png");
    background-repeat: no-repeat;
    color: #27559A;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    margin: 0 auto;
    padding-top: 6px;
    text-align: center;
    width: 178px;
}

.chronology-years-bar, .special-issue-years-bar {
    padding: 0 0 65px 20px;
}

.chronology-year, .special-issue-year {
    float: left;
    font-size: 1.1em;
    margin-right: 5px;
}

.chronology-year-selected, .special-issue-year-selected {
    float: left;
    margin-right: 5px;
    font-size: 1.1em;
    font-weight: bold;
}

.chronology-title-bar, .special-issue-title-bar {
    background-color: #f2f2f2;
    margin-left: 0;
    margin-bottom: 20px;
}

.chronology-title, .special-issue-title {
    font-weight: bold;
    padding: 0 0 25px 20px;
    font-size: 1.9em;
}

.chronology-title-year, .special-issue-title-year {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 1.5em;
    font-weight: bold;
}

.chronology {
    float: left;
    width: 50%;
}

.chronology li {
    margin-left: 20px;
}

.chronology > li {
    font-weight: bold;
    margin-bottom: 20px;
}

.chronology > li > ul {
    font-weight: normal;
    line-height: 1.8em;
}

.chronology-table {
    display: table;
    width: 100%;
}

.chronology-row {
    display: block;
}

.chronology-column {
    vertical-align: top;
}

.simple-chronology {
    margin-left: 20px;
}

.special-issue {
    margin-left: 20px;
}

table.special-issue td {
    border: 0 none !important;
    padding: 0 30px 2px 0 !important;
    font-weight: normal;
}

.monster-job-result {
    height: 1500px;
    border: none;
}

#nav-top-right .language-selection a {
    background-color: #27559a;
    margin: 0;
    padding: 0 5px;
    color: #ffffff;
    border: none;
    border-left: 1px solid;
    font-weight: normal;
    text-transform: capitalize;
}

#nav-top-right .language-selection a:first-child {
    border: none;
}

#nav-top-right .language-selection a.on {
    font-weight: bold;
}

#nav-top-right .language-selection a.on:hover {
    font-weight: bold;
}

/* EVENTS & RSS List & LAWJOBS  ****************************************************************/
.lawjobs-overview {
    margin-bottom: 50px;
}

.event-list > ul > li, .rss-overview-list > li, .lawjobs-overview li {
    padding: 0 0 2rem 0;
    clear: both;
    overflow: auto;
}

.event-list h3, .lawjobs-overview h3 {
    padding: 0 0.5em;
}

.rss-overview-list h3 {
    margin-bottom: 10px;
}

.event-list .new_event_link {
    float: right;
    font-weight: bold;
}

.event-list .new_event_link > img {
    vertical-align: middle;
    padding-bottom: 2px;
}

.event-list .filter input[type=text] {
    width: 300px;
    border: 1px solid #cccccc;
    padding: 2px;
    margin-bottom: 1em;
}

.event-list .filter select {
    width: 304px;
    border: 1px solid #cccccc;
    margin-bottom: 1em;
}

.event-list .item-header, .rss-overview-list .item-header, .lawjobs-overview .item-header {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: #f2f2f2;
}

.event-list .item-header .location, .lawjobs-overview .item-header .location {
    float: right;
}

.event-list .fields-of-law {
    padding: 1em 0.5em 0 0.5em;
}

.lawjobs-overview .job-company {
    padding: 1rem 0.5rem 0 0.5rem;
    float: left;
    font-size: 0.85rem;
}

.event-list .fields-of-law li {
    float: left;
    padding-right: 1em;
    border-right: 1px solid #cccccc;
    margin-right: 1em;
}

.event-list .fields-of-law li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

.event-list .events-overview-list .event-info,
.event-details .event-info,
.rss-overview-list .feed-info,
.feed-details .feed-info,
.lawjobs-overview .job-infos, .lawjob-details .job-info {
    width: 73%;
    float: left;
}

.event-list .events-overview-list .event-image,
.event-details .event-image,
.rss-overview-list .feed-image,
.feed-details .feed-image,
.lawjobs-overview .company-logo,
.lawjob-details .company-logo {
    width: 25%;
    float: right;
    clear: none;
}

.event-list .events-overview-list .event-image img,
.event-details .event-image img,
.rss-overview-list .feed-image img,
.feed-details .feed-image img,
.lawjobs-overview .company-logo img,
.lawjob-details .company-logo img {
    max-height: 95px;
    max-width: 100%;
    float: right;
    clear: none;
}

#lawjobs-overview .filter {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

#lawjobs-overview .filter form {
    width: 100%;
}

#lawjobs-overview .filter form input[type=text] {
    width: calc(80% - 5px);
    float: left;
    line-height: 1.6rem;
    height: 25px;
}

#lawjobs-overview .filter form input[type=submit] {
    width: calc(19% - 10px);
    margin-left: 0;
    float: right;
    line-height: 1.6rem;
    height: 29px;
}

.lawjob-details .description ul, .lawjob-details .description ol {
    margin: 5px 0;
}

.lawjob-details .description ul {
    list-style-type: disc;
}

.lawjob-details .description li {
    list-style-position: inside;
}

.rss-overview-list .date {
    font-weight: normal;
}

.rss-overview-list .author {
    font-weight: bold;
    line-height: 2em;
    font-size: 0.9em;
}

.feed-icon {
    margin: 5px 0 10px 15px;
}

#feed-search {
    float: right;
    margin-left: 0;
}

.event-details ul {
    list-style-type: disc;
}

.event-details li {
    margin-left: 20px;
}

.event-details .details, .feed-details .details, .lawjob-details .details {
    background-color: #f2f2f2;
    margin: 10px 0;
    padding: 10px;
    width: 600px;
    float: left;
}


.event-details .description, .lawjob-details .lawjob-description {
    padding: 10px;
}

.event-details > div > div,
.event-details .event-info > div,
.feed-details > div > div,
.feed-details .feed-info > div,
.lawjob-details > div > div,
.lawjob-details .job-info > div {
    clear: both;
    padding: 5px 0;
}

.event-details > div > div .label,
.feed-details > div > div .label,
.lawjob-details > div > div .label {
    float: left;
    width: 150px;
    font-weight: bold;
}

.event-details > div > div .value,
.feed-details > div > div .value,
.lawjob-details > div > div .value {
    margin-left: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.feed-details .description, .lawjob-details .description, .lawjob-details > div > .back-link {
    margin-bottom: 30px;
    display: block;
}

.lawjob-details .description > .pdf-only {
    padding: 10px 0;
}

.lawjob-details .pdf-nav {
    width: 100%;
}

.lawjob-details #pdf-download-wrapper {
    display: block;
    float: right;
}

#pdf-embedded {
    width: 743px;
    position: relative;
}

#event-form {
    margin-bottom: 3em;
}

#event-form > .review,
#event-form > form > fieldset {
    padding-top: 2em;
    clear: both;
    border-style: none;
}

#event-form > .review > h3,
#event-form > form > fieldset > legend {
    clear: both;
    display: block;
    background-color: #ebeef5;
    color: #27559A;
    padding: 5px;
    margin: 1em 0 0 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

#event-form > form > fieldset > legend {
    position: relative;
    top: 2em;
}

#event-form .input_row {
    clear: both;
    padding-top: 1em;
    float: left;
    width: 100%;
    margin-bottom: 14px;
}

#event-form span.label,
#event-form label {
    color: #27559A;
}

#event-form .input_row.error label,
#event-form .input_row_half.error label,
#event-form .error-list span.label {
    color: #cc0000;
}

#event-form .error-list li {
    clear: both;
    padding-top: 0.25em;
}

#event-form .input_row > span.label,
#event-form .input_row > label,
#event-form .error-list span.label {
    float: left;
    width: 120px;
    margin-right: 10px;
}

#event-form .input_row > .input_element {
    float: left;
    width: 300px;
}

#event-form .input_row > .file_upload {
    width: auto;
    margin-left: 0;
    margin-top: 0;
}

#event-form .input_row_half {
    width: 50%;
    float: left;
}

#event-form .input_row input[type=text],
#event-form .input_row textarea {
    width: 292px;
    padding: 1px 2px;
    border: 1px solid #cccccc;
}

#event-form .input_row.error input[type=text],
#event-form .input_row_half.error input[type=text],
#event-form .input_row.error textarea {
    border-left: 3px solid #cc0000;
    padding-left: 0;
}

#event-form .input_row select {
    width: 100%;
}

#event-form .input_row input[type=text].medium {
    width: 70px;
}

#event-form .input_row input.date,
#event-form .input_row input.time {
    text-align: center;
}

#event-form .file_upload {
    position: relative;
    overflow: hidden;
    margin: 10px 10px 10px 15px;
    background-color: #27559a;
    border: 1px solid #27559a;
    border-radius: 8px;
    display: inline-block;
    line-height: 1.6em;
    padding: 2px 5px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

#event-form .file_upload input#pdfBtn, #event-form .file_upload input#iconBtn {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#event-form input {
    margin-bottom: 0;
}

#event-form .input_row > label[for=topEvent] {
    font-weight: bold;
}

.weblaw-rightbox-teaser .event {
    display: inline-block;
    margin-bottom: 5px;
}

.weblaw-rightbox-teaser .event-description {
    width: 220px;
    float: left;
}

.weblaw-rightbox-teaser.agenda img {
    max-height: 95px;
    max-width: 95%;
}

@media screen and (max-width: 50em) {
    #event-form .inputfile + label strong {
        display: block;
    }
}

.box.calendar {
    border: 1px solid #27559a;
    width: 258px;
    margin: 0 0 20px 0;
}

.box.calendar a,
.box.calendar span {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; /* future proofing */
}

.box.calendar h2 {
    text-align: center;
    font-size: 13px;
    padding: 8px 4px;
}

.box.calendar h2 .prevYear,
.box.calendar h2 .prevMonth,
.box.calendar h2 .nextYear,
.box.calendar h2 .nextMonth {
    display: block;
    width: 20px;
    background-color: #e1e1e1;
    float: left;
    margin: 0 2px;
    padding: 3px;
    position: relative;
    top: -2px;
}

.box.calendar h2 .nextYear,
.box.calendar h2 .nextMonth {
    float: right;
}

.box.calendar .cw {
    display: none;
}

.box.calendar table {
    width: 100%;
}

.box.calendar table td,
.box.calendar table th {
    text-align: center;
    padding: 3px 2px;
}

.box.calendar table th {
    color: white;
    background-color: #27559a;
}

.box.calendar tr.even {
    background-color: #f2f2f2;
}

.box.calendar td.sat,
.box.calendar td.sun {
    background-color: #e1e1e1;
}

.box.calendar table td a,
.box.calendar table td span {
    display: block;
    padding: 2px;
}

.box.calendar table td a {
    background-color: #c3cce1;
    font-weight: bold;
}

/* job icons */
.job, .weblaw-teaser-group .event {
    display: inline-block;
    margin-bottom: 5px;
}

.job-description, .job-description-large, .weblaw-teaser-group .event-description, .weblaw-teaser-group .event-description-large {
    float: left;
    width: 180px;
}

.job-description-large, .weblaw-teaser-group .event-description-large {
    width: 220px;
}

.job-image, .weblaw-teaser-group .event-image {
    vertical-align: middle;
    text-align: center;
    float: left;
    width: 137px;
}

.job-image-helper, .weblaw-teaser-group .event-image-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.job-image > img, .job-image > a > img, .weblaw-teaser-group .event-image > img, .weblaw-teaser-group .event-image > a > img {
    vertical-align: middle;
    max-height: 40px;
    max-width: 55px;
    border-radius: 0;
}

.one-half .job-description, .one-half .weblaw-teaser .event-description {
    width: 160px;
}

.one-half .job-description-large, .one-half .weblaw-teaser .event-description-large {
    width: 300px;
}

.job-icon, .event-icon {
    margin: 5px 0 10px 15px;
}

.weblaw-rightbox-teaser .job-icon {
    max-width: calc(100% - 15px);
}

.weblaw-rightbox-teaser .event-icon {
    max-height: 95px;
    max-width: 120px;
}

.weblaw-rightbox-teaser .event-startdate {
    font-weight: bold;
    float: left;
    width: 220px;
}

.one-half .job-icon, .one-half .weblaw-teaser .event-icon {
    top: 0;
    left: 0;
    float: right;
}

.one-half .feedlabel {
    width: 300px
}

.weblaw-rightbox-teaser .feedlabel {
    width: auto;
}

.weblaw-rightbox-teaser .weblaw.feed::after {
    margin-bottom: 5px;
    margin-top: 5px;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
    content: "";
    display: block;
}

.weblaw-rightbox-teaser .weblaw.feed.last::after {
    border: none;
}

#center .weblaw-rightbox-teaser .weblaw-teaser.feed {
    border: none;
    float: inherit;
    margin: 0;
    padding: 0;
    line-height: normal;
}

#center .weblaw-rightbox-teaser .weblaw.feed {
    top: 0;
    margin-left: 15px;
    width: auto;
}

#center .weblaw-rightbox-teaser .weblaw.feed .datelabel:before {
    color: #585858;
    content: "›";
    font-size: 1.0em;
    font-weight: bold;
    margin-left: -12px;
    padding-right: 4px;
    vertical-align: top;
}

#center .weblaw-rightbox-teaser .weblaw.feed .list-item-icon {
    display: none;
}

#logged-in {
    display: none;
}

.one-half .weblaw-teaser .upcomingEvents .event-description {
    width: 230px;
}

.weblaw-teaser .upcomingEvents .event-title {
    font-weight: normal;
    line-height: 1.4em;
}

.weblaw-teaser .upcomingEvents .event {
    margin-bottom: 0;
    line-height: 1em;
}

.weblaw-teaser .upcomingEvents li, .weblaw-teaser .upcomingEvents .datelabel, .weblaw-teaser .upcomingEvents .event-description {
    line-height: 1em;
}

.weblaw-teaser .upcomingEvents {
    margin-top: 5px;
}

/* form stuff */
#mgnlhp {
    display: none;
}

input, label {
    line-height: 1.5em;
    margin-bottom: 14px;
    padding-left: 5px;
}

label {
    color: #27559A;
    width: 20%;
    display: inline-block;
}

input[type=submit] {
    background-color: #27559a;
    border: 1px solid #27559a;
    border-radius: 8px;
    display: inline-block;
    line-height: 1.6em;
    margin-left: 15px;
    padding: 2px 5px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

input[type=submit]:hover {
    background-color: #ffffff;
    color: #27559a;
    cursor: pointer;
}

fieldset {
    border: none;
}

iframe {
    border: none;
    min-width: 100%;
    width: 100%;
}

iframe[name="lawjobs"] {
    width: 620px;
    height: 2200px;
}

/* numerical lists */
ul.numeric-decimals {
    counter-reset: section;
    list-style-type: none;
}

ul.numeric-decimals li {
    list-style-type: none;
}

ul.numeric-decimals li ul {
    counter-reset: subsection;
}

ul.numeric-decimals li:before {
    counter-increment: section;
    content: counter(section) ". "; /*content:"Section " counter(section) ". ";*/
}

ul.numeric-decimals li ul li:before {
    counter-increment: subsection;
    content: counter(section) "." counter(subsection) " ";
}

/* end form stuff */

.weblaw-visualization .header {
    margin-bottom: 10px;
}

.weblaw-visualization h2, .weblaw-visualization .subtitle-container {
    margin-bottom: 12px;
}

.weblaw-visualization .subtitle {
    font-size: 14px;
}

.icon-link {
    clear: both;
    width: 460px;
}

.icon-link .icon {
    float: left;
    vertical-align: middle;
    height: 40px;
    margin-left: 30px;
}

.weblaw-visualization .text .title {
    margin-left: 0;
}

.icon-link .text {
    vertical-align: middle;
    float: left;
    max-width: 85%;
}

.news-wrapper .more-icon, .feed .more-icon, .weblaw-teaser .more-icon {
    float: right;
    margin-top: 10px;
    font-size: 18px;
    width: 100%;
    text-align: right;
    margin-bottom: 10px;
}

.superpromos .superpromo-section .more-text, .weblaw-teaser.feed .more-text {
    width: 100%;
    margin: 15px 0 0;
    overflow: hidden;
    float: left;
}

.superpromos .superpromo-section .more-text {
    margin-bottom: 10px;
}

.weblaw-teaser .more-text a, .superpromos .more-text a {
    float: right;
    font-weight: bold;
    text-align: right;
}

.superpromos .more-text a {
    padding: 5px 20px 5px 0;
    width: 100%;
}

.superpromos .more-text a:hover {
    background-color: #d5deec;
}

.news-wrapper .more-text a::after, .feed .more-text a::after, .weblaw-teaser .more-text a::after, .superpromos .more-text a::after {
    content: "\00a0 \003E";
}

.weblaw-movie {
    margin-bottom: 20px;
    float: left;
}

.weblaw-movie .header {
    margin-bottom: 10px;
}

.weblaw-movie h2 {
    margin-bottom: 12px;
}

.weblaw-movie .date {
    margin-bottom: 12px;
}

.weblaw-movie .subtitle-container {
    margin-bottom: 12px;
}

.weblaw-movie .subtitle {
    font-size: 14px;
}

.weblaw-movie .image {
    width: 170px;
    float: left;
    margin-right: 10px;
    position: relative;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; /* Safari 6.1+ */
    flex-direction: column;
    display: flex;
}

.weblaw-movie .image img {
    width: 100%;
    height: auto;
    display: block;
    order: 2;
}

.weblaw-movie a {
    cursor: pointer;
}

.weblaw-movie .image a {
    width: 100%;
    display: block;
    background-size: auto 50%;
    order: 1;
    height: 100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.3) url("../img/icons/play.png") no-repeat 50% 50%;
    top: 0;
    left: 0;
}

.weblaw-movie .text {
    float: left;
    padding-left: 0;
}

.weblaw-movie input.link {
    margin-top: 10px;
    bottom: 0;
    cursor: pointer;
    margin-left: 0;
}

.weblaw-movie .icon-link {
    float: left;
}

.weblaw-movie .links ul, .weblaw-movie .icon-link .icon {
    margin-left: 0;
}

.weblaw-movie .icon-link .text .title {
    margin-left: 18px;
}

.fancytree-ico-c .fancytree-expander {
    background-image: url("../img/icons/link.png") !important;
    background-position: center center !important;
}

.content-header.asa {
    background-color: #f0f0f0;
    padding-left: 32px;
    padding-top: 14px;
    height: 86px;
}

.content-header.asa .content-header-icon {
    background-image: url("../img/logo_asa.png");
    width: 100%;
    height: 58px;
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    float: left;

}

.content-header.asa .content-header-icon:before {
    content: "";
    position: absolute;
    right: 0;
    height: 1px;
    border-top: 1px solid #585858;
    width: 821px;
}

/* Leges Header */
.content-header.leges {
    background: #8daddc url("../img/leges_bg.svg");
    padding-left: 32px;
    padding-top: 20px;
    height: 80px;
}

.content-header.leges .content-header-icon {
    background: url("../img/leges_logo.svg ") no-repeat bottom left;
    width: 100%;
    height: 58px;
    display: block;
    float: left;
}

/* Novita Fiscali Header */
.content-header.novita-fiscali {
    background-color: #666cad;
    padding-left: 32px;
    padding-top: 20px;
    height: 80px;
}

.content-header.novita-fiscali .content-header-icon {
    background: url("../img/novita-fiscali_logo.svg ") no-repeat bottom left;
    width: 100%;
    height: 35px;
    display: block;
    float: left;
    margin-top: 11px;
}

/* Links Overview */
.link-group {
    width: 100%;
    float: left;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.link-group .wl-buttonlink-external, .link-group .wl-buttonlink-internal, .link-group .wl-buttonlink-download {
    width: auto;
    float: left;
    display: block;
    margin-right: 2%;
    margin-bottom: 20px;
    position: relative;
}

.link-group .icon-link {
    clear: none;
    width: auto;
}

.link-group .text-left, .link-group .text-center, .link-group .text-right {
    text-align: unset;
}

.link-group .wl-buttonlink-external a, .link-group .wl-buttonlink-external a:link, .link-group .wl-buttonlink-external a:visited, .link-group .wl-buttonlink-external a:active,
.link-group .wl-buttonlink-internal a, .link-group .wl-buttonlink-internal a:link, .link-group .wl-buttonlink-internal a:visited, .link-group .wl-buttonlink-internal a:active,
.link-group .wl-buttonlink-download a, .link-group .wl-buttonlink-download a:link, .link-group .wl-buttonlink-download a:visited, .link-group .wl-buttonlink-download a:active {
    margin-top: 0;
}

/* end links overview */

/* Tiles Overview */
.tile-group .tile {
    background-color: #f5f5f5;
    width: 30%;
    overflow: hidden;
    float: left;
    display: block;
    margin-right: 2%;
    margin-bottom: 20px;
    border-radius: 8px;
    padding: 1%;
    position: relative;
}

.tile .link-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #27559a;
}

.tile-group .large-tile {
    width: 98%;
    margin-right: 0;
}

.tile-group .tile a span:hover {
    cursor: hand;
    cursor: pointer;
    opacity: .7;
}

.tile-group .tile a span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
    background-color: #ffffff;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tile-group .tile:nth-child(3n + 3) {
    margin-right: 0;
}

.tile-group .tile .img-wrapper, .tile-group .tile .image {
    width: 100%;
    height: 150px;
    overflow: hidden;
    display: block;
    position: relative;
}

.tile-group .large-tile .large-img-wrapper, .tile-group .large-tile .large-image {
    height: 300px;
}

.tile-group .tile .img-wrapper {
    margin-bottom: 5px;
}

.tile-group .tile img {
    min-height: 100%;
    position: absolute;
    margin: auto;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    max-height: 150px;
}

.tile-group .tile h3, .tile-group .tile p {
    padding: 3px 5px;
    font-size: 12px;
    line-height: 1.3em;
}

.tile-group .tile h3 {
    font-size: 1em;
}

.tile-group .tile p {
    color: #585858;
}

.large-tile .tile-group .tile {
    width: 20%;
    margin-right: 4%;
}

.large-tile .tile-group .tile:nth-child(4n + 4) {
    margin-right: 0;
}

/* end tiles overview */

/** folding tiles */
.tile-group .tile.folding-tile {
    margin-right: 2%;
}

.tile.folding-tile:hover {
    cursor: pointer;
}

.tile.folding-tile:hover .hover {
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 1.4em;
    left: 0;
    background-color: rgba(39, 85, 154, 0.9);
    vertical-align: middle;
    padding: 10% 0;
    color: #fff;
}

.folding-tile .tile-more {
    color: #77216b;
    float: right;
    font-size: 16px;
}

.folding-tile .text {
    display: none;
}

.folding-tile.folding-tile--width3 {
    width: 98%;
    margin-right: 0;
}

.folding-tile.folding-tile--width3:hover .image-block {
    opacity: 1;
}

.folding-tile.folding-tile--width3:hover .hover {
    display: none;
}

.folding-tile.folding-tile--width3 .image-block {
    float: left;
    width: 30%;
}

.folding-tile.folding-tile--width3 .tile-more {
    display: none;
}

.folding-tile.folding-tile--width3 article {
    padding-top: 0;
    max-height: 208px;
}

.folding-tile.folding-tile--width3 .text {
    display: block;
    float: right;
    width: 68%;
}

.tile-group .folding-tile.folding-tile--width3 .img-wrapper {
    width: 100%;
    margin-right: 2%;
}

.folding-tile input {
    display: none;
}

.folding-tile label {
    display: inline-block;
    margin: 0 0 -1px;
    text-align: center;
    color: #3f3e3e;
    font-size: 14px;
    font-size: 1.4rem;
    position: relative;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.folding-tile label:before {
    content: "";
    position: absolute;
    box-shadow: 0 4px 2px -3px rgba(39, 85, 154, 0.5);
    top: 50%;
    bottom: 0;
    left: 5px;
    right: 5px;
    opacity: 0;
}

.folding-tile label:after {
    content: "";
    background: #fafafa;
    position: absolute;
    width: 11px;
    height: 11px;
    left: 50%;
    bottom: -6px;
    margin-left: -6px;
    transform: rotate(45deg);
    box-shadow: inset 3px 3px 3px rgba(39, 85, 154, 0.5), inset 1px 1px 1px rgba(245, 245, 245, 1);
    opacity: 0;
    transition: 0.3s ease;
}

.folding-tile input:checked + label:before,
.folding-tile input:checked + label:after {
    opacity: 1;
}

.folding-tile article {
    display: none;
    overflow-y: auto;
    padding: 10px 0 0;
    max-height: 150px;
}

input[id$="-tab1"]:checked ~ article[id$="-content1"],
input[id$="-tab2"]:checked ~ article[id$="-content2"] {
    display: block;
}

.folding-tile input + label + article,
.folding-tile input + label + article + article {
    border-top: 1px solid #ddd;
}

.folding-tile label h4 {
    font-size: 12px;
}

/* 404 */
html, body {
    height: 100%;
}

#weblaw-404 .header-wrapper {
    position: absolute;
    top: 0;
    height: 37px;
}

#weblaw-404 .content-wrapper {
    position: absolute;
    width: 100%;
    top: 37px;
    bottom: 0;
}

#weblaw-404 .content {
    margin: 0 auto;
    vertical-align: middle;
    width: 90%;
    max-width: 1200px;
    height: 100%;
}

#weblaw-404 .inner-wrapper {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
    box-sizing: border-box;
}

#weblaw-404 .text-wrapper {
    display: table;
    float: right;
    height: 100%;
    width: 49%;
}

#weblaw-404 .text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

#weblaw-404 .image {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
}

#weblaw-404 .image .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#weblaw-404 .content img {
    width: auto;
    max-width: 98%;
    max-height: 700px;
    vertical-align: middle;
    position: relative;
    height: auto;
    margin: 0 auto;
}

#weblaw-404 h2 {
    text-align: center;
    font-size: 5em;
    line-height: 1em;
    margin-bottom: 40px;
}

#weblaw-404 h3 {
    font-size: 2em;
    line-height: 1.3em;
    width: 400px;
    margin: 0 auto;
    font-weight: bold;
    text-align: justify;
}

#weblaw-404 h3:after {
    content: "";
    width: 100%;
    height: 0;
    display: inline-block;
}

#weblaw-404 p {
    color: #27559A;
    font-weight: normal;
    font-size: 1.2em;
    width: 400px;
    margin: 10px auto 0;
    text-align: justify;
}

#weblaw-404 a.button {
    margin: 33px auto 40px auto;
    width: 175px;
    background-color: #27559a;
    border: 1px solid #27559a;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
}

#weblaw-404 a.button:hover {
    text-decoration: none;
    background-color: #fff;
    color: #27559a;
}

/* used as honeypot */
.nothing_here {
    display: none;
}

/* toc in the weblaw articles */
#main #toc {
    line-height: 22px;
    font-size: 16px;
    background-color: #f5f5f5;
    clear: both;
    padding: 20px;
    margin-bottom: 40px;
    margin-top: 17px;
}

#main #toc h2 {
    margin-bottom: 20px;
}

.weblawFeedListParagraph .tile-group {
    width: 100%;
    float: left;
    display: block;
}

.weblawFeedListParagraph .tile-group .tile {
    width: 14%;
    margin-right: 0.8%;
    padding-bottom: 1%;
}

.weblawFeedListParagraph .tile-group .tile:nth-child(6n + 6) {
    margin-right: 0;
}

.weblawFeedListParagraph .tile-group .tile .img-wrapper, .weblawFeedListParagraph .tile-group .tile .image {
    height: 50px;
}

.weblawFeedListParagraph .tile-group .tile img {
    max-width: 100%;
    max-height: none;
    min-height: initial;
}

.weblawFeedListParagraph .tile-group .tile .img-wrapper {
    margin-bottom: 4px;
}

.weblawFeedListParagraph h4 {
    overflow: hidden;
}

.weblawFeedListParagraph .freemarkerSampleParagraph {
    width: 100%;
    display: block;
    float: left;
}

.weblawFeedListParagraph h2 {
    color: #27559A;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    left: 80px;
}

.weblawFeedListParagraph .feed {
    padding-top: 30px;
    float: left;
    width: 100%;
}

.weblawFeedListParagraph .feedTop {
    height: 70px;
    position: relative;
    margin-bottom: 5px;
}

.weblawFeedListParagraph .rssLogo {
    position: absolute;
    right: 0;
    bottom: 0;
}

.weblawFeedListParagraph .feedHeader {
    display: block;
    float: left;
}

.weblawFeedListParagraph .logo {
    float: left;
    max-height: 70px;
    max-width: 70px;
    vertical-align: middle;
    display: -moz-inline-box; /* Firefox 2 */
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    bottom: 0;
}

.weblawFeedListParagraph ul {
    float: left;
    width: 100%;
}

.weblawFeedListParagraph li {
    margin-bottom: 1em;
}

.weblawFeedListParagraph .date {
    font-weight: bold;
    width: 100%;
    font-size: 10px;
    line-height: normal;
    text-align: right;
    color: #7290bd;
}

.weblawFeedListParagraph .feedContent {
    background-color: #f5f5f5;
    border-radius: 6px;
    padding: 10px;
}

.weblawFeedListParagraph .author {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
}

.weblawFeedListParagraph .titleLink {
    display: block;
    font-size: 14px;
}

.weblawFeedListParagraph .goToTop {
    float: right;
    display: block;
}

.weblawFeedListParagraph .goToTop::before {
    content: "\2b06";
    width: 5px;
    border-top: 1px solid;
}

/* anchor navigation */
.anchorNavigation {
    display: block;
    width: 880px;
    float: left;
    padding: 10px;
    background-color: #f2f2f2;
    border-radius: 6px;
    margin-bottom: 20px;
}

.anchorNavigation li {
    float: left;
    margin-right: 15px;
    background-color: #27559a;
    padding: 2px 10px 2px 8px;
    border-radius: 6px;
}

.anchorNavigation li:hover {
    background-color: #fff;
    border: 1px solid #27559a;
    padding: 1px 9px 1px 7px;
}

.anchorNavigation a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.anchorNavigation li:hover a {
    color: #27559a;
}

.anchorNavigation.sticky {
    position: fixed;
    top: 0;
    z-index: 100;
    border-top: 0;
}

/* end anchor navigation */

/* academy pages */
.academy .weblaw-quote .tag,
.academy .anchorNavigation li {
    background-color: #77216b;
}

.academy .anchorNavigation li:hover {
    border: 1px solid #77216b;
}

.academy .anchorNavigation li:hover a,
.academy .weblaw-quote,
.academy #main .text-section > h2,
.academy #main .text-section ul li:before,
.academy table.simpletable,
.academy .text-section a,
.academy .text-section a:visited,
.academy #breadcrumb a,
.academy .intro,
.academy h1,
.academy h2,
.academy h3,
.academy h4,
.academy h5,
.academy h6,
.academy article a,
.academy .weblaw-quote li:before {
    color: #77216b;
}

.academy .text-section a.text-button {
    background-color: #77216b;
    border: 1px solid #77216b;
    color: #fff;
}

.academy .wl-buttonlink-external a,
.academy .wl-buttonlink-external a:link,
.academy .wl-buttonlink-external a:visited,
.academy .wl-buttonlink-external a:active,
.academy .wl-buttonlink-internal a,
.academy .wl-buttonlink-internal a:link,
.academy .wl-buttonlink-internal a:visited,
.academy .wl-buttonlink-internal a:active,
.academy .wl-buttonlink-download a,
.academy .wl-buttonlink-download a:link,
.academy .wl-buttonlink-download a:visited,
.academy .wl-buttonlink-download a:active {
    background-color: #77216b;
    border: 1px solid #77216b;
    color: #fff;
}

.academy .anchorNavigation li:hover {
    background-color: #fff;
}

.academy .tile.folding-tile:hover .hover {
    background-color: rgba(119, 33, 107, 0.9);
}

.tile .link-icon {
    color: #77216b;
}

.folding-tile ul {
    padding-bottom: 15px;
}

.folding-tile li {
    margin-left: 20px;
    font-size: 12px;
    line-height: 1.3em;
}

.folding-tile ul li:before {
    content: "\203a";
    padding-right: 7px;
    font-size: 1.3em;
    color: #77216b;
    font-weight: bold;
    margin-left: -13px;
}

.academy .folding-tile a.text-button {
    background-color: #77216b;
    border: 1px solid #77216b;
}

.academy .folding-tile label h4 {
    color: #77216b;
}

.academy .folding-tile label:before {
    box-shadow: 0 4px 2px -3px rgba(119, 33, 107, 0.5);
}

.academy .folding-tile label:after {
    box-shadow: inset 3px 3px 3px rgba(119, 33, 107, 0.5), inset 1px 1px 1px rgba(245, 245, 245, 1);
}

/* end academy pages */

.button-right {
    float: right;
    width: auto;
    padding-left: 20px;
}

.button-left {
    float: left;
    width: auto;
    padding-right: 20px;
}

#the-canvas {
    border: 1px solid black;
    box-sizing: border-box;
}

.pdf-nav {
    min-height: 25px;
    width: 602px;
    margin-bottom: 5px;
    font-size: 12px;
}

#pdf-next-page, #pdf-prev-page {
    display: block;
    float: left;
    margin-right: 5px;
    max-height: 25px;
    font-size: 12px;
}

#pdf-download-wrapper {
    display: none;
}

#pdf-download {
    max-height: 25px;
    font-size: 12px;
}

.pdf-page-display {
    float: left;
}

/** quick changes for homepage for brown bag add and logo with link to docengine, lawdesk and legaltech */
#home #main #weblaw-teaser-group-1 .two-one:nth-child(3) {
    display: none !important;
}

#home #main #weblaw-teaser-group-1 .two-one:nth-child(4) {
    margin: 40px 0 !important;
}

#home #main #weblaw-teaser-group-2, #home #main #horizontal-teaser {
    padding: 10px 20px;
    border: 1px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 40px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

#home #main #weblaw-teaser-group-2 .one-fourth,
#home #main #horizontal-teaser .one-fourth {
    width: calc(25% - 15px + (15px / 4));
    float: left;
    margin-right: 15px;
    padding-left: 0;
    margin-left: 0;
    padding-right: 0;
    background-color: #f9f9f9;
}

#home #main #weblaw-teaser-group-2 .one-fourth.leftchild,
#home #main #horizontal-teaser .one-fourth.leftchild {
    padding-left: 0;
}

#home #main #weblaw-teaser-group-2 .one-fourth.rightchild,
#home #main #horizontal-teaser .one-fourth.rightchild {
    padding-right: 0;
    margin-right: 0;
}

/** end quick changes for homepage */

/** quick changes for homepage for brown bag add and logo with link to docengine, lawdesk and legaltech */
#home #main #weblaw-teaser-group-1 .two-one:nth-child(3) {
    display: none !important;
}

#home #main #weblaw-teaser-group-1 .two-one:nth-child(4) {
    margin: 40px 0 !important;
}

#home #main #weblaw-teaser-group-2,
#home #main #weblaw-teaser-group-3,
#home #main #horizontal-teaser {
    padding: 10px 20px;
    border: 1px solid #CCCCCC;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 40px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

#home #main #weblaw-teaser-group-2 .one-fourth,
#home #main #weblaw-teaser-group-3 .one-fourth,
#home #main #horizontal-teaser .one-fourth {
    width: calc(25% - 15px + (15px / 4));
    float: left;
    margin-right: 15px;
    padding-left: 0;
    margin-left: 0;
    padding-right: 0;
    background-color: #f9f9f9;
}

#home #main #weblaw-teaser-group-2 .one-fourth.leftchild,
#home #main #weblaw-teaser-group-3 .one-fourth.leftchild,
#home #main #horizontal-teaser .one-fourth.leftchild {
    padding-left: 0;
}

#home #main #weblaw-teaser-group-2 .one-fourth.rightchild,
#home #main #weblaw-teaser-group-3 .one-fourth.rightchild,
#home #main #horizontal-teaser .one-fourth.rightchild {
    padding-right: 0;
    margin-right: 0;
}

#home #main .weblaw-teaser-group .weblaw-image-link {
    margin: 12px 0;
}

/** end quick changes for homepage */

/* bx slider https://www.weblaw.ch/competence/specials/app.html **/
.bx-wrapper .bx-viewport {
    box-shadow: none;
    border: none;
}

.bxslider {
    margin-top: 0;
}

/* end bx slider **/

#article-import-form {
    margin: 20px 0;
}

#article-import-form .input_row {
    margin: 20px 0;
}

#article-import-form .input_row label {
    padding-left: 0;
    font-size: 1rem;
    margin-bottom: 10px;
    width: 100%;
}

#article-import-form .input_row input,
#article-import-form .input_row select {
    padding-left: 0;
    width: 50%;
}

#article-import-form .input_row textarea {
    width: 99%;
}

#article-import-form .input_row input[type="submit"] {
    width: 20%;
}

#article-import-form .input_row_half {
    width: 50%;
    float: left;
}

#article-import-form .input_row_half input {
    margin-left: 0;
}

/* commenting module **/
#main-content .comments {
    margin-top: 20px;
    float: left;
    width: 100%;
}

#comments {
    float: left;
    width: 100%;
}

#comments h2, #your-comment h2 {
    color: #27559A;
    margin: 15px 0;
    font-size: 1rem;
    font-weight: bold;
    font-style: normal;
}

#comments li {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #27559a;
}

#comments .comment-count {
    float: left;
    width: 20px;
    text-align: right;
    font-size: 0.9rem;
}

#comments blockquote {
    float: left;
    margin-left: 15px;
    width: calc(100% - 15px);
}

#comments blockquote cite img {
    display: none;
}

#comments blockquote h3 {
    font-size: 0.95rem;
}

#comments blockquote h3 + p {
    margin-top: 5px;
}

#comments blockquote p {
    font-size: 0.9rem;
}

#comments blockquote > p {
    padding-top: 0 !important;
}

#comments blockquote .comment-meta {
    margin-top: 15px;
    font-size: 0.8rem;
}

#comments .comment-count + blockquote {
    width: calc(100% - 35px);
}

#comments .comment-name,
#comments .comment-date {
    float: left;
    width: calc(100% - 80px);
}

#comments .comment-reply-action {
    float: right;
    width: 80px;
}

#comments .comment-reply-action a {
    color: #ffffff;
    width: 78px;
    text-align: center;
    background-color: #27559a;
    line-height: 18px;
    border: 1px solid #27559a;
    display: block;
    border-radius: 8px;
    font-style: normal;
}

#comments .comment-reply-action a:hover {
    color: #27559a;
    text-decoration: none;
    background-color: #ffffff;
}

#your-comment {
    float: left;
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
    font-size: 0.9rem;
}

#your-comment form {
    margin: 30px 0;
}

#your-comment form .required {
    font-size: 0.7rem;
    font-style: italic;
    margin-bottom: 5px;
}

#your-comment h2 {
    margin-top: 0;
}

#your-comment p {
    margin-bottom: 6px;
    line-height: 1.1rem;
}

#your-comment label {
    padding-left: 0;
    width: 100%;
    margin-bottom: 8px;
}

#your-comment label span {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

#your-comment label input,
#your-comment label textarea {
    width: calc(100% - 12px);
    float: left;
    padding: 5px;
    border: 1px solid #27559a;
    border-radius: 8px;
    border-bottom-width: thin;
    margin-bottom: 0;
}

#your-comment .button-wrapper input[type=submit] {
    margin: 0;
    float: right;
    color: #ffffff;
    width: 78px;
    text-align: center;
    line-height: 18px;
    display: block;
    font-style: normal;
    font-weight: normal;
}

#your-comment .button-wrapper input[type=submit]:hover {
    color: #27559a;
    background-color: #ffffff;
}

.button-group:after {
    content: "";
    clear: both;
    display: table;
}

.lawjob-details .wl-buttonlink-external {
    clear: none;
}

/** grid */
.col-1-1 {
    width: 100%;
    float: left;
}

.col-2-1 {
    width: 50%;
    float: left;
}

.col-3-1 {
    width: 33%;
    float: left;
}

.col-4-1 {
    width: 25%;
    float: left;
}

/** hide in big screen sizes */
.hide-big {
    display: none;
}

.display-big {
    display: block;
}

/** for pdf js */
#annotation-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.2;
    line-height: 1.0;
}

#annotation-layer > section {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0 0;
}

#annotation-layer > .linkAnnotation > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** end pdf js */

.weblaw-image-link {
    margin-bottom: 40px;
}

/* fields of law listing **/
.fields-of-law-article-list .article {
    border-bottom: 1px dashed #585858;
    width: 100%;
    padding: 10px 0;
    margin-top: 10px;
    float: left;
}

.fields-of-law-article-list h3 {
    font-size: 1rem;
}

.fields-of-law-article-list .author {
    margin-top: 8px;
    font-size: 0.9rem;
    font-style: italic;
    float: left;
    width: 100%;
}

.fields-of-law-article-list .issue {
    float: right;
    width: 18%;
    min-width: 115px;
    text-align: right;
}

.fields-of-law-article-list .title {
    width: 80%;
    float: left;
}

#extra-buttons {
    background-color: #f5f5f5;
    margin-bottom: 40px;
    line-height: 32px;
    font-size: 16px;
    border-radius: 8px;
    margin-top: 15px;
    float: left;
    width: 16.4rem;
}

#extra-buttons li {
    padding: 10px 14px;
    width: calc(100% - 28px);
    float: left;
    cursor: pointer;
}

#extra-buttons li:hover {
    border: 1px solid #27559A;
    border-radius: 6px;
    /*border-color: aquamarine;*/
}

#extra-buttons li a {
    display: block;
    height: 32px;
    line-height: 32px;
    text-decoration: none;
    position: relative;
    color: #27559A !important;

}

#extra-buttons li a span {
    position: absolute;
    bottom: 1px;
    left: 32px;
}

#extra-buttons .share li {
    width: calc(100% / 3);
    cursor: pointer;
}

#extra-buttons .share li a img {
    height: 95%;
}

#extra-buttons .share.button li {
    width: 100%;
}

#extra-buttons .share.button li a span {
    position: absolute;
    bottom: 1px;
    left: 34px;
}

#extra-buttons .share.button li a img {
    height: 95%;
}

.shareTitle {
    padding: 10px 14px;
}

.previous a img {
    height: 95%;
}

.next a img {
    height: 95%;
}

#main-content .content .newsteaser.latest .articles .article-details .issue {
    float: right;
    width: 18%;
    min-width: 115px;
    text-align: right;
}

#main-content .content .newsteaser.latest .articles .article-details .author {
    margin-top: 8px;
    font-size: 0.9rem;
    font-style: italic;
    float: left;
    width: 100%;
}

#main-content .content .newsteaser.latest .articles .article-details {
    width: 100%;
    padding: 10px 0;
    margin-top: 10px;
    float: left;
}

#main-content .content .lawjobs-list .jobs-list .article-details .job-infos {
    margin-top: 10px;
}

#main-content .content .lawjobs-list .jobs-list .article-details .job-infos .date {
    width: 18%;
    min-width: 115px;
    text-align: right;
    position: relative;
    left: 47.5em;
    top: 17px;
}

#main-content .content .lawjobs-list .jobs-list .article-details .job-infos .job-company {
    margin-top: 8px;
    margin-bottom: 5px;
    font-size: 0.9rem;
    font-style: italic;
    float: left;
    width: 100%;
}

#main-content .content .lawjobs-list .jobs-list {
    position: relative;
    top: 2em;
    margin-bottom: 4em;
}

#main #main-content .content .events .events-list .article-details .event-infos {
    margin-top: 10px;
}

#main #main-content .content .events .events-list .article-details .event-infos .title {
    width: 75%
}

#main #main-content .content .events .events-list .article-details .event-infos .date {
    width: 18%;
    min-width: 115px;
    text-align: right;
    position: relative;
    left: 47.5em;
    top: 17px;
}

#main #main-content .content .events .events-list .article-details .event-infos .organizer {
    margin-top: 8px;
    margin-bottom: 5px;
    font-size: 0.9rem;
    font-style: italic;
    float: left;
    width: 100%;
}

#main #main-content .content .events .events-list {
    position: relative;
    top: 2em;
    margin-bottom: 4em;
}