.hr_1 {
 !border-color: red;
 !background-color: blue;
 !color: #000000;
 border: 0.1px dotted  sienna;
 !width: 80%;
 //left: 1px;
 //align: left;
 }



textarea {
  field-sizing: content;
  width: 500px;
  min-height: 50px;
}




input[type="file"] {
	display: block;
	margin: 2em;
	padding: 2em;
	border: thin dotted;
	background: rgb(255,250,205);
}






#drop_file_zone {
    background-color: #EEE;
    border: #999 2px dotted;
    width: 290px;
    height: 130px;
    padding: 8px;
    font-size: 13px;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}

#drag_upload_file #selectfile {
  display: none;
}


.position::before {

        display: block;

        content: "";

        height:120px;

        margin-top: -220px;

        visibility: hidden;

    }

#wv_u {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0.5em;
 padding-right : 0.5em;
 !background-color:rgb(153,204,102);
 !color: = #ffff;
 !color: #ffffff; 
 !width: 100%;
}


#zelle_s {
 !width:100%;
  !visibility: hidden;
}


#auswertung_balken {   

 !position: relative;

 !position: fixed;
 !position: absolute;
 top: 110px;
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0em;
 padding-right : 0em;
 !background-color:rgb(153,204,102);
 !color: #ffffff; 
}



#auswertung {   
 float  :left;
 border :1px solid rgb(107,142,35);
 !padding-left : 0em;
 !padding-right : 0em;
 !background-color:rgb(153,204,102);
 !color: #ffffff; 
}




#kiste {   
 float  :left;
 !border :1px solid rgb(107,142,35);
 !padding-left : 0em;
 !padding-right : 0em;
 !background-color:rgb(153,204,102);
 !color: #ffffff; 
}





#box_text_30_kontakt {
  text-align: left;
  border: 1px solid rgb(0,128,128);         
  margin: 2em;
  padding: 2em;  
  width: 30%;
  !height: 150px;
  !top: 50%;
  !left: 20%;
  margin-left:auto;
  margin-right:auto;
  color: rgb(56,56,56); 
  background-image: url(../grafiken/rehavital_logo_transparent.png);
  background-size: cover;
  background-attachment: scroll;
  background-position: center center;

  } 




table.druck  {
  !-font-size: 1em;
  border-collapse: separate;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  !color:blue;
}



#bc_klick {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0.5em;
 padding-right : 0.5em;
 background-color:gold;
 color: = #ffff;
 color: #ffffff;
}



#bc_ja {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0.5em;
 padding-right : 0.5em;
 background-color:rgb(153,204,102);
 color: = #ffff;
 color: #ffffff;
}




#box_A {   
 float  :left;
 border :0px solid rgb(107,142,35);
 padding-left : 0.5em;
 padding-right : 0em;
 !background-color: rgb(245,245,220);
 !!-font-size: 1em;
}




#bc_nein_2 {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0.5em;
 padding-right : 0.5em;
 !background-color: rgb(245,245,220);
 !!-font-size: 1em;
}


#button_orange {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0.5em;
 padding-right : 0.5em;
 background-color: seashell;
 !padding:       0.15em;
 padding-left:  0.4em;
 padding-right: 0.4em;
 box-shadow: 0.15em 0.15em rgb(128,128,128);
 border-bottom-left-radius: 0.2em;
 border-bottom-right-radius: 0.2em;
 border-top-left-radius: 0.2em;
 border-top-right-radius: 0.2em;
}




#bc_nein {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0.5em;
 padding-right : 0.5em;
 background-color: seashell;
 !!-font-size: 1em;
}




#bc_grau_2 {

 float  :left;
 border :1px solid silver;
 padding-left : 0em;
 padding-right : 0em;
 background-color: rgb(246,246,246);
 !!-font-size: 1em;
}



#bc_neutral {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0em;
 padding-right : 0em;
 background-color: seashell;
 !!-font-size: 1em;
}



#bc_grau {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0.5em;
 padding-right : 0.5em;
 background-color: rgb(221,221,221);
 !!-font-size: 1em;
}



#bc_ohne {
 float  :left;
 !border :1px solid rgb(107,142,35);
 padding-left : 0.5em;
 padding-right : 0.5em;
 !background-color: rgb(221,221,221);
 !!-font-size: 1em;
}








#bm_10 {   
 float  :left;
 border :1px solid rgb(255,235,205);
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(255,235,205);
 !!-font-size: 1em;
}



#bm_abmelden {   
 position  :absolute;
 right: 35px;
 !border :1px solid red;
 color : red;
 padding-left : 0.5em;
 padding-right : 0.5em;
 background-color: rgb(255,235,205);
 !!-font-size: 1em;
}


#bm_11 {
 float  :left;
 border :1px solid rgb(210,105,30);
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(255,235,205);
 !!-font-size: 1em;
}




#bm_admin {   
 float  :left;
 border :1px solid red;
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(245,245,220);
 color: red;
}




#bm_20 {   
 float  :left;
 border :1px solid rgb(245,245,220);
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(245,245,220);
 !!-font-size: 1em;
}


#admin_21 {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0em;
 padding-right : 0em;
 background-color: rgb(245,245,220);
 !!-font-size: 1em;
}


#admin_abstand {
 float  :left;
 border :0px solid rgb(107,142,35);
 padding-left : 3em;
 padding-right : 0em;
 !background-color: rgb(245,245,220);
 !!-font-size: 1em;
}


#admin_22 {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 0em;
 padding-right : 0em;
 background-color: rgb(204,255,255);
 !!-font-size: 1em;
}


#admin_23 {
 float  :left;
 border :1px solid rgb(107,142,35);
 margin-left : 1em;
 padding-right : 0em;
 background-color: red;
 !!-font-size: 1em;
}


#admin_22_2 {
 float  :left;
 border :1px solid rgb(107,142,35);
 margin-left : 3em;
 padding-right : 0em;
 background-color: rgb(204,255,255);
 !!-font-size: 1em;
}



#bm_21  {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(245,245,220);
 !!-font-size: 1em;
}



#bm_30 {   
 text-align: center; 
 float  :left;
 border :1px solid silver;
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(245,245,220);
 !!-font-size: 1em;
}




#bm_31_1 {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: snow;
 !!-font-size: 1em;
}



#bm_31_2 {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: lightgoldenrodyellow;
 !!-font-size: 1em;
}



#bm_31_3 {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(255,228,181);
 !!-font-size: 1em;
}



#bm_31 {
 float  :left;
 border :1px solid rgb(107,142,35);
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(245,245,220);
 !!-font-size: 1em;
}




#bm_40 {   
 text-align: center; 
 float  :left;
 border :1px solid silver;
 padding-left : 1.5em;
 padding-right : 1.5em;
 background-color: rgb(245,245,220);
 !!-font-size: 1em;
}



#bm_50 {
 text-align: center; 
 float  :left;
 border :1px solid silver;
 padding-left : 1.5em;
 padding-right : 1.5em;
 !background-color: rgb(245,245,220);
 !!-font-size: 1em;
}



#bm_x {
 text-align: center; 
 float  :left;
 !border :1px solid silver;
 !padding-left : 1.5em;
 !padding-right : 1.5em;
 !background-color: rgb(245,245,220);
 !!-font-size: 1em;
}




#bm_x_li {
 text-align: left; 
 float  :left;
 !border :1px solid silver;
 !padding-left : 1.5em;
 !padding-right : 1.5em;
 !background-color: rgb(245,245,220);
 !!-font-size: 1em;
}




#bm_fix {   
 text-align: left; 
 float  :left;
 !border :1px solid silver;
 !padding-left : 1.5em;
 !padding-right : 1.5em;
 background-color: solid rgb(255,255,204);
 !!-font-size: 1em;
}




#bm_abstand {   
 text-align: center; 
 float  :left;
 !border :1px solid silver;
 !padding-left : 1.5em;
 !padding-right : 1.5em;
 !background-color: rgb(245,245,220);
 !!-font-size: 1em;
}


#bm_abstand_h {   
 clear: left;
 font-size: 0.3em;
}



td a {
  display:block;
  width:100%;
}

#fehler{
 float  :left;
 border :2px solid red;
 !width  :70%;
 padding:0.5em;
 background-color: rgb(255,235,205);
 !-font-size: 1em;
}



#fehler_hilfe {   
 float  :left;
 border :2px solid red;
 !width  :70%;
 padding:0.5em;
 background-color: rgb(255,235,205);
 !-font-size: 1em;
}



#notiz_admin{   
 position: fixed;
 bottom: 510px;
 right: 80px;
 border :2px solid red;
 !width  :70%;
 padding:0.5em;
 background-color: rgb(255,235,205);
 !-font-size: 1em;
}



.tr_color_a       {background-color: rgb(255,235,205);}
.tr_color_head    {background-color: rgb(245,245,220);}
.tr_color_head_2  {background-color: rgb(255,235,205); }
.tr_color_abw     {background-color: rgb(251,251,251);}
.tr_color_mark    {background-color: rgb(245,245,220);}
.tr_color_weiss   {background-color: rgb(255,255,255);}

.sprung {visibility: hidden; height: 0px !important; position: absolute; margin: -200px;}

#rahmen{   
 float  :left;
 border :1px dotted #999;
 !width  :70%;
 padding:0.5em;
 background-color:rgb(245,245,220);
  !-font-size: 1em;
}


#rahmen_hell{   
 float  :left;
 border :1px dotted #999;
 !width  :70%;
 padding:0.0em;
 !background-color:rgb(245,245,220);
  !-font-size: 1em;

}


#rahmen_hell_abst_florawhite{
 float  :left;
 border :1px dotted #999;
 !width  :70%;
 padding:0.8em;
 background-color:  rgb(255,250,240);
  !-font-size: 1em;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}


#rahmen_hell_abst{
 float  :left;
 border :1px dotted #999;
 !width  :70%;
 padding:0.8em;
 background-color:  rgb(245,245,220);
  !-font-size: 1em;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;

}



#rahmen_gross{   
 !position: fixed;
 left: 10px;
 top: 80px;
 !float  :left;
 border :1px dotted #999;
 !width  :70%;
 padding:0.8em;
 !background-color:rgb(245,245,220);
  !-font-size: 1em;
}




#rahmen_hell_abst_rand {   
 float  :left;
 border :1px solid silver;  
 !width  :70%;
 padding:0.8em;
 !background-color:rgb(245,245,220);
  !-font-size: 1em;
}


#rahmen_hell_abst_ohne{
 float  :left;
 !border :1px dotted #999;
 !width  :70%;
 padding:0.8em;
 !background-color:rgb(245,245,220);
  !-font-size: 1em;
}


#rahmen_mark{   
 float  :left;
 border :1px dotted #999;
 !width  :70%;
 padding:0.0em;
 background-color: rgb(245,245,220);
 !-font-size: 1em;
}



#klicker {
display: block;
!padding: 20px 20px;
}



#abc_liste_rahmen {
 float  :left;
 border :1px solid silver;

 padding:0.3em;
 !background-color: rgb(245,245,220);
 !font-size: 1em;
}




