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

@import url('NotoSans.css');

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


@media screen{
	
	/*****
	* Allgemeines
	*****/	

	/* Für einige Sprachen wie "Noto Sans JP" oder "Noto Sans CJK JP" (beide Japanisch) usw. bieten wir keinen Download an, da die Dateien zu groß sind. 
	Wir verweisen aber auf sie in "html, body", da sie bei den Usern installiert sein könnten. Ansosnten kommt ein Fallback-Systemfont zum Einsatz.   
	*/
	html,body {
	  min-height: 100%;
	  padding: 0;
	  margin: 0;
	  letter-spacing: 0.03em;
	  font-family: Noto Sans, Noto Sans Arabic, Noto Sans Hebrew, Noto Sans Devanagari, Noto Sans CJK JP, Noto Sans CJK KR, Noto Sans CJK SC, Noto Sans CJK TC, Noto Sans JP, Noto Sans KR, Noto Sans SC, 
	  Noto Sans TC, Noto Sans Bengali, Noto Sans Tamil, Noto Sans Thai, Noto Serif Armenian, Noto Serif Georgian, Arial, Helvetica, Liberation sans, DejaVu sans, sans-serif;
	}
		
	html{position:relative;min-width:320px;}	
	
	ul {
		list-style: none;
		margin:0!important;
		padding:0!important;
	}
	#wrapper {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	}
	#wrapper > .container{background-color:#fff;}	
			
	.Highlight {font-weight: bold;}
	.bold {font-weight:bold !important;}
	.bold500 {font-weight:500 !important;}
	.bold600 {font-weight:600 !important;}
	.text-bottom-in-flex{align-self: flex-end;}
	.font13{font-size:13px !important;}
	.font14{font-size:14px !important;}
	.heading{color:#3970a4;font-size:15px;margin-bottom:25px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-bottom: 4px 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;}
	.dashed-line-box{border:	1px dashed #ACACAC;}
	.text-warning,.text-info{text-align:center; padding-bottom:20px;font-weight: 500;}
	#editFavorit .form-abschnitt {background:#ececec; padding:0 5px 5px 5px;margin:10px 0;}
	small, .small {font-size: 13px;}
	#top a {color:#000;}
	
	.loading {
		margin:7px 0 0 15px; 
		padding:0px 0 0 20px;
		width:200px; 
		height:30px;
		background:url(../../../images/loading.gif) no-repeat left 0px top 2px;
		display:none;
	}
	.sr-only {
	    clip: rect(1px, 1px, 1px, 1px);
	    position: absolute;
	    width: auto;
	    height: auto;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    border: 0;
	}

	/*****
	* Scrollleiste
	*****/	
	/* Works on Firefox */
	/* in Firefox soll die Scrollleiste grau sein, da sie in Windows 10 im aktiven Zustand nicht mehr gut aussieht */
	* {
	  scrollbar-width: thin;
	  scrollbar-color: #a2a2a2 #d7d7d7;
	}
	/* Works on Chrome, Edge, and Safari */
	*::-webkit-scrollbar {
	  width: 12px;
	}	
	*::-webkit-scrollbar-track {
	  background: #d7d7d7;
	}	
	*::-webkit-scrollbar-thumb {
	  background-color: #294f72;
	  border-radius: 20px;
	  border: 3px solid #d7d7d7;
	}
	*::-webkit-scrollbar-thumb:active {
    	background-color: #294f72;
  	}
	
	/*****
	* Ueberschriften
	*****/	
	h1, h2, h3 {
		margin: 0;
		display: inline;
		letter-spacing: 0.05em;
	}
	h3 { font-size:14px} 
	
	/*****
	* Links
	*****/	
	
	/*gepunktete Linie aus den Links beim Firefox entfernen*/	
	a {outline:none !important;}
	a.link1, a.nav-tabs {
		font-weight: 600;
	}
	a.link2 {
		color: #1A1C1D;
	}
	aside a, aside a:hover, aside a:focus, aside a:active {
		font-weight: 500; 
	}
	
	/*****
	* 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:#3970a4;top: 2px;}
	aside .glyphicon {font-size:14px;color:#3970a4;top: 2px;}
	
	/*****
	* Raender, Abstaende 
	*****/
	
	/* Raender */	
	.margin-left0-5{margin-left:5px !important;}
	.margin-left1{margin-left:10px !important;}
	.margin-left-1{margin-left:-10px !important;}
	.margin-left-2{margin-left:-20px !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-bottom3{margin-bottom:30px !important;}
	.margin-bottom5{margin-bottom:50px !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;}
	.padding1{padding:10px !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:#AF560D !important;}
	
	/*****
	* Hintergrundfarbe
	*****/	
	.hg-weiss{background:#fff !important;}
	.hg-hell-blau{background:#f6f8fd !important;}
		
	/*****
	* Tabellen
	*****/	
	/* th immer obenbuendig */
	.table > thead > tr > th{vertical-align:top;font-weight: 600;}
	.td-center{text-align:center;}
	.table > tbody > tr:last-of-type {
		border-bottom: 1px solid #dfdfdf;
	}
	.table thead .glyphicon, .table tfoot .glyphicon {font-size:17px;color:#B4CA29;top: 2px;}

	/*****
	* History
	*****/		
	
	#history-box .table a {font-weight: 500;}
	#history-box .panel-body {background: #FFF; padding: 0 0 0 0;}
	#history-box .panel-footer {border-top: none}
	table {background-color: #F6F8FD;}
	.table  thead {background-color: #EBF0F9;}

	/*****
	* Dropdown
	*****/		
	.dropdown-menu {
		min-width: auto;
	}
	.dropdown-menu > li > a{
		word-wrap: break-word;
		white-space: normal;	
		padding-left: 7px; 
	}
	.btn-dropdown {	
		padding-right: 32px;
		background: url(../../../images/pfeil_gruen_unten.png) no-repeat right 9px top 9px; /* fallback */
		background: url(../../../images/pfeil_gruen_unten.png) no-repeat right 9px top 9px, linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
	}	
	.dropdown-menu > li > a:hover, 
	.dropdown-menu > li > a:focus {
		background: #f6f8fd;
	}	
		
	/*****
	* Header
	*****/
	/* Abstand zum Fensterrand oben */
	header{margin-top:15px;}
	#logged-as {font-weight: 500;}
	#langForm .dropdown-menu {
		right: 0;
		left: auto;
	}
	#langForm .btn-dropdown {	
		padding-left: 18px;
		padding-right: 40px;
		background: url(../../../images/pfeil_gruen_unten.png) no-repeat right 12px top 9px; /* fallback */
		background: url(../../../images/pfeil_gruen_unten.png) no-repeat right 12px top 9px, linear-gradient(to bottom, #fff 0, #e0e0e0 100%);		
	}

	/*****
	* 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 a {
		font-weight: 500;
		letter-spacing: 0.05em;
	}	
	#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 {
		color: #3970a4;
		background:linear-gradient(to top,#3970a4 3px,#b4ca29 0 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
	*****/	
	.titel-checkbox-div {
		margin-right:4px;
		display: flex; 
		align-items: strech;
	}
	#all-hits-export-row {
		font-size: 13px;
		font-weight: normal;
		margin-bottom: 25px;
	}
	#all-hits-export-row a{
		font-weight: 600;
	}
	#pager{margin-bottom:25px;}
	#searchFormR label {padding-bottom:5px;}
	#searchFormR input[type="checkbox"]:checked, #searchFormR input[type="checkbox"]:not(:checked),
	#searchFormR input[type='radio']:checked, #searchFormR input[type='radio']:not(:checked) {
		margin-left: 0;
	}
	#hit-list-box .heading  {
		color: #1a1c1d;
	}
	#fav-list-box .heading h1,
	#list-fav-pub-box .heading h1 {
		font-weight: 500;
		font-size:17px;
	}
	/* nicht kürzen! */
	.record-panel input[type="checkbox"]:checked, .record-panel input[type="checkbox"]:not(:checked){
		margin-left: -10px;
		top:2px;
	}
	#keep-filters-box-before{
		padding: 0 43px 0 24px;
		font-size:13px;
		visibility:hidden;
		float:left;
	}
	@-moz-document url-prefix() {
		#keep-filters-box-before{
			padding: 0 45px 0 24px;
		}
	}
	#keep-filters-box{
		margin: 10px 0 0 15px;
		float:left;
		width:69%;
	}
	.more-versions {
		font-size: 92%; 
		background: #FFF;
	}
	.more-versions-result {
		background: #f6f8fd; 
		border-top: 2px solid #e8e8e8;
		padding-right: 5px;
		padding-left: 5px;
	}
	.more-versions-box, .citations {
		background: #fff;
		border: 1px solid #e8e8e8;
		margin-right: 0;
		margin-left: 0;
		padding: 2px;
		font-size:14px;
	}
	.citations {
		margin-bottom: 1px;
	}
	.more-versions-heading,
	.citations-heading {
		width:100%;
		padding: 1px 5px 1px 5px;
		background: #EBF0F9;
	}
	.more-versions-heading a.link1,
	.citations-heading a.link1 {font-weight: 600 !important}
	
	.citationsbox {
		background: #FFF;
		font-size: 92%; 
		padding: 5px;
	}
	.record-export {
		font-size: 13px;
		margin-top: 2px !important;
		padding: 2px 0 !important;
		border-radius: 6px !important;
	}
	.record-export a {
		white-space: nowrap !important;
	}
	.record-export  li {
		width: auto;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.record-export  li + li::before {
		content: none !important;
	}
	.record-export > li > a {
		padding: 2px 10px 2px 7px !important;
	}
	.pagination img {
		height: 16px;
		margin-top: -2px;
	}

	/*****
	* ORCID
	*****/	
	#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;}

	/*****
	* Erweiterte Suche
	*****/		
	#adv-access .checkbox{margin-top:0px!important;margin-bottom:0!important;}
	#adv-doctype .checkbox, #adv-rights .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;}
	#adv-doctype .panel-body, #adv-rights .panel-body{padding-left: 30px;}
	#SelectSource {margin-top: 3px;}

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

		
	/*****
	* Footer
	*****/
	footer {background-color:#f4f4f4;color:#fff;}
	footer a, footer a:hover, footer a:focus {color:#fff;}
	footer h2 {padding: 10px 0 10px 0; font-weight:	bold; color: #fff;}
	footer .container {
		border-left: 15px solid #fff;
		border-right: 15px solid #fff;
		background-color:#294f72;
		padding-top: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	footer li{line-height:2!important;}		
	/* Logos einheitlich Breit im Footer */
	/*footer #logos-box {width:242px; background:#F00;}*/
	#logos-box {background:#fff; padding: 10px 0 15px 15px; width: 260px !important; margin-top:10px; margin-bottom:0; position:absolute;}
	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:26px;}
	footer .orange-linie{
		background-color:#fff;
		border-top: 1px solid #F59F00;
		border-bottom: 4px solid #F59F00;
		height: 9px;
		margin-bottom: 25px;
	}
	footer .list-unstyled {
		margin-top: 10px !important;
	}

	/*****
	* 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 { 
		color:			#1a1c1d;
		display:		block;
	    text-decoration:none;
	    padding:		7px 5px;
	    border-bottom: 	1px solid #d0d0d0;
	    letter-spacing: 0.05em;
	}
	.browse-nav a:hover {
		color:			#AF560D;
		background:		#f6f6f6;
	}
	.browse-nav .active a:active {
	    color:			#e87b10;
	    background:		none;
	}
	.browseNav a.HiddenA {
		visibility:	hidden;
		padding:	0; 
		border:		none;
	}	
	.browse-nav .active a {
	    color:			#AF560D;
	    background:		#f6f6f6;
	}
	.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
	*****/	
	/*blauen Border aus Chrome entfernen*/
	input:focus,textarea:focus,
	.btn:focus,.btn:active:focus,.btn.active:focus,
	.btn.focus,.btn:active.focus,.btn.active.focus {
		outline: 0 !important;
	}	
	.small input[type="radio"], .small input[type="checkbox"],
	.font13 input[type="radio"], .font13 input[type="checkbox"] {
    	margin: 0.16em 0 0;
	}
	.font14 input[type="radio"], .font14 input[type="checkbox"] {
    	margin: 2px 0 0;	
	}
	select:focus {
		outline: #dfdfdf solid 1px;		
	}
	
	.btn {
		letter-spacing: inherit;
		font-size: 14px; /* wichtig! sonst probleme mit Padding in Chrom unter Linux */
	}
	#searchFormR .form-control{
		border-top: 1px solid #757575;
		border-bottom: 1px solid #757575;
	}
	#searchFormR .input-group-addon {
		border-top: 1px solid #757575;
		border-left: 1px solid #757575;
		border-bottom: 1px solid #757575;
		border-top-left-radius:18px;
		border-bottom-left-radius:18px;	
	}
	#searchFormB .form-control{
		border-top: 1px solid #757575;
		border-left: 1px solid #757575;
		border-bottom: 1px solid #757575;
	}
	#searchFormB .btn-success, #searchFormR .btn-success {
		border-top: 1px solid #757575;
		border-right: 1px solid #757575;
		border-bottom: 1px solid #757575;	
		height: 48px; 
	}

	/* Textarea nicht in der Groesse veraenderbar */
	textarea{resize:none;}
		
	.input-lg {font-size: 15px;letter-spacing: inherit;}
	
	#SaveRecord .form-group{margin-bottom: 20px;}

	.radio, .checkbox {
		margin-top: 0;
		margin-bottom: 0;
	}
	.radio + .radio, 
	.checkbox + .checkbox {
   	 margin-top: 0;
	}
	.radio label, .checkbox label {
		padding-left: 15px;
		/*line-height: 1.333;*/
	}
	/* 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;
		}
		legend {
			font-weight: normal;
			margin-bottom:0px;
			font-size: 15px;
			border: none;
		}
		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) {
		        margin-left:-15px;
		}
		
		input[type='checkbox'] + label,
		input[type='radio'] + label,
		label input[type='checkbox'],
		label input[type='radio'] {
		  cursor: pointer;
		}

		.checked_checkbox,
		.checked_radio,
		input[type='checkbox']:checked  + label::before,
		input[type='radio']:checked  + label::before,
		label input[type='checkbox']:checked,
		label input[type='radio']:checked {
		  background: #5080ae !important;
		  border: 1px solid #5080ae !important;
		  box-shadow: inset 0 0 0 2px #fff !important;
		}	
	
		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,
		label input[type='checkbox']:checked,
		label input[type='checkbox']:not(:checked),
		label input[type='radio']:checked,
		label input[type='radio']:not(:checked)
		{
		    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,
		label input[type=radio]:checked,
		label input[type=radio]:not(:checked) {
		  border-radius: 30px;
		}
		
		input[type='checkbox']:hover  + label::before,
		input[type='radio']:hover  + label::before,
		label input[type='checkbox']:hover,
		label input[type='radio']:hover {
		  background:#c8c8c8;
		  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;
	  letter-spacing: inherit;
	  cursor: pointer;
	}
	select.input-sm {
		line-height: 1.5;
		-moz-padding-start: 7px !important; /* Firefox generiert einen Abstand linkx und rechts von 3px von Haus aus, daher abfangen */
		-moz-padding-end : 7px !important;		
	}
	select.medium-select{
		width: auto!important;
		background-position: right 7px top 7px!important;
		padding: 0 29px 0 9px !important;
		-moz-padding-start: 6px !important; /* Firefox generiert einen Abstand linkx und rechts von 3px von Haus aus, daher abfangen */
		-moz-padding-end : 27px !important;
	}
	select.small-select{
		width: auto!important;
		background-position: right 7px top 3px!important;
		padding: 1px 29px 2px 9px !important;
		-moz-padding-start: 6px !important; /* Firefox generiert einen Abstand linkx und rechts von 3px von Haus aus, daher abfangen */
		-moz-padding-end : 27px !important;		
	}
		
	#langForm select {width:auto;min-width: 123px;padding-right:28px;-moz-padding-start:5px;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;}

	/* 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: 5px 10px;
	}
	button.input-sm{
		border-radius: 6px !important;
		font-size:12px;
		height: 25px;
	}
	.record-panel .panel-footer button.input-sm{
		border-radius: 6px !important;
		font-size:12px;
		height: 21px;
		margin-top:-2px;
		padding: 0 10px 1px 10px;
	} 
	#all-hits-export-row  button.input-sm{
		border-radius: 6px !important;
		font-size:12px;
		height: 23px;
		margin-top:-2px;
		padding: 0 10px 1px 10px;
	} 
	#selectExportFormat {
		height: 23px;
	}
	
	aside .btn-dropdown,
	aside .btn-dropdown:hover,
	aside .btn-dropdown:focus,
	aside .btn-dropdown:active {
		border-radius: 6px;
		font-size:13px;
		line-height: 18px;
		background: url(../../../images/pfeil_gruen_unten.png) no-repeat right 9px top 8px; 
		background-color: #fff;
		width: 100%;
		text-align: left;
		padding-left: 7px;
		border-color: #c8c8c8;
	}
	aside .btn-dropdown:focus {
		border-color: #84909D; 
	}
	aside .btn-drilldown {
		margin-bottom: 7px;
	}
	aside .drilldown-inputfield {
		  box-sizing: border-box;
		  background-image: url('../../../images/searchicon.png');
		  background-position: 7px 3px;
		  background-repeat: no-repeat;
		  background-size: 15px;
		  font-size: 13px;
		  padding: 1px 7px 5px 29px;
		  border: none;
		  border-bottom: 1px solid #dfdfdf;
	}
	aside .drilldown-inputfield:focus {border-bottom: 1px solid #ccc;}
	aside #drilldowns form:last-of-type{margin-bottom:0 !important}
	#all-hits-export-row .btn-dropdown {
		font-size: 12px;
		margin-left: 5px;
		line-height: 0.9;
		background: url(../../../images/pfeil_gruen_unten.png) no-repeat right 9px top 4px, linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
	}
	
	/*****
	* Listen
	*****/
	ul.pfeil > li {
		padding: 5px 0 5px 22px;
	  	background-image:url(../../../images/pfeil_gruen_rechts.png);
	  	background-position: left 0px top 6px;
	  	background-repeat: no-repeat;
	}
	ul.pfeil > li:first-of-type{padding-top:0;background-position: left 0px top 1px;}
	ul.pfeil > li:last-of-type{padding-bottom:0;}	
	ul.drei-punkte > li {
		width: 100%;
		padding: 2px 0 2px 19px;
	  	background-image:url(../../../images/dreieck_orange_8p.gif);
	  	background-position: left 0px top 10px;
	  	background-repeat: no-repeat;
	}	

	/*****
	* Aside
	*****/
	
	/* Kein Schatten und Rahmen in Panels */
	aside {font-size:13px; margin-top:25px;}
	#side-box-list {margin-top:55px;}
	aside, aside .btn {
		font-weight: normal;
		letter-spacing: 0.05em;
	}
	aside h2 {font-size:14px!important;font-weight: 600;}
	#drilldowns a {font-weight: 400;}
	aside .dropdown-menu {
	    width: 100%;
	    font-size: 13px;
	    padding: 5px 0 5px 0;
	    border-radius: 6px;
	    border-color: #adadad;
	}
	aside .drilldown {
		max-height: 257px;
		overflow: auto;
		overflow-x: hidden;
		-ms-overflow-x: hidden;
		/*width: 100.5%;
	    margin: -8px 0 0 -1px !important;*/
	    margin: -8px 0 0 0 !important;
	}
	
	/*****
	* Panels
	*****/
	.panel{border:0;box-shadow:none!important;background:none;margin-bottom:25px;}		
	.panel-default .panel-heading { color: #3970a4; margin-bottom:3px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-bottom: 4px solid #e8e8e8;background:linear-gradient(to top,#b6c828 4px,#b6c828 0) 1px 5px no-repeat;background-size:4px 16px;}
	.panel-default .panel-heading h1 {font-size:17px} 
	.panel-default .panel-heading h2 {font-size:17px} 
	#rec-details-box .panel-default .panel-heading {vertical-align: middle;min-height:30px;margin-bottom:3px;padding-left:10px;border-bottom: 1px solid #e8e8e8;background:#EBF0F9;}
	.panel-body{background-color:#f6f8fd;margin-bottom:2px;} /* #f6f6f6 */
	.panel-default > .panel-footer{padding:0;}
	.record-panel {margin-bottom:35px !important;}
	.record-panel:last-child {margin-bottom:25px !important;}	
	.record-panel .panel-heading{min-height:30px; margin-bottom:2px;padding: 2px 10px 2px 20px;background:#EBF0F9;border-bottom: 1px solid #dfdfdf;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;}
	.record-panel .panel-heading h1,
	.record-panel .panel-heading h2 {display: flex; align-items: center; padding-top:3px; padding-bottom:3px;font-size:15px;line-height: 1.3;} 
	.record-panel .panel-body .row{padding-top:5px;padding-bottom:5px;}
	.record-panel .panel-body {padding-top:5px;padding-bottom:5px;background-color:#f6f8fd;} 
	.record-panel .panel-body a.link1 {font-weight: 500}
	.record-panel .panel-footer{padding:5px 10px;border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf;font-weight: 600;letter-spacing: 0.06em;} 
	.record-panel .panel-footer ul{padding:0;margin:0;font-size:13px;}
	.record-panel .panel-footer li{display: inline-block;margin-right:4px;}
	.record-panel .panel-footer li + li:before {content: "\007c";padding:0 8px 0 0;}
	.record-panel .panel-heading a {font-weight: 700 !important;}
	.record-panel .panel-heading .row-eq-height {
		display: flex; align-items: stretch;
	}

	aside .panel-default .panel-heading {color: #fff; padding: 4px 10px 4px 10px; background: #294f72;border-bottom: 3px solid #F59F00; margin-bottom:0;border-top-left-radius: 4px;border-top-right-radius: 4px;}
	aside .panel-body{padding-top:12px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;margin-bottom: 0;} 
	aside .panel-default .panel-footer{padding:0;margin:0;}

	
	/*****
	* Breadcrumb
	*****/
	.breadcrumb{
		font-size:13px;
		margin-bottom: 30px !important;
		font-weight: 500;
	}
	.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:4px 15px;cursor: pointer;white-space:nowrap;list-style:none;zoom:1;}
	.yui-skin-sam .yui-ac-content li:first-of-type{padding-top:8px;}
	.yui-skin-sam .yui-ac-content li:nth-last-child(2){padding-bottom:8px;}
	.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight{background:#B3D4FF;}
	.yui-skin-sam .yui-ac-content li.yui-ac-highlight{background:#f6f8fd;color:#b5580e;}
	#suggestions {
		font-size:		90%;
		width:			100%;
	}

	/* ----------------------------  Slider  ----------------------------- */
	
	#slider-box {
		width:			420px;
		margin:			auto;
	}
	.year-input-field {width:60px; display:inline-block;}
	
	#slider-box .ui-state-default, #slider-box .ui-widget-content .ui-state-default {
		background: #5080ae !important;
		border: 1px solid #5080ae !important;
		box-shadow: inset 0 0 0 2px #fff !important;
	}
}

/*****
* 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;border-left: 1px solid #757575;}
	#searchFormR label {padding-bottom:8px;}
	footer .container .col-xs-4 {width:100%;display:block;}
	footer ul {margin-bottom: 15px !important;}
	#wrapper > .container{min-height:auto !important;}
	footer{min-height:auto !important;margin-bottom:0 !important}
	#search-adv-box #slider-range {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;}
	#all-hits-export-row .col-xs-6{float:none;width: 100%;margin-bottom: 10px; }
}	

/* xs */
@media screen and (max-width:991px){	
	footer .container {padding: 20px 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;}
	footer #copyright {margin-left:0;}	
	#wrapper > .container{padding-bottom:25px;min-height: 100%;}
	.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}
	.record-panel .col-sm-2, .record-panel .col-sm-3 {
		font-weight: 600;
	}
	#copyright {padding-top:250px;}
	#logos-box {right:0;left:30px;}
	
}

/* 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%}
	#wrapper > .container{padding-bottom:25px;min-height: 100%;}
	#wrapper {padding: 0 0 383px 0;} /* bei Aenderung des unteren Abstands footer anpassen + sm,md,lg */
	footer {
	  margin-bottom: -383px; /* bei Aenderung #wrapper anpassen + sm,md,lg*/
	  min-height: 383px; /* bei Aenderung #wrapper anpassen + sm,md,lg*/
	  width:100%;
	}
}

