
/* - unibonntheme2016.css - */
/* add your styles here */

/* all these should be the same fixed-width desktop representation,
   see dimensions.css */

/* @media (min-width: 768px) { */
/* } */

/* @media (min-width: 992px) { */
/* } */

/* @media (min-width: 1200px) { */
/* } */

/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(++resource++unibonn.theme2016.static/Exo2-Regular-cyrillic.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(++resource++unibonn.theme2016.static/Exo2-Regular-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(++resource++unibonn.theme2016.static/Exo2-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html, body{
    height:100%;
    font-size: 14px;
    font-family: Arial, Verdana, Lucida, Helvetica, sans-serif;
}

/* bootstrap redefines */
.invisible {
    visibility: visible;
}

/* fck font fix */
body#content {
    font-size: 14px !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #444;
    font-family: "Exo 2", sans-serif;
    font-weight: 400;
    margin: 0 0 15px;
    text-transform: none;
}
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 25px;
}

h1 {
    font-size: 38px;
    line-height: 42px;
}

h2 {
    font-size: 26px;
    line-height: 30px;
}

h3 {
    font-size: 20px;
    line-height: 24px;
}

h4 {
    font-size: 18px;
    line-height: 22px;
}

h5 {
    font-size: 14px;
    line-height: 20px;
}

h6 {
    font-size: 12px;
    line-height: 18px;
}

dd {
    margin-left: 15px;
}

#portal-logo,
#sub-logo {
    float: left;
}

#sub-logo {
    margin-left: 10px;
}

.logo-wrapper {
    height: 100px;
    overflow: hidden;
    float: left;
}

.searchbox-socialmedia-wrapper {
    margin-top: 15px;
    margin-bottom: 10px;
    float: right;
}

.socialmedia-viewlet {
    float: right;
    height: 38px;
}

.socialmedia-buttons {
    margin-bottom: 0;
}

.socialmedia-buttons li {
    line-height: 30px;
    padding: 4px 0;
}

#unibonn-searchbox {
    margin-left: 15px;
}

#portal-firstline .container {
    background-color: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 10px;
}


#portal-siteactions a,
#portal-languageselector a{
    color: #444444;
}

#portal-siteactions a:hover,
#portal-languageselector a:hover{
    color: #07d;
    text-decoration: none;
}

.socialmedia-buttons {
    list-style: none;
    float: left;
}

#portal-siteactions ul,
#portal-languageselector {
    list-style: none;
    float: left;
    margin: 0 15px;
    padding-left: 0;
}


.socialmedia-buttons li,
#portal-siteactions li,
#portal-languageselector li {
    float: left;
}

#portal-languageselector li a {
    text-transform: uppercase;
}

#searchSimple {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #444;
    height: 30px;
    max-width: 100%;
    padding: 4px 6px;
    transition: all 0.2s linear 0s;
    margin-right: 10px;
}

button.searchButton {
    background: #eee none repeat scroll 0 0;
    border-radius: 100%;
    border: none;
    box-sizing: border-box;
    color: #444;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

button.searchButton:hover {
    color: #004191;
}

#portal-languageselector li.currentLanguage a {
    color: #07d;
}

#portal-siteactions ul li,
#portal-languageselector li {
    flex: none;
    padding-left: 10px;
}

#portal-siteactions ul li:first-of-type,
#portal-languageselector li:first-of-type {
    padding-left: 0;
}
#portal-siteactions ul > *::before,
#portal-languageselector > *::before {
    content: "";
    height: 10px;
    vertical-align: middle;
    display: inline-block;
}

#portal-siteactions ul > *:nth-child(n+2)::before,
#portal-languageselector > *:nth-child(n+2)::before {
    border-left: 1px solid #ddd;
    margin-right: 10px;
}

.socialmedia-buttons li a {
    font-size: 150%;
    margin: 0 5px;
    color: #999999;
}
.socialmedia-buttons li a:hover {
    color: #004291;
    text-decoration: none;
}

#collage .two-columns-largeleft .block_1 {
    width: 100%;
}

#collage .two-columns-largeleft .block_2 {
    width: 100%;
}

.cycle-overlay h2,
.cycle-overlay h3 {
    color: #fff;
}

.cycle-overlay a {
    background-color: #004291;
    border: medium none;
    box-sizing: border-box;
    color: #fff;
    font-family: inherit;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 1rem;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: 30px;
    min-height: 30px;
    padding: 0 12px;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px
}

.cycle-overlay a:hover {
    background-color: rgba(0, 66, 145, 0.7);
}

.cycle-overlay.bottom {
    padding-bottom: 40px;
}

.cycle-pager span {
    line-height: 30px;
}

.collage-row .cycle-prev, .collage-row .cycle-next {
    color: #ffffff;
    text-shadow: 2px 2px 4px #000000;
}

.collage-row .cycle-prev.disabled, .collage-row .cycle-next.disabled {
    color: transparent;
    text-shadow: none;
}

.featurebutton {
    border-bottom: 3px solid #004291;
    background: #eee none repeat scroll 0 0;
    border: medium none;
    color: #444;
    font-size: 1rem;
    line-height: 30px;
    min-height: 30px;
    padding: 0 12px;
    text-decoration: none;
    border-bottom: 3px solid #004291;
    color: #004291;
    padding: 15px 0;
    display: block;
    text-align: center;
}

.featurebutton:hover {
    border-bottom: 3px solid #915d00;
    color: #915d00;
}

.featurebuttonHeading {
    clear: both;
    display: block;
}

.featurebutton .fa::before {
    font-size: 250%;
    vertical-align: -22%;
}

.template-collage_startpage_view .documentByLine,
.template-collage_startpage_view #portal-breadcrumbs {
    display: none;
}

.template-collage_startpage_view #portal-columns {
    margin-top: 0;
}

.template-collage_startpage_view #collage div:nth-child(3) {
    margin-top: 0;
    border-top: none;
}

.template-collage_startpage_view .portletFooter:hover ,
.news-block-overview a:hover {
    background: rgba(0, 66, 145, 0.7);
}

#portal-personaltools-wrapper {
    position: relative;
    top:0;
    right: 0;
    float: right;
}

/* authoring */
.contentActions {
    z-index: 105;
}

.template-atct_edit .contentActions {
    z-index: 1;
}

#text___Frame,
iframe[id$='___Frame'] {
    border: medium none !important;
}

#portal-contentviews {
    margin-top: 25px;
}

.contentViews {
    margin: 0;
    padding: 0;
}

.contentViews li a {
    margin: 0 0 0 -0.5em;
    padding: 0 1em;
    border-bottom: none;
    border-top-left-radius: 5px;
    background-color: #fff;
    z-index: 0;
    position: relative;
}
.contentViews .selected a {
    border-bottom: none;
}
.contentViews li:first-of-type a {
    margin: 0;
}

#portal-column-one,
#portal-column-two {
    background-color: #fff;
}

#portal-column-one ~ #portal-column-content {
    border-left: 1px solid #ddd;
    border-collapse: collapse;
}

#portal-column-two ~ #portal-column-content {
    border-right: 1px solid #ddd;
    border-collapse: collapse;
}

