@charset "utf-8";
@import url("reset.css");

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#222244; }
h1 { font-size: 16px; } h2 { font-size: 14px; } h3 { font-size: 11px; } h4 { font-size: 10px; } h5 { font-size: 8px; } h6 { font-size: 6px; }
p { padding: 10px; } b, strong { font-weight: bolder; } em { font-style: italic; color: #444455; }

#wrapper { position: relative; float: left; width: 360px; }
#content { position: relative; float: left; width: 340px; margin-left: 14px; margin-top: 0px; background: #FFFFFF; }
#leftcolumn { position: fixed; left: 0px; top: 0px; float: left; background: #C5D9F3; height: 100%; width: 10px; }
#logo_app { position: relative; height: 32px; width: 32px; }
#logo_client { position: relative; top: 2px; padding-right: 5px; height: 21px; width: 160px; float: right; }
#pagetitle { position: relative; top: -4px; padding-left: 5px; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 32px; letter-spacing: -2px; line-height: 120%; color: #E5F0E7; }
#header { position: relative; padding-top: 4px; padding-left: 10px; display: inline; float: left; background: #C5D9F3; width: 350px; }
#menuRow1 { position: relative; background: #194175; padding-left: 0px; float: right; height: 25px; width: 350px; }
#menuRow2 { position: relative; background: #FFFFFF; padding-left: 0px; float: right; height: 25px; width: 350px; }
#img_overlay { position: absolute; margin-top: -150px; padding-left: 20px; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; }
#img_loading { position: absolute; left: 135px; top: 97px; z-index: 100; visibility: hidden; }
#message { position: relative; float: left; padding-left: 15px; height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #007700; }
#footer { position: relative; left: 10px; bottom: -2px; padding-left: 0px; height: 25px; width: 350px; background: #E5F0E7; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color:#333366; /*display: none;*/ }
.benutzername { float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; padding-top: 10px; padding-left: 5px; }
.mandant { float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; font-weight: normal; color: #CCCCFF; display: inline-block; overflow: visible; word-wrap: break-word; padding-top: 6px; padding-right: 3px; }
.linkStyle:link,visited,active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight : normal; text-decoration: none; }
.linkStyle:hover { background-color: #CEE7FF; color: #FFFFFF; font-weight : bolder; }
.inpStyle { height: 22px; width: 100px; background-color: #CEE7FF; }
fieldset { padding: 1em; font: 80%/1 sans-serif; }
label { float: left; width: 25%; margin-right: 0.5em; padding-top: 0.2em; text-align: left; font-weight: normal; }

.prueftermine { background-color: #EFEFFF; color: #6788BE; font-weight: bolder; padding: 5px; }
.prueftermine th, td { padding: 2px; }
.qrOut { clear: both; width: 289px; height: 289px; border: 1px solid #E0E0E0; border-radius: 4px; margin-top: 82px; margin-left: 1px; margin-bottom: 10px; padding: 4px; padding-bottom: 15px; background-color: #ECECD8; }
.qrImg { width: 290px; height: 290px; }
.qrCap { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.qrInf { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-size: 8px; }

/* License Info Overlay */
#coverOL { position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); z-index: 5; width: 100%; height: 100%; display: none; }
#popupOL { height: 35px; width: 300px; margin: 0 auto; position: relative; z-index: 10; display: none; border: 5px solid #cccccc; border-radius: 5px; padding: 10px; /*background: url(../images/bgrOL.png) no-repeat; */ }
#popupOL:target, #popupOL:target + #coverOL{ display:block; opacity:2; }
.btnExitOL { display: block; position: absolute; top: 3px; right: 2px; color: #cccccc; height: 30px; width: 35px; font-size: 30px; text-decoration: none; text-align: center; font-weight: bold; /*background: rgb(245,245,245);*/ }
.btnOpenOL { width: 80px; padding: 3px; background-color: #C5D9F3; box-shadow: -4px 4px 6px 2px rgba(0,0,0,0.2); color: #ffffff; font-size: smaller; font-weight: normal; text-decoration: none; }
.btnUpload { display: inline-block; border: 0px; border-radius: 4px; height: 21px; width: 65px; margin-top: 3px; padding: 0px; vertical-align: top; text-align: left; background-color: #C5D9F3; color: #ffffff; font-size: 8px; font-weight: bolder; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; }
.btnUpload:hover { background-color: #4CAF50; color: white; }

/* Input File CSS */
.box { background-color: #dfc8ca; padding: 6.25rem 1.25rem; }
.box + .box { margin-top: 2.5rem; }
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile + label { max-width: 80%; /*font-size: 1.25rem;*/  /* 20px */ font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.3rem 0.7rem;  /* 10px 20px */ }
.no-js .inputfile + label { display: none; }
.inputfile:focus + label, .inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
.inputfile + label * { /* pointer-events: none; */    /* in case of FastClick lib use */ }
.inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; /* 4px */ margin-right: 0.25em; /* 4px */ }

/* style 1 */
.inputfile-1 + label { color: #f1e5e6; background-color: #d3394c; }
.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover { background-color: #722040; }

#trv_status { position:relative; left: 5px; top: 2px; background-color: #E1F5A9; color: green; font-weight: bolder; padding-left: 5px; padding-right: 5px; display: none; }
#trv_col_left { float: left; width: 200px; height: 180px; margin: 5px; padding: 5px; }
#trv_col_right { float: left; width: 200px; height: 100px; margin-top: 50px; margin-left: 30px; padding: 5px; }
#trv_det_img { border: lightgray 1px dotted; padding: 0; margin: 2px; height: 16px; width: 16px; }
#trv_det_inf1, #trv_det_inf2, #trv_det_inf3 { padding: 3px; margin: 3px; }

/* alert & confirm dialog */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-radius: 8px; }
.ChkGrp table { border: 0px solid black; border-collapse: collapse; width: 100%; }
.ChkGrp td, th { height: 20px; vertical-align: middle; }

/* AUTOCOMPLETE */
.AC{ background-color: #FFF; margin: 0px!important; border: 1px solid #999; cursor: pointer; overflow: auto; text-align: left; list-style-type: none; max-height: 200px; height: 100px; width: 243px;}
.ACLoading { background-image: url(res/img/loader256.gif); background-position: right; background-repeat: no-repeat; }
.ACItem{ color: #666; padding: 1px; border-bottom: 1px solid #ddd; }
.ACItemHlt{ background-color: #E5F0E7; color: #80AA80; }
.ACItemHilite{ color: #000; padding: 1px; border-bottom: 1px solid #ddd; background-color: #ffc0c0; }
.ACRow { font-size: 11px; color: dimgray; }
.ACCnt { font-size: 10px; color: #CCCCFF; font-style: italic; }
.ACFtr { font-size: 10px; text-align: right; }
.ACFtr a { color: #CCCCFF; text-decoration: underline; }
.kacSelectFocus .ACRow { color: white; }
.kacSelectFocus .ACFtr { color: white; }


/*@media screen and (min-width: 480px) {

#wrapper {
    position: relative;
    float: left;
    width: 850px;
}

#content {
    position: relative;
    float: left;
    width: 850px;
    margin-left: 14px;
    margin-top: 0px;
    background: #FFFFFF;
}

#leftcolumn {
    position: fixed;
    left: 0px;
    top: 0px;
    float: left;
    background: #C5D9F3;
    height: 100%;
    width: 10px;
}

#header {
    position: relative;
    padding-top: 4px;
    padding-left: 10px;
    display: inline;
    float: left;
    background: #C5D9F3;
    width: 850px;
}

#menuRow1 {
    position: relative;
    background: #194175;
    padding-left: 0px;
    float: right;
    height: 25px;
    width: 850px;
}

#menuRow2 {
    position: relative;
    background: #FFFFFF;
    padding-left: 0px;
    float: right;
    height: 25px;
    width: 850px;
}

}*/
/*  
@media only screen and (max-device-width: 480px) {
    div#wrapper {
        width: 400px;
    }

    div#header {
        background-image: url(media-queries-phone.jpg);
        height: 93px;
        position: relative;
    }

    div#header h1 {
        font-size: 140%;
    }

    #content {
        float: none;
        width: 100%;
    }

    #navigation {
        float:none;
        width: auto;
    }
}
*/