/* -------------------- 1 ------------------------ */
body {
z-index: 1;
}
    .mj_background{
        background: yellow;
        content:MJ_BACKGROUND_DEFAUKT;
    }
    
//textarea { resize:both; } /* none|horizontal|vertical|both */
//textarea.vert { resize:vertical; }
//textarea.noResize { resize:none; }

/* ---------------- Tabelle mit DIVs --------------- */
    
/* ---------------- Allgemeine Feldeinstellungen --------------- */
    .form01 {
        margin 0px 0px 0px 10px;
    }
    
    #SelectCriteria{
    	width:100px;
    }
    #MarkSince {
    	width:30px;
    }
    
 
    input[type="text"]:disabled {
     		background: #e0e0eb;
     		color:black;
    } 
    
input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  padding:8px;
  /*padding:8px;
  marging:10px;*/
  
}    
    
    .col_chk {
        color:inherit;
        text-decoration:inherit;
        //width:8px;
        margin-left:auto; margin-right:auto;
    }
    .col_id {
        color:inherit;
        text-decoration:inherit;
    }
    .col_bez {
        color:inherit;
        text-decoration:inherit;
         position: relative;
	 top: 8px;
	 //height:30px;
    }
    .col_mge {
        color:inherit;
        text-decoration:inherit;
    }
    .col_einh {
        color:inherit;
        text-decoration:inherit;
    }
    .col_grp {
        color:inherit;
        text-decoration:inherit;
    }
    .col_akt {
        color:inherit;
        text-decoration:inherit;
        z-index: 99;

    }
    .col_erl {
        color:inherit;
        text-decoration:inherit;
    }

/* -------------------- 2 ------------------------ */
@media (max-width: 200px) and (min-width: 100px) {
    body{
        background: blue;
    }
    .col_chk {
        width:0%;
        display:none;
    }
    .col_id {
        width:0%;
        display:none;
    }
    .col_bez {
        width:30%;
    }
    .col_mge {
        width:15%;
    }
    .col_einh {
        width:8%;
    }
    .col_grp {
        width:35%;
        display:none;
    }
    .col_akt {
        width:5%;
        display:none;
    }
    .col_erl {
        width:0%;
        display:none;
    }
    
}
/* -------------------- 3 iPhone hoch ------------------------ */
@media (max-width: 400px) and (min-width: 200px) {
    body{
        background: yellow;
    }
    .col_mark {
        width:0px;
        display:none;
    }
    .col_id {
        width:0px;
        display:none;
    }
    .col_bez {
        width:49%;
        //height:100%;
    }
    .col_mge {
        width:15%;
    }
    .col_einh {
        width:20%;
        disabled:true;
    }
    .col_grp {
        width:0%;
        display:none;
    }
    .col_akt {
        width=5px;
    }
    .col_erl {
        width:0px;
        display:none;
    }
}
/* -------------------- 4 iPhone quer ------------------------ */
@media (max-width: 600px) and (min-width: 400px) {
    body{
        background: #ffe680;
    }
    .col_mark {
        xxwidth:8%;
    }
    .col_id {
        width:8%;
    }
    .col_bez {
        width:30%;
    }
    .col_mge {
        width:10%;
    }
    .col_einh {
        width:10%;
    }
    .col_grp {
        width:20%;
    }
    .col_akt {
        width:5%;
    }
    .col_erl {
        width20%;
        display:none;
    }
}
/* -------------------- 5 ------------------------ */
@media (max-width: 4800px) and (min-width: 600px) {
    body{
        background: green;
    }
}