.datagridwidget-table-edit {
    table-layout: fixed;
    width: 100%;
}

.datagridwidget-table-edit td {
    width: auto;
}

.datagridwidget-table-edit td.datagridwidget-manipulator {
    width: 16px;
}

.datagridwidget-table-edit th:not(.discreet) {
    width: 16px;
}

.field {
    margin: 0 0 1em 0;
}

/* column design */
#dropdown-portal-globalnav,
#portal-columns,
#portal-contentviews {
    padding-left: 0px;
    padding-right: 0px;
}

#portal-columns {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* five/5 column css */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

.five-columns-equal.row {
    margin-left: -15px;
    margin-right: -15px;
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


.managedPortlet {
    padding: 1em;
    border: 1px solid #004291;
}

/* navigation */
#dropdown-portal-globalnav {
    background: #969696 none repeat scroll 0 0;
    list-style: none;
    margin-bottom: 0;
}

#dropdown-portal-globalnav > li {
    float: left;
    position: static;
}

#dropdown-portal-globalnav > li > a {
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-decoration: none;
    float: left;
}

#dropdown-portal-globalnav li.selected,
#dropdown-portal-globalnav li.selected a,
#dropdown-portal-globalnav li:hover,
#dropdown-portal-globalnav li:hover a,
#dropdown-portal-globalnav li a:hover {
    background-color: #fff;
    color: #444;
    outline: 0 none;
}

/* portlet design */

.portletHeader {
    font-size: 16px;
    font-family: "Exo 2";
    line-height: 22px;
    color: #444;
    font-weight: 400;
    margin: 0 0 15px;
    text-transform: none;
}

.portlet {
    margin-bottom: 0;
}
.portletWrapper .portlet{
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.portletStaticText ul {
    list-style: none;
}


.template-collage_startpage_view .portletStaticText ul li {
    background: rgba(0,0,0,.05);
    border-bottom: 1px solid #fff;
    padding: 5px 15px;
}
.portletStaticText ul li:hover {
    background: #004291;
}

.portletStaticText ul li:hover a {
    color: #fff;
    text-decoration: none;
}

.portletStaticText ul li a {
    color: #444;
}

/* not working in ff */
.portletWrapper:last-of-type .portlet {
    border-bottom: none;
}

.campaign {
    background-color: #ebf7fd;
    color: #2d7091;
    float: left;
    margin-bottom: 10px;
    min-height: 279px;
    width: 100%;
}
.campaignDescription,
.campaignHeading {
    margin-left:15px;
    margin-right: 15px;
}
.campaignImage img {
    width: 100%;
}
.news-block article {
    margin-top: 25px;
}

.news-block article:nth-of-type(1),
.news-block article:nth-of-type(2) {
    margin-top: 0;
}

.news-block article:nth-child(2n+1) {
    clear: both;
}

.news-block-overview {
    display: block;
    text-align: center;
    clear: both;
}

.portletFooter {
    background-color: #004291;
}
.portletFooter:hover {
    background: rgba(0, 66, 145, 0.7);
}
.news-block-overview a,
/*.portletFooter,*/
.portletFooter a {
    color: #ddd;
    line-height: 30px;
    min-height: 30px;
    padding: 6px 12px;
    margin-top: 10px;
    white-space: nowrap;
}
.portletFooter a:hover {
    color: #fff;
}

.portlet .webmaillogin {
    text-align: center;
    margin-top: 1em;
}

.portlet .webmaillogin input {
    border: 1px solid #969696;
    background: none;
    margin-bottom: 5px;
    padding: 3px;
    width: 100%;
}

.portlet .webmaillogin button {
    background-color: #0052a8;
    border: 1px solid #0052a8;
    color: #fff;
    font-size: 100%;
    margin-bottom: 5px;
    padding: 3px;
    width: 100%;
}

.portlet .webmaillogin .info,
.portlet .webmaillogin .loginsuccess
 {
    background-color: #d1dbe5;
    border: 1px solid #0052a8;
    display: none;
    margin-bottom: 1em;
    padding: 0.5em;
}

.portlet .webmaillogin .info.success {
    background-color: #d1dbe5;
    border: 1px solid #0052a8;
    display: none;
    margin-bottom: 1em;
}

.portlet .webmaillogin .info.error {
    background-color: #FBB;
    border: 1px solid #f00;
}

.news-block-overview a {
    background-color: #004291;
    padding: 6px 12px;
    line-height: 30px;
}

.news-date {
    font-size: 12px;
    line-height: 18px;
    color: #999;
    margin-bottom: 0;
}

h3.news-title {
   margin-top: 0;
}

.news-block article figcaption {
    border: 1px solid #ddd;
    border-top: none;
    padding: 5px;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px;
}

/* content, portlets */
#portal-column-one ul,
#portal-column-two ul,
#doormat-container ul,
.portletStaticText ul,
#content ul {
    list-style-position: inside;
    padding-left:0;
}

/* special portlets*/
.portletEvents .portletItem,
.portletRss .portletItem,
.portletNews .portletItem,
.portletUniBonnEventPortlet .portletItem,
.portletCollection .portletItem {
    background-image:url(bullet.gif);
    background-position: 0 0;
    background-repeat:no-repeat;
    padding: 0 0 15px 15px!important;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ddd;
}

#portal-column-two dl.portletUniBonnEventPortlet dd.portletItem a.cancelled
 {
    color: #969696;
}

.portletRss dd.portletFooter {
    margin-left: 0;
}

.portletRss .portletItem {
    background: none;
    padding-left: 0 !important;  
}

.portletRss .portletItem a span.portletItemDetails {
    color: #999;
}

#portal-socialbookmarks li {
    display: inline;
}
#portal-socialbookmarks li img{
    width: 16px;
    height: 16px;
}
#content #portal-socialbookmarks li a[href^="http:"] {
    background: none;
    padding-left: 0px
}

#portal-column-content .portletRss .portletItem, #portal-column-content .portletNews .portletItem{
   margin-left: 1em;
   padding-left: 1em!important;
   background-position: 0 0em;
}

/* special portlets end */

/* unibonn.event */

.eventHeadline {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 5px;
}

.template-event_listing #content hr {
    margin: 10px 0;
}
.eventDetails {
    clear: right;
    float: right;
    margin: 0 0 0.5em 1em;
}

.eventDetails table.listing {
    border:none;
    margin: 0;
}

.eventDetails table tr:hover {
    background-color:#ffffff;
}

.eventDetails table.listing td {
    display: block;
    padding: 0 0 1em 1em;
    text-align: left;
    border-bottom: 2px dotted #dddddd;
    border-top: none;
    border-right: none;
    border-left: none;
    color: black!important;
}

.eventDetails table.listing td a {
    color: #004191!important;
}

.eventDetails table.listing th {
    text-transform: none;
    font-weight: bold;
    background-color:transparent;
    display:block;
    padding: 1em 0 0 1em;
    text-align: left;
    border:none;
    color: #969696;
}

.eventShortview {
    background-color: #b7cde4;
}

