@CHARSET "UTF-8";
/* vim: ft=css
*/

#container {
   padding-left: 0px;
   padding-right: 0px;
}


/** the overwritten width of .col-md-2
forces the two column layout. Per default, bootstrap
only makes .col-md-* floating objects for min-width: 992px,
but we allow from 500px width on.
Moreover, we set column 2 (the navigation) to a fixed width.
  */

@media (min-width:500px) {

#container > .row-fluid > .col-md-2 {
   float: left;
   width: 200px;
   margin:0px;
   margin-right: -200px;
   z-index: 6;
}
#container > .row-fluid > .col-md-10 {
   float: left;
   width: 100%;
   margin:0px;
   padding-left: 200px; /* the width of col-md-2 */
}

#container > .row-fluid {
   margin-left: auto;
   margin-right: auto;
   max-width: 1024px;
}

} /* end of @media */

/* disable negative margin for .row class in main column: */
#container > .row-fluid > .col-md-10 .row {
  /* bootstrap defines the margin to be -15px.
     let us undo this: */
  margin-left: 0px;
  margin-right: 0px;
}


/*** logo banner on the top: ****/

.logo {
    background-color: #B9CDE0;
    width: 100%;
    border-bottom: 6px solid white;
    margin-bottom: 1em; /* space below the header/logo banner */
}

.logo > table {
    max-width: 1024px; /* the same max-width as #container > .row-fluid */
    margin-left: auto;
    margin-right: auto;
}


.logo>table>tbody>tr>td:first-child {
     padding: 0;
     padding-left: 65px; /* align the LMCS logo with the content column */
}


/** hide empty sub-sub-menus in navigation **/
ul.smenu-list ul.smenu-list {
    padding-top: 0px;
    padding-bottom: 0px;
}

/** hovered and activated menu items:
 * **/
.menu-accordion .list-group-item.active:not(.smenu) > a ,
.menu-accordion .smenu-list > li.active > a {
    color: #cc0000;
    text-decoration: none !important;
}

.menu-accordion a:hover {
    color: #cc0000;
    text-decoration: none;
}


/** style of font in headers **/
/* always hide the first h1 tag on a site */
.corps > h1:first-of-type {
      display: none;
}
/* and then always show the last h1 tag on a site */
/* so in total, one can overwrite the <h1> with a custom
 * header on a site */
.corps > h1:last-of-type {
      /* show headers of "Browse -> By Volume -> Any Volume" */
      /* changed by thorsten. But why has it been set to "none"? */
      display: block;
}


h1, h2, h3, h4 {
 font-size: 14px;
 font-family: Arial,Helvetica,Verdana;
 font-weight: bold;
 padding: 0px;
}

h1{
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 margin-bottom: 0.6em;
}

h2{
 color: #000000;
 margin: 0px;
 margin-bottom: 0.3em;
}

h3, h4, h5 {
 margin: 0px;
 padding: 0px;
}

h3{
 font-size: 100%;
 color: #000000;
}

h4{
 font-weight: normal;
 font-size: 100%;
 color: #333333;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
}


/** footer **/

footer {
  margin-top: 20px;
  padding-top: 20px;
  background-color: #F5F5F5;
  border-top: 1px solid #e5e5e5;
}

/*** special issue archive ****/

.si-archive-warning, .si-archive-warning * {
    display: none;
}

.si-archive summary {
      font-size: 1.1em;
      font-weight: bold;
      background-color: #F5F5F5;
      cursor: pointer;
      border-radius: 4px;
      padding: 3px;
      padding-left: 5px;
      color: #406385;
}

.si-archive details {
    border: 1px solid rgb(229, 229, 229);
    border-radius: 4px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.si-archive .volumes-in-year {
    padding: 8px;
    padding-top: 0px;
}

.si-archive details .volume {
    font-size: 0.9em;
    padding-top: 8px;
}

.si-archive details .volume .volume-title {
    font-weight: bold;
    font-size: 14px;
}



/** additional pop up boxes that provide additional information
  for example on the editorial board page **/
.popbox {
    /* position:fixed; top:50px; left:50px; */
    z-index:1033;
   width: 200px; 
}

.popbox a {
    color:#297DCE;;
    background:#white;
    text-decoration:none;
    display:block;  
    padding:2px; 
   width: 500px;
    /* border:1px solid black; */
}

.popbox a:hover {
    color:#cc0000;
    background:#ffffff;
    width:500px;
}

.popbox a strong {
    display:none;
}

.popbox a:hover strong {
    color:black;
    background:#aaaaaa;
    font:normal;
   margin-left:10px; 
   border:1px solid black;
    display:inline-block;
   position: absolute;
   top: -10px;
   width:500px;
   z-index: 1033; 
    padding:10px;
}