@import url(/fonts/OpenSans/OpenSans.css);
@import url(/fonts/DroidSerif/DroidSerif.css);
@import url(/fonts/LeedsUniExt/LeedsUniExt.css);

/*
###### Typography
*/
html{
    background-color:#475862;
}

body{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    background-color:#e8e8e8;
    color:#474747;
}
/*farben im main bereich sollen für alle projekte gleichbleiben wg. kontrast und einheitlichkeit*/

h1,
h3,
h4,
h5,
h6{
    font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif;
}

h1{
    font-size:160%;/* 200 */
    margin-bottom:0;
}

h2{
    font-size:140%;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-style:italic;
    margin-bottom:0.8em;
    margin-top:0.4em;
}

h3{    
    color:#B61C1B; /*projektfarbe!*/
    font-size:130%;
    line-height:1.8em;
}
h3.objekt{
    margin-top:5px;
}

h4, .heading {
    font-size:120%;
    color:#333333;
/*    font-family:"Open Sans", Arial, Helvetica, sans-serif;*/
    font-style:italic;
}

h5{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    color:#333333;

}

h6{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:100%;
    line-height:1.5;

}

blockquote,
cite,
q{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
}

a{
    color:#B61C1B; /*projektfarbe!*/
}

a:hover,
a:focus{
    background-color:transparent;
    color:inherit;
}

.color{
    color:#B61C1B; /*projektfarbe!*/
}

/*
###### Header
*/
@media (max-width: 768px){
    header h1{
        font-size: 160%; 
    }
      header h2{
        font-size: 130%; 
    }
    .logoUni {
    height: 45px;
}

}
@media (max-width: 568px){
    header h1{
        font-size: 140%; 
        margin-top:20px !important;
    }
      header h2{
        font-size: 100%; 
    }
}

div.unilogo {
    float: right;
    margin-top:37px;
}

div a.unilogo {
    width: 73px; 
    height: 62px; 
    text-decoration: none; 
    background: none;
}

header {
    background-color: #B61C1B;/*projektfarbe!*/
    overflow: hidden;
     height: 125px;
   
}

header h1, header h2, div.language  {
    color: #ffffff;
}
header h1{
    margin-top:55px;
}
div.language {
    text-align:right;
    
    padding-bottom:10px;
    font-size: 80%;
}
div.language a, div.language a:hover, div.language a:focus {
    color:#ffffff;
    background:transparent;
    
}

/*
###### Navigation
siehe navbar.css
*/


/*
###### Main

*/
main a:hover, main a:focus {
    background-color:transparent;
    color:#B61C1B; /*projektfarbe!*/
}



main p {
line-height:1.5;
margin-bottom:15px;

}

/*
###### Footer

*/

footer {
    background-color: #475862; 
    padding-bottom: 30px;
    margin-top: 0;
    color: #ffffff;
}

footer h6 {
     color: inherit;
     background-color: inherit;
     border-bottom: 1px solid #ffffff;
     margin-bottom: 1em;
}

footer a {
    color: inherit;
}


img.footer_icons{
    padding-right:10px;
    padding-bottom:10px;
}

.icons a:hover, .icons a:focus {text-decoration:none;}
/*
###### Boxen
*/


.panel{
    box-shadow:none; 
    border-radius:0;
    padding-right:20px;
    padding-left:20px;
    margin-bottom:30px;
}

/*
###### Bilder
*/

.thumbnail{
    border-radius:0;
}

.panel-with-image{
    padding-right:0;
    padding-left:0;
    background-color:#B61C1B; /*projektfarbe*/
    border:none;
}

.panel-with-image .panel-body h4{
    color:white;
    margin:0;
}
.panel-with-image .panel-body a{
    color:white;
    float:right;
}
.panel-image img.panel-image-preview {
    width: 100%;
}

.panel-heading ~ .panel-image img.panel-image-preview {
	border-radius: 0px;
}

.panel-image ~ .panel-body, .panel-image.hide-panel-body ~ .panel-body {
	overflow: hidden;
}
.panel-image ~ .panel-footer a {
	padding: 0px 10px;
	font-size: 1.3em;
}

