@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;
}


/* Struktur - vermutlich sind Teile inzwischen obsolet => teilweise bereits auskommentiert */
#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: 13px;
	height: 23px;
	background-position: center;
}
/* Struktur-Layout - evtl. aus der Zeit vor Einführung des neuen Uni-CD? => kann nach Testphase gelöscht werden */	
/*#pageContainerVariabel {
  text-align: left;
  margin: 0px auto;
	border: solid 1px #fff;
	border-width: 0px 1px;
	position:relative;
	padding: 0px 10px 0px 10px;
	min-width: 740px;
}

#pageContainer2spalterVariabel {
  text-align: left;
  margin: 0px auto;
	border: solid 1px #fff;
	border-width: 0px 1px;
	position:relative;
	padding: 0px 10px 0px 10px;
	min-width: 520px;
}

#leftColumnVariabel {
	width: 220px;
	float: left;
	position: relative;
}

#wrapVariabel {
	margin-right: 220px;
	margin-left: 220px;
}  


#topBarInstituteVariabel {
	height: 10px; 
	background-color: #990000;
	margin-bottom: 15px;
	min-width: 770px;
}

#topBarInstitute2spalterVariabel {
	height: 10px;
	background-color: #990000;
	margin-bottom: 15px;
	min-width: 550px;
}

#topBarInstitute2spalterVariabelUB {    
  height: 10px;
  background-color: #990000;
  margin-bottom: 0px;
  min-width: 550px;
}   */

/* vermutlich Layout vor autohandler2013 - stammt aus styles.css */
/*#topBarInstituteVariabel a,
#topBarInstituteVariabel a:link,
#topBarInstitute2spalterVariabel a,
#topBarInstitute2spalterVariabel a:link {
	color: #990000;
	cursor: default;
  font-size: 1px;
}

#universitaetVariabel {
	height: 25px;
	min-width: 770px;
}

#universitaet2spalterVariabel {
	height: 25px;
	min-width: 470px;
}

#middleColumn2spalterVariabel {
	margin-left: 220px;
	border-left: 2px solid #c9c9c9;
	border-right: 1px dashed #999;
	min-height: 500px;
	padding: 0px 20px 0px 20px;
	min-width: 220px;
}

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

#leftColumn3spalterVariabel {
    float: left; 
    width: 200px;
    margin: 0px; 
    padding: 0px;
}

#wrap3spalterVariabel {
    margin: 0px 220px 0px 220px;
    padding: 0px 10px;
}

#middleColumnVariabel {
	min-height: 500px;
	padding: 0px 20px 0px 20px;
	border-left: 2px solid #c9c9c9;
	border-right: 1px dashed #999;
	min-width: 220px;
}

.topVariabel {
	padding-top: 30px;
	margin: 0px;
}              */






/* Navigation */
/* vermutlich Navigation u. Struktur vor autohandler2013 - d.h. kann nach Test bzw. Korrigieren evtl. gelöscht werden */
/*#pageContainer {
  text-align: left;
  margin: 0px auto;
	border: solid 1px #fff;
	border-width: 0px 1px;
	min-width: 60px;
	width: 960px;
	position: relative;
	padding: 0px 10px 0px 10px;
}                    

a.naviMainContainer:link {
	color: #000;
	text-decoration: none;
	border-top: 1px solid #c9c9c9;	
}

.lastNav {
	border-bottom: 1px solid #c9c9c9;		
}               

a.naviMainContainer:visited {
	color: #000;
	text-decoration: none;
}

#naviMainContainer a.current {
	background-color:#efefef;
	color: #000;
	border-top: 1px solid #c9c9c9; 
	font-weight: bold;		
}

#naviMainContainer a.current:visited {
	color:#000;
	border-top: 1px solid #c9c9c9; 
}                    

#naviMainContainer a.current:hover {
	background-color: #efefef;
	color: #000;
	border-top: 1px solid #c9c9c9; 
	text-decoration: none;			
}

.lastNavCurrent {
	border-bottom: 1px solid #c9c9c9;		
}

#naviMainContainer a.lastNavCurrent {
	background-color:#efefef;
	color: #000;
	border-top: 1px solid #c9c9c9; 
	font-weight: bold;		
}

#naviMainContainer a.lastNavCurrent:visited {
	color:#000;
	border-top: 1px solid #c9c9c9; 
}

#naviMainContainer a.lastNavCurrent:hover {
	background-color: #efefef;
	color: #000;
	border-top: 1px solid #c9c9c9; 
	text-decoration: none;			
}

#naviSubContainer li {
	margin: 0px;             
}                          

#naviSubContainer ul {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	list-style-type: none;
	font-weight: normal;
}

#naviSubContainer a {
	display: block;
	padding: 2px 5px 2px 1px;
	width: 200px;		
	background-color: #fff;
	border-top: 0px solid #b3cce7;
	border-bottom: 0px solid #e4e8ed;	
}

#naviSubContainer a:link {
	color: #000;
}

#naviSubContainer a:visited {
	color:#000;
}

#naviSubContainer a:hover {
	color: #000;
	text-decoration: none;
	background-color: #efefef;	
}

#naviSubContainer a.current {
	background-color:#efefef;
	color: #000;
	font-weight: bold;		
}

#naviSubContainer a.current:visited {
	background-color:#efefef;
	color: #000;
	font-weight: bold;		
}

#naviSubContainer a.current:hover {
	background-color:#efefef;
	color: #000;
	font-weight: bold;		
}     */
/* bis hierher Navigationsansweisungen vor autohandler2013.css */