/* sm */
@media screen and (min-width:992px) and (max-width:1200px){	
	#copyright {padding-top:30px;}	
}

/* 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:-4px 15px 0 15px;height:9px;background:linear-gradient(to top,#F59F00 1px,#fff 0,#fff 4px,#F59F00 0,#F59F00 9px);}
	.navbar {margin-bottom: 30px;}
	#wrapper > .container{padding-bottom:25px;min-height: 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;}	

	#hit-list .panel-body #more-versions .col-sm-3 {width: 33%;}
	#hit-list .panel-body #more-versions .col-sm-9 {width: 67%;}	
	
	#rec-details-box #more-versions .col-sm-3 {width: 19.5%;}
	#rec-details-box #more-versions .col-sm-9 {width: 80.5%;}
	#logos-box {right:-40px;}
	
}

/* md*/
@media screen and (min-width:1200px){
	#search-adv-box #col-links .panel {margin-bottom:15px;}
	#search-adv-box #col-rechts .panel {margin-bottom:34px;}
	#adv-doctype .checkbox, #adv-rights .checkbox{margin-top:0px;margin-bottom:12px;}
	#search-adv-box .form-group {margin-bottom: 9px;}
	#wrapper > .container{padding-bottom:25px;min-height: 100%;}
	#wrapper {padding: 0 0 353px 0;} /* bei Aenderung des unteren Abstands footer anpassen + xs */
	footer {
	  margin-bottom: -353px; /* bei Aenderung des unteren Abstands footer anpassen + xs */
	  min-height: 353px; /* bei Aenderung #wrapper anpassen + xs*/
	  width:100%;
	}
	
	#hit-list .panel-body .record-column1-de {width:21.0%;}
	#hit-list .panel-body .record-column2-de {width:79.0%;}
	#hit-list .panel-body .record-column1-en {width:22.0%;}
	#hit-list .panel-body .record-column2-en {width:78.0%;}
	#hit-list .panel-body .record-column1-fr {width:22.2%;}
	#hit-list .panel-body .record-column2-fr {width:77.8%;}
	#hit-list .panel-body .record-column1-es {width:24.2%;}
	#hit-list .panel-body .record-column2-es {width:75.8%;}
	#hit-list .panel-body .record-column1-pl {width:23.2%;}
	#hit-list .panel-body .record-column2-pl {width:76.8%;}
	#hit-list .panel-body .record-column1-el {width:22.0%;}
	#hit-list .panel-body .record-column2-el {width:78.0%;}
	#hit-list .panel-body .record-column1-ua {width:24.2%;}
	#hit-list .panel-body .record-column2-ua {width:75.8%;}
	#hit-list .panel-body .record-column1-zh {width:16.9%;}
	#hit-list .panel-body .record-column2-zh {width:83.1%;}
		
	
	#hit-list .panel-body #more-versions .col-md-2 {width: 26%;}
	#hit-list .panel-body #more-versions .col-md-10 {width: 74%;}	
	
	
	#rec-details-box #more-versions .col-md-2 {width: 16.5%;}
	#rec-details-box #more-versions .col-md-10 {width: 83.5%;}
	#logos-box {right:0px;}
}