.eventShortview:hover {
    background-color: #b7cde4!important;
}

.eventShortview th {
    padding: 0.3em 0 0.3em 1em !important;
    text-align:left !important;
    color: #65686a !important;
}

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

.portletEvents .portletFooter {
    color:#4875ac;
    font-weight: bold;
}

#showAdvancedSearchSet tr td {
    display: inline-block;
}

#showAdvancedSearchSet tr:nth-of-type(2) td:nth-of-type(3) {
    display: block;
}

/* event portlet */

.portletRss dd,
#collage .portletUniBonnEventPortlet  dd {
    background-image: none;
    padding-left: 0 !important;
}

.portletRss dd a,
#collage .portletUniBonnEventPortlet  dd a {
    color: #999;
}

#collage .portletUniBonnEventPortlet  dd a:hover span{
    color: #915d00;
    text-decoration: underline;
}

.portletRss dd a span,
#collage .portletUniBonnEventPortlet  dd a span {
    color: #004291;
    display: block;
}

.portletRss dd.portletFooter a,
#collage .portletUniBonnEventPortlet  dd.portletFooter a {
    color: #ddd;
}

.portletRss dd.portletFooter a:hover,
#collage .portletUniBonnEventPortlet  dd.portletFooter a:hover {
    color: #fff;
}

/*-------#  plone calender for the right column   #-------*/
.portletCalendar .portletHeader {
    text-align: center;
}

.calendarPrevious {
    float: left;
}

.calendarNext {
    float: right;
}

.ploneCalendar {
    width: 100%;
}

.ploneCalendar .weekdays{
    border-bottom: none;
}

.ploneCalendar .weekdays th {
    background-color: transparent;
    font-weight: bold;
    border-top: none;
    border-bottom: none;
}

.ploneCalendar td {
    text-align: center;
}

.calendar-previous, .calendar-next, .portletCalendar .portletHeader{
    font-weight:bold;
}

.ploneCalendar .todayevent{
   background-color:#004291;
   border:none;
}

.ploneCalendar .todayevent a {
    color: #FFFFFF;
}

/*-------#  jquery carlendar (event navigation) for the right column   #-------*/
#portal-column-two .ui-datepicker-inline {
    margin-bottom: 1em;
    padding: 2.5em 0 1em;
    width: 100%;
}

#portal-column-two table.ui-datepicker {
    width: 100%;
}

#portal-column-two table.ui-datepicker td a {
    border-color: #fff;
}

#portal-column-two .ui-datepicker-prev a ,
#portal-column-two .ui-datepicker-current a, .ui-datepicker-next a{
    color:white;
    font-weight: bold;
}

#portal-column-two .ui-datepicker-prev{
    float:left;
/*     padding-left:1em */
}

#portal-column-two .ui-datepicker-current{
    float:left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}

#portal-column-two .ui-datepicker-next{
    text-align: right;
}

#portal-column-two .ui-datepicker-links{
    margin: 0.5em 1.9em 0 1.9em;
    line-height:1.6em;
    position:relative;
}

#portal-column-two .ui-datepicker-links div a{
    color:#444;
}

#portal-column-two .ui-datepicker-one-month{
    padding-left:0em;
}

#portal-column-two .ui-datepicker {
    width:95%;
    line-height: 1.6em;
    text-align: center;
}

#portal-column-two .ui-datepicker a {
    color:#444;
}

#portal-column-two .ui-datepicker-title-row{
    font-weight:bold;
}

#portal-column-two .ui-datepicker a:hover {
    color:#fff;
}

#portal-column-two .ui-datepicker-header select.ui-datepicker-new-month {
    left: 0;
    width: 8em;
}

#portal-column-two .ui-datepicker-header select.ui-datepicker-new-year {
    left: 8.5em;
    width: 5em;
}
/* ###################### Pressrelease ######################## */
.pressimage a,
.pressimage a img {
    float: right;
}

.pressitem {
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 25px;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ddd;
}

.pressabstract {
    margin-top: 15px;
}

.pressimage {
    float: right;
    padding: 0 0 10px 10px;
}

.pressfirstimage {
   float:right;
   padding: 0.5em;
}
#pressrelease-result-list {
   list-style: none;
   margin: 2em 0em 1em 0em
}

.pressreleaseDate, .pressrelease-uplink {
   display: inline;
}

/*.pressrelease-uplink {
   float: right;
}*/

.pressrelease-above-title {
   clear: both;
}

.pressreleaseAbstract {
   color: #969696;
   font-size: 14px;
   line-height: 20px;
   font-weight: bold;
   padding-top: 0.5em;
   display: block;
}

.pressreleaseHeadlin {
   display: block;
    }
#search-pressreleaseform fieldset legend{
    display: none;
}
#search-pressreleaseform fieldset {
    border: none;
}

.image-title {
    font-weight: bold;
}

.portletPressreleaseNavigation ul,
#pressreleaseimagelist {
    list-style: none;
}

/* portal footer*/

#portal-footer-container {
    background: #969696 none repeat scroll 0 0;
    color: rgba(255, 255, 255, 0.9);
    /*box-shadow: 0 0 50px #333333 inset;*/
    padding-top: 25px;
    padding-bottom: 50px;
}

#portal-footer-container a {
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}

#portal-footer-container h3 {
  color: rgba(255, 255, 255, 1);
}

#portal-footer-container a:hover {
  color: rgba(255, 255, 255, 1);
  text-decoration: underline;
}

#doormat-container {
    background: none;
    margin: 0;
}

#doormat-container dl {
    margin: 0;
}

/*#doormat-container .col-md-2,
#doormat-container .col-sm-6,
#doormat-container .col-xs-12 {
    padding-right: 10px;
    padding-left: 10px;
}
*/
.portalFooteractionWrapper {
    border-top: 1px solid #ddd;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 25px;
}

#portal-footer-actions {
    list-style: none;
    padding-left: 0;
}

#portal-footer-actions > *::before {
    content: "";
    height: 10px;
    vertical-align: middle;
    display: inline-block;
}

#portal-footer-actions > *:nth-child(n+2)::before {
    border-left: 1px solid #ddd;
    margin-right: 10px;
    margin-left: 10px;
}

#portal-footer-actions > li {
    float: left;
}

.managePortletsFallback {
    color: #ddd;
    display: block;
    text-align: center;
    width: 100%;
}

.managePortletsFallback:hover {
    color: #fff;
}

.portal-column-slider {
    display: none;
    background-color: #004291;
    color: #ddd;
    position: fixed;
    width: 50px;
    height: 50px;
    z-index: 101;
    overflow: hidden;
    font-size: 40px;
    text-align: center;
    line-height: 50px;
    bottom: 5%;
    cursor: e-resize;
}

#portal-column-two-slider:not(.closed) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: e-resize;
}

#portal-column-one-slider:not(.closed) {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: w-resize;
}

#portal-column-one-slider.closed {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: e-resize;
}

#portal-column-two-slider.closed {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    cursor: w-resize;
}

.portal-column-slider:hover {
    color: #fff;
    text-decoration: none;
}

#slider li.slide {
    background-image: none;
}