#abc_ausw_rahmen {   
 float  :left;
 border :1px solid silver;
 !width  :70%;
 padding:0.3em;
 !background-color: rgb(245,245,220);
 !-font-size: 1em;
}

                                        
                                        .linked-box {
                                        	!max-width: 30em;
                                        	!padding: 1em;
                                        	position: relative;
                                            !background-color: rgb(245,222,220);
                                        }
                                        
                                        .linked-box a {
                                        	!color: hsl(20, 80%, 40%);
                                        }
                                        
                                        .linked-box a:focus,
                                        .linked-box a:hover {
                                        	!color: inherit;
                                        	background-color: rgb(245,245,220);
                                        }
                                        
                                        .1linked-box a::before,
                                        .1linked-box a::after {
                                        	content: '';
                                        	position: absolute;
                                        	top: 0;
                                        	right: 0;
                                        	bottom: 0;
                                        	left: 0;
                                        }
                                        
                                        .1linked-box a::before {
                                        	!border: thin solid;
                                        	!background: inherit;
                                        	!z-index: -1;
                                        }
                                        
                                        .1linked-box :last-child {
                                        	!margin-bottom: 0;
                                        }
                                        
                                        





#abc_liste_zeile_z {
 float  :left;
 border :1px dotted #999;
 width  :91%;
 padding:0.3em;
 background-color: rgb(255,235,205);
 !-font-size: 1em;
 !display: block;
 cursor:pointer;
 z-index = 50;
} 
 
 
.klick { 
 display: block;
  !width: 100%;
  !height: 100%; 
  cursor: pointer; 
 
}

#abc_liste_zeile_1 {
 float  :left;
 border :1px dotted #999;
 width  :91%;
 padding:0.3em;
 !background-color: rgb(245,245,220);
 !-font-size: 1em;
 !display: block;
 cursor:pointer;
}


#abc_liste_zeile_2 {
 float  :left;
 border :1px dotted #999;
 width  :91%;
 padding: 0.3em;
 background-color: rgb(245,245,220);
 !-font-size: 1em;
 display: inline-block;
 !cursor:pointer;
}



#abc_liste_zeile_3 {
 float  :left;
 border :1px dotted #999;
 width  :91%;
 padding:0.3em;
 !background-color: rgb(245,245,220);
 !-font-size: 1em;
 !display: block;
 cursor:pointer;
}





#abc_liste_zeile_neu_1 {   
 float  :left;
 border :1px dotted #999;
 max-width  :60%;
 padding:0.3em;
 !background-color: rgb(245,245,220);
 !-font-size: 1em;
 !display: block;
 cursor:pointer;
} 
 

#abc_liste_zeile_neu_2 {
 float  :left;
 border :1px dotted #999;
 max-width  :60%;
 padding: 0.3em;
 background-color: rgb(245,245,220);
 !-font-size: 1em;
 display: inline-block;
 !cursor:pointer;
}



#abc_ausw {   
 float  :left;
 border :1px dotted #999;
 !width  :50%;
 padding:0.3em;
 !background-color: rgb(245,245,220);
 !-font-size: 1em;
 !display: block;
 
}


#abc_ausw_an {   
 float  :left;
 border :1px dotted #999;
 !width  :70%;
 padding:0.3em;
 background-color: rgb(245,245,220);
 !background-color: solid red;
 !-font-size: 1em;
 !display: block;
}







#rahmen_auswertung {   
 top: 110px;
 position: fixed;
 right: 10px;
 !float  :left;
 border :1px dotted #999;
 max-height  :80%;
 !height  :20%;
 padding:0.8em;
 !background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown; 
  width: 30%;
  
  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;
 
}




#rahmen_notiz_nfc {
 top: 30%;
 position: fixed;
 padding: 6%;
 left: 160px;
 !float  :left;
 border :2px solid red;
 !max-height  :80%;
 !height  :20%;
 !padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown; 
 !width: 30%;
  z-index: 5;
}






#rahmen_wv {
 top: 120px;
 position: fixed;
 left: 60px;
 !float  :left;
 border :2px solid rgb(50,205,50);
 !max-height  :80%;
 !height  :20%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown; 
 !width: 30%;

  z-index: 2;
 
}





#rahmen_lizenzdokument {
 top: 7%;
 position: fixed;
 right: 15px;

 !left: 15px;
 !float  :left;
 border :2px solid rgb(50,205,50);
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;

  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 9999;

  display: block;
  !width: 550px;
  !height: 90%;
  max-height: 90%;
  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;

}




#rahmen_lizenzbearb {
 top: 110px;
 position: fixed;
 left: 50px;
 !float  :left;
 border :2px solid chocolate;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;

  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;

  display: block;
  !width: 550px;
  !height: 80%;
  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;

}





#rahmen_lizenzbearb_verband {
 !top: 115px;
 position: absolute;
 left: 10%;
 !float  :left;
 border :2px solid chocolate;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;

  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;

  display: block;
  !width: 550px;
  !height: 80%;
  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;

}




#liz_bea {
 top: 110px;
 position: fixed;
 left: 50px;
 !float  :left;
 border :1px solid rgb(139,69,19);
 !max-height  :80%;
 !height  :20%;
 padding:0.8em;
 background-color: rgb(245,245,245);
 !-font-size: 1em;
 color: black;
 !width: 65%;
  z-index: 2;
}




#rahmen_notizerstellung {
 top: 110px;
 position: fixed;
 left: 50px;
 !float  :left;
 border :2px solid rgb(50,205,50);
 !max-height  :80%;
 !height  :20%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;
 !width: 65%;

  z-index: 2;

}




#fenster_auswertung {   
 top: 110px;
 position: fixed;
 left: 50px;
 !float  :left;
 border :1px dotted #999;
 max-height  :80%;
 !height  :20%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown; 
  !width: 65%;
  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;
}




#fenster_auswertung_2 {   
 top: 5px;
 position: fixed;
 right: 50px;
 !float  :left;
 border :2px dotted #999;
 max-height  :80%;
 !height  :20%;
 padding:0.8em;
 background-color: rgb(255,250,250);
 !-font-size: 1em;
 color: brown; 
  !width: 85%;
  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 10;
}



#rahmen_hilfe {   
 top: 110px;
 position: fixed;
 right: 10px;
 !float  :left;
 border :1px dotted #999;
 max-height  :80%;
 !height  :20%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown; 
  width: 30%;
  
  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;
 
}




#rahmen_notiz_fixiert {
 top: 110px;
 position: fixed;
 right: 10px;
 float  :left;
 border :1px dotted #999;
 !max-height  :15%;
 !height  :10%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;
 max-width: 45%;

  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;

  display: block;
  !width: 45%;
  !height: 200px;
}



#rahmen_ASP_temp {
 top: 20%;
 position: fixed;
 right: 0px;
 float  :left;
 border :1px dotted #999;
 max-height  :45%;
 !height  :10%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;
 min-width: 30%;

  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;

  display: block;
  width: 30%;
  !height: 200px;
}





#rahmen_notiz_ASP {
 !top: 110px;
 !position: fixed;
 !right: 0px;
 float  :left;
 border :1px dotted #999;
 !max-height  :15%;
 !height  :10%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;
 !min-width: 96%;

  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;

  display: block;
  width: auto;
  !height: 200px;
}




#rahmen_notiz {
 !top: 110px;
 !position: fixed;
 !right: 0px;
 float  :left;
 border :1px dotted #999;
 !max-height  :15%;
 !height  :10%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;
 min-width: 96%;

  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;

  display: block;
  width: 96%;
  !height: 200px;
}




#noti_anzeige {
 !top: 110px;
 !position: fixed;
 !right: 0px;
 float  :left;
 border :1px dotted #999;
 !max-height  :15%;
 !height  :10%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;
 !min-width: 96%;

  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  z-index: 2;

  display: block;
  !width: 96%;
  !height: 200px;
}


#noti_anzeige_baustelle {
 top: 110px;
 position: absolute;
 right: 0px;
 float  :left;
 border :1px dotted #999;
 !max-height  :15%;
 !height  :10%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown;
 width: 50%;
  z-index: 2;

  display: block;

  !height: 200px;
}




#rahmen_auswertung_2 {   
 bottom: 110px;
 position: fixed;
 right: 10px;
 !float  :left;
 border :1px dotted #999;
 !max-height  :60%;
 !height  :20%;
 padding:0.8em;
 background-color: rgb(248,248,248);
 !-font-size: 1em;
 color: brown; 
 !width: 30%;
  
  !scroll-behavior: auto;
  !scroll-behavior: smooth;
  !overflow-y: scroll;
  z-index: 2;
 
}




#rahmen_hilfe_2 {   
 position: relative;
 right: 0px;
 float  :right;
 border :1px dotted #999;
 !max-height  :80%;
 !height  :20%;
 padding:0.8em;
 background-color: rgb(253,253,253);
 !-font-size: 1em;
 color: brown; 
  !display: block; 
  scroll-behavior: smooth;
  scroll-behavior: auto;
  scroll-behavior: smooth;
  overflow-y: scroll;
  
  width: 95%;
  height: 300px;


  z-index: 2;
 
}



div.container {
  border: 1px solid #000000;
  overflow: auto;
  width: 100%;
}

div.left {
  border: 1px solid red;
  width: 30%; float: left;
}

div.right {
  border: 1px solid blue;
  width: 30%; float: left;
}

#ausblenden {
  border: 1px solid blue;
  width: 30%; float: left;
}




#speicherinfo {
  float  :left;
  bottom: 0px;
  right: 10px;
  position: fixed;
  margin-top: 1.8em;
  width:100%;
  text-align: center;

  word-wrap: normal;
  overflow: auto;
  !left: 102px;
  padding-left: 50px;
   !text-transform: uppercase;
  !padding: 2em;
  background-color: rgb(255,228,181);
  border :0px solid red;
  z-index: 10;
}


#deindiv {       float  :left;
  bottom: 20px;
  right: 10px;
  position: fixed;
  margin-top: 1.8em;
  !width:25%;
  !word-wrap: break-word;
  word-wrap: normal;
  overflow: auto;
  !left: 102px;
  padding-left: 50px;
   !text-transform: uppercase;
  !padding: 2em;
 background-color: rgb(255,255,255);
  border :1px solid red;
  z-index: 10;
}


scroll-container {
  display: block;
  width: 350px;
  height: 200px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

#rahmen_test_session {
  float  :left;
  top: 20px;
  right: 10px;
  position: fixed;
  margin-top: 1.8em; 
  !width:25%;
  !word-wrap: break-word;
  word-wrap: normal;
  overflow: auto;
  !left: 102px;
  padding-left: 50px;
   !text-transform: uppercase; 
  !padding: 2em;
 background-color: rgb(255,255,255);   
  border :1px solid red;
  z-index: 10;
  

scroll-behavior: auto;
scroll-behavior: smooth;


!scroll-behavior: inherit;
!scroll-behavior: initial;
!scroll-behavior: unset;

  display: block;
  width: 550px;
  height: 900px;
  overflow-y: scroll;
  scroll-behavior: smooth;

}






#rahmen_test_layout {       float  :left;
  top: 20px;
  right: 10px;
  position: fixed;
  margin-top: 1.8em; 
  !width:25%;
  !word-wrap: break-word;
  word-wrap: normal;  
  overflow: auto;
  !left: 102px;
  padding-left: 50px;  
   !text-transform: uppercase; 
  !padding: 2em;
 background-color: rgb(255,255,255);   
  border :1px solid red;
  z-index: 10;
}



