	<STYLE>
	<!--
		P { color: #000066; font-family: "Arial", "Helvetica", sans-serif; font-size: 12pt; font-style: normal; font-weight: normal }
		DIV { color: #000066; font-family: "Arial", "Helvetica", sans-serif; font-size: 9pt; font-style: normal; font-weight: normal }
		H1 { color: #000000; font-family: "Arial", "Helvetica", sans-serif; font-size: 14pt; font-style: normal }
		H4 { color: #000066; font-family: "Arial", "Helvetica", sans-serif; font-size: 9pt; font-style: normal; margin-top: 0.1em; margin-bottom: 0.1em; vertical-align: top }
		A:link { color: #000066; font-family: "Arial", "Helvetica", sans-serif; font-size: 9pt; font-style: normal; font-weight: normal }
		A:visited { color: #000066 }
    A:active {text-decoration: underline; color: black;}
    A:hover {text-decoration: underline;}     
 
    hr.style { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }
    
		FH { color: #000066; font-family: "Arial", "Helvetica", sans-serif; font-size: 13pt; font-style: normal; font-weight: normal }

		A.bg:link { color: #FFFFFF; font-size: 16pt; font-style: italic;}
		A.bg:visited { color: #FFFFFF}
    A.bg:active {text-decoration: underline; font-weight: bold}
    A.bg:hover {text-decoration: underline; font-weight: bold}     
   
    
.table2 {
  display: flex;
  width: 98%;
  flex-wrap: wrap;
  border: 1px solid white;    
  border-spacing: 1px;
  padding: 4px; 
  border-collapse: collapse;
  background: #E0FFFF;
   }

.spalte {
  flex: 1;
  display: flex;
  flex-direction: column;
 
}

.zelle {
  flex: 1;
  border: 1px solid white;    
  border-spacing: 1px;
  padding: 4px; 
  border-collapse: collapse;
  text-align: left;
}

.zelle.rowspan {
  flex: 2;  
  text-align: center;
  vertical-align: top
}
    
    
    
input[type=submit] {
  background-color: #DCDCDC;
  margin:0 auto;
  text-align: center;
  border: 1px solid black;
  border-radius: 3px;
  cursor: pointer;
  color: #000;
  font-size:10px;
  font-weight: normal;
  line-height: 1.4;
  padding: 4px 6px;
   box-shadow: 1px 1px 6px 4px #B0C4DE
}

*[type="submit"]:hover
{
  background-color: #DCDCDC;
  margin:0 auto;
  text-align: center;
  border: 1px solid black;
  border-radius: 5px;
  cursor: pointer;
  color: #000;
  font-size:10px;
  font-weight: bold;
  line-height: 1.4;
  padding: 4px 6px;
  box-shadow: 1px 1px 8px 4px #fff;
}
     

    
#box {margin: 1px 0 0 1px;}

#box a {color: #000066; font-family: "Arial", "Helvetica", sans-serif; font-size: 9pt; font-style: normal; font-weight: normal;}

#box a:hover {
color:black;
text-decoration: underline;
pointer-events: auto;
font-weight: bold;
background:#FFFFCC;}

#box a span {display:none;}

#box a:hover span {
  position: fixed;
  background: transparent;
  opacity: 0.9;
  filter: alpha(opacity=90);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
z-index:10;
display:block;
font-size:90%;

width:500px;
color:black;
background:#ffffff;
font:normal 11px Arial, sans-serif;
border:1px solid black;
padding:5px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;


}


     
     
#tabcontainer {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
}

.tabl {
    width: 34%;
    margin: 0px;
    text-align: left;
}

.tbr {
    width: 66%;
    margin: 0px;
    text-align: left;
    }

#tbl {
    color: #000066;
     font-family: "Arial", "Helvetica", sans-serif;
     font-size: 9pt;
     font-style: normal;
     font-weight: normal;
}

#tabr {
    color: #000066;
     font-family: "Arial", "Helvetica", sans-serif;
     font-size: 9pt;
     font-style: normal;
     font-weight: normal;
}


#tabcontainer2 {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
}

.tabl2 {
    width: 34%;
    margin: 1px;
    text-align: left;
}

.tbr2 {
    width:64%;
    margin: 450px;
    text-align: left;
    }

#tbl2 {
    color: #000066;
     font-family: "Arial", "Helvetica", sans-serif;
     font-size: 9pt;
     font-style: normal;
     font-weight: normal;
}

#tabr2 {
    color: #000066;
     font-family: "Arial", "Helvetica", sans-serif;
     font-size: 9pt;
     font-style: normal;
     font-weight: normal;
}


table, th, td {
  border: 1px solid white;    
  border-spacing: 1px;
  padding: 4px; 
  border-collapse: collapse;
  table-layout: auto;
}

.fixed {
  table-layout: fixed;
}
  

th,
td {
font-style: normal;
} 
  
.w1 {
  width: 34%;
}     
     
.w2 {
  width: 66%;
}     

.table:nth-child(even) tr.a{
  background-color:#ff0000;
}  
 
    
    
    
 .modalWindow {
position: fixed;
font-family: Arial;
font-size:60%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.2);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalHeader h2 { color: #189CDA; border-bottom: 2px groove #efefef; }
.modalWindow:target {
opacity:1;
pointer-events: auto;
}
.modalWindow > div {
width: 950px;
position: relative;
margin: 8% auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff;
}
.modalWindow .modalHeader { padding: 5px 20px 0px 20px; }
.modalWindow .modalContent { padding: 0px 20px 5px 20px; }
.modalWindow .modalFooter { padding: 8px 20px 8px 20px; }
.modalFooter {
background: #F1F1F1;
border-top: 1px solid #999;
-moz-box-shadow: inset 0px 13px 12px -14px #888;
-webkit-box-shadow: inset 0px 13px 12px -14px #888;
box-shadow: inset 0px 13px 12px -14px #888;
}
.modalFooter p {
color:#D4482D;
text-align:right;
margin:0;
padding: 5px;
}
.ok, .close, .cancel {
background: #606061;
color: #FFFFFF;
line-height: 25px;
text-align: center;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close {
position: absolute;
right: 5px;
top: 5px;
width: 22px;
height: 22px;
font-size: 10px;
 
}
.ok, .cancel {
width:80px;
float:right;
margin-left:20px;
}
.ok:hover { background: #189CDA; }
.close:hover, .cancel:hover { background: #D4482D; }
.clear { float:none; clear: both; }
	-->  
</style>