/*****
* Dateiname: base.css
* Einsatz: www.base-search.net
* Abhaengigkeit: bootstrap.min.css
* Zweck: Zusaetzliche Anweisungen + Ueberschreiben von bootstrap.min.css
*****/

/*****
* Bildschirm-Layout fuer alle Browserfenstergroessen (spezielle Anweisungen weiter unten)
*****/
@media screen{

	/*****
	* Allgemeines
	*****/	
	
        .select2-selection--single {
            height: 100% !important;
        }

        .select2-selection__rendered {
            word-wrap: break-word !important;
            text-overflow: inherit !important;
            white-space: normal !important;
        }
		
	html,body {
	  min-height: 100%;
	  padding: 0;
	  margin: 0;
	}
	html{position:relative;min-width:320px;}	
	#wrapper {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	}
	#wrapper > .container{background-color:#fff;}	
			
	.Highlight {font-weight: bold;}
	.bold {font-weight:bold;}
	.text-bottom-in-flex{align-self: flex-end;}
	.font12{font-size:12px;}
	.heading{font-size:14px;margin-bottom:25px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-bottom: 5px solid #e8e8e8;background:linear-gradient(to top,#b6c828 4px,#b6c828 0) 1px 5px no-repeat;background-size:4px 14px;}
	.dashed-line{border-bottom:	1px dashed #ACACAC;}
	.text-warning,.text-info{text-align:center; padding-bottom:20px;}
	#editFavorit .form-abschnitt {background:#ececec; padding:0 5px 5px 5px;margin:10px 0;}
	/*blauen Border aus Chrome entfernen*/
	input:focus,textarea:focus,select:focus,
	.btn:focus,.btn:active:focus,.btn.active:focus,
	.btn.focus,.btn:active.focus,.btn.active.focus {
		outline: 0 !important;
	}	

	#orcid_authorization {display: none;}
	#orcid_authorization_img_box {width: 240px; }
	#orcid_authorization #logo-orcid {width: 210px;margin-bottom:10px;}
	#orcid_authorization #badges-box {margin-left:10px;text-align:center;}
	#orcid_authorization #orcid-badge1, #orcid_authorization #orcid-badge2, #orcid_authorization #orcid-badge3 {width: 35px; margin-right:40px;}
	#orcid_authorization #orcid-badge3 {margin-right:0px;}
	
	/*****
	* Ueberschriften
	*****/	
	h2{font-size:14px;font-weight:bold;}
	h4{font-weight:bold;}

	/*****
	* Links
	*****/	
	/*gepunktete Linie aus den Links beim Firefox entfernen*/	
	a {outline:none !important;}
	a.link-orange:link, a.link-orange:visited, a.link-orange:active, a.link-orange:hover {color:#e87b10;}
	a.link-gruen:link, a.link-gruen:visited, a.link-gruen:active, a.link-gruen:hover {color:#99a92e;}
	a.link-hellgruen:link, a.link-hellgruen:visited, a.link-hellgruen:active, a.link-hellgruen:hover {color:#b4ca29;}

	/*****
	* Icons
	*****/		
	.link-icon-pfeil {
	    background-image:url(../../../images/pfeil_gruen_rechts.png);
	    background-repeat:no-repeat;
	    background-position: left; 
	    padding:1px 0 1px 20px;
	}
	.link-icon-orcid, .icon-orcid-id {
	    background-image:url(../../../images/orcid.png);
	    background-repeat:no-repeat;
	    background-position: left 0 top 1px; 
	    padding:0 0 0 16px;
	    display: inline-block;
	}
	.icon-orcid-id{
		padding:0 0 0 20px;
		background-position: left 0 top 2px;
	}
	.link-icon-orcid::before,.icon-orcid-id::before {content:".";font-size:0;visibility:hidden;}

	/*****
	* Glyphicons
	*****/
	.glyphicon-search {width: 1.28571429em;top: 2px;color:#fff!important;font-size:inherit!important;}
	.glyphicon {font-size:17px;color:#b4ca29;top: 2px;}
	aside .glyphicon {font-size:14px;color:#b4ca29;top: 2px;}
	
	/*****
	* Raender, Abstaende 
	*****/
	
	/* Raender */	
	.margin-left1{margin-left:10px !important;}
	.margin-left-1{margin-left:-10px !important;}
	.margin-top{margin-top:0px !important;}
	.margin-top0-5{margin-top:5px !important;}
	.margin-top1{margin-top:10px !important;}
	.margin-top1-5{margin-top:15px !important;}
	.margin-top2{margin-top:20px !important;}
	.margin-top2-5{margin-top:25px !important;}
	.margin-top3{margin-top:30px !important;}
	.margin-top5{margin-top:50px !important;}
	.margin-top-1{margin-top:-10px !important;}
	.margin-top-2{margin-top:-20px !important;}
	.margin-right0-5{margin-right:5px !important;}
	.margin-right1{margin-right:10px !important;}
	.margin-right-1{margin-right:-10px !important;}
	.margin-right-1-5{margin-right:-15px !important;}
	.margin-bottom0{margin-bottom:0px !important;}
	.margin-bottom0-5{margin-bottom:5px !important;}
	.margin-bottom0-7{margin-bottom:7px !important;}
	.margin-bottom1{margin-bottom:10px !important;}
	.margin-bottom1-5{margin-bottom:15px !important;}
	.margin-bottom2{margin-bottom:20px !important;}
	.margin-bottom2-5{margin-bottom:25px !important;}
	.margin-bottom5{margin-bottom:50px !important;}
	.margin-bottom3{margin-bottom:30px !important;}
	.margin-bottom6{margin-bottom:60px !important;}
	.margin-bottom-1{margin-bottom:-10px !important;}
	.margin-bottom-0-8{margin-bottom:-8px !important;}
	
	/* Innenabstaende */
	.padding0{padding:0px !important;}
	.padding0-5{padding:5px !important;}
	.padding-right0{padding-right:0px !important;}
	.padding-right0-5{padding-right:5px !important;}
	.padding-right1{padding-right:10px !important;}
	.padding-left0{padding-left:0px !important;}
	.padding-left0-5{padding-left:5px !important;}
	.padding-left1{padding-left:10px !important;}
	.padding-left2{padding-left:20px !important;}
	.padding-top0-5{padding-top:5px !important;}
	.padding-bottom0{padding-bottom:0 !important;}
	.padding-bottom0-5{padding-bottom:5px !important;}
	.padding-bottom1{padding-bottom:10px !important;}
	
	/*****
	* Schriftfarben
	*****/	
	.font-weiss{color:#fff !important;}
	.font-hellgrau{color:#999999 !important;}	
	.font-orange{color:#e87b10 !important;}
	
	/*****
	* Hintergrundfarbe
	*****/	
	.hg-weiss{background:#fff !important;}
	.hg-hell-gruen{background:#F2F7F0 !important;}
		
	/*****
	* Tabellen
	*****/
	
	/* th immer obenbuendig */
	.table > thead > tr > th{vertical-align:top;}
	.td-center{text-align:center;}
	
	/*****
	* Header
	*****/
	/* Abstand zum Fensterrand oben */
	header{margin-top:15px;}

	
	/*****
	* Navigation oben
	*****/		
	/* kein Rahmen und Schatten bei der Top-Navigation */
	nav,.nav-tabs,.navbar-collapse{border:0 !important;}
	.navbar-default {background-image:none!important;box-shadow:none !important;}
	/* notwendig sonst, erscheint ein scrollbalken in sm*/
	#navbarTop {min-height:40px;}
	#navbarTop .nav-tabs > li {margin-bottom: 0;}		
	.nav-tabs a{border:0 !important;}
	/* Mehrfarbige Linien in der Navigation */
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs a:hover, .nav-tabs a:active, .nav-tabs a:focus {background:linear-gradient(to top,#78808b 3px,#b4ca29 0,#b4ca29 8px,#fff 0);}
	.navbar-toggle{margin-left:15px;margin-top:10px;}
	#logo-row {min-height:56px;}	
	.navbar-default .navbar-toggle:hover {border-color:#ccc;background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);}

	/*****
	* Trefferliste
	*****/	
	#all-hits-export-row {
		font-size: 12px;
		color: #838383;
		font-weight: normal;
		margin-bottom: 25px;
	}
	#pager{margin-bottom:25px;}
	#searchFormR label {padding-bottom:5px;}	
	#keep-filters-box-before{
		padding: 0 47px 0 24px;
		font-size:13px;
		visibility:hidden;
		float:left;
	}
	#keep-filters-box{
		margin: 10px 0 0 0;
		font-size:13px;
		float:left;
		width:70%;
	}
	aside #drilldowns form:last-of-type{margin-bottom:0 !important}

	/*****
	* Erweiterte Suche
	*****/		
	#search-adv-box .checkbox{margin-top:0px;margin-bottom:8px;}
	#search-adv-box #document-type-box .col-md-4{padding-right:0px;}
	#search-adv-box .input-group-addon{min-width:210px;}
	#search-adv-box .input-group-addon{width:210px;}
	/* Kein Rahmen um Select-Felder, die mit Input-Feld 'verbundnen' sind */
	#search-adv-box .input-group-addon {border:0 !important;background-color:inherit !important; padding:0 10px 0 0 !important;}
	#search-adv-box .input-group{width:100%;}
	#search-adv-box .input-group .form-control {border-radius: 6px;}
	.oaboost-box {padding-top:7px;}

	/*****
	* Detailansicht
	*****/		

	
	/*****
	* Footer
	*****/
	footer {background-color:#f2f2f2;}
	footer .container {background-color:#d0d0d0;}
	footer li{line-height:2.1!important;}		
	/* Logos einheitlich Breit im Footer */
	/*footer #logos-box {width:242px; background:#F00;}*/
	footer #logo-uni-ub, footer #logo-orcid{width:220px; margin-bottom:5px;}
	footer #orcid-badge1, footer #orcid-badge2, footer #orcid-badge3{width:33px; margin-right:35px; float: left}
	footer #orcid-badge3 {margin-right:0px;}
	footer #badges-box {margin-left:20px; width:180px;}
	footer #copyright {margin-top:15px;}
	

	/*****
	* Browsing
	*****/		
	
	#browsing-box .col-md-3	{padding: 0 8px;}
	#browsing-box .panel-body {padding-bottom:15px; padding-top:15px;}		
	.browse-nav {
	    font-size:		12px;  
	    background:		#FFF;  
	    border: 		#d0d0d0 solid 1px;
	    height: 		300px;
	    overflow: 		scroll;	
	}
	.browse-nav ul {
	    margin:			0;
	    padding:		0;
	    list-style:		none;
	    background:		#FFF;  
	}
	.browse-nav a:link,
	.browse-nav a:visited,
	.browse-nav a:focus,
	.browse-nav a:active { 
		display:		block;
	    text-decoration:none;
	    padding:		7px 5px;
	    border-bottom: 	1px solid #d0d0d0;
	}
	.browse-nav a:hover {
		color:			#e87b10;
	}
	.browse-nav .active a:active {
	    color:			#e87b10;
	    background:		none;
	}
	.browseNav a.HiddenA {
		visibility:	hidden;
		padding:	0; 
		border:		none;
	}	
	.browse-nav .active a {
	    background:		#B4CA29;
	    color:			#fff;
	}
	.browseViewRec {
		float: 			right; 
	}
	.browseViewRec a:link,
	.browseViewRec a:visited,
	.browseViewRec a:hover,
	.browseViewRec a:focus,
	.browseViewRec a:active { 
		font-size:		75%;
		font-weight:	bold;
		padding:		5px 5px;
		border: none;
	}	
	.browseNavHg a:link,
	.browseNavHg a:visited,
	.browseNavHg a:hover,
	.browseNavHg a:focus,
	.browseNavHg a:active { 
		background:		#B4CA29;
		color:			#FFF;
	}


	/*****
	* Formulare
	*****/	
		
	/* Textarea nicht in der Groesse veraenderbar */
	textarea{resize:none;}
		
	.input-lg {font-size: 14px;}
	
	#SaveRecord .form-group{margin-bottom: 20px;}
			
	/* https://blog.kulturbanause.de/2015/03/formular-styling-mit-css-select-listen-radio-buttons-und-checkboxen-individuell-gestalten/ */
	
		label {
			font-weight: normal;
			margin-bottom:0px;
		}
		input {
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  appearance: none;
		  border:none;
		  border-radius: 0;
		  width: 100%;
		} 
		
		/* graceful degradation for ie8 */
		input[type='checkbox'],
		input[type='radio'] {
		  width:auto;
		  float:left;
		  margin-right: .75em;
		  background:transparent;
		  border:none;
		}
		
		input[type='checkbox']:checked,
		input[type='checkbox']:not(:checked),
		input[type='radio']:checked,
		input[type='radio']:not(:checked) {
		  background: transparent;
		  position: relative;
		  visibility: hidden;
		  margin:0;
		  padding:0;
		}
		
		/* Nur Firefox (nach links schieben) */
		/*@-moz-document url-prefix() {*/
			input[type='checkbox']:checked,
			input[type='checkbox']:not(:checked),
			input[type='radio']:checked,
			input[type='radio']:not(:checked) {
			        margin-left:-15px;
			    }
		/*}*/
		
		input[type='checkbox'] + label,
		input[type='radio'] + label {
		  cursor: pointer;
		}
		
		input[type='checkbox']:checked + label::before,
		input[type='checkbox']:not(:checked) + label::before,
		input[type='radio']:checked + label::before,
		input[type='radio']:not(:checked) + label::before {
		    content:' ';
		    display:inline-block;
		    width: 13px;
		    height:13px;
		    position: relative;
		    top:2px;
		    border: 1px solid #bbb;
		    background: white;
		    margin-right: 5px;
		    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
		}
		
		input[type=radio]:checked + label::before,
		input[type=radio]:not(:checked) + label::before {
		  border-radius: 30px;
		}
		
		/*input[type='checkbox']:hover  + label::before,*/
		input[type='radio']:hover  + label::before {
		  background:#c8c8c8;
		  box-shadow: inset 0 0 0 2px white;
		}
		
		input[type='checkbox']:checked  + label::before,
		input[type='radio']:checked  + label::before {
		  background: #b6c828;
		  box-shadow: inset 0 0 0 2px white;
		}
	/* --- Ende der fremden Css zu Radio + Chackbox --- */ 
		
	select {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  width:100%;
	  border: 1px solid #c8c8c8;
	  background-color: #fff;
	  background-image:url(../../../images/pfeil_gruen_unten.png)!important;
	  background-position: right 9px top 7px!important;
	  background-repeat: no-repeat!important;
	}
	select.medium-select{
		width: auto!important;
		background-position: right 7px top 7px!important;
		padding: 1px 27px 1px 5px!important;
	}
	select.small-select{
		width: auto!important;
		background-position: right 7px top 2px!important;
		padding: 1px 27px 1px 5px!important;
	}
	#langForm select {width:auto;min-width: 123px;padding-right:28px;text-align-last: center; text-align: center;background: url(../../../images/pfeil_gruen_unten.png) right 9px top 9px no-repeat,linear-gradient(to bottom, #fff 0, #e0e0e0 100%)!important;}
	#langForm select .btn-default:hover, #langForm select .btn-default:focus {background: url(../../../images/pfeil_gruen_unten.png) right 9px top 9px no-repeat,linear-gradient(to bottom, #f0f0f0 0, #e0e0e0 100%)!important;}
	/* Nur Firefox (nach links schieben) */
	@-moz-document url-prefix() {
		#langForm select {
			padding-left:5px;
		}
	}
	/* hide browser-styling (arrow) in IE10 */
	select::-ms-expand {
	  display:none;
	}
	
	.lt-ie10 select {
	    background-image: none;
	}
	/* <- Für Firefox um eine dotted Linie entfernen aus dem select*/
	select:-moz-focusring {
	    color: transparent !important;
	    text-shadow: 0 0 0 #444 !important; 
	}
	option {text-shadow:none !important}
	option:not(:checked) {color:#444;}
	/* Für Firefox Ende -> 	*/
	
	.input-sm{
		padding: 0 10px;
	}
	select.input-sm{
		padding: 0 28px 0 5px;
	}
	button.input-sm{
		border-radius: 6px !important;
		font-size:12px;
		height: 25px;
	}
	.record-panel .panel-footer button.input-sm, #all-hits-export-row  button.input-sm{
		border-radius: 6px !important;
		font-size:12px;
		height: 21px;
		margin-top:-2px;
	} 
	.record-panel .btn-xs, .record-panel .btn-group-xs > .btn {
		font-size:13px;
	}
	/* Hintergrundfarbe für selected ; ohne linear-gradient funktioniert es nicht*/
	/*select option:checked, option:hover {
		color: #444;
		background: linear-gradient(#e8e8e8, #e8e8e8);
	}*/


	/*****
	* Listen
	*****/
	ul {margin:0!important;}
	ul.pfeil > li {
		padding: 5px 0 5px 22px;
	  	background-image:url(../../../images/pfeil_gruen_rechts.png);
	  	background-position: left 0px top 5px;
	  	background-repeat: no-repeat;
	}
	ul.pfeil > li:first-of-type{padding-top:0;background-position: left 0px top 0px;}
	ul.pfeil > li:last-of-type{padding-bottom:0;}	
	ul.drei-punkte > li {
		width: 100%;
		padding: 4px 0 0 19px;
	  	background-image:url(../../../images/dreieck_orange_8p.gif);
	  	background-position: left 0px top 10px;
	  	background-repeat: no-repeat;
	}

	/*****
	* Panels
	*****/
	
	/* Kein Schatten und Rahmen in Panels */
	aside {font-size:12px;}
	.panel{border:0;box-shadow:none!important;background:none;margin-bottom:25px;}		
	.panel-default > .panel-heading, #rec-details-box .panel-default > .panel-heading {font-size:14px;margin-bottom:3px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-bottom: 5px solid #e8e8e8;background:linear-gradient(to top,#b6c828 4px,#b6c828 0) 1px 5px no-repeat;background-size:4px 14px;}
	.panel-body{background-color:#f6f6f6;margin-bottom:2px;}
	.panel-default > .panel-footer{padding:0;}
	.record-panel .panel{margin-bottom:35px;}	
	.record-panel .panel-heading{margin-bottom:2px;padding-left:10px;padding-bottom:2px;background:none;border-bottom: 1px solid #e8e8e8;vertical-align:text-bottom}
	.record-panel .panel-body .row{padding-top:5px;padding-bottom:5px;}
	.record-panel .panel-body {padding-top:5px;padding-bottom:5px;background-color:#f2f7f0;}
	.record-panel .panel-footer{padding:5px 10px;border-bottom: 1px solid #e8e8e8;}
	.record-panel .panel-footer ul{padding:0;margin:0;font-size:12px;}
	.record-panel .panel-footer li{display: inline-block;margin-right:-4px;}
	.record-panel .panel-footer li + li:before {content: "\007c";padding:0 8px;}
	#hit-list select, #fav-list select{color:#838383;}
	#hit-list .panel-body{background-color:#f2f7f0;}

	/*****
	* Breadcrumb
	*****/
	.breadcrumb{
		font-size:12px;
		margin-bottom: 30px !important;
	}
	.breadcrumb a{color:#e87b10 !important;}
	.breadcrumb > li + li::before {content: "»";}

	
	/* ----------------------------  Lightbox ----------------------------- */
	#lightbox {
	    cursor: 		pointer;
	    background-color: #2d2d2d;
	    display: 		none;
	    height: 		100%;
	    width: 			100%;
	    top: 			0px;
	    left: 			0px;
	    position: 		absolute;
	    z-index: 		7;
	    opacity: 		.8;
	    filter: 		alpha(opacity=80);
	    -moz-opacity: 	.8;
	}

	.popupBox {
	    background-color: #fff;
	    display: 		none;
	    position: 		absolute;
	    z-index: 		10;
	    min-height: 	300px;
	    height:			auto;
	    border: 		1px solid #e8e8e8;
		border-radius: 	6px;
		box-shadow: 	0 5px 15px rgba(0,0,0,.5);
	  	/* "left" und "width" siehe einzelne monitor-Größen: default: 25% und 50% (in js-skripten?) */
	}
	.popupBox .header-popup {
	    cursor: 		move;
	    background-color: #e8e8e8;
	    padding: 		3px 0px 3px 10px;
	    height: 		22px;
	    font-size:		12px !important;
	}
	.popupBox .header-popup #popupboxHeaderLeft {
		float:			left;
		display:		none;		
	}
	.popupBox .header-popup #popupboxHeaderRight {
		text-align:		right;	
	}	
	.popupBox .header-popup .glyphicon {
		margin-top:		-2px;
		padding:		0 10px 0 0;	
	}
	.popupBox .content {
	    padding: 		20px 20px 5px 20px;
	    min-height: 	250px;
	    height: 		auto;
	    overflow: 		auto;
	}	
	.popupBox #InfoBox {
		color:			#e87b10;
		text-align:		center;
		margin-top:		10px;
	}
	/* ----------------------------  Autocomplete  ----------------------------- */
	/* Copyright (c) 2010, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.com/yui/license.html
	version: 2.8.1
	*/
	.yui-skin-sam .yui-ac{position:relative;font-family:arial;font-size:100%;}
	.yui-skin-sam .yui-ac-input{position:absolute;width:100%;}
	.yui-skin-sam .yui-ac-container{position:absolute;top:1.6em;width:100%;}
	.yui-skin-sam .yui-ac-content{position:absolute;width:100%;border:1px solid #CFCFCF;background:#fff;overflow:hidden;z-index:9050;border-radius:5px;}
	/*.yui-skin-sam .yui-ac-shadow{position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity:.10;opacity:.10;filter:alpha(opacity=10);z-index:9049;}
	.yui-skin-sam .yui-ac iframe{opacity:0;filter:alpha(opacity=0);padding-right:.3em;padding-bottom:.3em;}*/
	.yui-skin-sam .yui-ac-content ul{margin:0;padding:0;width:100%;}
	.yui-skin-sam .yui-ac-content li{margin:0;padding:2px 5px;cursor:default;white-space:nowrap;list-style:none;zoom:1;}
	.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight{background:#B3D4FF;}
	.yui-skin-sam .yui-ac-content li.yui-ac-highlight{background:#f2f2f2;color:#e87b10;}
	
	#suggestions {
		font-size:		90%;
		width:			100%;
	}

	/* ----------------------------  YUI Slider Styles  ----------------------------- */
	/* Copyright (c) 2010, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.com/yui/license.html
	version: 2.8.1 (modified for VuFind)
	*/
	
	/*!!!!!!!! Wichtig: um den rechten Slider zu verschieben, 
	muss der Wert von "range" in js/pubdate_slider.js angepasst werden */
	
	/* nur wenn JS an, wird der Slider angezeigt */
	.yearSlider {
		display:	none;
	}
	.yui-h-slider {
		position:	relative;
		text-align: left;
	}
	.yui-h-slider .yui-slider-thumb {
		position:	absolute;
		cursor:		default;
	}
	.yui-h-slider {
		background:	url(../../../images/yui/bg-h.gif) repeat 0 0;
		height:		18px; 
		width:		420px;
		margin-bottom:	10px;
	}
	.yui-h-slider .yui-slider-thumb {
		top:		4px;
	}
	
	#slider-box {
		width:			420px;
		margin:			auto;
	}
	.year-input-field {width:60px; display:inline-block;}

}

/*****
* Media-Queries - Anweisungen fuer bestimmte Browserfenstergroessen
* ueberschreibt bzw. ergaenzt allgemeine Angaben oben / zusaetzliche Angaben
* 
* xs  = maximal 991px
* sm  = 992px -  1199px
* md  = 1200px - 1599px
* lg  = minimal 1600px
*****/

/* max-width 480px*/
@media screen and (max-width:480px){
	#searchFormR .medium-select	{width:100% !important;border-radius:12px;}
	#searchFormR .input-group-addon { position:relative !important; z-index: 2 !important;width:calc(100% + 55px) !important;display:block;background:none;border:none;padding:0 0 15px 0 !important;}
	#searchFormR .input-group-btn { position:relative !important;vertical-align: bottom;z-index: 1 !important;}
	#searchFormR .input-group .form-control:not(:first-child):not(:last-child){border-top-left-radius:18px !important;border-bottom-left-radius:18px !important;}
	#searchFormR label {padding-bottom:8px;}
	footer .container .col-xs-4 {width:100%;display:block;}
	#wrapper > .container{min-height:auto !important;}
	footer{min-height:auto !important;margin-bottom:0 !important}
	#search-adv-box #yearSlider {display:none !important;}
	#search-adv-box #slider-box {width: auto !important;}
	#navbarTop ul li{clear:both !important;}
	#logged-as {display:none;}
	#search-basic-box .form-control::placeholder{color:transparent !important;}
}

/* xs */
@media screen and (max-width:991px){	
	footer .container {padding: 10px 15px; margin-left:-15px;}	
	#logo-base-lg {margin-top:0px!important;margin-bottom:30px!important;}
	footer .container #logos-box {padding-top:15px;}
	#pagerRow{margin-bottom: 20px}
	#search-adv-box .col-xs-offset-1{margin-left: 20px}
	/* den standard nowrap deaktivieren*/
	#history-box .table-responsive > .table > tbody > tr > td {white-space:normal;}
	.popupBox {left: 5% !important; width: 90% !important;}
	#wrapper > .container{padding-bottom:25px;min-height: 100%;}
	#wrapper {padding: 0 0 507px 0;} /* bei Aenderung des unteren Abstands footer anpassen + sm,md,lg */
	footer {
	  margin-bottom: -507px; /* bei Aenderung #wrapper anpassen + sm,md,lg*/
	  min-height: 507px; /* bei Aenderung #wrapper anpassen + sm,md,lg*/
	  width:100%;
	}	
	footer #copyright {margin-left:0;}	
	.panel-heading .row-eq-height{
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}
	.record-panel .panel-footer li{display: block;margin-right:0; padding: 4px 0;}
	.record-panel .panel-footer li:before {content: "»" !important;padding:0 8px !important; margin-left:-8px !important}
}

/* xs,sm */
@media screen and (max-width:1200px){	
	.browse-nav {
	    height: auto;
	    margin-bottom: 25px;
	    overflow:auto;
	    border: none;
	}
	.browse-nav a { 
	    border-left: 1px solid #d0d0d0;
	    border-right: 1px solid #d0d0d0;
	}
	.browse-nav li:first-of-type{border-top: 1px solid #d0d0d0;}	
	#browsing-box .panel-body {padding-bottom:0}
	#keep-filters-box {width: 100%}
}

/* sm,md */
@media screen and (min-width:992px) and (max-width:1600px){	
	.popupBox {
	    left: 			15% !important;
	    width: 			70% !important;
	}
}


/* sm,md,lg */
@media screen and (min-width:992px){

	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}	
	#search-adv-box #col-rechts{padding-left:0}
	/* Graue Linie in Top-Navigation */
	.nav-line{margin-top:-4px;height:9px;background:linear-gradient(to top,#e8e8e8 1px,#fff 0,#fff 4px,#e8e8e8 0,#e8e8e8 9px);}
	.navbar {margin-bottom: 30px;}
	#wrapper > .container{padding-bottom:25px;min-height: 100%;}
	#wrapper {padding: 0 0 307px 0;} /* bei Aenderung des unteren Abstands footer anpassen + xs */
	footer {
	  margin-bottom: -307px; /* bei Aenderung des unteren Abstands footer anpassen + xs */
	  min-height: 307px; /* bei Aenderung #wrapper anpassen + xs*/
	  width:100%;
	}
	footer .container {padding: 20px 0;}
	footer .col-sm-1 {width: 21.7%; padding:0;}
	footer .col-sm-2 {width: 28.4%; padding:0;}
	footer .col-sm-3 {width: 26.9%; padding:0;}
	footer .col-sm-4 {width: 23%; padding:0;}		
}

/* md,lg */
@media screen and (min-width:1200px){
	#search-adv-box #col-links .panel {margin-bottom:15px;}
	#search-adv-box #col-rechts .panel {margin-bottom:30px;}
	#search-adv-box .checkbox{margin-top:0px;margin-bottom:13px;}
}

/* md */
@media screen and (min-width:1200px){
	#hit-list .panel-body .col-md-2 {width: 22%;}
	#hit-list .panel-body .col-md-8 {width: 78%;}
}


/* lg */
@media screen and (min-width:1600px){
	#rec-details-box .col-lg-1 {width: 12%;}
	#rec-details-box .col-lg-11 {width: 88%;}	
	#hit-list .panel-body .col-lg-2 {width: 15.5%;}
	#hit-list .panel-body .col-lg-10 {width: 84.5%;}
	.popupBox {
	    left: 			25% !important;
	    width: 			50% !important;
	}
}

/*****
* Print-Layout
*****/
@media print {
	body {color: #000}
	a[href]:after {content: "" !important;}  
	
	footer, aside, header .nav, #yearSlider, .panel-footer, #all-hits-export-row, #pager, #searchFormR, .record-panel input[type=checkbox],
	#list-fav-pub-box #links-for-list, .breadcrumb { display:none !important;} 
	
	#search-adv-box #document-type-box .panel-body, #search-adv-box #rights-box .panel-body {margin-left: 35px;}
	#search-adv-box .input-group-addon {border: 0 !important;}

	.panel {border:0 !important;}
	.panel-heading {border-bottom: 4px solid #e8e8e8 !important;}
	.panel-default .panel-heading {font-size:14px !important;font-weight:bold !important; padding-left:0 !important;}
	.panel-default .panel-body {padding-left:0 !important; padding-right:0 !important;}
	.record-panel {padding-bottom:0 !important; margin-bottom:0 !important;}
	.record-panel .panel-body .row {padding-bottom:10px !important;}
	.browse-nav ul {
	    margin:			0;
	    padding:		0;
	    margin-bottom:  20px !important;
	}	
	h2{font-size:14px;font-weight:bold !important;}
	h4{font-weight:bold !important;}	
}

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