/* custom.css fuer naturkunde portal */

body, #header, #footer, #wrap {
  background-color:#fff;
}

#rahmen {
  background-color:#fff;
  max-width:61.875em;
  position:relative;
}

#header {
  margin-bottom:0;
  z-index:10;
  position:relative;
}

.header, #lwl-header {
  position:relative;
}

#lwl-header {
  width:auto;
  max-width:61.875em;
  margin:0 auto;
}

/* museumshauptnavigation */

#header-museum a, #header-museum a:link, #header-museum a:visited, #header-museum a:focus, #header-museum a:hover, #header-museum a:active {
  color:#fff;
}

#header-museum {
  height:169px;
  border-bottom:1px solid #222;
}

#header-museum h1 {
  color:#fff;
  font-size:1.56313em;
  letter-spacing:1.5px;
  margin:0;
  padding:28px 0 0 24px;
  z-index:10;
}

#header-museum h2 {
  color:#fff;
  font-size:1em;
  font-weight:normal;
  letter-spacing:1px;
  margin:0;
  padding:0 0 0 43px;
  z-index:9;
}

#header-museum .header {
  width:auto;
  max-width:61.875em;
  height:168px;
  margin:0 auto;
  background:url("http://www.lwl.org/wmfn-download/relaunch/header/museumnavheaderbg.png") repeat 0 0 transparent;
}

#museummenue {
  bottom:0;
  margin:0;
  padding:0;
  position:absolute;
}

#museummenue #museumnav {
  list-style:none none;
  overflow:hidden;
  margin:0;
}

#museummenue #museumnav li {
  display:inline;
  float:left;
  margin:0;
  padding:0 10px;
  width:17.5%;
  min-width:15%;
  height:60px;
}

#museummenue #museumnav li a {
  color:#fff;
  display:block;
  font-size:0.9375em;
  padding:7px;
  height:100%;
  box-sizing:border-box;
}

#museummenue #museumnav li a:hover, #museummenue #museumnav li a.aktiv {
  background:url("http://www.lwl.org/wmfn-download/relaunch/header/hover.png") repeat 0 0 transparent;
}

#portal #header-museum, #informationen #header-museum
{background:url("http://www.lwl.org/wmfn-download/relaunch/header/portal-header-bg.png") repeat 0 0 transparent;}

#portal #header-museum .header, #informationen #header-museum
{background:url("http://www.lwl.org/wmfn-download/relaunch/header/portalnavheaderbg.png") repeat 0 0 transparent;}

#bodendenkmalpflege #header-museum {background:url("http://www.lwl.org/wmfn-download/relaunch/header/boden-header-bg.png") repeat 0 0 transparent;}
#bodendenkmalpflege #header-museum .header {
  background:url("http://www.lwl.org/wmfn-download/relaunch/header/bodennavheaderbg.png") repeat 0 0 transparent;
}

#heiliges-meer #header-museum {background:url("http://www.lwl.org/wmfn-download/relaunch/header/meer-header-bg.png") repeat 0 0 transparent;}
#heiliges-meer #header-museum .header {
  background:url("http://www.lwl.org/wmfn-download/relaunch/header/meernavheaderbg.png") repeat 0 0 transparent;
}

#naturkundemuseum #header-museum {background:url("http://www.lwl.org/wmfn-download/relaunch/header/naturkundemuseum-header-bg.png") repeat 0 0 transparent;}
#naturkundemuseum #header-museum .header {
  background:url("http://www.lwl.org/wmfn-download/relaunch/header/museumnavheaderbg.png") repeat 0 0 transparent;
}

#planetarium #header-museum {background:url("http://www.lwl.org/wmfn-download/relaunch/header/planetarium-header-bg.png") repeat 0 0 transparent !important;}
#planetarium #header-museum .header {
  background:url("http://www.lwl.org/wmfn-download/relaunch/header/planetariumnavheaderbg.png") repeat 0 0 transparent;
}

.sprachen a {
  padding-left:20px;
  font-size:.75em;
  font-weight:normal;
}

.sprachen.english {
  background:url("//lwl.org/++resource++ready/images/languages/en.png") no-repeat 0 7px transparent;
}

/* suche */

#suche {
  position:absolute;
  top:33px;
  right:10px;
  z-index:1;
}