/* vermutlich Anweisung für Suchfunktion vor der #heidisuch - wenn doch gebraucht, wieder einkommentieren 


#search {
	margin: 5px 0px 0px 50px;
	font-size: 0.9em;
	color: #666;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

#search a {
	font-size: 0.8em;
	color: #666;
	text-transform: none;
	font-weight: normal;
	padding-top: 0px;
	padding-left: 0px;
}

#search a:link {
	color: #666;
	text-decoration: none;
}

#search a:visited {
	color: #666;
	text-decoration: none;
}

#search a:hover {
	color: #000;
	text-decoration: underline;
} */



/* Inhalt*/ 
/* Uni-Layout-Ü-1 mit 2em von UB nicht erwünscht - 25.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;
}


.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 - zweispaltige Textstrukturierung löschen, wenn Seitenumstieg erfolgt ist */

/* 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 */
.buchstaben {
  font-size: 130%;
  background: #EFEFEF;
  padding-bottom: 2px;
  padding-left: 2px;
  border-top: 1px solid #FFCC66;
  border-bottom: 1px solid #FFCC66;
  margin-top: 5px;
  margin-bottom: 5px;
}

.buchstaben * {padding: 2px;}

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

.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 - wenn Uni-Stylesheets als Kopie angelegt werden, evtl. Anweisung in Uni-Styles direkt ändern und Work-Around löschen ? */
#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;
}


/* Kleinkram */
.bu {          /*Bildunterschrift*/
	font-size: 0.8em;
	line-height: 1.2em;
}

.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; 
}
/* Tabellen-Layout, urspgrl. v.a. für Digi-Übersichtsseiten => wird verwendet auf Fachinfo-Übersichts-Seite => to do umformatieren! 
.tabback td {
  background: #ffffcc;
}

td.tabback {
  background: #ffffcc;
}     */ 

.tabback2 td {
  background: #efefef;
}

td.tabback2 {
  background: #efefef;
}







/*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.*/
}  

dl.imgLeft dd {
   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 {
   margin-right:0;
   text-align:right;
   font-size:smaller;
   color:grey;
}

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

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

.pflicht {
  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;
}
  
/* News-Styles */

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

.newslist {padding-bottom: 10px; }

.newsdat { font-size: 0.9em; }

.newshead { padding-left: 10px; 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;
  margin:     0em;
  width:     550px;
}

#content ul.werke > li
{
  list-style-type: none;
  background: none;
  border-bottom: 3px solid white;
  padding: 0.5em 0em 0.5em 0.5em;
}
 /*** 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 {
    display: block;
}

#content ul.werke > li.mit-thumbnail > a > img {
    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;
}    

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

dl.ltyp1 dt {
  font-weight: bold;
  background: transparent url(http://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: 2px;
  padding-left: 2px;
  border-top: 1px solid #FFCC66;
  border-bottom: 1px solid #FFCC66;
  margin-top: 5px;
  margin-bottom: 5px;
}

.buchstaben * {
  padding: 2px;
}

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

/* Link-Boxen (z.B. für auffallende Digi-Präsi-Links à la Art-Journal) */
.linkbox {
   background: #efefef;
   border: 1px dotted silver;
   margin: 1em 0px 1em 0px;
   padding: 15px 5px 15px 5px
}
.linkbox a.pfeil { font-weight:bold; }

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