#searchbox-socialmedia-wrapper {
    float: right;
}

/* ######################### Navigation Tree #########################*/
#portal-column-one .portletNavigationTree .portletHeader a {
    display:none;
}

#portal-column-one .portletNavigationTree .portletHeader {
    border-top:none;
}

.portletNavigationTree .portletItem {
    border:none;
    padding: 0;
    padding-left: 0em!important;
    padding-right: 0!important;
}

.portletNavigationTree .navTreeCurrentItem {
    border:none !important;
}

.navTreeItem div{
    padding-left: 0em;
    border-bottom: 1px solid #bbbdbe;
}

.navTreeItem div a {
   padding-left: 1.5em;
}

.navTreeItemInPath, .navTreeCurrentItem,  .navTreeCurrentNode {
    background-color: #ffffff;
}

/* -------- Navtree indention -------- */
.navTreeLevel1, .navTreeLevel2, .navTreeLevel3, .navTreeLevel4, .navTreeLevel5, .navTreeLevel6, .navTreeLevel7, .navTreeLevel8, .navTreeLevel9 {
    margin-left: 0em;
}

.navTreeLevel1 .navTreeItem div a {
    padding-left: 2em;
    background-position: 1em 2px;
}

.navTreeLevel2 .navTreeItem div a {
    padding-left: 3em;
    background-position: 2em 2px;
}
.navTreeLevel3 .navTreeItem div a {
    padding-left: 4em;
    background-position: 3em 2px;
}
.navTreeLevel4 .navTreeItem div a {
    padding-left: 5em;
    background-position: 4em 2px;
}
.navTreeLevel5 .navTreeItem div a {
    padding-left: 6em;
    background-position: 5em 2px;
}
.navTreeLevel6 .navTreeItem div a {
    padding-left: 7em;
    background-position: 6em 2px;
}
.navTreeLevel7 .navTreeItem div a {
    padding-left: 8em;
    background-position: 7em 2px;
}
.navTreeLevel8 .navTreeItem div a {
    padding-left: 9em;
    background-position: 8em 2px;
}
.navTreeLevel9 .navTreeItem div a {
    padding-left: 10em;
    background-position: 9em 2px;
}

/*-------#  disable old hover  #-------*/
dd.portletItem .navTreeItem a {
    border:none;
    background-color: transparent;
    color: #000000 !important;
}

dd.portletItem .navTreeItem a:hover {
    border:none;
    background-color: transparent;
    color: #000000 !important;
}

.navTreeItem a:hover, .navTreeItem .navTreeCurrentItem {
    background-image: url(bullet.gif);
    background-repeat: no-repeat;
    background-position: 0.5em 2px;
    color: #000000;
    background-color:#ffffff;
}

/* ######################### NavTree Level 0 #########################*/

.navTreeLevel0 {
    background-color: #FFFFFF;
    border-top: none;
    border-left: none;
    border-right:none;
}

/* ######################### NavTree Level 1 #########################*/

/* ######################### NavTree Level 2 #########################*/

/* ######################### Sitemap  #########################*/
#portal-sitemap{
    background-color: #ffffff;
    margin-left: 30px;
    margin-right: 30px;
}

#portal-sitemap a {
    color:black!important;
    font-weight:bold;
}

#portal-sitemap .navTreeItem a:hover {
   background-image:none;
}

#portal-sitemap .navTreeLevel0  a  {
    padding-left:0;
    background-image:none;
}

#portal-sitemap .navTreeLevel0 li, #portal-sitemap  .navTreeItem, #portal-sitemap  .navTreeItem div, #portal-sitemap  .navTreeItem a {
    border: none !important;
    color: #000000;
}

#portal-sitemap li{
    border: none;
    list-style-type: none;
    list-style-image: none;
}

#portal-sitemap .navTreeLevel2 {
    border-left:none;
    border-bottom: 2px dotted #dddddd;
    margin-bottom:0.5em;
    padding-bottom:0.5em;
    margin-left: 0;
    padding-left:0;
}

#portal-sitemap .navTreeLevel2 .navTreeItem  a {
    background-image:url(bullet.gif);
    background-repeat:no-repeat;
}

#portal-sitemap .navTreeLevel3 .navTreeItem  a {
    font-weight:normal;
    background-image:url(bullet_gray.gif);
    background-repeat:no-repeat;
}

#portal-sitemap .navTreeLevel3 {
    margin:0;
}

#portal-sitemap a {
    border:none;
    background-color:#ffffff;
}


#portal-sitemap a:hover {
    border:none;
}

.flyoutmenu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    list-style-position: inside;
    z-index: 110;
    width: 100%;
    left: 0;
    top: 40px;
    min-height: 400px;
    padding-bottom: 15px;
    float: left;
    position: absolute;
}

/*.flyoutmenu-content {
    background-color: #fff;
    float: left;
    height: 400px;
    left: 0;
    position: absolute;
    top: 40px;
    width: 100%;
}*/

#dropdown-portal-globalnav .flyoutmenu a {
    color: #444;
}
.flyoutmenu-nav > h3 {
    float: left;
    margin: 5px;
    padding: 5px;
}

.flyoutmenu-nav > h3 i{
    padding-left: 10px;
}

.flyoutmenu-nav .close {
    margin: 5px;
    padding: 5px;
}

#dropdown-portal-globalnav li:hover a.direct-link,
#dropdown-portal-globalnav a.direct-link {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #969696;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 86%;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    text-transform: uppercase;
}

#dropdown-portal-globalnav li:hover a.direct-link:hover {
    color: #444;
    background-color: #ddd;
}

#dropdown-portal-globalnav .close {
    float: right;
    cursor: pointer;
    font-size: 24px;
}

#dropdown-portal-globalnav .close span {
    display: none;
}

ul.flyout-column,
.flyoutmenu > ul {
    display: table;
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    min-width: 235px;
    border-right: 1px solid #ddd;
}

.flyoutmenu > ul:nth-of-type(4) {
    border: none;
}

ul.flyout-column  li a,
#dropdown-portal-globalnav .flyoutmenu ul li a {
    padding: 5px 10px 5px 10px;
    display: block;
}

ul.flyout-column li h3,
#dropdown-portal-globalnav .flyoutmenu ul li h3 {
    margin: 5px 5px 5px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 0;
    text-transform: uppercase;
    color: #999;
}


ul.flyout-column li:hover a,
ul.flyout-column li a:hover,
#dropdown-portal-globalnav .flyoutmenu ul li:hover a,
#dropdown-portal-globalnav .flyoutmenu ul li a:hover {
    background-color: #004291;
    color: #fff;
    text-decoration: none;
}


hr.divider {
    clear: both;
}


/* UBTHEME-66 */
.highlight {
    background-color: #c2d1e5;
    padding: 0.25em;
}


/* the overlayed element */
.overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#FFFFFF;

    min-height:200px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;

    width: auto;
}

.overlay .image-title,
.overlay .image-description
 {
    padding: 0 1em;
    max-width: 730px;
}
/* close button positioned on upper right corner */
.overlay .close {
    background-image:url(close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
    text-indent:40px;
    overflow: hidden;
}


/* pfg stuff */

.template-fg_base_view_p3 .overlay {
    width: 800px;
}

#portal-languageselector .translated-False a img{
    opacity: 0.4;
    filter: alpha(opacity = 40);
}

