/* CSS Modification Stylesheet for www.wirtschaftsgeschichte-rlp.de */


body {
  background: url(bg_header.png) top left repeat-x;
}

/* #################### Header ####################################*/

header {
  background: url(wirtschaftsgeschichte-rlp_header.jpg) top left no-repeat;
}

/* Überschrift */

header h1,
header h1 a,
header h1 a:hover {
  padding-top: 3em;
  color: #00537c; 
  text-decoration: none;
  font-family: "Droid Serif", Cambria, Georgia, Times, Serif;
}

header h1 span {
  font-weight: normal;
}

/* ##################### NAVMAIN ############################ */


div#navmain {
  border-top: 4px #00537c solid;
  background: none;
  font-size: 71.25%;
}


div#navmain nav {
  height: 120%;
}

div#navmain nav li a {
  padding: 14px 15px;
}

div#navmain>nav>li>ul>li>a{
  font-size:1em;
}

div#navmain nav li:hover ul li a{
   width:9em !important;
}

div#navmain nav li.active {
  background: url(bg_navmain_active.png) repeat-x;
  box-shadow: inset 2px 2px 2px #000;
  -moz-box-shadow: inset 2px 2px 2px #000;
  -webkit-box-shadow: inset 2px 2px 2px #000;
}

div#navmain nav li:hover {
  background: url(bg_navmain_active.png) repeat-x;
}

/* Ausklappmenü */

div#navmain nav li:hover {
  background: url(bg_navmain_dropdown.png) top left repeat-x;  
}


div#navmain nav li:hover ul {
  background: url(bg_navmain_dropdown.png) 0 50% repeat;
}

div#navmain nav li:hover ul li a {
  border-bottom: 1px white solid;
}

/* ################## BROTKRUMENPFAD ############################ */

section div#rootline {
  color: #00537C;
}

section div#rootline a {
  color: #00537C; 
}

/* ################ CONTENT-COLUMNS ########################## */

div#main-column {
  /* Nur für ggf. Breitenänderungen */
}

div#main-column dd {
    font-size: 0.95em;
    line-height: 1.5;
}

aside {
  /* Nur für ggf. Breitenänderungen */
}

/* ################ IMAGE ############################## */

#container #main .csc-textpic-caption, #container #main .csc-caption {
    color: #999999;
    font-size: 0.8em;
    }

/* ################ ASIDE ############################## */

aside h3 {
  border-bottom: 1px #00537C solid;
  color: #00537C;
}

aside div.inhalt h3 {
  color: gray;
}


aside div.author {
  border-bottom: 1px #00537C solid;
}

/* ######################### FOOTER ########################### */

footer {
  background-color: #00537C;
}

footer div#innerFooter {
  background-color: #00537C;
}

footer div#innerFooter div#copyright {
    top: 18em;
}

/* ################ Teaser ############################## */
#content-03 .csc-frame-teasermain h2,
#content-03 .csc-frame-teasermain h3,
#content-03 .csc-frame-teasermain h4 {
  color: #090909;
}

#content-03 .csc-frame-teasermain h2 a,
#content-03 .csc-frame-teasermain h3 a,
#content-03 .csc-frame-teasermain h4 a {
  color: #090909;
}

#content-03 .csc-frame-teasermain p.rubrik {
  color: #090909;
}

/* ################ Pagebrowser ######################## */

#content-03 div.cag_pagebrowser ul {
    list-style-type: none;
    margin: 0;
    width: 60em;
}

#content-03 div.cag_pagebrowser li ul {
    display: inline;
}

#content-03 div.cag_pagebrowser li {
    margin: 0;
    margin-right: 0.2em;
    padding: 0.3em;
    border: 1px solid #00537C;
    display: inline-block;
    line-height: 2.0em;
}

#content-03 div.cag_pagebrowser li.pagenumbers {
    border: none;
}

/* ################ Glossary ######################## */

abbr[title]:after, acronym[title]:after, dfn[title]:after {
    background-color: #00537C;
}

abbr:hover, acronym:hover, dfn:hover {
    color: #0092ce;  
    border-color: #0092ce;  
}

/* ################ Responsive Design mod ############################## */
/* CSS Modification Stylesheet for wirtschaftsgeschichte-rlp.de */
/* author: Simeon Guthier */

@media only screen and (max-device-width: 767px) {

/* revert changes */


/* override mod.css (this file) */
  header {
    height:18vh;
    background-size: cover;
  }

/* override responsive.css */

  header div#searchbox {
    position:absolute;
  }

  * {
    --logo-bar-height: 40px;
    --side-margin:10px;
    --color-link:#00537C;
    --color-secondary:#003e5d;
    --color-tertiary:white;
    --navmain-fallback-color:#00537C;
    --navmain-gradient:linear-gradient(to bottom, #308ab7 20%, #00537C 100%);
    --navmain-active-fallback-color:rgb(120,120,120);
    --navmain-active-gradient:linear-gradient(to bottom, #00537C 36%, #003b58 100%);
  }
}