#PollMenu {
        border: 1px solid #D76100;
        border-bottom-style: none;
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
        width: 150px
    }

    #PollMenu li {
        height: 24px;
        text-decoration: none
    }

    #PollMenu li, #PollMenu li:visited {
        background: url(/images/styles/uniturm/tabs/pollmenu.gif);
        color: #9E3C02;
        display: block;
        padding: 8px 0 0 30px
    }

    #PollMenu li:active {
        background: url(/images/styles/uniturm/tabs/pollmenu.gif) 0 -64px;
        color: #fff;
        padding: 8px 0 0 30px
    }

    #PollMenu li:hover {
        background: url(/images/styles/uniturm/tabs/pollmenu.gif) 0 -32px;
        color: #fff;
        padding: 8px 0 0 30px
    }

    #Slide .container {
        overflow: hidden;
        position: relative;
        width: 560px
    }

    #Slide .green, #Slide2 .green {
        color: green
    }

    #Slide .head {
        min-height: 32px
    }

    #Slide .item {
        float: left;
        margin: 5px;
        text-align: center;
        width: 130px
    }

    #Slide .item .head {
        font-weight: bolder
    }

    #Slide .navButton, .link, .boxFunctionsMenuButton {
        cursor: pointer
    }

    #Slide .navButton.next {
        float: right;
        margin-top: -110px
    }

    #Slide .navButton.previous {
        float: left;
        margin-top: 50px
    }

    #Slide .overlap, #Slide2 .overlap {
        background: url(/images/icons/points_left.png) no-repeat;
        height: 28px;
        margin-left: 25px;
        margin-top: -54px;
        position: absolute;
        width: 81px;
        z-index: 2
    }

    #Slide .scale, #Slide2 .scale {
        height: 70px;
        margin-bottom: 5px;
        overflow: hidden
    }

    #Slide div.bar {
        background-image: url(/images/styles/uniturm/pages/home/progressbar-background.png);
        border: 1px solid #000;
        height: 15px;
        margin-left: 25px;
        width: 84px
    }

    #Slide2 {
        display: inline-block;
        width: 20%
    }

    #Slide2 .Image {
        float: left;
        max-width: 370px
    }

    #Slide2 .container {
        float: right;
        height: 124px;
        overflow: hidden;
        width: 125px
    }

    #Slide2 .item {
        height: 124px;
        text-align: center
    }

    #Slide2 .item .head {
        font-weight: bolder;
        min-height: 32px
    }

    #Software .Box {
        float: left;
        padding: 10px;
        width: 295px
    }

    #Software .Box h2 {
        color: #000;
        font-weight: bolder
    }

    #Software .Box p {
        height: 120px
    }

    #Software .Dividor {
        border-right: 1px solid lightgrey;
        float: left;
        height: 300px;
        width: 5px
    }

    #Software .clear {
        margin: 20px 0
    }

    #StudyPathLink_2, #StudyPathLink_3 {
        font-weight: 700;
        margin-top: 1em
    }

    #areaRanking {
        float: right;
        width: 160px
    }

    #assistentContent h1 {
        margin-top: 0;
        text-transform: none
    }

    #assistentContent h1 span.step {
        float: right;
        margin-right: 100px
    }

    #assistentContent h1 span.title {
        color: #ffb43f;
        margin-right: 10px;
        text-transform: uppercase
    }

    #boxFunctionsDisplay-edit .labeled, .adminInput {
        width: 300px
    }

    #boxFunctionsDisplay-edit label {
        display: block;
        float: left;
        width: 100px
    }

    #cityPlate {
        margin-left: -123px;
        margin-top: 63px
    }

    #cityPlate .middle {
        background: url(/images/styles/uniturm/cityplate-middle.png) repeat-x;
        float: left
    }

    #colorbox, #cboxOverlay, #cboxWrapper {
        z-index: 8000 !important
    }

    #container {

    }

    #content {
        min-height: 400px;
        position: relative;
    }

    #desc {
        max-height: 112px;
        overflow: hidden;
        text-align: left;
    }

    #finder_help #left-part {
        float: left;
        width: 48%
    }

    #finder_help #right-part {
        float: right;
        width: 48%
    }

    #finder_help h2 {
        color: #666;
        font-weight: 700;
        margin-bottom: 5px
    }

    #finder_result h2 {
        color: #FF7200
    }

    #finder_result ul.margin-list strong {
        font-style: oblique
    }

    #footer div.Treecrumbs {
        background: white;
        border-bottom: 0 solid #ccc
    }

    #footer div.menuLinks {
        background-color: #0071bc;
        clear: both;
        display: flex;
        margin-top: 2rem;
        padding: 1.5rem
    }

    #footer div.menuLinks > ul {
        float: left;
        margin: 0 auto;
        position: relative;
        width: 20%
    }

    #footer div.menuLinks > ul > li:first-of-type {
        color: white;
        margin-bottom: 1.1rem
    }

    #footer div.menuLinks a {
        color: white;
        line-height: 1.2rem
    }

    #footer div.socialBookmarks {
        margin-left: 15px;
        padding-bottom: 20px;
        text-align: center
    }

    #footer div.uniturmLinks {
        padding: 1em 0 1em 25px;
        text-align: left
    }

    #footer div.uniturmLinks a, ul.loginOptions input.checkbox {
        margin-right: 5px
    }

    #footer div.youAreReading {
        color: #999;
        margin: 10px;
        text-align: center
    }

    #footer, select.selectPath, div.userStatus .MessageData.noSibling, #generalQuestions td:first-of-type + td select {
        width: 100%
    }

    #footer .copyright {
        text-align: center;
        width: 100%;
        margin-top: 40px;
        margin-bottom: -20px;
        color: #fff;
    }

    #forumAd {
        background-color: #fff4c6;
        padding: 10px 7px
    }

    #generalQuestions {
        margin-bottom: 20px;
        padding: 5px
    }

    #generalQuestions td:first-of-type {
        width: 25%
    }

    #generalQuestions td:first-of-type + td {
        width: 75%
    }


    #header {
        background: #29abe2;
        background: -moz-linear-gradient(top, #29abe2 0%, #0071bc 75%, #e6e6e6 75%, #e6e6e6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29abe2), color-stop(75%, #0071bc), color-stop(75%, #e6e6e6), color-stop(100%, #e6e6e6));
        background: -webkit-linear-gradient(top, #29abe2 0%, #0071bc 75%, #e6e6e6 75%, #e6e6e6 100%);
        background: -o-linear-gradient(top, #29abe2 0%, #0071bc 75%, #e6e6e6 75%, #e6e6e6 100%);
        background: -ms-linear-gradient(top, #29abe2 0%, #0071bc 75%, #e6e6e6 75%, #e6e6e6 100%);
        background: linear-gradient(to bottom, #29abe2 0%, #0071bc 75%, #e6e6e6 75%, #e6e6e6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29abe2', endColorstr='#e6e6e6', GradientType=0)
    }

    #header .Plates {
        float: right;
        height: 80px
    }

    #header .Plates .infoPlate {
        position: absolute;
        right: 100px;
        top: 10px
    }

    #header div#uniturmRay2 {
        float: left;
        height: 84px;
        position: relative
    }

    #jobscout li, .RateFileBox .RateFile {
        display: inline-block
    }

    #loginform td {
        padding: 2px
    }

    #mainContent {
        padding: 0 5px 5px;
    }

    #mashbox {
        display: block;
        height: 212px;
        padding: 0;
        width: 170px
    }

    #mashbox #gfContent {
        height: 107px;
        overflow: auto;
        padding: 0 15px;
        width: auto
    }

    #mashbox #gfTagContent {
        background-color: #eaeaea;
        border: 1px solid #d6d6d6;
        border-top-width: 0;
        height: 50px;
        padding: 5px 8px 10px;
        width: auto
    }

    #mashbox .Box {
        background-color: transparent;
        clear: both;
        height: 19px;
        margin-bottom: 0;
        padding-bottom: 0;
        text-align: right;
        width: 100%
    }

    #mashbox .BoxContent {
        background-color: #eaeaea;
        border: 1px solid #d6d6d6;
        height: 102px;
        padding: 10px 0;
        width: auto
    }

    #mashbox a.gfb {
        color: #000000;
        font-weight: normal
    }

    #mashbox p.gfp, #mashbox li.gfli {
        color: #000;

        font-weight: 400;
        line-height: 13px;
        margin-bottom: 10px;
        margin-top: 5px;
        padding: 0
    }

    #menu li a {
        color: #000;
        cursor: pointer;
        font-weight: 400;
        letter-spacing: .1ex;
    }

    #menu li.Dividor {
        border-left: 1px solid #000;
        padding: 0
    }

    #menu li.Dividor:hover {
        background: none;
        cursor: default
    }

    #menu li.active {
        background-color: #4D4D4D
    }

    #menu li.active a {
        color: #FFF;
        font-weight: 700;
        text-transform: uppercase
    }

    #menu li:hover a, div.avatar .AvatarOverlay a, div.userStatus div.userWelcome strong, div.userStatus ul.LinkMenu li a {
        color: black
    }

    #newsContainer.Toolbox div.newsItem div.body {
        line-height: 1.2em;
        min-height: 50px
    }

    #page-AGB li {
        list-style-type: none;
        margin-bottom: 1em
    }

    #page-cityHome #mainContent {
        margin-left: 60px;
        padding: 10px;
        width: 700px
    }

    #page-cityHome #mainContent h1 {
        border: 0 dotted rgb(102, 102, 102);
        border-bottom-width: 1px;
        margin: 0 0 10px;
        padding: 0 0 10px;
        text-transform: none
    }

    #page-cityHome #mainContent h1.welcomeToCity {
        border-width: 0;
        margin: 0 0 10px;
        padding: 0 0 5px
    }

    #page-cityHome #mainContent h2.bigHeadline {
        margin-left: -50px
    }

    #page-cityHome #snippetBar {
        display: none;
        display: block
    }

    #page-cityHome .Avatar .avatarTeaserBox {
        float: left;
        margin-right: 10px;
        width: 165px
    }

    #page-cityHome .cityFurtherInfoArea h2, #page-cityHome .cityFurtherInfoArea div.H2 {
        border: 0 solid rgb(224, 224, 224);
        border-bottom-width: 1px;
        line-height: 15pt;
        margin: 0 0 8px;
        padding: 0 0 3px
    }

    #page-cityHome .cityLeftTwoThirdsBar div.avatarTeaserBox .body {
        float: left;
        margin-left: 10px;
        width: 330px
    }

    #page-cityHome .cityRightOneThirdBar div.avatarTeaserBox .body {
        float: left;
        margin-left: 10px;
        width: 160px
    }

    #page-cityHome div.avatarTeaserBox .body {
        float: left;
        margin-left: 10px;
        width: 80px
    }

    #page-cityHome div.cityForumLeftBar, #page-cityHome div.cityForumRightBar {
        float: left;
        width: 190px
    }

    #page-cityHome div.cityForumRightBar {
        border: 0 solid rgb(204, 204, 204);
        border-left-width: 1px;
        margin: 0 0 0 15px;
        padding: 0 0 0 15px
    }

    #page-cityHome div.cityFriends {
        background-color: white;
        border: 0 solid rgb(204, 204, 204);
        float: right;
        margin-right: 10px;
        overflow: hidden;
        position: relative;
        width: 180px
    }

    #page-cityHome div.cityFurtherInfoArea {
        background: url(../images/styles/uniturm/pages/home/foldline.png) no-repeat 50% 10px;
        padding-top: 35px
    }

    #page-cityHome div.cityIntroArea {
        padding-top: 10px;
        position: relative;
        width: 490px
    }

    #page-cityHome div.cityIntroText {
        clear: left;
        line-height: 1.5em;
        padding-top: 30px
    }

    #page-cityHome div.cityLeftOneThirdBar {
        float: left;
        width: 230px
    }

    #page-cityHome div.cityLeftTwoThirdsBar {
        float: left;
        width: 400px
    }

    #page-cityHome div.cityNews {
        margin-left: 0;
        position: relative;
        width: 430px
    }

    #page-cityHome div.cityNewsAds {
        padding-left: 70px
    }

    #page-cityHome div.cityRightOneThirdBar {
        border: 0 solid rgb(204, 204, 204);
        border-left-width: 1px;
        float: right;
        margin-left: 15px;
        overflow: hidden;
        padding-left: 15px;
        position: relative;
        width: 230px
    }

    #page-cityHome div.cityRightTwoThirdsBar {
        border: 0 solid rgb(204, 204, 204);
        border-left-width: 1px;
        float: right;
        margin-left: 15px;
        padding-left: 15px;
        position: relative;
        width: 430px
    }

    #page-cityHome div.cityTeaserPhoto {
        float: right;
        margin: 0;
        width: 255px
    }

    #page-cityHome div.cityTeaserPhoto img {
        height: 230px;
        width: 255px
    }

    #page-cityHome div.cityUniturmAdvantages {
        float: left;
        line-height: 1.5em;
        width: 220px
    }

    #page-cityHome div.cityUniturmAdvantages li {
        margin-top: 10px;
        padding-left: 35px;
        position: relative
    }

    #page-cityHome div.cityUniturmAdvantages li img {
        left: 0;
        position: absolute;
        top: 0
    }

    #page-cityHome div.cityUniversities {
        padding: 20px 0
    }

    #page-cityHome div.cityUniversities a {
        border: 0 dotted rgb(235, 235, 235);
        border-top-width: 1px;
        display: block;
        padding: 3px 0
    }

    #page-cityHome div.cityUniversities a:hover {
        background-color: rgb(255, 255, 160)
    }

    #page-cityHome div.foldSeperator {
        background: url(../images/styles/uniturm/pages/home/foldline.png) no-repeat 50% 40%;
        margin-left: 0;
        width: 700px
    }

    #page-cityHome div.globalNewsItem h2 span {
        background-image: none;
        margin-right: 0;
        padding: 0
    }

    #page-cityHome div.newsItem a.readOn {
        display: block;
        float: right
    }

    #page-cityHome div.newsItem div.body {
        min-height: 40px;
        width: 370px
    }

    #page-cityHome div.newsItem h2 {
        border-width: 0;
        margin-bottom: 0
    }

    #page-cityHome div.newsSeperator {
        background: url(../images/styles/uniturm/pages/home/news-seperator.png) no-repeat 100px 40%;
        clear: both;
        height: 7px;
        padding: 5px 0 10px
    }

    #page-cityHome img.cityCityPlate {
        margin-right: 10px
    }

    #page-cityHome.Logged #mainContent {
        margin: 0;
        padding: 5px;
        width: 645px
    }

    #page-cityHome.Logged .cityLeftTwoThirdsBar div.avatarTeaserBox .body {
        width: 310px
    }

    #page-cityHome.Logged div.cityLeftTwoThirdsBar {
        width: 380px
    }

    #page-forum #pageThread div.message0 {
        background-color: #f3f6fb
    }

    #page-forum #pageThread div.message1 {
        background-color: #dfe8f8
    }

    #page-home #inviteFriendsLotterySnippet {
        display: block;
        margin-bottom: 10px
    }

    #page-home .SortContainer:first-of-type table {
        background: none
    }

    #page-home .SortContainer:first-of-type thead, .hide, div.breadCrumbs, #page-banner #snippetBar, #page-register #studypath2, #page-register #studypath3, #uniturmLogoPrint, #leftBar, #userToUserPath, #inviteFriendsLotterySnippet, #page-invite-friends #inviteFriendsSnippet, div.cardhide, .Toolbox .toolboxButton {
        display: none
    }

    #page-home div.myCourseSnippet div.userTeaserAvatar, div.myCourseSnippet div.userTeaserAvatar {
        margin-right: 0;
        width: 51px
    }

    #page-home div.userTeasersHorizontal div.userTeaserAvatar {
        width: 54px
    }

    #page-home-loggedOut #mainContent, #page-abi #mainContent, #page-Girokonto #mainContent, #page-Credit #mainContent, #page-Apotheke #mainContent, #page-home-mobile #mainContent, #page-studyguide #mainContent, #page-jobboard #mainContent, #page-studieren #mainContent, #page-studium #mainContent, #page-cityIndex #mainContent {
        float: none;
        max-width: 100%;
        padding: 0;
        width: 100%
    }

    #page-home-loggedOut div.avatarTeaserBox .body {
        float: left;
        margin: 0 0 10px 10px;
        width: 170px
    }

    #page-home-loggedOut div.newsItem div.body {
        margin-left: 5px;
        margin-right: 5px;
        min-height: 40px;
        width: calc(100% - 61px)
    }

    #page-invite-friends div.friendAdvantageBox.content {
        border-color: #c5c5c5;
        border-radius: 0 0 15px 15px;
        border-style: solid;
        border-width: 0 2px 2px;
        padding: 10px
    }

    #page-invite-friends div.friendForm {
        float: left;
        /*max-width: 360px;*/
        width: 100%
    }

    #page-invite-friends div.friendForm input.button {
        border-width: 0;
        float: right;
        margin: 10px 0 20px
    }

    #page-invite-friends div.friendForm textarea {
        border-color: #ccc;
        box-sizing: border-box;
        max-width: 300px;
        padding: 10px;
        width: 100%
    }

    #page-invite-friends div.friendForm textarea.emailsTextarea {
        max-height: 130px;
        max-width: 400px;
        min-height: 120px
    }

    #page-invite-friends div.friendInviteRaffle {
        height: 145px;
        margin-bottom: 15px;
        overflow: hidden;
        width: 300px
    }

    #page-invite-friends div.friendInviteRaffle img {
        display: block;
        height: 145px;
        width: 300px
    }

    #page-invite-friends div.rightBar {
        float: right;
        /*width: 300px*/
    }

    #page-invite-friends div.teaserText {
        color: #666;
        font-weight: 400;
        margin-bottom: .5em
    }

    #page-jobboard #mainContent {
        padding: 0
    }

    #page-partner .partner, div.article.articleRight, div.userLevelDescription label {
        margin-left: 10px
    }

    #page-partner div.partner div.body {
        float: left;
        margin-left: 20px;
        width: 400px
    }

    #page-register #snippetBar {
        display: none;
        width: 0
    }

    #page-subjects #mainContent .treecrumbsItem a:hover, #page-forum #mainContent .treecrumbsItem a:hover, .treecrumbsItem a:hover {
        border: 0 dotted #666;
        border-bottom-width: 1px;
        color: #ff7200
    }

    #page-subjects #mainContent .treecrumbsSubmenu .treecrumbsMenu ul li a, #page-forum #mainContent .treecrumbsSubmenu .treecrumbsMenu ul li a, .treecrumbsSubmenu .treecrumbsMenu ul li a {
        color: #000;
        display: block;
        padding: 7px 20px
    }

    #page-subjects #mainContent .treecrumbsSubmenu .treecrumbsMenu ul li a:hover, #page-forum #mainContent .treecrumbsSubmenu .treecrumbsMenu ul li a:hover, .treecrumbsSubmenu .treecrumbsMenu ul li a:hover {
        background-color: #FFF;
        border-color: #666;
        border-style: dotted;
        border-width: 1px 0;
        color: #ff7200;
        padding: 6px 20px
    }

    #page-subjects #pageThread div.message0 {
        background-color: #f8fcee
    }

    #page-subjects #pageThread div.message1 {
        background-color: #e4f0c4
    }

    #page-subjects .treecrumbsItem a, #page-forum .treecrumbsItem a, .treecrumbsItem a, .DownloadPageButtonArea > a {
        color: #000
    }

    #page-verpasste_praemien .descriptionList > li:not(:first-of-type), #page-praemien .descriptionList > li:not(:first-of-type) {
        margin-top: 45px
    }

    #page-verpasste_praemien .descriptionList, #page-praemien .descriptionList {
        color: #FA5300;
        display: inline-block;
        font-weight: bolder;
        width: 65%
    }

    #pageContainer {
        background-color: #fff;
        border: 1px solid #F2F2F2;
        min-height: 700px;
        position: relative
    }

    #pageFaq div.answer {
        margin-bottom: 2em;
        text-align: justify
    }

    #pageJobs ul {
        line-height: 2em
    }

    #pageNews, div.uniturmBanner, #page-AGB h2 {
        margin-top: 2em
    }

    #pagePress h2, #userFriendsContainer, div#articleCommentsContainer, #page-cityHome #mainContent div.cityNewsAds h2 {
        margin-top: 1em
    }

    #pageThread div.MessageHead {
        background-color: transparent;
        border: 0 dotted #ccc;
        border-bottom-width: 1px;
        font-weight: 400;
        height: 15px;
        margin: 0 0 5px;
        padding: 5px 0
    }

    #pageThread div.body {
        float: right;
        width: calc(100% - 90px)
    }

    #pageThread div.message {
        padding: 10px 5px
    }

    #pageThread div.message h5, #page-cityHome div.globalNewsItem h2 {
        background-color: transparent
    }

    #pageThread div.message0 {
        background-color: #fefcf0
    }

    #pageThread div.message1 {
        background-color: #fef1b5
    }

    #pageThread div.userQuickInfo div.userPoints, #pageThread div.userQuickInfo h3 {
        color: #666;
        font-weight: 400
    }

    #pageThread div.userQuickInfo div.userPoints, td.numberOnly {
        padding: 1em 0;
        text-align: center
    }

    #pageUserActivities h1 {
        margin-bottom: .5em;
        padding-bottom: .2em
    }

    #pageUserActivities h2, div.quickInfo {
        margin-top: 1.5em
    }

    #pageUserFriends div.user {
        clear: both;
        padding-bottom: 20px
    }

    #pageUserProfile div.leftColumn {
        float: left;
        margin: 0 20px 0 0;
        overflow: hidden;
        width: 200px
    }

    #pageUserProfile div.leftColumn img.userPic {
        display: block;
        margin-bottom: 1em
    }

    #pageUserProfile div.rightColumn {
        float: left;
        position: relative;
        width: 425px
    }

    #pn_directory {
        border: 1px solid orange;
        margin-top: 10px
    }

    #pn_directory div.friendContainer {
        background-color: #fef1b5;
        padding: 10px
    }

    #rankingBoxContainer .More {
        margin-right: 30px;
        text-align: right
    }

    #rankingBoxContainer .MyPoints {
        font-weight: bolder;
        line-height: 1.1em;
        position: absolute;
        word-break: break-word
    }

    #ratingsLink {
        display: list-item
    }

    #searchContainer {
        margin: 10px 0 25px
    }

    #searchContainer .Hint {
        font-weight: 700;
        margin: 15px 0 10px 40px
    }

    #searchContainer .SearchImage {
        float: left;
        margin-left: 40px;
        margin-right: 10px;
        margin-top: -6px
    }

    #searchContainer .SubmitButton {
        background: url(/../images/styles/uniturm/snippets/search-icon.png) no-repeat 6px;
        cursor: pointer;
        height: 27px;
        margin-left: 2px;
        width: 27px
    }

    #searchContainer .TableStyle > * {
        display: table-cell;
        vertical-align: middle
    }

    #searchContainer .submitButton {
        cursor: pointer;
        padding: 0;
        vertical-align: middle
    }

    #searchContainer input, div.articleSingle, #generalQuestions td, .selectize-dropdown.Taglist {
        padding: 5px
    }

    #searchContainer input.searchButton {
        margin-left: 10px;
        padding: 4px
    }

    #searchContainer label {
        color: #666;
        float: left;
        font-weight: 700;
        margin-bottom: 5px;
        margin-right: 5px;
        padding: 5px;
        text-align: right;
        width: 112px
    }

    #searchContainer ul.tabs li {
        margin: 10px 0 0 2px;
        padding: 0 8px
    }

    #searchform .TextButton {
        width: 388px
    }

    #service_js_cont {
        padding: 20px;
        text-align: left
    }

    #snippetBar {

    }

    #startpage-loggedout .LighthouseBox {
        background: url(/downloads/bilder/leuchtturm-im-studium.png) no-repeat left top;
        color: #333333;
        height: 135px;
        position: relative
    }

    #startpage-loggedout .LighthouseBox .Ships > div {
        background: url(/downloads/bilder/robbe-bullet.png) no-repeat;
        height: 50px;
        margin-left: 547px;
        margin-top: -48px;
        padding: 15px 0 0 45px;
        width: 200px
    }

    #startpage-loggedout .LighthouseBox .Ships > div:first-of-type {
        margin-left: 315px;
        margin-top: 8px
    }

    #startpage-loggedout .LighthouseBox .Ships > div:last-of-type {
        margin-left: 730px;
        margin-top: -135px
    }

    #startpage-loggedout .LighthouseBox > div > h1 {
        color: #333;
        padding-left: 290px;
        padding-top: 20px;
        text-align: left;
        text-transform: none
    }

    #startpage-loggedout .LighthouseBox a {
        color: #9A9A9A
    }

    #startpage-loggedout .documentPages {
        background-image: url(/downloads/bilder/unterlagen-seiten-und-blaetter.png);
        background-repeat: no-repeat;
        height: 150px
    }

    #startpage-loggedout .documentPages p {
        color: #333;
        padding-top: 1.4em;
        text-align: center;
        font-family: var(--ut-font-serif);
        font-weight: bold;
        font-size: 1.2rem;
    }

    #startpage-loggedout .eLearning > h2 {
        color: #333333;
        font-weight: 400;
        padding: 22px 0;
        text-align: center;
        text-transform: none
    }

    #startpage-loggedout .linkBig {
        margin: 10px 75px 0 0;
        text-align: right
    }

    #startpage-loggedout .network > div.Universities ul {
        display: inline-block;
        margin-left: 25px;
        vertical-align: text-top;
        width: calc(33% - 35px)
    }

    #startpage-loggedout .network h2 {
        color: #333333;
        float: left;
        font-weight: 400;
        padding: 30px 0 22px 90px
    }

    #startpage-loggedout .network img {
        margin-right: 80px
    }

    #startpage-loggedout .openEducation {
        /*background-image: url(/downloads/bilder/studierende-im-uniturm.png);*/
        /*background-repeat: no-repeat;*/
        /*height: 360px;*/
        /*padding: 25px 0 0 35px;*/
        /*background-position: center;*/
    }

    #startpage-loggedout .openEducation > div.searchBox input:first-child {
        width: 240px
    }

    #startpage-loggedout .logged-out-search h2 {
        color: white;
        margin: 0 55px 17px 0;
        text-transform: none
    }

    #startpage-loggedout .logged-out-search h3 {
        color: white;
        text-transform: none
    }

    #startpage-loggedout .prizeSystem {
        margin: 20px 0 10px
    }

    #startpage-loggedout .prizeSystem > div > h2 {
        color: #333333;
        text-transform: none
    }

    #startpage-loggedout .prizeSystem > div > p {
        color: #333333;
        line-height: 1.05em;
        margin: .8em 0
    }

    #startpage-loggedout .registerButton {
        background-color: #b0e613;
        color: #000;
        cursor: pointer;
        display: table-cell;
        font-weight: 700;
        height: 35px;
        margin: 11px 0 0 75px;
        text-align: center;
        vertical-align: middle;
        width: 120px
    }

    #startpage-loggedout .threeColumn {
        margin-left: 20px;
        width: 295px
    }

    #startpage-loggedout .threeColumnLast {
        margin-left: 20px;
        width: 100px
    }

    #startpage-loggedout .userAvatars > div > h2 {
        color: #333333;
        padding-top: 20px;
        text-align: center;
        text-transform: none
    }

    #startpage-loggedout .userAvatarsBox .Avatar {
        margin-left: 50px;
        margin-top: 20px
    }

    #startpage-loggedout .userAvatarsBox .Avatar .avatarTeaserBox {
        clear: none;
        float: left;
        width: 180px
    }

    #startpage-loggedout .userAvatarsBox .Avatar .avatarTeaserBox .body {
        width: 110px
    }

    #startpage-loggedout .userAvatarsBox, .TagCloud .SearchForm {
        margin-bottom: 20px;
        margin-top: 20px
    }

    #startpage-loggedout.contentStartMobile {
        margin: -10px 0 0 -5px;
        width: 825px
    }

    #subjectForm input.button {
        color: #666;
        display: inline;
        font-weight: 700
    }

    #tour_js_cont {
        padding-top: 30px;
        text-align: center
    }

    #uniturmLogo {
        display: block;
        left: 0;
        position: absolute;
        z-index: 9
    }

    #uniturmRay {
        background: url(/images/styles/uniturm/lighttower-ray.png) no-repeat 0 -14px;
        display: block;
        height: 83px;
        left: 42px;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 300px;
        z-index: 8
    }

    #userChartsContainer {
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        -webkit-user-select: none
    }

    #wideSkyscraper, #wideSkyscraperWallpaper {
        left: 100%;
        position: absolute;
        top: 0
    }

    .AFLeft, .Partner > div, img.actionButton, div.avatarTeaserBox h3.Group div:first-of-type, div.newsItem .avatar, #pageThread div.MessageHead .User, #pageThread div.userQuickInfo, #pageUserFriends .avatar, div.quickInfo .comments, .rankingTable div.myAvatar, .left_arrow, #page-cityHome div.avatarTeaserBox .avatar, #page-home-loggedOut div.avatarTeaserBox .avatar, .landingpage .avatarTeaserBox .avatar, #startpage-loggedout .left {
        float: left
    }

    .ALeft, div.ParentQuickInfo, #searchResultsContainer .Pagination {
        text-align: left
    }

    .ARight, div.readOn {
        text-align: right
    }

    .BlockText {
        float: left;
        line-height: 1.5;
        width: 440px
    }

    .Border {
        border: 0 dotted #CCC;
        border-bottom-width: 1px
    }

    .ButtonLogout {
        background-color: #9A9A9A;
        color: #fff;
        border-radius: 10px;
        padding: 2px;
        font-size: 0.8rem;
    }

    .ButtonShadow {
        border-color: #4D4D4D;
        border-style: solid;
        border-width: 0 1px 1px 0
    }

    .ButtonUpload {
        background-color: #b0e613;
        color: #000;
        border-radius: 10px;
        padding: 2px;
        font-size: 0.8rem;
    }

    .ButtonsBigColor {
        background-color: #b0e613;
        color: #000;
        cursor: pointer;
        display: table-cell;
        height: 45px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        width: 200px
    }

    .ButtonsBigColorFitting {
        background-color: #b0e613;
        border-width: 0;
        color: #000;
        cursor: pointer;
        display: table-cell;
        height: 45px;
        padding: 0 15px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle
    }

    .ButtonsFitting {
        background-color: #9A9A9A;
        border-width: 0;
        color: #fff;
        cursor: pointer;
        display: table-cell;
        font-weight: 700;
        height: 20px;
        padding: 0 5px;
        text-align: center;
        vertical-align: middle
    }

    .ButtonsGreen {
        background-color: #b0e613;
        color: #293508;
        cursor: pointer;
        display: table-cell;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        width: 70px;
        padding: 0px 4px 0px 4px;
        border-radius: 10px;
        padding: 5px;
        font-size: 0.8rem;
    }

    .ButtonRight {
        float: right;
    }

    .ButtonsGrey {
        background-color: #9a9a9a;
        color: #fff;
        cursor: pointer;
        display: table-cell;
        font-weight: 400;
        padding: .25rem;
        line-height: 1rem;
        text-align: center;
        vertical-align: middle;
        border-radius: 10px;
        padding: 10px;
    }

    .ButtonTwoLine img {
        margin-top: 1ex
    }

    .ButtonsGrey img {
        float: left;
        margin-right: .25rem;
        width: 16px;
    }

    .ButtonsLarge {
        background-color: #9A9A9A;
        border-width: 0;
        color: #fff;
        cursor: pointer;
        display: table-cell;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        width: auto !important;
        height: auto;
        padding: .75rem 2rem;
        font-size: .875rem;
        text-transform: uppercase;
        border-radius: var(--ut-border-radius-lg);
        transition: all .3s ease;
    }

    .ButtonsMiddle {
        width: auto;
        height: auto;
        padding: .5rem 1.5rem;
        font-size: .875rem;
        text-transform: uppercase;
        border-radius: var(--ut-border-radius-lg);
        transition: all .3s ease;
    }

    .ButtonsSmall {
        background-color: #9A9A9A;
        border-width: 0;
        color: #fff;
        cursor: pointer;
        display: table-cell;
        font-weight: 700;
        height: 20px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        width: 60px
    }

    .ButtonsSmallColor {
        background-color: #b0e613;
        border-width: 0;
        color: #000;
        cursor: pointer;
        display: table-cell;
        font-weight: 700;
        height: 20px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        width: 60px
    }

    .ButtonsUserStatus {
        border-width: 0;
        cursor: pointer;
        display: table-cell;
        font-weight: 700;
        height: 20px;
        text-align: center;
        vertical-align: middle;
        width: 60px
    }

    .CityText {
        color: #c2c2c2;
        font-weight: 400;
        /*text-transform: uppercase;*/
        font-size: 12px;
        /*line-height: 20px;*/
        /*word-break: break-all*/
    }

    .ContentAdvice {
        border-bottom: 1px solid lightgray;
        margin: 10px 8px;
        padding: 10px 0
    }

    .DlBanner {
        max-height: 150px;
        max-width: 180px;
        text-align: center
    }

    .Able {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .DlButton .Able a {
        color: #ff7200;
        font-weight: bold;
    }

    .DlButton .Text {
        margin: 5px;
        text-align: left;
        word-break: normal
    }

    .DlButton .Unable a {
        font-weight: bold
    }

    .DlButton .Unable span {
        color: grey;
        vertical-align: middle
    }

    .DlButton .UnableText {
        color: grey;
        margin: 20px 20px 0 15px;
        text-align: left
    }

    .DlButton p {
        padding: 3px
    }

    .DlButton, .SocialBox, #startpage-loggedout .LighthouseBox h1 {
        text-align: center
    }

    .DownloadPageAd, .DownloadPageContent {
        display: inline-block;
        width: 50%
    }

    .DownloadPageButtonArea {
        margin-top: 95px;
        text-align: center
    }

    .FRight, div.avatarTeaserBox h3.Group div:last-of-type, #pageThread div.MessageHead .creationDate, div.userStatus {
        float: right
    }

    .FbColumn {
        vertical-align: middle;
        width: 30%
    }

    .H1, #page-cityHome .cityFurtherInfoArea h2.H1.Special {
        border: 0 dotted #666666;
        border-bottom-width: 1px;
        color: #666666;
        font-weight: 400;
        margin: 0 0 10px;
        padding: 0 0 10px;
        text-transform: none
    }

    .H2 {
        color: #666;
        font-weight: 700
    }

    .H3 {
        border: 0 solid #ccc;
        border-bottom-width: 1px;
        color: #000;
        font-weight: 700;
        margin: 0;
        margin-bottom: 5px;
        padding: 0;
        padding-bottom: 3px;
        text-align: center;
        text-align: center;
        text-transform: none;
        text-transform: none
    }

    .H5 {
        color: gray;
        font-weight: 700;
        margin-bottom: 5px;
        text-transform: uppercase
    }

    .HeaderRight {
        float: right;
        height: 100%;
        margin-right: 7px;
        margin-top: 6px;
        width: 380px
    }

    @media (max-width: 520px) {
        .FlexWrap .LabelGroup {
            flex-direction: column;
            box-sizing: border-box;
        }

        .FlexWrap .LabelGroup input, .LabelGroup select {
            width: 100% !important;
            margin-left: 0 !important;
            box-sizing: border-box;
        }

        .FlexWrap .LabelGroup label {
            box-sizing: border-box;
            width: auto !important;
        }
    }

    @media (max-width: 414px) {
        .FlexWrapLate .LabelGroup {
            flex-direction: column;
            box-sizing: border-box;
        }

        .FlexWrapLate .LabelGroup input, .LabelGroup select {
            width: 100% !important;
            margin-left: 0 !important;
            margin-bottom: .5rem;
            max-width: none !important;
            box-sizing: border-box;
        }

        .FlexWrapLate .LabelGroup label {
            box-sizing: border-box;
            width: auto !important;
        }
    }


    .LabelGroup {
        margin-bottom: 0.75rem;
        display: flex;
        justify-content: space-between;
    }

    .LabelGroup select {
        display: flex;
        flex-grow: 1;
        padding: 0.25rem;
        width: calc(100% - 130px);
    }


    .LabelGroup label {
        text-align: right;
        flex-shrink: 1;
        display: flex;
        min-width: 130px;
        align-items: center;
    }

    .LabelGroup.CreateSubject input {
        padding: .5rem;
        margin-left: 0;
        flex-grow: 1;
        max-width: calc(100% - 130px - 2.5rem);
    }

    .LabelGroup:last-of-type, div.userTeaser h2 {
        margin-bottom: 0
    }

    .AdvancedSearchForm {
        padding-top: .5rem;
    }

    .SaveAdvancedSearchSettings {
        margin-right: .5rem;
    }

    .LeftToSlide2 {
        display: inline-block;
        vertical-align: top;
        width: 80%
    }

    .LeftToSlide2 .container {
        width: 66%
    }

    .LeftToSlide2 .myAvatar {
        width: 30%
    }

    .LeftToSlide2 > div {
        display: inline-block;
        vertical-align: middle
    }


    .LoginBox .first {
        font-weight: bold;
        padding: 10px
    }

    .LoginBox .second {
        background-color: lightgrey;
        border-top: 1px black solid;
        font-weight: bold;
        padding: 15px 20px 25px 25px
    }

    .LoginBox .submit {
        background-color: #4B9800;
        border: 0;
        border-radius: 5px 5px 5px 5px;
        color: rgb(255, 255, 255);
        cursor: pointer;
        font-weight: bold;
        height: 45px;
        margin-top: 20px;
        padding: 5px;
        text-transform: uppercase;
        width: 270px
    }

    .LoginBox h2 {
        color: #4B9800;
        margin: 10px;
        padding-bottom: 5px;
        text-transform: uppercase
    }

    .LoginBox input[type="text"], .LoginBox input[type="password"] {
        height: 30px;
        padding: 5px 10px;
        width: 280px !important
    }

    .LoginBox p {
        line-height: 1.35em;
        padding-bottom: 10px
    }

    .MessageForm .LabelGroup input, .MessageForm .LabelGroup select, div.loginBox input.checkbox, input.noFormat, input.button {
        width: auto
    }

    .NoFloat .signup, .NoFloat .signout, #pageThread div.userQuickInfo div.avatar, #page-home-loggedOut #mainContent, .TagCloud .documentsTagCloud label {
        float: none
    }

    .Page-Img {
        position: absolute;
        right: 20px;
        top: 45px;
        z-index: 1000
    }

    .Pagination {
        margin: .5em 0;
        position: relative;
        text-align: left;
        width: 100%
    }

    .Pagination a {
        background-color: #FFF;
        color: #4c9900;
        line-height: 30px;
        text-decoration: none
    }

    .Pagination a:hover {
        color: #ffb43f
    }

    .Pagination span {
        background-color: #9a9a9a;
        /*border: 1px solid #000;*/
        line-height: 30px;
        margin-right: 5px;
        padding: 5px 10px
    }

    .Pagination.Small a, .Pagination.Small span {
        margin-right: 2px;
        padding: 2px 3px
    }

    .Pagination.Squared a {
        background-color: #F2F2F2;
        color: #4c9900;
        line-height: 30px;
        margin-right: 2px;
        padding: 2px 3px;
        text-decoration: none
    }

    .Pagination.Squared.Big a {
        margin-right: 5px;
        padding: 5px 7px
    }

    .PaginationContainer {
        background-color: #fffae3;
        display: block;
        text-align: right
    }

    .PlottTooltip {
        background-color: white;
        border: 1px solid lightgrey;
        min-height: 50px;
        opacity: .8;
        padding: 10px;
        width: 100%
    }

    .RateFileBox {
        margin-top: 2em;
        text-align: center
    }

    .RateFileBox .RateText, .blink.active {
        color: grey
    }

    .SocialBox #FbSend {
        float: left;
        margin-top: 5px
    }

    .SocialBox #FbShare {
        cursor: pointer;
        float: left;
        margin-top: 5px
    }

    .SocialBox .AddThis {
        float: left;
        margin-left: 5px;
        margin-top: 5px
    }

    .SocialBox .Facebook {
        display: inline-block;
        margin-left: auto;
        margin-right: auto
    }

    .SocialBox .FbText, ol li {
        margin-bottom: 5px
    }

    .SubjectsMore {
        display: none;
        margin-left: 10px;
        margin-top: 20px
    }

    .SubjectsMore .LinkItem {
        float: left;
        line-height: 1.5;
        width: 230px
    }

    .SubjectsMore a {
        color: #4c9900
    }

    .SubjectsMoreHandle {
        color: #4c9900;
        cursor: pointer
    }

    .TagCloud .SearchForm img {
        display: table-cell;
        float: left;
        margin: 0 auto 0 10px;
        vertical-align: middle
    }

    .TagCloud .documentsTagCloud {
        line-height: normal;
        font-size: .875rem;
    }

    .TagCloud input {
        float: left;
        height: 22px;
        padding-left: 5px;
        width: 330px
    }

    .TagCloud label {
        display: block;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        text-align: right;
        width: 100px
    }

    .TagCloud select {
        width: 337px
    }

    .Toolbox div.newsItem div.body {
        min-height: 50px
    }

    .TopTeaserText {
        margin-left: auto;
        margin-right: auto;
        margin-top: -1em;
        width: calc(100% - 100px - 65px - 17px - 50px)
    }

    .advisorButton {
        left: 0;
        position: absolute;
        top: 0;
        z-index: 1001
    }

    .articleText table {
        word-break: break-word
    }

    .assistent_button_left {
        background: url(/images/icons/assistent_button.png) no-repeat;
        color: #fff;
        display: block;
        float: left;
        font-weight: 700;
        height: 31px;
        line-height: 31px;
        margin: 20px;
        text-align: center;
        width: 150px
    }

    .assistent_button_right {
        background: url(/images/icons/assistent_button.png) no-repeat;
        color: #fff;
        display: block;
        float: right;
        font-weight: 700;
        height: 31px;
        line-height: 31px;
        margin: 20px 20px 0;
        text-align: center;
        width: 150px
    }

    .body {
        word-break: normal
    }

    .breakEarly .boxFunctionsMeta .fuckIt {
        max-width: 70%
    }

    .breakEarly > div:first-of-type {
        min-height: 405px
    }

    .clear::after {
        clear: both;
        content: "";
        display: table
    }

    .close_bar {
        float: right;
        left: -10px;
        position: relative;
        top: 10px
    }

    .cooperationsIcons {
        float: left;
        padding: 60px 0 0 20px;
        text-align: left;
        width: 400px
    }

    .cooperationsIcons > img {
        margin-left: 25px
    }

    .cooperationsPartnerImages {
        float: left;
        width: 535px
    }

    .dark {
        background-image: url(/images/styles/uniturm/tables/border-marker-dark-background.png)
    }

    .documentsIndexTable {
        display: inline-block;
        width: 100%
    }

    .documentsIndexTable .documentTitle {
        font-weight: 700;
        margin: 0 !important;
        padding: 0 !important
    }

    .documentsIndexTable .rank {
        color: #ccc;
        text-align: center;
        vertical-align: middle;
        width: 40px;
        font-size: 2rem;
    }

    .documentsIndexTable .subjectName, div.newsItem div.body h2 div.newsDateLocation, .magazineCategoryTitle a {
        color: #666
    }

    .documentsIndexTable .void {
        background-color: white;
        margin: 0;
        padding: 0;
        width: 10px
    }

    /* --- */


    /* Fixing article headlines, revert this for here */
    .articleText h2 + br {

    }

    beacon + br + br {
        display: none;
    }

    beacon {
        display: none;
    }

    br + beacon + br {
        display: none;
    }

    section.vc.unreleased {
        position: relative;
        border: 1px solid red;
    }

    section.vc.not-yet-released {
        position: relative;
        border: 1px solid #b8860b;
    }

    section.vc {
        position: relative;
    }

    section.vc header {
        margin-bottom: .75em !important;
    }

    section.vc header h4 {
        font-weight: bold;
    }

    section.vc time {
        margin-top: .25rem;
        display: block;
    }

    section.vc a {
        margin-top: .5rem;
        display: block;
    }

    /* ---*/

    a.admin_voucher_link {
        position: absolute;
        top: -1rem;
        right: 0;
        text-decoration: none !important;
        font-size: 2rem;
        height: 1rem;
    }

    .documentsIndexTable .whiteBackground th {
        background-color: white
    }

    .documentsIndexTable table {
        border-collapse: collapse;
        width: 100%;
        word-break: break-all
    }

    .documentsIndexTable tbody tr {
        height: 65px
    }

    .documentsIndexTable td.documentRank {
        color: #ccc;
        text-align: center;
        vertical-align: middle;
        width: 30px
    }

    .documentsIndexTable td.totalDownloads {
        text-align: center;
        width: 65px
    }

    .documentsIndexTable td.uploadDate {
        color: #666;
        text-align: right;
        width: 100px
    }

    .documentsIndexTable th {
        background: #f2f2f2;
        padding: 5px 10px
    }

    .documentsIndexTable tr.alt {
        background: #f2f2f2
    }

    .erase, #Slide2 .navButton {
        display: none;
        visibility: hidden
    }

    .fb_iframe_widget iframe {
        z-index: 50
    }

    .finderImg {
        margin-bottom: 25px
    }

    .forumUserContainer {
        margin: 0 5px
    }

    .forumUserContainerTitle {
        border-bottom: 1px dotted #666;
        color: #666;
        margin-bottom: 3px
    }

    .forum_ad {
        margin-left: -6px;
        width: 643px
    }

    .hr, hr {
        border: 0 dotted #ffbf50;
        border-top-width: 1px;
        clear: both;
        margin: 10px 10px 10px 0
    }

    .inlineBanner {
        bottom: -25px;
        position: absolute;
        right: 0
    }

    .jqplot-highlighter-tooltip {
        background: transparent !important;
        border: none !important;
        padding: 0 !important
    }

    .landingpage .avatarTeaserBox .body {
        float: left;
        margin-left: 10px;
        width: 165px
    }

    .landingpage div.news h2, .landingpage div.activities h2, .landingpage div.partnerOffers h2 {
        margin-bottom: 5px;
        padding-bottom: 5px
    }

    .landingpage div.newsItem div.body {
        float: right;
        min-height: 110px;
        width: 430px
    }

    .loading {
        background: url(/images/styles/uniturm/loading3.gif) no-repeat !important;
        height: 32px;
        padding: 20px;
        width: 32px
    }

    .loadingSelect {
        background: url(/images/styles/uniturm/loading-select.gif) no-repeat center !important
    }

    .loadingSignUp {
        background: url(/images/styles/uniturm/loading-sign-up.gif) no-repeat center !important;
        height: 11px;
        width: 43px
    }

    .loadingUserConfig {
        background: url(/images/styles/uniturm/loading-user-config.gif) no-repeat center !important;
        padding: 0 5px
    }

    .loginButton.Facebook {
        background-color: #3a5093
    }

    .magazineCategorySmall {
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase
    }

    .magazineCategoryTeaser {
        color: #666;
        margin: 5px 0
    }

    .magazineCategoryTitle {
        clear: both;
        color: #666;
        font-weight: 700;
        margin-bottom: 1em;
        text-align: left;
        text-transform: uppercase
    }

    .messageInnerContent {
        min-height: 45px
    }

    .messageInnerContent code, .messageInnerContent .quote {
        background-color: orange
    }

    .messageInnerContent img {
        max-width: 550px
    }

    .messageRating {
        color: #4c9900;
        float: right
    }

    .nosort {
        cursor: default
    }

    .openEducation * {
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -webkit-user-drag: none;
        user-drag: none
    }

    .overtop {
        margin-left: -20px;
        margin-top: -1px;
        position: absolute
    }

    .pointsSpent {
        min-width: 60px
    }

    .ratingButton, #page-cityHome #mainContent h1.welcomeToCity img, .JumpLast {
        vertical-align: middle
    }

    .saveButton {
        background-color: #9a9a9a;
        color: #FFF;
        cursor: pointer;
        font-weight: 700;
        height: 23px;
        line-height: 14px;
        margin-right: 10px
    }

    .scroll-table-body {
        height: 400px;
        width: 800px
    }

    .scroll-table-head {
        width: 800px
    }

    .selectize-input {
        padding: 5px !important
    }

    .signup, .signout {
        /*background-repeat: no-repeat;*/
        cursor: pointer;
        display: inline-block;
        float: right;
        /*height: 18px;*/
        width: 75px;
        background:#9a9a9a;
        padding:3px;
        border-radius: 8px;
        position: relative;
        z-index:1;
    }

    .signout:before, .signup:before {
        content:"";
        background-size:15px 15px;
        background-repeat: no-repeat;
        display:inline-block;
        width:15px;
        height:15px;
        margin-left:3px;
        margin-right: 3px;
        position: relative;
        top: 2px;
    }

    .signout:after, .signup:after {
        width:30px;
        height:15px;
        color:#fff;
        font-size:0.8rem;
        position: relative;
        display: inline-block;
        hyphens: none;
        word-break: keep-all;
        /*top: -1px;*/
    }

    .signup > span, .signout > span {
        position:absolute;
        z-index:2;
        top: 0;
        left: 0;
    }

    .signout{
        /*background-image: url(/images/styles/uniturm/buttons/austragen.png);*/
    }

    .signout:before {
        background-image:url('/downloads/bilder/icon-close.svg');
        filter: brightness(0) saturate(100%) invert(77%) sepia(49%) saturate(7382%) hue-rotate(9deg) brightness(103%) contrast(103%); /*for svg color -> use a css color to filter generator */
    }

    .signout:after {
        content:'lösen';
    }

    .signup {
        /*background-image: url(/images/styles/uniturm/buttons/eintragen.png);*/
    }

    .signup:before {
        background-image:url('/downloads/bilder/icon-pin.svg');
        filter: brightness(0) saturate(100%) invert(71%) sepia(81%) saturate(5729%) hue-rotate(59deg) brightness(92%) contrast(102%); /*for svg color -> use a css color to filter generator */
        transform: rotate(40deg);
    }

    .signup:after {
        content:'pinnen';
        left: -5px;
    }

    .sortcol {
        background: no-repeat right center;
        cursor: pointer;
        padding-right: 20px
    }

    .stepstonelinks li {
        display: inline-block;
        margin: 0 auto
    }

    .stickerNew {
        background: url(/images/finder/neu.png) no-repeat left top
    }

    .subjectQuickButtons {
        margin-top: 5px
    }

    .successMessage {
        border: 1px solid orange;
        font-weight: 700;
        margin: 10px 0;
        padding: 10px
    }

    .tableBankAccounts {
        word-break: break-all
    }

    .tagAutocomplete {
        background: #fff;
        border: 1px solid #888;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 250px;
        z-index: 15000
    }

    .tagAutocomplete ul li {
        cursor: pointer;
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 2px
    }

    .tagbox {
        display: inline-block;
        height: 2em;
        margin-left: 5px;
        width: calc(100% - 190px)
    }

    .ui-autocomplete {
        background-color: lightgoldenrodyellow;
        border: 1px solid black;
        padding: 0 5px;
        text-align: left;
        width: 340px
    }

    .ui-autocomplete li:hover, .ui-autocomplete .ui-state-focus {
        background-color: lightgrey;
        border: 1px solid grey
    }

    .unidealArticleTeaser, .unidealArticleReadMore {
        margin: 5px 0 0
    }

    .upperletter, .TagCloud h3 {
        text-transform: uppercase
    }

    .white_content {
        background-color: #fff;
        border: 4px solid #525252;
        display: none;
        height: 80%;
        left: 10%;
        overflow: auto;
        padding: 0;
        position: absolute;
        top: 10%;
        width: 80%;
        z-index: 1002
    }

    .white_content_tour {
        background-color: #fff;
        border: 4px solid #525252;
        display: none;
        height: 550px;
        left: 10%;
        overflow: auto;
        padding: 0;
        position: absolute;
        top: 20px;
        width: 80%;
        z-index: 1020
    }

    LeftToSlide2 .Image img {
        max-width: 350px
    }

    a, .link {
        color: #4B9800;
        text-decoration: none
    }

    body {
        background-color: #f2f2f2;

        line-height: 1.2em;
        margin: 0;
        padding: 0;
        text-align: center
    }

    div.ArticleCategory:first-of-type, .Pagination.Small {
        margin: 0
    }

    div.Hr {
        border-top: 1px solid #ccc;
        margin-top: 10px
    }

    div.MessageForm .Elements input, div.MessageForm .Elements select, div.MessageForm div.richTextarea textarea {
        display: inline-block;
        margin-left: 0;
        width: calc(100% - 130px)
    }

    div.MessageForm .LabelGroup label {
        margin-right: 10px;
        max-width: 100px
    }

    div.MessageForm div.richTextarea textarea {
        height: 130px;
        margin-bottom: 5px
    }

    div.MessageForm ul li {
        cursor: pointer;
        float: left
    }

    /*div.MessageForm ul li img {*/
    /*    margin-left: 8px;*/
    /*    margin-top: 8px;*/
    /*}*/

    div.MessageForm ul.styleButtons li {
        color: #000;
        font-weight: 700;
        height: 12px;
        margin-right: 3px;
        padding: 3px
    }

    div.ParentQuickInfo.Special {
        width: 50%
    }

    div.SearchButton {
        padding: 15px 0 0 10px
    }

    div.activities {
        float: right;
        margin-right: 10px;
        width: 240px
    }

    div.article {
        background-color: #F2F2F2;
        border: 1px solid #fff;
        display: inline-block;
        margin-bottom: 25px;
        max-width: 220px;
        overflow: hidden;
        padding: 0 5px;
        text-align: left;
        vertical-align: top
    }

    div.article .teaser {
        height: 125px;
        overflow: hidden
    }

    div.article h2.headline {
        height: 55px;
        line-height: 1.1em;
        margin: 15px 0
    }

    div.articleDetail {
        background-color: #fff
    }

    div.articleDetail .articleText a, .SingleNews .Message a {
        text-decoration: underline
    }

    div.articleDetail div.articleTeaser, .pollQuestion, div.myCourseSnippet div.user h4, tr.unread td.subject h2 a, .advisorContent .teaser, #finder_result, #finder_help {
        font-weight: 700
    }

    div.articleDetail div.articleText, .SingleNews .body {
        line-height: 170%;
        margin-top: .6em
    }

    div.articleDetail div.googleAds {
        float: right;
        margin: 0 0 20px 20px;
        position: relative
    }

    div.articleDetail img.teaserPhoto {
        float: right;
        margin: 0 0 20px 20px
    }

    div.articleDetail, div.articleOverview {
        float: right;
        width: calc(100% - 150px)
    }

    div.articleOverview {
        margin-top: 1ex;
        text-align: center
    }

    div.avatar {
        height: 106px;
        overflow: hidden;
        position: relative;
        width: 106px
    }

    div.avatar .AvatarOverlay .Ask, div.avatar .AvatarOverlay .Do {
        display: none;
        font-weight: normal;
        margin-left: 7px;
        margin-top: 7px;
        position: absolute;
        z-index: 51
    }

    div.avatar .AvatarOverlay .Ask, div.avatar .AvatarOverlay .Do a {
        color: yellow
    }

    div.avatar div.avatarImage {
        height: 100px;
        overflow: hidden;
        position: absolute;
        text-align: center;
        top: 1px;
        width: 100px;
        z-index: 10
    }

    div.avatarBig {
        height: 106px;
        left: 0;
        width: 106px
    }

    div.avatarBig div.avatarImage {
        border-color: #4D4D4D;
        border-style: solid;
        border-width: 0 1px 1px 0;
        height: 100px;
        width: 100px
    }

    div.avatarBigger {
        height: 230px;
        left: 0;
        width: 200px
    }

    div.avatarBigger div.avatarImage {
        height: 230px;
        left: 0;
        width: 200px
    }

    div.avatarSmall {
        height: 51px;
        width: 51px
    }

    div.avatarSmall div.avatarImage {
        border-color: #4D4D4D;
        border-style: solid;
        border-width: 0 1px 1px 0;
        height: 45px;
        width: 45px
    }

    div.avatarTeaserBox div.body div.furtherInfo2 {
        color: rgb(153, 153, 153)
    }

    div.avatarTeaserBox h2 span {
        float: right;
        line-height: 15pt
    }

    div.avatarTeaserBox h3 {
        color: #666;
        font-weight: 700;
        line-height: 20px;
        margin: 0 0 8px
    }

    div.banner {
        border: 0 solid #ccc;
        border-bottom-width: 1px;
        color: #666;
        margin: 0 0 10px;
        padding: 0 0 10px
    }

    div.banner div.bannerImage img {
        border: 1px solid #000;
        display: block
    }

    div.birthdayReminder div.body {
        line-height: 40px
    }

    div.birthdayReminder div.body, div.friendInvitation div.body {
        margin: 0 0 0 60px;
        padding: 0 0 10px
    }

    div.birthdayReminder, div.message, div.user, div.friendInvitation {
        clear: both;
        position: relative
    }

    div.boxFunctionsDisplay {
        background-color: white;
        bottom: 0;
        height: 100%;
        left: 0;
        padding: 10px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000
    }

    div.boxFunctionsMenu {
        width: 300px;
        background-color: #F2F2F2;
        box-sizing: border-box;
        float: right;
        padding: 12px 5px 5px;
    }

    div.boxFunctionsMenu ul li {
        list-style: circle;
    }

    div.boxFunctionsMenu ul, ul.boxFunctionsMenu {
        margin-left: 1rem;
    }

    div.boxFunctionsMeta {
        box-sizing: border-box;
        float: left;
        position: relative;
        width: calc(100% - 300px - 1rem);
    }

    div.card {
        border: 1px solid #000;
        margin-bottom: 30px;
        overflow: hidden
    }

    div.cardtitel, #Slide .red {
        color: red
    }

    div.cityFurtherInfoArea {
        margin-top: 0
    }

    div.cityLatestDocument a, div.cityFavoriteDocuments a, div.cityLatestSubject a, div.cityTopSubjects a, div.cityUniversities a, #page-cityHome div.cityFurtherInfoArea a {
        color: rgb(76, 153, 0)
    }

    div.currentUserLevel {
        background-color: #fff678;
        padding: 2px
    }

    div.desc {
        border: 1px solid grey;
        padding: 5px;
        text-align: justify
    }

    div.error {
        border: 2px solid #c00;
        color: #c00;
        font-weight: 700;
        padding: 5px
    }

    div.facebook {
        padding: 0;
        width: 170px
    }

    div.foldSeperator {
        background: url(../images/styles/uniturm/pages/home/foldline.png) no-repeat 0 40%;
        clear: both;
        height: 7px;
        margin-left: 10px;
        padding: 25px 0 20px;
        width: 780px
    }

    div.followSnippet img {
        float: left;
        height: 20px;
        margin-left: 2px;
        margin-right: 10px;
        width: 20px
    }

    div.followSnippet p {
        float: right;
        margin-right: 3px
    }

    div.friend {
        float: left;
        margin-bottom: 10px;
        margin-left: 3px;
        width: 155px
    }

    div.friendActions li, div.subjects li, div.postings li {
        background: no-repeat 0 5px;
        padding: 5px 0 5px 25px
    }

    div.friendActions li.birthday {
        background-image: url(/images/icons/birthday.png)
    }

    div.friendActions li.downloadFile, td.upload {
        background-image: url(/images/icons/new/herunterladen.svg);
        background-size: 16px;
        word-break: break-word;
    }

    div.friendActions li.inviteFriend {
        background-image: url(/images/icons/join-group.png)
    }

    div.friendActions li.joinedSubject {
        background-image: url(/images/icons/new/modul-anlegen.svg);
        background-size: 16px;
    }

    div.friendActions li.newFriend, div.friendActions li.deleteFriend {
        background-image: url(/images/icons/friends.png)
    }

    div.friendActions li.openedDoor {
        background-image: url(/images/icons/golden_star.png)
    }

    div.friendActions li.postedSubjectMessage, div.postings li, td.posting {
        background-image: url(/images/icons/new/forum.svg);
        background-size: 16px;
    }

    div.friendActions li.profileEdit {
        background-image: url(/images/icons/edit-profile.png)
    }

    div.friendActions li.uploadFile {
        background-image: url(/images/icons/new/datei-hochladen.svg);
        background-size: 16px;
    }

    div.friendActions ul, div.subjects ul, div.postings ul, span.autocomplete ul, .tagAutocomplete ul {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    div.friendContainer div.friend {
        display: inline;
        float: left;
        margin-top: 1em;
        position: relative;
        width: 80px
    }

    div.friendInvitation div.body, #pageUserActivities, div.uniturmIntroGuest, div.uniturmIntroUser, #pagePress, #pageContact, #pageJobs, #pageFaq {
        line-height: 1.5em
    }

    div.friendInvitation, div.birthdayReminder {
        margin: 0 0 10px
    }

    div.furtherNews div.avatar {
        margin-top: 20px;
        z-index: 10
    }

    div.furtherNews div.body {
        z-index: 5
    }

    div.furtherNews div.body h3 a {
        color: #000;
        display: block;
        font-weight: 400;
        left: -20px;
        padding: 5px 5px 5px 20px;
        position: relative
    }

    div.furtherNews div.body h3.active a {
        background-color: #ffbf50;
        color: #FFF
    }

    div.hr, hr {
        border: 0 solid lightgrey;
        border-top-width: 1px;
        clear: both;
        margin: 10px 10px 10px 0
    }

    div.inviteFriendSnippet input.inviteFriendInput {
        display: block;
        margin-bottom: 10px;
        padding: 5px
    }

    div.lastUserActivity {
        background-color: #EAEAEA;
        line-height: 1.5em;
        margin: 1em 0 0;
        padding: 5px
    }

    div.line {
        border-bottom: solid #D3D3D3 2px;
        line-height: 1px;
        margin-bottom: 20px;
        margin-top: 20px
    }

    div.loginArea div.loginInput {
        float: left;
        margin-right: 10px;
        overflow: hidden;
        text-align: right;
        width: 152px
    }

    div.loginBox h5 {
        color: gray;
        font-weight: 400;
        margin-top: .5em;
        text-transform: uppercase
    }

    div.loginBox input {
        width: 95px
    }

    div.magazinAd2 {
        clear: both;
        margin: 20px 0;
        padding: 10px;
        text-align: center
    }

    div.magazinAd2 div {
        width: 100% !important
    }

    div.magazineAd {
        margin-bottom: 15px;
        margin-left: 87px
    }

    div.magazineAdSnippet h2, #lastdownload h2, #snippetFellowStudents h3, div.myCourseSnippet h2, div.inviteFriendContent h3 {
        margin-bottom: 5px;
        padding-bottom: 3px;
        text-align: center;
        text-transform: none
    }

    div.magazineAdSnippet img, div.inviteFriendSnippet img {
        float: right;
        margin: 5px 10px 5px 2px
    }

    div.message div.body h5 {
        border: 0 dotted #ccc;
        border-bottom-width: 1px;
        font-weight: 400;
        margin: 0 0 5px;
        padding: 5px
    }

    div.message div.code h4 {
        color: #666;
        font-weight: 400;
        margin: 5px 0 -10px 5px;
        padding: 0;
        text-decoration: none
    }

    div.message div.code pre {
        background-color: #FFF;
        margin: 0;
        overflow: auto;
        padding: 5px
    }

    div.message div.quote div.quote {
        border-color: #936;
        color: #936
    }

    div.message div.quote div.quote div.quote {
        border-color: #063;
        color: #063
    }

    div.message div.quote div.quote div.quote div.quote {
        border-color: #0075bb;
        color: #0075bb
    }

    div.message div.quote div.quote div.quote div.quote div.quote {
        border-color: #c39;
        color: #c39
    }

    div.message div.quote div.quote div.quote div.quote div.quote div.quote {
        border-color: #693;
        color: #693
    }

    div.message div.quote, div.message blockquote {
        border: 0 solid #039;
        border-left-width: 2px;
        color: #039;
        margin-bottom: 1em;
        padding: 5px
    }

    div.message hr {
        border: 0 dotted #ccc;
        border-top-width: 1px;
        clear: both;
        margin: 0 20px 0 60px
    }

    div.messageActions {
        margin-top: 10px;
        min-height: 17px;
        padding: 5px 5px 0 0
    }

    div.messagePreview div.message {
        background-color: #FFF;
        border: 1px solid #000;
        padding: 10px
    }

    .toast-container {
        padding-right:25px;
    }

    .toast-item-close {
        right:-15px!important;
        position:absolute;
    }

    div.myCourseSnippet div.downloads a {
        background: url(/images/icons/new/herunterladen.svg) no-repeat 0 5px;
        color: #4c9900;
        display: block;
        min-height: 15px;
        padding: 5px 5px 5px 20px;
        background-size: 16px;
    }

    div.myCourseSnippet div.postingTeaser div.commentBubble {
        background: url(/images/styles/uniturm/snippets/my_course/bubble-top.png) no-repeat 50% 0;
        clear: both;
        padding-top: 8px
    }

    div.myCourseSnippet div.postingTeaser div.commentBubble p {
        background-color: #FFF;
        margin: 0;
        padding: 5px
    }

    div.myCourseSnippet div.postingTeaser div.commentBubbleSpacer {
        background: url(/images/styles/uniturm/snippets/my_course/bubble-bottom.png) no-repeat 0 100%;
        padding-bottom: 8px
    }

    div.myCourseSnippet div.userTeasers, div.myCourseSnippet div.postingTeaser, div.ArticleCategory, .RateFileBox .RateFiles, .landingpage .avatarTeaserBox {
        margin-top: 10px
    }

    div.myCourseSnippet h2.spacer {
        border: 0 dotted #FFF;
        border-top-width: 1px;
        margin-top: 10px;
        padding-top: 10px
    }

    div.news {
        float: left;
        margin-left: 10px;
        width: calc(100% - 260px)
    }

    div.news > h2:first-of-type, div.activities > h2:first-of-type {
        color: #333333;
        font-weight: 400;
        padding-bottom: 22px
    }

    div.newsItem .Teaser {
        margin-bottom: 10px;
        margin-top: 5px
    }

    div.newsItem .body {
        width: calc(100% - 51px)
    }

    div.newsItem div.body {
        float: right;
        min-height: 110px
    }

    div.newsItem div.body h3 div.newsDateLocation span {
        color: #999;
        display: inline;
        text-transform: uppercase
    }

    div.newsItem div.body h3, .newsDateLocation h2, #pageNews .newsItem h2 {
        font-weight: 400
    }

    div.newsItem div.body h5 {
        color: gray;
        margin-bottom: 5px;
        text-transform: uppercase
    }

    div.newsItem div.newsItem, #pageUserProfile div.message, #pageUserGuestbook div.message, #finder_result ul.margin-list li, #finder_result p.paragraph, #page-cityHome div.avatarTeaserBox, #startpage-loggedout .network .networkhead, #startpage-loggedout .eLearning, .TagCloud #tagscontainer {
        margin-bottom: 20px
    }


    div.nextLevel {
        margin: 10px 0 15px
    }

    div.noerror {
        border: 2px solid #7cda31;
        color: #7cda31;
        font-weight: 700;
        padding: 5px
    }

    div.overview_quicklinks, div.overviewQuicklinks, #Software .Box img {
        margin: 10px 0
    }

    div.prizeLogo .prizeImage {
        margin-top: .5rem;
    }

    div.partner div.partnerLogo, div.prize div.prizeLogo {
        float: left;
        text-align: center;
        width: 180px
    }

    div.partnerLinks {
        line-height: 40px;
        padding-bottom: 10px;
        text-align: center
    }

    div.partnerLinks img.lastLogo {
        margin-right: 0
    }

    div.partnerLinks img.partnerLogo {
        margin: 25px 20px 0 0;
        vertical-align: middle
    }

    div.partnerLinks.Quad {
        box-sizing: border-box;
        margin-left: 10px;
        margin-top: 10px;
        width: calc(100% - 436px)
    }

    div.partnerOffer {
        float: left;
        margin: 2em 0 1em 1.5em;
        width: 195px
    }

    div.partnerOffers div.partnerOffer img.partnerLogo {
        display: block;
        margin-top: 10px
    }

    div.partnerOffers h2 {
        color: gray;
        margin: 0 0 10px;
        padding: 0 0 10px;
        text-transform: none
    }

    div.partnerSeperator, div.prizeSeperator {
        background: url(/images/styles/uniturm/pages/home/news-seperator.png) no-repeat 100px 40%;
        clear: both;
        height: 7px;
        padding: 15px 0 20px
    }

    div.pollBar {
        background-color: #fcae00;
        border: 1px solid #000;
        height: 15px
    }

    div.pollBox {
        background-repeat: repeat-y;
        border-color: #666 #c2c2c2 #9a9a9a #666;
        border-style: solid;
        border-width: 1px;
        margin-bottom: 20px;
        padding: 10px 5px 10px 8px
    }

    div.postings {
        background-color: #D3E6FA;
        line-height: 1.5em;
        margin: 1em 0 0;
        padding: 5px
    }

    div.postings a {
        color: #2383E5
    }

    div.prize div.body {
        float: left;
        margin-left: 1rem;
        width: calc(100% - 180px - 2rem)
    }

    div.prize div.body p {
        text-align: justify
    }

    div.prize div.body strong {
        background-color: #ffffa0;
        padding: 2px
    }

    div.prize div.prizeInfo form {
        text-align: center;
    }

    div.prize div.prizeInfo h2 {
        color: #000;
        font-weight: 400;
        margin-bottom: 0
    }

    div.prize div.prizeInfo h3 {
        color: #666;
        font-weight: 400;
        margin-top: 0
    }

    div.progressbar {
        background-image: url(/images/styles/uniturm/pages/home/progressbar-background.png);
        border: 1px solid #000;
        float: left;
        height: 100%;
        margin: 0 5px;
        width: 84px
    }

    div.progressbarCompleted {
        background: url(/images/styles/uniturm/pages/home/progressbar-completed.png) 0 0;
        border: 0 solid #FFF;
        border-right-width: 1px;
        height: 14px;
        width: 1px
    }

    div.quickInfo .comments a {
        color: gray
    }

    div.quickInfo .readOn {
        color: #4B9800;
        float: right;
        text-align: right
    }

    div.quickInfoRow {
        margin-bottom: 5px;
        margin-bottom: 5px
    }

    div.quickInfoRow > div {
        margin-left: 85px;
        text-align: left
    }

    div.quickInfoRow label {
        color: #666;
        display: block;
        float: left;
        min-width: 85px;
        text-align: left
    }

    div.searchSnippet input.submitButton {
        background: url(/images/styles/uniturm/snippets/search-icon.png) no-repeat 6px 6px;
        background-color: white;
        cursor: pointer;
        height: 28px;
        margin: 0 0 0 5px;
        width: 28px
    }

    div.sideMenu {
        float: left;
        font-weight: bolder;
        padding: 5px;
        width: 130px
    }

    div.sideMenu h2 {
        border: 0 dotted #ccc;
        border-top-width: 1px;
        margin-top: 1em;
        padding-top: 1em
    }

    div.sideMenu h2.first {
        border-width: 0;
        margin-top: 0;
        padding-top: 0;
        text-transform: uppercase
    }

    div.sideMenu li {
        margin: 5px 0
    }

    div.sideMenu li.active {
        background-color: #fff9ae;
        padding: 5px
    }

    div.sideMenu ul {
        list-style-type: circle;
        margin: 0 0 0 15px;
        padding: 0;
        width: 120px
    }

    div.snippet {
        background-color: #ECECEC;
        margin: 0 4px 10px 0;
        padding: 10px 5px 10px 8px
    }

    div.snippet h2, div.snippet h3 {
        border: 0 solid #ccc;
        border-bottom-width: 1px;
        color: #000;
        margin-bottom: 5px;
        padding-bottom: 3px;
        text-align: center;
        text-transform: none
    }

    div.snippetDivider {
        background: url(/images/styles/uniturm/snippets/snippet-divider.png) no-repeat 0 0;
        display: none;
        height: 2px
    }

    div.spacer {
        background-repeat: repeat-x;
        padding: 10px 0
    }

    div.subBoard {
        background: url(/images/styles/uniturm/tables/subforum-icon.png) no-repeat 15px 1px;
        padding-left: 30px
    }

    div.subSubBoard {
        background: url(/images/styles/uniturm/tables/subforum-icon.png) no-repeat 30px 1px;
        padding-left: 50px
    }

    div.subjectPath {
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        margin-top: 5px;
        min-height: 20px;
        opacity: 0
    }

    div.subjects {
        background-color: #E7F9B2;
        line-height: 1.5em;
        margin: 1em 0 0;
        padding: 5px
    }

    div.subjects li, div.friendActions li.addSubject, td.subject {
        background-image: url(/images/icons/new/modul-anlegen.svg);
        background-size: 16px;
    }

    div.unclear {
        border: 0 none;
        clear: none
    }

    div.uniturmBanner div.contentBanner {
        width: 410px
    }

    div.uniturmBanner div.headBanner {
        margin-bottom: 20px;
        overflow: hidden;
        width: 825px
    }

    div.uniturmBanner div.skyscraperBanner {
        border: 0 solid #ccc;
        border-left-width: 1px;
        float: right;
        margin-left: 20px;
        padding-left: 20px;
        width: 200px
    }

    div.uniturmIntroUser div.introLady {
        overflow: hidden;
        position: relative
    }

    div.uniturmIntroUser div.introLady img, div.userTeasers, div.friendContainer, .breakEarly {
        position: relative
    }

    div.uniturmIntroUser div.quickStartButtons {
        margin: .7em 0 .5em -5px
    }

    div.uniturmIntroUser div.quickStartButtons a img {
        float: left;
        height: 36px;
        margin-right: 10px;
        width: 96px
    }

    div.uniturmTeaser div.aktionTeaser a.registerLink img, div.uniturmTeaser div.aktionTeaser a.registerLink {
        height: 128px;
        width: 118px
    }

    div.uniturmTeaser div.aktionTeaser, div.uniturmTeaser div.aktionTeaser img {
        height: 60px;
        width: 215px
    }

    div.uniturmVorteile {
        float: left;
        width: 260px
    }

    div.uniturmVorteile .password img {
        margin-left: 10px;
        margin-top: 29px
    }

    div.uniturmVorteile > h2 {
        color: rgb(255, 114, 0);
        font-weight: normal;
        margin-bottom: 20px;
        text-align: center
    }

    div.uniturmVorteile h1 {
        color: rgb(255, 114, 0)
    }

    div.uniturmVorteile h2 a {
        color: rgb(102, 102, 102)
    }

    div.uniturmVorteile h2 img {
        height: 60px;
        width: 60px
    }

    div.uniturmVorteileTeaser {
        margin-bottom: 40px
    }

    div.userGuestbook {
        padding: 10px 0 0
    }

    div.userLevelDescription {
        line-height: 18px;
        margin-bottom: 3px
    }

    div.userLevelDescription span {
        display: inline-block;
        font-weight: 700;
        text-align: right;
        width: 100px;
    }

    div.userProfileData td, .documentsIndexTable td {
        padding: 5px 10px
    }

    div.userProfileData td.description {
        border: 0 solid #666;
        border-right-width: 1px;
        width: 100px
    }

    div.userRankingTop {
        margin: 1em 0;
        text-align: center
    }

    div.userSpacer {
        line-height: 45px
    }

    div.userStatus {
        background: url(/images/styles/uniturm/user-status-background.png);
        height: calc(100% + 8px);
        height: 100%;
        min-width: 320px;
        padding: 8px 18px 0 10px;
        padding-left: 5px !important;
        padding-right: 0;
        position: relative
    }

    div.userStatus .MessageData {
        display: inline-block;
        vertical-align: top;
        width: 65%
    }

    div.userStatus .MessageIcons {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 35%
    }

    div.userStatus .MessageIcons li {
        list-style-position: inside
    }

    div.userStatus .MessageIcons li.Guestbook {
        list-style-image: url(/images/icons/friends.png)
    }

    div.userStatus .MessageIcons li.Invite {
        list-style-image: url(/images/icons/guestbook.png)
    }

    div.userStatus .MessageIcons li.Message {
        list-style-image: url(/images/icons/message.png)
    }

    div.userStatus .userMessages, .documentsIndexTable.margin {
        margin-left: 20px
    }

    div.userStatus div.newMessages {
        margin: 5px 0 0;
        padding: 3px 0 0
    }

    div.userStatus div.newMessages a {
        margin: 0 5px 0 0
    }

    div.userStatus div.userWelcome {
        display: inline-block;
        line-height: 1.5;
        padding-left: 5px;
        vertical-align: top;
        width: 80%
    }

    div.userStatus div.userWelcomeButtons {
        display: inline-block;
        text-align: right;
        width: 17%
    }

    div.userStatus ul.LinkMenu {
        list-style: none;
        margin-top: -2px;
        padding-left: 5px
    }

    div.userStatus ul.LinkMenu li {
        display: inline-block;
        margin-right: 10px
    }

    div.userTeaserBig div.body {
        line-height: 2em;
        margin-left: 120px
    }

    div.userTeaserHorizontal div.body, img.teaserPhoto.news {
        margin-left: 60px
    }

    div.userTeasers div.userTeaser {
        margin-bottom: 10px;
        position: relative
    }

    div.userTeasersHorizontal div.userTeaser {
        display: block;
        float: left;
        margin-bottom: 0;
        margin-right: 13px;
        overflow: hidden;
        width: 50px
    }

    div.userTeasersHorizontal div.userTeaserAvatarName {
        height: 75px;
        margin-right: 5px;
        overflow: hidden;
        width: 55px
    }

    div.userTeasersVertical div.userTeaser, .clear, .unidealArticleClear {
        clear: both
    }

    div.userToUserPathContainer {
        border-color: #ffb43f;
        border-style: dashed;
        border-width: 1px 0;
        margin-bottom: 1em;
        position: relative
    }

    div.userToUserPathContainer div.avatarContainer, div.userToUserPathContainer div.userSpacer {
        float: left;
        margin-right: 10px;
        position: relative;
        text-align: center
    }

    div.userToUserPathContainer div.container {
        background-color: #feeea8;
        margin: 2px 0;
        padding: 5px;
        position: relative
    }

    h1 {
        color: #666;
        font-weight: 400;
        margin-bottom: 1em;
        text-transform: uppercase
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 700;
        margin: 0;
        padding: 0
    }

    h1.bigHeadline {
        font-weight: normal;
        margin-top: 15px;
        text-align: center
    }

    h2.NonBorder, #page-cityHome #advanced_search_form h2, #page-cityHome #subjectsBrowseResults h2 {
        border: none
    }

    h2.SelectBoxLabel {
        float: left;
        margin-right: 5px;
        text-align: right;
        width: 150px
    }

    hr.invisible {
        visibility: hidden
    }

    html {
        -moz-text-size-adjust: auto !important;
        -ms-text-size-adjust: auto !important;
        -webkit-text-size-adjust: auto !important;
        text-size-adjust: auto !important
    }

    html.empty, body.empty {
        background: #fff none;
        text-align: left
    }

    img {
        max-width: 100%
    }

    img.PointDescImg {
        display: inline-block;
        margin-right: 20px;
        width: calc(25% - 20px);
        object-fit: contain;
    }

    @media screen and (max-width:530px) {
        img.PointDescImg {
            width: calc(35% - 20px);
        }
    }

    img.icon, img.miniIcon {

    }

    img.inviteFriendTeaser, div.userStatus .ButtonsRight > div:first-of-type {

    }

    img.trans {
        height: 1px;
        width: 1px
    }

    input#query:-moz-placeholder, #query::-webkit-input-placeholder, #query::-moz-placeholder, #query:-ms-input-placeholder {
        color: grey;
        font-weight: 700;
        padding-left: 5px
    }

    input.actionButton {
        border-width: 0;
        margin-right: 5px;
        padding: 0
    }

    input.addSubjectField {
        background: url(/images/styles/uniturm/tables/add-subject-input-background.png) no-repeat 10px 10px
    }

    input.autocomplete, select.taglist, select.taglistsearch {
        width: 340px
    }

    input.button {
        background-color: transparent;
        border-width: 0;
        display: block;
        margin: 5px 0
    }

    input.dl_text_link {
        background-color: transparent;
        border: none;
        color: #ff7200;
        cursor: pointer;
        white-space: normal
    }

    input.fullWidth {
        width: 385px
    }

    input.icon {
        background-color: transparent;
        border: 0;
        padding: 0
    }

    input.inputField {
        padding: 5px;
        position: relative;
        top: -3px;
        width: 200px
    }

    input.livesearch {
        background: url(/images/styles/uniturm/snippets/search-icon.png) no-repeat 205px 5px;
        padding-right: 24px;
        width: 200px
    }

    input.livesearch, div.searchSnippet input {
        background-color: #FFF;
        border-color: #666;
        display: block;
        float: left;
        height: 16px;
        padding: 5px 0 5px 5px;
        width: 85%
    }

    input.login {
        background-color: transparent;
        border-width: 0;
        display: block;
        height: 17px;
        left: 3px;
        margin: 0 0 5px;
        padding: 3px;
        position: relative;
        top: 3px;
        width: 140px
    }

    input.loginButton, .loginButton {
        background-color: #b0e613;
        border: 0 solid #000;
        border-bottom-width: 1px;
        border-right-width: 1px;
        color: #000;
        cursor: pointer;
        display: table-cell;
        font-weight: 700;
        height: 25px;
        text-align: center;
        vertical-align: middle;
        width: 80px
    }

    input.noFormat {
        background-color: transparent;
        margin: 0;
        padding: 0
    }

    input.registerinput {
        /*width: 180px;*/
        width: 100%;
    }

    input.submitButton {
        background-color: #9a9a9a;
        color: #FFF;
        cursor: pointer;
        font-weight: 700;
        /*height: 18px;*/
        line-height: 15px;
        margin-right: 10px
    }

    select, textarea, input, #footer div.youAreReading strong {
        color: #000;
        font-weight: 400
    }

    span.autocomplete {
        background: #fff;
        border: 1px solid #888
    }

    span.autocomplete ul li {
        cursor: pointer;
        height: 14px;
        list-style-type: none;
        overflow: hidden;
        padding: 2px
    }

    span.autocomplete ul li.selected, .tagAutocomplete ul li.selected {
        background-color: #ffb
    }

    span.error {
        color: #c00
    }

    span.mandatory {
        color: #ffb43f;
        font-weight: 700;
        margin-left: 5px
    }

    span.registerHelp {
        color: #666;
        font-weight: 700;
        margin-left: 10px
    }

    table#quizTable {
        border-collapse: separate;
        border-spacing: 0
    }

    table#quizTable tr td {
        padding: 5px 0 5px 5px;
        word-break: break-all
    }

    table#quizTable tr td.quizAnswer {
        border-left: 1px dotted grey;
        text-align: center
    }

    table#quizTable tr th {
        width: 10%
    }

    table#quizTable tr th.quizhead {
        padding-left: 5px;
        text-align: center;
        word-break: break-word
    }

    table#quizTable tr th:first-of-type {
        width: 6%
    }

    table#quizTable tr th:first-of-type + th {
        width: 40%
    }

    table#quizTable tr.odd {
        background-color: #D3D3D3
    }

    table.lightboxForm input[type=text] {
        width: 280px
    }

    td, div.userStatus .MessageIcons li a {
        vertical-align: top
    }

    td.emptyCell {
        width: 0
    }

    td.pollBar {
        min-width: 280px
    }

    td.pollChoice {
        min-width: 270px
    }

    td.pollPreBar {
        min-width: 260px
    }

    td.pollResult {
        min-width: 80px
    }

    td.search span.autocomplete {
        color: #000;
        margin-top: 32px
    }

    td.upload, td.subject, td.posting {
        background: no-repeat 98% 3px
    }

    td.userAvatars {
        width: 155px
    }

    textarea, input {
        background-color: #FFF;
        border: 1px solid #999
    }

    tr.evenRow:hover div.subjectPath, tr.oddRow:hover div.subjectPath {
        -moz-opacity: .6;
        filter: alpha(opacity=60);
        opacity: .6
    }

    tr.privateMessage td.actionLinks a {
        display: block;
        margin-bottom: 5px
    }

    tr.privateMessage td.subject h5 {
        border: 0 dotted gray;
        border-bottom-width: 1px;
        color: gray;
        margin-bottom: 5px;
        padding-bottom: 5px
    }

    tr.unread td.subject h5 {
        color: #000;
        font-weight: 700
    }

    ul li, #finder_result div.no-list-point ul, div.MessageForm ul, ul.actionList li.noListIcon {
        list-style: none
    }

    ul.Actions {
        margin-left: 0;
        margin-top: 30px
    }

    ul.Advantages h2 {
        color: #666;
        font-weight: 700;
        margin: 0
    }

    ul.Advantages h2 a {
        color: rgb(102, 102, 102);
        vertical-align: top
    }

    ul.Advantages li {
        height: 55px;
        list-style-position: inside
    }

    ul.Advantages li.daumen {
        list-style-image: url(/images/styles/uniturm/pages/home/advantages-icons/daumen.png);
        list-style-image: url(/images/styles/uniturm/pages/home/advantages-icons/daumen.png)
    }

    ul.Advantages li.forum {
        list-style-image: url(/images/styles/uniturm/pages/home/advantages-icons/forum.png)
    }

    ul.Advantages li.mitschriften {
        list-style-image: url(/images/styles/uniturm/pages/home/advantages-icons/mitschriften.png)
    }

    ul.Advantages li.organisationstipps {
        list-style-image: url(/images/styles/uniturm/pages/home/advantages-icons/organisationstipps.png)
    }

    ul.Advantages li.scripte {
        list-style-image: url(/images/styles/uniturm/pages/home/advantages-icons/skripte.png)
    }

    ul.Advantages li.stepstone {
        list-style-image: url(/images/styles/uniturm/pages/home/advantages-icons/stepstone-logo-start.gif)
    }

    ul.LinkList li {
        height: 2.5em;
        list-style-type: disc
    }

    ul.LinkList, ol {
        padding-left: 40px
    }

    ul.LinkList.Bunch {
        margin-bottom: 2.5em;
        margin-top: 1.5em
    }

    ul.StudyPathTag {
        margin: 12px 0;
        padding-left: 40px
    }

    ul.StudyPathTag li {
        list-style-type: disc
    }

    ul.Warning {
        border: 1px solid red;
        padding: 5px
    }

    ul.actionList li {
        list-style: circle;
        margin-bottom: 5px;
        margin-left: 15px;
        word-break: normal
    }

    ul.loginOptions {
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: left
    }

    ul.loginOptions li {
        margin-top: 3px
    }

    ul.tabs {
        background-color: #F2F2F2;
        margin-bottom: 10px;
        padding: 0
    }

    ul.tabs a li.active, ul.tabs li.active a {
        color: #fff
    }

    ul.tabs li {
        display: inline-block;
        height: 28px;
        line-height: 30px;
        list-style: none;
        padding: 0 .5rem
    }

    ul.tabs li.active {
        background-color: #4D4D4D;
        font-weight: 700;
        text-transform: uppercase
    }

    ul.tabsSubjects, ul.tabsForum {
        background-color: #ECECEC
    }

    .FilterForm .FlexWrap label {
        justify-content: space-around;
    }

    .FilterForm label {
        vertical-align: middle;
    }

    .FilterForm .FlexWrap sub {
        text-align: right;
        display: block;
    }

    .FilterForm input[type=radio] {
        width: 1rem;
        height: 1rem;
    }

    /*Banner Landingpage logged-out*/
    .banner-row {
        display:flex;
        flex-wrap:nowrap;
        overflow:hidden;
        justify-content:space-evenly;
        gap:20px;
        float:none;
        position:absolute;
        z-index:1;
        width:100%;
    }

    .banner{
        display:block;
        height:90px;
        overflow:hidden;
        flex:0 0 auto;
    }

    .banner.b1{ width:220px; }
    .banner.b2{ width:200px; }
    .banner.b3{ width:340px; }

    .banner.b1 img{ width:220px;object-position:0 calc(50% + 10px);transform:translate3d(0, 0, 1px); }
    .banner.b2 img{ width:200px;object-position:0 calc(50% + 20px);transform:translate3d(0, 0, 1px); }
    .banner.b3 img{ width:340px;object-position:0 calc(50% + 0px);transform:translate3d(0, 0, 1px); }

    .banner img{
        width:100%;
        height:100%;
        display:block;
        object-fit:cover;
        object-position:left center;
    }

    .uniturmBanner .banner {
        height: inherit;
    }

    .uniturmBanner .banner img {
        height: inherit;
        width: inherit;
    }

    @media screen and (max-width: 800px) {
        .banner.b1 {
            display:none;
        }
    }

    @media screen and (max-width: 580px) {
        .banner.b2 {
            display:none;
        }
    }

    /*show message if survey is blocked*/
    .umfrage {
        width: 100%;
        max-width: 100vw;
        height: 2000px;
        display: block;
        position: relative;
        z-index: 0;
    }

    .umfrage iframe {
        z-index: 1;
        position: absolute;
    }

    .umfrage::before {
        content: "Bitte deaktiviere deinen Adblocker um die Umfrage sehen zu können";
        color: red;
        font-weight: 700;
        width: 100%;
        display: block;
        position: absolute;
        text-align: center;
        z-index: 0;
        top: 50px;
    }

    #Ads_BA_CAD > div {
        background:white;
        height:600px;
    }

    /*#Ads_BA_BS > div {*/
    /*    background:white;*/
    /*    height:90px;*/
    /*    width:100%;*/
    /*}*/

    /*---Business-Ads CLS Fix---*/
    /*  Possible Banner-heights:
        Ads_BA_BS | Desktop = 90px, Mobil = 50px, 75px, 100px, 150px, 300px
        Ads_BA_FLB | Desktop = 250px
        Ads_BA_CAD | Desktop = 250px, 600px, Mobil = 50px, 75px, 150px, 250px, 600px
        Ads_BA_CAD2 | Desktop = 250px, 280px, Mobil = 50px, 75px, 150px, 250px, 600px
        Ads_BA_TEXT | Desktop = 120px
        Ads_BA_VID | Desktop = 240px
        Ads_BA_FOOT | Desktop = 60px, 90px, Mobil = 50px, 75px, 150px
    */
    .ba_cad_cls_fix {
        min-height: 500px;
    }

    aside .ba_cad_cls_fix {
        position:relative;
        z-index:10;
        width:300px;
        /*border:red solid 2px;
        background:green;*/
    }

    @media (max-width: 520px) {

    }

    .ba_cad2_cls_fix {
        min-height: 280px;
    }

    .ba_text_cls_fix {
        min-height: 120px;
    }

    .ba_bs_cls_fix {
        min-height: 90px;
        position:absolute;
        z-index:99;
        width:100%;
        height:90px;
    }

    /*---End Business-Ads CLS Fix---*/

    @media (max-width: 520px) {
        .FilterForm img {
            display: none;
        }

        .FilterForm .FlexWrap label {
            justify-content: unset;
        }

        .FilterForm .FlexWrap sub {
            text-align: left;
        }
    }