#portal-languageselector .currentLanguage a img{
    border: 1px solid #436976;
    padding: 1px;
    box-shadow: 2px 2px 2px #888888;
}

.tileItem {
    border-top: none;
    border-bottom:  2px dotted #dddddd;
    margin-bottom: 15px;
}

.tileHeadline {
    border: none;
    font-size: 110%;
    font-weight: bold;
}
.tileHeadline a {
    text-decoration: none;
}
.tileBody {
    margin-bottom: 0.5em;
}
.tileImage {
    float: right;
    margin: 0 0 0.5em 0.5em;
    border: 1px solid black;
}
.comment {
    background: #EDEDED none repeat scroll 0 0;
    border: 1px dashed #76797c;
}

/* ######################### View customization #########################*/

.template-folder_listing #content dt {
    margin-left:30px;

}

.template-folder_listing #content dt span a {
    color: #000000!important;
    text-decoration:none;
}

.template-folder_listing #content dt .documentByLine a {
    color: #004191!important;
    text-decoration:underline;
}

.template-folder_listing #content dd {
    margin-left:30px;
    border-bottom: 2px dotted #dddddd;
    margin-bottom:none;
}

/*-------#  search_events_view   #-------*/
.unibonn-event-entry-row {
    vertical-align: top;
}

.unibonn-event-startdate-column {
    width: 85px;
    text-align:right;
}

.unibonn-event-starttime-column {
    padding-right: 2em;
}

.unibonn-event-title-column a{
    color:#2b62a4;
    text-decoration:none;
/*    font-weight:bold;*/
}

.weekdayList {
    display: block;
    }

/*-------#  unibonnEvent_view   #-------*/
.unibonnEventTable {
    border-spacing: 1.5em;
}

.unibonnEventTable tr {
    text-align: left;
    vertical-align: top;
    padding-bottom: 0.3em;
}

.unibonnEventTable th {
    min-width: 20%;
    vertical-align: top;
    padding-right: 15px;
}

.unibonnEventTable td {
    vertical-align: bottom;
}

/* ######################### Content area #########################*/

#content a.link-feed {
    padding: 1px 0px 1px 22px;
}

#content .link-plain {
    background-image: none !important;
    padding: 0 !important;
}

#content a img {
    background-image: none;
    text-decoration: none;
}

#document-toc {
    border-left: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding-left: 15px;
    width: 250px;
}

#document-toc a[href ^="http:"] {
    padding: 0;
}

#parent-fieldname-description{
    padding-bottom: 15px;
}

#parent-fieldname-text{
    margin-left: 0px;
/*     margin-top: 15px; */
}

.section-Pressemitteilungen #parent-fieldname-text{
    margin-left: 0px;
/*     margin-top: 15px; */
}

.documentContent ul {
    list-style: none;
}

.documentContent ul li {
    background: url("bullet.gif") 0 1px no-repeat;
    padding-left: 1em;
}

ul.formTabs {
    margin: 0;
}

.documentContent ul li.formTab {
    background: none;
    padding: 0;
}

.documentActions ul {
    list-style: none;
    list-style-position: inside;
    padding-left:0;
    float: right;
}

.documentActions ul li {
    display: inline;
    background: none;
}

.documentActions ul li a {
    padding-left: 1em;
}


/* listing */
table.listing {
    margin: 1em 0em 1em 0em;
}

table.listing th{
    color: #ffffff;
    font-weight: bold;
    font-size: 9pt;
    text-transform: none;
    background-color: #7fa6cf;
    padding: 0.25em 0.5em;
}

table.listing td, table.listing td a, table.listing td span a {
    color: black !important;
}

table.listing .even , table .listing .odd{
    border: 1px solid #aaaaaa;
}

table.listing td{
    border: 1px solid #aaaaaa;
    padding: 0.25em 0.5em;
}

table.listing tr:hover {
    background-color: #ededed;
}
table.listing a:hover{
    text-decoration:none;
}

/* listing bar */
.listingBar {
    color: white;
    line-height: 30px;
    margin-bottom: 30px;
}

.listingBar {
    border:none;
    background-color: #7fa6cf;
    padding:  0;
    text-align: center;
}

.listingBar a{
    color:#ffffff;
    padding: 0 0.3em;
    line-height: 30px;
}

.listingBar span {
    display: inline-block;
    line-height: 30px;
    padding: 0 0.3em;
}

.listingBar span.previous, .listingPrevious  {
    margin-left: 1em;
    float: left;
}

.listingBar span.next, .listingNext {
    margin-right: 1em;
    float: right;
}
.listingBar .current {
    color: #444;
    background-color: #ffffff;
}

#listing-table td {
    border: 1px solid #ddd;
    padding: 0.25em;
    font-size: 80%;
    white-space: nowrap;
}
/* wysiwyg styles start */

pre {
    background-color: #c8d9ea;
    border:none;
}

.pullquote {
    color:#6e6e6e;
    border-left:4px solid #7fa6cf;
    padding: 0 1em 0 1em;
    margin: 0 0 1em 1em;
    font-weight: bold;
    color: #6e6e6e;
    float: right;
    width: 35%;
    clear: right;
    border-left: 4px solid #7fa6cf;
}

.callout {
    padding: 1em 0 1em 0;
    border-bottom: 1px solid #274a97;
    border-top: 1px solid #274a97;
    color: #6e829e;
    font-size: 126%;
    font-family: "Times New Roman", serif;
}

.discreet {
    color: #76797c;
    font-size: 85%;
    font-weight: normal;
}

/* Kupu image alignment classes */
.image-left {
   float: left;
   clear: both;
   margin: 0.5em 1em 0.5em 0;
   border: 1px solid Black;
}
.image-inline {
   float: none;
}
.image-right {
   float: right;
   clear: both;
   margin: 0.5em 0em 0.5em 1;
   border: 1px solid Black;
}
dd.image-caption {
   text-align:left;
   padding: 0; margin:0;
}
dl.captioned {
   padding: 10px;
}
/* wysiwyg styles end */

/* news styles */
.newsImageContainer {
    float:right;
    margin: 0 0 0.5em 1em;
    width: 192px;
}

.newsImageContainer .discreet {
    font-size: 11px;
}

