/*Termintabelle*/
.gestreift tr:nth-child(odd) {background-color: #67a341;}
.gestreift tr:nth-child(0) {background-color: #87c361;}
.gestreift td {padding-left: 4px}
/*header*/

.container-header {
  background-color: white;
  background-image: none;
}
.footer {background-color: #67a341; background-image: none;}
.logoimage, .logotext {display: inline-block}
.logotext h3 {color: white; vertical-align: middle }
h1, h2, h3, h4, h5, h6 {
  color: #67a341;
}
.container-topbar {
  
  background-color: #67a341;
}
/*bilder*/
div.linksbündig {float: left; display: inline; margin-right: 10px;}
div.rechtsbündig {float: right; display: inline; margin-left: 10px;}
/*header menü*/
.container-header .mod-menu {color: green; justify-content: center}

.metismenu.mod-menu .metismenu-item {font-size:1em; border-right-style: solid}
.metismenu.mod-menu .metismenu-item:last-child {border-right-style: none}

/*Hauptmenü*/
ul.n_style>li {background-color: #67a341; margin: 4px; padding:4px;}
ul.n_style>li:hover {background-color: #87c361;}
ul.n_style>li>a {color: white; text-decoration: none;}
ul.n_style>li>a:hover {text-decoration: none;}
ul.n_style>li>ul {display:none}
ul.n_style>li:hover>ul {display:block; background-color: #87c361; color: white}
ul.n_style>li>ul>li>a {color: white; text-decoration: none;}
ul.n_style>li>a:active {color: #87c361; text-decoration: none;}
ul.n_style>li>ul>li>a:active {color: #87c361; text-decoration: none;}
ul.n_style>li>ul>li:hover>a {text-decoration: none;}

/*kopiert von der alten Seite*/
h1 {color: #67a341; line-height:120%}
h2 {color: #67a341; line-height:120%}
h3 {color: #67a341; line-height:120%}

figure {color: white}
figure:hover {color: black}
figure.linksbündig {
  float: left;
  margin-right: 2em;
}
figure.rechtsbündig {
  float: right;
  margin-left: 1em;
}
figcaption {
  padding: .8em;
  text-align: left;
}
.übersicht {text-align: center}
.übersicht h1  {background-color: #eeeeee; padding: 1em}
.e2 {position: relative; display: block; width: 100%; height: 20%; float: left; clear: both; margin-bottom: 1em;}
.e2 h2 {margin-top: 0.0em;}
.e2 p {margin-top: 0.0em;}
.e2 a:link a:visited {
  background-color: #f44336;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
.e2 a:hover a:active {background-color: red;}

#start_text {display: block; width: 60%; float: left;}
#start_text p {text-align:justify; margin-top: 3px}
#neues {display: block; width: 37%; float: left;margin-left: 3%}
#neues h1, h2, h3 {margin-top: 0px}

div.Kap {display: block; width: 96%; float: none; margin: 1em; text-align: center; background-color: #f5f5f5; min-height:4em}

#my_modal {position: absolute; opacity: 0.1; background-color: light-green; display: none; z-index: 1;}

#my_modal.offen {display:block; opacity:1.0; z-index: 9 background-color:white;  position: absolute}
//#my_modal span {float: right; margin-right: 10%; background-color: black; color: red; cursor: pointer; z-index: 1; font-size: large; font-weight:bold;}
#my_modal span { background-color: black; color: red; cursor: pointer; z-index: 1; font-size: large; font-weight:bold;}
//.glas {position: relative; background-color: gray; opacity: 0.1; z-index: 8}
ul {list-style-position: inside;}
.l1 {font-size: 1.2em; font-weight:bold}
.l2 {margin-left: 1em; font-size: 1.1em; font-weight:bold}
.l3 {margin-left: 2em;font-size: 1.0em;}
.l4 {margin-left: 3em;font-size: 0.9em;}