@charset "utf-8";

/* ------------------------------
Formular
------------------------------ */
form.o_form { }
form.o_form * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

/* Formulartabelle */
/* Zeilen */
form.o_form [class*="o_fln"] { display:block; padding:.4em .6em; } /* einspaltige Zeile */
form.o_form [class*="o_ftr"] { display:table; width:100%; } /* mehrspaltige Zeile */

/* Spalten */
form.o_form [class*="o_ftd"] { display:table-cell; position:relative; padding:.4em .6em; vertical-align:top; }
form.o_form .o_ftd { width:100%; }
form.o_form .o_ftd1 { width:8.3333333333%; }
form.o_form .o_ftd2 { width:16.6666666667%; }
form.o_form .o_ftd3 { width:25; }
form.o_form .o_ftd4 { width:33.3333333333%; }
form.o_form .o_ftd5 { width:41.6666666666%; }
form.o_form .o_ftd6 { width:50%; }
form.o_form .o_ftd7 { width:58.3333333333%; }
form.o_form .o_ftd8 { width:66.6666666666%; }
form.o_form .o_ftd9 { width:75%; }
form.o_form .o_ftd10 { width:83.333333333%; }
form.o_form .o_ftd11 { width:91.666666666%; }

form.o_form [class*="o_fln"] label,
form.o_form [class*="o_ftd"] label { display:block; padding:.2em .8em .2em .2em; line-height:1em; color:#15a; text-align:left; font-size:.9em; font-weight:bold; font-family:'Titillium Web', sans-serif; }
form.o_form [class*="o_fln"] label span,
form.o_form [class*="o_ftd"] label span { font-weight:normal; font-size:.9em; }

/* Anordnungen */
/* Felder nebeneinander floaten, benötigt basis.css */
form.o_form [class*="o_wfl"] { padding-right:.8em; }
form.o_form [class*="o_wfl"]:last-child { padding-right:0; }
form.o_form [class*="o_wfr"] { padding-left:.8em; }
form.o_form [class*="o_wfl"]:last-child { padding-left:0; }

/* Feldergruppen */
form.o_form fieldset { margin:0 0 .8em 0; padding:0; width:100%; border:0; }
form.o_form legend { margin-bottom:.4em; padding:.4em .8em; width:100%; color:#fff; font-weight:bold; background-color:#09f; }

/* Checkbox und Radio */
form.o_form .o_range_hor, form.o_form .o_range_ver { display:block; padding:.2em .4em; width:100%; overflow:hidden; list-style:none; color:#666; border:1px solid #ddd; background-color:#fff; border-radius:.4em; -webkit-border-radius:.4em; -moz-border-radius:.4em; -khtml-border-radius:.4em; }
form.o_form .o_range_hor span { float:left; display:inline-block; margin-right:.6em; width:auto!important; white-space:nowrap; list-style:none; font-weight:normal!important; }
form.o_form .o_range_ver span { display:block; width:auto!important; list-style:none; }
form.o_form ul label { font-weight:normal; }

/* Error-Markierung von Formular_Elementen */
form.o_form .o_error {  }
form.o_form .o_error_msg { display:inline-block; padding:.1em .4em; color:#fff; font-size:.8em; background:url(../img/back/bg-error.png) repeat; }

/* 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!important; padding:0!important; height:0px; display:block; overflow:hidden; }
.dontsee input { display:none; border:none; }


/* Eingabefelder */
/* Grundeinstellung */
form.o_form input[type="text"],
form.o_form input[type="number"],
form.o_form input[type="date"],
form.o_form input[type="time"],
form.o_form input[type="datetime"],
form.o_form input[type="email"],
form.o_form input[type="search"],
form.o_form input[type="url"],
form.o_form input[type="password"],
form.o_form textarea,
form.o_form select,
form.o_form span.o_string { display:block; width:100%; color:#666; border:1px solid #ddd; background-color:#fff; border-radius:.2em; -webkit-border-radius:.2em; -moz-border-radius:.2em; -khtml-border-radius:.2em; -webkit-appearance:none; /* Schatten Safari */ }

/* spezielle Anpassung */
form.o_form input[type="text"],
form.o_form input[type="number"],
form.o_form input[type="date"],
form.o_form input[type="time"],
form.o_form input[type="datetime"],
form.o_form input[type="email"],
form.o_form input[type="search"],
form.o_form input[type="url"],
form.o_form input[type="password"],
form.o_form textarea { padding:.6em .4em; }

form.o_form select { padding:.6em .3em .5em .3em; }
form.o_form span.o_string { padding:.4em .4em; }

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

/* Focus */
form.o_form input[type="text"]:focus,
form.o_form input[type="number"]:focus,
form.o_form input[type="date"]:focus,
form.o_form input[type="time"]:focus,
form.o_form input[type="datetime"]:focus,
form.o_form input[type="email"]:focus,
form.o_form input[type="search"]: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; background-color:#f8f8f8; }

/* sepzielle Eigenschaften */
form.o_form .o_disabled { color:#ccc!important; background-color:#fff!important; }

form.o_form label.o_rscheck { display:inline-block; padding:.1em .4em; }
form.o_form label.o_rscheck input[type="checkbox"] { display:none; }

/* Höhe Textarea */
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 textarea.o_textarea_xl { height:32em; }





/* Clearfix */
form.o_form p,
form.o_form fieldset,
form.o_form div.o_fln,
form.o_form div.o_ftr,
form.o_form .o_range_hor,
form.o_form .o_range_ver
{ zoom:1; }
form.o_form p:before,
form.o_form fieldset:before,
form.o_form div.o_fln:before,
form.o_form div.o_ftr:before,
form.o_form .o_range_hor:before,
form.o_form .o_range_ver:before
{ display:table; content:""; }
form.o_form p:after,
form.o_form fieldset:after,
form.o_form div.o_fln:after,
form.o_form div.o_ftr:after,
form.o_form .o_range_hor:after,
form.o_form .o_range_ver:after
{ display:table; clear:both; content:""; }








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

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


/* runde Schaltfläche */
[class*="o_rbtn"] { display:inline-block; width:1.8em; height:1.8em; white-space:nowrap; cursor:pointer; text-decoration:none; text-align:center; font-family:Arial, Helvetica, sans-serif; border:0; background-color:#fff; }
[class*="o_rbtn"] i { display:block; width:100%; height:100%; -webkit-border-radius:50%; -moz-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; }
a.o_rbtn i, a.o_rbtn_h i, a.o_rbtn_a i, a.o_rbtn_d i { margin:0; padding:.35em 0; }
button.o_rbtn i, button.o_rbtn_h i, button.o_rbtn_a i, button.o_rbtn_d i { margin:0; padding:.25em 0; }



/* Layout der Schaltflächen */
/* normal Button */
.o_btn_s, .o_btn, .o_rbtn_s i, .o_rbtn i { color:#09f; background-color:#fff; border:.1em solid #09f; }
.o_btn_s:hover, .o_btn:hover, .o_rbtn_s i:hover, .o_rbtn i:hover { color:#fff; background-color:#09f; }
/* hover Button */
.o_btn_sh, .o_btn_h, .o_rbtn_sh i, .o_rbtn_h i { color:#cf0; background-color:#fff; border:.1em solid #cf0; }
.o_btn_sh:hover, .o_btn_h:hover, .o_rbtn_sh i:hover, .o_rbtn_h i:hover { color:#fff; background-color:#cf0; }
/* attent Button */
.o_btn_sa, .o_btn_a, .o_rbtn_sa i, .o_rbtn_a i { color:#c00; background-color:#fff; border:.1em dotted #c00; }
.o_btn_sa:hover, .o_btn_a:hover, .o_rbtn_sa i:hover, .o_rbtn_a i:hover { color:#fff; background-color:#c00; border:.1em solid #c00; }
/* deactive Button */
.o_btn_sd, .o_btnd, .o_rbtn_sd i, .o_rbtn_d i { cursor:default; color:#999; background-color:#fff; border:.1em solid #999; }







/* ------------------------------
Transition
------------------------------ */
[class*="o_btn"], [class*="o_btn"]:hover,
[class*="o_rbtn"] i, [class*="o_rbtn"] i:hover
{ -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; -ms-transition:all .5s ease-out; }





@media screen and (min-width:320px) {


}



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



@media screen and (min-width:620px) {

form.o_form .o_fln label, form.o_form .o_ftr label { float:left; padding:1em .8em 0 .2em; width:9em; height:3em; overflow:hidden; line-height:1em; text-align:right; background-color:#efe }

/* Eingabefelder Grundeinstellung */
form.o_form .o_fln input[type="text"], form.o_form .o_ftr input[type="text"],
form.o_form .o_fln input[type="number"], form.o_form .o_ftr input[type="number"],
form.o_form .o_fln input[type="date"], form.o_form .o_ftr input[type="date"],
form.o_form .o_fln input[type="time"], form.o_form .o_ftr input[type="time"],
form.o_form .o_fln input[type="datetime"], form.o_form .o_ftr input[type="datetime"],
form.o_form .o_fln input[type="email"], form.o_form .o_ftr input[type="email"],
form.o_form .o_fln input[type="search"], form.o_form .o_ftr input[type="search"],
form.o_form .o_fln input[type="url"], form.o_form .o_ftr input[type="url"],
form.o_form .o_fln input[type="password"], form.o_form .o_ftr input[type="password"],
form.o_form .o_fln textarea, form.o_form .o_ftr textarea,
form.o_form .o_fln select, form.o_form .o_ftr select,
form.o_form .o_fln span.o_string, form.o_form .o_ftr span.o_string,
form.o_form .o_fln .o_range_hor, form.o_form .o_ftr .o_range_hor,
form.o_form .o_fln .o_range_ver, form.o_form .o_ftr .o_range_ver { float:right; width:calc(100% - 8.2em); }


form.o_form .o_fln .o_range_hor label, form.o_form .o_ftr .o_range_hor label { float:left; padding:.4em .8em .4em .2em; width:16em; height:auto; white-space:nowrap; text-align:left; background-color:#CC6 }
form.o_form .o_fln .o_range_ver label, form.o_form .o_ftr .o_range_ver label { float:none; padding:.4em .8em .4em .2em; width:auto; height:auto; text-align:left; background-color:#CC6 }



}



@media screen and (min-width:800px) {
	

}



@media screen and (min-width:960px) {


}



@media screen and (min-width:1150px) {
	

}



@media screen and (min-width:1500px) {
	

}