@import url(/css/ubhdinline.css);

#universitaet {
    height: 25px;
    min-width: 982px;
}

#topBarInstitute a { 
  display: block; 
  position: absolute; 
  margin-left: -1000px; 
}

/* Korrektur des Uni-Style-Sheet-Werts, Anpassung  Folgeseiten an UB-Header-Layout */
.pathway {
   padding-top: 20px;
}

/* Logo links */

.institutslogo {
  min-height: 93px !important;
} 

#heidisuch { 
  background: #EFEFEF; 
  padding: 3px; 
  padding-top: 6px; 
  margin-bottom: 20px; 
  margin-top: 0px; 
  font-size: 0.9em; 
  width: 200px; 
}

.inputSearchTop {
  background: #FFFFFF url('/nav4/grafik/layout/search.png') no-repeat scroll 1px center;
  border:1px solid #666666;
  color:#666666;
  font-size:0.9em;
  padding-left:15px;
  width:160px;
}

.nobut { /* wofür? */
  margin-left: 10px;
  padding-top: 5px;
}



#logotab {
  width: 100%;
  border-collapse: collapse;
}

#logolinks {
  text-align: left;
  padding-left: 10px;
}

#logorechts {
  text-align: right;
  padding-right: 10px;
}

#social-media-links {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
  margin-bottom: 15px;
}

#social-media-links > a > img {
  height: 36px;
  margin-right: 15px;
}

/* Struktur - vermutlich sind Teile inzwischen obsolet*/
#wrap {
	float: left;
	margin: 0px;
	width: 528px;
}

#middleColumn {
	position: relative;
	float: left;
	width: 476px;
	border-left: 2px solid #900;
	border-right: 1px dashed #999;
	float: left;
	min-height: 500px;
	padding: 0px 20px 0px 20px;
}

#middleColumn2spalter {
	position: relative;
	float: left;
	width: 697px;
	border-left: 2px solid #c9c9c9;
	border-right: 1px dashed #999;
	float: left;
	min-height: 500px;
	padding: 0px 20px 0px 20px;
} 

#rightColumn {
	width: 200px;
	margin: 0px;
	float: right;
	min-height: 200px;
}

#searchBoxRightColumn {
	width: 200px;
	background-color: #efefef;
	margin-bottom: 3px;
}

#searchBoxRightColumn #search {
	margin: 5px 0px 0px 5px;
}

.inputSearchRight {
	font-size: 0.9em;
	background-color: #fff;
	border: 1px solid #666;
	color: #666;
	padding-left: 2px;
	width: 130px;
}

.inputSearchRightButton {
	border: none;
	background: url(/nav4/grafik/layout/icon_search.gif) no-repeat;
	width: auto !important;
	height: 23px;
	background-position: center;
}



/* Inhalt*/ 
/* Uni-Layout-Ü-1 mit 2em von UB nicht erwünscht - 26.07.13 voe */

h1.start { 
   border-bottom: 1px dashed #999999;
   color: #990000;
   font-size: 125%;
   font-weight: bold;
   line-height: 1em;
   margin: 2.4em 0 10px -5px;
   padding: 0 0 0.5em 5px;
}                 

h1 {           /* Formate für einzeilige Überschrift - abweichend von Uni-Stylesheet wg. Unterscheidung zw. ein- und zweizeiligen Üs, 10.03.voe */
  font-size: 115%; 
  font-weight: bold; 
  padding-top: 0.0em; 
  padding-bottom: 0.5em; 
  line-height: 1.07em;
  margin: 1.2em 0 10px -5px;
}

h1.mehrzeilig {      /* Formate für mehrzeilige Überschrift - abweichend von Uni-Stylesheet wg. Unterscheidung zw. ein- und zweizeiligen Üs, 10.03.voe */
 margin: 1.2em 0 10px -5px;
}


h2.start {
  font-size: 105%;
  font-weight: bold;
  margin: 10px 0px 2px 0px;
  padding: 0.5em 0 0em 0;  
}

