/*            --U. S. me fecit--   CSS Trimm Club Herten e.V.     Last Change: 13.12.2024  */
body          {
              padding: 0px; 
              margin: 0 auto; 
              hyphens: auto; 
			  width: 100%;
              max-width: 1200px;  
			  background-color: white;
			  }
.container    {
              width:100%;
              vertical-align: top; 
              margin-top: 1.8rem; 
              background-color: #e7eaf7;
              }
.normtab0     {
              font-family: Arial, Helvetica, sans-serif;
              font-size: 1.2rem;       /* font-size: clamp(1rem, 2.0vw, 2rem);  */
              color: #444444;
              padding-left: 0.3rem;
              padding-right: 0.3rem;
              padding-bottom: 0.4rem;          
              background-color: #e7eaf7;
              }              
.normtab1     {
              margin-top: 1.5rem;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 1.2rem; 
              color: #444444;
              padding-left: 0.3rem;
              padding-right: 0.3rem; 
              padding-bottom: 0.4rem;          
              background-color: #e7eaf7;
              }
.farbkopf0    {
              margin-top: 0rem;
              font-family: Arial, Helvetica, sans-serif;
              font-size: 1.6rem;
              line-height: 3.0rem;
              color: #ffffff;
              background-color: #829ce3;
              font-weight: bold;
              text-align: center;
              }
.farbkopf1    {
              margin-top: 1.5rem; 
              font-family: Arial, Helvetica, sans-serif;
              font-size: 1.6rem;
              line-height: 3.0rem;
              color: #ffffff;
              background-color: #829ce3;
              font-weight: bold;
              text-align: center;
              }
i             {
              font-size:1.0rem;
              color: #008CBA;
              float: right;
              }
i:hover       {
              color: #f44336;
              }
.button       {
              background-color: #4CAF50; 
			  border-radius: 5px;
              border: none;
              color: white;
              padding: 0.5rem 0.5rem;
              text-align: center;
              text-decoration: none;
              display: inline-block;
              font-size: 1.25rem;    
              margin: 0.2rem 0rem;
              -webkit-transition-duration: 0.2s; 
              transition-duration: 0.2s;
              cursor: pointer;
              }
.buttong      {
              background-color: #4CAF50;
              border: 2px solid #4CAF50;
              color: #ffffff;
              }
.buttong:hover{
              background-color: #ffffff;
              color: #000000;
              border: 2px solid #4CAF50;
              }
.buttonb      {
              background-color: #008CBA;
              border: 2px solid #008CBA;
              color: #ffffff;
              }
.buttonb:hover{
              background-color: #ffffff;
              color: #000000;
              border: 2px solid #008CBA;
              }
.buttonr      {
              background-color: #f44336;
              border: 2px solid #f44336;
              color: #ffffff;
              }
.buttonr:hover{
              background-color: #ffffff;
              color: #000000;
              border: 2px solid #f44336;
              }
.buttony      {
              background-color: #888888;
              border: 2px solid #888888;
              color: #ffffff;
              }
.buttony:hover{
              background-color: #ffffff;
              color: #000000;
              border: 2px solid #888888;
              }			  
.buttons      {
              background-color: #555555;
              border: 2px solid #555555;
              color: #ffffff;
              }
.buttons:hover{
              background-color: #ffffff;
              color: #000000;
              border: 2px solid #555555;
              }
#topbutton    {
              display: none;   
			  position: fixed;
			  bottom: 5px;
			  right: 20px;
		      z-index: 99;
		      border: none;
		      outline: none;
			  width: 4.5rem;			  
		      background-color: transparent;  
			  cursor: pointer;
		      }			  
a             {
	          text-decoration: none;
	          font-family: Arial;
	          color: #333333;
              font-size: 1.0rem;
              }
a:hover       {
	          text-decoration: none;
	          color: #ff0000;
              }
img           {
              max-width: 99%; height:auto;
              }
.pic99g       {
              width: 99%;
              height: auto; 
              border-color: #D3D3D3;  
              border-width: 0.1rem;
              border-style:solid;
              }
.pic99m       {
              max-width: 99%;
              height: auto;
              border-color: #D3D3D3;  
              border-width: 0.1rem;
              border-style:solid;
              }
.pic60        {
              width: 60%;
              height: auto;
              }
.pic99        {
              width: 99%;
              height: auto;
              }
.strich       {
              border-bottom: 0.15rem solid #829ce3;
              }
.abstand      {
              margin-top: 1.0rem;
              }              
.table        {
              display: table; border-spacing: 0.4rem 1.0rem; 
	       	  }
.tr           {
              display: table-row; 
		      }
.td           {
              display: table-cell;  
		      }	
.resize	  	  {	  
              display: block;
			  margin: auto;
			  max-height: 800px;
              }