@charset "utf-8";


/* ------------------------------
Formular
------------------------------ */
form.o_form { padding:.4em; }
form.o_form * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
form.o_form input[type="text"],
form.o_form input[type="email"],
form.o_form input[type="url"],
form.o_form input[type="password"],
form.o_form textarea,
form.o_form select { padding:.6em .4em; width:100%; color:#666; border:1px solid #ccc; -webkit-appearance:none; /* Schatten Safari */ }
form.o_form input[type="text"]:focus,
form.o_form input[type="email"]:focus,
form.o_form input[type="url"]:focus,
form.o_form input[type="password"]:focus,
form.o_form textarea:focus,
form.o_form select:focus { outline:0; color:#15a; border:1px solid #15a; background:#f8f8f8; }
form.o_form input[type="text"].o_number, form.o_form input[type="text"].o_date, form.o_form input[type="text"].o_time { width:25%; min-width:100px; }
form.o_form span.o_text { display:block; padding:.4em; width:100%; color:#666; }
/* Feldbreite w in em */
form.o_form .o_wem_xs { width:2em!important; }
form.o_form .o_wem_s { width:4em!important; }
form.o_form .o_wem_m { width:8em!important; }
form.o_form .o_wem_l { width:16em!important; }
/* Feldbreite w in percent */
form.o_form .o_wpe_xs { width:3%; min-width:2em; }
form.o_form .o_wpe_s { width:6%; min-width:3em; }
form.o_form .o_wpe_m { width:12%; min-width:4em; }
form.o_form .o_wpe_l { width:24%; min-width:5em; }

form.o_form textarea {  }
form.o_form textarea.o_full, form.o_form input[type="text"].o_full, form.o_form select.o_full  { width:100%; }

form.o_form input[type="checkbox"],
form.o_form input[type="radio"] { margin:0; padding:0; color:#15a; }

form.o_form textarea.o_textarea_xs { height:2em; }
form.o_form textarea.o_textarea_s { height:4em; }
form.o_form textarea.o_textarea_m { height:8em; }
form.o_form textarea.o_textarea_l { height:16em; }


form.o_form ul { margin:.4em 0; padding:0; list-style:none; }
form.o_form ul li { display:block; padding:.4em 0; width:100%; clear:both; list-style:none; }
form.o_form ul li .o_label { display:inline-block; padding:.4em 0; vertical-align:top; }
/* Label und Formularfeld nebeneinander */
form.o_form ul li.o_join > *:first-child { float:left; width:30%; padding:.4em 0; overflow:hidden; text-align:left; vertical-align:top; }
form.o_form ul li.o_join > *:last-child { float:left; padding-left:.4em; width:70%; vertical-align:top; }

/* Fieldset */
form.o_form fieldset { margin:0; padding:0 .8em 0 0; border:0; }
form.o_form fieldset legend { padding:0 .4em; font-size:.9em; line-height:1.1em; color:#15a; }
form.o_form fieldset.o_hor label { float:left; display:inline-block; padding:.3em .8em .3em 0; width:auto; }
form.o_form fieldset.o_ver label { display:block; width:100%; text-align:left; }
form.o_form fieldset.o_bar { border:0; }


form.o_form ul li,
form.o_form fieldset
{ zoom:1; }
form.o_form ul li:before,
form.o_form fieldset:before
{ display:table; content:""; }
form.o_form ul li:after,
form.o_form fieldset:after
{ display:table; clear:both; content:""; }


/* Error-Markierung von Formular_Elementen */
form.o_form .o_error { border:1px solid #c00!important; background-color:#fdd; }
form.o_form .o_error_msg { display:block; color:#c00; font-size:.85em;}

/* im Formular soll dieser Bereich mit Feldern nicht angezeigt werden. Die Felder sind leer bzw. werden beim Absenden über die Submit-Schaltfläche geleert.
Der normale Nutzer kann diese Felder nicht sehen und damit auch nicht füllen. Sollten die Felder trotzdem gefüllt sein, wurden diese wohlmöglich automatisch gefüllt */
.dontsee { margin:0; padding:0; height:0px; display:block; overflow:hidden;	}
.dontsee input { display:none; border:none; }




/* ------------------------------
Schaltflächen
------------------------------ */
[class*="o_btn"], [class*="o_lnbtn"] { display:inline-block; white-space:nowrap; cursor:pointer; text-decoration:none; text-align:center; cursor:pointer; box-shadow:none; }
[class*="o_btn"]:hover, [class*="o_lnbtn"]:hover { text-decoration:none; border-color:#888; }
[class*="o_btn"] i, [class*="o_lnbtn"] i { display:inline-block; }
[class*="o_btn"] strong, [class*="o_lnbtn"] strong { display:block; text-transform:uppercase; font-weight:normal; font-size:.9em; }

/* Einzelschaltfläche */
[class*="o_btn"] { border:1px solid #aaa; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
/* Size Small */
.o_btn_s, .o_btn_sh, .o_btn_sa, .o_btn_sd { margin:.2em .2em; padding:0 .4em; line-height:1.4em; font-size:.9em; }
/* Size Normal */
.o_btn_m, .o_btn_mh, .o_btn_ma, .o_btn_md { margin:.2em .4em .2em 0; padding:0 1.4em; line-height:2em; font-size:1em; }


/* Schaltfläche nebeneinander in Reihe */
/* l=left, c=center, r=right */
[class*="o_lnbtn_l"] { border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #aaa; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
[class*="o_lnbtn_c"] { border-top:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #aaa; }
[class*="o_lnbtn_r"] { border:1px solid #aaa; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -khtml-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; }
/* Size Small */
[class*="o_lnbtn_ls"], [class*="o_lnbtn_cs"], [class*="o_lnbtn_rs"] { padding:0 .4em; line-height:1.4em; font-size:.9em; }
[class*="o_lnbtn_ls"] { margin:.2em 0 .2em .2em; }
[class*="o_lnbtn_cs"] { margin:.2em 0; }
[class*="o_lnbtn_re"] { margin:.2em .2em .2em 0; }
/* Size Medium */
[class*="o_lnbtn_lm"], [class*="o_lnbtn_cm"], [class*="o_lnbtn_rm"] { padding:0 .8em; line-height:2em; font-size:1em; }
[class*="o_lnbtn_lm"] { margin:.2em 0 .2em .4em; }
[class*="o_lnbtn_cm"] { margin:.2em 0; }
[class*="o_lnbtn_rm"] { margin:.2em .4em .2em 0; }


/* Schaltfläche übereinander in Reihe */
/* t=top, m=middle, b=bottom */
[class*="o_lnbtn_t"], [class*="o_lnbtn_m"], [class*="o_lnbtn_b"] { display:block; }
[class*="o_lnbtn_t"] { border-top:1px solid #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; }
[class*="o_lnbtn_m"] { border-top:1px solid #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; }
[class*="o_lnbtn_b"] { border:1px solid #aaa; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }
/* Size Small */
[class*="o_lnbtn_ts"], [class*="o_lnbtn_ms"], [class*="o_lnbtn_bs"] { padding:0; line-height:1.4em; font-size:.9em; }
[class*="o_lnbtn_ts"] { margin:.2em .2em 0 .2em; }
[class*="o_lnbtn_ms"] { margin:0 .2em; }
[class*="o_lnbtn_be"] { margin:0 .2em .2em .2em; }
/* Size Medium */
[class*="o_lnbtn_tm"], [class*="o_lnbtn_mm"], [class*="o_lnbtn_bm"] { padding:0; line-height:2em; font-size:1em; }
[class*="o_lnbtn_tm"] { margin:.2em .4em 0 .4em; }
[class*="o_lnbtn_mm"] { margin:0 .4em; }
[class*="o_lnbtn_bm"] { margin:0 .4em .2em .4em; }


/* Layout der Schaltflächen */
/* normal Button */
.o_btn_s, .o_btn_m, .o_lnbtn_ls, .o_lnbtn_cs, .o_lnbtn_rs, .o_lnbtn_lm, .o_lnbtn_cm, .o_lnbtn_rm, .o_lnbtn_ts, .o_lnbtn_ms, .o_lnbtn_bs, .o_lnbtn_tm, .o_lnbtn_mm, .o_lnbtn_bm { color:#666; background-color:#fff; }
.o_btn_s:hover, .o_btn_m:hover, .o_lnbtn_ls:hover, .o_lnbtn_cs:hover, .o_lnbtn_rs:hover, .o_lnbtn_lm:hover, .o_lnbtn_cm:hover, .o_lnbtn_rm:hover, .o_lnbtn_ts:hover, .o_lnbtn_ms:hover, .o_lnbtn_bs:hover, .o_lnbtn_tm:hover, .o_lnbtn_mm:hover, .o_lnbtn_bm:hover { color:#333; background-color:#cde; }
/* hover Button */
.o_btn_sh, .o_btn_mh, .o_lnbtn_lsh, .o_lnbtn_csh, .o_lnbtn_rsh, .o_lnbtn_lmh, .o_lnbtn_cmh, .o_lnbtn_rmh, .o_lnbtn_tsh, .o_lnbtn_msh, .o_lnbtn_bsh, .o_lnbtn_tmh, .o_lnbtn_mmh, .o_lnbtn_bmh { color:#ccf; background-color:#26a; }
.o_btn_sh:hover, .o_btn_mh:hover, .o_lnbtn_lsh:hover, .o_lnbtn_csh:hover, .o_lnbtn_rsh:hover, .o_lnbtn_lmh:hover, .o_lnbtn_cmh:hover, .o_lnbtn_rmh:hover, .o_lnbtn_tsh:hover, .o_lnbtn_msh:hover, .o_lnbtn_bsh:hover, .o_lnbtn_tmh:hover, .o_lnbtn_mmh:hover, .o_lnbtn_bmh:hover { color:#fff; background-color:#025; }
/* attent Button */
.o_btn_sa, .o_btn_ma, .o_lnbtn_lsa, .o_lnbtn_csa, .o_lnbtn_rsa, .o_lnbtn_lma, .o_lnbtn_cma, .o_lnbtn_rma, .o_lnbtn_tsa, .o_lnbtn_msa, .o_lnbtn_bsa, .o_lnbtn_tma, .o_lnbtn_mma, .o_lnbtn_bma { color:#600; background-color:#faf; }
.o_btn_sa:hover, .o_btn_ma:hover, .o_lnbtn_lsa:hover, .o_lnbtn_csa:hover, .o_lnbtn_rsa:hover, .o_lnbtn_lma:hover, .o_lnbtn_cma:hover, .o_lnbtn_rma:hover, .o_lnbtn_tsa:hover, .o_lnbtn_msa:hover, .o_lnbtn_bsa:hover, .o_lnbtn_tma:hover, .o_lnbtn_mma:hover, .o_lnbtn_bma:hover { color:#fff; background-color:#f6f; }
/* deactive Button */
.o_btn_sd, .o_btn_md, .o_lnbtn_lsd, .o_lnbtn_csd, .o_lnbtn_rsd, .o_lnbtn_lmd, .o_lnbtn_cmd, .o_lnbtn_rmd, .o_lnbtn_tsd, .o_lnbtn_msd, .o_lnbtn_bsd, .o_lnbtn_tmd, .o_lnbtn_mmd, .o_lnbtn_bmd { cursor:default; color:#999; background-color:#fff; }