h2 {
  font-size: 105%; 
  font-weight: bold; 
  padding-top: 0.5em; 
  padding-bottom: 0em; 
  margin: 10px 0px 3px -1px;
}


h2.red {    
  color: #900; 
} /* selbe Farbe wie h1 (fh) */


h3 {
  font-size: 100%; 
  font-weight: bold; 
  padding-top: 0.2em; 
  margin:10px 0px 10px -1px; 
  margin-bottom: 0.2em; 
  line-height: 1em;
} 

h4 {
  font-size: 90%; 
  font-weight: bold;
}

h5 {
  font-size: 85%; 
  font-weight: bold;
}


/*Info-Boxen*/

.headlineRightColumn { /* Angleichung des Abstands zur einzeiligen Überschrift */
 padding-top: 25px;
}


.headlineRightColumn.mz { /* Angleichung des Abstands zur mehrzeiligen Überschrift */
 padding-top: 13px;
}


.boxRightColumnStartseite {
    background: url("/bilder/UBlogo.png") no-repeat scroll right top #EFEFEF;     /*extra Format, um UBlog-Logo einzubinden*/
    font-size: 0.9em;
    line-height: 1.3em;
    margin-bottom: 5px;
    padding: 8px 7px 4px;
}

.boxRightColumn img[src*="new-button.gif"], 
.boxRightColumn img[src*="neu-button.gif"],
.boxRightColumn img[src*="email_transp.gif"] {
    margin:0;
}


.roundbox_white_left {
  margin: 30px 4px 0 0;
}

h4.box {
	font-size: 1em;
	line-height: 0.8em;
	color: #333;
	font-weight: bold;
	margin: 5px 0 8px 0px;
} 


.roundbox_white_left li.fz { 
  font-size:100%; 
  margin-top: 1.2em;
}

span.fragezeichen {
  color: rgb(160,0,0) !important;
  font-size: 1.5em;
  font-weight: bold;
}


/*Menü* wofür? */
.menubox {
  margin: 15px 8px 15px 8px;
  float: left;
  width: 26em;
}

.menuboxhead {
  font-weight: bold;
  color: #000000;
  background: #E6E6E6;
  border-bottom: 2px solid #990000;
  padding: 2px;
}

.menuboxbody {
 background: #F5F5F5; 
 height: 27em;
}

.menuboxbody > * {
 padding: 4px;
}

/* zweispaltige Einstiegsseiten vor autohandler 2013 */

/* Container 2-spaltig */
.zweispaltig {
/*   width: 100%; */ 
   position: relative;
   float: none;
   margin-top: 1em;
}

.zweispaltiglinks {
  width: 47%; 
  float: left;
}

.zweispaltigrechts {
  width: 47%; 
  float: left;
  padding-left: 25px;
}


.zweispaltigende {
  clear: both; 
  float: none;
}

/*float-Problem => müsste eigentlich durch clearfix abgelöst werden - hat bei Test aber nicht funktioniert */
.floatcontainer
{
  overflow: hidden;
  padding-left: 1px; /* notwendig, um negativen margin der Überschriften auszugleichen */
}


/* Text-Menu */

ul.menu {
  margin: 0px;
  padding: 0px;
  padding-left: 30px;
}

ul.menu li {
  padding-left: 2px;
  padding-bottom: 25px;
}

ul.menu li h2 {
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
}

#content ul.abstand li { /*mehr Abstand zw. den aufgezählten Einträgen*/
  margin-bottom: 0.4em;
}





/* Seiteninhalte */

.cleaner {
	clear: both;
}


#content p {
	margin: 0px 0px 5px 0px;
}

#content ul {
	margin: 0px 0px 15px 15px;
	padding-left: 0px;
	}

#content ul li {
	line-height: 1.2em;
	padding-left: 15px;
	background: url(/nav4/grafik/layout/dot_liste_schwarz.gif) no-repeat;
	background-position: 3px 9px;
  list-style-type: none;
}

#content ul.ohne {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style: none;
}

#content ul.ohne li {
  background: none !important;    
  padding: 0;   
}