.newsContent {
    padding: 0 1em 1em 1em;
}
.newsContent ul,
.newsContent li {
    display: block;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.newsAbout {
    display: block;
    font-size: 80%;
    padding: 0;
    margin-top: 0;
    list-style: none;
    list-style-image: none;
    float: right;
    text-align: right;
}
.newsAbout li {
    display: inline;
}
.newsFooter {

}
.newsFooter li {
    display: inline;
    margin: 0 1em 0 0;
}

/* Status messages */

dl.portalMessage {
    background-color: #ffffe3;
    border: 1px solid #996;
}
dl.portalMessage a {
    color: black;
    border: none;
    text-decoration: underline;
}
dl.portalMessage dt {
    background-color: #996;
    font-weight: bold;
    float: left;
    margin: 0 0.5em 0 0;
    padding: 0.5em 0.75em;
    color: #ffffff;
    line-height: 1.25em;
}
dl.portalMessage dd {
    padding: 0.5em 0.5em;
    margin: 0;
    line-height: 1.25em;
}
dl.warning {
    border-color: #d80;
}
dl.warning dt {
    background-color: #d80;
}
dl.error {
    border-color: #d00;
}
dl.error dt {
    background-color: #d00;
}
dl.warning {
    border-color: #d80;
}
dl.warning dd {
    background-color: #fd7;
}
dl.error {
    border-color: #d80;
}
dl.error dd {
    background-color: #fd7;
}

.documentDescription {
    /* The summary text describing the document */
    font-weight: bold;
    display: block;
    margin: 0em 0em 0.5em 0em;
    line-height: 1.5em;
}
.documentByLine {
    font-size: 80%;
    font-weight: normal;
    color: #76797c;
    margin-bottom: 0.5em;
}

#document-toc ol {
    /*list-style: none;*/
    padding-left: 0px;
}

#document-toc ol li{
    list-style-position: inside;
    text-indent: -15px;
    padding-left: 15px;
}

/* ######################### Searchboxes #########################*/

#portal-searchbox {
    margin: 0 0 0 0;
    height: 30px;
}

form.searchPage {
    text-align: center;

}
form.searchPage input[type="text"] {
    line-height: 30px;
    width: 40%;
}
/*input.searchButton {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    border-radius: 100%;
    box-sizing: border-box;
    color: #444;
    display: inline-block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    text-indent: 100px;
}
*/
.portletSearch .portletItem {
    background-color: transparent;
}

.LSResult {
    display:none;
    padding-top: 0;
}

#livesearchLegend  {
    display: none;
}

.LSTable {
    margin: 0;
}
.LSRow {
    padding: 5px;
}

.LSRow:hover a,
.LSRow:hover {
    background-color: #004291;
    color: #fff;
}

.livesearchContainer {
    margin: 1em 0;
    padding: 0;
}
#global-sections-wrapper{
    display:inline;
    float:left;
    background-color: #969696;
}

input.searchField {
    border: 1px solid #ddd;
}

div[data-template="filteredfacets"] {
    width: 50% !important;
    margin: 25px 5px;
}

div[data-template="filteredfacets"] input[type="checkbox"]{
    float: left !important;
    margin: 7px 5px 0 0 !important;
}
.mb-flexbox .nav > li label.checkbox > span > .pull-right {
/*div[data-template="filteredfacets"] label span {*/
    padding: 0 !important;
}

.mb-line-item, .nav > li label.checkbox > span {
    width: auto !important;
}

.mb-flexbox .mb-line-item > *, .mb-flexbox .nav > li label.checkbox > span > * {
    display: block !important;
    margin-right: 10px !important;
    max-width: 100% !important;
    width: auto !important;
}


#search-content .ui-autocomplete .ui-menu-item {
    margin: 0;
}

/* UBS-1080 Collapse|h2|collapse */
#collage p.collapse,
#content p.collapse {

    cursor: pointer;
    font-weight: bold;
    background-image: url('pfeil_blau_klein_rechts.png');
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 14px;
}

#collage h2.collapse,
#collage h3.collapse,
#content h2.collapse,
#content h3.collapse {
    cursor: pointer;
    color: #004191;
    background-image: url('pfeil_blau_rechts.png');
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding-left: 14px;
    text-decoration: underline;
}
#collage p.collapse.open,
#content p.collapse.open {
    background-image: url('pfeil_blau_klein_unten.png');
    background-repeat: no-repeat;
    padding-left: 14px;
}

#collage h2.collapse.open,
#collage h3.collapse.open,
#content h2.collapse.open,
#content h3.collapse.open{
    background-image: url('pfeil_blau_unten.png');
    background-repeat: no-repeat;
    padding-left: 14px;
}

#collage h3.collapse,
#content h3.collapse {
    background-position: 0px 5px;
    background-image: url('pfeil_blau_klein_rechts.png');
}

#collage h3.collapse.open,
#content h3.collapse.open{
    background-image: url('pfeil_blau_klein_unten.png');
}

.collapse-container {
    display: none;
}

/* portlet page styles start */

#portletPageColumns hr {
    margin: 0.2em 0;
}

#portletPageTopRow  .portletItem{
    padding:0;
}

#portletPageTopRow .portlet {
    margin-bottom:1em;
}

#portletPageColumns .portlet a{
    background-image:none;
    padding: 0;
}

#portletPageTopRow  .PressreleasePortletEntryWrapper,
#portletPageBottomRow .PressreleasePortletEntryWrapper{
    border-top:2px dotted #CCCCCC;
    clear:both;
    float:right;
    margin-left:1em;
    padding-bottom:0.5em;
    padding-top:0.5em;
    width:100%;
}

#portletPageColumns .portletFooter {
    clear:both;
}

.PressreleasePortletAbstract {
   display: inline;
   padding-right: 1em;
}

#portletPageFirstColumn .portletItem, #portletPageFirstColumn .portletHeader, #portletPageFirstColumn .portletFooter{
    margin-left:0;
}

#portletPageSecondColumn .portletItem, #portletPageSecondColumn .portletHeader, #portletPageSecondColumn .portletFooter{
    margin-right:0;
}

.PressreleasePortletImage{
    float:right;
    width: 75px;
    overflow:hidden;
    text-align: right;
}
/* portlet page styles end */

/* fullscreen */
body.fullscreen #portal-column-one,
body.fullscreen #portal-column-two {
  display: none;
}

body.fullscreen #portal-column-content {
  margin: 0;
  padding: 0;
}

/* ######################  FORM Styles ############################# */
.fieldRequired {
    color: #000000;
}
.pfg-form form, form.public-form {
   border: #8ba8cb;
   background-color: #e8edf2;
   padding: 1em;
   clear: both;
}

.pfg-form input, .pfg-form select, .pfg-form textarea, .pfg-form radio, .pfg-form checkbox,
.public-form input, .public-form select, .public-form textarea, .public-form radio, .public-form checkbox {
   border: #8ba8cb solid 1px;
}

.pfg-form div.error, .public-form div.error {
   background-color: #D1DBE5;
   border: 1px solid #c0c0c0;
}

.pfg-form .context, .public-form .context {
   background-color: #7ea6ce;
   background-image: none;
   color: white;
   padding-left: 1px;
   text-transform: none;
}

.public-form legend{
   background-color: #e8edf2;
}


#content #parent-fieldname-text  a[href ^="https://www.iwe.uni-bonn.de"] {
    background: none;
    padding: 0;
}

#content #parent-fieldname-text a[href $=".pdf"],
#content a.link-callto {
    background: transparent url(https://www.iwe.uni-bonn.de/pdf.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 22px;
}

#content #parent-fieldname-text a.link-plain {
    background: none !important;
    padding: 0;
}

legend {
    background: White none repeat scroll 0 0;
    font-size: 90%;
    padding: 0.5em;
}

