* {
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


body {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size:16px;
color: #000;
padding-top: 20px;
width: 98vw;
height: 100vh;
background-image: url("wald.jpg");
background-attachment: fixed;

}
#menu{justify-content: center;
}

div.flex-container{display: flex;
                   max-width: 90vw;
				   width: 100%;
                   justify-content: left;
}

div.flex-table{display: table;

		  width: 90%;
}		  
div.table-header-group{display: table-header-group;
                       font-weight: bold;
}
div.table-row-group{display: table-row-group;
                    line-height: 2em;
                       
}

div.table-cell{display: table-cell;
                width: 20%;
}

section { padding: 3%;
          height: auto;
        }

ul:not(.nav) {
    list-style-image: url(dot.png);
    list-style-position: outside;
    margin-left: 17px;
	line-height: 1.5em;
	margin-top: 8px;
}

div.nowwrap{white-space:nowrap;
            display: grid;
			grid-template-columns: repeat(auto-fill, 200px );
			margin-bottom: 10px;
}
div.page_text{padding: 20px;
}
div.intern_links{display: grid;
                  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    			  width: 100%;
                 } 
div.nowwrap > input, div.nowwrap > select, div.nowwrap > textarea{width: 220px}


.red {background-color: red;
     }
.blue {background-color: blue;
     }
.green {background-color: green;
     }
.transparent {background-color: transparent;
     }
.white {background-color: white;
     }
.forest {background-color: #7ba43a; 
     }
.text {color: #000; }

/*div.dyn_grid{display: grid;
              grid-template-columns: 2fr 7fr 23fr 3fr;
			  grid-column-gap: 1vw;*/
			  

}
div#container{height: 92%;
              width: 100%;
			  margin-top: 20px;
}
div#container2{display: grid;
              grid-template-rows: auto auto;
			  grid-row-gap: 1vw;
			  
			  padding: 20px;
}
h1,h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 20px;
	padding-left: 20px;
	padding-top:10px;
	padding-bottom:10px;
	color: #3a3432;
}

h2 { 
	color: #005622;
	margin-top: 10px;
	font-style:italic;
}

h3 {
	color: #005622;	
}

.dot {
    height: 10px;
    width: 20px;
    background-color:#b1c800;
    display: inline-block;
	margin-right: 10px;
}


a{
	text-decoration: unterline;
	
}	
.pointer {cursor: pointer;
         }
         
.passive{background-color: #aaaaaa;
         color: #ffed00;
             }
.active{background-color: #cce4ee;
         color: #072642;
}
a:link {
	color:#008d41;
}

a:visited {
	color: #007c30;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	color: #b1c800;
	text-decoration: none;
}

.btn {
	display: flex;
    align-items: center;
	justify-content: center;
	background-color: #b1c800;
	text-decoration: none;
    padding: 0px 0px 0px 0px; 
    margin:  10px;
	border-radius: 5px;
	height: 60px;
		
} 
.btn a{
	text-decoration: none;
	font-weight: bold;
	
	color: #3a3432;
}

.btn a:hover{
	color: #007c30;
	}

.footer {
	height: 30px;
	font-size: 75%;
	vertical-align:middle;
	text-align:right;
	margin:0;
}	

.footer a{
	text-decoration: none;	
}

.bg-w{
	background-color: #fff;
	
}

.rand_u{
	border-bottom: 10px solid #f3e400;
}

.rand{
	margin-left: 15px;
	
}


.center {
	text-align:center; 
	}

.fltr{
	float:right;
}

.fltl{
	float:left;
	padding-right: 20px;
}


.klein {
	font-size: 75%;
}


.center-kl{
	width: 260px;
	text-align:center;
}


ul.nav li {
	list-style-type:none;
		
}

ul.nav a, a:visited { 
	display: block; 
	float: left;
	width: 91%;  
	text-decoration: none;
	text-align: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	color:#008d41;
	border-bottom: 2px solid #f3e400;
}
	
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background-color: #f3e400; 
}

table {
	vertical-align: top;
	line-height: 1.7em;
	text-align:left;
	padding-right: 10px;
	padding-left: 20px;
	width: 90%;	
	
}

table#whg {
	vertical-align: top;
	line-height: 1.7em;
	text-align:left;
	padding-right: 10px;
	padding-left: 20px;
	width: 95%;	
}