/* Nachbesserung der durch Uni vorbestimmten Anweisungen für Liste im Seiteninhaltsbereich */
#content ul.menu {
  margin: 0px;
}

#content ul.menu li {
  padding-bottom: 25px;
}

#content ul.menu li h2 {
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
}

#content .skip > li + li { 
  margin-top: 1em; 
}

#content .temp-wichtig { 
  color: red; 
  font-weight: bold; 
}

#content .temp-wichtig:before {
  content: url(/nav1/grafik/all/achtung-button.gif);
}

#content ul.verweise { /*für Verweise mit marker-Button am Seitenbeginn*/
  font-size: 85%;
  margin: 0em 0px 1em 20px;
  list-style-image: url(/bilder/marker_liste.gif);
}
#content ul.verweise.intext {
  font-size:100%;
}

#content ul.verweise li {
  background: none; 
  padding: 0em;
}

#content ul.literaturhinweis {
  font-size:  0.9em;
}  

#content ul.literaturhinweis li {  
  margin-bottom:  0.8em;
}        

#content ul.sub { 
  margin-bottom: 0; 
}

#content ul.sub li {
 padding-bottom: 0;
}

.einstellungen {
  font-family: monospace;
}

ul.ltyp1 , ul.ltyp2 {
  list-style: none; 
  padding-top: 10px; 
  padding-left: 0;
}

ul.ltyp1 > li {
  padding-bottom: 10px; 
  padding-left: 0px;
}

ul.ltyp2 > li {
  padding-left: 0px; 
  padding-bottom: 0px;
}

li > ul.ltyp1, li > ul.ltyp2 {
  padding-left: 20px;
}

.info-footer {
  margin-top: 2em; 
}

/* Formulare */
.radio {
  font-family: Arial,Helvetica,sans-serif; 
  font-size: 1em;
}

.checkbox {
  font-family: sans-serif; 
  font-size: 15pt;
}

#digiform {
  margin-top: 1em;
  padding: 10px 10px 5px 10px;
  background: #f5f5f5;
  margin-bottom: 0.5em;
}

#digiform select, 
#digiform input {
  padding: 2px;
  margin-bottom: 0.35em;
}




/* Kleinkram */
.bu {          
  color: grey; 
}

.bearbeiter { /*wofür?*/                  
	font-size: 0.8em;
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #666;
}

.internetextnavig {    /*wofür?*/
	font-size: 0.8em;
	text-align: right;
	line-height: 1.2em;
}

.seitenanker {   /*wofür?*/
	font-size: 0.8em;
	text-align: right;
	line-height: 1.2em;
}


.top {
	position: relative;
	float: left;
	padding-top: 30px;
	margin: 0px;
}

.hinweis {
  font-size: 85%;
}

.meld {
  color: #a00000; 
  font-style: italic; 
}


.tabback2 td {
  background: #efefef;
}

td.tabback2 {
  background: #efefef;
}


.browse-year-tile a {
    justify-content: start !important;
}

/* Tabelle der dynamisch generierten alphabetischen Titelübersicht */
#content ul.treeBlock {
  margin-left: 0;
}
#content ul.treeBlock li {
  margin-left: 10px;
  padding-left: 0;
}

.bookList {
  width: 97%;
} 


/*Tabelle*/
.tabelle {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.tabelle .thead {
	display: table-header-group;
	width: 100%;
}
.tabelle .tr {
	display: table-row;
	width: 100%;
}

.tabelle .td {
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em;
	background: #efefef;
	border: 1px solid #fff;
}


/* Layout Listen-Funktion: generierte Handschriften-Übersichtslisten - Tabellen-div-Klassen werden in ubhd-mod.css formatiert*/

.listenfunktion.table > .tr {
    display: flex;
    margin-bottom: 1em;
}

.td.thumbnail {
    padding-right: 10px;
}

.thumbnail > a > img {
    width: 70px;
    height: auto;
    overflow: cut;
    max-height: 120px;
    object-fit: contain;
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
}


/*Bilder und Icons*/
.imgLeft
{
  float: left; 
  margin: 0.2em 10px 0.2em 0px !important;      /* Anweisung wird ohne important von Uni-Stylesheet style_ltr.css ausgehebelt.*/
}  


#content dl {
  margin: 0 0 12px 15px;
}