#rahmen_test_layout_2 {
 text-align: center; 
 float  :left;
 border :1px solid silver;
 !padding-left : 1.5em;
 !padding-right : 1.5em;
 !background-color: rgb(245,245,220);
 !!-font-size: 1em;
}


.clearfix:after {
  content: "";
  display: table;
  clear: both;
}




#rahmen_job{   
 position: fixed;
 left: 50px;
 !top: 20px;
 !float  :left;
 border-top: 1px solid silver;  
 border-left: 1px solid silver;

 border-right: 5px solid silver;  
 border-bottom: 5px solid silver;
 !max-width  :25%;
 padding:1.8em;
 background-color: #fff;
 !!-font-size: 1em;
 !color: rgb(0,51,255); 
}



.hilfe_ {
  font-family: Verdana;
  font-weight: normal;   
  !-font-size: 1em;   
  color: rgb(0,51,255); 
 background-color: rgb(240,248,255);  
}




#menue_alt{
 float  :left;
 border :1px solid rgb(255,215,0);
 width  :98%;
 padding:0.5em;
 background-color: rgb(255,235,205);
 !!-font-size: 1em;
}




#test_menue{
 bottom:35px;
 position: fixed;
 right: 5px;
 float  :right;
 border :1px solid rgb(255,215,0);
 width  :%;
 padding:0.5em;
 background-color: rgb(240,255,255);
 !!-font-size: 1em;
 z-index: 10;
}





#test_menue_info{
 bottom:180px;
 position: fixed;
 right: 50px;
 float  :right;
 border :1px solid rgb(255,215,0);
 width  :%;
 padding:0.5em;
 background-color: red;
 color: white;
 !!-font-size: 1em;
 z-index: 10;
}



#abc_box{
 bottom:35px;
 position: fixed;
 right: 5px;
 float  :right;
 border :1px solid rgb(255,215,0);
 width  :%;
 padding:0.5em;
 background-color: rgb(240,255,255);
 !!-font-size: 1em;
 z-index: 10;
}



#menue{
 top:5px;
 position: fixed;
 float  :left;
 border :1px solid rgb(255,215,0);
 width  :97%;
 padding:0.5em;
 background-color: rgb(255,235,205);
 !!-font-size: 1em;
 z-index: 10;

}


#menue_2_alt{
 float  :left;
 border :1px solid rgb(230,230,250);
 width  :98%;
 padding:0.5em;
 background-color: rgb(245,245,220);
 !!-font-size: 1em;
 z-index: 10;
}


#menue_2{
 top:38px;
 position: fixed;
 float  :left;
 border :1px solid rgb(230,230,250);
 width  :97%;
 padding:0.5em;
 background-color: rgb(245,245,220);
 !!-font-size: 1em;
 z-index: 10;
}

#menue_3{
 float  :left;
 !border :1px solid rgb(230,230,250);
 !width  :70%;
 padding:0.5em;
 !background-color:rgb(245,245,220);
 !!-font-size: 1em;
}


#menue_3_rahmen {   
 float  :left;
 border :1px solid rgb(230,230,250);
 !width  :70%;
 padding:0.5em;
 background-color:rgb(245,245,220);
 !!-font-size: 1em;
}


#menue_rahmen {   
 float  :left;
 border :1px solid rgb(230,230,250);
 !width  :70%;
 !padding:0.5em;
 !background-color:rgb(245,245,220);
 !!-font-size: 1em;
}

#zeile_s  { background-color: ; border-bottom: 1px solid silver }


.textfeld_1 input[type="text"],
.textfeld_1 input[type="email"],
.textfeld_1 input[type="search"],
.textfeld_1 {
   font-size: 1.0em;
   border: 1px solid gainsboro;
   !border-top: 0px;
   !border-left: 0px;
   !border-right: 0px;
   !color: teal;
   font-family: inherit;
   !font-weight:300;
}

.textfeld_1f {
   font-size: 1.0em;
   border: 1px solid gainsboro;
   border: 1px solid red;
   font-family: inherit;
   !font-weight:300;
   !background-color: red ;
}



.textarea_1 input[type="text"],
.textarea_1 input[type="email"],
.textarea_1 input[type="search"],
.textarea_1 {
   font-size: 1.0em;
   font-family: inherit;
  field-sizing: content;
}



.textfeld_1_fehler input[type="text"],
.textfeld_1_fehler input[type="email"],
.textfeld_1_fehler input[type="search"],
.textfeld_1_fehler {
   !-font-size: 1.0em;
   border: 1px solid red;
   !border-top: 0px;
   !border-left: 0px;
   !border-right: 0px;
   !color: teal;
   font-family: inherit;
   !font-weight:300;
   background-color:rgb(245,245,220);
   !color: red;
}


.textfeld_area {
   font-size: 1.0em;
   border: 1px solid gainsboro;
   font-family: inherit;
}


#doCollapse {
   border-collapse: collapse;
}



.doCollapse {
   border-collapse: collapse;
}

x {
  font-family: Verdana;
  font-weight: normal;
  font-size: 0.7em;   
  color: rgb(0,51,255); background-color: rgb(255,255,204);  
}


.button_loeschen    { font-family: Arial, Helvetica, sans-serif; !-font-size: 1.1em; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color:#ffffff;   background-color:red }
.button_speichern   { font-family: Arial, Helvetica, sans-serif; !-font-size: 1.1em; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color:#ffffff;   background-color:rgb(153,204,102)  }
.button_reha        { font-family: Arial, Helvetica, sans-serif; !-font-size: 1.1em; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color:#ffffff;   background-color: chocolate;

  padding: 0.3em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;



}
.button_orange      { font-family: Arial, Helvetica, sans-serif; !-font-size: 1.1em; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color:#ffffff;   background-color:rgb(255,204,0)  }
.button_speichern_1 { font-family: Arial, Helvetica, sans-serif; !-font-size: 1.1em; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color:firebrick; background-color:rgb(245,245,220)


background-image:url(./grafiken/abspeichern.jpg);
background-position:0px 0px;
background-attachment:fixed;
scrollbar-face-color:#CCCCCC;
scrollbar-highlight-color:#CCCCCC;
scrollbar-3dlight-color:#CCCCCC;
scrollbar-darkshadow-color:#660000;
scrollbar-shadow-color:#CCCCCC;
scrollbar-arrow-color:#660000;
scrollbar-track-color:#003366;
!background-color: #FFFFCC;    	
padding: 50;
margin: 50;
overflow-y: scroll;
}






#abbruch_pc {
  position: absolute;
  top:2px;
  right:2px;  
  color: black;   
  margin: 0.8em; 
  background-color: rgb(230,230,230);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;  
  border-bottom: 2px solid black;
  margin-bottom: 1em;
  
  width: 10%;
  z-index:1;
  box-shadow: 18px 18px rgb(128,128,128);
  
  !padding-right: 2em;
  !padding-top: 2em;
  !padding-left: 2em;
  !padding-bottom: 2em; 
}




#menue_button {
  !position: relative;
  top:2px;
  left:2px;  
  color: black;   
  margin: 0.9em; 
  background-color: rgb(230,230,230);
  border-bottom-left-radius: 2em;
  border-bottom-right-radius: 2em;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;  
   
  border-top: 4px solid black;
  border-left: 4px solid black;
  border-right: 4px solid black;  
  border-bottom: 4px solid black;
  border-color: rgb(218,218,218);
  !margin-bottom: 1em;
  
  width: 80px;
  z-index:1;
  !box-shadow: 18px 18px rgb(128,128,128);
  
  !padding-right: 2em;
  !padding-top: 2em;
  !padding-left: 2em;
  !padding-bottom: 2em; 
  
  !float: left;
}


#menue_1 {
  float: left;  
  !position: relative;
  !top:2px;
  left:2px;  
  color: black;   
  margin: 0.8em; 
  background-color: rgb(230,230,230);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;  
  border-bottom: 2px solid black;
  margin-bottom: 1em;
  
  !width: 15%;
  z-index:1;
  box-shadow: 18px 18px rgb(128,128,128);
  
  !padding-right: 2em;
  !padding-top: 2em;
  !padding-left: 2em;
  !padding-bottom: 2em; 
  
  
  
}





#menue_button_ {
  
  float: right;
}





#menue_bezeichnung {
  float: left;
  position: relative;

  !align: left; 
  font-weight: normal;   
  !!-font-size: 2em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
  
  
  
  top: 0%;
  left: 10%;
  right: 15%;    
  color: black;   
  margin: 0.9em; 
  background-color: rgb(230,230,230);
  !border-bottom-left-radius: 1em;
  !border-bottom-right-radius: 1em;
  !border-top-left-radius: 1em;
  !border-top-right-radius: 1em;  
   
  !border-top: 2px solid black;
  !border-left: 2px solid black;
  !border-right: 2px solid black;  
  border-bottom: 2px solid black;
  !margin-bottom: 1em;
  
  width: 40%;
  z-index:1;
  !box-shadow: 18px 18px rgb(128,128,128);
  
  !padding-right: 2em;
  !padding-top: 2em;
  !padding-left: 2em;
  !padding-bottom: 2em; 
}



#inhalt_zentral {
  float: left;
  position: relative;
  !border: 2px solid black;
  font-weight: normal;   
  font-size: 0.8em;
  !font-size: <?php echo 1.0; ?>em;
  font-family: Verdana, Arial, Helvetica, sans-serif;    
  !top: 0%;
  !left: 0%;
  !right: 0%;    
  color: black;   
  margin-left: 0.9em; 
  width: 98%;
  z-index:2;
}



#kontencheck {
  !float: left;
  position: absolute;
  !border: 2px solid black;
  !align: left;
  font-weight: normal;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0%;
  !right: 3%;
  right: 5%;
  color: black;
  margin: 0em;
  width: 98%;
  height: 500px;
  z-index:2;
}




#inhalt {
  float: left;
  position: relative;
  !border: 2px solid black;
  !align: left;
  font-weight: normal;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  top: 0%;
  left: 3%;
  right: 15%;
  color: black;
  margin: 0.9em;
  width: 98%;
  z-index:2;
}




#menue_pc {
  position: absolute;
  top:2px;
  left:2px;  
  color: black;   
  margin: 0.8em; 
  background-color: rgb(230,230,230);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;  
  border-bottom: 2px solid black;
  margin-bottom: 1em;
  
  width: 10%;
  z-index:1;
  box-shadow: 18px 18px rgb(128,128,128);
  
  !padding-right: 2em;
  !padding-top: 2em;
  !padding-left: 2em;
  !padding-bottom: 2em; 
}