#suche form .suchbegriff {
  background:url(/++resource++ready/refresh/images/suche.png) no-repeat 0 50% #fff;
  border:1px solid #bfbfbf;
  border-radius:10px;
  box-shadow:-1px -1px 1px #ccc;
  height:1.5em;
  padding-left:20px;
  width:150px;
}

#suche form .suche_button {
  background-color:#C2401C;
  border:1px solid #7E6364;
  border-radius:5px;
  box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color:#fff;
  cursor:pointer;
  font-size:0.6875em;
  padding:3px 5px;
}

#suche form .suche_button:hover {
  background-color:#ED4D20;
  position:relative;
  top:1px;
}

/* navigation */

#stepnav {
  background-color:transparent;
  margin:0;
  padding:0 0 0 5px;
  width:23.5%;
}

.is-portal .item-home {
  display:none;
}

.stepnav ul li {
  border-bottom:0;
  line-height:1.8125;
  word-wrap:break-word;
}

.stepnav > ul {
  font:1em/1 sans-serif;
  list-style:none none;
  width:95%;
}

#navi_liste li a,
#navi_liste li strong {
  border-radius:5px;
  margin-bottom:5px;
  color:#fff;
  display:block;
  font-weight:normal;
  padding:6px;
}

#navi_liste li a {
  background-color:#D7BB97;
  color:#2C2C2C;
}

#navi_liste li a:hover {
  text-decoration:none;
}

#navi_liste > .opennav > a {
  background-color:#4BB0CF;
  color:#fff;
}

#navi_liste > .opennav ul li a, #navi_liste > .currentnav ul li a,
#navi_liste > .opennav ul li strong, #navi_liste > .currentnav ul li strong {
  color:#000;
  font-size:81.25%;
  font-weight:normal;
  text-decoration:none;
}

#navi_liste > .opennav ul li strong, #navi_liste > .currentnav ul li strong {
  color:#fff;
}

#navi_liste li ul {
  text-align:left;
}

#navi_liste li ul li a {
  background-color:#C4DCDC;
  color:#4C4A43;
}

#stepnav .stepnav ul ul {
  border-bottom:0;
  border-top:0;
  font-size:100%;
}

#stepnav .stepnav ul ul li {
  border:0 none;
  margin-bottom:5px;
  padding-left:20px;
}

#stepnav .stepnav ul ul li a {
  background-color:#D7BB97;
}

#naturkundemuseum li strong, #informationen li strong {
  background-color:#00bbe1;
}
#naturkundemuseum #navi_liste li a:hover,
#informationen #navi_liste li a:hover {
  background-color:#abd9e2;
}

#planetarium li strong {
  background-color:#393f89;
}

#planetarium #navi_liste li a:hover {
  background-color:#c3c5db;
}

#heiliges-meer li strong {
  background-color:#85b254;
}
#heiliges-meer #navi_liste li a:hover {
  background-color:#c4d1b5;
}

#bodendenkmalpflege li strong {
  background-color:#d57502;
}

#bodendenkmalpflege #navi_liste li a:hover {
  background-color:#f2d5b3;
}

.is-portal .social-icons {
  float:right;
  width:24%;
}

.social-icons h3 {
  color:#4daccd;
  font-size:87.5%;
  margin:15px 0 5px;
}

.social-thumbs {
  list-style:none none;
}

.social-thumbs li {
  display:inline;
  margin-right:8px;
}

.social-thumbs a {
  box-shadow:1px 1px 1px #ccc;
  display:inline-block;
  position:relative;
}

.social-thumbs a:hover {
  top:2px;
}

.social-thumbs a img {
  vertical-align:bottom;
}

/* content */

#wrap {
  padding-bottom:70px;
}

#main-slider {
  border-bottom:none;
  float:left;
  height:492px;
  padding:0 0 45px;
  width:73%;
}

#main-slider #slider-img {
  width:100%;
}

#main-slider #slider-img li {
  height:100%;
  left:0;
  list-style-type:none;
  position:relative;
  top:0;
  width:100%;
}

.topic p {
  font-size:81.25%;
  padding:0 15px 0 10px;
  hyphens:auto;
}

.topic h3 {
  font-size:100%;
  padding:15px 10px 10px;
  -moz-hyphens:auto;
  -ms-hyphens:auto;
  -o-hyphens:auto;
  -webkit-hyphens:auto;
  hyphens:auto;
}

#maincontent {
  padding-top:31px;
  width:100%;
}

