/*
*
*
* CUSTOM STYLES KOMPETENZZENTRUM OEFFENTLICHE IT
* 11/2014
*
*
*
*
*/
@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular-webfont.eot");
  src: url("../fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Regular-webfont.woff") format("woff"), url("../fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("../fonts/Roboto-Regular-webfont.svg#RobotoRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Italic-webfont.eot");
  src: url("../fonts/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Italic-webfont.woff") format("woff"), url("../fonts/Roboto-Italic-webfont.ttf") format("truetype"), url("../fonts/Roboto-Italic-webfont.svg#RobotoItalic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Bold-webfont.eot");
  src: url("../fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-Bold-webfont.woff") format("woff"), url("../fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("../fonts/Roboto-Bold-webfont.svg#RobotoBold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-BoldItalic-webfont.eot");
  src: url("../fonts/Roboto-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto-BoldItalic-webfont.woff") format("woff"), url("../fonts/Roboto-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

/* General */
body {
  height: 100%; }

.container-fluid {
  max-width: 1366px;
  padding-left: 2px;
  padding-right: 2px; }

.fullheight {
  height: 100%;
  padding-bottom: 50px; }

figcaption {
  background: #f8f8f8;
  color: #888;
  font-size: 70%;
  margin-top: 20px;
  padding: 2px 4px; }

.pager.lfr-pagination-buttons {
  margin-top: 0 !important;
  text-align: right !important; }

/* HELPER */
.whitebg {
  background: #fff; }

.white {
  color: #fff; }

.black {
  color: #000; }

.marge {
  padding-bottom: 15px; }

.oefit-navigation {
  position: relative;
  top: 0;
  width: 100%; }

.first {
  padding-left: 0; }

.last {
  padding-right: 0; }

.nopadding {
  padding: 0; }

.pub-list-item .thumbnail figure {
  height: 300px; }

.pub-list-item .thumbnail {
  min-height: 425px; }

.pub-list {
  display: table;
  height: 100%; }

#content hr {
  margin-top: 30px;
  margin-bottom: 30px; }

.shariff-button.info {
  background: #fff; }

.shariff ul {
  margin: 8px 0 0; }

.teaser p, .teaser h1 {
  background: rgba(65, 103, 121, 0.7);
  border-radius: 1px;
  padding: 10px;
  width: auto; }

.teaser {
  position: relative; }

.fixme {
  position: fixed;
  top: 80px;
  z-index: 999999; }

.fixedbg {
  background: #416779;
  z-index: 99999;
  position: fixed;
  top: 0;
  webkit-transition: background-color 600ms ease-in;
  -moz-transition: background-color 600ms ease-in;
  -o-transition: background-color 600ms ease-in;
  -ms-transition: background-color 600ms ease-in;
  transition: background-color 600ms ease-in; }

.fixedbg a {
  color: #fff; }

.fixedbg .logo {
  float: left;
  margin: 7px 40px 0 0; }

.fixedbg .heading {
  margin: 0; }

.fixedbg .navbar-nav > li > a {
  padding-bottom: 25px;
  padding-top: 25px; }

.fixedbg .navbar-toggle {
  margin-top: 20px; }

.fixedbg .bmilogo {
  display: none !important; }

.oefit-content {
  min-height: 800px; }

.alpha50 {
  background: url("/oefit-layout-theme/images/oefit/alpha50.png"); }

.heading {
  margin: 30px 0 15px; }

.row.box-3 img {
  width: 100%;
  margin: 5px 0; }

blockquote {
  background: none repeat scroll 0 0 #f4f4f4;
  border-left: 5px solid #416779;
  font-size: 17.5px;
  margin: 30px 0 40px;
  padding: 10px 20px; }

.box-5 .glyphicon {
  color: #416779;
  font-size: 52px;
  padding: 20px 0; }

.image100 {
  width: 100%; }

footer {
  background: #416779;
  min-height: 250px;
  padding: 20px 0;
  font-size: 90% !important; }

footer a, footer a:hover {
  font-weight: normal;
  color: #fff; }

footer a:before {
  content: "\27A5 ";
  background: #428bca;
  padding: 0 3px;
  border-radius: 2px;
  margin: 0 5px 0 0; }

footer dt {
  padding: 5px 0; }

footer hr {
  border: 1px solid #3c5e6f;
  box-shadow: 0 1px 0 #4c788d; }

footer .field {
  background: #395765;
  border-color: #466e81 #466e81 #50788B;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 2px 2px #2c4551 inset;
  padding: 2px; }

.nobefore:before {
  background: none;
  content: ""; }

/* Navigation*/
.nav > li {
  display: block;
  position: static; }

.nav > li a.active {
  background: #efefef; }

.nav > li a.active, .nav > li a:hover, .nav > li a:active, .navwrap a {
  color: #416779; }

.navwrap {
  background: none repeat scroll 0 0 #efefef;
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
  height: 0px;
  visibility: hidden;
  z-index: 999;
  padding: 20px 0 0 0; }

.navwrap p {
  line-height: 1.33; }

.navwrap .sub {
  margin-top: 60px; }

.nav-child-close {
  height: 0px;
  visibility: hidden; }

.icon-bar {
  background: #343434; }

.nav-child-open {
  min-height: 300px;
  height: auto;
  visibility: visible; }

.animate {
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -ms-transition: all .1s linear;
  -o-transition: all .1s linear;
  transition: all .1s linear; }

.aui .portlet, .aui .portlet-borderless-container, .aui body {
  background: none; }

.aui .row {
  margin: 0; }

.addnewsurvey .checkbox {
  display: table; }

.taglib-custom-attributes-list {
  visibility: hidden; }

/** PUBLICATIONS PREVIEW SLIDER **/
.slider {
  overflow: hidden;
  margin: 12px 0; }

.slider .list {
  display: block;
  position: relative;
  height: auto;
  position: relative;
  white-space: nowrap;
  width: auto; }

.slider .list .item {
  display: inline-block;
  font-size: 81%;
  height: auto;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  width: 150px;
  cursor: move;
  padding-right: 15px; }

.slider .list .item .title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.slider .list figure {
  height: 195px; }

.noselect {
  pointer-events: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.commenttext {
  background: #f8f8f8; }

/** BLOG AKTUELL **/
.blog h3 {
  margin-bottom: 10px; }

.blog-entry {
  border-bottom: 1px solid #efefef;
  padding: 10px 0 20px;
  min-height: 250px; }

.blog-entry:last-child {
  border: none; }

.blog-entry:first-child {
  padding-top: 0; }

/* TeaserImg portlet */
.oefit-teaser {
  min-height: 300px; }

.bgimage {
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  top: 0;
  width: 1920px;
  z-index: -999999; }

.shariff {
  height: 46px; }

@media (min-width: 1900px) {
  .bgimage {
    width: 100%; } }
/* Large desktop */
@media (max-width: 1259px) {
  .pub-list-item .thumbnail {
    min-height: 470px; }

  .pub-list {
    display: block;
    height: 100%; } }
@media (min-width: 768px) {
  .navbar-collapse {
    padding-left: 0px !important;
    padding-right: 0px; } }
/* Portrait tablet to landscape and desktop */
@media (max-width: 350px) {
  body {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; } }
/*CUSTOM NAVBAR */
@media (max-width: 1100px) {
  .navbar-header {
    float: none; }

  .navbar-left, .navbar-right {
    float: none !important; }

  .navbar-toggle {
    display: block; }

  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px; }

  .navbar-collapse.collapse {
    display: none !important; }

  .navbar-nav {
    float: none !important;
    margin-top: 7.5px; }

  .navbar-nav > li {
    float: none; }

  .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px; }

  .collapse.in {
    display: block !important; }

  #navigation li {
    text-align: center;
    border-bottom: 1px solid #efefef; }

  #navigation li:last-child {
    border-bottom: none; }

  .nav-inner {
    padding-top: 20px;
    padding-bottom: 20px; }

  .site-title img {
    width: 220px;
    height: 56px; }

  .fixedbg .heading {
    margin: 0 0 15px; }

  .site-title {
    height: 56px; }

  .navbar-nav .caret {
    display: none; } }