dl.imgLeft dd {          /* Konstruktion mit dl war zur semantischen Notation von BU und BIld gedacht, Anzeige funktioniert aber nicht auf kleineren Ausgabegeräten, statt dessen .bildcontainer entwickeln, vgl. u. */
   margin-left:0;
   text-align:left;
   font-size:smaller;
   color:grey;
}

dl.img dd {
   font-size:smaller;
   text-align:right;
   margin-left:0;
   color:grey;
}
.imgRight
{  
  float: right; 
  margin: 0.2em 0px 0.2em 10px;
}  

dl.imgRight dd {
   color:grey;
   font-size:smaller;
   margin-left:0;
   margin-right:0;
   text-align:right;
}

.iconLeft {
  margin-right: 5px;
  width: 15px;
}


.bildcontainerRight {
  float: right; 
  text-align: right;
  width: 45%;
}
  
.bildcontainerRight img {
  width: 95%;
}  

/*automatische gleichmäßige Verteilung*/
.bilder-verteilt {	
  display: -webkit-flex;
	display: flex;
  align-items: center;  
	-webkit-justify-content: space-between;
	justify-content: space-between;
  margin: 0.5em 0 1em 0; 
}  

/* PFL */
.usernr {
  color: #c00000;
  font-style: italic;
}

.pfldaten {
  background-color: #efefef;
  border: 1px solid black;
  border-collapse: collapse;
}

.pfldaten td {
  border: 1px solid #a0a0a0;
  padding: 3px;
}

.pfldaten th {
  padding: 3px;
  background-color: #d0d0d0;
  font-weight: bold;
  border: 1px solid #a0a0a0;
}

/* Klassenname war durch fehlerhafte Zeichenkodierung korrumpiert, tatsächlicher Name ließ sich nicht rekonstruieren - Wirkung unklar - 16.12.19 voe**/
.pflht {
  color: #ff0000;
  font-weight: bold;
}

.pflhinw {
  font-weight: normal;
  font-style: italic;
}

/* HEIDOK */
.heidokref {
  border: #a00000 1px solid;
  border-right: #a00000 2px solid;
  border-bottom: #a00000 2px solid;
  font-size: 0.9em;
  padding: 3px;
  margin: 0px 40px 10px 40px;
}

.heidokrefback {
  text-align: right;
  margin: 10px 40px 40px 40px;
}

.heidokreffrist {
  margin-bottom: 10px;
  text-align: center;
  color: #ff0000;
}

.heidokabstr {margin: 5px 0px 4px 30px;}

/* Login-Maske */
.login {
  width: 400px;
  margin-left: 5px;
  border: 1px solid #c0c0c0;
  background-color: #f0f0f0;
  padding: 6px;
}

.login2 {
  width: 400px;
  margin-left: 5px;
}

#intern {
  padding-left: 50px;
}
#intern a {
  color: #a0a0a0;
}

.error {
  color: #a00000;
  padding-top: 5px;
  padding-bottom: 10px;
  font-weight: bold;
}
  
/* Blog */

td.newsdat {
  font-size: 0.9em;
}

.newslist {padding-bottom: 10px; }

.newsdat { 
  font-size: 0.9em; 
  margin-top: 10px;
}

.newshead { 
    padding-bottom: 3px; 
}

.weiternews {
  padding: 5px;
  padding-top: 15px;
  text-align: right;
}

.news {margin-bottom: 40px;}

.news .header {
   font-weight : bold;
   padding-bottom: 15px;
}

.news .created {
  font-size: 0.75em;
  padding-bottom: 15px;
}

.news .content {
  padding-bottom: 15px;
}

.news .verweis {
  padding-top: 5px;
}     

/* News-Styles */
.news { 
 margin-bottom: 40px;
}