#fullwidth-content {
  float:right;
  width:auto;
  max-width:75.75%;
  margin-left:0;
}

.is-area #content, .is-page #content {
  margin:0 0 0 5px;
  width:55.05%;
}

.is-portal #content {
  width:68.2%;
}

#fullwidth-content #content {
  margin-right:0;
  width:72.7%;
}

#sidebar {
  background-color:transparent;
  margin:0;
  width:18.7%;
  padding:0;
}

#fullwidth-content #sidebar {
  width:24.7%;
}

.sidebar-block .link {
  margin-top:5px;
  padding:0;
}

.sidebar-block ul, .sidebar-block ol,
.sidebar-block p, .sidebar-block .fliesstext {
  font-size:0.875em;
  line-height:1.5em;
}

#sidebar .fliesstext, #sidebar .detail_text {
  padding:0 15px 5px;
}

.is-portal #sidebar {
  float:right;
  height:auto;
  padding:0 15px 22px 0;
  width:24%;
}
 
#portal #sidebar a {
  border:0 none;
  color:#fff;
  text-decoration:none;
}

#portal #sidebar .sidebar-termine dl {
  border-bottom:4px solid #fff;
  color:#fff;
  font-size:75%;
  height:375px;
  overflow:auto;
}

#portal #sidebar .more {
  padding:8px 0 8px 10px;
  list-style:none;
  background-color:#31324a;
}

#portal #sidebar .more li:before {
  content:"\203a";
  color:#fff;
  padding-right:5px;
}

#portal #sidebar .more li a:hover {
  text-decoration:underline;
}

#portal .sidebar-block {
  background-color:#858586;
  margin-bottom:50px;
}

.sidebar-termine dl dt, .sidebar-termine dl dd {
  margin:0;
  padding:5px 10px 0;
}

.sidebar-termine dl dd {
  border-bottom:1px solid #fff;
  margin-bottom:5px;
  padding:0 10px 5px;
}

#sidebar .sidebar-termine p {
  font-size:100%;
}

/* mitte */

.eintrag ul, eintrag ol, .eintrag p, #content table, .article .eintrag .fliesstext {
  font-size:0.875em;
  line-height:1.75;
}

#fullwidth-content .plain-text h2, #content .plain-text h2 {
  font-weight:normal;
  padding:6px;
  font-size:1.23937em;
}

#portal .plain-text h2 {
  color:#33384B;
  padding-left:0;
}

.article h2, .eintrag h2 {
  font:1.25em verdana,arial,trebuchet ms,calibri,helvetica,sans-serif;
  margin:10px 0 10px;
  color:#fff;
}

.is-portal .article h2, .is-portal .eintrag h2 {
  font-weight:bold;
  padding:6px 0;
}

.article .eintrag, .img-fullwidth .img {
  padding:0;
}

.article, .gallery {
  background-color:transparent;
  clear:both;
  margin-bottom:10px;
}

#portal .article {
  margin:0 0 10px 25px;
}

#fullwidth-content hr {
  display:none;
}

#content hr.trenner_stark, #content hr.trenner_duenn {
  border:0;
  height:5px;
  display:block;
  border-radius:5px;
  margin-bottom:1em;
}

#content hr.trenner_duenn {
  height:2px;
  border-radius:2px;
}

#portal #content hr.trenner_stark, #portal #content hr.trenner_duenn {
  background-color:#f00;
}

#bodendenkmalpflege #content hr.trenner_stark, #bodendenkmalpflege #content hr.trenner_duenn {
  background-color:#D57502;
}

#informationen #content hr.trenner_stark, #informationen #content hr.trenner_duenn {
  background-color:#00BBE1;
}

#heiliges-meer #content hr.trenner_stark, #heiliges-meer #content hr.trenner_duenn {
  background-color:#85B254;
}

#naturkundemuseum #content hr.trenner_stark, #naturkundemuseum #content hr.trenner_duenn {
  background-color:#00BBE1;
}

#planetarium #content hr.trenner_stark, #planetarium #content hr.trenner_duenn {
  background-color:#393F89;
}

#naturkundemuseum #content .plain-text h2, #naturkundemuseum .sidebar-block h3,
#informationen #content .plain-text h2, #informationen .sidebar-block h3 {
  background-color:#00BBE1;
  padding-left:13px;
}

#planetarium #content .plain-text h2, #planetarium .sidebar-block h3 {
  background-color:#393F89;
  padding-left:13px;
}

