/*****
* Additional CSS for new homepage and/or overruling bootstrap.min.css 
*****/

@media screen{

/* add bg-color + padding to container */
.container,.container-fluid{background-color:#fff!important;padding-bottom:80px;}

/* no borders in navbar */
.navbar,.navbar-collapse {border:0!important;}

/* change html + body + footer class for 'sticky' bottom footer */
html{position:relative;min-height:100%;}
body{margin-bottom:30px;}
.footer{position:absolute;bottom:0;width:100%;height:30px;}

/* areas */
.homepage main{margin-top:20px;/*no navbar ohne homepage*/}
#result{min-height:100px;}
footer{background-color:#d9d9d9;}
footer .container,footer .container-fluid{background-color:#666!important;padding:10px 0 0;}

/* headlines */
article h1, article h2{padding-bottom:4px;border-bottom:2px solid #2A9DDF;}
.portal aside h1,.page aside h1{font-size:21px;}
.portal aside h2,.page aside h2{font-size:18px;}
.header-brand{color:#fff!important;margin:0!important;}
.header-brand a{text-decoration:none}

/* link and text styling */
.nolink{cursor:default;}
article a{font-weight:bold;}
.breadcrumb a{border-bottom:0;font-weight:normal;}
footer,footer a{color:#fff!important;font-weight:normal!important;}
aside a{color:inherit!important;}

.row-news {
    margin-left: -50px;
    margin-right: 20px;
}
.navbar-default .navbar-toggle {
    border-color: #2a9ddf;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #cceeff;
}

/* list styling */
#result ul{padding:0;margin-left:0;}
#result ul li{list-style-type:none;margin-bottom:10px;}
.homepage-3col #result ul li,.ul-lined ul{padding-bottom:10px;border-bottom:1px solid #ccc;}
.navbar ul{list-style-type:none;}
.navbar ul li{background:url(http://test.ub.uni-bielefeld.de/graphics/ubneu/nav/menuponits_gray.gif) no-repeat 0 16px;padding:2px 0 10px 10px;}
.navbar ul li ul{padding-left:10px;}
.navbar ul li li {background:url(http://test.ub.uni-bielefeld.de/graphics/ubneu/nav/menuponits_gray.gif) no-repeat 0 4px;padding:0 0 10px 24px;}
.homepage .fa-ul li, aside .fa-ul li{margin-bottom:12px;}
.homepage .fa-ul li span, aside .fa-ul li span{color:#2A9DDF;font-size:18px;}
.homepage .fa-ul li a, aside .fa-ul li a{color:inherit!important;}
.homepage .fa-ul li a{font-size:16px;}
article ul{margin:0;padding:0;list-style-type:none;}
article ul li{background:url(/graphics/ubneu/pfeile/dreieck_orange_8p.gif) no-repeat 0 4px;padding:0 0 6px 16px;}
article li ul li{background:url(/graphics/ubneu/pfeile/einpunkt_orange_4p.gif) no-repeat 0 9px;padding:2px 0 0 11px;}
article ol:not(.breadcrumb){margin-left:15px;padding:0;}
article ol:not(.breadcrumb) li{margin-bottom:10px;}
article ol:not(.breadcrumb) li ul li{margin-bottom:0;margin-top:5px;}

/* image boxes on homepage, portal */
.img-box img{height:157px;}
.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;}
.img-box img,.img-box-headline,.img-box p{width:220px;}
.img-box a{color:#fff!important;font-size:16px;font-weight:bold;}

/* figures */
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;}
article > figure{width:478px;}
article > figure.small{width:212px;}
  
/* own icons */  
.hinweis {padding:1px 0 1px 20px;background:url(/graphics/icon/info.png) no-repeat 0 0;}
[class*='hinweis_'] {padding:4px 0 4px 25px;background-repeat:no-repeat;background-position:0 2px;}
.hinweis_ausruf {background-image:url(/graphics/ubneu/icons/ausrufezeichen_20p.gif);}
.hinweis_frage {background-image:url(/graphics/ubneu/icons/fragezeichen_20p.gif);}
.hinweis_hand {background-image:url(/graphics/ubneu/icons/hand_20p.gif);}
.hinweis_kasten {background-image:url(/graphics/ubneu/icons/kaestchen_20p.gif);}
.hinweis_pfeil {background-image:url(/graphics/ubneu/icons/pfeil_20p.gif);}
.hinweis_stern {background-image:url(/graphics/ubneu/icons/stern_20p.gif);}
.hinweis_stift {padding-left:30px;background-image:url(/graphics/ubneu/icons/stift_20p.gif);}
aside [class*='hinweis_'], [class*='hinweis_gr_'] {padding:0 0 0 30px;background-position:0 2px;}
aside .hinweis_ausruf, .hinweis_gr_ausruf {background-image:url(/graphics/ubneu/icons/ausrufezeichen_kl.gif);}
aside .hinweis_frage, .hinweis_gr_frage {background-image:url(/graphics/ubneu/icons/fragezeichen_kl.gif);}
aside .hinweis_hand, .hinweis_gr_hand {background-image:url(/graphics/ubneu/icons/hand_kl.gif);}
aside .hinweis_kasten, .hinweis_gr_kasten {background-image:url(/graphics/ubneu/icons/kaestchen_kl.gif);}
aside .hinweis_pfeil, .hinweis_gr_pfeil {background-image:url(/graphics/ubneu/icons/pfeil_kl.gif);background-position:0 5px;}
aside .hinweis_stern, .hinweis_gr_stern {background-image:url(/graphics/ubneu/icons/stern_kl.gif);}
aside .hinweis_stift, .hinweis_gr_stift {padding-left:30px;background-image:url(/graphics/ubneu/icons/stift_kl.gif);}
  
/* margins */
.margin0{margin:0!important;}
.margin-top0{margin-top:0!important;}
.margin-top1-2{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:-30px!important;}
.margin-bottom0{margin-bottom:0!important;}
.margin-bottom1-2{margin-bottom:5px!important;}
.margin-bottom1{margin-bottom:10px!important;}
.margin-bottom2{margin-bottom:20px!important;}
.margin-bottom3{margin-bottom:30px!important;}
.logoverbund{margin-top:15px;}

/* paddings */
.padding0{padding:0!important;}
.padding-top0{padding-top:0!important;}
.padding-top1-2{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-bottom1-2{padding-bottom:5px!important;}
.padding-bottom1{padding-bottom:10px!important;}
.padding-bottom2{padding-bottom:20px!important;}
.padding-bottom3{padding-bottom:30px!important;}

/* border */
.noborder{border:0;}
.border-dotted{border:1px dotted #666;padding:5px;}

/* font colors */
.font-weiss{color:#fff;}
.font-gelb {color:#f7ba0b;}
.font-orange {color:#ee7401;}
.font-orange1 {color:#f59f00;}
.font-orange2 {color:#f68212;}
.font-rot {color:#933;}
.font-rot1 {color:#9c525e;}
.font-rot2 {color:#f00;}
.font-rot3 {color:#c33;}
.font-pink {color:#e45b8b;}
.font-unigruen {color:#007556;}
.font-gruen1 {color:#b6c828;}
.font-gruen2 {color:#e0eb98;}
.font-gruen3 {color:#eff3d7;}
.font-blau {color:#2a9ddf;}
.font-grau {color:#ccc;}
[class*='font'] a{color:inherit!important;}

/* background colors */
.bg-gelb {background-color:#f7ba0b;}
.bg-gelb2 {background-color:#fdcb16;}
.bg-orange {background-color:#ee7401;}
.bg-orange1 {background-color:#f59f00;}
.bg-orange2 {background-color:#f68212;}
.bg-rot {background-color:#933;}
.bg-rot1 {background-color:#9c525e;}
.bg-rot2 {background-color:#f00;}
.bg-rot3 {background-color:#c33;}
.bg-pink {background-color:#e45b8b;}
.bg-gruen {background-color:#007556;}
.bg-gruen1 {background-color:#2A9DDF;}
.bg-gruen2 {background-color:#e0eb98;}
.bg-gruen3 {background-color:#eff3d7;}
.bg-unigruen {background-color:#007556;}
.bg-blau1 {background-color:#2a9ddf;}
.bg-blau2 {background-color:#a8c8e0;}
.bg-blau3 {background-color:#d3ddef;}
.bg-blau4 {background-color:#023a59;}
.bg-lila {background-color:#3f618a;}
.bg-grau {background-color:#eee;}
.bg-grau1 {background-color:#999;}
.bg-grau2 {background-color:#666;}
}

/* special media styles */

/* xxs, xs, sm */
@media screen and (max-width:992px){
.row-news {margin-left: 0;margin-right: 0;margin-top:40px;}
.margin0-sm{margin-bottom:0!important;}
body{margin-bottom:100px;}
.footer{height:100px;}
footer .container,footer .container-fluid{padding-bottom:10px;}
.select-language{padding-top:28px!important;font-size:12px;}
aside .row{margin-top:40px;}
}

/* xxs, xs */
@media screen and (max-width:767px){
.row-news {margin-left: 0;margin-right: 0;}
.margin-top0-xs{margin-top:0!important;}
.margin-xs{margin-top:20px;margin-bottom:20px;}
.col-xs-offset-fixed{margin-left:138px!important;} 
.header-brand{padding:7px 5px!important;}
.img-box.pull-right{float:none!important;}
article h1{margin-top:0;}
article #figure figure{width:212px;float:left;margin-right:10px;}
span.visible-xs{display:inline!important;}
}

/* xxs */
@media screen and (max-width:479px){
.hidden-xxs{display:none!important;}
.header-brand{font-size:12px;}
.col-xs-offset-fixed{height:30px;}
.margin-top0-xxs{margin-top:0!important;}
.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:20px;}
.col-xs-offset-fixed{height:40px;} 
}

/* xs,sm,md,lg */
@media screen and (min-width:360px){
.xxs-only{display:none!important;}
header a{color:#fff!important;}
.select-language{padding-top:44px!important;}
.select-language a{display:inline-block;padding:3px 6px;background-color:#666;}
}

/* sm,md,lg */
@media screen and (min-width:768px){
header{margin-top:20px;}
main nav{margin-top:15px;}
main{margin-top:20px;}
.homepage article,.portal article{margin-top:20px;}
.header-brand{padding-bottom:20px;}
[class*='homepage-3col'] nav,[class*='homepage-3col'] aside{margin-top:70px;}
}

/* sm */
@media screen and (min-width:768px) and (max-width:991px){
.header-brand{font-size:18px;padding-top:88px;}
.footer .list-inline li{display:block!important;}
article #figure figure img{width:147px;}
.homepage-3col .img-box > div:last-child{margin-left:22px;margin-right:-22px;}
.portal article,.page article{margin-left:-5px!important;}
}

/* md,lg */
@media screen and (min-width:992px){
.select-language{padding-top:61px!important;}
.text-md-right{text-align:right;}
.footer .list-inline li{padding-left:12px;padding-right:12px;}
.footer .list-inline li:first-child{padding-left:0;}
.footer .list-inline li:last-child{padding-right:0;}
#result{min-height:200px;}
}

/* md */
@media screen and (min-width:992px) and (max-width:1339px){
.header-brand{font-size:24px;padding-top:122px;padding-left:5px;}
aside .row{margin-left:20px;}
.row-news {margin-left:5px;margin-right: 5px;}
article #figure figure img{width:159px;}
.homepage-3col .img-box > div:last-child,.img-box > div:last-child{margin-left:17px;margin-right:-17px;}
.page article,.page footer ul.list-inline{padding-right:0;}
}

/* dfg logo */
div.sponsors .dfg-logo {
    background: rgba(0, 0, 0, 0) url("dfg.svg") no-repeat scroll 0 0;
    height: 30px;
    order: 3;
    width: 224px;
}

/* lg */
@media screen and (min-width:1340px){
.header-brand{font-size:30px;padding-top:167px;padding-left:45px;}
.footer .list-inline li{padding-left:15px;padding-right:15px;}
.text-lg-right{text-align:right;}
.homepage article,.homepage footer ul.list-inline,.img-box-big article{padding-left:27px;margin-right:-27px;}

[class*='homepage-'] .img-box img,.img-box-big .img-box img{height:186px;}
[class*='homepage-'] .img-box img,.img-box-big .img-box img,[class*='homepage-'] .img-box-headline,.img-box-big .img-box-headline,.img-box-big .img-box p{width:260px;}
[class*='homepage-'] .img-box-headline,.img-box-big .img-box-headline{height:34px;top:-34px;}
[class*='homepage-'] .img-box a,.img-box-big .img-box a{font-size:22px;font-weight:normal;}
.homepage-3col .img-box > div:last-child,.img-box-big .img-box > div:last-child{margin-left:46px;margin-right:-46px;}

.page article,.page footer ul.list-inline{margin-left:22px;margin-right:-22px;padding-right:18px;}
article #figure figure{margin-left:8px;margin-right:5px;}
}


/* print */
@media print{
header,nav,footer,aside,.breadcrumb{display:none;}
article{width:100%!important;}
figure{margin-bottom:20px;}
a{color:#000;font-weight:normal;}
a[href^="/"]:after{content:" (https://test.ub.uni-bielefeld.de" attr(href) ") ";}
}

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