/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
  /*background-color:#e0e0e0;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 130%;
}
div.container {
  max-width: 1170px;
  /*background-color:#ffffff;*/
  padding-top:15px;
  padding-bottom:2em;
}
a {
  color:#000000;
  /*color:#98bf1e;*/
}

div.header a {
  display:inline-block;
}

div.header {
  margin-bottom:1em;
  border-bottom:1px solid #98bf1e;
}

div.galerie {
  margin-bottom:1em;
}

div.galerie figcaption {
  font-weight:bold;
}
div.mittig {
  min-height:110px; /* Höhe des größten Bildes */
  display: flex;
  align-items: center;
  justify-content: center;
}
/*div.mittig a {
  display:block;
  margin-right:auto;
  margin-left:auto;
}*/

/*div#kontakt a,
figcaption a {*/
a {
  border-bottom:1px solid transparent;
}

.publikationen a {
  border-bottom:1px solid #f29300;
}


/*div#kontakt a:hover,
figcaption a:hover {*/
a:hover,
div#service a:hover,
a.active,
div#service a.active {
  color:#f29300;
  text-decoration:none;
  border-bottom:1px solid #f29300;
}

div.mittig a:hover {
  border-bottom-color:transparent;
}

a#home {
  border-bottom:2px solid transparent;
}

div#service {
  text-align:right;
  font-weight:bold;
  text-transform: uppercase;
}

div#service a {
  color:#a0a0a0;
}

div.menu {
  display: table;
  margin-right: auto;
  margin-bottom: 2.86em; /* entspricht zwei Zeilen */
  margin-left: auto;
}

div.menu ul {
  padding-left:0;
  display: table-cell;
}

div.menu ul li,
div#service ul li {
  display:inline-block;
  padding-right:0.9em;
  padding-left:0.6em;
  border-right: 1px solid #c5c5c5;
}

div.menu ul li:last-child,
div#service ul li:last-child {
  border-right:none;
}

div.menu ul li a {
  font-weight:bold;
  text-transform: uppercase;
}

div.galerie a:hover img {
  outline:5px solid #98bf1e;
}

/* Für einzelne Ausgaben der Kinderumweltzeitung */
div.publikationen li {
  width:100%;
  display:block;
  /*display:table;*/
  padding-top:0.625em;
  padding-right:0.625em;
  padding-bottom:0.9375em;
  padding-left:0.625em;
  border:1px solid #98bf1e;
}

div.publikationen li:after {
  content:"";
  display:table;
  clear:both;
}

div.publikationen li:hover {
  outline:5px solid #98bf1e;
}

div.publikationen li a {
  /*display:block;*/
}

div.publikationen li em.foerderer {
  display:block;
  /* Der obere Abstand soll einem Zeilenumbruch entsprechen */
  padding-top: 1.43em;
}

div.publikationen li img {
  /*display:table-cell;*/
  float:left;
  width:164px;
  border:1px solid #a0a0a0;
  margin-right:1.25em;
}

div.publikationen li img.logo {
  border:none;
}

div.spalte {
  display:table-cell;
  width:100%;
  vertical-align:top;
}

div.publikationen li div p:last-child {
  /* Der letzte Absatz in einem Kasten soll keinen Abstand nach unten mehr haben */
  margin-bottom:0;
}

figure {
  margin-bottom:0.5em;
}
figcaption {
  margin-top:0.5em;
}

h1 {
  font-size:150%;
}

h1.top {
  margin-top:0;
}

h2 {
  margin-top:2.86em;
  font-size:130%;
}


img {
  width:100%;
}
img.logo {
  /* Logos sollen nicht breiter als 164px werden */
  max-width:164px;
}
div.mittig {
  position:relative;
}
div.mittig img {
  max-width:140px;
  margin-right:auto;
  margin-left:auto;
}

img#logo {
  width:200px;
  margin-bottom:15px;
}
p {
  /* Der untere Abstand soll einem doppelten Zeilenumbruch entsprechen */
  margin-bottom: 1.43em;
}
ul {
  margin-top:30px;
}
li {
  list-style-type:none;
  margin-bottom:15px;
}
table {
  margin-bottom:35px;
}
table caption {
  background-color: transparent;
  border: 0 none;
  color: transparent;
  font: 0px/0 a;
  text-shadow: none;
}
td {
  padding-right:1em;
}