.news .header {
   font-weight : bold;
   padding-bottom: 15px;
}

.news .created {
  font-size: 0.75em;
  padding-bottom: 15px;
}

.news .content {
  padding-bottom: 15px;
}

.news .verweis {
  padding-top: 5px;
}



/* CPG-Seiten überprüfen, ob noch notwendig - Tabellen evtl. löschbar? */
tr.tabbackcpg {background-color: #f3eedd;}

td.tabbackcpg_intro {text-align: center; padding: 3px; width: 66px} 

td.tabbackcpg {padding: 6px 3px 6px 13px;} 

.digi-manuscript-box > * {
    display:table-cell;
    border-right:5px solid white;
    padding:3px;
}
.digi-manuscript-box > a > img {
    display:block;
    float:left;
}
.digi-manuscript-box p {
    width:100%;
    margin-left:100px;
}

img.hi {float: right; margin-right: 5px} 

/* Digi-Seiten */
#content ul.werke
{
  background:  #efefef;
  /* width:     550px; -- deaktiviert */
  margin:     0em;
}

#content ul.werke > li
{
  list-style-type: none;
  background: none;
  border-bottom: 3px solid white;
  padding: 0.5em 0em 0.5em 0.5em;
}

/* Aktuelles-Seiten */
#content ul.news
{
  margin:     0em 0em 1em 0em;
}

#content ul.news > li
{
  list-style-type: none;
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
  background: none;
}

#content ul.news > li > .news-date
{
  font-size: 90%;
  margin-bottom: 0;
  color: #888;
}

#content ul.news > li > h2
{
  margin-top: 0;
  margin-bottom: 1em;
}

#content ul.news > li > .show-hidden,
#content ul.news > li > .news-hidden > .hide-hidden
{
  color: #900;
}


/*** Sammlungsseiten ***/

a[href*='http://digi.ub.uni-heidelberg.de/diglit/rss'] {
  font-size: smaller;
}

#browse-tree {
  margin-top: 2em;
}

div#content {
  line-height: 1.3em;
}

 /*** Diese Styles kopiert aus digi.css, um Batt-Sammlungsseite analog zu den übrigen Digi-Sammlungsseiten darzustellen ***/
#content ul.werke > li.mit-thumbnail {
    padding: 0px;
    overflow: hidden;
}

#content ul.werke > li.mit-thumbnail > a > img.thumbnail {
    width: 66px;
    float: left;
    padding: 0px 1px 0px 0px;
}

#content ul.werke > li.mit-thumbnail > p {
    position: relative;
    left: -1px;
    padding: 2px;
    margin-bottom: 0px;
    margin-left: 68px;
}    

div.sammlungs-browsing > #content.ul li {
    background: none !important;
}

span.count {
  margin-left: 3px;
}

/***/
    
/* Glossarlisten */
dl.moeglWerte   dt  { 
  font-weight: bold; 
  font-style: italic; 
}
dl.moeglWerte dd+dt { 
  margin-top: 1em; 
}

#content dl.ltyp1 {
  margin-left: 0px;
  }

dl.ltyp1 dt {
  font-weight: bold;
  background: transparent url('https://www.uni-heidelberg.de/images/uni/zentral/all/dot_liste_schwarz.gif') no-repeat scroll 0px 7px;
  padding-left: 1em;
  margin-left: 1em;
}

dl.ltyp1 dt span.bem-zu-term { 
  font-weight: normal; }

dl.ltyp1 dd+dt { 
 margin-top: 1em; 
}

dl.ltyp1 dt+dt { 
 background: none; 
}

/* Buchstabenleiste */

.buchstaben {
  font-size: 130%;
  background: #EFEFEF;
  padding-bottom: 5px;
  padding-left: 2px;
  padding-top: 3px;
  border-top: 1px solid #FFCC66;
  border-bottom: 1px solid #FFCC66;
  margin-top: 5px;
  margin-bottom: 35px;
}

.buchstaben * {
  padding: 3px;
}