.panel-image.hide-panel-body ~ .panel-body {
	height: 0px;
	padding: 0px;
}



/*
###### Suche und Kontextliste
*/

/*.list-group-submenu {
  margin-left:20px;
}*/
.chevron-down-context{
    font-size:10px; 
    padding-right:5px;
}
.context-item-number{
    float:right;
    color:#B61C1B; /*projektfarbe*/
}

p.results{
    float:right; bottom: 0; right: 0; font-size:12px;
}

li.results{
    position:relative;overflow:hidden;border-bottom:dotted 1px;padding:5px 0 5px 0;margin:5px 0 5px 0;
}

li.results:last-child {border-bottom:none;}

img.results{
    float: left; padding-right: 10px; padding-bottom:5px;
}

span.results{
    vertical-align: top; padding-right: 10px;
}
span.permalink{
    font-size:12px;
}
.icons{
    margin-left:5px;
}
span.icon-span{
    position: absolute; bottom: 0; right: 0; padding:5px;
}
.form-control, .input-group-addon, .btn{
    border-radius:0;
}

#search a, #search a:hover, #search a:focus, #results a, #results a:hover, #results a:focus {
    color:#333333;
    text-decoration:none;
}


#search p, #results p {margin-bottom:5px;}

#search-navi a, #search-navi a:hover, #search-navi a:focus {
color:#B61C1B;/*projektfarbe!*/
}


.result {
list-style:none; 
padding:0;
margin:0;
}



  /*############## Objektansicht ###################*/

.table > tbody tr td:first-child {
    padding-left: 0;
    width:30%;
  
}
.table > tbody tr td:nth-child(2) {
    
    padding-right: 0;
    width:70%;
    
}


#metadata tr, #metadata td, #metadata th {
    border-top: none;
}

hr {margin-bottom: 15px;
    margin-top: 15px;}
    
    
.transcription {
font-family:LeedsUniExt;
font-size:16px;}

#metadata p {margin-bottom:10px;}

#metadata p:last-child {margin-bottom:0px;}

.accordion{
    padding:0;
     border-radius:0;
}
.sublinks{
    max-height: 400px;
    overflow-y: scroll;
   border: 1px solid #ddd;
}

.sublinks> .list-group-item{    
     padding-left:20px;      
}

.list-group-item {
    border-radius:0;
    border:none;
}

.accordion>.list-group-item {
   padding-left:10px;
   border: 1px solid #ddd;
    border-radius:0;
}

.list-group-submenu>.list-group-item {
padding-left:40px;
}

.divine {font-style:italic;
    font-variant:small-caps;
}

/*  ######## ontology #########*/

.concept-label{
              font-weight: bold;
          }
          
          .label {color:#474747; font-weight:normal; padding-left:2px;padding-right:2px;font-size:90%}
          
          .listhead{
              font-style: italic;
             margin-bottom: 0;
              margin-top: 1pt;
          }
          
           .all-labels{
             
              display: block
          }
          
          .details p {margin-bottom:5px; font-size:90%}
          
          .uri a:hover {cursor:pointer}


/* #### map ###### */

#map {height:600px}

.leaflet-popup-content-wrapper {border-radius:0px !important}

.leaflet-popup-content {font-family:"Open Sans", Arial, Helvetica, sans-serif;}


/* up button */

#gototop {
     display: none; 
    position: fixed;
    z-index: 999;
    height: 44px;
    width: 44px;
    bottom: 30px;
    right: 30px;
    opacity:0.8;
    box-shadow:none;
    transition:none;
    color:white;
    padding: 12px 12px;
}

.transcription p {margin-bottom:0;}

.commentary {text-indent:-30px;
padding-left:30px!important;}

#osd-label {background:transparent!important;
color:#474747!important;}


#conc > tbody tr td:first-child {
     padding-left: 8px; 
    width:30%;
  
}

#conc > tbody tr td:nth-child(2) {
    
    width:30%;
    
   
    
}

#conc > tbody tr td:nth-child(3) {
    
    width:30%;
    
}

#conc > tbody tr td:nth-child(4) {
    
    width:10%;
    
}


#map {z-index:9;}