fieldset {
    border: 1px solid #dddddd;
    line-height: 1.5em;
    margin: 1em 0;
    padding: 0 1em 1em;
    width: auto;
}

input {
    color: #444;
}

/* geo tags */

div.gm-style-iw {
    overflow-y: auto;
}

div.geotag-level1 {
    padding-left: 1em;
}
div.geotag-level2 {
    padding-left: 2em;
}
div.geotag-level3 {
    padding-left: 3em;
}

.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div {
    font-size: 12px;
}

/* removes kupu config option UBS-1061 */

.template-kupu_config #content .documentContent form fieldset:first-child,
.template-kupu_config #content .documentContent form fieldset:first-child + fieldset
 {
    display: none;
}

/* UBTHEME-66 */
.highlight {
    background-color: #c2d1e5;
    padding: 0.25em;
}



/* link images */

/* ###################### Styles for new personal_form (ldap preferences) ############################# */

.prefsBlockName, .prefsBlockPostAdress, .prefsBlockOfficeAdress, .prefsBlockPrivateAdress {
    border: 1px solid gray;
    padding: 1em;
    margin: 0.5em 0;
}


/* ######################  Additional Styles ############################# */
span.cancelled {
    font-size: 80%;
    color: red;
}

div.eventType {
    margin: 1em 0 1em 0;
}
/*collage*/

.collage-item dd {
    margin-left: 0px;
}

.collage-item dt a {
    text-decoration: none;
    font-weight: normal;
}

div #category {
    padding:1em 0;
}

#content .link-category {
    color: #004191 !important;
}

.collage-row {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #ddd;
}

/* #Issue INTERUB-456 */
table.listing th, .stx table th {
    text-transform:none;
}

.SC_Item div.autoFlowPlayer {
    width: auto  !important;
    height: auto  !important;
}


#content #galleria {
    box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.8);
    margin: 15px auto;
}


#subgallery-search select {
    color: #000000;
}

#subgallery-galleries {
    list-style-image: none;
    margin: 1em 0em;
}

#subgallery-galleries li {
    margin: 0px;
    margin-right: 10px;
}

#content #subgallery-galleries li a {
    border-bottom: none;
    width: auto;
    padding: 5px;
}

.galleria-carousel .galleria-thumb-nav-left, .galleria-carousel .galleria-thumb-nav-right {
    margin-top: 7px;
}

.galleria-info {
  left: 10px !important;
}

#content a#galleria-player {
    display: none !important;
}

.floating-div {
    display: inline-block;
    float: left;
}

.two-columns {
    width: 49%;
    margin-right: 2%;
}

.collage-item .two-columns + .two-columns,
#parent-fieldname-text > .two-columns + .two-columns {
    margin-right: 0;
}


.three-columns {
    width: 32%;
    margin-right: 2%;
}

.three-columns + .three-columns + .three-columns,
#parent-fieldname-text > .three-columns + .three-columns + .three-columns  {
    margin-right: 0;
}

.collapse-all {
    color: #004191;
    cursor: pointer;
    float: right;
}

.collapse-all.open {
    color: #666666;
}

#collage .image p.collapse,
#content .image p.collapse {
    background-image: none;
    padding-left: 0;
}

#collage .image.gray,
#content .image.gray {
    background-color: #ededed;
}

#collage .image p.collapse:hover,
#content .image p.collapse:hover {
    opacity: 0.8;
    color: #004191;
}

.collapse img {
    width: 100%;
    height: auto;
}

.collapse-text-handle {
    padding: 0.5em;
    display: inline-block;
}

#audienceredirect select {
    width: 100%;
}

#login-form {
    margin: 0 auto;
    max-width: 30em;
}

#forgotten-password {
    float: right;
    margin: 0;
    width: 100%;
}

.documentEditable .documentContent {
    border: none;
    border-top: 1px solid #004291;
}

.formPanel {
    padding: 0;
    border: none;
}

.template-atct_edit #portal-globalnav,
.template-atct_edit #portal-column-two,
.template-atct_edit #portal-column-one {
    display: none;
}

.pb-ajax {
    overflow: scroll;
    padding: 10px;
}

.pb-ajax .formControls {
    padding-bottom: 10px;
}



.column-staff{
    width:36%; box-sizing:border-box; float:left;
}

.staff-row,
.staff-row span{
    display: block;
}

.row-staff:after{
    content:" ";
    height:0;
    clear:both;
    display:block;
}
.staff-row span.column-name{
    display:inline;
    white-space:nowrap;
}
.column-bild{
    float:left;
    width:112px;
}
.person-staff:nth-child(even){
    background-color:#eee;
}

p span.staff-row:nth-child(2n){
    background-color: #eee;
}

/* tabbed view form tabs */
.tabbed-content ul.formTabs {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
    padding: 1px 0 0 0;
    line-height: 25px;
    list-style-type: none;
    text-align: center;
    background-color: #f5f5f5;
    /*border-bottom: 1px solid #969696;*/
}

.tabbed-content li.formTab {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}
.tabbed-content li.formTab.firstFormTab {
    margin-left: 1px;
}

.tabbed-content li.formTab a {
    /*border: 1px solid #969696;*/
    background: #f5f5f5 none repeat scroll 0 0;
    border-bottom: none;
    border: none;
    color: #444;
    margin: 0;
    padding: 0.125em 0.75em;
    text-decoration: none;
}
.tabbed-content li.formTab a:visited {
    color: #444;
}

.tabbed-content li.formTab a:hover,
.tabbed-content li.formTab a.selected {
    background: #969696 none repeat scroll 0 0;
    border-bottom: none;    
    color: #fff;
}

.tabbed-content li.formTab.firstFormTab a:hover,
.tabbed-content li.formTab.firstFormTab a.selected {
}

.tabbed-content dl dd,
.tabbed-content .tileText {
    margin-bottom: 25px;
    margin-left: 0px;
}

#viewlet-social-bookmarks {
    padding-top: 0px;
}


/* fancybox overrides, important(s) are needed because of the direct integration into a pagetemplate */
div#fancybox-title {
    left: 0 !important;
    margin-left: 20px;
}

#fancybox-title-float-wrap {
    border-collapse: separate !important;
    border: #fff solid 2px !important;
    border-radius: 7px !important;
}

#fancybox-title-float-wrap td {
    white-space: normal !important;
}

#fancybox-title-float-left,
#fancybox-title-float-main,
#fancybox-title-float-right {
    background: none #000 no-repeat !important;
}

#fancybox-title-float-main {
    line-height: 1.5em !important;
}

#content ul.glossaryAbcedaire {
    text-align: center;
}

#glossary .glossaryAbcedaire li,
#content #glossary ul.glossaryAbcedaire li,
#content #glossary .documentContent ul.glossaryAbcedaire li {
    background: none;
    margin: 0 0 0 0.6em;
    padding: 0;
    font-family: "Exo 2", sans-serif;
}

.documentContent ul.glossaryAbcedaire li::before {
    content: "|\00a0\00a0";
}

.documentContent ul.glossaryAbcedaire li:first-child::before {
    content: "";
}