.buchstabeaktiv {
  color: #A00000;
  font-weight: bold;
  font-size: 120%;
}



/* Liste mit Zeilenhinterlegung*/

#content ul.zebra-liste{
  margin-left: 0;
}

#content ul.zebra-liste li {
  background: none;
  padding-left: 10px;
}


#content ul.zebra-liste li:nth-child(2n+1) {
  background: #f5f5f5;
  padding-left: 10px;
}

.propylaeum:before {
  content: url('/bilder/oa/propylaeum_saeule.png');
  float: right;
  margin-right: 2%;
  margin-top: 1.2%;
}

.ahn:before {
  content: url('/bilder/oa/ahn_schnecke.png');
  float: right;
  margin-right: 2%;
  margin-top: 1.2%;
}

/* Link-Boxen (z.B. für auffallende Digi-Präsi-Links à la Art-Journal) bzw. Digi-Zugangsbox in 3. Spalte */
.linkbox, .linkbox-eckig {
   background: #efefef;
   background-image: linear-gradient(#f5f5f5,#e9e9e9);
   border: 1px solid lightgrey;
   border-radius: 5px;
   margin: 1em 0px 1em 0px !important;
   padding: 5px;
}

.linkbox-eckig {
   border-radius: 0;
}

.linkbox a.pfeil {
    display: inline-block; 
  font-weight: bold; 
  padding: 10px 5px 10px 5px;
  width: 95%;   
}

/* Sammlungsbrowsing */
.sammlungs-browsing {
   background: #f5f5f5;
   border: 0;
   border-radius: 0;
   margin: 1em 0px 1em 0px !important;
   padding-top: 12px;
   padding-left: 8px;
   padding-bottom: 0.5px;
}

.sammlungs-browsing  a.pfeil {
  display: block !important; 
  font-weight: bold; 
  padding: 10px 5px 10px 5px;
  width: 100%;   
}

.digi-zugang {
  background-size: cover;
  border: 3px solid #e9e9e9;
  height: 80px;
  text-align: center;
}

.digi-zugang a {
  font-size: 1.3em;
  font-weight: bold;
  position: relative;
  top: 40%;
  left: 0;
}

.digi-zugang a:before {
  content: '\2924';
}


/* Zeilen-Navis */
#content ul.inline-seitennavi {
  font-size: 0.8em;
  font-weight: bold;
  margin:0;
}
#content ul.inline-seitennavi > li {
  background: none;
  display: inline;
  margin: 0 10px 0 0;
  padding:0;
}

/* z.B. für den Lageplan-Knopf ... */
.symtext-greybutton {
  background-color: #DEDEDE;
  border: 1px solid #909090;
  font-size: 0.9em;
  white-space:nowrap;
  /*margin-left: 5px;*/
  padding: 2px 2px 1px 1px;
}
.symtext-greybutton img {
  position:relative;
  top:3px;
}

/* Für die Neuerwerbungslisten unter /web/htdocs/helios/nel... */
#neuerwerbungsliste > li {
    font-size:smaller;
    margin-bottom:1em;
    border-bottom:1px solid black;
}

#ticker {
   background: url(/nav1/grafik/all/info-button.gif) left center no-repeat;
   padding-left: 20px;
}

.mobversion {
  text-align: right;
  margin-bottom: 2em;
}

.mobversion a {
  font-size: 130%;
  border: 1px solid #A0A0A0;
  background-color: #E5E5E5;
  padding: 5px;
  color: #303030;
  white-space: nowrap;
}


/*** Anschaffungsvorschlag, Antrag auf Förderung durch Publikationsfonds ***/
.success {
  background: #ffffff !important;
  font-size: 1.2em;
  font-weight: bold;
  color: #b20b0b;
}
.success [type=submit] {
  margin-top: 1em;
}

/*** Google-Suche - Anzeige 2. Seite ***/

#cse-search-results iframe {
 width: 100%;
}

/*** Überschreibt Formate des Uni-Stylesheets style_ltr.css ***/
.error {
  background: transparent; 
  padding: 5px;
}