#heiliges-meer #content .plain-text h2, #heiliges-meer .sidebar-block h3 {
  background-color:#85B254;
  padding-left:13px;
}

#bodendenkmalpflege #content .plain-text h2, #bodendenkmalpflege .sidebar-block h3 {
  background-color:#D57502;
  padding-left:13px;
}

#content > .article:first-child .eintrag h2 {
  margin-top:0;
}

#kontaktformular {
  font-size:0.85em;
}

#kontaktformular label {
  width:34%;
}

.kontaktformular .value label {
  width:auto;
}

#kontaktformular input[type="text"], #kontaktformular textarea {
  border:1px solid #ccc;
  padding:5px;
}

#kontaktformular .submit {
  float:right;
  height:30px;
  margin-right:12px;
  width:62%;
}

#kontaktformular fieldset {
  margin-top:30px;
}

.formwidget p {
  font-size:100%;
}

#content .linklist ul, #content .toc ul {
  color:#00559D;
  font-size:0.875em;
  line-height:1.75;
}

.img-left .img {margin-left:0; margin-right:10px;}
.article.img-left .eintrag {margin-left:0;}

#content table p, #content .fliesstext table {
  font-size:100% !important;
  padding:2px;
}

table.column .listentyp {
  padding:2px 5px 20px 2px;
}

.presse .eintrag {
  background-color:#EFEFEF;
  margin:10px 0;
  padding:3px 5px;
}

.audio, .video {
  padding:10px 0;
}

#mnogo-search-blank_small {display:none;}

.suchergebnis, .dlmnogo {margin-top:25px;}

#suchausgabe ul {list-style-type:none; padding:0; margin:0;}

#blaettern li {
  display:inline;
  float:none;
  font-size:.875em;
  padding:10px 0;
}

/* sidebar area + seite */ 

.sidebar-block {
  background-color:#fff;
  margin-bottom:50px;
  padding:0;
}

.sidebar-block h3 {
  background-color:#00BBE1;
  color:#fff;
  font-size:100%;
  font-weight:normal;
  margin:0 0 5px 0;
  padding:5px 2px 5px 13px;
  hyphens:auto;
}

.sidebar-block .link a, .sidebar-liste dl dd a {
  color:#00BBE1;
}

.sidebar-block ul, .sidebar-block ol,
.sidebar-block p, .sidebar-block .fliesstext {
  line-height:1.25;
}

.sidebar-block .fliesstext,
.sidebar-block .link detail_text {
  padding:0 15px 5px 15px;
}

.sidebar-block .link {
  margin-top:5px;
}

.sidebar-block .img img {
  vertical-align:top;
}

/* Seitenfuss */

#schnellzu {
  clear:both;
}

#footer {
  color:#000;
  clear:both;
  margin-top:0;
  position:relative;
}

#imprint.custom {
  width:auto;
  max-width:61.875em;
  margin:0 auto;
  padding-top:15px;
}

*+html #seitenfuss {
  float:left;
}

#seitenfuss a {
  color:#000;
}

@media screen and (max-width:64em) {
  .themen-slider li img {width:100%;}
}

@media screen and (max-width:51em) {
  #museummenue, #suche {position:relative; top:0; right:0; margin:10px;}
  #museummenue #museumnav li {width:auto; height:2em; margin-bottom:5px; padding:0; display:list-item; float:none;}
  #museummenue #museumnav li a {padding:0;}
  #museumnav li br {display:none;}
  #header-museum, #header-museum .header {height:auto; background-size:100% 100%!important;}
}

@media screen and (max-width:48em) {
  #lwl-header, #header-museum .header, #main-slider, .is-portal #sidebar, #imprint.custom {width:100%; float:none;}
  #imprint.custom {padding:0;}
  .is-portal #sidebar, .is-portal #content, .is-portal .social-icons {width:98%; margin:0 auto; padding:0;}
  #header-museum h1 {padding:5px 0 0 10px; font-size:125%;}
  #header-museum h2 {padding-left:10px;}
  img.bg {display:none;}
  #wrap {background-image:none; background-color:#F3F3F3;}
  .is-area #content, .is-page #content {width:auto; float:none;}
  #fullwidth-content {max-width:inherit;}
  .article .eintrag, .img-fullwidth .img {padding:0 5px;}
  #sidebar {padding:0;}
}