a.tl_gelb {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_gelb:visited {
  background-color: rgb(255,255,0); color: black; text-decoration:none;   
}

a.tl_gelb:link {
  background-color: rgb(255,255,0); color: black; text-decoration:none;   
}

a.tl_gelb:hover {
  background-color: rgb(255,255,0);  color: black; text-decoration:none;   
}

a.tl_gelb:active {
  color: black; background-color: rgb(255,255,0);   
}




.n_maske { 
  font: 1em Verdana, Verdana, Geneva, sans-serif;
  color: black;
  background-color: #ffffff; 
  !min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  }

.n_maske_vorgabe { 
  font: 1em Verdana, Verdana, Geneva, sans-serif;
  color: grey;
  background-color: #ffffff; 
  !min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  }

.n_maske2 { 
  font: 1em Verdana, Verdana, Geneva, sans-serif;
  color: black;
  background-color: rgb(255,255,102); 
  !min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  }

.n_maske_r { 
  font: 1em Verdana, Verdana, Geneva, sans-serif;
  color: red;
  background-color: #ffffff; 
  !min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  }

.n_maske_hg { 
  font: 1em Verdana, Verdana, Geneva, sans-serif;
  color: black;
  background-color: #D0D0D0; 
  !min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  }





a.tl_neutral_2 {
  text-decoration:none;
}

a.tl_neutral_2:visited {
  text-decoration:none;
}

a.tl_neutral_2:link {
  text-decoration:none;
}

a.tl_neutral_2:hover {
  text-decoration:none;
}

a.tl_neutral_2:active {
  text-decoration:none;
}





a.tl_rot {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.tl_rot:visited {
  background-color: rgb(223,223,223); color: red; text-decoration:none;
}

a.tl_rot:link {
  background-color: rgb(223,223,223); color: red; text-decoration:none;
}

a.tl_rot:hover {
  background-color: red;  color: #ffffff; text-decoration:none;
}

a.tl_rot:active {
  color: #ffffff; background-color: rgb(255,0,0);
}


a.tl_gruen_klick {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #ffffff;   
}

a.tl_gruen_klick:visited {
  background-color: rgb(0,204,0); color: #ffffff;
  text-decoration:none;   
}

a.tl_gruen_klick:link {
  background-color: rgb(0,204,0); color: #ffffff;  text-decoration:none;
}

a.tl_gruen_klick:hover {
  background-color: rgb(0,100,100);  color: #ffffff; text-decoration:none;
}

a.tl_gruen_klick:active {
  color: #ffffff; background-color: rgb(0,100,100);
}




a.tl_hgrau {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: rgb(128,128,128);       
}

a.tl_hgrau:visited {
  background-color: rgb(221,221,221);   color: rgb(128,128,128);
  text-decoration:none;   
}

a.tl_hgrau:link {
  background-color: rgb(221,221,221);   color: rgb(128,128,128); text-decoration:none;   
}

a.tl_hgrau:hover {
  background-color: rgb(221,221,221);    color: rgb(128,128,128);text-decoration:none;   
}

a.tl_hgrau:active {
    color: rgb(128,128,128); background-color: rgb(221,221,221);
}



a.tl_gruen2 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
}

a.tl_gruen2:visited {
  background-color:rgb(153,204,102); color: ;
  text-decoration:none;
}

a.tl_gruen2:link {
  background-color:rgb(153,204,102); color: #ffffff;  text-decoration:none;
}

a.tl_gruen2:hover {
  background-color:rgb(153,204,102);  color: #ffffff; text-decoration:none;
}

a.tl_gruen2:active {
  color: #ffffff; background-color:rgb(153,204,102);
}




a.tl_gruen {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #ffffff;
}

a.tl_gruen:visited {
  background-color:rgb(153,204,102); color: #ffffff;
  text-decoration:none;
}

a.tl_gruen:link {
  background-color:rgb(153,204,102); color: #ffffff;  text-decoration:none;
}

a.tl_gruen:hover {
  background-color:rgb(153,204,102);  color: #ffffff; text-decoration:none;
}

a.tl_gruen:active {
  color: #ffffff; background-color:rgb(153,204,102);
}




a.tl_klick_rot {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: white;
  text-decoration:none;
}

a.tl_klick_rot:visited {
  background-color: red; color: white; text-decoration:none;
}

a.tl_klick_rot:link {
  background-color: red; color: white; text-decoration:none;
}

a.tl_klick_rot:hover {
  background-color: rgb(244,164,96);  color: black; text-decoration:none;
}

a.tl_klick_rot:active {
  background-color: red; color: white; text-decoration:none;
}




a.tl_klick_grau {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  text-decoration:none;
}

a.tl_klick_grau:visited {
  background-color: silver; color: black; text-decoration:none;
}

a.tl_klick_grau:link {
  background-color: silver; color: black; text-decoration:none;
}

a.tl_klick_grau:hover {
  background-color: silver;  color: white; text-decoration:none;
}

a.tl_klick_grau:active {
  background-color: silver; color: black; text-decoration:none;
}





a.tl_klick_rot_2 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: white;
  text-decoration:none;
}

a.tl_klick_rot_2:visited {
  background-color: red; color: white; text-decoration:none;
}

a.tl_klick_rot_2:link {
  background-color: red; color: white; text-decoration:none;
}

a.tl_klick_rot_2:hover {
  background-color: red;  color: black; text-decoration:none;
}

a.tl_klick_rot_2:active {
  background-color: red; color: white; text-decoration:none;
}




a.tl_klick_grau {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  color: grey;
}


a.tl_klick {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
}

a.tl_klick:visited {
  background-color:; color: black;
  text-decoration:none;
}

a.tl_klick:link {
  background-color:; color: black;  text-decoration:none;
}

a.tl_klick:hover {
  background-color:;  color: grey; text-decoration:none;
}

a.tl_klick:active {
  color: black; background-color:;
}




