/* Parameter */




/* eigentliches Cascading Style Sheet */
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, td, form, img, li {
      margin:0px; padding:0px;
	  border:none; border-collapse:collapse;
      font-family:Verdana,Tahoma,sans-serif;
      }

img   {border:none; margin:0px; padding:0px; border-collapse:collapse;
      } 

/* Standardschrift relative Schrift (10pt --> absolute Schriftgröße / 0.8em --> relative Schriftgröße) */
td  {font-size:0.8em;                               
     font-family:Verdana,Tahoma,sans-serif;
	 font-style:normal;
 	 color:#595959;
     margin:0px; padding:0px;
	 }

/* relative Schriften */
p, div     {font-size:1.0em;
     font-family:Verdana,Tahoma,sans-serif;
	   font-style:normal;
     font-weight:normal;
     color:#595959;
     margin:0px; padding:0px;
	   }
h1   { 
     font-size:2.0em;
     font-family:Verdana,Tahoma,sans-serif;
     font-weight:normal;
	   font-style:italic;
	   font-variant:normal;
 	   color:#595959;
	   margin:0px; padding:0px;
	   }
h2   { 
     font-size:1.3em;
     font-family:Verdana,Tahoma,sans-serif;
	   font-variant:normal;
 	   color:#595959;
     margin: 0px; padding: 0px;
     font-weight:Verdana,Tahoma,sans-serif;
	   font-style:italic;
	   font-variant:normal;
     }
h3   { 
     font-size:1.1em;
     font-family:Verdana,Tahoma,sans-serif;
	   font-variant:normal;
 	   color:#595959;
     font-weight:Verdana,Tahoma,sans-serif;
	   font-style:italic;
 	   font-variant:normal;
     }
h3.top {color:#FFFFFF}

h4   { 
     font-size:1.0em;
     font-family:Verdana,Tahoma,sans-serif;
 	   color:#595959;
     font-weight:Verdana,Tahoma,sans-serif;
	   font-style:italic;
	   font-variant:normal;
     }
h5   { 
     font-size:0.8em;
     font-family:Verdana,Tahoma,sans-serif;
 	   color:#595959;
     font-weight:normal;
     }
h6   { 
     font-size:0.7em;
     font-family:#595959;
 	   color:Verdana,Tahoma,sans-serif;
     font-weight:normal;
	 }

ul      {margin:0px; padding:0px; margin-left:10px; padding-left:10px;
        list-style-type:square; list-style-position:outside; 
        }
li      {margin:0px; padding:0px; padding-bottom:6px; padding-left:0px;
        }

li#weit {padding-bottom:18px;
        }
		
ul#ein  {margin:0px; margin-left:50px; padding:0px;
        list-style-type:disc; list-style-position:outside; 
        }
ul#ul2  {margin:0px; padding:0px; margin-left:10px; padding-left:10px;
        list-style-type:circle; list-style-position:outside; 
        }
p.zitat { width:100%;
         text-align:center;
        }		
			
p.zitat_dreher { font-style: italic; font-family:#6d6d6d; text-align:left; }


/*  Sonderformate 1*/

#meta2  {font-size:0px; visibility:hidden; }
#first  {font-size:120%; color:#FF7300; }
#klein  {font-size:0.4em; }
#kleiner {font-size:0.6em; }
#left   { text-align:left; }
#right, .rechts  {text-align:right; }
#center  {text-align:center; }
#bold, .bold   {font-weight:bold; }
#kursiv {font-style:italic; }
#kursivbold {font-style:italic; font-weight:bold; }
#gross  {font-size:1.6em; }
#groesser {margin-bottom:8px; }
#caps    {font-variant:small-caps;}
#top    { width:30px; }
#eingerueckt { margin-left:30px; }

.rot { color:#B0261B; }
.gruen { color:#0ccb56; }
.blau { color:#41b5e8; }

        
#spalte01 {clear:left; float:left; width:130px;
        }        
#spalte02 {float:left; width:410px; padding-bottom:10px;
        }        
        
			
/*  Sonderformate 2*/

#table  {background-color:#FFFFFF;
        }
#top    {background-color:#000000;
        }
#inhalt {background-color:#FFFFFF;
        }
#logo   {background-color:;
        }
#spruch {background-color:;
        }
#bilder {background-color:;
        }
#background_menue   
        {background-color:;
        }
#kontakt {font-weight:bold;
        }
#aufzaehlung   {text-align:left; margin-bottom:0px;
        height:25px;
        }
#linie  {color:#FFFFFF; width:100%; text-align:left; 
        height:1px;
		}
