img {
  max-width: 100%;
  display: block;
}

html
{
    font-size: 100%;
}

body
{   
    background-color: #f2f2f2;
    
    color:#000000;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 160%;
}

H1
{
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #1F62B3
}

H2
{
    font-size: 1.1rem;
    /*text-transform: uppercase;*/
    color: #1F62B3
}

H3
{
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #000000;
  ;
        
}


ul
{
     font-size: 0.95rem;
}

li
{
    margin-top: 10px;
}
 
 
.Container
{
    background-color: #FFFFFF;
    
    max-width: 960px;

    
    min-width: 350px; 
    margin:0 auto;
    

    
   
    border-radius: 3px;
   
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    
}


.BannerImage
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    
    padding-top: 20px;
}



.flex-container {
  padding: 0;
  margin: 0;

  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  
   -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

       


.flexBox 
{
  /*background: lightgray;*/
  padding: 5px;
  width: 280px;
 
  margin: 10px;
  
  font-size: 1.0em;
  text-align: center;
}



.flex3
{
     width: 290px;
     min-width: 280px;
   
}

.flex2
{
     width: 450px;
     min-width: 300px;
    /* background: yellowgreen; */
   
}

.flex1
{
     width: 100%;
     min-width: 300px;   
    /* background: yellow;*/
}

.textausrichtung_links
{
    text-align: left;
}

.textausrichtung_mitte
{
    text-align: center;
}

.textausrichtung_rechts
{
    text-align: right;
}

.footer
{
   border-top: 1px solid gray;
 
  /*  background-color: pink;*/
}

.rowBreak
{
    min-width: 100%;
   
    height: 10px
}

.MainColor
{
    color: #1905a7;
}

@media (min-width: 701px)
{
    .textbox
    {

      width: 400px;  
      max-width: 600px;  
      padding: 6px 6px;  
      margin: 4px 0;  
      box-sizing: border-box;  
      border: 1px solid #555; 
      font-size: 16px; 
      letter-spacing: 2px;  
     

    }
}

@media (max-width: 700px)
{
    .textbox
    {


      max-width: 200px;  
      padding: 6px 6px;  
      margin: 4px 0;  
      box-sizing: border-box;  
      border: 1px solid #555; 
      font-size: 16px; 
      letter-spacing: 2px;  
      background-color: white;

    }
}


.textboxError
{
   background-color: pink; 
}




a
 {
  outline: none;
  text-decoration: underline;
  padding: 2px 1px 0;
}

a:link 
{
  color: #265301;
}

a:visited 
{
  color: #437A16;
}

a:focus 
{
  border-bottom: 1px solid;
  background: #BAE498;
  text-decoration: underline;
}

a:hover 
{
  /* border-bottom: 1px solid;     
  background: #CDFEAA; */
  text-decoration: underline;
}

a:active 
{
  background: #265301;
  color: #CDFEAA;
}




.agendaTd
{
  border: 1px solid black;
  padding:8px;
  vertical-align: top;
  font-size:14px;

}

.agendaTable 
{
  width: 100%;
  border-collapse: collapse;
  
  border: 1px solid black;
  padding:8px;
  vertical-align: top;
  font-size:14px;
  
 
}

/* hellblau */
.agendaFarbe1
{
	color:#0070c0;
}

/* rot */
.agendaFarbe2
{
	color:#ff0000
}

/* lila */
.agendaFarbe3
{
	color: #1905a7;
}

/* white */
.agendaFarbe4
{
	color: #ffffff;
}

/* lila */
.rowBackColor1
{
	background-color: #1905a7;
}

.agendaHeader1
{
	font-size: 20px; 
	font-weight: bold;
}

.agendaHeader2
{
	font-size: 18px; 
	font-weight: bold;
}

.spalte1
{
	font-weight: bold;
	width: 80px;
}