#glossary form {
    text-align: center;
}

#glossary fieldset {
    border: none;
}

#search_text {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #444;
    height: 30px;
    max-width: 100%;
    padding: 4px 6px;
    transition: all 0.2s linear 0s;
    margin-right: 10px;
    width: 80%;
}

#glossary dt {
    font-family: "Exo 2", sans-serif;
    margin-top: 25px;
    padding-bottom: 5px;
}

#glossary dd,
#glossary dt {
    border-left: 3px solid rgb(194, 209, 229);;
    padding-left: 15px;
}

#glossary dd {
    margin-left: 0;
}


@media only screen and  (max-width: 320px){
    .column-staff{ width:100%;}
    .column-name{display:block;}
    .column-bild{width:100%}
    .column-bild img{width:100%; height:auto;}
}
@media only screen and  (max-width: 480px){
    .column-staff{ width:100%;}
}


@media only screen and (min-width: 1px) and (max-width: 3000px) {
    .template-atct_edit #portal-column-two,
    .template-atct_edit #portal-column-one {
        display: block;
    }
}


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

    #portal-column-two ~ #portal-column-content {
        border-right: none;
    }

    #portal-column-one-slider {
        left: 0px;
    }

    #portal-column-two-slider {
        right: 0px;
        display: block;
    }

    #portal-column-two {
        display: none;
        z-index: 100;
        position: absolute;
        border-top: 1px solid #BBBDBE;
        border-bottom: 1px solid #BBBDBE;
        right: 0;
        left: auto;
        top: auto;
        border-left: 1px solid #BBBDBE;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .flyoutmenu ul {
        width: 50%;
        margin: 0;
        padding: 0;
    }

    .flyoutmenu > ul:nth-of-type(2) {
        border: none;
    }


/*    #unibonn-searchbox > *,
    .socialmedia-buttons {
        margin-top: 10px;
    }*/
}

/* just a basic theme for browsers that will be resized */
@media only screen and (max-width: 767px) {
    html, body{
        overflow-x: hidden; /* Prevent scroll on narrow devices */
        height: auto;
        margin: 0 10px;
    }
    iframe html,
    iframe body {
        overflow-x: auto;
    }
    .copyright,
    .logo-wrapper {
        margin-left: 15px;
    }
    #portal-firstline #portal-siteactions {
        display: none;
    }

/*    #portal-column-content {
        padding-left: 40px;
        padding-right: 40px;
    }*/
    #portal-column-one .portletNavigationTree:first-of-type {
        display: none;
    }

    #portal-column-one ~ #portal-column-content,
    #portal-column-two ~ #portal-column-content {
        border-right: none;
    }

    #portal-column-one-slider {
        left: 0px;
        display: block;
    }

    #portal-column-two-slider {
        right: 0px;
        display: block;
    }

    #portal-column-one,
    #portal-column-two {
        display: none;
        z-index: 100;
        position: absolute;
        border-top: 1px solid #BBBDBE;
        border-bottom: 1px solid #BBBDBE;
    }

    #portal-column-one {
        left: 0px;
        border-right: 1px solid #BBBDBE;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    #portal-column-two {
        right: 0px;
        border-left: 1px solid #BBBDBE;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .searchbox-socialmedia-wrapper {
        margin-top: 10px;
    }

    /* mobile navigation start */
    #globalnav-bar-toggle {
        background-color: transparent;
        list-style: none;
        float: left;
        margin: 0;
    }

    #globalnav-bar-toggle a {
        padding: 0em;
    }

    #portal-globalnav {
        display: none;
        background-color: #f6f6f6;
        float: left;
        list-style: none;
        list-style-position: inside;
        padding: 0;
        width: 100%
    }

    #portal-globalnav li {
        float: left;
        width: 100%;
        padding: 5px 0;
    }

    #portal-globalnav li a {
        border-right: none;
        background-color: transparent;
        color: #515151;
    }

    #globalnav-bar-toggle #portaltab-search {
        float: right;
    }

    a.hasDropDown,
    a.hasDropDown:hover {
        background: none;
    }

    #portal-globalnav li a {
        line-height: 30px;
    }

    #portal-globalnav .nested > a > span {
        float: right;
        line-height: 30px;
        text-align: center;
        width: 30px;
        border-left: 1px solid #e1e1e1;
    }

    #portal-globalnav ul.submenu {
        position: relative;
        left: 0;
        float: left;
        width: 100%;
        display: block;
        padding-left: 0px;
    }

    #portal-globalnav ul.submenu li a {
        width: 100%;
        border: none;
        /*padding: 0.5em 1em 1.8em;*/
    }

    #portal-sections ul#portal-globalnav a:hover,
    #portal-sections #portal-globalnav ul a:hover {
        background-color: #004192;
        border: medium none;
        color: #fff;
        text-decoration: none;
    }

    ul.submenu.current {
        background-color: #fdfdfd;
    }

    #portal-globalnav li ul ul {
        margin-left: 0;
    }

    #portal-sections #portal-globalnav li a {
        padding-left: 0.5em;
    }
    .submenu li a {
        padding-left: 1em;
    }

    .submenu.navTreeLevel1 li a {
        padding-left: 2em;
    }

    .submenu.navTreeLevel2 li a {
        padding-left: 3em;
    }

    .submenu.navTreeLevel3 li a {
        padding-left: 4em;
    }

    .submenu.navTreeLevel4 li a {
        padding-left: 5em;
    }

    .submenu.navTreeLevel5 li a {
        padding-left: 6em;
    }

    .submenu.navTreeLevel6 li a {
        padding-left: 7em;
    }
    /* mobile navigation end */

/*    .news-block article figure {
        width: 200px;
        float: left;
        margin-right: 10px;
    }*/

    .cycle-overlay {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        bottom: -20%;
        color: #444;
        height: 20%;
        padding: 10px 0 0 0;
        position: relative;
        width: 100%;
        z-index: 600;
    }

    .cycle-overlay h2, .cycle-overlay h3 {
        color: #444;
    }

    .cycle-prev, .cycle-next {
        top: 30%;
    }

    .cycle-slideshow .cycle-prev, .cycle-slideshow .cycle-next {
        opacity: 1.0;
    }


    .searchbox-socialmedia-wrapper {
        margin-top: 10px;
        width: 100%;
        text-align: right;
    }

    #dropdown-portal-globalnav > li {
        display: none;
    }

    #dropdown-portal-globalnav > li#portaltab-menu {
        display: block;
    }

    .socialmedia-buttons {
        padding-left: 0;
    }

    .socialmedia-viewlet {
        float: none;
        display: inline-block;
    }

    #unibonn-searchbox {
        margin-left: 15px;
        float: none;
        display: inline;
    }

    #portal-logo img {
        display: none;
    }

    #portal-logo {
        background: #fff url('logo-mobile.png') no-repeat scroll 0 0;
        width: 84px;
        height: 106px;
    }

    .two-columns,
    .three-columns {
        width: 100%;
        margin-right: 0;
    }

    div[data-template="filteredfacets"] {
        width: 100% !important;
    }


}

