/*****
* Dateiname: ub.css
* Einsatz: www.ub.uni-bielefeld.de
* Abhaengigkeit: bootstrap.min.css
* Zweck: Zusaetzliche Anweisungen + Ueberschreiben von bootstrap.min.css
*****/

/*****
* Bildschirm-Layout fuer alle Browserfenstergroessen (spezielle Anweisungen weiter unten)
*****/

@media screen{

/*****
* Seiten-Layout
*****/

/* anweisungen fuer 'sticky' footer am unteren rand */
html{position:relative;min-height:100%;}
body{margin-bottom:30px;}
.footer{position:absolute;bottom:10px;width:100%;height:30px;}

/* hintergrundfarbe, padding und hoehe fuer container im main-bereich */
body > .container{background-color:#fff;padding-bottom:80px;min-height:calc(100vh - 30px);}

/* 'Innere' Reihe ohne Abstand nach links und rechts */
.innerrow{padding-left:0!important;padding-right:0!important;}

/*****
* Header und Footer
*****/

/* Logoverbund im OA-Portal */
.logoverbund_oa a:last-of-type img{vertical-align:bottom;padding:0 0 5px 5px;}
 
/* sprachauswahl */
.select-language{clear:both;}
.select-language a{display:inline-block;padding:3px 6px;background-color:#666;color:#fff;}

/* ueberschrift in gruener Flaeche - kein rand nach unten */
.header-brand{margin:0;}

/* ueberschrift in gruener Flaeche - linkfarbe und -styling */
.header-brand a,.page-slim h1.header-brand{text-decoration:none;color:#fff;}

/* Links in gruener Flaeche und Formular daneben */
.header-nav,header [class*='col-sm'] form{margin-top:-25px;}
header [class*='col-sm'] form,header form [class*='col-sm'] .fa{font-size:12px;}
header [class*='col-sm'] .form-control,header [class*='col-sm'] .btn{height:20px;padding:0 5px;font-size:12px;}
header [class*='col-sm'] label.btn{padding-top:1px;}

/* hintergrundfarbe und abstand fuer inhalte im footer */
footer .container{background-color:#666;padding:10px 0 0;}

/* text und linkfarbe im Footer */
footer,footer a{color:#fff!important;font-weight:normal;}

/*****
* Navigation links
*****/

/* kein rahmen in linker navigation */
nav{border:0!important;}

/* Listengestaltung */
.navbar ul li{list-style-type:none;background:url(/graphics/ubneu/nav/menuponits_green.gif) no-repeat 0 16px;padding:2px 0 0 10px;}
.navbar ul ul{padding-left:10px;}
.navbar ul li li{background:url(/graphics/ubneu/nav/menuponits_gray.gif) no-repeat 0 4px;padding:0 0 10px 24px;}

/* Logo in Navigation */
.navbar-logo{margin-top:30px;}
.homepage .navbar-logo{margin-top:50px;}

/*****
* Bereich fuer Blog-Artikel auf Homepage
*****/

#result{min-height:100px;}
#result ul{padding:0;margin-left:0;}
#result ul li{list-style-type:none;padding-bottom:10px;border-bottom:1px solid #ccc;}

/*****
* Breadcrumb-Navigation *
*****/

.breadcrumb{font-size:12px;}
.breadcrumb a{border-bottom:0;font-weight:normal;}
.breadcrumb > li + li:before {padding:0;}

/*****
* Ueberschriften
*****/

/* line-height fuer h1 verringern */
h1{line-height:1.1;}

/* h1 styling in article und aside */
main h1{margin-top:25px;margin-bottom:19px;padding-bottom:4px;border-bottom:4px solid #b6c828;}

/* erstes h1 in article oder aside */
main h1:first-of-type{margin-top:0;}

/* h2 auf homepage etwas kleiner und fett */
.homepage h2{font-size:16px;font-weight:bold;}

/* mehr Abstand fuer h2 */
article h2{margin-top:30px;}
/*article h2{display:inline-block;border-bottom:1px solid #b6c828;padding-bottom:2px;}*/

/* wenn h2 auf hr folgt, dann normaler Abstand nach oben */
article hr+h2{margin-top:20px;}

/* wenn h2 erstes element im inhaltsbereich, dann weniger rand nach oben */
article h2:first-child,article h1+h2{margin-top:5px!important;}
article .border h2:first-child{margin:0!important;}

/* h3 und h4 fett */
h3,h4{font-weight:bold;}

/* mehr Abstand fuer h4 */
h4{margin-top:20px;}

/*****
* Links
*****/

/* Links im Inhaltsbereich fett */
article a{font-weight:bold;}

/* Folgende Links nicht fett */
a.arrow-right,a.normal,.normal a,h1 a,h2 a,h3 a,a[href^="tel"],a[href^="fax"],a[href^="mailto"]{font-weight:normal;}

/* Textfarbe (schwarz) fuer Links im rechten Bereich und im Navigationsbereich auf Homepage */
aside a,.homepage nav a{color:inherit;}

/* Links mit Pfeilen */
a.arrow-right:before,a.wichtig1:before{font-family:'FontAwesome';color:#f59f00;padding-right:5px;}
a.arrow-right:before{content:"\f054";}
a.wichtig1:before{content:"\f0a9";font-size:1.5em;margin-top:-4px;float:left;}
aside .wichtig1:before{padding-right:12px;}

/* Text der wie ein Link aussehen soll (Aufklapp) */
.link{cursor:pointer;color:#20496e;}
.link:hover{text-decoration:underline;}

/* Sprungziele (mit veraltetem name-Attribut) nicht als Link darstellen */
a[name]{color:inherit;text-decoration:none;}

/*****
* Listen
*****/

/* Standard-Listengstaltung ueberschreiben */
article ul,aside ul{margin:0;padding:0;list-style-type:none;}

/* Nutzung von FontAwesome */
article ul:not([class]) li:before,article ul:not([class]) ul li:before,article ol ul li:before,ul.list-links li:before,ul.list-condensed li:before,aside ul:not([class]) li:before{font-family:'FontAwesome';color:#f59f00;padding-right:8px;}

/* Erzeugen der Icons */
ul.list-links li:before{content:"\f054";}
article ul:not([class]) li:before{content:"\f101";}
article ul:not([class]) ul li:before,article ol ul li:before,ul.list-condensed li:before,aside ul:not([class]) li:before{content:"\f105";}
article ul:not([class]) ul li:before,article ol ul li:before,ul.list-condensed li:before{padding-right:5px;}

/* Passende Einrueckung bei mehrzeiligen Links */
ul.list-links{padding-left:18px;text-indent:-18px;}
article ul:not([class]) li{padding-left:16px;text-indent:-16px;}
article ul:not([class]) ul li,article ol ul li,.list-condensed li,aside ul:not([class]) li{padding-left:9px;text-indent:-9px;}

/* Doppeltes text-indent bei Verwendung zusaetzlicher FontAwesomes in einem FontAwesome-Listenpunkt verhindern */
article ul:not([class]) li .fa{text-indent:0;}

/* Abstand fuer Listen und Listenpunkte */
article ul li,aside ul li,.homepage nav ul li,article ol:not(.breadcrumb) li{margin-bottom:10px;}
article ul ul{margin-top:5px;}
article ul li li,.list-condensed li{margin-bottom:5px;}

/* Nummerierte Listen (ausser breadcrumb) */
article ol:not(.breadcrumb){margin-left:15px;padding:0;}
article ol:not(.breadcrumb) li ul li{margin-bottom:0;margin-top:5px;}

/*****
* Tabellen
*****/

/* nur aussenborder */
.table-table-bordered{border:1px solid #ccc;}

/* th immer obenbuendig */
.table > thead > tr > th{vertical-align:top;}

/* Etwas hellere Hintergrundfarbe fuer table-Klasse */
.table .table{background-color:#e9e9e9;}

/* Inhalte von .table immer fett */
tr.table td{font-weight:bold;}

/* Spezielles Design fuer erste Spalte */
.col-first-active th:first-child,.col-first-active td:first-child{background-color:#f5f5f5;}
.col-first-bold th:first-child,.col-first-bold td:first-child{font-weight:bold;}
.col-first-right th:first-child,.col-first-right td:first-child{text-align:right;}

/* Breite der Tabellenspalten */
.col-first-md th:first-child,.col-first-md td:first-child{width:150px;}

/* Jede zweite Linie dicker (Ausleihkonto) */
.row-2nd-thick tbody tr:nth-child(2n+1) td{border-top-width:2px!important;}

/* Jede zweite Linie dunkler (Ausleihkonto) */
.row-2nd-dark tbody tr:nth-child(2n+1) td{border-top-color:#666!important;}

/* Weitere Anweisungen fuer 'Spezial'-Tabellen (BIS, DataTable) unten */

/*****
* Formulare
*****/

/* Mehr Rand nach unten bei Formulaaren */
article form,.chat form{margin-bottom:20px;}

/* Aber nicht in Tabellenzellen :-) */
article td form{margin-bottom:0;}

/* Design von Fieldsets in condensed-Formularen bzw. innererer Fieldsets in anderen Formularen */
.form-condensed fieldset,fieldset fieldset{border:1px solid #ccc;border-radius:5px;padding:5px 10px;}

/* Innere Fieldsets mit Abstand nach unten */
fieldset fieldset{margin-bottom:20px;}

/* Fieldset hinter Suchbuttons mit Abstand nach oben */
.btn-group+fieldset{margin-top:20px;}

/* (Zwei) Buttons direkt innerhalb von btn-group-justified (ohne zusaetzliche btn-group) je 50% Breit */
.btn-group-justified > button{width:50%!important;min-width:160px;}

/* Design von (auesseren) Legenden-Texten */
legend{color:#666;font-size:16px;font-weight:bold;}

/* Design von Legenden-Texten in condensed-Formularen bzw. in inneren Legenden in anderen Formularen */
.form-condensed fieldset legend,fieldset fieldset legend{font-size:14px;border:1px solid #ccc;border-radius:5px 5px 0 0;width:inherit;margin:0 0 10px -11px;padding:5px;background-color:#fff;}

/* Volle Breite fuer Input-Felder */
article .input-group{width:100%;}

/* Breite des Feldes mit der Beschriftung */
[class*='input-group-addon-'] fieldset > .form-group .input-group-addon:first-of-type{min-width:100px;}

/* Dunklere Schrift- und Hintergrundfarbe fuer Pflichtfelder */
.required .input-group-addon{color:#333;background-color:#e0e0e0;}

/* Sternchen nach Pflichtfeldern */
.required .input-group-addon label:after{content:" *";font-weight:bold;}

/* Feldnamen mit Label in input-groups nicht fett und mit Rand nach unten */
.input-group-addon label,.form-control label{font:inherit;margin-bottom:0;}

/* Textarea nicht in der Groesse veraenderbar */
textarea{resize:none;}

/* Kein Rand nach oben vor dem ersten Radio-Button / Checkbox einer Gruppe */
.form-control div.radio:first-of-type,.form-control div.checkbox:first-of-type,.form-condensed .checkbox:first-of-type{margin-top:0;}

/* Kein Rand nach unten nach letztem Radio-Button / Checkbox einer Gruppe */
.form-control div.radio:last-of-type,.form-control div.checkbox:last-of-type{margin-bottom:0;}

/* Rand bei nebeneinander liegenden Radio-Buttons und Checkboxen */
.radio-group,.checkbox-group{margin-top:0;margin-bottom:20px;}

/* Hoehe des Input-Feldes, wenn es mehrere Radio-Buttons oder Checkboxen enthaelt */
.form-control.radio-group,.form-control.checkbox-group,.form-control.height-auto{height:auto;}

/* Positionierung des Textes neben einer Checkbox */
.form-control input[type=checkbox]{margin-right:5px;}

/* Button wie Links */
.btn.btn-link{padding:0;border:0;margin-top:-2px;font-weight:bold;}

/*****
* Grafiken
*****/

/* Grafik in mehrspaltigen Bereichen maximal 100% breit */
/*article [class*='col'] img{max-width:100%;}*/

/* Änderung, damit nichts überragt */
article [class*='col'] img{max-width:103%;}

/* Boxen fuer Fotos auf Homepage und Portalseiten */
.img-box:last-of-type{margin-top:20px;border-top:2px solid #888;padding-top:25px;}
.img-box [class*='col']:first-of-type{padding-left:0;}
.img-box [class*='col']:last-of-type{border-left:1px dotted #999;padding-left:10px;}
.img-box img,.img-box-headline,.img-box p{width:220px;}
.img-box img{height:147px;}
.img-box-headline{position:relative;height:26px;top:-26px;left:0;padding-top:2px;padding-left:5px;background:rgba(0,0,0,0.4);}
.img-box p{margin-top:-20px;margin-bottom:0;}
.img-box a{color:#fff;font-size:14px;}

/*****
* Figures (Darstellung und Groessen) - weitere in media Queries unten
*****/

figure{border:1px solid #ccc;border-radius:5px;padding:5px;box-shadow:4px 4px 4px 0 #999;margin-bottom:20px;}
figcaption{color:#999;text-align:right;font-size:12px;margin-top:5px;}
figcaption a,figcaption a span{color:inherit!important;font-weight:normal;font-size:inherit;}
article figure{width:478px;}
article figure img{width:466px;}
.media figure,article figure.small,article [class*='col'] figure{width:212px;}
.media figure img,article figure.small img,article [class*='col'] figure img{width:200px;}
.media-left figure,img.pull-right,figure.pull-right{margin-left:10px;}
.media-right figure,img.pull-left,figure.pull-left{margin-right:10px;}
aside figure{width:210px;}
aside figure img{width:198px;}

/*****
* Font Awesome Icons
*****/

/* Farbe fuer Fontawesome-Icons, wenn innerhalb eines Links */
a .fa,article .fa-li{color:#f59f00;}

/* Neue Klasse fuer etwas groessere Icons (Social Icons, 'gestapelte' Icons) */
.fa-1x{font-size:1.5em!important;}

/* Mehr Abstand, z.B. zum Link - aussehen wie Font-Awesome-Liste */
.fa-fw-lg{width:1.5em!important;text-align:left!important;}

/* In Fontawesome-Listen etwas groessere Font-Awesome-Icons */
.fa-ul .fa.fa-li{font-size:18px;}

/* In Fontawesome-Listen bessere Positionierung des Font-Awesome-Icons */
.fa-ul span.fa{top:1px;}

/* Positonierung bei 'gestapelten' Icons innerhalb einer Font-Awesome-Liste */
.fa-li.fa-stack{width:2.75em;left:-2.75em;position:absolute;top:-1px;}

/* Positionierung einer Grafik in einer Font-Awesome-Liste (OA-Icon) */
.fa-ul li img{margin:1px 5px 20px 12px;float:left;}

/*****
* Raender, Abstaende 
*****/

/* Raender */
.margin0{margin:0!important;}
.margin1{margin:5px!important;}
.margin2{margin-top:10px;}
.margin-left0-5{margin-left:5px!important;}
.margin-left1{margin-left:10px!important;}
.margin-right0-5{margin-right:5px!important;}
.margin-right1{margin-right:10px!important;}
.margin-top0{margin-top:0!important;}
.margin-top0-5{margin-top:5px!important;}
.margin-top1{margin-top:10px!important;}
.margin-top2{margin-top:20px!important;}
.margin-top3{margin-top:30px!important;}
.margin-top4{margin-top:40px!important;}
.margin-top5{margin-top:50px!important;}
.margin-top-1{margin-top:-10px!important;}
.margin-top-2{margin-top:-20px!important;}
.margin-top-3{margin-top:-25px!important;}
.margin-bottom0{margin-bottom:0!important;}
.margin-bottom0-5{margin-bottom:5px!important;}
.margin-bottom1{margin-bottom:10px!important;}
.margin-bottom2{margin-bottom:20px!important;}
.margin-bottom3{margin-bottom:30px!important;}

/* separate Eintraege fuer Raender ohne important-Anweisungen */
article p,aside p,dt{margin-top:10px;}
article td p:first-child{margin-top:0;} /* kein Abstand nach oben, wenn erstes Kind-Element in einem td ein p ist */
article td p:last-child,article td li:last-child{margin-bottom:0;} /* kein Abstand nach unten, wenn letztes Kind-Element in ein td ein p oder li ist */
.line-height-lg p{margin-bottom:20px;}

/* Innenabstaende */
.padding0{padding:0!important;}
.padding1{padding:5px!important;}
.padding2{padding:10px!important;}
.padding-top0{padding-top:0!important;}
.padding-top0-5{padding-top:5px!important;}
.padding-top1{padding-top:10px!important;}
.padding-top2{padding-top:20px!important;}
.padding-top3{padding-top:30px!important;}
.padding-top4{padding-top:40px!important;}
.padding-top5{padding-top:50px!important;}
.padding-bottom0{padding-bottom:0!important;}
.padding-bottom0-5{padding-bottom:5px!important;}
.padding-bottom1{padding-bottom:10px!important;}
.padding-bottom2{padding-bottom:20px!important;}
.padding-bottom3{padding-bottom:30px!important;}

/* Alterantive fuer Leerzeichen, z.B. bei Schraegstrichen */
.space-xs{margin-left:2px;margin-right:2px;}
.space-sm{margin-left:5px;margin-right:5px;}
.space-md{margin-left:10px;margin-right:10px;}
.space-lg{margin-left:15px;margin-right:15px;}

/* Abstände zwischen Buchstaben, z.B. im A-Z */
.text-space-md{letter-spacing:2.5px;}

/* Fliesstext 'kompakter' */
.text-condensed{letter-spacing:-0.1px;}

/*****
* Rahmen
*****/

.border{border-width:1px;border-color:#ccc;padding:5px;}
.border-solid{border-style:solid;}
.border-dotted{border-style:dotted;}
.border-round{border-radius:5px;}
.border-shadow{box-shadow:4px 4px 4px 0 #999;}

/* Zusaetzliche Rander bei Verwendung von box-shadow in links- oder rechtsbuendig positionierten Grafiken */
[class*='media'] .border-shadow,img[class*='pull'].border-shadow{margin-bottom:7px;}
[class*='media'] .border-shadow,img.pull-right.border-shadow{margin-right:7px;}
img.pull-left.border-shadow{margin-right:14px;}

.border-weiss{border-color:#fff!important;}
.border-rot{border-color:#e73e0c!important;}
.border-gruen{border-color:#007556!important;}
.border-gruen1{border-color:#b6c828!important;}
.border-gruen2{border-color:#e0eb98!important;}
.border-grau{border-color:#ccc!important;}
.border-schwarz{border-color:#333!important;}

.row-bordered .row:before{padding-bottom:5px;}
.row-bordered .row:after{content:"";display:block;border-bottom:1px solid #ccc;padding-top:5px;}
.panel-body .row-bordered .row:last-child:after{padding-top:0;border-bottom:0;} /* kein rahmen und rand unten beim letzten row in row-bordered, da panel-body schon einen rahmen hat */
.row-hover .row:hover{background-color:#eee;}

/*****
* Panels
*****/

.panel-heading{font-weight:bold;}

/*****
* Modals
*****/

/* fuer Flash-Filme in Modals im Firefox */
.modal.in .modal-dialog,.modal.fade .modal-dialog{-moz-transform:none;}

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

/*****
* iFrames
*****/

.iframe-fullwidth{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.iframe-fullwidth iframe{position:absolute;left:0;top:0; width:100%;height:100%;border:0;}


/*****
* Schrift:Groesse, Ausrichtung, Art
*****/

.scaps{font-variant:small-caps;}
h1.scaps,h1 .scaps{font-weight:bold;}

/* Schriftfarben */

.font-weiss{color:#fff!important;}
.font-orange{color:#ee7401!important;}
.font-orange1{color:#f59f00!important;}
.font-orange2{color:#f8d42a!important;}
.font-rot{color:#e73e0c!important;}
.font-rot1{color:#e30026!important;}
.font-rot2{color:#cd201f!important;}
.font-gruen{color:#007556!important;}
.font-gruen1{color:#b6c828!important;}
.font-gruen2{color:#e0eb98!important;}
.font-gruen3{color:#eff3d7!important;}
.font-blau{color:#3d589f!important;}
.font-blau1{color:#2a9ddf!important;}
.font-blau2{color:#a8c8e0!important;}
.font-blau3{color:#d3ddef!important;}
.font-grau{color:#666!important;}
.font-grau1{color:#999!important;}
.font-grau2{color:#ccc!important;}
.font-grau3{color:#eee!important;}
.font-schwarz{color:#333!important;}
[class*='font'] a{color:inherit!important;}

/* Hintergrundfarben */

.bg-weiss{background-color:#fff!important;}
.bg-orange{background-color:#ee7401!important;}
.bg-orange1{background-color:#f59f00!important;}
.bg-orange2{background-color:#f8d42a!important;}
.bg-rot{background-color:#e73e0c!important;}
.bg-rot1{background-color:#e30026!important;}
.bg-rot2{background-color:#cd201f!important;}
.bg-gruen{background-color:#007556!important;}
.bg-gruen1{background-color:#b6c828!important;}
.bg-gruen2{background-color:#e0eb98!important;}
.bg-gruen3{background-color:#eff3d7!important;}
.bg-blau{background-color:#3d589f!important;}
.bg-blau1{background-color:#2a9ddf!important;}
.bg-blau2{background-color:#a8c8e0!important;}
.bg-blau3{background-color:#d3ddef!important;}
.bg-grau{background-color:#666!important;}
.bg-grau1{background-color:#999!important;}
.bg-grau2{background-color:#ccc!important;}
.bg-grau3{background-color:#eee!important;}
.bg-schwarz{background-color:#333!important;}

/***********
* Kontaktinfos aus dem BIS/PEVZ (Javascript-Einbettung)
***********/

/* Nicht aus PEVZ ausgeben */
.bis_home,.kontakt2,.kontakt3,.kontakt4,.kontakt_nr,.not_in_print_version,.voip,dt.person_email,dt.person_fax,dd.person_fax,dt.person_funktion,dd.person_funktion,dt.person_homepage,dd.person_homepage,dt.person_raum,dt.person_sprechzeiten,dd.person_sprechzeiten,dt.person_telefon,dd.person_telefon button,dd.person_telefon_sekr,dt.person_telefon_sekr{display:none;}

/* Name aus PEVZ */
h2[class*='personen_ueberschrift'] a:before{font-family:'FontAwesome';padding-right:8px;content:"\f007"}
h2[class*='personen_ueberschrift']{margin:0;font-size:inherit!important;}

/* Abstand fuer mehrere PEVZ-Eintraege */
td dl{/*margin:0 0 15px -1px;*/margin:0;padding:0;}

/* PEVZ-Eintraege mit Listen, weniger Abstand nach unten */
li td dl{margin-bottom:6px;}

/* Links zu E-Mail und Telefon nicht fett */
.person_email a,.person_telefon a{font-weight:normal;}

/* FontAwesomes vor Mail, Telefon, Raumnummer */
dd[class*='person']:before{font-family:'FontAwesome';}
dd.person_email:before{content:"\f003";padding-right:4px;}
dd.person_telefon:before{content:"\f095";padding-right:2px;}
dd.person_raum:before{content:"\f0f7";padding-right:7px;}
.bis_home:before{content:"\f19c";padding-right:0;}

/* Kein rand fuer ausgeblendete inhalte */
td td dl,dd.person_email,dd.person_telefon,dd.person_raum{margin:0;}

/* Klasse, um 2. Eintrag statt 1. Eintrag aus PEVZ anzuzeigen */
.show_kontakt2 .kontakt1{display:none;}
.show_kontakt2 .kontakt2{display:block;}

/* BibTalk */
.bibtalk_referent .bis_home {display:table;text-align:left;background-color:#fff;font-weight:normal;font-family:FontAwesome;margin-left:-2px;}
.bibtalk_referent .person_email, .bibtalk_referent .person_raum, .bibtalk_referent .person_telefon {display:none;}
.bibtalk_logo {margin-top:85px;}

/***********
* DataTable
***********/

/* Raender fuer Eintraege, Suchbox, Blaettern */
.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate{margin-bottom:10px;}
.dataTables_info,.dataTables_paginate{margin-top:10px;}

/* Keine 'doppelten' Rahmenlinien zwischen den Spalten */
.dataTable{border-collapse:collapse!important;}

/* Kein zusaetzlicher Rand nach rechts */
table.dataTable thead th,table.dataTable thead td{padding-right:0!important;}

/* Rahmenlinie unten in Standardfarbe */
table.dataTable.no-footer,table.dataTable thead th{border-bottom:1px solid #ccc;}

/* Pfeile fuer Sortierung */
table.dataTable thead .sorting_asc{background-image:url("/graphics/ubneu/pfeile/pfeil_up.png");background-position:1px 9px;}
table.dataTable thead .sorting_desc{background-image:url("/graphics/ubneu/pfeile/pfeil_down.png");background-position:1px 14px;}
table.dataTable thead .sorting{background-image:url("/graphics/ubneu/pfeile/pfeil_up.png"), url("/graphics/ubneu/pfeile/pfeil_down.png");background-repeat:no-repeat;background-position:1px 9px,1px 19px;}

/* Bei der Sortierung vongestreiften Tabelle Streifen beibehalten */
table.dataTable.table-striped tbody tr:nth-child(1n) > [class*='sorting']{background-color:#f9f9f9;}
table.dataTable.table-striped tbody tr:nth-child(2n) > [class*='sorting']{background-color:#fff;}

/* Rahmen fuer sortierte Spalte anzeigen */
table.dataTable.order-column thead [class*='sorting_']{border:1px solid #b6c828;border-bottom:1px solid #ccc;}
table.dataTable.order-column tbody tr:nth-child(1n) > [class*='sorting']{border-left:1px solid #b6c828;border-right:1px solid #b6c828;}
table.dataTable.order-column tbody tr:last-child > [class*='sorting_']{border-bottom:1px solid #b6c828;}

/* Bei Tabellen mit Bootstrap-Rahmenlinien muessen sortiere Tabellen 2px Breite haben, sonst sind sie nicht immer sichtbar */
table.dataTable.table-bordered.order-column thead [class*='sorting_']{border-top-width:2px;}
table.dataTable.table-bordered.order-column thead [class*='sorting_'],table.dataTable.table-bordered.order-column tbody tr:nth-child(1n) > [class*='sorting']{border-left-width:2px;border-right-width:2px;}
table.dataTable.table-bordered.order-column tbody tr:last-child > [class*='sorting_']{border-bottom-width:2px;}

/* Bug-Fix fuer responsive Datentabellen mit Rahmenlinie */
.table-responsive table.dataTable{width:calc(100% - 2px);}

/* Auswahlmenue in DataTable, z.B. bei Schulungen */
#dropdown1{width:250px;display:block;margin:0 auto;}
.hiddenspan{display: none;}


/***********
* Chat
***********/
.chat .own,.chat .other{font-weight:bold;}
.chat .own{color:#369;}
.chat .other{color:#111;background-color:#eee;padding:2px;}

/***********
* Aktuelles
***********/
.date{margin-top:30px;color:#6f758d;font-weight:normal;font-size:12px;text-decoration:none;border-top:1px solid #ccc;padding:2px;background-color:#eee;}
.date:first-of-type,.date+h2{margin-top:5px;}

/* Ende der Anweisungen fuer alle Browserfenstergroessen */
}

/***********
* Newsletter
***********/
body.news{font-family:Arial,Helvetica,sans-serif;font-size:14px;margin:10px;max-width:800px;line-height:1.5;border:2px solid #ccc;padding:5px;}
.news .breadcrumb{margin-top:10px;}
.news #fussmenu ul {border-top:1px solid #ccc;padding:10px 0 0 0;margin:0;color:#999;}
.news #fussmenu li {font-size:12px;color:inherit;display:inline;list-style-type:none;padding:0 18px 0 0;}
.news #menubereich{display:none;}

/*****
* Lesenacht
*****/

.gesamt_links {
    width:70%;
    float:left;
    height:200px;
    line-height:2;
    vertical-align:middle;
    border-bottom:1px #ccc solid;
    padding:10px;
}

.gesamt_rechts {
    width:30%;
    float:right;
    height:200px;
    border-bottom:1px #ccc solid;
    padding:10px;
}

.einzelansicht {
 height:auto;
 padding:10px;
 line-height:2;
}

.einzelansicht img {
 margin:0 0 40px 40px;
}

.einzelansicht_links {
 padding-right:50px;   
}   

.panel-body-lesenacht {
 padding:10px 0 10px 10px!important;
}

/*****
* Media-Queries - Anweisungen fuer bestimmte Browserfenstergroessen
* ueberschreibt bzw. ergaenzt allgemeine Angaben oben / zusaetzliche Angaben
* 
* xxs =  maximal 479px
* xs  = 479px -  767px
* sm  = 768px -  991px
* md  = 992px - 1339px
* lg  = minimal 1340px
*****/

/* xxs, xs, sm */
@media screen and (max-width:992px){
body{margin-bottom:100px;}
.logoverbund_oa a:first-of-type img{width:133px;height:auto;}
.logoverbund_oa a:last-of-type img{width:220px;height:auto;padding-bottom:2px;}
.select-language{font-size:12px;}
aside{margin-top:40px;}
footer .container{padding-bottom:10px;}
.footer{height:100px;}
}

/* xxs, xs */
@media screen and (max-width:767px){
[class*='logoverbund']{margin-top:-10px;}
.homepage [class*='logoverbund'],.page-condensed [class*='logoverbund'],.page-slim [class*='logoverbund']{margin-top:15px;}
.header-brand{padding:7px 5px;}
.select-language{padding-top:19px;}
.homepage .select-language,.page-condensed .select-language,.page-slim .select-language{padding-top:44px;}
.col-xs-offset-fixed{margin-left:138px;}
.navbar-collapse{border-top:0;}
.navbar-logo,.homepage .navbar-logo{margin-top:10px!important;}
.img-box [class*='col']:last-of-type{border-left:0;}
.img-box.pull-right{float:none!important;}
.homepage article,.page-condensed article{margin-top:20px;}
article figure{width:212px;}
article figure img{width:200px;}
.media-left figure,.panel-body figure{width:150px!important;}
.media-left figure img,.panel-body figure img{width:138px!important;}
span.visible-xs{display:inline!important;}
.btn-lg.btn-autosize {font-size: 14px;padding:6px 12px!important;border-radius:4px!important;} /* lg-buttons auf kleinen displays wie normale buttons */
.footer{bottom:5px;}
}

/* xxs */
@media screen and (max-width:479px){
.header-brand{font-size:16px;}
.header-brand img{width:140px;}
.page-slim h1.header-brand{padding:6px!important;}
.col-xs-offset-fixed{height:30px;}
.img-box img{height:120px;}
.img-box img,.img-box-headline,.img-box p{width:168px;}
.img-box a{font-size:14px;font-weight:normal;}
}

/* xs */
@media screen and (min-width:480px) and (max-width:767px){
.header-brand{font-size:18px;}
.page-slim h1.header-brand{padding-top:10px;}
.header-brand img{width:200px;}
.col-xs-offset-fixed{height:40px;}
}

/* sm,md,lg */
@media screen and (min-width:768px){
[class*='logoverbund'],.social_icons{margin-top:15px;}
.header-brand{padding-bottom:27px;text-align:right;}
.page-slim h1.header-brand{padding-left:10px;text-align:left;}
.header-image img{height:auto;}
header .form-inline .btn-group{margin-left:5px;}
main{margin-top:32px;}
.navbar{margin-top:43px;}/*11px mehr margin wegen zus. breadcrumb*/
.page-slim .navbar{margin-top:26px;}/*keine breadcrumb auf seiten mit schlankem header*/
.zweizeiler .navbar{margin-top:65px;}
.navbar-collapse{border-top:4px solid #b6c828!important;padding-top:10px;}
.homepage nav h2{margin-top:73px;padding-bottom:5px;}
.breadcrumb{margin-top:-20px;}
fieldset > .form-group .input-group-addon:first-of-type{min-width:175px;}
.input-group-addon-sm fieldset > .form-group .input-group-addon:first-of-type{min-width:150px;}
aside{margin-top:17px;}
.homepage aside{margin-top:0;}
}

/* sm */
@media screen and (min-width:768px) and (max-width:991px){
.header-brand{font-size:18px;padding-top:88px;padding-right:275px;}
.page-slim h1.header-brand{padding-top:10px;}
:lang(en) .header-brand{padding-bottom:29px;}
.header-brand img{width:170px;}
.header-image img{width:546px;}
.select-language{padding-top:6px;}
.col-offset-fixed{margin-left:138px;height:40px;}
.page-slim .select-language{padding-top:45px;}
.collapse-sm{display:none !important;}
.navbar-logo img{max-width:190px;}
main.navbar-collapse-sm,.navbar-collapse-sm nav{margin-top:0!important;}
.navbar-collapse-sm .navbar-collapse{border-top:0!important;padding-top:0!important;}
article [class*='col'] figure{width:150px;}
article [class*='col'] figure img{width:138px;}
.portal .breadcrumb{margin-left:34px;}
.zweizeiler-sm .navbar{margin-top:65px;}
.zweizeiler-sm aside{margin-top:39px;}
span.visible-sm{display:inline!important;}
.input-group-addon-md fieldset > .form-group .input-group-addon:first-of-type,.input-group-addon-lg fieldset > .form-group .input-group-addon:first-of-type,.input-group-addon-xl fieldset > .form-group .input-group-addon:first-of-type{min-width:150px;}
.footer .list-inline li{display:block;}
.bibtalk_logo a img {width:150px;}
}

/* md,lg */
@media screen and (min-width:992px){
.page-slim h1.header-brand{padding-top:13px;}
.select-language{padding-top:23px;}
.page-slim .select-language{padding-top:61px;}
.homepage nav .fa-ul li .fa{font-size:20px;top:0;}
.homepage aside h2{margin-top:0;}
.homepage aside .fa-ul li .fa{font-size:22px;}
.homepage .fa-ul li img{margin-left:18px; /* 6px mehr wegen groesserer Schriftart fuer die fa-Icons */}
:lang(en) .breadcrumb{margin-top:-21px;}
#result{min-height:120px;}
article{border-right:1px solid #aaa;}
article.col-md-11,article.noaside,.page-condensed article,.page-slim article{border-right:0;}
article > .row{margin-right:15px;}
article.noaside > .row{margin-right:-5px;}
/*mehrzeilige ueberschrift + 23px*/
.zweizeiler aside{margin-top:39px;}
.fa-small{font-size:18px!important;left:-2.4em!important;}
.input-group-addon-sm fieldset > .form-group .input-group-addon:first-of-type{width:150px;}
.input-group-addon-sm fieldset fieldset > .form-group .input-group-addon:first-of-type{width:138px;} /* breite des labels in verschachteltem fieldset -12px gegenueber auesserem fieldset */
.input-group-addon-md fieldset > .form-group .input-group-addon:first-of-type{width:200px;}
.input-group-addon-md fieldset fieldset > .form-group .input-group-addon:first-of-type{width:188px;} /* breite des labels in verschachteltem fieldset -12px gegenueber auesserem fieldset */
.input-group-addon-lg fieldset > .form-group .input-group-addon:first-of-type{width:250px;}
.input-group-addon-lg fieldset fieldset > .form-group .input-group-addon:first-of-type{width:238px;} /* breite des labels in verschachteltem fieldset -12px gegenueber auesserem fieldset */
.input-group-addon-xl fieldset > .form-group .input-group-addon:first-of-type{width:320px;}
.input-group-addon-xl fieldset fieldset > .form-group .input-group-addon:first-of-type{width:308px;} /* breite des labels in verschachteltem fieldset -12px gegenueber auesserem fieldset */
aside .fa-ul li img{margin-left:12px;}
.footer .list-inline li{padding-left:12px;padding-right:12px;}
.footer .list-inline li:last-of-type{padding-right:0;}
}

/* md */
@media screen and (min-width:992px) and (max-width:1339px){
.header-brand{font-size:20px;padding-top:126px;padding-right:480px;}
:lang(en) .header-brand{padding-bottom:30px;}
.header-brand img{width:235px;margin-top:-5px;}
.header-image img{width:719px;}
.col-offset-fixed{margin-left:250px;height:50px;}
header [class*='col-sm'] .form-control,header [class*='col-sm'] .btn{padding:0 2px!important;}
.navbar{margin-left:5%;margin-right:1.75%;}
.page-slim .navbar{margin-left:0!important;margin-right:0!important}
.zweizeiler-md .navbar{margin-top:65px;}
.zweizeiler-md aside{margin-top:39px;}
article figure{width:440px;}
article figure img{width:428px;}
article [class*='col'] figure{width:167px;}
article [class*='col'] figure img{width:155px;}
span.visible-md{display:inline!important;}
aside{margin-left:10px;}
aside figure{width:180px;}
aside figure img{width:168px;}
.foto_aside img{width:95%;}
.bibtalk_logo a img {width:150px;}
.navbar-logo img{max-width:160px;}
}

/* lg */
@media screen and (min-width:1340px){
.header-brand{font-size:22px;padding-top:177px;padding-right:550px;}
.page-slim h1.header-brand{padding-top:12px;}
:lang(en) .header-brand{padding-left:40px;}
.header-brand img{margin-top:-10px;}
.header-image img{width:938px;}
.navbar-logo img{max-width:200px;}
.col-offset-fixed{margin-left:271px;height:50px;}
header form{margin-left:15px;}
header .form-inline .btn-group{margin-left:10px;}
nav.col-md-3{width:200px;margin-left:115px;margin-right:5px;}

.portal .breadcrumb{margin-left:37px;}
article.col-lg-offset-1{margin-left:27px}
article.col-lg-6{width:41.8%;}
article [class*='col'] figure{width:180px;}
article [class*='col'] figure img{width:168px;}
.img-box [class*='col']:first-of-type{padding-right:13px;}
.img-box [class*='col']:last-of-type{padding-left:18px;}
span.visible-lg{display:inline!important;}
aside{margin-left:35px;}
aside.col-lg-2{width:16.5%;}
.homepage aside.col-lg-2{width:18%;}
.footer .list-inline li:first-of-type{padding-left:30px;}
}

/*****
* Druck-Layout
*****/

/* print */
@media print{
header,nav,footer,aside,.breadcrumb,.modal-open .container,.modal-open .footer,.modal-footer,.modal-header .close{display:none;}
.collapse {display:block!important;height:auto!important;}
article,.modal-dialog{width:100%!important;margin:0!important;padding:0!important;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,.modal-title{font-weight:bold;}
.modal-title{font-size:20px;}
.modal-header,.modal-content{border:0;box-shadow:none;}
figure{margin-bottom:20px;}
a{color:#000;font-weight:normal;}
a[href^="/"]:after{content:" (https://www.ub.uni-bielefeld.de" attr(href) ") ";}
}

/* Schutz vor Robotern */
.Sicherheit {display:none !important}

/*****
* EOF
*****/