@charset "utf-8";
/* CSS Document */

body {

margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;

font-family: Verdana, Helvetica, sans-serif;
letter-spacing:0px;
font-size:12px;

overflow:hidden;

position:fixed;
left:0px;
top:0px;
right:0px;
bottom:0px;
background-color:#FFF;

background-repeat:no-repeat;

-webkit-overflow-scrolling: touch;

}

button { font-family:Verdana, Geneva, sans-serif; }

.overlay { width:100%; height:100%; z-index:99999999999999999999999999999999999999; visibility:visible; display:block; left:0px; top:0px; background-color:#CCCCCC; opacity:.75; filter:alpha(opacity = 75); position:fixed; background-image:url(../images/loading.gif); background-position:center center; background-repeat:no-repeat; }

div.normal { clear:both; }

label { overflow:hidden; }

/* Klassen für das Anmeldefenster mit Welcomescreen usw. */

.anmeldung_titel { width:100%; color:#1a80ba; font-weight:bold; font-size:20px; text-align:center; margin-top:25px; margin-bottom:25px; }
.anmeldung_bild { width:100%; text-align:center; }
.anmeldung_img { box-shadow:3px 3px 3px #999; border:0px solid #FFF; border-radius:10px 10px 10px 10px; }
.anmeldung_img_small { box-shadow:3px 3px 3px #999; border:0px solid #FFF; border-radius:10px 10px 10px 10px; width:90px; }
.anmeldung_name { width:100%; color:#1a80ba; font-weight:bold; font-size:16px; text-align:center; margin-top:10px; margin-bottom:10px; }
.anmeldung_mitte { display:block; text-align:center; padding-left:15%; padding-right:15%; padding-top:20px; }
.anmeldung_login_img { float:right; height:70px; position:relative; top:-10px; cursor:pointer; border:0px solid #FFF; border-radius:35px 35px 35px 35px; box-shadow:3px 3px 3px #999; }
.blue_system { border:1px solid #1a80ba; background-color:#1a80ba; color:#FFF; text-align:center; border-radius:10px 10px 10px 10px; padding:10px; font-size:13px; box-shadow:3px 3px 3px #999; cursor:pointer; }
.anmeldung_userbereich { margin:30px; overflow:hidden; display:block; }
.anmeldung_userwahl { margin:10px; float:left; cursor:pointer; }


.anmeldung_mandant { float:right; margin-top:15px; }
.anmeldung_mandant:hover { float:right; margin-top:40px; }
.anmeldung_mandant:focus { float:right; margin-top:40px; }
.anmeldung_mandant:active { float:right; margin-top:40px; }

.anmeldung_passwort { border:1px solid #1a80ba; color:#1a80ba; text-align:center; border-radius:10px 10px 10px 10px; padding:10px; font-size:25px; width:70%; }
.anmeldung_passwort:hover { border:1px solid #1a80ba; color:#1a80ba; text-align:center; border-radius:10px 10px 10px 10px; padding:10px; font-size:25px; width:70%; }
.anmeldung_passwort:focus { border:1px solid #1a80ba; color:#1a80ba; text-align:center; border-radius:10px 10px 10px 10px; padding:10px; font-size:25px; width:70%; }
.anmeldung_passwort:active { border:1px solid #1a80ba; color:#1a80ba; text-align:center; border-radius:10px 10px 10px 10px; padding:10px; font-size:25px; width:70%; }


/*
Hauptelemente wie Fensterinhalte, überliegende Fensterteile mit Rahmen
Listeeinträge (mehrfarbig) usw
*/

.table_rahmen { background-color:#FFF; border-radius:0.7em 0.7em 0.7em 0.7em; padding:20px; box-shadow:3px 3px 3px #474747; } 

.spalte_titel { font-size:10px; text-align:left; color:#333; }
.spalteneintrag_titel { padding-left:1px; padding-right:1px; padding-top:2px; padding-bottom:3px; border-bottom:1px solid #474747; }

.spalte_0 { font-size:14px; padding:3px; color:#333; background-color:#EFEFEF; }
.spalte_0:hover { font-size:14px; padding:3px; color:#FFF; background-color:#999999; }
.spalteneintrag_0 { padding:3px; text-align:left; }

.spalte_1 { font-size:14px; padding:3px; color:#333; background-color:#CFCFCF; }
.spalte_1:hover { font-size:14px; padding:3px; color:#FFF; background-color:#999999; }
.spalteneintrag_1 { padding:3px; text-align:left; }

.spalte_0_click { font-size:14px; padding:3px; color:#333; background-color:#EFEFEF; cursor:pointer; }
.spalte_0_click:hover { font-size:14px; padding:3px; color:#FFF; background-color:#999999; cursor:pointer; }

.spalte_1_click { font-size:14px; padding:3px; color:#333; background-color:#CFCFCF; cursor:pointer; }
.spalte_1_click:hover { font-size:14px; padding:3px; color:#FFF; background-color:#999999; cursor:pointer; }


.maske_ds_bearbeiten { position:absolute; left:0px; top:0px; width:10px; height:100%; background-color:#999; cursor:pointer; }
.maske_ds_bearbeiten_aktiv { position:absolute; left:0px; top:0px; width:10px; height:100%; background-color:#F00; cursor:pointer; }

/*
Scrollbars für Safari
*/
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    border-bottom: 1px solid #eee; 
    border-top: 1px solid #eee;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #C3C3C3;
    border: 2px solid #eee;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
} 

/*
Uploader
*/

.uploader_table { width:auto; height:auto; display:table; }
.uploader_img { padding-right:15px; display:table-cell; vertical-align:middle; padding-top:5px; }
.uploader_text { display:table-cell; display:block; text-align:left; vertical-align:top; font-size:11px; }

/*
Barcode
*/

#barcode {font-weight: normal; font-style: normal; line-height:normal; sans-serif; font-size: 12pt}


/*
Tooltipp CSS
*/

.tooltipp_default { border:1px solid #333; color:#333; background-color:#EFEFEF; padding:5px; border-radius:0.5em 0.5em 0.5em 0.5em; position:absolute; overflow:visible; z-index:999999999999; }

