body {
	background-color: #9FC3F8;
	font-family: Arial, Verdana;
}
a {color: black; text-decoration: none;}
a:focus { background-color: gainsboro; color: black;} 
a:hover { background-color: gainsboro; color: dimgray; } 
a:active { background-color: gainsboro; color: black; }

fieldset{
    z-index: 1;
    /*display: none;*/
}
thead{
    background-color: gainsboro;
}
 tr:nth-child(even) {
    background-color: gainsboro;
}
tbody tr:nth-child(odd) {
   background-color: #f2f2f2;
}
td {
    /*background-color: gainsboro;*/
}

.page_break { page-break-before: always; }
/* TEST 
     table {
            width: 100%;
        }
thead, tbody, tr, td, th { display: block; }

        tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

        thead th {
            height: 30px;

        }

        tbody {
            height: 700px;
            overflow-y: auto;
        }

        thead {
        }


        tbody td, thead th {
            width: 19.2%;
            float: left;
        }
*/

/*IDs*/

.blocker{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 11;
    background-color: white;
    opacity: 0.7;
    display: none;
}
#txt{
    position: fixed; /* or absolute */
    top:  55%;
    left: 49%;
}
#img_block{
    position: fixed; /* or absolute */
    top:  40%;
    left: 50%;
}

#header_bg{
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 9;
    background-color: #9FC3F8;
    width: 100%;
    height: 80px;
}
#header{
    position: fixed;
    z-index: 10;
}
#at_nummer{
    width: 200px;
}
#img_1{
    background-color: white;
    width: 341px;
    overflow: hidden;
}
#img_2{
    background-color: white;
    width: 433px;
    overflow: hidden;
}
#img_3{
    background-color: white;
    width: 1300px;
    overflow: hidden;
}
#btn_menu{
    position: relative;
    font-size: 20px;
    left: 70px;
    width: 140px;
    height: 100px;
    margin-top: 5px;
}
#buttons_2{
    position: absolute;
    top: 40px;
    width: 433px;    
}
#buttons_3{
    position: absolute;
    top: 40px;
    width: 1200px;    
}
#logo{
    float: right;
}
#tb_bg{
    width: 412px;
    background-color: gainsboro;
}
#tb_bg_v{
    background-color: gainsboro;
}
#field_ma_mat{
    width: 1250px;
}
#tbl_ma_mat{
    width: 1100px;
}
#tb_bg_mat_best_all{
    width: 1300px;
    background-color: gainsboro;
}
#tbl_1, #tbl_2{
    border-spacing: 0px 0px;
}
#vers{
    font-size: 10px;
}
#buttons_adm{
    width: 920px;
}
#btn_lo{
    float: right;
}
#output {
	position: relative;   
	left: 0px;
	top: 300px;
	border: 1px solid red;
	width: 30em;
	/*padding: 5px;*/
	clear: both;
}
#content { 
	position: absolute;
	float: both;
	height: auto;    
	left: 10px; 
	top: 100px;
}
#msg_1 {
	position: relativ;
	float: both;
	border: 1px solid red;
        margin-top: 20px; 
	left: 10px;
	width: 341px;
}
#msg_2 {
	position: relativ;
	float: both;
	border: 1px solid red;
        margin-top: 20px; 
	left: 10px;
	width: 440px;
}
#inp_login {
	border: 1px solid black;
	float: right;
	width: 100px;
}
#inp {
	border: 1px solid black;
	float: right;
        margin-top: 20px;
	width: 100px;
}
#inpva{
    border: 1px solid black;
    float: right;
}
#tab1{
	padding: 0 80px; /* Or desired space*/
}
#zusammenfassung{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 10;
    top: 20;
    width: 415px; /* Full width */
    height: 500px; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(248,184,114,1); /* Black w/ opacity */
}
#ma_all {
    display: none;
}
#ma_field {
    display: block;
}
#inp_id {
    background-color:gainsboro;
    width: 80px;
}
#inp_readonly {
    background-color:gainsboro;
    width: 300px;
}
#inp_sel {
    width: 85px;
}
#inp_sel_flag {
    width: 150px;
}
#inp_field {
    width: 300px;
}