@viewport {
    width: device-width;
    -ms-zoom: 1.00;
    zoom: 1.00;
    user-zoom: fixed;
}

body {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10pt;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFF;
    background-color: #000;
    padding: 10px 0 10px 0 !important;
    margin: 0 !important;
}


@media (max-width: 768px) {
    body {
        max-width: 700px !important;
    }
}

/* Galaxy Note 4 */
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
    body {
        max-width: 700px !important;
        font-size: 14pt;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation:portrait) {
    body {
        max-width: 700px !important;
        font-size: 20pt;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body {
        max-width: 1000px !important;
        font-size: 16pt;
    }
}

@media (min-width: 1200px) {
    body {
        max-width: 1100px !important;
        font-size: 16pt;
    }
}

img {
    border: 0;
}

a {
    color: #00F;
    width: 258px;
    display: block;
    border: medium ridge #06C;
    background-color: #FFDECE;
    height: 26px;
    font-size: 18pt;
    vertical-align: top;
    text-align: left;
    margin: 0px;
    padding: 5px;
}

a:visited {
	color: #00F;
}

a.imgB {
	border: none;
	background: none;
	height: auto;
	width: auto;
}
	
#mb {
    font-size: 100%;
}

    #mb #menue {
        display: block;
        position: fixed;
        top: 0;
        left: 3px;
        right: 30px;
        height: 80px;
        background-color: #e5e8ab;
        padding: 3px 3px 3px 3px;
        z-index: 99;
        -moz-box-shadow: rgba(0,0,0,0.4) 3px 3px;
        -webkit-box-shadow: rgba(0,0,0,0.4) 3px 3px;
        box-shadow: rgba(0,0,0,0.4) 3px 3px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        font-size: 130%;
    }

@media (min-width: 768px) and (max-width: 991px) and (orientation:portrait) {
    #mb #menue {
        height: 120px;
    }
}

#mb #menue table colgroup col.cSpur, #mb #menue table thead tr th.cSpur, #mb #menue table tbody tr td.cSpur {
    width: 15% !important;
    max-width: 15% !important;
}
#mb #menue table colgroup col.cGruppe, #mb #menue table thead tr th.cGruppe, #mb #menue table tbody tr td.cGruppe {
    width: 25% !important;
    max-width: 25% !important;
}
#mb #menue table colgroup col.cFirma, #mb #menue table thead tr th.cFirma, #mb #menue table tbody tr td.cFirma {
    width: 25% !important;
    max-width: 25% !important;
}
#mb #menue table colgroup col.cVerwaltung, #mb #menue table thead tr th.cVerwaltung, #mb #menue table tbody tr td.cVerwaltung {
    width: 20% !important;
    max-width: 20% !important;
}
#mb #menue table colgroup col.cInput, #mb #menue table thead tr th.cInput, #mb #menue table tbody tr td.cInput {
    width: 15% !important;
    max-width: 15% !important;
}


#mb #menue select {
    border: 1px solid #a2a55c;
    width: calc(100% - 3px);
    max-width: calc(100% - 3px);
}
#mb #menue input {
    border: 1px solid #a2a55c;
    width: calc(100% - 3px);
    max-width: calc(100% - 3px);
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
#mb #menue table colgroup col.cFirma, #mb #menue table thead tr th.cFirma, #mb #menue table tbody tr td.cFirma {
    width: 25% !important;
    max-width: 25% !important;
    background-color: red;
}
}

#mb #notfound {
    display: block;
    position: page;
    margin: 120px 15px 15px 15px;
    top: 3px;
    left: 3px;
    right: 3px;
    height: auto;
    background-color: #f18888;
    padding: 3px 3px 3px 3px;
    -moz-box-shadow: rgba(0,0,0,0.4) 3px 3px;
    -webkit-box-shadow: rgba(0,0,0,0.4) 3px 3px;
    box-shadow: rgba(0,0,0,0.4) 3px 3px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#mb #cont {
    display: block;
    position: page;
    margin-top: 80px;
    top: 3px;
    left: 3px;
    right: 30px;
    height: auto;
    background-color: #000;
    padding: 3px 3px 3px 3px;
    margin-left: 5px;
    margin-right: 5px;
}

#mb table {
    border: none;
}

#mb th {
    text-align: left;
    vertical-align: top;
    padding: 2px 2px 2px 5px;
    /* border: none; */
    border-top: none;
    border-left: none;
    border-right: 1px solid rgb(50, 50, 50);
    border-bottom: 1px solid rgb(50, 50, 50);
    font-weight: 500;
    font-size: 50%;
}

#mb td {
    text-align: left;
    vertical-align: top;
    padding: 2px 2px 2px 5px;
    /* border: none; */
    border-top: none;
    border-left: none;
    border-right: 1px solid rgb(50, 50, 50);
    border-bottom: 1px solid rgb(50, 50, 50);
    font-size: 100%;
}

    #mb td.spur {
        background-color: #153c19;
        padding: 2px 2px 2px 5px;
        font-size: 100%;
    }

    #mb td.spurH {
        background-color: #0a5a12;
        padding: 2px 2px 2px 5px;
        font-size: 110%;
    }

    #mb td.gruppe {
        background-color: #18491e;
        padding: 2px 2px 2px 5px;
        font-size: 100%;
    }

    #mb td.gruppeH {
        background-color: #0d7618;
        padding: 2px 2px 2px 5px;
        font-size: 110%;
    }

    #mb td.firma {
        background-color: #22692b;
        padding: 2px 2px 2px 5px;
        font-size: 100%;
    }

    #mb td.firmaH {
        background-color: #138f20;
        padding: 2px 2px 2px 5px;
        font-size: 110%;
    }

    #mb td.anz {
        text-align: right;
        font-size: 120%;
        font-weight: bold;
        color: #f18888;
        white-space: nowrap;
    }

    #mb td.a {
        font-size: 120%;
        font-weight: bold;
        color: #f8ef3a;
        white-space: nowrap;
    }

    #mb td.verw {
        font-size: 120%;
        font-weight: bold;
        color: #f8ef3a;
        white-space: nowrap;
    }

    #mb td.verwH {
        background-color: #17ac26;
        padding: 2px 2px 2px 5px;
        font-size: 110%;
    }

    #mb td.beschr {
        font-size: 120%;
        font-weight: bold;
        color: #f8ef3a;
        white-space: normal;
    }

@media (min-width: 992px) and (max-width: 1199px) {
    #mb td.beschr {
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    #mb td.beschr {
        white-space: nowrap;
    }
}

#mb td.btnr {
    white-space: nowrap;
}

#mb td.extr {
    font-style: italic;
    background-color: #84ad7a;
}

#mb td.sonst {
    font-style: italic;
    background-color: #8b8b8b;
}