a.tl_gelb {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_gelb:visited {
  background-color: rgb(255,255,204); color: rgb(0,0,0); text-decoration:none;   
}

a.tl_gelb:link {
  background-color: rgb(255,255,204); color: rgb(0,0,0); text-decoration:none;   
}

a.tl_gelb:hover {
  background-color: rgb(255,255,204);  color: rgb(0,0,0); text-decoration:none;   
}

a.tl_gelb:active {
  background-color: rgb(255,255,204);  color: rgb(0,0,0); 
}






       
a.tl_hg {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
    color: #ffffff;
}

a.tl_hg:visited {
  background-color: rgb(204,102,0); color: #ffffff; text-decoration:none;   
}

a.tl_hg:link {
  background-color: rgb(204,102,0); color: #ffffff; text-decoration:none;   
}

a.tl_hg:hover {
  background-color: rgb(204,102,0);  color: #ffffff; text-decoration:none;   
}

a.tl_hg:active {
  color: black; background-color: rgb(204,102,0);  
}




       
a.tl_orange {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
    color: #ffffff;
}

a.tl_orange:visited {
  background-color: rgb(222,184,135); color: rgb(139,0,0); text-decoration:none;
}

a.tl_orange:link {
  background-color: rgb(204,102,0); color: rgb(139,0,0); text-decoration:none;
}

a.tl_orange:hover {
  background-color: rgb(204,102,0);  color: rgb(139,0,0); text-decoration:none;
}

a.tl_orange:active {
  color: black; background-color: rgb(204,102,0);
}










a.tl_grau {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_grau:visited {
  background-color: rgb(128,128,128); color: #ffffff; text-decoration:none;   
}

a.tl_grau:link {
  background-color: rgb(128,128,128); color: #ffffff; text-decoration:none;   
}

a.tl_grau:hover {
  background-color: rgb(128,128,128);  color: #ffffff; text-decoration:none;   
}

a.tl_grau:active {
  color: #ffffff; background-color: rgb(128,128,128);
}






a.tl_gruen_s {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_grau:visited {
  background-color: rgb(128,128,128); color: #ffffff; text-decoration:none;   
}

a.tl_grau:link {
  background-color: rgb(128,128,128); color: #ffffff; text-decoration:none;   
}

a.tl_grau:hover {
  background-color: rgb(128,128,128);  color: #ffffff; text-decoration:none;   
}

a.tl_grau:active {
  color: #ffffff; background-color: rgb(128,128,128);
}





a.tl_neutral {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_neutral:visited {
  background-color: #F5F6F6; color: rgb(0,0,0); text-decoration:none;   
}

a.tl_neutral:link {
  background-color: #F5F6F6; color: rgb(0,0,0); text-decoration:none;   
}

a.tl_neutral:hover {
  background-color: #F5F6F6;  color: rgb(0,0,0); text-decoration:none;   
}

a.tl_neutral:active {
  background-color: #F5F6F6;  color: rgb(0,0,0); 
}





a.tl_hell {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_hell:visited {
  color: black; background-color: whitesmoke; text-decoration:none;   
}

a.tl_hell:link {
  color: black; background-color: whitesmoke;   
}

a.tl_hell:hover {
  color: black; background-color: rgb(0,204,0); color: #ffffff; text-decoration:none;   
}

a.tl_hell:active {
  color: black; background-color: whitesmoke;  
}






a.kal_vormonat_tag {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.kal_vormonat_tag:visited {
  color: black; background-color: rgb(223,223,223); text-decoration:none;   
}

a.kal_vormonat_tag:link {
  color: black; background-color: rgb(223,223,223); text-decoration:none;  
}

a.kal_vormonat_tag:hover {
  color: black; background-color: rgb(0,204,0); text-decoration:none;   
}

a.kal_vormonat_tag:active {
  color: black; background-color: gray;  
}








a.kal_aktueller_tag {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.kal_aktueller_tag:visited {
  color: red; background-color: rgb(223,223,223); text-decoration:none;   
}

a.kal_aktueller_tag:link {
  color: red; background-color: rgb(223,223,223); text-decoration:none;  
}

a.kal_aktueller_tag:hover {
  color: red; background-color: rgb(0,204,0); text-decoration:none;   
}

a.kal_aktueller_tag:active {
  color: red; background-color: gray;  
}








a.kal_standard_tag {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.kal_standard_tag:visited {
  color: black; background-color: rgb(204,255,255); text-decoration:none;   
}

a.kal_standard_tag:link {
  color: black; background-color: rgb(204,255,255); text-decoration:none;  
}

a.kal_standard_tag:hover {
  color: black; background-color: rgb(0,204,0); color: #ffffff; text-decoration:none;   
}

a.kal_standard_tag:active {
  color: black; background-color: rgb(204,255,255); ;  
}







a.tl_o_2 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.tl_o_2:visited {
  color: black;  text-decoration:none;
}

a.tl_o_2:link {
  color: black;  text-decoration:none;
}

a.tl_o_2:hover {
  color: black; background-color:rgb(snow); color: #ffffff; text-decoration:none;
}

a.tl_o_2:active {
  color: black;
}



a.tl_o {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.tl_o:visited {
  color: black;  text-decoration:none;
}

a.tl_o:link {
  color: black;  text-decoration:none;
}

a.tl_o:hover {
  color: black; background-color:rgb(210,105,30); color: #ffffff; text-decoration:none;
}

a.tl_o:active {
  color: black;
}




a.tltz {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.tltz:visited {
  color: black;  text-decoration:none;
}

a.tltz:link {
  color: black;  text-decoration:none;
}

a.tltz:hover {
  color: black; background-color:rgb(153,204,102); color: #ffffff; text-decoration:none;
}

a.tltz:active {
  color: black;
}







a.tl_x {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_x:visited {
  color: firebrick;  text-decoration:none;   
}

a.tl_x:link {
  color: firebrick;  text-decoration:none;  
}

a.tl_x:hover {
  color: firebrick; background-color:rgb(192,192,192); color: #ffffff; text-decoration:none;   
}

a.tl_x:active {
  color: firebrick;   
}




a.adminL2 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.adminL2:visited {
  color: black; background-color: rgb(204,255,255); text-decoration:none;
}

a.adminL2:link {
  color: black; background-color: rgb(204,255,255); text-decoration:none;
}

a.adminL2:hover {
  color: black; background-color: rgb(204,255,255); color: red; text-decoration:none;
}

a.adminL2:active {
  color: black; background-color: gray;
}


a.adminL {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.adminL:visited {
  color: black; background-color: rgb(204,255,255); text-decoration:none;
}

a.adminL:link {
  color: black; background-color: rgb(204,255,255); text-decoration:none;
}

a.adminL:hover {
  color: black; background-color: rgb(204,255,255); color: red; text-decoration:none;
}

a.adminL:active {
  color: black; background-color: gray;
}



a.adminL2 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.adminL2:visited {
  color: black; background-color: white; text-decoration:none;
}

a.adminL2:link {
  color: black; background-color: white; text-decoration:none;
}

a.adminL2:hover {
  color: black; background-color: white; color: #ffffff; text-decoration:none;
}

a.adminL2:active {
  color: black; background-color: white;
}





a.tl_menue_1 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.tl_menue_1:visited {
  color: black; background-color: rgb(255,235,205); text-decoration:none;
}

a.tl_menue_1:link {
  color: black; background-color: rgb(255,235,205); text-decoration:none;
}

a.tl_menue_1:hover {
  color: black; background-color: rgb(204,102,0); color: #ffffff; text-decoration:none;
}

a.tl_menue_1:active {
  color: black; background-color: gray;
}






a.tl_menue_moccasin {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;
  !-font-size: 1em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.tl_menue_moccasin:visited {
  grey: grey; background-color: moccasin; text-decoration:none;
}

a.tl_menue_moccasin:link {
  color: grey; background-color: moccasin; text-decoration:none;
}

a.tl_menue_moccasin:hover {
   background-color: rgb(244,164,96); color: white; text-decoration:none;
}

a.tl_menue_moccasin:active {
  color: grey; background-color: moccasin;
}







a.wv_link {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 2em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.wv_link:visited {
  color: black; 
  text-decoration:none;   
}

a.wv_link:link {
  color: black; 
  text-decoration:none;  
}

a.wv_link:hover {
  color: black; 
  background-color: rgb(192,192,192); 
  color: #ffffff; 
  text-decoration:none;   
}

a.wv_link:active {
  color: black; 
  background-color: gray;  
}



a.tl_menue_2 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 2em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_menue_2:visited {
  color: black; background-color: rgb(245,245,220); text-decoration:none;   
}

a.tl_menue_2:link {
  color: black; background-color: rgb(245,245,220); text-decoration:none;  
}

a.tl_menue_2:hover {
  color: black; background-color: rgb(107,142,35); color: #ffffff; text-decoration:none;   
}

a.tl_menue_2:active {
  color: black; background-color: gray;  
}





a.tl_menue_3 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 2em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_menue_3:visited {
  color: black; 
  !background-color: rgb(245,245,220); 
  text-decoration:none;   
}

a.tl_menue_3:link {
  color: black; 
  !background-color: rgb(245,245,220); 
  text-decoration:none;  
}

a.tl_menue_3:hover {
  color: black; background-color: rgb(107,142,35); color: #ffffff; text-decoration:none;   
}

a.tl_menue_3:active {
  color: black; background-color: gray;  
}





a.tl_1 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_1:visited {
  color: black; background-color: rgb(245,245,245); text-decoration:none;   
}

a.tl_1:link {
  color: black; background-color: rgb(245,245,245); text-decoration:none;  
}

a.tl_1:hover {
  color: black; background-color: rgb(204,102,0); color: #ffffff; text-decoration:none;   
}

a.tl_1:active {
  color: black; background-color: rgb(245,245,245); 
}





main {
	background: transparent;
	border-color: transparent;
}

.tooltip {
	position: relative;
	color: #3983ab;
	text-decoration: underline;
}

.tooltip::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 130%;
	left: 20%;
	background: #3983ab;
	padding: 0.2em 0.4em;
	color: #dfac20;
	border-radius: 0.3em;
	opacity: 0;
	transition: all 0.3s;
	min-width: 10em;
	max-width: 15em;
}

.tooltip::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 1em solid #3983ab;
	border-left: 1em solid transparent;
	border-right: 1em solid transparent;
	transition: all 0.3s;
	opacity: 0;
	left: 30%;
	bottom: 90%;
}

.tooltip:hover::after,
.tooltip:focus::after {
	opacity: 1;
	bottom: 100%;
}

.tooltip:hover::before,
.tooltip:focus::after {
	opacity: 1;
	bottom: 70%;
}



#bild_ueberschrift {
   width:100px
   height:10px;
   overflow:hidden;
}



.info{   display:none;}


#menue A:hover .info{   DISPLAY:block; BACKGROUND:none transparent scroll repeat 0% 0%; margin-LEFT:60%; PADDING-BOTTOM:0px; COLOR: black; PADDING-TOP:200px;POSITION :absolute;TOP:0px;HEIGHT :50px;}


#abschnitt {   
  // !-font-size: 0.8em;
  top: 10px;
  right: 10px;
  position: relativ;
  margin-top: 1.8em; 
  !width:25%;
  font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;
  } 


#menue_unten {   
  // !-font-size: 0.8em;
  bottom: 15px;
  right: 10px;
  position: fixed;
  margin-top: 1.8em; 
  !width:25%;
  !word-wrap: break-word;
  word-wrap: normal;  
  overflow: auto;
  !left: 102px;
  padding: 10px;  
  padding: 10px;
   !text-transform: uppercase; 
  !padding: 2em;

  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1.3em;
  border-top-right-radius: 1.5em;  

  border-top: 3px solid silver;
  border-left: 3px solid silver;
  border-right: 3px solid silver; 
  border-bottom: 3px solid silver;

  box-shadow:8px 8px rgb(237,237,237);
  background-color:   rgb(255,255,255);

  font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;
  } 



#info {   
  // !-font-size: 0.8em;
  top: 20px;
  left: 20px;
  position: absolut;
  margin-top: 1.8em; 
  width:50%;
  !word-wrap: break-word;
  !word-wrap: normal;  
  !overflow: auto;
  !left: 102px;
  padding: 10px;  
  padding: 10px;
   !text-transform: uppercase; 
  !padding: 2em;

   z-index:1;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1.3em;
  border-top-right-radius: 1.5em;  

  border-top: 3px solid silver;
  border-left: 3px solid silver;
  border-right: 3px solid silver; 
  border-bottom: 3px solid silver;

  box-shadow:8px 8px rgb(237,237,237);
  background-color:    rgb(255,255,204);

  font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.5em;
  } 






#box_test_sessionvergleich {
  // !-font-size: 0.8em;
  top: 120px;
  right: 10px;
  position: fixed;
  margin-top: 1.8em; 
  width:25%;
  !word-wrap: break-word;
  word-wrap: normal;  
  overflow: auto;
  !left: 102px;
  padding-left: 50px;  
   !text-transform: uppercase; 
  !padding: 2em;

  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1.3em;
  border-top-right-radius: 1.5em;  

  border-top: 3px solid silver;
  border-left: 3px solid silver;
  border-right: 3px solid silver; 
  border-bottom: 3px solid silver;

  box-shadow:8px 8px rgb(237,237,237);
  background-color:    rgb(255,255,204);

  font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;
  } 




#box_indexierung_1 {
    position: absolute;
    !vertical-align: bottom; 
     !float: left;
     padding: 20px;
     background: #eee;
     !hight:65%;
     background-color: rgb(240,240,240);
     !border: 0.2em solid red;  
     width:40%;
    height:75%;
    overflow:scroll;
   !text-align: end;
!-ms-writing-mode: tb-rl; 
   !writing-mode: vertical-lr; 
   !transform:rotate(180deg);
}
     
}

#box_1_aufgehoben {
     float: left;
     padding: 20px;
     background: #eee;
     width:65%;
     background-color: rgb(240,240,240);
     !border: 0.2em solid red;  
}



#box_1{   
  float: left;
  text-align: center;
  margin: 0.1em; 
  float: left;
  !outline:1px solid #ff0000;
  background-color: rgb(243,243,243);
   
  !box-shadow: 8px 8px rgb(237,237,237);
  
  width: 32%;
  !height: 80px;
  z-index:1;
  
  padding-right: 0em;
  padding-top: 0.0em;
  padding-left: 0em;
  padding-bottom: 0.2em; 
  
!!-font-size: 90%;
!!-font-size: 5vw;
  } 


#box_1_rot{   
  float: left;
  text-align: center;
  margin: 0.1em; 
  float: left;
  !outline:1px solid #ff0000;
  background-color: rgb(243,243,243);
  
  !box-shadow: 8px 8px rgb(237,237,237);
  
  width: 32%;
  !height: 80px;
  z-index:1;
  
  padding-right: 0em;
  padding-top: 0.0em;
  padding-left: 0em;
  padding-bottom: 0.2em; 
  
!!-font-size: 90%;
!!-font-size: 5vw;
  } 


.cssbutton
{
display: block;
color:black; 
font-weight:normal; 
padding:0px; 
!-font-size: 100%;
!width:90px; 
!height:22px; 
background:rgb(243,243,243); 
text-decoration: none;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;  
  border-bottom: 1px solid black;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;  

}




.cssbutton_2
{
display: block;
color:red; 
font-weight:normal; 
padding:0px; 
!-font-size: 100%;
!width:90px; 
!height:22px; 
background:rgb(243,243,243); 
text-decoration: none;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;  
  border-bottom: 1px solid black;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;  

}





#box_tage{  
  text-align: center; 
  float: left;

  margin: 0.1em; 
  float: left;
  !outline:1px solid #ff0000;
  background-color: rgb(243,243,243);
  !box-shadow: 8px 8px rgb(237,237,237);
  
  width: 32%;
  !height: 80px;
  z-index:1;
  
  padding-right: 0em;
  padding-top: 0.0em;
  padding-left: 0em;
  padding-bottom: 0.2em; 
  
!!-font-size: 90%;
!!-font-size: 5vw;
  } 










#box_scan_ergebnis {
     float: left;
     padding: 20px;
     background: #eee;
     !width:60%;
     background-color: rgb(255,255,204)
     !border: 0.2em solid red;  
}


#box_00 {
     float: left;
     !padding: 2px;
     background: #eee;
     !width:60%;
     background-color: rgb(255,255,204)
     !border: 0.2em solid red;  
}

#box_01 {
     !position: absolute;
     float: left;
     !padding: 2px;
     background: rgb(255,255,204);
     !width:60%;
     background-color: rgb(255,255,204);
     !border: 0.2em solid red;  
}


#box_02 {
     !position: absolute;
     float: left;
     !padding: 2px;
     background: rgb(204,255,255);
     !width:60%;
     background-color: rgb(255,255,204)
     !border: 0.2em solid red;  
}


.labeled {
   -ms-writing-mode: tb-rl; 
   writing-mode: vertical-rl; 
   transform:rotate(180deg);

}



.nobr {
  !white-space: nowrap;
}






#box_2 {
     float: left;
     padding: 0px;
     background: #eee;
     width:75%;
     background-color: rgb(233,233,233);
     !border: 0.2em solid red;  
}




#box_50p {
     float: left;
     padding: 0px;
     background: #eee;
     width:50%;
     background-color: rgb(233,233,233);
     !border: 0.2em solid red;  
}