/* 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 .record-column1-de {width:18.1%;}
	#hit-list .panel-body .record-column2-de {width:81.9%;}
	#hit-list .panel-body .record-column1-en {width:16.2%;}
	#hit-list .panel-body .record-column2-en {width:86.3%;}
	#hit-list .panel-body .record-column1-fr {width:16.4%;}
	#hit-list .panel-body .record-column2-fr {width:86.1%;}
	#hit-list .panel-body .record-column1-es {width:17.5%;}
	#hit-list .panel-body .record-column2-es {width:82.5%;}
	#hit-list .panel-body .record-column1-pl {width:15.3%;}
	#hit-list .panel-body .record-column2-pl {width:84.7%;}
	#hit-list .panel-body .record-column1-el {width:19.0%;}
	#hit-list .panel-body .record-column2-el {width:81.0%;}
	#hit-list .panel-body .record-column1-ua {width:17.5%;}
	#hit-list .panel-body .record-column2-ua {width:82.5%;}
	#hit-list .panel-body .record-column1-zh {width:12.5%;}
	#hit-list .panel-body .record-column2-zh {width:87.5%;}
		
	.popupBox {
	    left: 			25% !important;
	    width: 			50% !important;
	}
	
	#hit-list .panel-body #more-versions .col-lg-2 {width: 16%;}
	#hit-list .panel-body #more-versions .col-lg-10 {width: 84%;}
	
	#rec-details-box #more-versions .col-lg-2 {width: 11.8%;}
	#rec-details-box #more-versions .col-lg-10 {width: 88.2%;}
	#logos-box {right:60px;}
}

/*****
* Print-Layout
*****/
@media print {
	body {color: #000}
	a[href]:after {content: "" !important;}  
	
	footer, aside, header .nav, #slider-range, .panel-footer, #all-hits-export-row, #pager, #searchFormR, .record-panel input[type=checkbox],
	#list-fav-pub-box #links-for-list, .breadcrumb { display:none !important;} 
	.form-control::placeholder{color:transparent !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:15px !important;font-weight:bold !important; padding-left:0 !important;padding-bottom:0 !important;}
	.panel-default .panel-body {padding-left:0 !important; padding-right:0 !important;}
	.record-panel {padding-bottom:0 !important; margin-bottom:-30px !important;}
	.record-panel .panel-body .row {padding-bottom:10px !important;}
	.record-panel .col-sm-2, .record-panel .col-sm-3 {font-weight: bold !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
*****/