#bild   {margin:0px; padding:0px;
        }
		
/* Link-Formate (class="") */

a:link    {color:#595959;     text-decoration:underline; }
a:visited {color:#595959;     text-decoration:underline; }
a:hover   {color:#595959;     text-decoration:underline; }
a:active  {color:#595959;     text-decoration:underline; }
a:focus   {color:#595959;     text-decoration:underline; }

a.dis:link    {color:#000000;     text-decoration:underline; }
a.dis:visited {color:#000000;     text-decoration:underline; }
a.dis:hover   {color:#000000;     text-decoration:underline; }
a.dis:active  {color:#000000;     text-decoration:underline; }
a.dis:focus   {color:#000000;     text-decoration:underline; }

a.sonst:link    {color:#595959;         text-decoration:none; }
a.sonst:visited {color:#595959;         text-decoration:none; }
a.sonst:hover   {color:#595959;         text-decoration:underline; }
a.sonst:active  {color:;  text-decoration:underline; }
a.sonst:focus   {color:#595959;         text-decoration:none; }

a.ohne:link    {color:#595959;         text-decoration:none; }
a.ohne:visited {color:#595959;         text-decoration:none; }
a.ohne:hover   {color:#595959;         text-decoration:none; }
a.ohne:active  {color:;  text-decoration:none; }
a.ohne:focus   {color:#595959;         text-decoration:none; }


/* Menue-Formate */	
#menue  {font-weight:bold;
        width:292px; height:20px; 
		    text-align:left; 
		    vertical-align:bottom;
		    margin:0px; margin-left:4px;
		    padding:0px; padding-top:2px; padding-right:0px;
		    font-family:Arial,Arial,sans-serif;
        color:#FFFFFF; 
        border-bottom: 0px solid #BBBBBB;
		    display:block;
        }
		
a.menue1inaktiv, a.menue1aktiv    
        {text-decoration:none;
	     	height:24px;
		    }


a.menue1inaktiv:link    {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-weight:bold;
						font-style:normal;
						}
a.menue1inaktiv:visited {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-weight:bold;
						font-style:normal;
						}
a.menue1inaktiv:hover   {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-weight:bold;
						font-style:normal;
						}
a.menue1inaktiv:active  {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-style:normal;
						}
a.menue1inaktiv:focus   {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-weight:bold;
						font-style:normal;
						}

						
a.menue1aktiv:link      {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-weight:bold;
						font-style:normal;
						}
a.menue1aktiv:visited   {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-weight:bold;
						font-style:normal;
						}
a.menue1aktiv:hover     {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-weight:bold;
						font-style:normal;
						}
a.menue1aktiv:active    {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-weight:bold;
						font-style:normal;
						}
a.menue1aktiv:focus     {background-color:; 
            text-decoration:none;
            color:#FFFFFF;
						font-weight:bold;
						font-style:normal;
						}


.menu_footer li {
	float: right;
	list-style:none;
    width:auto;
	height:auto;
	vertical-align:baseline;
	text-align:right;
	text-transform:none;
	margin:0%;
	padding:0%;
	padding-left:3%;
	padding-right:3%;
} 

.menu_footer li:first-child { padding-right:0%; padding-left:3%; }
.menu_footer li:last-child { padding-left:0%; }


.menu_footer li a {
    background:transparent;
	color:#cc0000;
	color:grey;
    font-weight:normal;
    text-decoration:none;
    text-align:left;
    margin:0%;
    padding:0%;
    font-size: 80%; 
}

.menu_footer li a:last-child { }

.menu_footer li a:hover, .menu_footer li a:focus { border-bottom: 1px solid #cc0000; border-bottom: 1px solid grey; } 
.menu_footer li.current a, .menu_footer a:focus, .menu_footer a:hover { border-bottom: 1px solid #cc0000; border-bottom: 1px solid grey; } 
.menu_footer li:visited a { font-weight:normal; }


/* Body-Formate */

body {background-color:#FFFFFF;
     font-size: 100.01%;
     }








.kontakt {
	padding-bottom:5px;
	text-align:left;
	color: #595959;
}

.kontakt_zusatz { display:none; }

.kontakt_erlaeuterung {
	padding:0px; margin-left:120px; padding-top:4px; color:#B4B8C8; font-size: 0.7em;
}
.kontakt_stern { color:#B4B8C8;
}
.kontakt_fieldset { width: 480px; border: 1px solid #BBBBBB; padding:20px; padding-top:0px; margin-left:0px;
}
.kontakt_legend { color: #606466;
}

form p {
	margin-bottom: 0px;
	margin-left: 0px;
}

form p label {
	float: left;
	text-align:left;
	width: 90px;
	margin-top: 0px;
	cursor: pointer;
	color: #606466;
}

/* Checkbox */

form p input {
	border: 0px dotted #BBBBBB;
	border-bottom-style: dotted;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	margin-top: 1px;
	width: 150px;
}

form p input[type="radio"] {
	text-align:left;
	color: #606466;
	margin-bottom:6px;
}

form p input[type="text"] {
	border: 1px dotted #BBBBBB;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-style: dotted;
	border-top-style: dotted;
	margin-top: 1px;
	width: 380px;
} 
  
form p textarea {
	border: 1px dotted #BBBBBB;
	margin-top: 1px;
	width: 380px;
	height: 100px;
}


form p select {
	width: auto;
	border: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-right-style: dotted;
	border-top-style: dotted;
	margin-top: 1px;
}


.kontakt_senden {
	text-align:left; padding-top:10px; padding-left:110px;
}
form p input#formInput_submit,
form p input#formInput_reset {
	width: 140px;
	border: solid 1px #BBBBBB;
	padding: 3px;
	color: #606466;
	background:#FFFFFF;
	box-shadow: 4px 4px 2px #D8D8D8;
	cursor: pointer;
}
form p input#formInput_reset {
	 margin-left:84px;	
}





.acc { 
	width: 100%;
	margin: 0% auto;
	margin-top: 1vH;
	margin-bottom: 1vH;
}
.acc .choice {
   display: grid;
   grid-template-columns: 9fr 1fr;
   grid-template-areas: "name action"
                        "panel panel";
}

.acc label:nth-child(odd) { grid-area: name;}
.acc label:nth-child(even) { grid-area: action;}
.acc .panel { grid-area: panel; }
.acc input[name="ac"] { display:none }

.acc .panel {
  margin: 0;
  height: 0;
  overflow:hidden;
  background-color: hsla(12, 50%, 95%);
  background-color: white;
  line-height: 1.5;
  padding: 0 2rem;
  box-sizing: border-box;
  transition: 0.5s;
}

.acc .panel p { margin-top:0 }

.acc input.open:checked~.panel {
  height: auto;
  padding: 2rem;
  transition: 0.5s;
}

.acc label {
  cursor: pointer;
  background-color: #f2f2f2;
  border-bottom: 2px solid #fff;
  padding: 1em;
  width: 100%;
  font-weight: 400;
  font-size: 1.2em;
  box-sizing: border-box;
  z-index: 100;
  color:white;
  color:black;
}

.acc input.open:checked ~ label { background-color:#f2f2f2; }
.acc label:nth-child(odd)::after  { 
   content: "+";
   color: white;
   color: black;
   float:right;
   font-size: 1.2em;
   font-size: 20px;
   margin-top:0px;
   margin-right:0px;
}
.acc input.open:checked ~ label:nth-child(odd)::after { content: "";   margin-top:0px;
   margin-right:0px;
 }
.acc input.open:checked ~ label.close::after { content: "– "; content: "–"; font-size: 1.2em; font-size: 20px;    margin-top:0px;
   margin-right:0px;
}




details summary::-webkit-details-marker { display: none; }
summary::before {
  content: "▶";
  position: absolute;
  top: 1rem;
  left: 0.8rem;
  transform: rotate(0);
  transform-origin: center;
  transition: 0.2s transform ease;
}
details[open] > summary:before {
  transform: rotate(90deg);
  transition: 0.45s transform ease;
}

details { overflow: hidden; }
details summary {
  position: relative;
  z-index: 10;
}
@keyframes details-show {
  from {
    margin-bottom: -80%;
    opacity: 0;
    transform: translateY(-100%);
  }
}
details > *:not(summary) {
  animation: details-show 500ms ease-in-out;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
  color: transparent;
  overflow: hidden;
}
details[open] > *:not(summary) { color: inherit; }

details {
  max-width: 100%;
  box-sizing: border-box;
  margin-top: 1vH;
  background: white;
}
summary {
  border: 4px solid transparent;
  outline: none;
  padding: 1rem;
  display: block;
  background: #f2f2f2;
  color: black;
  font-size:1.2em;
  padding-left: 2.2rem;
  position: relative;
  cursor: pointer;
}
details[open] summary,
summary:hover {
  color: black;
  background: #f2f2f2;
}
summary:hover strong,
details[open] summary strong,
summary:hover::before,
details[open] summary::before {
  color: #28a387;
}
.content {
  padding: 10px;
  border: 0px solid #888;
  border-top: none;
}