#box_22 {
     float: left;
     padding: 0px;
     background: #eee;
     width:25%;
     background-color: rgb(233,233,233);
     !border: 0.2em solid red;  
}

#box_2_hoch {

     !word-break: break-all;
     float: left;
     padding: 0px;
     background: #eee;
     width:99%;
     !max-width: 30%;
     !height:100%;     
     background-color: rgb(233,233,233);
     !border: 0.2em solid red;  
}

#svg {

     !word-break: break-all;
     float: left;
     padding: 0px;
     background: #eee;
     width:99%;
     !max-width: 30%;
     !height:100%;     
     background-color: rgb(233,233,233);
     !border: 0.2em solid red;  
}


#box_2_innen {
     float: left;
     padding: 20px;
     background: #fff;
     !width:98%;
     !max-width: 30%;
     !height:100%;     
     background-color: rgb(233,233,233);
     !border: 0.2em solid red;  
}

#box_3 {
     float: left;
     padding: 20px;
     background: #eee;
     width:30%;
     background-color: rgb(243,243,243);
     !border: 0.2em solid red;  
}


#box_4 {
     float: left;
     padding: 20px;
     background: #eee;
     width:60%;
     background-color: rgb(233,233,233);
     !border: 0.2em solid red;  
}


#box_tagesdatum {
     float: left;
     padding: 20px;
     background: #eee;
     !width:30%;
     background-color: rgb(243,243,243);
     !border: 0.2em solid red;
}


#float_left { float: left; }
#float_right { float: right; }
#clear_left { clear: left; !background-color: magenta;  }
#clear_right { clear: right; }


schrift_kl {
  font-family: Verdana;
  font-weight: normal;   
  !-font-size: 0.8em;   
  color: rgb(0,51,255); background-color: rgb(255,255,204);  
}


#box_verz{   
  top: 10px;
  right: 10px;
  position: fixed;
  margin-top: 1.8em; 
  width:30%;
  !word-wrap: break-word;
  word-wrap: normal;  
  overflow: auto;
  !left: 102px;
  padding-left: 50px;  
   !text-transform: uppercase; 
  !padding: 2em;

  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1.3em;
  border-top-right-radius: 1.5em;  

  border-top: 3px solid silver;
  border-left: 3px solid silver;
  border-right: 3px solid silver; 
  border-bottom: 3px solid silver;

  box-shadow:8px 8px rgb(237,237,237);
  background-color:    rgb(255,255,204);

  font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;
  } 



#allgemein{   
  font-weight: normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  !-font-size: 1.0em;   
  !white-space: nowrap;
  word-wrap: break-word;
   
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
  
  } 


#ueberschrift{   
  font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.5em;
  } 

#allgem{   
  font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 3.0em;
  } 





#box_achtung {
      position:absolute;
      top: -75px;
      left: 250px;
      background-color: whitesmoke;	  
      margin-top: 100px;
      margin-right: 40px;
      margin-bottom: 10px;
      margin-left: 70px;   
      !width: 750px;
	    border: 0.2em solid red;   
      padding: 20px 60px 20px 60px;	   
	}



#session{   

  background-color: rgb(225,225,225);	
  !position:fixed;
  !top: 900px;
  right: 0px;  
  border: 1px solid #010;
  margin: 0px;
  padding: 0.5em;
  max-width: 95%;
  !height: 160px
  
  
  }


 


#A1 {
  font-family:Arial,sans-serif; 
  !-font-size: 2em; 
  color:blue;
}

#A3 {
  font-family:Arial,sans-serif; 
  !-font-size: 1em; 
  !color:blue;
}


@media print {

    div#erweiterung {display: none;} 
    #nichtdrucken {display: none;}
    div#box1 {display: none;}
    div#box2 { 
        margin:auto;
        width: 55% !important;
    }
}


.schrift_A2 {                                                                                                  
      font-family: Verdana, Arial, Helvetica, sans-serif;     
      !-font-size: 1.2em; 
      font-weight: normal; 
      color: rgb(204,0,0)
      !padding-right: 1em;
      color: black;  
}

.schrift_A3 {                                                                                                  
      font-family: Verdana, Arial, Helvetica, sans-serif;     
      !-font-size: 1.0em; 
      font-weight: normal; 
      color: rgb(204,0,0)
      !padding-right: 1em;
      color: black;  
}

.schrift_A1 {                                                                                                  
      font-family: Verdana, Arial, Helvetica, sans-serif;     
      !-font-size: 1.5em; 
      font-weight: normal; 
      color: rgb(204,0,0)
      !padding-right: 1em;
      color: black;  
}

.schrift_A {                                                                                                  
      font-family: Verdana, Arial, Helvetica, sans-serif;     
      !-font-size: 1em; 
      font-weight: normal; 
      color: rgb(204,0,0)
      !padding-right: 1em;
      color: black;  
}

.schrift_B {                                                                                                  
      font-family: Verdana, Arial, Helvetica, sans-serif;     
      !-font-size: 0.6em; 
      font-weight: normal; 
      color: rgb(204,0,0)
      !padding-right: 1em;
      color: black;  
}

.schrift_C {                                                                                                  
      font-family: Verdana, Arial, Helvetica, sans-serif;     
      !-font-size: 0.8em; 
      font-weight: normal; 
      color: rgb(204,0,0)
      !padding-right: 1em;
      color: black;  
}

.schriftB {                                                                                                  
      font-family: Arial, Helvetica, sans-serif; 
      !-font-size: 1em; 
      color: rgb(204,0,0)
      !padding-right: 1em;
      color: rgb(255,204,0);  
}



#fuss {
    position:fixed;
    bottom: 0;
    !width: 100%;
    right: 2px;
    !margin-right:10%;
    background-color: yellow;
} 
 
#testanzeige {
    position:fixed;
    top: 530;
    !width: 100%;
    left: 2px;
    font-family: Arial,sans-serif;
    color: red;
    !-font-size: 16px;
    !margin-right:10%;
    background-color: rgb(255,255,204);
}  

#version {
    position: fixed;
    bottom: 10px;
    !width: 100%;
    right: 10px;
    font-family: Arial,sans-serif;
    !color: white;
    !-font-size: 12px;
    !margin-right:10%;
    !background-color: rgb(191,191,191);
}  



#info_oben {
    position:fixed;
    top: 0;
    !width: 100%;
    right: 2px;
    font-family: Arial,sans-serif;
    !color: rgb(153,255,255);
    !-font-size: 16px;
    !margin-right:10%;
    background-color: rgb(153,255,255);
}  


#info_oben_2 {
    position:fixed;
    top: 30;
    !width: 100%;
    right: 2px;
    font-family: Arial,sans-serif;
    !color: rgb(153,255,255);
    !-font-size: 16px;
    !margin-right:10%;
    background-color: rgb(236,236,236);
}  


#druck {
    position:fixed;
    top: 0;
    !width: 100%;
    left: 10px;
    !margin-right:10%;
    !background-color: red;
}  

#kopf_mitte_2 {
    position:fixed;
    top: 0;
    !width: 100%;
    right: 400px;
    !margin-right:10%;
    background-color: red;
}  

#kopf_mitte {
    position:fixed;
    top: 0;
    !width: 100%;
    right: 300px;
    !margin-right:10%;
    background-color: red;
}  

#kopf {
    position:fixed;
    top: 0;
    !width: 100%;
    right: 2px;
    !margin-right:10%;
    background-color: yellow;
}  

#kopf_2 {
    position:fixed;
    top: 0;
    !width: 100%;
    right: 152px;
    !margin-right:10%;
    background-color: yellow;
}  


#fehlermeldung {
    position:fixed;
    top: 100;
    !width: 100%;
    left: 152px;
    !margin-right:10%;
    background-color: yellow;
}  




.textfeld1 {
  font-family: Arial,sans-serif;
  color: #000000;
  !-font-size: 16px;
  border: 1px solid rgb(208,208,208);
  background-color: rgb(204,255,255);
  !height: 24px;
  !width: 250px;
  padding: 4px;
}

.textfeld2 {
  font-family: Arial,sans-serif;
  color: #000000;
  !-font-size: 16px;
  !border-bottom: 1px solid grey;
  background-color: rgb(223,223,223);
  !height: 24px;
  !width: 250px;
  padding: 4px;
}

.textfeld5 {
  font-family: Arial,sans-serif;
  color: #000000;
  !-font-size: 16px;
  !border-bottom: 1px solid grey;
  background-color: rgb(255,255,153);
  !height: 24px;
  !width: 250px;
  padding: 4px;
}



.textfeld4 {
  font-family: Arial,sans-serif;
  color: #000000;
  !-font-size: 16px;
  border: 1px solid rgb(208,208,208);
  background-color: rgb(255,204,0);
  !height: 24px;
  !width: 250px;
  padding: 4px;
}


a.tl_IL {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_IL:visited {
  color: black; background-color: rgb(223,223,223); text-decoration:none;   
}

a.tl_IL:link {
  color: black; background-color: rgb(223,223,223);   
}

a.tl_IL:hover {
  color: black; background-color: rgb(0,204,0); color: #ffffff; text-decoration:none;   
}

a.tl_IL:active {
  color: black; background-color: gray;  
}



a.tl_NL {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_NL:visited {
  color: gray; background-color:  rgb(233,233,233); text-decoration:none;   
}

a.tl_NL:link {
  color: gray; background-color: rgb(240,240,240);   
}

a.tl_NL:hover {
  color: gray; background-color: rgb(0,204,0); color: #ffffff; text-decoration:none;   
}

a.tl_NL:active {
  color: gray; background-color: gray;  
}










a.tl_gruen_2 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !!-font-size: 2em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_gruen_2:visited {
  color: white; background-color: green; text-decoration:none;   
}

a.tl_gruen_2:link {
  color: white; background-color: green;   
}

a.tl_gruen_2:hover {
  color: white; background-color: green; color: #ffffff; text-decoration:none;   
}

a.tl_gruen_2:active {
  color: white; background-color: green;  
}




a.tl_2 {
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
}

a.tl_2:visited {
  color: black; background-color: rgb(223,223,223); 
  !text-decoration:none;   
}

a.tl_2:link {
  color: black; background-color: rgb(255,0,0);
}

a.tl_2:hover {
  color: black; background-color: rgb(0,204,0); color: #ffffff; text-decoration:none;   
}

a.tl_2:active {
  color: black; background-color: rgb(255,0,0);;  
}



a.tl_3 {
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;    
  background-color: red;
}

a.tl_3:visited {
  color: white; 
  background-color: red;
  !text-decoration:none;   
}

a.tl_3:link {
  !color: black; 
  background-color: red; 
  color: #ffffff;;
}

a.tl_3:hover {
  color: black; 
  background-color: red;  
  text-decoration:none;   
}

a.tl_3:active {
  color: black; 
  background-color: red;
}



a.textlink2 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;     font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}

a.textlink2:visited {
  color: black; background-color: rgb(223,223,223); text-decoration:none;    font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}

a.textlink2:link {
  color: black; background-color: rgb(223,223,223);   font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}

a.textlink2:hover {
  color: black; background-color:#727070; color: #ffffff; text-decoration:none;   font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}

a.textlink2:active {
  color: black; background-color: gray;  font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}



a.textlink3 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;     font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}

a.textlink3:visited {
  color: black; background-color: rgb(239,239,239); text-decoration:none;    font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}

a.textlink3:link {
  color: black; background-color: rgb(239,239,239);   font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}

a.textlink3:hover {
  color: black; background-color:#727070; color: #ffffff; text-decoration:none;   font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}

a.textlink3:active {
  color: black; background-color: gray;  font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
}


.textfeld3 {
  font-family: Arial,sans-serif;
  color: #000000;
  !-font-size: 16px;
  !border: 1px solid rgb(208,208,208);
  !background-color: rgb(204,255,255);
  !height: 24px;
  !width: 250px;
  padding: 4px;
}

.testbetrieb {
      font-family: Arial, Helvetica, sans-serif; 
      !-font-size: 0.7em; 
      color: rgb(204,0,0)
      !padding-right: 1em; 
}



#tab1 table { 
  width:50%; 
  border-spacing:0px;  
} 

#tab1 td {
  !width:120%; 
  padding:2px;
  !-font-size: 12px; 
}


#tab1 input text {
  !-font-size: 16px;
  !width: 280px;
  background-color:rgb(255,255,204);
  
}


#tab1 submit {
  !-font-size: 44px;
  !width: 180px;
  !background-color:rgb(204,255,255);
  
}


  a.textlink {
    !display: block;
    !padding: 0.2em;
    font-weight: normal;     font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
  }
  
  a.textlink:visited {
    color: black; background-color: #F5F6F6; text-decoration:none;    font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
  }

  a.textlink:link {
    color: black; background-color: #F5F6F6;   font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
  }

  a.textlink:hover {
    color: black; background-color:#727070; color: #ffffff; text-decoration:none;   font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
  }

  a.textlink:active {
    color: black; background-color: gray;  font-family: 'Droid Sans',Arial, Helvetica, sans-serif;
  }



a.PLZ_navi:visited {font-family: 'Droid Sans',Arial, Helvetica, sans-serif; color: rgb(80,80,80); background-color: white; text-decoration:none; }

a.PLZ_navi:link { font-family: 'Droid Sans',Arial, Helvetica, sans-serif;   color: black;  text-decoration:none; }

a.PLZ_navi:hover { font-family: 'Droid Sans',Arial, Helvetica, sans-serif;  color: black; background-color:#727070; color: #ffffff; text-decoration:none; }

a.PLZ_navi:active {font-family: 'Droid Sans',Arial, Helvetica, sans-serif;  color:black; background-color: gray; text-decoration:none;  }



a.PLZ_navi2:visited {font-family: 'Droid Sans',Arial, Helvetica, sans-serif; color: white; background-color: gray; text-decoration:none; }

a.PLZ_navi2:hover { font-family: 'Droid Sans',Arial, Helvetica, sans-serif;   color: rgb(80,80,80); background-color: gray; text-decoration:none; }

a.PLZ_navi2:link { font-family: 'Droid Sans',Arial, Helvetica, sans-serif;  color: white; background-color: gray; color: #ffffff; text-decoration:none; }

a.PLZ_navi2:active {font-family: 'Droid Sans',Arial, Helvetica, sans-serif;  color: white; background-color: gray; text-decoration:none;  }



.PLZbasis { font-family: 'Droid Sans',Arial, Helvetica, sans-serif; !-font-size: 14px; color: black; cursor: hand ; font-weight: normal; text-decoration: none ; }
.PLZbasis_red { font-family: 'Droid Sans',Arial, Helvetica, sans-serif; !-font-size: 14px; color: red; cursor: hand ; font-weight: normal; text-decoration: none ; }


#PLZ_info {
  position: absolute;
  top:100px;
  left:150px;  
  !text-align: left;
  color: black;   
  margin: 0.8em; 
  !float: left;
  !outline:1px solid #ff0000;
  background-color: white;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;  
  border-bottom: 1px solid black;
  margin-bottom: 1em;
  font-family: 'Droid Sans',Arial, Helvetica, sans-serif; !-font-size: 14px; color: black; cursor: hand ; font-weight: normal; text-decoration: none ;
  
  !width: 600px;
  max-width: 75%;
  z-index:5;
  box-shadow: 9px 9px silver;
  
  padding-right: 3em;
  padding-top: 0em;
  padding-left: 2em;
  padding-bottom: 3em; 
}


.PLZzurueck { font-family: 'Droid Sans',Arial, Helvetica, sans-serif; !-font-size: 14px; color: black; cursor: hand ; font-weight: normal; text-decoration: none ; }

.rot { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: 
normal; font-weight: normal; text-transform: none; color: #ff0000; text-decoration: none;} 

.rot_ { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #ff0000; text-decoration: underline;}


.dblau10 {  font-family: Arial, Helvetica, sans-serif; !-font-size: 10px; font-style: normal; color: #660000; text-decoration: none}

.dblau12fett {	font-family: Arial, Helvetica, sans-serif;	!-font-size: 12px;font-weight: bold;	color: #660000;}

.dblau12 { font-family: Arial, Helvetica, sans-serif; !-font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #660000;}

.dblau16 { font-family: Arial, Helvetica, sans-serif; !-font-size: 18px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #FF0000;}


.neu_abstand { font-family: Arial, Helvetica, sans-serif; !-font-size: 2px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; align: center; color: #008080; text-decoration: none;}

.neu_01 { font-family: Arial, Helvetica, sans-serif; !-font-size: 18px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #404040;}

.neu_02 { font-family: Arial, Helvetica, sans-serif; !-font-size: 18px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; align: center; color: #808080;}

.neu02rot { font-family: Arial, Helvetica, sans-serif; !-font-size: 18px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; align: center; color: #FF0000;}

.neu_03 { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; align: center; color: #008080; text-decoration: none;}

.neu_04 { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; text-decoration: none; align: left; color: #808080; text-decoration: none; background-color:#dddddd}

.neu_05 { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; align: center; color: #000000; text-decoration: none;}


.inserat { font-family: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; !-font-size: 17px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #000000;}

.tn01 { font-family: Arial, Helvetica, sans-serif; !-font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #660000; background-color:#ffffff}

.tn02 { font-family: Arial, Helvetica, sans-serif; !-font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #3300ff;}  

.blau { font-family: Arial, Helvetica, sans-serif; !-font-size: 18px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #3300ff;}      

.gruen { font-family: Arial, Helvetica, sans-serif; !-font-size: 18px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #00cc00;}  

.buttonA { font-family: Arial, Helvetica, sans-serif; !-font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #ffffff; background-color:#909090}      

.buttonB { font-family: Arial, Helvetica, sans-serif; !-font-size: 12px; font-style: normal; cursor: pointer; line-height: normal; font-weight: normal; text-transform: none; color: #660000; background-color:#EFEFEF}     

.buttonC { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; text-transform: none; color: #660000; background-color:#C0C0C0} 

.buttonD { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; text-transform: none; color: #0000FF; background-color:#C0C0C0} 

.buttonE { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; text-transform: none; color: #006600; background-color:#C0C0C0} 


.buttonD2 { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; text-transform: none; color: #ffffff; background-color:#ff0000} 

.buttonD3 { font-family: Arial, Helvetica, sans-serif; !-font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; text-transform: none; color: #ffffff; background-color:blue} 

input.button3 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
!-font-size: 13px;
font-weight: normal;
}

input.button_reserve {  
height: 28px;
width: 200px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #FF0000;
border-right-color: #FF0000;
border-bottom-color: #ffffff;
border-left-color: #FFCC00;
}

#master {
!width:324px;
height:459px;
text-align:left;
float:left;
border:1px solid #990000;
background-image:url( '../include/bilder/hg_contend.gif' );
padding:25px;
color:#000000;
font-weight:normal;
}

#def_zelle_1 {
width:250px;
text-align:left;
float:left;
border:0px solid #990000;
padding:2px;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif; 
!-font-size: 10px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
text-transform: none; 
color: #008080; 
text-decoration: none;
}


#def_zelle_li_li {
width:200px;
text-align:left;
float:left;
border:0px solid #990000;
padding:2px;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif; 
!-font-size: 14px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
text-transform: none; 
color: #008080; 
text-decoration: none;
}


#def_zelle_li_li_kl {
width:55px;
text-align:left;
float:left;
border:0px solid #990000;
padding:2px;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif; 
!-font-size: 14px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
text-transform: none; 
color: #008080; 
text-decoration: none;
}



#def_zelle_re_li {
width:100px;
text-align:right;
float:left;
border:0px solid #990000;
padding:2px;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif; 
!-font-size: 14px; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
text-transform: none; 
color: #008080; 
text-decoration: none;
}


#def_zelle_re {

text-align:left;
float:right;
border:1px solid #990000;
background-image:url( '../include/bilder/hg_contend.gif' );
padding:0px;
color:#000000;
font-weight:normal;
}


#box_ueberschrift {
      position:absolute;
      top: -43px;
      left: 25px;
      background-color: ;	  
      margin-top: 10px;
      margin-right: 40px;
      margin-bottom: 10px;
      margin-left: 70px;   

      height: 500px;
	    border: 0px solid silver ;
      padding: 20px 20px 20px 20px;         
	   }

#box0 {
      position:absolute;
      top: 15px;
      left: 2px;
      background-color: ;	  
      margin-top: 10px;
      margin-right: 40px;
      margin-bottom: 10px;
      margin-left: 70px;   

      height: 500px;
	    border: 0px solid silver ;
      padding: 20px 20px 20px 20px;         
	   }



#box1 {
      position:absolute;
      top: 50px;
      left: 50px;
      background-color: #CC0000;	  
      margin-top: 100px;
      margin-right: 40px;
      margin-bottom: 10px;
      margin-left: 70px;   
      width: 505px;
      !height: 500px;
	   border: 1px solid silver ;
      padding: 20px 20px 20px 20px;         
	   }

#box2 {
      position:absolute;
      top: 50px;
      left: 250px;
      background-color: whitesmoke;	  
      margin-top: 100px;
      margin-right: 40px;
      margin-bottom: 10px;
      margin-left: 70px;   
      width: 750px;
      !height: 500px;
	   border: 1px solid red ;
      padding: 20px 60px 20px 60px;	   
	}

#mailtext {
      !position:absolute;
      !top: 50px;
      !left: 210px;
      background-color: white;	  
      !margin-top: 100px;
      !margin-right: 40px;
      !margin-bottom: 10px;
      !margin-left: 70px;   
      !width: 600px;
      !height: 500px;
	   border: 1px solid red ;
      padding: 20px 20px 20px 20px;	   
	}

#erweiterung {
  position: absolute;
  top:0px;
  right:10px;  
  color: black;   
  margin: 0.8em; 
  background-color: rgb(153,255,204);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;  
  border-bottom: 2px solid black;
  margin-bottom: 1em;
  
  max-width: 20%;
  z-index:1;
  box-shadow: 18px 18px rgb(128,128,128);
  
  padding-right: 2em;
  padding-top: 2em;
  padding-left: 2em;
  padding-bottom: 2em; 
}


#erweiterung1 {
  position: absolute;
  top:0px;
  right:10px;  
  color: black;   
  margin: 0.8em; 
  background-color: rgb(255,255,153);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;  
  border-bottom: 2px solid black;
  margin-bottom: 1em;
  
  max-width: 20%;
  z-index:1;
  box-shadow: 18px 18px rgb(128,128,128);
  
  padding-right: 2em;
  padding-top: 2em;
  padding-left: 2em;
  padding-bottom: 2em; 
}


#erweiterung2 {
  position: absolute;
  bottom:600px;
  right:10px;  
  color: black;   
  margin: 0.8em; 
  background-color: rgb(255,255,153);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;  
  border-bottom: 2px solid black;
  margin-bottom: 1em;
  
  max-width: 20%;
  z-index:1;
  box-shadow: 18px 18px rgb(128,128,128);
  
  padding-right: 2em;
  padding-top: 2em;
  padding-left: 2em;
  padding-bottom: 2em; 
}



#erweiterung3 {
  position: absolute;
  bottom:300px;
  right:10px;  
  color: black;   
  margin: 0.8em; 
  background-color: rgb(255,255,153);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;  
  border-bottom: 2px solid black;
  margin-bottom: 1em;
  
  max-width: 20%;
  z-index:1;
  box-shadow: 18px 18px rgb(128,128,128);
  
  padding-right: 2em;
  padding-top: 2em;
  padding-left: 2em;
  padding-bottom: 2em; 
}



#erweiterung4 {
  position: absolute;
  bottom:170px;
  left:890px;  
  color: black;   
  margin: 0.8em; 
  background-color: rgb(255,153,0);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;  
  border-bottom: 2px solid black;
  margin-bottom: 1em;
  
  max-width: 20%;
  z-index:1;

  
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-bottom: 0.5em; 
}


#erweiterung5 {
  position: absolute;
  bottom:170px;
  left:1290px;  
  color: black;   
  margin: 0.8em; 
  background-color: rgb(255,153,0);
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;  
   
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;  
  border-bottom: 2px solid black;
  margin-bottom: 1em;
  
  max-width: 20%;
  z-index:1;

  
  padding-right: 0.5em;
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-bottom: 0.5em;
}


            

a.tlx_1 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  font-family: Verdana, Arial, Helvetica, sans-serif; !-font-size: 1.0em;    
}

a.tlx_1:visited {
  color: black; background-color: rgb(223,223,223); text-decoration:none;  !-font-size: 1.0em;  
}                                                                         

a.tlx_1:link {
  color: black; background-color: rgb(223,223,223); !-font-size: 1.0em;  
}

a.tlx_1:hover {
  color: black; background-color: rgb(0,204,0); color: #ffffff; text-decoration:none;  !-font-size: 1.0em;  
}

a.tlx_1:active {
  !-font-size: 1.0em;
}

            
            
            

a.tlx_3 {
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
  background-color: red;
}

a.tlx_3:visited {
  color: white; 
  background-color: red;
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
  !text-decoration:none;   
}

a.tlx_3:link {
  !color: black; 
  background-color: red; 
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
  color: #ffffff;;
}

a.tlx_3:hover {
  color: black; 
  background-color: red;  
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
  text-decoration:none;   
}

a.tlx_3:active {
  color: black; 
  background-color: red;
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
}



            

a.tlx_green {
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
  background-color: green;
}

a.tlx_green:visited {
  color: white; 
  background-color: green;
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
  !text-decoration:none;   
}

a.tlx_green:link {
  !color: black; 
  background-color: green; 
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
  color: #ffffff;;
}

a.tlx_green:hover {
  color: black; 
  background-color: green;  
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
  text-decoration:none;   
}

a.tlx_green:active {
  color: black; 
  background-color: green;
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;  
}



a.tly_1 {
  !display: block;
  !padding: 0.2em;
  font-weight: normal;   
  !-font-size: 1em;   
  font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 1.0em;
}

a.tly_1:visited {
  color: black; background-color: rgb(223,223,223); text-decoration:none;  !-font-size: 1.0em; 
}

a.tly_1:link {
  color: black; background-color: rgb(223,223,223); !-font-size: 1.0em;  
}

a.tly_1:hover {
  color: black; background-color: rgb(0,204,0); color: #ffffff; text-decoration:none;  !-font-size: 1.0em; 
}

a.tly_1:active {
  color: black; background-color: gray;  !-font-size: 1.0em;
}


#box_2_mobil {
     float: left;
     padding: 0px;
     background: #eee;
     width:75%;
     background-color: rgb(233,233,233);
     !border: 0.2em solid red;  
}


.hp_frame {
  position: relative;
  width:100%;
  height: auto;
  padding-bottom: 56.25%;    overflow: hidden;
}
.hp_frame ifr ame {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; left: 0;
 overflow: hidden;
 overflow-x: hidden;
 overflow-y: hidden;
}

ifr ame {
  overflow: hidden;
}


@_media all and (max-width: 1200px) {



            table {
              !-font-size: 1.2em; 
            }

            #box_2_mobil {
                 display:none;
                 float: left;
                 padding: 0px;
                 background: #eee;
                 width:75%;
                 background-color: rgb(233,233,233);
                 !border: 0.2em solid red;  
            }




            #allgemein{   
              font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;  !-font-size: 3.0em;
              } 
}





@media screen and (min-device-width : 320px) 
and (max-device-width : 480px)  {


      #allgemein{   
        font-weight: normal; 
        font-family: Verdana, Arial, Helvetica, sans-serif;  
        !-font-size: 1.5em;   
        !white-space: nowrap;
        word-wrap: break-word;
         
      -moz-hyphens: auto;
         -o-hyphens: auto;
         -webkit-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto; 
        
        } 
      
      
      a.tl_rot {
        !display: block;
        !padding: 0.2em;
        font-weight: normal;   
        !-font-size: 3em;   
        font-family: Verdana, Arial, Helvetica, sans-serif;    
      }
      
      a.tl_rot:visited {
        background-color: rgb(255,0,0); color: #ffffff; text-decoration:none;   
      }
      
      a.tl_rot:link {
        background-color: rgb(255,0,0); color: #ffffff; text-decoration:none;   
      }
      
      a.tl_rot:hover {
        background-color: rgb(255,0,0);  color: #ffffff; text-decoration:none;   
      }
      
      a.tl_rot:active {
        color: #ffffff; background-color: rgb(255,0,0);   
      }
      
            

      
      
      a.tl_neutral {
        !display: block;
        !padding: 0.2em;
        font-weight: normal;   
        !-font-size: 3em;   
        font-family: Verdana, Arial, Helvetica, sans-serif;    
      }
      
      a.tl_neutral:visited {
        background-color: #F5F6F6; color: rgb(0,0,0); text-decoration:none;   
      }
      
      a.tl_neutral:link {
        background-color: #F5F6F6; color: rgb(0,0,0); text-decoration:none;   
      }
      
      a.tl_neutral:hover {
        background-color: #F5F6F6;  color: rgb(0,0,0); text-decoration:none;   
      }
      
      a.tl_neutral:active {
        background-color: #F5F6F6;  color: rgb(0,0,0); 
      }
      
      


      
      
      a.tl_gelb {
        !display: block;
        !padding: 0.2em;
        font-weight: normal;   
        !-font-size: 3em;   
        font-family: Verdana, Arial, Helvetica, sans-serif;    
      }
      
      a.tl_gelb:visited {
        background-color: rgb(255,255,204); color: rgb(0,0,0); text-decoration:none;   
      }
      
      a.tl_gelb:link {
        background-color: rgb(255,255,204); color: rgb(0,0,0); text-decoration:none;   
      }
      
      a.tl_gelb:hover {
        background-color: rgb(255,255,204);  color: rgb(0,0,0); text-decoration:none;   
      }
      
      a.tl_gelb:active {
        background-color: rgb(255,255,204);  color: rgb(0,0,0); 
      }
      
      

      

      a.tl_orange {
        !display: block;
        !padding: 0.2em;
        font-weight: normal;   
        !-font-size: 3em;   
        font-family: Verdana, Arial, Helvetica, sans-serif;    
          color: #ffffff;
      }
      
      a.tl_orange:visited {
        background-color: rgb(204,102,0); color: #ffffff; text-decoration:none;   
      }
      
      a.tl_orange:link {
        background-color: rgb(204,102,0); color: #ffffff; text-decoration:none;   
      }
      
      a.tl_orange:hover {
        background-color: rgb(204,102,0);  color: #ffffff; text-decoration:none;   
      }
      
      a.tl_orange:active {
        color: black; background-color: rgb(204,102,0);  
      }
      
      
      



      a.tl_gruen {
        !display: block;
        !padding: 0.2em;
        font-weight: normal;   
        !-font-size: 3em;   
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        color: #ffffff;   
      }
      
      a.tl_gruen:visited {
        background-color: rgb(0,204,0); color: #ffffff; 
        text-decoration:none;   
      }
      
      a.tl_gruen:link {
        background-color: rgb(0,204,0); color: #ffffff;  text-decoration:none;   
      }
      
      a.tl_gruen:hover {
        background-color: rgb(0,204,0);  color: #ffffff; text-decoration:none;   
      }
      
      a.tl_gruen:active {
        color: #ffffff; background-color: rgb(0,204,0);   
      }
      

      
      a.tl_gruen_s {
        !display: block;
        !padding: 0.2em;
        font-weight: normal;   
        !-font-size: 3em;   
        font-family: Verdana, Arial, Helvetica, sans-serif;    
      }
      
      a.tl_grau:visited {
        background-color: rgb(128,128,128); color: #ffffff; text-decoration:none;   
      }
      
      a.tl_grau:link {
        background-color: rgb(128,128,128); color: #ffffff; text-decoration:none;   
      }
      
      a.tl_grau:hover {
        background-color: rgb(128,128,128);  color: #ffffff; text-decoration:none;   
      }
      
      a.tl_grau:active {
        color: #ffffff; background-color: rgb(128,128,128);
      }
      
       
      a.tl_grau {
        !display: block;
        !padding: 0.2em;
        font-weight: normal;   
        !-font-size: 3em;   
        font-family: Verdana, Arial, Helvetica, sans-serif;    
      }
      
      a.tl_grau:visited {
        background-color: rgb(128,128,128); color: #ffffff; text-decoration:none;   
      }
      
      a.tl_grau:link {
        background-color: rgb(128,128,128); color: #ffffff; text-decoration:none;   
      }
      
      a.tl_grau:hover {
        background-color: rgb(128,128,128);  color: #ffffff; text-decoration:none;   
      }
      
      a.tl_grau:active {
        color: #ffffff; background-color: rgb(128,128,128);
      }
      
    a.tl_gruen {
      !display: block;
      !padding: 0.2em;
      font-weight: normal;
      !-font-size: 3em;   
      font-family: Verdana, Arial, Helvetica, sans-serif;
      color: #ffffff;   
    }
    
    a.tl_gruen:visited {
      background-color: rgb(0,204,0); color: #ffffff; 
      text-decoration:none;   
    }
    
    a.tl_gruen:link {
      background-color: rgb(0,204,0); color: #ffffff;  text-decoration:none;   
    }
    
    a.tl_gruen:hover {
      background-color: rgb(0,204,0);  color: #ffffff; text-decoration:none;
    }

    a.tl_gruen:active {
      color: #ffffff; background-color: rgb(0,204,0);   
    }
    


}


@media print {
  #menue_2, #menue, #rahmen_test_session, #rahmen_test_layout, #rahmen_test_layout_2, #test_menue, #test_menue_info, #box_test_sessionvergleich, #testanzeige {
    display: none;
  }
}

textarea {
  field-sizing: content;
  width: 500px;
  min-height: 50px;
}